@splunk/visualizations 25.13.1 → 26.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (150) hide show
  1. package/Area.config.js +318 -234
  2. package/Area.config.js.map +1 -1
  3. package/Area.js +1131 -766
  4. package/Area.js.map +1 -1
  5. package/Bar.config.js +317 -233
  6. package/Bar.config.js.map +1 -1
  7. package/Bar.js +1007 -594
  8. package/Bar.js.map +1 -1
  9. package/Bubble.config.js +234 -160
  10. package/Bubble.config.js.map +1 -1
  11. package/Bubble.js +912 -509
  12. package/Bubble.js.map +1 -1
  13. package/ChoroplethSvg.config.js +80 -29
  14. package/ChoroplethSvg.config.js.map +1 -1
  15. package/ChoroplethSvg.js +691 -319
  16. package/ChoroplethSvg.js.map +1 -1
  17. package/Column.config.js +308 -223
  18. package/Column.config.js.map +1 -1
  19. package/Column.js +1011 -587
  20. package/Column.js.map +1 -1
  21. package/Ellipse.config.js +127 -62
  22. package/Ellipse.config.js.map +1 -1
  23. package/Ellipse.js +576 -286
  24. package/Ellipse.js.map +1 -1
  25. package/Events.config.js +111 -29
  26. package/Events.config.js.map +1 -1
  27. package/Events.js +998 -527
  28. package/Events.js.map +1 -1
  29. package/FillerGauge.config.js +142 -73
  30. package/FillerGauge.config.js.map +1 -1
  31. package/FillerGauge.js +962 -572
  32. package/FillerGauge.js.map +1 -1
  33. package/Image.config.js +70 -26
  34. package/Image.config.js.map +1 -1
  35. package/Image.js +524 -253
  36. package/Image.js.map +1 -1
  37. package/Line.config.js +326 -242
  38. package/Line.config.js.map +1 -1
  39. package/Line.js +1022 -606
  40. package/Line.js.map +1 -1
  41. package/LinkGraph.config.js +99 -49
  42. package/LinkGraph.config.js.map +1 -1
  43. package/LinkGraph.js +1184 -762
  44. package/LinkGraph.js.map +1 -1
  45. package/MIGRATION.md +1082 -0
  46. package/Map.config.js +311 -167
  47. package/Map.config.js.map +1 -1
  48. package/Map.js +1479 -873
  49. package/Map.js.map +1 -1
  50. package/Markdown.config.js +93 -43
  51. package/Markdown.config.js.map +1 -1
  52. package/Markdown.js +603 -332
  53. package/Markdown.js.map +1 -1
  54. package/MarkerGauge.config.js +163 -105
  55. package/MarkerGauge.config.js.map +1 -1
  56. package/MarkerGauge.js +1025 -628
  57. package/MarkerGauge.js.map +1 -1
  58. package/ParallelCoordinates.config.js +95 -41
  59. package/ParallelCoordinates.config.js.map +1 -1
  60. package/ParallelCoordinates.js +993 -622
  61. package/ParallelCoordinates.js.map +1 -1
  62. package/Pie.config.js +99 -46
  63. package/Pie.config.js.map +1 -1
  64. package/Pie.js +847 -442
  65. package/Pie.js.map +1 -1
  66. package/Punchcard.config.js +114 -62
  67. package/Punchcard.config.js.map +1 -1
  68. package/Punchcard.js +1097 -633
  69. package/Punchcard.js.map +1 -1
  70. package/Rectangle.config.js +131 -65
  71. package/Rectangle.config.js.map +1 -1
  72. package/Rectangle.js +580 -288
  73. package/Rectangle.js.map +1 -1
  74. package/Sankey.config.js +103 -41
  75. package/Sankey.config.js.map +1 -1
  76. package/Sankey.js +1128 -586
  77. package/Sankey.js.map +1 -1
  78. package/Scatter.config.js +231 -157
  79. package/Scatter.config.js.map +1 -1
  80. package/Scatter.js +904 -504
  81. package/Scatter.js.map +1 -1
  82. package/SingleValue.config.js +212 -142
  83. package/SingleValue.config.js.map +1 -1
  84. package/SingleValue.js +1506 -956
  85. package/SingleValue.js.map +1 -1
  86. package/SingleValueBasic.js +294 -233
  87. package/SingleValueBasic.js.map +1 -1
  88. package/SingleValueIcon.config.js +208 -138
  89. package/SingleValueIcon.config.js.map +1 -1
  90. package/SingleValueIcon.js +1375 -914
  91. package/SingleValueIcon.js.map +1 -1
  92. package/SingleValueRadial.config.js +252 -137
  93. package/SingleValueRadial.config.js.map +1 -1
  94. package/SingleValueRadial.js +2194 -1069
  95. package/SingleValueRadial.js.map +1 -1
  96. package/SparkLine.js +172 -83
  97. package/SparkLine.js.map +1 -1
  98. package/Table.config.js +123 -70
  99. package/Table.config.js.map +1 -1
  100. package/Table.js +1094 -590
  101. package/Table.js.map +1 -1
  102. package/common/Charting.js +147 -75
  103. package/common/Charting.js.map +1 -1
  104. package/common/ChartingApi.js +18 -7
  105. package/common/ChartingApi.js.map +1 -1
  106. package/common/EventsDoc.js +91 -36
  107. package/common/EventsDoc.js.map +1 -1
  108. package/common/GaugeMajorTicks.js +70 -60
  109. package/common/GaugeMajorTicks.js.map +1 -1
  110. package/common/GaugeValueMarker.js +45 -36
  111. package/common/GaugeValueMarker.js.map +1 -1
  112. package/common/OptionsDoc.js +177 -86
  113. package/common/OptionsDoc.js.map +1 -1
  114. package/common/OverviewDoc.js +65 -32
  115. package/common/OverviewDoc.js.map +1 -1
  116. package/common/SplunkVisualization.js +34 -7
  117. package/common/SplunkVisualization.js.map +1 -1
  118. package/common/SplunkVisualizationApi.js +10 -4
  119. package/common/SplunkVisualizationApi.js.map +1 -1
  120. package/common/ThemesDoc.js +41 -28
  121. package/common/ThemesDoc.js.map +1 -1
  122. package/common/chartingUtils.js +56 -24
  123. package/common/chartingUtils.js.map +1 -1
  124. package/common/docUtils.js +15 -5
  125. package/common/docUtils.js.map +1 -1
  126. package/common/gaugeUtils.js +238 -155
  127. package/common/gaugeUtils.js.map +1 -1
  128. package/common/shapeUtils.js +34 -16
  129. package/common/shapeUtils.js.map +1 -1
  130. package/common/utils/configUtils.js +59 -23
  131. package/common/utils/configUtils.js.map +1 -1
  132. package/common/utils/dataUtils.js +9 -4
  133. package/common/utils/dataUtils.js.map +1 -1
  134. package/common/utils/hocUtils.js +5 -3
  135. package/common/utils/hocUtils.js.map +1 -1
  136. package/common/utils/layoutUtils.js +3 -2
  137. package/common/utils/layoutUtils.js.map +1 -1
  138. package/common/utils/mapUtils.js +370 -206
  139. package/common/utils/mapUtils.js.map +1 -1
  140. package/common/utils/singleValueUtils.js +243 -198
  141. package/common/utils/singleValueUtils.js.map +1 -1
  142. package/common/utils/testHelper.js +36 -9
  143. package/common/utils/testHelper.js.map +1 -1
  144. package/common/utils/trellisUtils.js +87 -26
  145. package/common/utils/trellisUtils.js.map +1 -1
  146. package/common/utils/urlUtils.js +4 -2
  147. package/common/utils/urlUtils.js.map +1 -1
  148. package/common/withDashboardViz.js +375 -193
  149. package/common/withDashboardViz.js.map +1 -1
  150. package/package.json +25 -27
