@splunk/visualizations 26.0.0 → 26.1.0

package/common/ChartingApi.js

@@ -99,15 +99,19 @@ module.exports =
 
 
 var _classCallCheck = __webpack_require__(4);
+
 var _createClass = __webpack_require__(6);
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChartingApiFunctional = void 0;
+
 var ChartingApiFunctional = /*#__PURE__*/function () {
   // eslint-disable-next-line no-useless-constructor
   function ChartingApiFunctional(chartRef) {
     _classCallCheck(this, ChartingApiFunctional);
+
     this.chartRef = chartRef;
   }
   /**
@@ -115,15 +119,18 @@ var ChartingApiFunctional = /*#__PURE__*/function () {
    *
    * @memberof ChartingApiFunctional
    */
+
+
   _createClass(ChartingApiFunctional, [{
     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.getChart().highlight(xValue, seriesName);
     }
     /**
@@ -131,21 +138,25 @@ var ChartingApiFunctional = /*#__PURE__*/function () {
      *
      * @memberof ChartingApiFunctional
      */
+
   }, {
     key: "unHighlight",
     value: function unHighlight() {
       this.getChart().unHighlight();
-    }
-    // returns chart object
+    } // returns chart object
+
   }, {
     key: "getChart",
     value: function getChart() {
       var _a;
+
       return (_a = this.chartRef) === null || _a === void 0 ? void 0 : _a.current;
     }
   }]);
+
   return ChartingApiFunctional;
 }();
+
 exports.ChartingApiFunctional = ChartingApiFunctional;
 
 /***/ }),

package/common/ChartingApi.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/common/ChartingApi.ts","webpack:///external \"@babel/runtime/helpers/classCallCheck\"","webpack:///external \"@babel/runtime/helpers/createClass\""],"names":["ChartingApiFunctional","chartRef","_classCallCheck","_createClass","key","value","highlight","_ref","arguments","length","undefined","xValue","seriesName","getChart","unHighlight","_a","current","exports"],"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;;;;;;;;;;;;;;;;;IC9DaA,qBAAqB;EAC9B;EACA,SAAAA,sBAAoBC,QAAa;IAAAC,eAAA,OAAAF,qBAAA;IAAb,KAAAC,QAAQ,GAARA,QAAQ;EAAQ;EAEpC;;;;;EAAAE,YAAA,CAAAH,qBAAA;IAAAI,GAAA;IAAAC,KAAA,EAKA,SAAAC,UAAA,EAAwE;MAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAA9B;UAAEG,MAAM,EAAE,EAAE;UAAEC,UAAU,EAAE;QAAE,CAAE;QAA5DD,MAAM,GAAAJ,IAAA,CAANI,MAAM;QAAEC,UAAU,GAAAL,IAAA,CAAVK,UAAU;MAC1B,IAAI,CAACC,QAAQ,EAAE,CAACP,SAAS,CAACK,MAAM,EAAEC,UAAU,CAAC;IACjD;IAEA;;;;;EAAA;IAAAR,GAAA;IAAAC,KAAA,EAKA,SAAAS,YAAA,EAAW;MACP,IAAI,CAACD,QAAQ,EAAE,CAACC,WAAW,EAAE;IACjC;IAEA;EAAA;IAAAV,GAAA;IAAAC,KAAA,EACA,SAAAQ,SAAA,EAAQ;;MACJ,OAAO,CAAAE,EAAA,OAAI,CAACd,QAAQ,cAAAc,EAAA,uBAAAA,EAAA,CAAEC,OAAO;IACjC;EAAC;EAAA,OAAAhB,qBAAA;AAAA;AAzBLiB,OAAA,CAAAjB,qBAAA,GAAAA,qBAAA,C;;;;;;;ACpBA,kE;;;;;;;ACAA,+D","file":"ChartingApi.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 = 22);\n","import jsCharting from '@splunk/charting-bundle';\n\ninterface Point {\n    /**\n     * Valid xValue of the chart\n     *\n     * @type {string|number}\n     * @memberof Point\n     */\n    xValue?: string | number;\n\n    /**\n     * Valid seriesName for a chart\n     *\n     * @type {string}\n     * @memberof Point\n     */\n    seriesName?: string;\n}\n\nexport class ChartingApiFunctional {\n    // eslint-disable-next-line no-useless-constructor\n    constructor(private chartRef: any) {}\n\n    /**\n     * Allows users to programmatically highlight a point on the chart\n     *\n     * @memberof ChartingApiFunctional\n     */\n    highlight({ xValue, seriesName }: Point = { xValue: '', seriesName: '' }): void {\n        this.getChart().highlight(xValue, seriesName);\n    }\n\n    /**\n     * Allows users to programmatically unhighlight all points on the chart\n     *\n     * @memberof ChartingApiFunctional\n     */\n    unHighlight(): void {\n        this.getChart().unHighlight();\n    }\n\n    // returns chart object\n    getChart(): jsCharting {\n        return this.chartRef?.current;\n    }\n}\n","module.exports = require(\"@babel/runtime/helpers/classCallCheck\");","module.exports = require(\"@babel/runtime/helpers/createClass\");"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///./src/common/ChartingApi.ts","webpack:///external \"@babel/runtime/helpers/classCallCheck\"","webpack:///external \"@babel/runtime/helpers/createClass\""],"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;;;;;;;;;;;;;;;;;;;;IC9Da,qB;AACT;AACA,iCAAoB,QAApB,EAAiC;AAAA;;AAAb;AAAiB;AAErC;;;;AAIG;;;;;WACH,qBAAwE;AAAA,qFAA9B;AAAE,cAAM,EAAE,EAAV;AAAc,kBAAU,EAAE;AAA1B,OAA8B;AAAA,UAA5D,MAA4D,QAA5D,MAA4D;AAAA,UAApD,UAAoD,QAApD,UAAoD;;AACpE,WAAK,QAAL,GAAgB,SAAhB,CAA0B,MAA1B,EAAkC,UAAlC;AACH;AAED;;;;AAIG;;;;WACH,uBAAW;AACP,WAAK,QAAL,GAAgB,WAAhB;AACH,K,CAED;;;;WACA,oBAAQ;;;AACJ,aAAO,WAAK,QAAL,MAAa,IAAb,IAAa,aAAb,GAAa,MAAb,GAAa,GAAE,OAAtB;AACH;;;;;;AAzBL,sD;;;;;;;ACpBA,kE;;;;;;;ACAA,+D","file":"ChartingApi.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 = 22);\n","import jsCharting from '@splunk/charting-bundle';\n\ninterface Point {\n    /**\n     * Valid xValue of the chart\n     *\n     * @type {string|number}\n     * @memberof Point\n     */\n    xValue?: string | number;\n\n    /**\n     * Valid seriesName for a chart\n     *\n     * @type {string}\n     * @memberof Point\n     */\n    seriesName?: string;\n}\n\nexport class ChartingApiFunctional {\n    // eslint-disable-next-line no-useless-constructor\n    constructor(private chartRef: any) {}\n\n    /**\n     * Allows users to programmatically highlight a point on the chart\n     *\n     * @memberof ChartingApiFunctional\n     */\n    highlight({ xValue, seriesName }: Point = { xValue: '', seriesName: '' }): void {\n        this.getChart().highlight(xValue, seriesName);\n    }\n\n    /**\n     * Allows users to programmatically unhighlight all points on the chart\n     *\n     * @memberof ChartingApiFunctional\n     */\n    unHighlight(): void {\n        this.getChart().unHighlight();\n    }\n\n    // returns chart object\n    getChart(): jsCharting {\n        return this.chartRef?.current;\n    }\n}\n","module.exports = require(\"@babel/runtime/helpers/classCallCheck\");","module.exports = require(\"@babel/runtime/helpers/createClass\");"],"sourceRoot":""}

