@splunk/react-visualizations 26.0.0 → 26.1.0

package/SvgChoroplethDynamic.js

@@ -130,15 +130,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.SvgChoroplethDynamic = void 0;
+
 var React = __webpack_require__(1);
+
 var T = __webpack_require__(0);
+
 var ChoroplethSvg_1 = __webpack_require__(70);
+
 var Message_1 = __webpack_require__(33);
+
 var i18n_1 = __webpack_require__(32);
+
 var SvgChoroplethDynamic = function SvgChoroplethDynamic(props) {
   var width = props.width,
-    height = props.height,
-    svg = props.svg;
+      height = props.height,
+      svg = props.svg;
+
   if (!svg) {
     return React.createElement(Message_1.default, {
       "data-test": "choropleth-svg-message",
@@ -147,8 +154,10 @@ var SvgChoroplethDynamic = function SvgChoroplethDynamic(props) {
       message: (0, i18n_1._)('No literal SVG is provided')
     });
   }
+
   return React.createElement(ChoroplethSvg_1.PureSvgChoroplethDynamic, Object.assign({}, props));
 };
+
 exports.SvgChoroplethDynamic = SvgChoroplethDynamic;
 exports.SvgChoroplethDynamic.propTypes = {
   width: T.oneOfType([T.string, T.number]),

package/SvgChoroplethDynamic.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"prop-types\"","webpack:///external \"react\"","webpack:///external \"@splunk/ui-utils/i18n\"","webpack:///external \"@splunk/visualizations-shared/Message\"","webpack:///./src/visualizations/SvgChoroplethDynamic/SvgChoroplethDynamic.tsx","webpack:///external \"@splunk/visualizations/ChoroplethSvg\""],"names":["React","require","T","ChoroplethSvg_1","Message_1","i18n_1","SvgChoroplethDynamic","props","width","height","svg","createElement","default","message","_","PureSvgChoroplethDynamic","Object","assign","exports","propTypes","oneOfType","string","number","defaultProps"],"mappings":";;;;;;;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;AClFA,uC;;;;;;;ACAA,kC;;;;;;;ACAA,kD;;;;;;;ACAA,kE;;;;;;;;;;;;;;ACAA,IAAAA,KAAA,GAAAC,mBAAA;AACA,IAAAC,CAAA,GAAAD,mBAAA;AACA,IAAAE,eAAA,GAAAF,mBAAA;AACA,IAAAG,SAAA,GAAAH,mBAAA;AACA,IAAAI,MAAA,GAAAJ,mBAAA;AAEO,IAAMK,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAGC,KAAK,EAAG;EAAA,IAChCC,KAAK,GAAkBD,KAAK,CAA5BC,KAAK;IAAEC,MAAM,GAAUF,KAAK,CAArBE,MAAM;IAAEC,GAAG,GAAKH,KAAK,CAAbG,GAAG;EAC1B,IAAI,CAACA,GAAG,EAAE;IACN,OACIV,KAAA,CAAAW,aAAA,CAACP,SAAA,CAAAQ,OAAO;MAAA,aACM,wBAAwB;MAClCJ,KAAK,EAAEA,KAAK;MACZC,MAAM,EAAEA,MAAM;MACdI,OAAO,EAAE,IAAAR,MAAA,CAAAS,CAAC,EAAC,4BAA4B;IAAC,EAC1C;;EAGV,OAAOd,KAAA,CAAAW,aAAA,CAACR,eAAA,CAAAY,wBAAwB,EAAAC,MAAA,CAAAC,MAAA,KAAKV,KAAK,EAAI;AAClD,CAAC;AAbYW,OAAA,CAAAZ,oBAAoB,GAAAA,oBAAA;AAcjCY,OAAA,CAAAZ,oBAAoB,CAACa,SAAS,GAAG;EAC7BX,KAAK,EAAEN,CAAC,CAACkB,SAAS,CAAC,CAAClB,CAAC,CAACmB,MAAM,EAAEnB,CAAC,CAACoB,MAAM,CAAC,CAAC;EACxCb,MAAM,EAAEP,CAAC,CAACkB,SAAS,CAAC,CAAClB,CAAC,CAACmB,MAAM,EAAEnB,CAAC,CAACoB,MAAM,CAAC,CAAC;EACzCZ,GAAG,EAAER,CAAC,CAACmB;CACV;AAEDH,OAAA,CAAAZ,oBAAoB,CAACiB,YAAY,GAAG;EAChCf,KAAK,EAAE,MAAM;EACbC,MAAM,EAAE;CACX;AAEDS,OAAA,CAAAN,OAAA,GAAeM,OAAA,CAAAZ,oBAAoB,C;;;;;;;AC/BnC,iE","file":"SvgChoroplethDynamic.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 69);\n","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualizations-shared/Message\");","import * as React from 'react';\nimport * as T from 'prop-types';\nimport { PureSvgChoroplethDynamic } from '@splunk/visualizations/ChoroplethSvg';\nimport Message from '@splunk/visualizations-shared/Message';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nexport const SvgChoroplethDynamic = props => {\n    const { width, height, svg } = props;\n    if (!svg) {\n        return (\n            <Message\n                data-test=\"choropleth-svg-message\"\n                width={width}\n                height={height}\n                message={_('No literal SVG is provided')}\n            />\n        );\n    }\n    return <PureSvgChoroplethDynamic {...props} />;\n};\nSvgChoroplethDynamic.propTypes = {\n    width: T.oneOfType([T.string, T.number]),\n    height: T.oneOfType([T.string, T.number]),\n    svg: T.string,\n};\n\nSvgChoroplethDynamic.defaultProps = {\n    width: '100%',\n    height: 250,\n};\n\nexport default SvgChoroplethDynamic;\n","module.exports = require(\"@splunk/visualizations/ChoroplethSvg\");"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"prop-types\"","webpack:///external \"react\"","webpack:///external \"@splunk/ui-utils/i18n\"","webpack:///external \"@splunk/visualizations-shared/Message\"","webpack:///./src/visualizations/SvgChoroplethDynamic/SvgChoroplethDynamic.tsx","webpack:///external \"@splunk/visualizations/ChoroplethSvg\""],"names":[],"mappings":";;;;;;;QAAA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;;QAEA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;;;QAGA;QACA;;QAEA;QACA;;QAEA;QACA;QACA;QACA,0CAA0C,gCAAgC;QAC1E;QACA;;QAEA;QACA;QACA;QACA,wDAAwD,kBAAkB;QAC1E;QACA,iDAAiD,cAAc;QAC/D;;QAEA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA;QACA,yCAAyC,iCAAiC;QAC1E,gHAAgH,mBAAmB,EAAE;QACrI;QACA;;QAEA;QACA;QACA;QACA,2BAA2B,0BAA0B,EAAE;QACvD,iCAAiC,eAAe;QAChD;QACA;QACA;;QAEA;QACA,sDAAsD,+DAA+D;;QAErH;QACA;;;QAGA;QACA;;;;;;;;AClFA,uC;;;;;;;ACAA,kC;;;;;;;ACAA,kD;;;;;;;ACAA,kE;;;;;;;;;;;;;;;ACAA;;AACA;;AACA;;AACA;;AACA;;AAEO,IAAM,oBAAoB,GAAG,SAAvB,oBAAuB,MAAK,EAAG;AAAA,MAChC,KADgC,GACT,KADS,CAChC,KADgC;AAAA,MACzB,MADyB,GACT,KADS,CACzB,MADyB;AAAA,MACjB,GADiB,GACT,KADS,CACjB,GADiB;;AAExC,MAAI,CAAC,GAAL,EAAU;AACN,WACI,oBAAC,iBAAD,EAAQ;AAAA,mBACM,wBADN;AAEJ,WAAK,EAAE,KAFH;AAGJ,YAAM,EAAE,MAHJ;AAIJ,aAAO,EAAE,cAAE,4BAAF;AAJL,KAAR,CADJ;AAQH;;AACD,SAAO,oBAAC,wCAAD,EAAyB,kBAAK,KAAL,CAAzB,CAAP;AACH,CAbM;;AAAM,+BAAoB,oBAApB;AAcb,6BAAqB,SAArB,GAAiC;AAC7B,OAAK,EAAE,CAAC,CAAC,SAAF,CAAY,CAAC,CAAC,CAAC,MAAH,EAAW,CAAC,CAAC,MAAb,CAAZ,CADsB;AAE7B,QAAM,EAAE,CAAC,CAAC,SAAF,CAAY,CAAC,CAAC,CAAC,MAAH,EAAW,CAAC,CAAC,MAAb,CAAZ,CAFqB;AAG7B,KAAG,EAAE,CAAC,CAAC;AAHsB,CAAjC;AAMA,6BAAqB,YAArB,GAAoC;AAChC,OAAK,EAAE,MADyB;AAEhC,QAAM,EAAE;AAFwB,CAApC;AAKA,kBAAe,4BAAf,C;;;;;;;AC/BA,iE","file":"SvgChoroplethDynamic.js","sourcesContent":[" \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 69);\n","module.exports = require(\"prop-types\");","module.exports = require(\"react\");","module.exports = require(\"@splunk/ui-utils/i18n\");","module.exports = require(\"@splunk/visualizations-shared/Message\");","import * as React from 'react';\nimport * as T from 'prop-types';\nimport { PureSvgChoroplethDynamic } from '@splunk/visualizations/ChoroplethSvg';\nimport Message from '@splunk/visualizations-shared/Message';\nimport { _ } from '@splunk/ui-utils/i18n';\n\nexport const SvgChoroplethDynamic = props => {\n    const { width, height, svg } = props;\n    if (!svg) {\n        return (\n            <Message\n                data-test=\"choropleth-svg-message\"\n                width={width}\n                height={height}\n                message={_('No literal SVG is provided')}\n            />\n        );\n    }\n    return <PureSvgChoroplethDynamic {...props} />;\n};\nSvgChoroplethDynamic.propTypes = {\n    width: T.oneOfType([T.string, T.number]),\n    height: T.oneOfType([T.string, T.number]),\n    svg: T.string,\n};\n\nSvgChoroplethDynamic.defaultProps = {\n    width: '100%',\n    height: 250,\n};\n\nexport default SvgChoroplethDynamic;\n","module.exports = require(\"@splunk/visualizations/ChoroplethSvg\");"],"sourceRoot":""}