@@ -87,7 +87,7 @@ module.exports =
87
87
  /******/
88
88
  /******/
89
89
  /******/ // Load entry module and return exports
90
- /******/ return __webpack_require__(__webpack_require__.s = 48);
90
+ /******/ return __webpack_require__(__webpack_require__.s = 49);
91
91
  /******/ })
92
92
  /************************************************************************/
93
93
  /******/ ([
@@ -163,41 +163,41 @@ module.exports = require("@splunk/react-ui/Markdown");
163
163
  /* 24 */,
164
164
  /* 25 */,
165
165
  /* 26 */,
166
- /* 27 */
166
+ /* 27 */,
167
+ /* 28 */
167
168
  /***/ (function(module, exports) {
168
169
 
169
170
  module.exports = require("@babel/runtime/helpers/inherits");
170
171
 
171
172
  /***/ }),
172
- /* 28 */
173
+ /* 29 */
173
174
  /***/ (function(module, exports) {
174
175
 
175
176
  module.exports = require("@babel/runtime/helpers/getPrototypeOf");
176
177
 
177
178
  /***/ }),
178
- /* 29 */,
179
179
  /* 30 */,
180
180
  /* 31 */,
181
181
  /* 32 */,
182
- /* 33 */
182
+ /* 33 */,
183
+ /* 34 */
183
184
  /***/ (function(module, exports) {
184
185
 
185
186
  module.exports = require("@babel/runtime/helpers/assertThisInitialized");
186
187
 
187
188
  /***/ }),
188
- /* 34 */
189
+ /* 35 */
189
190
  /***/ (function(module, exports) {
190
191
 
191
192
  module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
192
193
 
193
194
  /***/ }),
194
- /* 35 */
195
+ /* 36 */
195
196
  /***/ (function(module, exports) {
196
197
 
197
198
  module.exports = require("@splunk/react-ui/JSONTree");
198
199
 
199
200
  /***/ }),
200
- /* 36 */,
201
201
  /* 37 */,
202
202
  /* 38 */,
203
203
  /* 39 */,
@@ -209,14 +209,15 @@ module.exports = require("@splunk/react-ui/JSONTree");
209
209
  /* 45 */,
210
210
  /* 46 */,
211
211
  /* 47 */,
212
- /* 48 */
212
+ /* 48 */,
213
+ /* 49 */
213
214
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
214
215
 
215
216
  "use strict";
216
217
  __webpack_require__.r(__webpack_exports__);
217
218
  /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
218
219
  /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
219
- /* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(33);
220
+ /* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(34);
220
221
  /* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1__);
221
222
  /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
222
223
  /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2__);
@@ -224,11 +225,11 @@ __webpack_require__.r(__webpack_exports__);
224
225
  /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_3__);
225
226
  /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(6);
226
227
  /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_4__);
227
- /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(27);
228
+ /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(28);
228
229
  /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5__);
229
- /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(34);
230
+ /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(35);
230
231
  /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6__);
231
- /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(28);
232
+ /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29);
232
233
  /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7__);
233
234
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(0);
234
235
  /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_8__);
@@ -238,7 +239,7 @@ __webpack_require__.r(__webpack_exports__);
238
239
  /* harmony import */ var _splunk_react_ui_Heading__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Heading__WEBPACK_IMPORTED_MODULE_10__);
239
240
  /* harmony import */ var _splunk_react_ui_Markdown__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(15);
240
241
  /* harmony import */ var _splunk_react_ui_Markdown__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Markdown__WEBPACK_IMPORTED_MODULE_11__);
