@splunk/visualizations 26.4.1 → 27.1.0

package/SparkLine.js

@@ -1,480 +1,309 @@
-/*!
- * Copyright © 2024 Splunk Inc.
- * SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
- * in part without a valid written license from Splunk Inc. is PROHIBITED.
- */
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
-/******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 114);
-/******/ })
-/************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 108:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/assertThisInitialized");
-
-/***/ }),
-
-/***/ 114:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(68);
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
-/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(24);
-/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(108);
-/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(91);
-/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(92);
-/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(82);
-/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(12);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(0);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(1);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(81);
-/* harmony import */ var _splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(3);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(30);
-/* harmony import */ var _splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14__);
-
-
-
-
-
-
-
-
-
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-
-  return function _createSuperInternal() {
-    var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default()(Derived),
-        result;
-
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default()(this).constructor;
-
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
+/* Copyright © 2020 Splunk Inc.
+SPLUNK CONFIDENTIAL – Use or disclosure of this material in whole or
+in part without a valid written license from Splunk Inc. is PROHIBITED. */
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
     }
-
-    return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5___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;
-  } catch (e) {
-    return false;
+  return a;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-}
-
-
-
-
-
-
-
-
-var StyledSvg = styled_components__WEBPACK_IMPORTED_MODULE_11___default.a.svg.withConfig({
-  displayName: "SparkLine__StyledSvg",
-  componentId: "sc-5oplra-0"
-})(["overflow:hidden;"]);
-var StyledTooltip = styled_components__WEBPACK_IMPORTED_MODULE_11___default.a.div.withConfig({
-  displayName: "SparkLine__StyledTooltip",
-  componentId: "sc-5oplra-1"
-})(["padding:3px 8px;font-size:12px;"]);
-
-var SparkLine = /*#__PURE__*/function (_Component) {
-  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default()(SparkLine, _Component);
-
-  var _super = _createSuper(SparkLine);
-
-  function SparkLine(props) {
-    var _this;
-
-    _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default()(this, SparkLine);
-
-    for (var _len = arguments.length, rest = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      rest[_key - 1] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this, props].concat(rest));
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/SparkLine/SparkLine.jsx
+var SparkLine_exports = {};
+__export(SparkLine_exports, {
+  default: () => SparkLine_default
+});
+module.exports = __toCommonJS(SparkLine_exports);
 
-    _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default()(_this), "handleCursorMount", function (el) {
-      _this.setState({
+// esm-externals:prop-types
+var prop_types_exports = {};
+__export(prop_types_exports, {
+  default: () => prop_types_default
+});
+var defaultImport = __toESM(require("prop-types"));
+__reExport(prop_types_exports, require("prop-types"));
+var prop_types_default = "default" in defaultImport ? defaultImport.default : defaultImport;
+
+// esm-externals:react
+var react_exports = {};
+__export(react_exports, {
+  default: () => react_default
+});
+var defaultImport2 = __toESM(require("react"));
+__reExport(react_exports, require("react"));
+var react_default = "default" in defaultImport2 ? defaultImport2.default : defaultImport2;
+
+// esm-externals:lodash
+var lodash_exports = {};
+__export(lodash_exports, {
+  default: () => lodash_default
+});
+var defaultImport3 = __toESM(require("lodash"));
+__reExport(lodash_exports, require("lodash"));
+var lodash_default = "default" in defaultImport3 ? defaultImport3.default : defaultImport3;
+
+// esm-externals:styled-components
+var styled_components_exports = {};
+__export(styled_components_exports, {
+  default: () => styled_components_default
+});
+var defaultImport4 = __toESM(require("styled-components"));
+__reExport(styled_components_exports, require("styled-components"));
+var styled_components_default = "default" in defaultImport4 ? defaultImport4.default : defaultImport4;
+
+// esm-externals:@splunk/react-ui/Popover
+var Popover_exports = {};
+__export(Popover_exports, {
+  default: () => Popover_default
+});
+var defaultImport5 = __toESM(require("@splunk/react-ui/Popover"));
+__reExport(Popover_exports, require("@splunk/react-ui/Popover"));
+var Popover_default = "default" in defaultImport5 ? defaultImport5.default : defaultImport5;
+
+// esm-externals:@splunk/ui-utils/i18n
+var i18n_exports = {};
+__export(i18n_exports, {
+  default: () => i18n_default
+});
+var defaultImport6 = __toESM(require("@splunk/ui-utils/i18n"));
+__reExport(i18n_exports, require("@splunk/ui-utils/i18n"));
+var i18n_default = "default" in defaultImport6 ? defaultImport6.default : defaultImport6;
+
+// esm-externals:@splunk/ui-utils/id
+var id_exports = {};
+__export(id_exports, {
+  default: () => id_default
+});
+var defaultImport7 = __toESM(require("@splunk/ui-utils/id"));
+__reExport(id_exports, require("@splunk/ui-utils/id"));
+var id_default = "default" in defaultImport7 ? defaultImport7.default : defaultImport7;
+
+// src/SparkLine/SparkLine.jsx
+var StyledSvg = styled_components_default.svg`
+    /* For fixing IE11 shows overflow part line issue */
+    overflow: hidden;
+`;
+var StyledTooltip = styled_components_default.div`
+    padding: 3px 8px;
+    font-size: 12px;
+`;
+var _SparkLine = class _SparkLine extends react_exports.Component {
+  constructor(props, ...rest) {
+    super(props, ...rest);
+    __publicField(this, "handleCursorMount", (el) => {
+      this.setState({
         anchor: el
       });
     });
-
-    _this.state = {
+    this.state = {
       anchor: null,
       currentPointX: null,
       open: false,
       rectArea: null,
       tooltip: null
     };
-    _this.titleId = Object(_splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14__["createDOMID"])();
-    return _this;
+    this.titleId = (0, id_exports.createDOMID)();
   }
-
-  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(SparkLine, [{
-    key: "getMax",
-    value: function getMax() {
-      var _this2 = this;
-
-      var _this$props = this.props,
-          data = _this$props.data,
-          acceptNull = _this$props.acceptNull,
-          yMax = _this$props.yMax;
-
-      var dataMax = function dataMax() {
-        return acceptNull ? Object(lodash__WEBPACK_IMPORTED_MODULE_10__["max"])(_this2.fillNull(data)) : Object(lodash__WEBPACK_IMPORTED_MODULE_10__["max"])(data);
-      };
-
-      return yMax !== undefined ? yMax : dataMax();
-    }
-  }, {
-    key: "getMin",
-    value: function getMin() {
-      var _this3 = this;
-
-      var _this$props2 = this.props,
-          data = _this$props2.data,
-          acceptNull = _this$props2.acceptNull,
-          yMin = _this$props2.yMin;
-
-      var dataMin = function dataMin() {
-        return acceptNull ? Object(lodash__WEBPACK_IMPORTED_MODULE_10__["min"])(_this3.fillNull(data)) : Object(lodash__WEBPACK_IMPORTED_MODULE_10__["min"])(data);
-      };
-
-      return yMin !== undefined ? yMin : dataMin();
-    }
-    /**
-     * Gets unit value of x axis.
-     * @param {Number} xMargin - margin of x axis.
-     * @return {Number} unit value of x axis.
-     * @private
-     */
-
-  }, {
-    key: "getXUnit",
-    value: function getXUnit(xMargin) {
-      var _this$props3 = this.props,
-          data = _this$props3.data,
-          width = _this$props3.width; // Calculate xUnit. Width substract the left margin and right margin, then divide by data length.
-
-      var xUnit = (width - xMargin * 2) / (data.length > 1 ? data.length - 1 : 1);
-      return Math.max(0, xUnit);
-    }
-    /**
-     * Gets unit value of y axis.
-     * @param {String} yMargin - margin of y axis.
-     * @return {Number} unit value of y axis.
-     * @private
-     */
-
-  }, {
-    key: "getYUnit",
-    value: function getYUnit(yMargin) {
-      var height = this.props.height;
-      var maxValue = this.getMax();
-      var minValue = this.getMin(); // Calculate yUnit. Height substract the upper margin and bottom margin, then divide by value range of values in data.
-      // if the maxValue equals minValue, means all values in data are the same, then, we need to set the YUnit at the mid value of Height.
-      // So, draws sparkline right in the mid of the container.
-
-      var yUnit = (height - yMargin * 2) / (maxValue - minValue || 2);
-      return Math.max(0, yUnit);
-    }
-    /**
-     * Get a list of arrays of points for drawing lines, based on acceptNull property
-     * @method getSegmentSets
-     * @param {Array} data
-     * @param {Array} points
-     * @returns {Array} List of datapoint sets used for drawing lines
-     */
-
-  }, {
-    key: "getSegmentSets",
-    value: function getSegmentSets(data, points) {
-      var acceptNull = this.props.acceptNull;
-      var lines = [];
-      var currentLine = [];
-      data.forEach(function (p, idx) {
-        // Found null data
-        if (!acceptNull && Object(lodash__WEBPACK_IMPORTED_MODULE_10__["isNull"])(p)) {
-          // need at least 2 points to draw a segment
-          if (currentLine.length > 1) {
-            lines.push(currentLine);
-          } // reset for the next segment
-
-
-          currentLine = [];
-        } else {
-          // data is good, add point data
-          currentLine.push(points[idx]);
+  getMax() {
+    const { data, acceptNull, yMax } = this.props;
+    const dataMax = () => acceptNull ? (0, lodash_exports.max)(this.fillNull(data)) : (0, lodash_exports.max)(data);
+    return yMax !== void 0 ? yMax : dataMax();
+  }
+  getMin() {
+    const { data, acceptNull, yMin } = this.props;
+    const dataMin = () => acceptNull ? (0, lodash_exports.min)(this.fillNull(data)) : (0, lodash_exports.min)(data);
+    return yMin !== void 0 ? yMin : dataMin();
+  }
+  /**
+   * Gets unit value of x axis.
+   * @param {Number} xMargin - margin of x axis.
+   * @return {Number} unit value of x axis.
+   * @private
+   */
+  getXUnit(xMargin) {
+    const { data, width } = this.props;
+    const xUnit = (width - xMargin * 2) / (data.length > 1 ? data.length - 1 : 1);
+    return Math.max(0, xUnit);
+  }
+  /**
+   * Gets unit value of y axis.
+   * @param {String} yMargin - margin of y axis.
+   * @return {Number} unit value of y axis.
+   * @private
+   */
+  getYUnit(yMargin) {
+    const { height } = this.props;
+    const maxValue = this.getMax();
+    const minValue = this.getMin();
+    const yUnit = (height - yMargin * 2) / (maxValue - minValue || 2);
+    return Math.max(0, yUnit);
+  }
+  /**
+   * Get a list of arrays of points for drawing lines, based on acceptNull property
+   * @method getSegmentSets
+   * @param {Array} data
+   * @param {Array} points
+   * @returns {Array} List of datapoint sets used for drawing lines
+   */
+  getSegmentSets(data, points) {
+    const { acceptNull } = this.props;
+    const lines = [];
+    let currentLine = [];
+    data.forEach((p, idx) => {
+      if (!acceptNull && (0, lodash_exports.isNull)(p)) {
+        if (currentLine.length > 1) {
+          lines.push(currentLine);
         }
-      }); // Add the last line
-
-      if (currentLine.length > 1) {
-        lines.push(currentLine);
+        currentLine = [];
+      } else {
+        currentLine.push(points[idx]);
       }
-
-      return lines;
-    }
-  }, {
-    key: "fillNull",
-    value:
-    /**
-     * Utility for fill null value with number 0.
-     * @private
-     */
-    function fillNull() {
-      var data = this.props.data;
-      return data.map(function (value) {
-        return value === null ? 0 : value;
-      });
-    }
-    /**
-     * Converts data to points in svg
-     * @param {Number} xMargin - margin of x axis.
-     * @param {Number} yMargin - margin of x axis.
-     * @return {Array} points coordination.
-     * @private
-     */
-
-  }, {
-    key: "dataToPoints",
-    value: function dataToPoints(xMargin, yMargin) {
-      var data = this.props.data;
-      var xUnit = this.getXUnit(xMargin);
-      var yUnit = this.getYUnit(yMargin);
-      var maxValue = this.getMax();
-      var minValue = this.getMin();
-      return data.map(function (val, idx) {
-        return {
-          x: idx * xUnit + xMargin,
-          y: maxValue === minValue ? yUnit + yMargin : (maxValue - val) * yUnit + yMargin
-        };
-      }).map(function (p) {
-        return [p.x, p.y];
-      });
+    });
+    if (currentLine.length > 1) {
+      lines.push(currentLine);
     }
-    /**
-     * Renders rect area for helping figure out which is the nearest point so that
-     * render related cursor and tooltip.
-     * @param {Array} points - array of points coordination.
-     * @param {Number} xMargin - margin of x axis.
-     * @return {Array} array of svg rect objects
-     * @private
-     */
-
-  }, {
-    key: "renderRect",
-    value: function renderRect(points, xMargin) {
-      var _this4 = this;
-
-      var _this$props4 = this.props,
-          data = _this$props4.data,
-          height = _this$props4.height;
-      var xUnit = this.getXUnit(xMargin);
-      return points.map(function (p, i) {
-        return (
-          /*#__PURE__*/
-
-          /* eslint-disable react/no-array-index-key */
-          react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("rect", {
-            // eslint-disable-line jsx-a11y/mouse-events-have-key-events
-            key: "".concat(i, "_").concat(p[0]),
-            "data-test": "rect-".concat(i),
-            x: p[0] - xUnit / 2 <= 0 ? 0 : p[0] - xUnit / 2,
-            y: 0,
-            width: i === 0 && data.length !== 1 ? xUnit / 2 : xUnit,
-            height: height,
-            style: {
-              fillOpacity: 0
-            },
-            onMouseOver: function onMouseOver(e) {
-              _this4.setState({
-                open: data[i] !== null,
-                rectArea: data[i] === null ? null : e.target,
-                tooltip: data[i],
-                currentPointX: p[0]
-              });
-            }
-          })
-          /* eslint-enable react/no-array-index-key */
-
-        );
-      });
-    } // Renders area chart
-
-  }, {
-    key: "renderArea",
-    value: function renderArea(points) {
-      var _this$props5 = this.props,
-          data = _this$props5.data,
-          fillColor = _this$props5.fillColor,
-          fillOpacity = _this$props5.fillOpacity,
-          height = _this$props5.height,
-          isArea = _this$props5.isArea;
-
-      if (!isArea || points.length === 0) {
-        return null;
-      }
-
-      var segments = this.getSegmentSets(data, points);
-      segments = segments.map(function (s) {
-        return s.concat([[s[s.length - 1][0], height], // down to bottom of graph
-        [s[0][0], height], // over to below first data point
-        s[0] // up to first data point to close the box
-        ]);
-      });
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("g", {
-        "data-test": "area"
-      }, segments.map(function (s) {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("polyline", {
-          key: "area".concat(s.join('')),
-          points: s.join(' '),
-          "data-test": "area-line",
-          style: {
-            fill: fillColor,
-            fillOpacity: fillOpacity,
-            strokeWidth: '0'
+    return lines;
+  }
+  /**
+   * Utility for fill null value with number 0.
+   * @private
+   */
+  fillNull() {
+    const { data } = this.props;
+    return data.map((value) => value === null ? 0 : value);
+  }
+  /**
+   * Converts data to points in svg
+   * @param {Number} xMargin - margin of x axis.
+   * @param {Number} yMargin - margin of x axis.
+   * @return {Array} points coordination.
+   * @private
+   */
+  dataToPoints(xMargin, yMargin) {
+    const { data } = this.props;
+    const xUnit = this.getXUnit(xMargin);
+    const yUnit = this.getYUnit(yMargin);
+    const maxValue = this.getMax();
+    const minValue = this.getMin();
+    return data.map((val, idx) => ({
+      x: idx * xUnit + xMargin,
+      y: maxValue === minValue ? yUnit + yMargin : (maxValue - val) * yUnit + yMargin
+    })).map((p) => [p.x, p.y]);
+  }
+  /**
+   * Renders rect area for helping figure out which is the nearest point so that
+   * render related cursor and tooltip.
+   * @param {Array} points - array of points coordination.
+   * @param {Number} xMargin - margin of x axis.
+   * @return {Array} array of svg rect objects
+   * @private
+   */
+  renderRect(points, xMargin) {
+    const { data, height } = this.props;
+    const xUnit = this.getXUnit(xMargin);
+    return points.map((p, i) => (
+      /* eslint-disable react/no-array-index-key */
+      /* @__PURE__ */ react_default.createElement(
+        "rect",
+        {
+          key: `${i}_${p[0]}`,
+          "data-test": `rect-${i}`,
+          x: p[0] - xUnit / 2 <= 0 ? 0 : p[0] - xUnit / 2,
+          y: 0,
+          width: i === 0 && data.length !== 1 ? xUnit / 2 : xUnit,
+          height,
+          style: { fillOpacity: 0 },
+          onMouseOver: (e) => {
+            this.setState({
+              open: data[i] !== null,
+              rectArea: data[i] === null ? null : e.target,
+              tooltip: data[i],
+              currentPointX: p[0]
+            });
           }
-        });
-      }));
+        }
+      )
+    ));
+  }
+  // Renders area chart
+  renderArea(points) {
+    const { data, fillColor, fillOpacity, height, isArea } = this.props;
+    if (!isArea || points.length === 0) {
+      return null;
     }
-  }, {
-    key: "renderCursor",
-    value: function renderCursor() {
-      var _this$props6 = this.props,
-          cursorStroke = _this$props6.cursorStroke,
-          cursorStrokeWidth = _this$props6.cursorStrokeWidth,
-          cursorStrokeLinecap = _this$props6.cursorStrokeLinecap,
-          cursorStrokeDasharray = _this$props6.cursorStrokeDasharray,
-          height = _this$props6.height;
-      return this.state.rectArea !== null && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("line", {
+    let segments = this.getSegmentSets(data, points);
+    segments = segments.map(
+      (s) => s.concat([
+        [s[s.length - 1][0], height],
+        // down to bottom of graph
+        [s[0][0], height],
+        // over to below first data point
+        s[0]
+        // up to first data point to close the box
+      ])
+    );
+    return /* @__PURE__ */ react_default.createElement("g", { "data-test": "area" }, segments.map((s) => /* @__PURE__ */ react_default.createElement(
+      "polyline",
+      {
+        key: `area${s.join("")}`,
+        points: s.join(" "),
+        "data-test": "area-line",
+        style: {
+          fill: fillColor,
+          fillOpacity,
+          strokeWidth: "0"
+        }
+      }
+    )));
+  }
+  renderCursor() {
+    const {
+      cursorStroke,
+      cursorStrokeWidth,
+      cursorStrokeLinecap,
+      cursorStrokeDasharray,
+      height
+    } = this.props;
+    return this.state.rectArea !== null && /* @__PURE__ */ react_default.createElement(
+      "line",
+      {
         "data-test": "cursor",
         ref: this.handleCursorMount,
         x1: this.state.currentPointX,
@@ -487,12 +316,13 @@ var SparkLine = /*#__PURE__*/function (_Component) {
           strokeLinecap: cursorStrokeLinecap,
           strokeDasharray: cursorStrokeDasharray
         }
-      });
-    }
-  }, {
-    key: "renderTooltip",
-    value: function renderTooltip() {
-      return this.state.anchor !== null && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12___default.a, {
+      }
+    );
+  }
+  renderTooltip() {
+    return this.state.anchor !== null && /* @__PURE__ */ react_default.createElement(
+      Popover_default,
+      {
         "data-test": "tooltip",
         open: this.state.open,
         anchor: this.state.anchor,
@@ -500,109 +330,92 @@ var SparkLine = /*#__PURE__*/function (_Component) {
         appearance: "inverted",
         defaultPlacement: "above",
         animation: false
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(StyledTooltip, null, this.state.anchor !== null ? this.state.tooltip : undefined));
-    }
-    /**
-     * Renders one or more svg circles to highlight values on the sparkline
-     * @method renderEndDots
-     * @param {Array[Array[Number]]} points // x,y coordinates of values
-     * @param {Number} dotsToShow           // number of end dots to display
-     * @param {Number} xMargin              // used when calculating the dot radius
-     * @returns {Object} React representation of SVG group
-     * @private
-     */
-
-  }, {
-    key: "renderEndDots",
-    value: function renderEndDots(points, dotsToShow, xMargin) {
-      var _this$props7 = this.props,
-          endDotFillColor = _this$props7.endDotFillColor,
-          endDotRadius = _this$props7.endDotRadius,
-          endDotStroke = _this$props7.endDotStroke,
-          endDotStrokeWidth = _this$props7.endDotStrokeWidth;
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("g", null, points.slice(-dotsToShow).map(function (point) {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("circle", {
-          key: "end-dot".concat(point[0]).concat(point[1]),
-          "data-test": "end-dot",
-          cx: point[0],
-          cy: point[1],
-          r: endDotRadius === 0 ? xMargin : endDotRadius,
-          style: {
-            fill: endDotFillColor,
-            stroke: endDotStroke,
-            strokeWidth: endDotStrokeWidth
-          }
-        });
-      }));
-    }
-    /**
-     * Renders the line(s) above the area graph
-     * @method renderPolyline
-     * @param {Array} points
-     * @returns {Object} SVG Group of polylines
-     */
-
-  }, {
-    key: "renderPolyline",
-    value: function renderPolyline(points) {
-      var _this$props8 = this.props,
-          data = _this$props8.data,
-          lineColor = _this$props8.lineColor,
-          lineLength = _this$props8.lineLength,
-          lineStrokeWidth = _this$props8.lineStrokeWidth;
-      var linePoints = Object(lodash__WEBPACK_IMPORTED_MODULE_10__["isFinite"])(lineLength) && lineLength > 0 ? lineLength : points.length;
-      var lines = this.getSegmentSets(data.slice(-linePoints), points.slice(-linePoints));
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("g", {
-        "data-test": "sparkline"
-      }, lines.map(function (lineData) {
-        return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("polyline", {
-          key: "line".concat(lineData.join('')),
-          "data-test": "polyline",
-          style: {
-            fill: 'none',
-            stroke: lineColor,
-            strokeWidth: lineStrokeWidth,
-            strokeLinejoin: 'round',
-            strokeLinecap: 'round'
-          },
-          points: lineData.join(' ')
-        });
-      }));
+      },
+      /* @__PURE__ */ react_default.createElement(StyledTooltip, null, this.state.anchor !== null ? this.state.tooltip : void 0)
+    );
+  }
+  /**
+   * Renders one or more svg circles to highlight values on the sparkline
+   * @method renderEndDots
+   * @param {Array[Array[Number]]} points // x,y coordinates of values
+   * @param {Number} dotsToShow           // number of end dots to display
+   * @param {Number} xMargin              // used when calculating the dot radius
+   * @returns {Object} React representation of SVG group
+   * @private
+   */
+  renderEndDots(points, dotsToShow, xMargin) {
+    const { endDotFillColor, endDotRadius, endDotStroke, endDotStrokeWidth } = this.props;
+    return /* @__PURE__ */ react_default.createElement("g", null, points.slice(-dotsToShow).map((point) => /* @__PURE__ */ react_default.createElement(
+      "circle",
+      {
+        key: `end-dot${point[0]}${point[1]}`,
+        "data-test": "end-dot",
+        cx: point[0],
+        cy: point[1],
+        r: endDotRadius === 0 ? xMargin : endDotRadius,
+        style: {
+          fill: endDotFillColor,
+          stroke: endDotStroke,
+          strokeWidth: endDotStrokeWidth
+        }
+      }
+    )));
+  }
+  /**
+   * Renders the line(s) above the area graph
+   * @method renderPolyline
+   * @param {Array} points
+   * @returns {Object} SVG Group of polylines
+   */
+  renderPolyline(points) {
+    const { data, lineColor, lineLength, lineStrokeWidth } = this.props;
+    const linePoints = (0, lodash_exports.isFinite)(lineLength) && lineLength > 0 ? lineLength : points.length;
+    const lines = this.getSegmentSets(data.slice(-linePoints), points.slice(-linePoints));
+    return /* @__PURE__ */ react_default.createElement("g", { "data-test": "sparkline" }, lines.map((lineData) => /* @__PURE__ */ react_default.createElement(
+      "polyline",
+      {
+        key: `line${lineData.join("")}`,
+        "data-test": "polyline",
+        style: {
+          fill: "none",
+          stroke: lineColor,
+          strokeWidth: lineStrokeWidth,
+          strokeLinejoin: "round",
+          strokeLinecap: "round"
+        },
+        points: lineData.join(" ")
+      }
+    )));
+  }
+  render() {
+    const {
+      data,
+      elementRef,
+      showTooltip,
+      showEndDot,
+      endDotRadius,
+      endDotStrokeWidth,
+      endDotCount,
+      height,
+      isArea,
+      lineStrokeWidth,
+      width,
+      title
+    } = this.props;
+    if (data.length === 0) {
+      return null;
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this5 = this;
-
-      var _this$props9 = this.props,
-          data = _this$props9.data,
-          elementRef = _this$props9.elementRef,
-          showTooltip = _this$props9.showTooltip,
-          showEndDot = _this$props9.showEndDot,
-          endDotRadius = _this$props9.endDotRadius,
-          endDotStrokeWidth = _this$props9.endDotStrokeWidth,
-          endDotCount = _this$props9.endDotCount,
-          height = _this$props9.height,
-          isArea = _this$props9.isArea,
-          lineStrokeWidth = _this$props9.lineStrokeWidth,
-          width = _this$props9.width,
-          title = _this$props9.title;
-
-      if (data.length === 0) {
-        return null;
-      } // Calculate horizontal and vertical margin so that fit line or end dot.
-
-
-      var xMargin = endDotRadius + endDotStrokeWidth / 2;
-      var yMargin = Math.max(lineStrokeWidth / 2, endDotRadius + endDotStrokeWidth / 2);
-      var points = this.dataToPoints(xMargin, yMargin);
-      var dotsToShow = Math.max(showEndDot && 1, Object(lodash__WEBPACK_IMPORTED_MODULE_10__["isFinite"])(endDotCount) && endDotCount > 0 && endDotCount);
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("div", _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
-        // eslint-disable-line jsx-a11y/mouse-events-have-key-events
+    const xMargin = endDotRadius + endDotStrokeWidth / 2;
+    const yMargin = Math.max(lineStrokeWidth / 2, endDotRadius + endDotStrokeWidth / 2);
+    const points = this.dataToPoints(xMargin, yMargin);
+    const dotsToShow = Math.max(showEndDot && 1, (0, lodash_exports.isFinite)(endDotCount) && endDotCount > 0 && endDotCount);
+    return /* @__PURE__ */ react_default.createElement(
+      "div",
+      __spreadValues({
         "data-test": "line",
-        "data-test-type": isArea ? 'area' : 'line',
-        onMouseOut: function onMouseOut() {
-          _this5.setState({
+        "data-test-type": isArea ? "area" : "line",
+        onMouseOut: () => {
+          this.setState({
             open: false,
             anchor: null,
             rectArea: null,
@@ -610,234 +423,114 @@ var SparkLine = /*#__PURE__*/function (_Component) {
           });
         },
         ref: elementRef
-      }, Object(lodash__WEBPACK_IMPORTED_MODULE_10__["omit"])(this.props, Object(lodash__WEBPACK_IMPORTED_MODULE_10__["keys"])(SparkLine.propTypes))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(StyledSvg, {
-        height: height,
-        width: width,
-        role: "img",
-        "aria-labelledby": this.titleId,
-        "data-test": "sparkline-svg"
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("title", {
-        id: this.titleId,
-        "data-test": "sparkline-title"
-      }, title || Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13__["_"])('Source count over time sparkline trend')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("g", null, this.renderCursor(), this.renderPolyline(points), this.renderArea(points), dotsToShow ? this.renderEndDots(points, dotsToShow, xMargin) : null, showTooltip ? this.renderRect(points, xMargin) : null, showTooltip ? this.renderTooltip() : null)));
-    }
-  }]);
-
-  return SparkLine;
-}(react__WEBPACK_IMPORTED_MODULE_9__["Component"]);
-
-_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(SparkLine, "propTypes", {
+      }, (0, lodash_exports.omit)(this.props, (0, lodash_exports.keys)(_SparkLine.propTypes))),
+      /* @__PURE__ */ react_default.createElement(
+        StyledSvg,
+        {
+          height,
+          width,
+          role: "img",
+          "aria-labelledby": this.titleId,
+          "data-test": "sparkline-svg"
+        },
+        /* @__PURE__ */ react_default.createElement("title", { id: this.titleId, "data-test": "sparkline-title" }, title || (0, i18n_exports._)("Source count over time sparkline trend")),
+        /* @__PURE__ */ react_default.createElement("g", null, this.renderCursor(), this.renderPolyline(points), this.renderArea(points), dotsToShow ? this.renderEndDots(points, dotsToShow, xMargin) : null, showTooltip ? this.renderRect(points, xMargin) : null, showTooltip ? this.renderTooltip() : null)
+      )
+    );
+  }
+};
+__publicField(_SparkLine, "propTypes", {
   /**
    * If true, data can contain `null` as a value and is treated as `0`. If false, this throws error when data contains `null`.
    */
-  acceptNull: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool,
-
+  acceptNull: prop_types_default.bool,
   /** Array of numbers. These data numbers are converted to points and show on sparkline. */
-  data: function data(props) {
-    if (!Object(lodash__WEBPACK_IMPORTED_MODULE_10__["isArray"])(props.data)) {
-      return new Error('Data provided to Sparkline must be an array.');
+  data: (props) => {
+    if (!(0, lodash_exports.isArray)(props.data)) {
+      return new Error("Data provided to Sparkline must be an array.");
     }
-
-    if (props.acceptNull && !props.data.every(function (value) {
-      return Object(lodash__WEBPACK_IMPORTED_MODULE_10__["isNull"])(value) || Object(lodash__WEBPACK_IMPORTED_MODULE_10__["isFinite"])(value);
-    })) {
-      return new Error('Data provided to Sparkline must be finite numbers or null.');
+    if (props.acceptNull && !props.data.every((value) => (0, lodash_exports.isNull)(value) || (0, lodash_exports.isFinite)(value))) {
+      return new Error("Data provided to Sparkline must be finite numbers or null.");
     }
-
-    if (!props.acceptNull && !props.data.every(function (value) {
-      return Object(lodash__WEBPACK_IMPORTED_MODULE_10__["isFinite"])(value);
-    })) {
-      return new Error('Data provided to Sparkline must be finite numbers.');
+    if (!props.acceptNull && !props.data.every((value) => (0, lodash_exports.isFinite)(value))) {
+      return new Error("Data provided to Sparkline must be finite numbers.");
     }
-
     return null;
   },
-
   /** A React ref which is set to the DOM element when the component mounts and `null` when it unmounts. */
-  elementRef: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.func, prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.object]),
-
+  elementRef: prop_types_default.oneOfType([prop_types_default.func, prop_types_default.object]),
   /** Sets the number of end dots to display. When showEndDot is set to `true`, endDotCount is at least 1. If set to a positive value, this overrides showEndDot. */
-  endDotCount: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
-
+  endDotCount: prop_types_default.number,
   /** Fills color to the end dot. */
-  endDotFillColor: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
-
+  endDotFillColor: prop_types_default.string,
   /**
    * Sets end dot radius. End dot radius must be less than or equal to the margin. By default, its value equals the margin.
    */
-  endDotRadius: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
-
+  endDotRadius: prop_types_default.number,
   /** Sets end dot circle stroke color. */
-  endDotStroke: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
-
+  endDotStroke: prop_types_default.string,
   /** Sets end dot circle stroke width in pixels. */
-  endDotStrokeWidth: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
-
+  endDotStrokeWidth: prop_types_default.number,
   /** Fills color to area. */
-  fillColor: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
-
+  fillColor: prop_types_default.string,
   /** Fills opacity to area. Value must be in 0 ~ 1. */
-  fillOpacity: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
-
+  fillOpacity: prop_types_default.string,
   /** Sets cursor stroke color. */
-  cursorStroke: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
-
+  cursorStroke: prop_types_default.string,
   /** Sets cursor stroke width in pixels. */
-  cursorStrokeWidth: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
-
+  cursorStrokeWidth: prop_types_default.number,
   /** Sets cursor line cap style. */
-  cursorStrokeLinecap: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.oneOf(['butt', 'round', 'square']),
-
+  cursorStrokeLinecap: prop_types_default.oneOf(["butt", "round", "square"]),
   /** Sets cursor dash array style. */
-  cursorStrokeDasharray: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
-
+  cursorStrokeDasharray: prop_types_default.string,
   /**
    * Container height. If this value is specified, sparkline calculates the size using this height. If height isn't specified,
    * sparkline figures out the container height by itself.
    */
-  height: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number.isRequired,
-
+  height: prop_types_default.number.isRequired,
   /** When set to `true`, sparkline shows as area. */
-  isArea: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool,
-
+  isArea: prop_types_default.bool,
   /** The sparkline line color. */
-  lineColor: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string,
-
+  lineColor: prop_types_default.string,
   /** Allows user to draw only the last data points for the line. */
-  lineLength: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
-
+  lineLength: prop_types_default.number,
   /** The sparkline line stroke width in pixels. */
-  lineStrokeWidth: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
-
+  lineStrokeWidth: prop_types_default.number,
   /** Enable to show end dot. */
-  showEndDot: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool,
-
+  showEndDot: prop_types_default.bool,
   /** Enable to show tooltip. */
-  showTooltip: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.bool,
-
+  showTooltip: prop_types_default.bool,
   /** Sets the data value range and maximum value shown on sparkline. */
-  yMax: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
-
+  yMax: prop_types_default.number,
   /** Sets the data value range and minimum value shown on sparkline. */
-  yMin: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number,
-
+  yMin: prop_types_default.number,
   /**
    * The width of the container.
    */
-  width: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number.isRequired,
-
+  width: prop_types_default.number.isRequired,
   /** Sets the a11y title text on sparkline. */
-  title: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string
+  title: prop_types_default.string
 });
-
-_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(SparkLine, "defaultProps", {
+__publicField(_SparkLine, "defaultProps", {
   acceptNull: false,
   data: [],
   showTooltip: true,
   endDotCount: 0,
   showEndDot: false,
   endDotRadius: 0,
-  endDotFillColor: 'white',
-  endDotStroke: 'black',
+  endDotFillColor: "white",
+  endDotStroke: "black",
   endDotStrokeWidth: 0,
-  fillColor: '#65a637',
-  fillOpacity: '.1',
-  cursorStroke: '#5184AF',
+  fillColor: "#65a637",
+  fillOpacity: ".1",
+  cursorStroke: "#5184AF",
   cursorStrokeWidth: 3,
-  cursorStrokeLinecap: 'square',
-  cursorStrokeDasharray: '1, 5',
+  cursorStrokeLinecap: "square",
+  cursorStrokeDasharray: "1, 5",
   isArea: false,
-  lineColor: '#65a637',
+  lineColor: "#65a637",
   lineStrokeWidth: 1
 });
-
-/* harmony default export */ __webpack_exports__["default"] = (SparkLine);
-
-/***/ }),
-
-/***/ 12:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/defineProperty");
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash");
-
-/***/ }),
-
-/***/ 24:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/createClass");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 30:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/id");
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 68:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/extends");
-
-/***/ }),
-
-/***/ 8:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/classCallCheck");
-
-/***/ }),
-
-/***/ 81:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Popover");
-
-/***/ }),
-
-/***/ 82:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/getPrototypeOf");
-
-/***/ }),
-
-/***/ 91:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/inherits");
-
-/***/ }),
-
-/***/ 92:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
-
-/***/ })
-
-/******/ });
-//# sourceMappingURL=SparkLine.js.map
+var SparkLine = _SparkLine;
+var SparkLine_default = SparkLine;
+//# sourceMappingURL=SparkLine.js.map