package/common/Charting.js

@@ -173,13 +173,17 @@ module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
 
 
 var _classCallCheck = __webpack_require__(7);
+
 var _createClass = __webpack_require__(8);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var ChartingApi = /*#__PURE__*/function () {
   function ChartingApi(charting) {
     _classCallCheck(this, ChartingApi);
+
     this.charting = charting;
   }
   /**
@@ -187,15 +191,18 @@ var ChartingApi = /*#__PURE__*/function () {
    *
    * @memberof ChartingApi
    */
+
+
   _createClass(ChartingApi, [{
     key: "highlight",
     value: function highlight() {
       var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-          xValue: '',
-          seriesName: ''
-        },
-        xValue = _ref.xValue,
-        seriesName = _ref.seriesName;
+        xValue: '',
+        seriesName: ''
+      },
+          xValue = _ref.xValue,
+          seriesName = _ref.seriesName;
+
       this.charting.chart.highlight(xValue, seriesName);
     }
     /**
@@ -203,14 +210,17 @@ var ChartingApi = /*#__PURE__*/function () {
      *
      * @memberof ChartingApi
      */
+
   }, {
     key: "unHighlight",
     value: function unHighlight() {
       this.charting.chart.unHighlight();
     }
   }]);
+
   return ChartingApi;
 }();