package/common/EventsDoc.js

@@ -251,45 +251,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_2___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_2___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_7___default()(Derived),
-      result;
+        result;
+
     if (hasNativeReflectConstruct) {
       var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7___default()(this).constructor;
+
       result = Reflect.construct(Super, arguments, NewTarget);
     } else {
       result = Super.apply(this, arguments);
     }
+
     return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6___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;
@@ -298,6 +318,7 @@ function _isNativeReflectConstruct() {
   }
 }
 /* eslint-disable react/no-multi-comp */
+
 /* eslint-disable max-classes-per-file */
 
 
@@ -305,6 +326,8 @@ function _isNativeReflectConstruct() {
 
 
 
+
+
 var EventTester = styled_components__WEBPACK_IMPORTED_MODULE_13___default.a.div.withConfig({
   displayName: "EventsDoc__EventTester",
   componentId: "dc0pgb-0"
@@ -317,9 +340,10 @@ var EventName = styled_components__WEBPACK_IMPORTED_MODULE_13___default.a.div.wi
   displayName: "EventsDoc__EventName",
   componentId: "dc0pgb-2"
 })(["color:#5ca300;padding-bottom:5px;"]);
+
 var EventItem = function EventItem(_ref) {
   var name = _ref.name,
-    desc = _ref.desc;
+      desc = _ref.desc;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(Event, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(EventName, null, name), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_splunk_react_ui_Markdown__WEBPACK_IMPORTED_MODULE_11___default.a, {
     style: {
       marginLeft: 40
@@ -327,13 +351,15 @@ var EventItem = function EventItem(_ref) {
     text: desc
   }));
 };
+
 EventItem.propTypes = {
   name: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string,
   desc: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string
 };
+
 var EventsDesc = function EventsDesc(_ref2) {
   var events = _ref2.events,
-    vizType = _ref2.vizType;
+      vizType = _ref2.vizType;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_splunk_react_ui_Heading__WEBPACK_IMPORTED_MODULE_10___default.a, {
     level: 4
   }, Object.keys(events).length !== 0 || vizType === 'splunk.events' ? 'Events' : 'No Events'), vizType === 'splunk.events' && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_splunk_react_ui_Markdown__WEBPACK_IMPORTED_MODULE_11___default.a, {
@@ -346,28 +372,34 @@ var EventsDesc = function EventsDesc(_ref2) {
     });
   }));
 };
+
 EventsDesc.propTypes = {
   events: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.object.isRequired,
   vizType: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string
 };
+
 var VisExample = /*#__PURE__*/function (_PureComponent) {
   _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default()(VisExample, _PureComponent);
+
   var _super = _createSuper(VisExample);
+
   function VisExample() {
     _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_3___default()(this, VisExample);
+
     return _super.apply(this, arguments);
   }
+
   _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_4___default()(VisExample, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        _this$props$options = _this$props.options,
-        options = _this$props$options === void 0 ? {} : _this$props$options,
-        Visualization = _this$props.Visualization,
-        dsState = _this$props.dsState,
-        onEventTrigger = _this$props.onEventTrigger,
-        height = _this$props.height,
-        width = _this$props.width;
+          _this$props$options = _this$props.options,
+          options = _this$props$options === void 0 ? {} : _this$props$options,
+          Visualization = _this$props.Visualization,
+          dsState = _this$props.dsState,
+          onEventTrigger = _this$props.onEventTrigger,
+          height = _this$props.height,
+          width = _this$props.width;
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(EventTester, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_splunk_react_ui_Heading__WEBPACK_IMPORTED_MODULE_10___default.a, {
         level: 4
       }, "Test Visualization"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(Visualization, {
@@ -380,8 +412,10 @@ var VisExample = /*#__PURE__*/function (_PureComponent) {
       }));
     }
   }]);