241
- /* harmony import */ var _splunk_react_ui_JSONTree__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(35);
242
+ /* harmony import */ var _splunk_react_ui_JSONTree__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(36);
242
243
  /* harmony import */ var _splunk_react_ui_JSONTree__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_JSONTree__WEBPACK_IMPORTED_MODULE_12__);
243
244
  /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(2);
244
245
  /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_13__);
@@ -250,45 +251,65 @@ __webpack_require__.r(__webpack_exports__);
250
251
 
251
252
 
252
253
 
254
+
253
255
  function ownKeys(object, enumerableOnly) {
254
256
  var keys = Object.keys(object);
257
+
255
258
  if (Object.getOwnPropertySymbols) {
256
259
  var symbols = Object.getOwnPropertySymbols(object);
257
- enumerableOnly && (symbols = symbols.filter(function (sym) {
260
+ if (enumerableOnly) symbols = symbols.filter(function (sym) {
258
261
  return Object.getOwnPropertyDescriptor(object, sym).enumerable;
259
- })), keys.push.apply(keys, symbols);
262
+ });
263
+ keys.push.apply(keys, symbols);
260
264
  }
265
+
261
266
  return keys;
262
267
  }
268
+
263
269
  function _objectSpread(target) {
264
270
  for (var i = 1; i < arguments.length; i++) {
265
- var source = null != arguments[i] ? arguments[i] : {};
266
- i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
267
- _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(target, key, source[key]);
268
- }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
269
- Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
270
- });
271
+ var source = arguments[i] != null ? arguments[i] : {};
272
+
273
+ if (i % 2) {
274
+ ownKeys(Object(source), true).forEach(function (key) {
275
+ _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(target, key, source[key]);
276
+ });
277
+ } else if (Object.getOwnPropertyDescriptors) {
278
+ Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
279
+ } else {
280
+ ownKeys(Object(source)).forEach(function (key) {
281
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
282
+ });
283
+ }
271
284
  }