+
 exports.default = ChartingApi;
 
 /***/ }),
@@ -299,45 +309,65 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
+
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-    enumerableOnly && (symbols = symbols.filter(function (sym) {
+    if (enumerableOnly) symbols = symbols.filter(function (sym) {
       return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-    })), keys.push.apply(keys, symbols);
+    });
+    keys.push.apply(keys, symbols);
   }
+
   return keys;
 }
+
 function _objectSpread(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = null != arguments[i] ? arguments[i] : {};
-    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
-      _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(target, key, source[key]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
-      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-    });
+    var source = arguments[i] != null ? arguments[i] : {};
+
+    if (i % 2) {
+      ownKeys(Object(source), true).forEach(function (key) {
+        _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(target, key, source[key]);
+      });
+    } else if (Object.getOwnPropertyDescriptors) {
+      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+      ownKeys(Object(source)).forEach(function (key) {
+        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+      });
+    }
   }
+
   return target;
 }
+
 function _createSuper(Derived) {
   var hasNativeReflectConstruct = _isNativeReflectConstruct();
+
   return function _createSuperInternal() {
     var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default()(Derived),
-      result;
+        result;
+
     if (hasNativeReflectConstruct) {
       var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_5___default()(this).constructor;
+
       result = Reflect.construct(Super, arguments, NewTarget);
     } else {
       result = Super.apply(this, arguments);
     }
+
     return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_4___default()(this, result);
   };
 }