+
   return VisExample;
 }(react__WEBPACK_IMPORTED_MODULE_8__["PureComponent"]);
+
 VisExample.propTypes = {
   options: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.object,
   Visualization: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.any,
@@ -390,43 +424,61 @@ VisExample.propTypes = {
   height: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.number,
   width: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.number
 };
+
 var EventExample = function EventExample(_ref3) {
   var event = _ref3.event;
+
   var eventToDisplay = _objectSpread({}, event);
+
   if (eventToDisplay.originalEvent != null) {
     eventToDisplay.originalEvent = '...Original Event instance...';
   }
+
+  var content = Object(react__WEBPACK_IMPORTED_MODULE_8__["useMemo"])(function () {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_splunk_react_ui_JSONTree__WEBPACK_IMPORTED_MODULE_12___default.a, {
+      key: JSON.stringify(eventToDisplay),
+      json: eventToDisplay,
+      expandChildren: true
+    });
+  }, [eventToDisplay]);
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_8___default.a.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_splunk_react_ui_Heading__WEBPACK_IMPORTED_MODULE_10___default.a, {
     level: 4
-  }, "Event Monitor"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_splunk_react_ui_JSONTree__WEBPACK_IMPORTED_MODULE_12___default.a, {
-    json: eventToDisplay,
-    expandChildren: true
-  })));
+  }, "Event Monitor"), content);
 };
+
 EventExample.propTypes = {
   event: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.object
 };
+
 var EventsDoc = /*#__PURE__*/function (_Component) {
   _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default()(EventsDoc, _Component);
+
   var _super2 = _createSuper(EventsDoc);
+
   function EventsDoc(props, context) {
     var _this;
+
     _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_3___default()(this, EventsDoc);
+
     _this = _super2.call(this, props, context);
+
     _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1___default()(_this), "handleEvent", function (e) {
       _this.setState({
         e: e
       });
     });
+
     _this.state = {
       e: null
     };
     return _this;
   }
+
   _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_4___default()(EventsDoc, [{
     key: "render",
     value: function render() {
       var _this$props2, _this$props2$Visualiz, _this$props2$Visualiz2;
+
       return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(EventsDesc, {
         events: this.props.events,
         vizType: (_this$props2 = this.props) === null || _this$props2 === void 0 ? void 0 : (_this$props2$Visualiz = _this$props2.Visualization) === null || _this$props2$Visualiz === void 0 ? void 0 : (_this$props2$Visualiz2 = _this$props2$Visualiz.config) === null || _this$props2$Visualiz2 === void 0 ? void 0 : _this$props2$Visualiz2.key
@@ -437,8 +489,10 @@ var EventsDoc = /*#__PURE__*/function (_Component) {
       }));
     }
   }]);
+
   return EventsDoc;
 }(react__WEBPACK_IMPORTED_MODULE_8__["Component"]);