285
+
272
286
  return target;
273
287
  }
288
+
274
289
  function _createSuper(Derived) {
275
290
  var hasNativeReflectConstruct = _isNativeReflectConstruct();
291
+
276
292
  return function _createSuperInternal() {
277
293
  var Super = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7___default()(Derived),
278
- result;
294
+ result;
295
+
279
296
  if (hasNativeReflectConstruct) {
280
297
  var NewTarget = _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_7___default()(this).constructor;
298
+
281
299
  result = Reflect.construct(Super, arguments, NewTarget);
282
300
  } else {
283
301
  result = Super.apply(this, arguments);
284
302
  }
303
+
285
304
  return _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_6___default()(this, result);
286
305
  };
287
306
  }
307
+
288
308
  function _isNativeReflectConstruct() {
289
309
  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
290
310
  if (Reflect.construct.sham) return false;
291
311
  if (typeof Proxy === "function") return true;
312
+
292
313
  try {
293
314
  Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
294
315
  return true;
@@ -297,6 +318,7 @@ function _isNativeReflectConstruct() {
297
318
  }
298
319
  }
299
320
  /* eslint-disable react/no-multi-comp */
321
+
300
322
  /* eslint-disable max-classes-per-file */
301
323
 
302
324
 
@@ -304,6 +326,8 @@ function _isNativeReflectConstruct() {
304
326
 
305
327
 
306
328
 
329
+
330
+
307
331
  var EventTester = styled_components__WEBPACK_IMPORTED_MODULE_13___default.a.div.withConfig({
308
332
  displayName: "EventsDoc__EventTester",
309
333
  componentId: "dc0pgb-0"
@@ -316,9 +340,10 @@ var EventName = styled_components__WEBPACK_IMPORTED_MODULE_13___default.a.div.wi
316
340
  displayName: "EventsDoc__EventName",
317
341
  componentId: "dc0pgb-2"
318
342
  })(["color:#5ca300;padding-bottom:5px;"]);
343
+
319
344
  var EventItem = function EventItem(_ref) {
320
345
  var name = _ref.name,
321
- desc = _ref.desc;
346
+ desc = _ref.desc;
322
347
  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, {
323
348
  style: {
324
349
  marginLeft: 40
@@ -326,13 +351,15 @@ var EventItem = function EventItem(_ref) {
326
351
  text: desc
327
352
  }));
328
353
  };
354
+
329
355
  EventItem.propTypes = {
330
356
  name: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string,
331
357
  desc: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string
332
358
  };
359
+
333
360
  var EventsDesc = function EventsDesc(_ref2) {
334
361
  var events = _ref2.events,
335
- vizType = _ref2.vizType;
362
+ vizType = _ref2.vizType;
336
363
  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, {
337
364
  level: 4
338
365
  }, 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, {
@@ -345,28 +372,34 @@ var EventsDesc = function EventsDesc(_ref2) {
345
372
  });
346
373
  }));
347
374
  };
375
+
348
376
  EventsDesc.propTypes = {
349
377
  events: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.object.isRequired,
350
378
  vizType: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.string
351
379
  };
380
+
352
381
  var VisExample = /*#__PURE__*/function (_PureComponent) {
353
382
  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default()(VisExample, _PureComponent);
383
+
354
384
  var _super = _createSuper(VisExample);
385
+
355
386
  function VisExample() {
356
387
  _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_3___default()(this, VisExample);
388
+
357
389
  return _super.apply(this, arguments);
358
390
  }
391
+
359
392
  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_4___default()(VisExample, [{
360
393
  key: "render",
361
394
  value: function render() {
362
395
  var _this$props = this.props,
363
- _this$props$options = _this$props.options,
364
- options = _this$props$options === void 0 ? {} : _this$props$options,
365
- Visualization = _this$props.Visualization,
366
- dsState = _this$props.dsState,
367
- onEventTrigger = _this$props.onEventTrigger,
368
- height = _this$props.height,
369
- width = _this$props.width;
396
+ _this$props$options = _this$props.options,
397
+ options = _this$props$options === void 0 ? {} : _this$props$options,
398
+ Visualization = _this$props.Visualization,
399
+ dsState = _this$props.dsState,
400
+ onEventTrigger = _this$props.onEventTrigger,
401
+ height = _this$props.height,
402
+ width = _this$props.width;
370
403
  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, {
371
404
  level: 4
372
405
  }, "Test Visualization"), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(Visualization, {
@@ -379,8 +412,10 @@ var VisExample = /*#__PURE__*/function (_PureComponent) {
379
412
  }));
380
413
  }
381
414
  }]);