+
 function _isNativeReflectConstruct() {
   if (typeof Reflect === "undefined" || !Reflect.construct) return false;
   if (Reflect.construct.sham) return false;
   if (typeof Proxy === "function") return true;
+
   try {
     Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
     return true;
@@ -351,6 +381,8 @@ function _isNativeReflectConstruct() {
 
 
 
+
+
  // fixme, @splunk/charting should be refactor to use locale & timezone instead of i18n functions
 
 
@@ -358,6 +390,7 @@ function _isNativeReflectConstruct() {
 
 
 
+
 var NO_INPLACE_PROPS = ['chart', 'chart.orientation', 'layout.splitSeries', 'chart.style', 'legend.placement'];
 var changedOptions = function changedOptions(a, b) {
   return Object.keys(a).filter(function (k) {
@@ -372,41 +405,56 @@ var ChartingContainer = styled_components__WEBPACK_IMPORTED_MODULE_16___default.
 })(["overflow:hidden;position:relative;", ";"], function (props) {
   return Object(_splunk_visualizations_shared_style__WEBPACK_IMPORTED_MODULE_15__["toDimension"])(Object(lodash__WEBPACK_IMPORTED_MODULE_7__["pick"])(props, ['width', 'height']));
 });
+
 var Charting = /*#__PURE__*/function (_Component) {
   _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_3___default()(Charting, _Component);
+
   var _super = _createSuper(Charting);
+
   function Charting(props, context) {
     var _this;
+
     _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_0___default()(this, Charting);
+
     _this = _super.call(this, props, context);
+
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2___default()(_this), "drawChart", Object(lodash__WEBPACK_IMPORTED_MODULE_7__["debounce"])(function () {
       var _this$props = _this.props,
-        options = _this$props.options,
-        chartData = _this$props.chartData,
-        themeKey = _this$props.themeKey,
-        colorPalette = _this$props.colorPalette;
+          options = _this$props.options,
+          chartData = _this$props.chartData,
+          themeKey = _this$props.themeKey,
+          colorPalette = _this$props.colorPalette;
+
       var updatedOptions = _objectSpread(_objectSpread({}, options), {}, {
         shouldColorizeTooltipData: false
       });
+
       var _this$computeCharting = _this.computeChartingSize(),
-        width = _this$computeCharting.width,
-        height = _this$computeCharting.height;
+          width = _this$computeCharting.width,
+          height = _this$computeCharting.height;
+
       var serializedTimezone = Object(lodash__WEBPACK_IMPORTED_MODULE_7__["get"])(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2___default()(_this), ['context', 'serializedTimezone']);
       var ianaTimezone = Object(lodash__WEBPACK_IMPORTED_MODULE_7__["get"])(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2___default()(_this), ['context', 'ianaTimezone']);
       var utcOffset = Object(lodash__WEBPACK_IMPORTED_MODULE_7__["get"])(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2___default()(_this), ['context', 'utcOffset']);
+
       if (!width || !height) {
         return;
       }
+
       if (!chartData || !chartData.length) {
         return;
       }
+
       try {
         if (_this.needsInit) {
           _this.destroyChart();
+
           _splunk_charting_bundle__WEBPACK_IMPORTED_MODULE_14___default.a.setTheme(themeKey);
+
           if (colorPalette.length > 0) {
             _splunk_charting_bundle__WEBPACK_IMPORTED_MODULE_14___default.a.setColorPalette(colorPalette);
           }
+
           _this.chart = _splunk_charting_bundle__WEBPACK_IMPORTED_MODULE_14___default.a.createChart(_this.container, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, updatedOptions), {}, {
             drilldown: 'all'
           }, typeof serializedTimezone === 'string' && {
@@ -415,52 +463,67 @@ var Charting = /*#__PURE__*/function (_Component) {
             'time.ianaTimezone': ianaTimezone
           }), typeof utcOffset === 'number' && {
             'time.timezoneOffset': utcOffset
-          }));
-          // bind event handlers
+          })); // bind event handlers
+
           _this.chart.on('pointClick', function (e) {
             _this.handleClick(e, 'point.click');
           });
+
           _this.chart.on('pointMouseOver', function (e) {
             _this.handlePointMouseOver(e, 'point.mouseover');
           });
+
           _this.chart.on('pointMouseOut', function (e) {
             _this.handlePointMouseOut(e, 'point.mouseout');
           });
+
           _this.chart.on('legendClick', function (e) {
             _this.handleClick(e, 'legend.click');
           });
+
           _this.chart.on('chartRangeSelect', _this.handleSelect);
         }
+
         if (_this.needsRedraw) {
           _splunk_charting_bundle__WEBPACK_IMPORTED_MODULE_14___default.a.setTheme(themeKey);
+
           if (colorPalette.length > 0) {
             _splunk_charting_bundle__WEBPACK_IMPORTED_MODULE_14___default.a.setColorPalette(colorPalette);
           }
+
           _this.chart.prepareAndDraw(chartData, updatedOptions, function () {});
         }
+
         if (_this.chart) {
           _this.chart.resize(width, height);
         }
+
         _this.needsInit = false;
         _this.needsRedraw = false;
       } catch (e) {
         window.console.error('Caught error rendering chart:', e);
       }
     }, 5));
+
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2___default()(_this), "onContainerMount", function (container) {
       _this.container = container;
+
       _this.drawChart();
     });