+
 EventsDoc.propTypes = {
   options: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.object,
   events: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.object,

package/common/EventsDoc.js.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"react\"","webpack:///external \"prop-types\"","webpack:///external \"styled-components\"","webpack:///external \"@babel/runtime/helpers/classCallCheck\"","webpack:///external \"@splunk/react-ui/Heading\"","webpack:///external \"@babel/runtime/helpers/createClass\"","webpack:///external \"@babel/runtime/helpers/defineProperty\"","webpack:///external \"@babel/runtime/helpers/extends\"","webpack:///external \"@splunk/react-ui/Markdown\"","webpack:///external \"@babel/runtime/helpers/inherits\"","webpack:///external \"@babel/runtime/helpers/getPrototypeOf\"","webpack:///external \"@babel/runtime/helpers/assertThisInitialized\"","webpack:///external \"@babel/runtime/helpers/possibleConstructorReturn\"","webpack:///external \"@splunk/react-ui/JSONTree\"","webpack:///./src/common/EventsDoc.jsx"],"names":["EventTester","styled","div","withConfig","displayName","componentId","Event","EventName","EventItem","_ref","name","desc","React","createElement","Markdown","style","marginLeft","text","propTypes","T","string","EventsDesc","_ref2","events","vizType","Heading","level","Object","keys","length","map","eventName","key","description","object","isRequired","VisExample","_PureComponent","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","value","render","_this$props","props","_this$props$options","options","Visualization","dsState","onEventTrigger","height","width","dataSources","hasEventHandlers","PureComponent","any","func","number","EventExample","_ref3","event","eventToDisplay","_objectSpread","originalEvent","Fragment","JSONTree","json","expandChildren","EventsDoc","_Component","_super2","context","_this","call","_defineProperty","_assertThisInitialized","e","setState","state","_this$props2","_this$props2$Visualiz","_this$props2$Visualiz2","config","_extends","handleEvent","Component"],"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,kC;;;;;;ACAA,uC;;;;;;ACAA,8C;;;;;;;ACAA,kE;;;;;;ACAA,qD;;;;;;ACAA,+D;;;;;;;ACAA,kE;;;;;;ACAA,2D;;;;;;;;;;;ACAA,sD;;;;;;;;;;;;;;;;;;ACAA,4D;;;;;;ACAA,kE;;;;;;;;;;ACAA,yE;;;;;;ACAA,6E;;;;;;ACAA,sD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACAA;AACA;AACwD;AAC7B;AACoB;AACE;AACA;AACV;AAEvC,IAAMA,WAAW,GAAGC,yDAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wBAE7B;AAED,IAAMC,KAAK,GAAGL,yDAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wBAEvB;AACD,IAAME,SAAS,GAAGN,yDAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,yCAG3B;AAED,IAAMG,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA;EAAA,IAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;EAAA,oBAC3BC,4CAAA,CAAAC,aAAA,CAACP,KAAK,qBACFM,4CAAA,CAAAC,aAAA,CAACN,SAAS,QAAEG,IAAI,CAAa,eAC7BE,4CAAA,CAAAC,aAAA,CAACC,iEAAQ;IAACC,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAG,CAAE;IAACC,IAAI,EAAEN;EAAK,EAAG,CAC/C;AAAA,CACX;AAEDH,SAAS,CAACU,SAAS,GAAG;EAClBR,IAAI,EAAES,iDAAC,CAACC,MAAM;EACdT,IAAI,EAAEQ,iDAAC,CAACC;AACZ,CAAC;AAED,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,KAAA;EAAA,IAAMC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,OAAO,GAAAF,KAAA,CAAPE,OAAO;EAAA,oBACjCZ,4CAAA,CAAAC,aAAA,2BACID,4CAAA,CAAAC,aAAA,CAACY,gEAAO;IAACC,KAAK,EAAE;EAAE,GACbC,MAAM,CAACC,IAAI,CAACL,MAAM,CAAC,CAACM,MAAM,KAAK,CAAC,IAAIL,OAAO,KAAK,eAAe,GAAG,QAAQ,GAAG,WAAW,CACnF,EACTA,OAAO,KAAK,eAAe,iBACxBZ,4CAAA,CAAAC,aAAA,CAACC,iEAAQ;IAACG,IAAI,EAAC;EAA8G,EAChI,EACAU,MAAM,CAACC,IAAI,CAACL,MAAM,CAAC,CAACO,GAAG,CAAC,UAAAC,SAAS;IAAA,oBAC9BnB,4CAAA,CAAAC,aAAA,CAACL,SAAS;MAACwB,GAAG,EAAED,SAAU;MAACrB,IAAI,EAAEqB,SAAU;MAACpB,IAAI,EAAEY,MAAM,CAACQ,SAAS,CAAC,CAACE;IAAY,EAAG;EAAA,CACtF,CAAC,CACA;AAAA,CACT;AAEDZ,UAAU,CAACH,SAAS,GAAG;EACnBK,MAAM,EAAEJ,iDAAC,CAACe,MAAM,CAACC,UAAU;EAC3BX,OAAO,EAAEL,iDAAC,CAACC;AACf,CAAC;AAAC,IAEIgB,UAAU,0BAAAC,cAAA;EAAAC,sEAAA,CAAAF,UAAA,EAAAC,cAAA;EAAA,IAAAE,MAAA,GAAAC,YAAA,CAAAJ,UAAA;EAAA,SAAAA,WAAA;IAAAK,4EAAA,OAAAL,UAAA;IAAA,OAAAG,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAAC,yEAAA,CAAAR,UAAA;IAAAJ,GAAA;IAAAa,KAAA,EACZ,SAAAC,OAAA,EAAS;MAAA,IAAAC,WAAA,GAC2E,IAAI,CAACC,KAAK;QAAAC,mBAAA,GAAAF,WAAA,CAAlFG,OAAO;QAAPA,OAAO,GAAAD,mBAAA,cAAG,CAAC,CAAC,GAAAA,mBAAA;QAAEE,aAAa,GAAAJ,WAAA,CAAbI,aAAa;QAAEC,OAAO,GAAAL,WAAA,CAAPK,OAAO;QAAEC,cAAc,GAAAN,WAAA,CAAdM,cAAc;QAAEC,MAAM,GAAAP,WAAA,CAANO,MAAM;QAAEC,KAAK,GAAAR,WAAA,CAALQ,KAAK;MAC3E,oBACI3C,4CAAA,CAAAC,aAAA,CAACb,WAAW,qBACRY,4CAAA,CAAAC,aAAA,CAACY,gEAAO;QAACC,KAAK,EAAE;MAAE,wBAA6B,eAC/Cd,4CAAA,CAAAC,aAAA,CAACsC,aAAa;QACVD,OAAO,EAAEA,OAAQ;QACjBM,WAAW,EAAEJ,OAAQ;QACrBC,cAAc,EAAEA,cAAe;QAC/BI,gBAAgB;QAChBH,MAAM,EAAEA,MAAO;QACfC,KAAK,EAAEA;MAAM,EACf,CACQ;IAEtB;EAAC;EAAA,OAAAnB,UAAA;AAAA,EAhBoBsB,mDAAa;AAmBtCtB,UAAU,CAAClB,SAAS,GAAG;EACnBgC,OAAO,EAAE/B,iDAAC,CAACe,MAAM;EACjBiB,aAAa,EAAEhC,iDAAC,CAACwC,GAAG;EACpBP,OAAO,EAAEjC,iDAAC,CAACe,MAAM;EACjBmB,cAAc,EAAElC,iDAAC,CAACyC,IAAI;EACtBN,MAAM,EAAEnC,iDAAC,CAAC0C,MAAM;EAChBN,KAAK,EAAEpC,iDAAC,CAAC0C;AACb,CAAC;AAED,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAAkB;EAAA,IAAZC,KAAK,GAAAD,KAAA,CAALC,KAAK;EACzB,IAAMC,cAAc,GAAAC,aAAA,KACbF,KAAK,CACX;EACD,IAAIC,cAAc,CAACE,aAAa,IAAI,IAAI,EAAE;IACtCF,cAAc,CAACE,aAAa,GAAG,+BAA+B;EAClE;EAEA,oBACIvD,4CAAA,CAAAC,aAAA,CAACD,4CAAK,CAACwD,QAAQ,qBACXxD,4CAAA,CAAAC,aAAA,CAACY,gEAAO;IAACC,KAAK,EAAE;EAAE,mBAAwB,eAC1Cd,4CAAA,CAAAC,aAAA,2BACID,4CAAA,CAAAC,aAAA,CAACwD,iEAAQ;IAACC,IAAI,EAAEL,cAAe;IAACM,cAAc;EAAA,EAAG,CAC/C,CACO;AAEzB,CAAC;AAEDT,YAAY,CAAC5C,SAAS,GAAG;EACrB8C,KAAK,EAAE7C,iDAAC,CAACe;AACb,CAAC;AAAC,IAEIsC,SAAS,0BAAAC,UAAA;EAAAnC,sEAAA,CAAAkC,SAAA,EAAAC,UAAA;EAAA,IAAAC,OAAA,GAAAlC,YAAA,CAAAgC,SAAA;EACX,SAAAA,UAAYxB,KAAK,EAAE2B,OAAO,EAAE;IAAA,IAAAC,KAAA;IAAAnC,4EAAA,OAAA+B,SAAA;IACxBI,KAAA,GAAAF,OAAA,CAAAG,IAAA,OAAM7B,KAAK,EAAE2B,OAAO;IAAEG,4EAAA,CAAAC,mFAAA,CAAAH,KAAA,kBAMZ,UAAAI,CAAC,EAAI;MACfJ,KAAA,CAAKK,QAAQ,CAAC;QACVD,CAAC,EAADA;MACJ,CAAC,CAAC;IACN,CAAC;IATGJ,KAAA,CAAKM,KAAK,GAAG;MACTF,CAAC,EAAE;IACP,CAAC;IAAC,OAAAJ,KAAA;EACN;EAAChC,yEAAA,CAAA4B,SAAA;IAAAxC,GAAA;IAAAa,KAAA,EAQD,SAAAC,OAAA,EAAS;MAAA,IAAAqC,YAAA,EAAAC,qBAAA,EAAAC,sBAAA;MACL,oBACIzE,4CAAA,CAAAC,aAAA,2BACID,4CAAA,CAAAC,aAAA,CAACQ,UAAU;QAACE,MAAM,EAAE,IAAI,CAACyB,KAAK,CAACzB,MAAO;QAACC,OAAO,GAAA2D,YAAA,GAAE,IAAI,CAACnC,KAAK,cAAAmC,YAAA,wBAAAC,qBAAA,GAAVD,YAAA,CAAYhC,aAAa,cAAAiC,qBAAA,wBAAAC,sBAAA,GAAzBD,qBAAA,CAA2BE,MAAM,cAAAD,sBAAA,uBAAjCA,sBAAA,CAAmCrD;MAAI,EAAG,eAC1FpB,4CAAA,CAAAC,aAAA,CAACuB,UAAU,EAAAmD,qEAAA,KAAK,IAAI,CAACvC,KAAK;QAAEK,cAAc,EAAE,IAAI,CAACmC;MAAY,GAAG,eAChE5E,4CAAA,CAAAC,aAAA,CAACiD,YAAY;QAACE,KAAK,EAAE,IAAI,CAACkB,KAAK,CAACF;MAAE,EAAG,CACnC;IAEd;EAAC;EAAA,OAAAR,SAAA;AAAA,EAtBmBiB,+CAAS;AAyBjCjB,SAAS,CAACtD,SAAS,GAAG;EAClBgC,OAAO,EAAE/B,iDAAC,CAACe,MAAM;EACjBX,MAAM,EAAEJ,iDAAC,CAACe,MAAM;EAChBkB,OAAO,EAAEjC,iDAAC,CAACe,MAAM;EACjBiB,aAAa,EAAEhC,iDAAC,CAACwC;AACrB,CAAC;AAEca,wEAAS,E","file":"EventsDoc.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 = 49);\n","module.exports = require(\"react\");","module.exports = require(\"prop-types\");","module.exports = require(\"styled-components\");","module.exports = require(\"@babel/runtime/helpers/classCallCheck\");","module.exports = require(\"@splunk/react-ui/Heading\");","module.exports = require(\"@babel/runtime/helpers/createClass\");","module.exports = require(\"@babel/runtime/helpers/defineProperty\");","module.exports = require(\"@babel/runtime/helpers/extends\");","module.exports = require(\"@splunk/react-ui/Markdown\");","module.exports = require(\"@babel/runtime/helpers/inherits\");","module.exports = require(\"@babel/runtime/helpers/getPrototypeOf\");","module.exports = require(\"@babel/runtime/helpers/assertThisInitialized\");","module.exports = require(\"@babel/runtime/helpers/possibleConstructorReturn\");","module.exports = require(\"@splunk/react-ui/JSONTree\");","/* eslint-disable react/no-multi-comp */\n/* eslint-disable max-classes-per-file */\nimport React, { Component, PureComponent } from 'react';\nimport T from 'prop-types';\nimport Heading from '@splunk/react-ui/Heading';\nimport Markdown from '@splunk/react-ui/Markdown';\nimport JSONTree from '@splunk/react-ui/JSONTree';\nimport styled from 'styled-components';\n\nconst EventTester = styled.div`\n    margin-top: 50px;\n`;\n\nconst Event = styled.div`\n    margin-top: 20px;\n`;\nconst EventName = styled.div`\n    color: #5ca300;\n    padding-bottom: 5px;\n`;\n\nconst EventItem = ({ name, desc }) => (\n    <Event>\n        <EventName>{name}</EventName>\n        <Markdown style={{ marginLeft: 40 }} text={desc} />\n    </Event>\n);\n\nEventItem.propTypes = {\n    name: T.string,\n    desc: T.string,\n};\n\nconst EventsDesc = ({ events, vizType }) => (\n    <div>\n        <Heading level={4}>\n            {Object.keys(events).length !== 0 || vizType === 'splunk.events' ? 'Events' : 'No Events'}\n        </Heading>\n        {vizType === 'splunk.events' && (\n            <Markdown text=\"Events are dynamically added via the `eventActions` and `fieldActions` options for the Events visualization.\" />\n        )}\n        {Object.keys(events).map(eventName => (\n            <EventItem key={eventName} name={eventName} desc={events[eventName].description} />\n        ))}\n    </div>\n);\n\nEventsDesc.propTypes = {\n    events: T.object.isRequired,\n    vizType: T.string,\n};\n\nclass VisExample extends PureComponent {\n    render() {\n        const { options = {}, Visualization, dsState, onEventTrigger, height, width } = this.props;\n        return (\n            <EventTester>\n                <Heading level={4}>Test Visualization</Heading>\n                <Visualization\n                    options={options}\n                    dataSources={dsState}\n                    onEventTrigger={onEventTrigger}\n                    hasEventHandlers\n                    height={height}\n                    width={width}\n                />\n            </EventTester>\n        );\n    }\n}\n\nVisExample.propTypes = {\n    options: T.object,\n    Visualization: T.any,\n    dsState: T.object,\n    onEventTrigger: T.func,\n    height: T.number,\n    width: T.number,\n};\n\nconst EventExample = ({ event }) => {\n    const eventToDisplay = {\n        ...event,\n    };\n    if (eventToDisplay.originalEvent != null) {\n        eventToDisplay.originalEvent = '...Original Event instance...';\n    }\n\n    return (\n        <React.Fragment>\n            <Heading level={4}>Event Monitor</Heading>\n            <div>\n                <JSONTree json={eventToDisplay} expandChildren />\n            </div>\n        </React.Fragment>\n    );\n};\n\nEventExample.propTypes = {\n    event: T.object,\n};\n\nclass EventsDoc extends Component {\n    constructor(props, context) {\n        super(props, context);\n        this.state = {\n            e: null,\n        };\n    }\n\n    handleEvent = e => {\n        this.setState({\n            e,\n        });\n    };\n\n    render() {\n        return (\n            <div>\n                <EventsDesc events={this.props.events} vizType={this.props?.Visualization?.config?.key} />\n                <VisExample {...this.props} onEventTrigger={this.handleEvent} />\n                <EventExample event={this.state.e} />\n            </div>\n        );\n    }\n}\n\nEventsDoc.propTypes = {\n    options: T.object,\n    events: T.object,\n    dsState: T.object,\n    Visualization: T.any,\n};\n\nexport default EventsDoc;\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:///external \"react\"","webpack:///external \"prop-types\"","webpack:///external \"styled-components\"","webpack:///external \"@babel/runtime/helpers/classCallCheck\"","webpack:///external \"@splunk/react-ui/Heading\"","webpack:///external \"@babel/runtime/helpers/createClass\"","webpack:///external \"@babel/runtime/helpers/defineProperty\"","webpack:///external \"@babel/runtime/helpers/extends\"","webpack:///external \"@splunk/react-ui/Markdown\"","webpack:///external \"@babel/runtime/helpers/inherits\"","webpack:///external \"@babel/runtime/helpers/getPrototypeOf\"","webpack:///external \"@babel/runtime/helpers/assertThisInitialized\"","webpack:///external \"@babel/runtime/helpers/possibleConstructorReturn\"","webpack:///external \"@splunk/react-ui/JSONTree\"","webpack:///./src/common/EventsDoc.jsx"],"names":["EventTester","styled","Event","EventName","EventItem","name","desc","marginLeft","T","string","EventsDesc","events","vizType","Object","description","VisExample","options","Visualization","dsState","onEventTrigger","height","width","PureComponent","number","EventExample","event","eventToDisplay","content","useMemo","JSON","object","EventsDoc","e","key","handleEvent","Component","any"],"mappings":"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","file":"EventsDoc.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 = 49);\n","module.exports = require(\"react\");","module.exports = require(\"prop-types\");","module.exports = require(\"styled-components\");","module.exports = require(\"@babel/runtime/helpers/classCallCheck\");","module.exports = require(\"@splunk/react-ui/Heading\");","module.exports = require(\"@babel/runtime/helpers/createClass\");","module.exports = require(\"@babel/runtime/helpers/defineProperty\");","module.exports = require(\"@babel/runtime/helpers/extends\");","module.exports = require(\"@splunk/react-ui/Markdown\");","module.exports = require(\"@babel/runtime/helpers/inherits\");","module.exports = require(\"@babel/runtime/helpers/getPrototypeOf\");","module.exports = require(\"@babel/runtime/helpers/assertThisInitialized\");","module.exports = require(\"@babel/runtime/helpers/possibleConstructorReturn\");","module.exports = require(\"@splunk/react-ui/JSONTree\");","/* eslint-disable react/no-multi-comp */\n/* eslint-disable max-classes-per-file */\nimport React, { Component, PureComponent, useMemo } from 'react';\nimport T from 'prop-types';\nimport Heading from '@splunk/react-ui/Heading';\nimport Markdown from '@splunk/react-ui/Markdown';\nimport JSONTree from '@splunk/react-ui/JSONTree';\nimport styled from 'styled-components';\n\nconst EventTester = styled.div`\n    margin-top: 50px;\n`;\n\nconst Event = styled.div`\n    margin-top: 20px;\n`;\nconst EventName = styled.div`\n    color: #5ca300;\n    padding-bottom: 5px;\n`;\n\nconst EventItem = ({ name, desc }) => (\n    <Event>\n        <EventName>{name}</EventName>\n        <Markdown style={{ marginLeft: 40 }} text={desc} />\n    </Event>\n);\n\nEventItem.propTypes = {\n    name: T.string,\n    desc: T.string,\n};\n\nconst EventsDesc = ({ events, vizType }) => (\n    <div>\n        <Heading level={4}>\n            {Object.keys(events).length !== 0 || vizType === 'splunk.events' ? 'Events' : 'No Events'}\n        </Heading>\n        {vizType === 'splunk.events' && (\n            <Markdown text=\"Events are dynamically added via the `eventActions` and `fieldActions` options for the Events visualization.\" />\n        )}\n        {Object.keys(events).map(eventName => (\n            <EventItem key={eventName} name={eventName} desc={events[eventName].description} />\n        ))}\n    </div>\n);\n\nEventsDesc.propTypes = {\n    events: T.object.isRequired,\n    vizType: T.string,\n};\n\nclass VisExample extends PureComponent {\n    render() {\n        const { options = {}, Visualization, dsState, onEventTrigger, height, width } = this.props;\n        return (\n            <EventTester>\n                <Heading level={4}>Test Visualization</Heading>\n                <Visualization\n                    options={options}\n                    dataSources={dsState}\n                    onEventTrigger={onEventTrigger}\n                    hasEventHandlers\n                    height={height}\n                    width={width}\n                />\n            </EventTester>\n        );\n    }\n}\n\nVisExample.propTypes = {\n    options: T.object,\n    Visualization: T.any,\n    dsState: T.object,\n    onEventTrigger: T.func,\n    height: T.number,\n    width: T.number,\n};\n\nconst EventExample = ({ event }) => {\n    const eventToDisplay = {\n        ...event,\n    };\n    if (eventToDisplay.originalEvent != null) {\n        eventToDisplay.originalEvent = '...Original Event instance...';\n    }\n\n    const content = useMemo(() => {\n        return <JSONTree key={JSON.stringify(eventToDisplay)} json={eventToDisplay} expandChildren />;\n    }, [eventToDisplay]);\n\n    return (\n        <React.Fragment>\n            <Heading level={4}>Event Monitor</Heading>\n            {content}\n        </React.Fragment>\n    );\n};\n\nEventExample.propTypes = {\n    event: T.object,\n};\n\nclass EventsDoc extends Component {\n    constructor(props, context) {\n        super(props, context);\n        this.state = {\n            e: null,\n        };\n    }\n\n    handleEvent = e => {\n        this.setState({\n            e,\n        });\n    };\n\n    render() {\n        return (\n            <div>\n                <EventsDesc events={this.props.events} vizType={this.props?.Visualization?.config?.key} />\n                <VisExample {...this.props} onEventTrigger={this.handleEvent} />\n                <EventExample event={this.state.e} />\n            </div>\n        );\n    }\n}\n\nEventsDoc.propTypes = {\n    options: T.object,\n    events: T.object,\n    dsState: T.object,\n    Visualization: T.any,\n};\n\nexport default EventsDoc;\n"],"sourceRoot":""}