415
+
382
416
  return VisExample;
383
417
  }(react__WEBPACK_IMPORTED_MODULE_8__["PureComponent"]);
418
+
384
419
  VisExample.propTypes = {
385
420
  options: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.object,
386
421
  Visualization: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.any,
@@ -389,43 +424,61 @@ VisExample.propTypes = {
389
424
  height: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.number,
390
425
  width: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.number
391
426
  };
427
+
392
428
  var EventExample = function EventExample(_ref3) {
393
429
  var event = _ref3.event;
430
+
394
431
  var eventToDisplay = _objectSpread({}, event);
432
+
395
433
  if (eventToDisplay.originalEvent != null) {
396
434
  eventToDisplay.originalEvent = '...Original Event instance...';
397
435
  }
436
+
437
+ var content = Object(react__WEBPACK_IMPORTED_MODULE_8__["useMemo"])(function () {
438
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(_splunk_react_ui_JSONTree__WEBPACK_IMPORTED_MODULE_12___default.a, {
439
+ key: JSON.stringify(eventToDisplay),
440
+ json: eventToDisplay,
441
+ expandChildren: true
442
+ });
443
+ }, [eventToDisplay]);
398
444
  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, {
399
445
  level: 4
400
- }, "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, {
401
- json: eventToDisplay,
402
- expandChildren: true
403
- })));
446
+ }, "Event Monitor"), content);
404
447
  };
448
+
405
449
  EventExample.propTypes = {
406
450
  event: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.object
407
451
  };
452
+
408
453
  var EventsDoc = /*#__PURE__*/function (_Component) {
409
454
  _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_5___default()(EventsDoc, _Component);
455
+
410
456
  var _super2 = _createSuper(EventsDoc);
457
+
411
458
  function EventsDoc(props, context) {
412
459
  var _this;
460
+
413
461
  _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_3___default()(this, EventsDoc);
462
+
414
463
  _this = _super2.call(this, props, context);
464
+
415
465
  _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_2___default()(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_1___default()(_this), "handleEvent", function (e) {
416
466
  _this.setState({
417
467
  e: e
418
468
  });
419
469
  });
470
+
420
471
  _this.state = {
421
472
  e: null
422
473
  };
423
474
  return _this;
424
475
  }
476
+
425
477
  _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_4___default()(EventsDoc, [{
426
478
  key: "render",
427
479
  value: function render() {
428
480
  var _this$props2, _this$props2$Visualiz, _this$props2$Visualiz2;
481
+
429
482
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement("div", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_8___default.a.createElement(EventsDesc, {
430
483
  events: this.props.events,
431
484
  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
@@ -436,8 +489,10 @@ var EventsDoc = /*#__PURE__*/function (_Component) {
436
489
  }));
437
490
  }
438
491
  }]);
492
+
439
493
  return EventsDoc;
440
494
  }(react__WEBPACK_IMPORTED_MODULE_8__["Component"]);
495
+
441
496
  EventsDoc.propTypes = {
442
497
  options: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.object,
443
498
  events: prop_types__WEBPACK_IMPORTED_MODULE_9___default.a.object,
@@ -1 +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 = 48);\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":""}
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","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":""}
@@ -87,7 +87,7 @@ module.exports =
87
87
  /******/
88
88
  /******/
89
89
  /******/ // Load entry module and return exports
90
- /******/ return __webpack_require__(__webpack_require__.s = 49);
90
+ /******/ return __webpack_require__(__webpack_require__.s = 50);
91
91
  /******/ })
92
92
  /************************************************************************/
93
93
  /******/ ({
@@ -120,7 +120,7 @@ module.exports = require("styled-components");
120
120
 
121
121
  /***/ }),