+
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2___default()(_this), "computeChartingSize", function () {
       if (_this.container) {
         var rect = _this.container.getBoundingClientRect();
+
         return {
           height: rect.height,
           width: rect.width
         };
       }
+
       return {};
     });
+
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2___default()(_this), "handleClick", function (chartEvent, type) {
       // todo: need change this after breaking all visualizations
       if (_this.props.onClick && typeof _this.props.onClick === 'function') {
@@ -469,17 +532,19 @@ var Charting = /*#__PURE__*/function (_Component) {
           originalEvent: chartEvent,
           payload: Object(lodash__WEBPACK_IMPORTED_MODULE_7__["pick"])(chartEvent, 'name', 'value', 'name2', 'value2', '_span', 'rowContext', 'modifierKey')
         });
-        return;
-      }
 
-      // todo: need remove it after breaking all visualizations
+        return;
+      } // todo: need remove it after breaking all visualizations
       // the chartEvent here is a jQuery event
+
+
       _this.props.onEventTrigger({
         type: type,
         originalEvent: chartEvent,
         payload: Object(lodash__WEBPACK_IMPORTED_MODULE_7__["pick"])(chartEvent, 'name', 'value', 'name2', 'value2', '_span', 'rowContext', 'modifierKey')
       });
     });
+
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2___default()(_this), "handlePointMouseOver", function (chartEvent, type) {
       _this.props.onPointMouseOver({
         type: type,
@@ -487,6 +552,7 @@ var Charting = /*#__PURE__*/function (_Component) {
         payload: Object(lodash__WEBPACK_IMPORTED_MODULE_7__["pick"])(chartEvent, 'name', 'value', 'name2', 'value2', '_span', 'rowContext', 'modifierKey', 'tooltipContext')
       });
     });
+
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2___default()(_this), "handlePointMouseOut", function (chartEvent, type) {
       _this.props.onPointMouseOut({
         type: type,
@@ -494,6 +560,7 @@ var Charting = /*#__PURE__*/function (_Component) {
         payload: Object(lodash__WEBPACK_IMPORTED_MODULE_7__["pick"])(chartEvent, 'name', 'value', 'name2', 'value2', '_span', 'rowContext', 'modifierKey', 'tooltipContext')
       });
     });
+
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2___default()(_this), "handleSelect", function (chartEvent) {
       // todo: need change this after breaking all visualizations
       if (_this.props.onSelect && typeof _this.props.onSelect === 'function') {
@@ -502,41 +569,45 @@ var Charting = /*#__PURE__*/function (_Component) {
           originalEvent: chartEvent,
           payload: Object(lodash__WEBPACK_IMPORTED_MODULE_7__["pick"])(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')
         });
+
         return;
-      }
+      } // the chartEvent here is a jQuery event
+
 