package/common/GaugeMajorTicks.js

@@ -161,16 +161,16 @@ var MajorTickLabel = styled_components__WEBPACK_IMPORTED_MODULE_3___default.a.te
 });
 var MajorTick = function MajorTick(_ref) {
   var index = _ref.index,
-    x1 = _ref.x1,
-    y1 = _ref.y1,
-    x2 = _ref.x2,
-    y2 = _ref.y2,
-    showLabels = _ref.showLabels,
-    label = _ref.label,
-    labelX = _ref.labelX,
-    labelY = _ref.labelY,
-    majorTickStrokeColor = _ref.majorTickStrokeColor,
-    majorTickFillColor = _ref.majorTickFillColor;
+      x1 = _ref.x1,
+      y1 = _ref.y1,
+      x2 = _ref.x2,
+      y2 = _ref.y2,
+      showLabels = _ref.showLabels,
+      label = _ref.label,
+      labelX = _ref.labelX,
+      labelY = _ref.labelY,
+      majorTickStrokeColor = _ref.majorTickStrokeColor,
+      majorTickFillColor = _ref.majorTickFillColor;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("g", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(MajorTickLine, {
     index: index,
     x1: x1,
@@ -200,7 +200,6 @@ MajorTick.propTypes = {
   majorTickStrokeColor: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
   majorTickFillColor: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string
 };
-
 /**
  * calculate position for each major tick
  * @method positionMajorTick
@@ -214,20 +213,22 @@ MajorTick.propTypes = {
  * @param {Number} input.i   index of major tick
  * @return {Object} MajorTick positions
  */
+
 var positionMajorTick = function positionMajorTick(_ref2) {
   var width = _ref2.width,
-    height = _ref2.height,
-    startX = _ref2.startX,
-    startY = _ref2.startY,
-    orientation = _ref2.orientation,
-    numOfTicks = _ref2.numOfTicks,
-    i = _ref2.i;
+      height = _ref2.height,
+      startX = _ref2.startX,
+      startY = _ref2.startY,
+      orientation = _ref2.orientation,
+      numOfTicks = _ref2.numOfTicks,
+      i = _ref2.i;
   var x1 = startX;
   var y1 = startY;
   var x2 = startX;
   var y2 = startY;
   var labelX = startX;
   var labelY;
+
   if (orientation === 'vertical') {
     var y = height / numOfTicks * (numOfTicks - i) + startY;
     x1 -= TICK_LENGTH_DELTA;
@@ -245,6 +246,7 @@ var positionMajorTick = function positionMajorTick(_ref2) {
     labelX = x;
     labelY = y2 + 16;
   }
+
   return {
     x1: x1,
     y1: y1,
@@ -254,39 +256,43 @@ var positionMajorTick = function positionMajorTick(_ref2) {
     labelY: labelY
   };
 };
+
 var MajorTicks = function MajorTicks(_ref3) {
   var props = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, _ref3);
+
   var width = props.width,
-    height = props.height,
-    startX = props.startX,
-    startY = props.startY,
-    min = props.min,
-    max = props.max,
-    majorUnit = props.majorUnit,
-    orientation = props.orientation,
-    showLabels = props.showLabels,
-    usePercentageRange = props.usePercentageRange,
-    majorTickFillColor = props.majorTickFillColor,
-    majorTickStrokeColor = props.majorTickStrokeColor;
+      height = props.height,
+      startX = props.startX,
+      startY = props.startY,
+      min = props.min,
+      max = props.max,
+      majorUnit = props.majorUnit,
+      orientation = props.orientation,
+      showLabels = props.showLabels,
+      usePercentageRange = props.usePercentageRange,
+      majorTickFillColor = props.majorTickFillColor,
+      majorTickStrokeColor = props.majorTickStrokeColor;
   var range = max - min;
   var numOfTicks = majorUnit === 'auto' || Number.isNaN(Number(majorUnit)) || majorUnit <= 0 ? DEFAULT_NUM_OF_TICKS : range / majorUnit;
   var majorTicks = [];
+
   for (var i = 0; i <= numOfTicks; i += 1) {
     var _positionMajorTick = positionMajorTick({
-        width: width,
-        height: height,
-        startX: startX,
-        startY: startY,
-        orientation: orientation,
-        numOfTicks: numOfTicks,
-        i: i
-      }),
-      x1 = _positionMajorTick.x1,
-      y1 = _positionMajorTick.y1,
-      x2 = _positionMajorTick.x2,
-      y2 = _positionMajorTick.y2,
-      labelX = _positionMajorTick.labelX,
-      labelY = _positionMajorTick.labelY;
+      width: width,
+      height: height,
+      startX: startX,
+      startY: startY,
+      orientation: orientation,
+      numOfTicks: numOfTicks,
+      i: i
+    }),
+        x1 = _positionMajorTick.x1,
+        y1 = _positionMajorTick.y1,
+        x2 = _positionMajorTick.x2,
+        y2 = _positionMajorTick.y2,
+        labelX = _positionMajorTick.labelX,
+        labelY = _positionMajorTick.labelY;
+
     var label = usePercentageRange ? "".concat(parseInt((i / numOfTicks - min / range) * 100, 10), "%") : parseInt(min + range / numOfTicks * i, 10);
     majorTicks.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(MajorTick, {
       key: i,
@@ -302,26 +308,28 @@ var MajorTicks = function MajorTicks(_ref3) {
       majorTickFillColor: majorTickFillColor,
       majorTickStrokeColor: majorTickStrokeColor
     }));
-  }
+  } // if the gauge is not divided evenly, put the last tick at the end of the gauge
+
 
-  // if the gauge is not divided evenly, put the last tick at the end of the gauge
   if (!Number.isInteger(numOfTicks)) {
     var extraNumOfTicks = Math.ceil(numOfTicks);
+
     var _positionMajorTick2 = positionMajorTick({
-        width: width,
-        height: height,
-        startX: startX,
-        startY: startY,
-        orientation: orientation,
-        numOfTicks: extraNumOfTicks,
-        i: extraNumOfTicks
-      }),
-      _x = _positionMajorTick2.x1,
-      _y = _positionMajorTick2.y1,
-      _x2 = _positionMajorTick2.x2,
-      _y2 = _positionMajorTick2.y2,
-      _labelX = _positionMajorTick2.labelX,
-      _labelY = _positionMajorTick2.labelY;
+      width: width,
+      height: height,
+      startX: startX,
+      startY: startY,
+      orientation: orientation,
+      numOfTicks: extraNumOfTicks,
+      i: extraNumOfTicks
+    }),
+        _x = _positionMajorTick2.x1,
+        _y = _positionMajorTick2.y1,
+        _x2 = _positionMajorTick2.x2,
+        _y2 = _positionMajorTick2.y2,
+        _labelX = _positionMajorTick2.labelX,
+        _labelY = _positionMajorTick2.labelY;
+
     majorTicks.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(MajorTick, {
       key: extraNumOfTicks,
       id: extraNumOfTicks,
@@ -337,8 +345,10 @@ var MajorTicks = function MajorTicks(_ref3) {
       majorTickStrokeColor: majorTickStrokeColor
     }));
   }
+
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("g", null, majorTicks);
 };
+
 MajorTicks.propTypes = {
   width: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
   height: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,