122
122
 
123
- /***/ 49:
123
+ /***/ 50:
124
124
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
125
125
 
126
126
  "use strict";
@@ -161,16 +161,16 @@ var MajorTickLabel = styled_components__WEBPACK_IMPORTED_MODULE_3___default.a.te
161
161
  });
162
162
  var MajorTick = function MajorTick(_ref) {
163
163
  var index = _ref.index,
164
- x1 = _ref.x1,
165
- y1 = _ref.y1,
166
- x2 = _ref.x2,
167
- y2 = _ref.y2,
168
- showLabels = _ref.showLabels,
169
- label = _ref.label,
170
- labelX = _ref.labelX,
171
- labelY = _ref.labelY,
172
- majorTickStrokeColor = _ref.majorTickStrokeColor,
173
- majorTickFillColor = _ref.majorTickFillColor;
164
+ x1 = _ref.x1,
165
+ y1 = _ref.y1,
166
+ x2 = _ref.x2,
167
+ y2 = _ref.y2,
168
+ showLabels = _ref.showLabels,
169
+ label = _ref.label,
170
+ labelX = _ref.labelX,
171
+ labelY = _ref.labelY,
172
+ majorTickStrokeColor = _ref.majorTickStrokeColor,
173
+ majorTickFillColor = _ref.majorTickFillColor;
174
174
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("g", null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(MajorTickLine, {
175
175
  index: index,
176
176
  x1: x1,
@@ -200,7 +200,6 @@ MajorTick.propTypes = {
200
200
  majorTickStrokeColor: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string,
201
201
  majorTickFillColor: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.string
202
202
  };
203
-
204
203
  /**
205
204
  * calculate position for each major tick
206
205
  * @method positionMajorTick
@@ -214,20 +213,22 @@ MajorTick.propTypes = {
214
213
  * @param {Number} input.i index of major tick
215
214
  * @return {Object} MajorTick positions
216
215
  */
216
+
217
217
  var positionMajorTick = function positionMajorTick(_ref2) {
218
218
  var width = _ref2.width,
219
- height = _ref2.height,
220
- startX = _ref2.startX,
221
- startY = _ref2.startY,
222
- orientation = _ref2.orientation,
223
- numOfTicks = _ref2.numOfTicks,
224
- i = _ref2.i;
219
+ height = _ref2.height,
220
+ startX = _ref2.startX,
221
+ startY = _ref2.startY,
222
+ orientation = _ref2.orientation,
223
+ numOfTicks = _ref2.numOfTicks,
224
+ i = _ref2.i;
225
225
  var x1 = startX;
226
226
  var y1 = startY;
227
227
  var x2 = startX;
228
228
  var y2 = startY;
229
229
  var labelX = startX;
230
230
  var labelY;
231
+
231
232
  if (orientation === 'vertical') {
232
233
  var y = height / numOfTicks * (numOfTicks - i) + startY;
233
234
  x1 -= TICK_LENGTH_DELTA;
@@ -245,6 +246,7 @@ var positionMajorTick = function positionMajorTick(_ref2) {
245
246
  labelX = x;
246
247
  labelY = y2 + 16;
247
248
  }
249
+
248
250
  return {
249
251
  x1: x1,
250
252
  y1: y1,
@@ -254,39 +256,43 @@ var positionMajorTick = function positionMajorTick(_ref2) {
254
256
  labelY: labelY
255
257
  };
256
258
  };
259
+
257
260
  var MajorTicks = function MajorTicks(_ref3) {
258
261
  var props = _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, _ref3);
262
+
259
263
  var width = props.width,
260
- height = props.height,
261
- startX = props.startX,
262
- startY = props.startY,
263
- min = props.min,
264
- max = props.max,
265
- majorUnit = props.majorUnit,
266
- orientation = props.orientation,
267
- showLabels = props.showLabels,
268
- usePercentageRange = props.usePercentageRange,
269
- majorTickFillColor = props.majorTickFillColor,
270
- majorTickStrokeColor = props.majorTickStrokeColor;
264
+ height = props.height,
265
+ startX = props.startX,
266
+ startY = props.startY,
267
+ min = props.min,
268
+ max = props.max,
269
+ majorUnit = props.majorUnit,
270
+ orientation = props.orientation,
271
+ showLabels = props.showLabels,
272
+ usePercentageRange = props.usePercentageRange,
273
+ majorTickFillColor = props.majorTickFillColor,
274
+ majorTickStrokeColor = props.majorTickStrokeColor;
271
275
  var range = max - min;
272
276
  var numOfTicks = majorUnit === 'auto' || Number.isNaN(Number(majorUnit)) || majorUnit <= 0 ? DEFAULT_NUM_OF_TICKS : range / majorUnit;
273
277
  var majorTicks = [];
278
+
274
279
  for (var i = 0; i <= numOfTicks; i += 1) {
275
280
  var _positionMajorTick = positionMajorTick({
276
- width: width,
277
- height: height,
278
- startX: startX,
279
- startY: startY,
280
- orientation: orientation,
281
- numOfTicks: numOfTicks,
282
- i: i
283
- }),
284
- x1 = _positionMajorTick.x1,
285
- y1 = _positionMajorTick.y1,
286
- x2 = _positionMajorTick.x2,
287
- y2 = _positionMajorTick.y2,
288
- labelX = _positionMajorTick.labelX,
289
- labelY = _positionMajorTick.labelY;
281
+ width: width,
282
+ height: height,
283
+ startX: startX,
284
+ startY: startY,
285
+ orientation: orientation,
286
+ numOfTicks: numOfTicks,
287
+ i: i
288
+ }),
289
+ x1 = _positionMajorTick.x1,
290
+ y1 = _positionMajorTick.y1,
291
+ x2 = _positionMajorTick.x2,
292
+ y2 = _positionMajorTick.y2,
293
+ labelX = _positionMajorTick.labelX,
294
+ labelY = _positionMajorTick.labelY;
295
+
290
296
  var label = usePercentageRange ? "".concat(parseInt((i / numOfTicks - min / range) * 100, 10), "%") : parseInt(min + range / numOfTicks * i, 10);
291
297
  majorTicks.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(MajorTick, {
292
298
  key: i,
@@ -302,26 +308,28 @@ var MajorTicks = function MajorTicks(_ref3) {
302
308
  majorTickFillColor: majorTickFillColor,
303
309
  majorTickStrokeColor: majorTickStrokeColor
304
310
  }));
305
- }
311
+ } // if the gauge is not divided evenly, put the last tick at the end of the gauge
312
+
306
313
 
307
- // if the gauge is not divided evenly, put the last tick at the end of the gauge
308
314
  if (!Number.isInteger(numOfTicks)) {
309
315
  var extraNumOfTicks = Math.ceil(numOfTicks);
316
+
310
317
  var _positionMajorTick2 = positionMajorTick({
311
- width: width,
312
- height: height,
313
- startX: startX,
314
- startY: startY,
315
- orientation: orientation,
316
- numOfTicks: extraNumOfTicks,
317
- i: extraNumOfTicks
318
- }),
319
- _x = _positionMajorTick2.x1,
320
- _y = _positionMajorTick2.y1,
321
- _x2 = _positionMajorTick2.x2,
322
- _y2 = _positionMajorTick2.y2,
323
- _labelX = _positionMajorTick2.labelX,
324
- _labelY = _positionMajorTick2.labelY;
318
+ width: width,
319
+ height: height,
320
+ startX: startX,
321
+ startY: startY,
322
+ orientation: orientation,
323
+ numOfTicks: extraNumOfTicks,
324
+ i: extraNumOfTicks
325
+ }),
326
+ _x = _positionMajorTick2.x1,
327
+ _y = _positionMajorTick2.y1,
328
+ _x2 = _positionMajorTick2.x2,
329
+ _y2 = _positionMajorTick2.y2,
330
+ _labelX = _positionMajorTick2.labelX,
331
+ _labelY = _positionMajorTick2.labelY;
332
+
325
333
  majorTicks.push( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement(MajorTick, {
326
334
  key: extraNumOfTicks,
327
335
  id: extraNumOfTicks,
@@ -337,8 +345,10 @@ var MajorTicks = function MajorTicks(_ref3) {
337
345
  majorTickStrokeColor: majorTickStrokeColor
338
346
  }));
339
347
  }
348
+
340
349
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("g", null, majorTicks);
341
350
  };
351
+
342
352
  MajorTicks.propTypes = {
343
353
  width: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,
344
354
  height: prop_types__WEBPACK_IMPORTED_MODULE_2___default.a.number,