-      // the chartEvent here is a jQuery event
       _this.props.onEventTrigger({
         type: 'range.select',
         originalEvent: chartEvent,
         payload: Object(lodash__WEBPACK_IMPORTED_MODULE_7__["pick"])(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')
       });
     });
+
     _this.needsInit = true;
     _this.needsRedraw = true;
     _this.container = null;
     _this.api = new _ChartingApi__WEBPACK_IMPORTED_MODULE_18___default.a(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_2___default()(_this));
     return _this;
   }
+
   _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_1___default()(Charting, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.drawChart();
       this.props.visualizationApiRef(this.api);
-    }
+    } // eslint-disable-next-line camelcase
 
-    // eslint-disable-next-line camelcase
   }, {
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(nextProps) {
       var nextOptions = nextProps.options,
-        nextData = nextProps.chartData;
+          nextData = nextProps.chartData;
       var _this$props2 = this.props,
-        currentOptions = _this$props2.options,
-        currentData = _this$props2.chartData;
+          currentOptions = _this$props2.options,
+          currentData = _this$props2.chartData;
+
       if (!this.chart || !Charting.canUpdateInPlace(currentOptions, nextOptions)) {
         this.needsInit = true;
       }
+
       if (!Object(lodash__WEBPACK_IMPORTED_MODULE_7__["isEqual"])(currentOptions, nextOptions) || !Object(lodash__WEBPACK_IMPORTED_MODULE_7__["isEqual"])(currentData.toJSON(), nextData.toJSON()) || !Object(lodash__WEBPACK_IMPORTED_MODULE_7__["isEqual"])(currentData.annotations, nextData.annotations)) {
         this.needsRedraw = true;
       }
@@ -559,6 +630,7 @@ var Charting = /*#__PURE__*/function (_Component) {
         this.chart.destroy();
         this.chart = null;
       }
+
       this.needsRedraw = true;
       this.needsInit = true;
     }
@@ -566,11 +638,12 @@ var Charting = /*#__PURE__*/function (_Component) {
     key: "render",
     value: function render() {
       var _this$props3 = this.props,
-        width = _this$props3.width,
-        height = _this$props3.height,
-        style = _this$props3.style,
-        chartData = _this$props3.chartData;
+          width = _this$props3.width,
+          height = _this$props3.height,
+          style = _this$props3.style,
+          chartData = _this$props3.chartData;
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(ChartingContainer, {
+        "data-test": "charting-container",
         style: style,
         width: width,
         height: height,
@@ -600,25 +673,31 @@ var Charting = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
+
   return Charting;
 }(react__WEBPACK_IMPORTED_MODULE_9__["Component"]);
+
 _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(Charting, "propTypes", {
   /**
    * width in pixel or string, defaults to 100%
    */
   width: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.number]),
+
   /**
    * height in pixel or string
    */
   height: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.string, prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.number]),
+
   /**
    * visualization formatting options
    */
   options: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.object,
+
   /**
    * charting dataset from jsCharting.extractChartReadyData
    */
   chartData: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.object,
+
   /**
    * callbacks to trigger event
    */
@@ -627,6 +706,7 @@ _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(Cha
   onSelect: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.func,
   onPointMouseOver: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.func,
   onPointMouseOut: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.func,
+
   /**
    * Custom style on visualization
    */
@@ -635,6 +715,7 @@ _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(Cha
   colorPalette: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.array,
   visualizationApiRef: prop_types__WEBPACK_IMPORTED_MODULE_10___default.a.func
 });
+
 _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(Charting, "defaultProps", {
   width: '100%',
   options: {},
@@ -649,9 +730,11 @@ _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(Cha
   colorPalette: [],
   visualizationApiRef: function visualizationApiRef() {}
 });
+
 _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_6___default()(Charting, "contextType", _splunk_visualization_context_TimezoneContext__WEBPACK_IMPORTED_MODULE_13___default.a);
 
 
+
 /***/ }),
 /* 24 */
 /***/ (function(module, exports) {