@splunk/visualizations 25.13.1 → 26.0.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 (147) hide show
  1. package/Area.config.js +216 -216
  2. package/Area.config.js.map +1 -1
  3. package/Area.js +529 -561
  4. package/Area.js.map +1 -1
  5. package/Bar.config.js +213 -213
  6. package/Bar.config.js.map +1 -1
  7. package/Bar.js +394 -386
  8. package/Bar.js.map +1 -1
  9. package/Bubble.config.js +140 -140
  10. package/Bubble.config.js.map +1 -1
  11. package/Bubble.js +313 -305
  12. package/Bubble.js.map +1 -1
  13. package/ChoroplethSvg.config.js +15 -15
  14. package/ChoroplethSvg.config.js.map +1 -1
  15. package/ChoroplethSvg.js +149 -144
  16. package/ChoroplethSvg.js.map +1 -1
  17. package/Column.config.js +205 -205
  18. package/Column.config.js.map +1 -1
  19. package/Column.js +387 -379
  20. package/Column.js.map +1 -1
  21. package/Ellipse.config.js +45 -45
  22. package/Ellipse.config.js.map +1 -1
  23. package/Ellipse.js +157 -144
  24. package/Ellipse.js.map +1 -1
  25. package/Events.config.js +11 -11
  26. package/Events.config.js.map +1 -1
  27. package/Events.js +273 -261
  28. package/Events.js.map +1 -1
  29. package/FillerGauge.config.js +46 -46
  30. package/FillerGauge.config.js.map +1 -1
  31. package/FillerGauge.js +267 -262
  32. package/FillerGauge.js.map +1 -1
  33. package/Image.config.js +8 -8
  34. package/Image.config.js.map +1 -1
  35. package/Image.js +110 -104
  36. package/Image.js.map +1 -1
  37. package/Line.config.js +220 -220
  38. package/Line.config.js.map +1 -1
  39. package/Line.js +404 -396
  40. package/Line.js.map +1 -1
  41. package/LinkGraph.config.js +27 -27
  42. package/LinkGraph.config.js.map +1 -1
  43. package/LinkGraph.js +557 -548
  44. package/LinkGraph.js.map +1 -1
  45. package/Map.config.js +71 -71
  46. package/Map.config.js.map +1 -1
  47. package/Map.js +471 -465
  48. package/Map.js.map +1 -1
  49. package/Markdown.config.js +23 -23
  50. package/Markdown.config.js.map +1 -1
  51. package/Markdown.js +151 -145
  52. package/Markdown.js.map +1 -1
  53. package/MarkerGauge.config.js +84 -84
  54. package/MarkerGauge.config.js.map +1 -1
  55. package/MarkerGauge.js +295 -289
  56. package/MarkerGauge.js.map +1 -1
  57. package/ParallelCoordinates.config.js +23 -23
  58. package/ParallelCoordinates.config.js.map +1 -1
  59. package/ParallelCoordinates.js +164 -162
  60. package/ParallelCoordinates.js.map +1 -1
  61. package/Pie.config.js +24 -24
  62. package/Pie.config.js.map +1 -1
  63. package/Pie.js +233 -228
  64. package/Pie.js.map +1 -1
  65. package/Punchcard.config.js +33 -33
  66. package/Punchcard.config.js.map +1 -1
  67. package/Punchcard.js +278 -279
  68. package/Punchcard.js.map +1 -1
  69. package/Rectangle.config.js +46 -46
  70. package/Rectangle.config.js.map +1 -1
  71. package/Rectangle.js +154 -142
  72. package/Rectangle.js.map +1 -1
  73. package/Sankey.config.js +19 -19
  74. package/Sankey.config.js.map +1 -1
  75. package/Sankey.js +281 -275
  76. package/Sankey.js.map +1 -1
  77. package/Scatter.config.js +135 -135
  78. package/Scatter.config.js.map +1 -1
  79. package/Scatter.js +304 -299
  80. package/Scatter.js.map +1 -1
  81. package/SingleValue.config.js +119 -119
  82. package/SingleValue.config.js.map +1 -1
  83. package/SingleValue.js +359 -341
  84. package/SingleValue.js.map +1 -1
  85. package/SingleValueBasic.js +14 -14
  86. package/SingleValueBasic.js.map +1 -1
  87. package/SingleValueIcon.config.js +117 -117
  88. package/SingleValueIcon.config.js.map +1 -1
  89. package/SingleValueIcon.js +373 -371
  90. package/SingleValueIcon.js.map +1 -1
  91. package/SingleValueRadial.config.js +157 -115
  92. package/SingleValueRadial.config.js.map +1 -1
  93. package/SingleValueRadial.js +1114 -540
  94. package/SingleValueRadial.js.map +1 -1
  95. package/SparkLine.js +50 -20
  96. package/SparkLine.js.map +1 -1
  97. package/Table.config.js +54 -54
  98. package/Table.config.js.map +1 -1
  99. package/Table.js +302 -286
  100. package/Table.js.map +1 -1
  101. package/common/Charting.js +41 -41
  102. package/common/Charting.js.map +1 -1
  103. package/common/EventsDoc.js +15 -14
  104. package/common/EventsDoc.js.map +1 -1
  105. package/common/GaugeMajorTicks.js +2 -2
  106. package/common/GaugeMajorTicks.js.map +1 -1
  107. package/common/GaugeValueMarker.js +2 -2
  108. package/common/GaugeValueMarker.js.map +1 -1
  109. package/common/OptionsDoc.js +22 -22
  110. package/common/OptionsDoc.js.map +1 -1
  111. package/common/OverviewDoc.js +32 -27
  112. package/common/OverviewDoc.js.map +1 -1
  113. package/common/SplunkVisualization.js +4 -4
  114. package/common/SplunkVisualization.js.map +1 -1
  115. package/common/SplunkVisualizationApi.js +2 -2
  116. package/common/SplunkVisualizationApi.js.map +1 -1
  117. package/common/ThemesDoc.js +14 -14
  118. package/common/ThemesDoc.js.map +1 -1
  119. package/common/chartingUtils.js +12 -12
  120. package/common/chartingUtils.js.map +1 -1
  121. package/common/docUtils.js +4 -4
  122. package/common/docUtils.js.map +1 -1
  123. package/common/gaugeUtils.js +112 -112
  124. package/common/gaugeUtils.js.map +1 -1
  125. package/common/shapeUtils.js +21 -15
  126. package/common/shapeUtils.js.map +1 -1
  127. package/common/utils/configUtils.js +10 -9
  128. package/common/utils/configUtils.js.map +1 -1
  129. package/common/utils/dataUtils.js +2 -2
  130. package/common/utils/dataUtils.js.map +1 -1
  131. package/common/utils/hocUtils.js +2 -2
  132. package/common/utils/hocUtils.js.map +1 -1
  133. package/common/utils/layoutUtils.js +2 -2
  134. package/common/utils/layoutUtils.js.map +1 -1
  135. package/common/utils/mapUtils.js +84 -80
  136. package/common/utils/mapUtils.js.map +1 -1
  137. package/common/utils/singleValueUtils.js +2 -2
  138. package/common/utils/singleValueUtils.js.map +1 -1
  139. package/common/utils/testHelper.js +27 -9
  140. package/common/utils/testHelper.js.map +1 -1
  141. package/common/utils/trellisUtils.js +26 -26
  142. package/common/utils/trellisUtils.js.map +1 -1
  143. package/common/utils/urlUtils.js +2 -2
  144. package/common/utils/urlUtils.js.map +1 -1
  145. package/common/withDashboardViz.js +107 -104
  146. package/common/withDashboardViz.js.map +1 -1
  147. package/package.json +19 -19
@@ -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 = 74);
90
+ /******/ return __webpack_require__(__webpack_require__.s = 75);
91
91
  /******/ })
92
92
  /************************************************************************/
93
93
  /******/ ([
@@ -179,7 +179,8 @@ module.exports = require("@splunk/visualizations-shared/style");
179
179
 
180
180
  /***/ }),
181
181
  /* 22 */,
182
- /* 23 */
182
+ /* 23 */,
183
+ /* 24 */
183
184
  /***/ (function(module, exports, __webpack_require__) {
184
185
 
185
186
  "use strict";
@@ -193,7 +194,7 @@ exports.INITIAL_HEIGHT = exports.INITIAL_WIDTH = void 0;
193
194
  /* eslint-disable react/no-unused-prop-types,react/prefer-stateless-function */
194
195
  var T = __webpack_require__(1);
195
196
  var lodash_1 = __webpack_require__(3);
196
- var VizActionHandler_1 = __webpack_require__(24);
197
+ var VizActionHandler_1 = __webpack_require__(25);
197
198
  // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
198
199
  exports.INITIAL_WIDTH = 250;
199
200
  exports.INITIAL_HEIGHT = 250;
@@ -308,7 +309,7 @@ SplunkVisualization.defaultProps = {
308
309
  exports.default = SplunkVisualization;
309
310
 
310
311
  /***/ }),
311
- /* 24 */
312
+ /* 25 */
312
313
  /***/ (function(module, exports, __webpack_require__) {
313
314
 
314
315
  "use strict";
@@ -340,17 +341,17 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
340
341
  exports.DefaultVizActionHandler = DefaultVizActionHandler;
341
342
 
342
343
  /***/ }),
343
- /* 25 */,
344
- /* 26 */
344
+ /* 26 */,
345
+ /* 27 */
345
346
  /***/ (function(module, exports) {
346
347
 
347
348
  module.exports = require("@splunk/themes/variables");
348
349
 
349
350
  /***/ }),
350
- /* 27 */,
351
351
  /* 28 */,
352
352
  /* 29 */,
353
- /* 30 */
353
+ /* 30 */,
354
+ /* 31 */
354
355
  /***/ (function(module, exports, __webpack_require__) {
355
356
 
356
357
  "use strict";
@@ -386,7 +387,7 @@ var VizBehavior;
386
387
  })(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
387
388
 
388
389
  /***/ }),
389
- /* 31 */
390
+ /* 32 */
390
391
  /***/ (function(module, exports, __webpack_require__) {
391
392
 
392
393
  "use strict";
@@ -397,21 +398,21 @@ Object.defineProperty(exports, "__esModule", {
397
398
  });
398
399
  var React = __webpack_require__(0);
399
400
  var styled_components_1 = __webpack_require__(2);
400
- var SizeAwareWrapper_1 = __webpack_require__(89);
401
+ var SizeAwareWrapper_1 = __webpack_require__(90);
401
402
  var style_1 = __webpack_require__(21);
402
403
  var colorUtils_1 = __webpack_require__(14);
403
404
  var Item = styled_components_1.default.div.attrs(function (_ref) {
404
405
  var width = _ref.width;
405
406
  return {
406
407
  style: {
407
- width: style_1.toPx(width)
408
+ width: (0, style_1.toPx)(width)
408
409
  }
409
410
  };
410
411
  }).withConfig({
411
412
  displayName: "FixedSizeContainer__Item",
412
413
  componentId: "sc-1yhgpod-0"
413
414
  })(["position:relative;background-color:", "};"], function (props) {
414
- return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
415
+ return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
415
416
  });
416
417
  // Use `.attrs()` for highly dynamic styles. Ref: https://github.com/styled-components/styled-components/issues/134#issuecomment-312415291
417
418
  var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
@@ -419,16 +420,16 @@ var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
419
420
  height = _ref2.height;
420
421
  return {
421
422
  style: Object.assign(Object.assign({}, width && {
422
- width: style_1.toPx(width)
423
+ width: (0, style_1.toPx)(width)
423
424
  }), height && {
424
- height: style_1.toPx(height)
425
+ height: (0, style_1.toPx)(height)
425
426
  })
426
427
  };
427
428
  }).withConfig({
428
429
  displayName: "FixedSizeContainer__FixSizeItem",
429
430
  componentId: "sc-1yhgpod-1"
430
431
  })(["position:relative;flex-direction:column;flex:1;display:flex;background-color:", "};"], function (props) {
431
- return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
432
+ return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
432
433
  });
433
434
  var ItemContent = styled_components_1.default.div.withConfig({
434
435
  displayName: "FixedSizeContainer__ItemContent",
@@ -452,7 +453,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
452
453
  }
453
454
  return React.createElement(FixSizeItem, {
454
455
  "data-test": "fix-size-item",
455
- "data-splunk-visualization-version": "25.13.1 - ea48ec41e",
456
+ "data-splunk-visualization-version": "26.0.0 - 2f7458907",
456
457
  width: width,
457
458
  height: height,
458
459
  backgroundColor: backgroundColor
@@ -471,7 +472,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
471
472
  exports.default = withFixedSizeContainer;
472
473
 
473
474
  /***/ }),
474
- /* 32 */
475
+ /* 33 */
475
476
  /***/ (function(module, exports, __webpack_require__) {
476
477
 
477
478
  "use strict";
@@ -501,7 +502,6 @@ var extendStaticWrapperProps = function extendStaticWrapperProps(_ref) {
501
502
  exports.extendStaticWrapperProps = extendStaticWrapperProps;
502
503
 
503
504
  /***/ }),
504
- /* 33 */,
505
505
  /* 34 */,
506
506
  /* 35 */,
507
507
  /* 36 */,
@@ -542,7 +542,8 @@ exports.extendStaticWrapperProps = extendStaticWrapperProps;
542
542
  /* 71 */,
543
543
  /* 72 */,
544
544
  /* 73 */,
545
- /* 74 */
545
+ /* 74 */,
546
+ /* 75 */
546
547
  /***/ (function(module, exports, __webpack_require__) {
547
548
 
548
549
  "use strict";
@@ -554,25 +555,25 @@ Object.defineProperty(exports, "__esModule", {
554
555
  });
555
556
  var React = __webpack_require__(0);
556
557
  var lodash_1 = __webpack_require__(3);
557
- var getSettingsFromThemedProps_1 = __webpack_require__(75);
558
- var Options_1 = __webpack_require__(76);
559
- var SanitizeProps_1 = __webpack_require__(77);
558
+ var getSettingsFromThemedProps_1 = __webpack_require__(76);
559
+ var Options_1 = __webpack_require__(77);
560
+ var SanitizeProps_1 = __webpack_require__(78);
560
561
  var TimezoneContext_1 = __webpack_require__(20);
561
- var moment_1 = __webpack_require__(78);
562
- var FeatureFlagContext_1 = __webpack_require__(79);
562
+ var moment_1 = __webpack_require__(79);
563
+ var FeatureFlagContext_1 = __webpack_require__(80);
563
564
  var styled_components_1 = __webpack_require__(2);
564
- var hocUtils_1 = __webpack_require__(80);
565
- var JSONSchemaUtils_1 = __webpack_require__(81);
566
- var async_dynamic_options_evaluator_1 = __webpack_require__(82);
567
- var id_1 = __webpack_require__(83);
568
- var SplunkVisualization_1 = __webpack_require__(23);
569
- var VizBehavior_1 = __webpack_require__(30);
570
- var getSorting_1 = __webpack_require__(84);
571
- var getPagination_1 = __webpack_require__(86);
572
- var useDeepMemo_1 = __webpack_require__(87);
573
- var MissingPropsMessage_1 = __webpack_require__(88);
574
- var withEditModeCover_1 = __webpack_require__(90);
575
- var withPlaceholder_1 = __webpack_require__(91);
565
+ var hocUtils_1 = __webpack_require__(81);
566
+ var JSONSchemaUtils_1 = __webpack_require__(82);
567
+ var async_dynamic_options_evaluator_1 = __webpack_require__(83);
568
+ var id_1 = __webpack_require__(84);
569
+ var SplunkVisualization_1 = __webpack_require__(24);
570
+ var VizBehavior_1 = __webpack_require__(31);
571
+ var getSorting_1 = __webpack_require__(85);
572
+ var getPagination_1 = __webpack_require__(87);
573
+ var useDeepMemo_1 = __webpack_require__(88);
574
+ var MissingPropsMessage_1 = __webpack_require__(89);
575
+ var withEditModeCover_1 = __webpack_require__(91);
576
+ var withPlaceholder_1 = __webpack_require__(92);
576
577
  /**
577
578
  * hoc that wraps a pure react visualization in a Dashboard visualization
578
579
  * @param {DashboardVizOpts} opts
@@ -585,8 +586,8 @@ var withDashboardViz = function withDashboardViz(opts) {
585
586
  computeVizProps = _opts$computeVizProps === void 0 ? function () {} : _opts$computeVizProps,
586
587
  disableEditModeCover = opts.disableEditModeCover,
587
588
  useIconPlaceholder = opts.useIconPlaceholder; // sanitizing props before sending them to reactviz.
588
- var SanitizedReactViz = SanitizeProps_1.withSanitizedProps(ReactViz);
589
- var defaultOptions = JSONSchemaUtils_1.pickFieldFromJSONSchema(vizConfig.optionsSchema, 'default');
589
+ var SanitizedReactViz = (0, SanitizeProps_1.withSanitizedProps)(ReactViz);
590
+ var defaultOptions = (0, JSONSchemaUtils_1.pickFieldFromJSONSchema)(vizConfig.optionsSchema, 'default');
590
591
  var DashboardViz = function DashboardViz(props) {
591
592
  var _a;
592
593
  var mode = props.mode,
@@ -621,19 +622,19 @@ var withDashboardViz = function withDashboardViz(opts) {
621
622
  return (_b = (_a = vizConfig.themes)[themeVar]) === null || _b === void 0 ? void 0 : _b.call(_a, props);
622
623
  };
623
624
  var bgColorFromTheme = themeFunc('defaultBackgroundColor');
624
- var _getSettingsFromTheme = getSettingsFromThemedProps_1.default({
625
+ var _ref = (0, getSettingsFromThemedProps_1.default)({
625
626
  theme: theme
626
627
  }),
627
- currentThemeFamily = _getSettingsFromTheme.family,
628
- currentThemeColorScheme = _getSettingsFromTheme.colorScheme,
629
- currentThemeDensity = _getSettingsFromTheme.density;
628
+ currentThemeFamily = _ref.family,
629
+ currentThemeColorScheme = _ref.colorScheme,
630
+ currentThemeDensity = _ref.density;
630
631
  var evaluatedOptions = {}; // evaluatedOptions need to be initialized as an empty object
631
632
  var _React$useState = React.useState({}),
632
633
  _React$useState2 = _slicedToArray(_React$useState, 2),
633
634
  evaluatedOptionsAsync = _React$useState2[0],
634
635
  setEvaluatedOptionsAsync = _React$useState2[1]; // evaluatedOptions need to be initialized as an empty object
635
636
  var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
636
- var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat(id_1.createGUID())),
637
+ var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat((0, id_1.createGUID)())),
637
638
  _React$useState4 = _slicedToArray(_React$useState3, 1),
638
639
  visualizationID = _React$useState4[0];
639
640
  var _React$useState5 = React.useState({}),
@@ -644,16 +645,17 @@ var withDashboardViz = function withDashboardViz(opts) {
644
645
  _React$useState8 = _slicedToArray(_React$useState7, 2),
645
646
  dataFramesInState = _React$useState8[0],
646
647
  setDataFramesInState = _React$useState8[1];
647
- var _React$useState9 = React.useState(Boolean(featureFlagContext && featureFlagContext.visualizations_useWebWorkersForDSL && typeof Worker !== 'undefined')),
648
+ var _React$useState9 = React.useState(Boolean(featureFlagContext === null || featureFlagContext === void 0 ? void 0 : featureFlagContext.visualizations_useWebWorkersForDSL)),
648
649
  _React$useState10 = _slicedToArray(_React$useState9, 2),
649
650
  useAsyncEvaluatedOptions = _React$useState10[0],
650
651
  setUseAsyncEvaluatedOptions = _React$useState10[1];
651
- evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
652
+ var isMounted = React.useRef(true);
653
+ evaluatedOptions = (0, useDeepMemo_1.useDeepMemo)(function () {
652
654
  try {
653
655
  if (useAsyncEvaluatedOptions) {
654
656
  var optionsToEvaluate = {
655
- context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
656
- options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
657
+ context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
658
+ options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
657
659
  };
658
660
  var asyncDynamicOptionsEvaluatorParams = {
659
661
  visualizationID: visualizationID,
@@ -664,10 +666,10 @@ var withDashboardViz = function withDashboardViz(opts) {
664
666
  };
665
667
  async_dynamic_options_evaluator_1.default.evaluate(asyncDynamicOptionsEvaluatorParams).then(function (results) {
666
668
  setEvaluatedOptionsAsync(results.results);
667
- }).catch(function (e) {
668
- // eslint-disable-next-line no-console
669
- console.error("unexpected error evaluating options - async: ".concat(e.message));
670
- setUseAsyncEvaluatedOptions(false);
669
+ }).catch(function () {
670
+ if (isMounted.current) {
671
+ setUseAsyncEvaluatedOptions(false);
672
+ }
671
673
  });
672
674
  } else {
673
675
  var dataFrames = dataFramesInState;
@@ -677,8 +679,8 @@ var withDashboardViz = function withDashboardViz(opts) {
677
679
  setDataFramesInState(dataFrames);
678
680
  }
679
681
  return Options_1.Options.evaluate({
680
- context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
681
- options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
682
+ context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
683
+ options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
682
684
  }, dataSources, themeFunc, dataFrames);
683
685
  }
684
686
  } catch (e) {
@@ -707,6 +709,7 @@ var withDashboardViz = function withDashboardViz(opts) {
707
709
  React.useEffect(function () {
708
710
  return function () {
709
711
  if (useAsyncEvaluatedOptions) {
712
+ isMounted.current = false;
710
713
  async_dynamic_options_evaluator_1.default.reset(visualizationID);
711
714
  }
712
715
  };
@@ -716,7 +719,7 @@ var withDashboardViz = function withDashboardViz(opts) {
716
719
  var _vizConfig$requiredPr = vizConfig.requiredProps,
717
720
  requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
718
721
  supports = vizConfig.supports;
719
- var missing = MissingPropsMessage_1.missingKeys(requiredProps, evaluatedOptionsToUse);
722
+ var missing = (0, MissingPropsMessage_1.missingKeys)(requiredProps, evaluatedOptionsToUse);
720
723
  if (missing.length > 0 && supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && vizConfig.key !== 'splunk.singlevalue' // For SV missing props msg is not displayed if required props majorValue is missing, instead this will be handled from the component, instead handled within component
721
724
  ) {
722
725
  return React.createElement(MissingPropsMessage_1.default, {
@@ -732,7 +735,7 @@ var withDashboardViz = function withDashboardViz(opts) {
732
735
  if (hasEventHandlers && mode === 'view' && vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.EVENTS) > -1) {
733
736
  var supportedEvents = vizConfig.events;
734
737
  Object.keys(supportedEvents).forEach(function (eventName) {
735
- var eventCallbackPropName = lodash_1.camelCase("on.".concat(eventName));
738
+ var eventCallbackPropName = (0, lodash_1.camelCase)("on.".concat(eventName));
736
739
  eventCallbackProps[eventCallbackPropName] = null;
737
740
  // todo: refactor single value and single value icon to send payload from viz
738
741
  // then remove these lines
@@ -775,19 +778,19 @@ var withDashboardViz = function withDashboardViz(opts) {
775
778
  */
776
779
  var dataSourceMetadata = {};
777
780
  var OptionKey = 'paginateDataSourceKey';
778
- var paginateDataSourceKey = lodash_1.has(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
779
- if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && lodash_1.has(dataSources, paginateDataSourceKey)) {
780
- var requestParams = lodash_1.get(dataSources, [paginateDataSourceKey, 'requestParams'], {});
781
- var meta = lodash_1.get(dataSources, [paginateDataSourceKey, 'meta'], {});
781
+ var paginateDataSourceKey = (0, lodash_1.has)(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
782
+ if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && (0, lodash_1.has)(dataSources, paginateDataSourceKey)) {
783
+ var requestParams = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'requestParams'], {});
784
+ var meta = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'meta'], {});
782
785
  var handleRequestParamsChange = function handleRequestParamsChange(payload) {
783
786
  return onRequestParamsChange(paginateDataSourceKey, payload);
784
787
  };
785
- var sortParams = getSorting_1.getSortingParams({
788
+ var sortParams = (0, getSorting_1.getSortingParams)({
786
789
  requestParams: requestParams,
787
790
  meta: meta,
788
791
  onRequestParamsChange: handleRequestParamsChange
789
792
  });
790
- var paginatorParams = getPagination_1.getPaginationParams({
793
+ var paginatorParams = (0, getPagination_1.getPaginationParams)({
791
794
  requestParams: requestParams,
792
795
  meta: meta,
793
796
  onRequestParamsChange: handleRequestParamsChange
@@ -815,66 +818,66 @@ var withDashboardViz = function withDashboardViz(opts) {
815
818
  // attach viz config
816
819
  DashboardViz.config = vizConfig;
817
820
  // @ts-ignore: TODO fix sc upgrade TS issues
818
- return styled_components_1.withTheme(withPlaceholder_1.default(withEditModeCover_1.default(DashboardViz, disableEditModeCover), useIconPlaceholder));
821
+ return (0, styled_components_1.withTheme)((0, withPlaceholder_1.default)((0, withEditModeCover_1.default)(DashboardViz, disableEditModeCover), useIconPlaceholder));
819
822
  };
820
823
  exports.default = withDashboardViz;
821
824
 
822
825
  /***/ }),
823
- /* 75 */
826
+ /* 76 */
824
827
  /***/ (function(module, exports) {
825
828
 
826
829
  module.exports = require("@splunk/themes/getSettingsFromThemedProps");
827
830
 
828
831
  /***/ }),
829
- /* 76 */
832
+ /* 77 */
830
833
  /***/ (function(module, exports) {
831
834
 
832
835
  module.exports = require("@splunk/visualization-encoding/Options");
833
836
 
834
837
  /***/ }),
835
- /* 77 */
838
+ /* 78 */
836
839
  /***/ (function(module, exports) {
837
840
 
838
841
  module.exports = require("@splunk/visualizations-shared/SanitizeProps");
839
842
 
840
843
  /***/ }),
841
- /* 78 */
844
+ /* 79 */
842
845
  /***/ (function(module, exports) {
843
846
 
844
847
  module.exports = require("@splunk/moment");
845
848
 
846
849
  /***/ }),
847
- /* 79 */
850
+ /* 80 */
848
851
  /***/ (function(module, exports) {
849
852
 
850
853
  module.exports = require("@splunk/visualization-context/FeatureFlagContext");
851
854
 
852
855
  /***/ }),
853
- /* 80 */
856
+ /* 81 */
854
857
  /***/ (function(module, exports) {
855
858
 
856
859
  module.exports = require("@splunk/visualizations-shared/hocUtils");
857
860
 
858
861
  /***/ }),
859
- /* 81 */
862
+ /* 82 */
860
863
  /***/ (function(module, exports) {
861
864
 
862
865
  module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
863
866
 
864
867
  /***/ }),
865
- /* 82 */
868
+ /* 83 */
866
869
  /***/ (function(module, exports) {
867
870
 
868
871
  module.exports = require("@splunk/async-dynamic-options-evaluator");
869
872
 
870
873
  /***/ }),
871
- /* 83 */
874
+ /* 84 */
872
875
  /***/ (function(module, exports) {
873
876
 
874
877
  module.exports = require("@splunk/ui-utils/id");
875
878
 
876
879
  /***/ }),
877
- /* 84 */
880
+ /* 85 */
878
881
  /***/ (function(module, exports, __webpack_require__) {
879
882
 
880
883
  "use strict";
@@ -887,7 +890,7 @@ Object.defineProperty(exports, "__esModule", {
887
890
  exports.getSortingParams = exports.SortParamsPropTypes = void 0;
888
891
  var T = __webpack_require__(1);
889
892
  var lodash_1 = __webpack_require__(3);
890
- var DataSource_1 = __webpack_require__(85);
893
+ var DataSource_1 = __webpack_require__(86);
891
894
  exports.SortParamsPropTypes = T.shape({
892
895
  currentSortKey: T.string,
893
896
  currentSortDir: T.oneOf(DataSource_1.validSortDirs),
@@ -905,7 +908,7 @@ var getSortingParams = function getSortingParams(_ref) {
905
908
  };
906
909
  var onSort;
907
910
  if (typeof onRequestParamsChange === 'function') {
908
- if (requestParams && lodash_1.has(requestParams, 'sort')) {
911
+ if (requestParams && (0, lodash_1.has)(requestParams, 'sort')) {
909
912
  currentSortKey = Object.keys(requestParams.sort).shift();
910
913
  currentSortDir = requestParams.sort[currentSortKey];
911
914
  }
@@ -914,7 +917,7 @@ var getSortingParams = function getSortingParams(_ref) {
914
917
  var sortKey = _ref2.sortKey,
915
918
  sortDir = _ref2.sortDir;
916
919
  if (typeof sortKey === 'string') {
917
- var nextSortDir = lodash_1.has(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
920
+ var nextSortDir = (0, lodash_1.has)(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
918
921
  onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
919
922
  offset: 0,
920
923
  sort: _defineProperty({}, sortKey, nextSortDir)
@@ -933,7 +936,7 @@ var getSortingParams = function getSortingParams(_ref) {
933
936
  exports.getSortingParams = getSortingParams;
934
937
 
935
938
  /***/ }),
936
- /* 85 */
939
+ /* 86 */
937
940
  /***/ (function(module, exports, __webpack_require__) {
938
941
 
939
942
  "use strict";
@@ -946,7 +949,7 @@ exports.validSortDirs = void 0;
946
949
  exports.validSortDirs = ['asc', 'desc', 'none'];
947
950
 
948
951
  /***/ }),
949
- /* 86 */
952
+ /* 87 */
950
953
  /***/ (function(module, exports, __webpack_require__) {
951
954
 
952
955
  "use strict";
@@ -977,7 +980,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
977
980
  var onChangeHandler = function onChangeHandler(e, _ref2) {
978
981
  var page = _ref2.page,
979
982
  countArg = _ref2.count;
980
- var newParams = lodash_1.cloneDeep(requestParams);
983
+ var newParams = (0, lodash_1.cloneDeep)(requestParams);
981
984
  if (typeof countArg === 'number') {
982
985
  newParams.count = countArg;
983
986
  newParams.offset = 0;
@@ -999,7 +1002,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
999
1002
  exports.getPaginationParams = getPaginationParams;
1000
1003
 
1001
1004
  /***/ }),
1002
- /* 87 */
1005
+ /* 88 */
1003
1006
  /***/ (function(module, exports, __webpack_require__) {
1004
1007
 
1005
1008
  "use strict";
@@ -1025,8 +1028,8 @@ var lodash_1 = __webpack_require__(3);
1025
1028
  * @param dependencies an array of dependencies
1026
1029
  */
1027
1030
  var useDeepMemo = function useDeepMemo(fn, dependencies) {
1028
- var ref = react_1.useRef();
1029
- if (!ref.current || !lodash_1.isEqual(dependencies, ref.current.dependencies)) {
1031
+ var ref = (0, react_1.useRef)();
1032
+ if (!ref.current || !(0, lodash_1.isEqual)(dependencies, ref.current.dependencies)) {
1030
1033
  ref.current = {
1031
1034
  dependencies: dependencies,
1032
1035
  value: fn()
@@ -1037,7 +1040,7 @@ var useDeepMemo = function useDeepMemo(fn, dependencies) {
1037
1040
  exports.useDeepMemo = useDeepMemo;
1038
1041
 
1039
1042
  /***/ }),
1040
- /* 88 */
1043
+ /* 89 */
1041
1044
  /***/ (function(module, exports, __webpack_require__) {
1042
1045
 
1043
1046
  "use strict";
@@ -1051,7 +1054,7 @@ var React = __webpack_require__(0);
1051
1054
  var T = __webpack_require__(1);
1052
1055
  var i18n_1 = __webpack_require__(7);
1053
1056
  var Message_1 = __webpack_require__(18);
1054
- var FixedSizeContainer_1 = __webpack_require__(31);
1057
+ var FixedSizeContainer_1 = __webpack_require__(32);
1055
1058
  /**
1056
1059
  * @method isMissing
1057
1060
  * @param {any} v
@@ -1069,7 +1072,7 @@ exports.isMissing = isMissing;
1069
1072
  */
1070
1073
  var missingKeys = function missingKeys(keys, target) {
1071
1074
  return keys.filter(function (k) {
1072
- return exports.isMissing(target[k]);
1075
+ return (0, exports.isMissing)(target[k]);
1073
1076
  });
1074
1077
  };
1075
1078
  exports.missingKeys = missingKeys;
@@ -1093,7 +1096,7 @@ var MissingPropsMessage = function MissingPropsMessage(props) {
1093
1096
  "data-test": "message",
1094
1097
  width: width,
1095
1098
  height: height,
1096
- message: i18n_1._("Missing property: ".concat(missingProps.join(', ')))
1099
+ message: (0, i18n_1._)("Missing property: ".concat(missingProps.join(', ')))
1097
1100
  });
1098
1101
  };
1099
1102
  exports.MissingPropsMessage = MissingPropsMessage;
@@ -1102,16 +1105,16 @@ exports.MissingPropsMessage.defaultProps = {
1102
1105
  width: '100%',
1103
1106
  height: 250
1104
1107
  };
1105
- exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
1108
+ exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
1106
1109
 
1107
1110
  /***/ }),
1108
- /* 89 */
1111
+ /* 90 */
1109
1112
  /***/ (function(module, exports) {
1110
1113
 
1111
1114
  module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
1112
1115
 
1113
1116
  /***/ }),
1114
- /* 90 */
1117
+ /* 91 */
1115
1118
  /***/ (function(module, exports, __webpack_require__) {
1116
1119
 
1117
1120
  "use strict";
@@ -1122,13 +1125,13 @@ Object.defineProperty(exports, "__esModule", {
1122
1125
  });
1123
1126
  var React = __webpack_require__(0);
1124
1127
  var styled_components_1 = __webpack_require__(2);
1125
- var hocUtils_1 = __webpack_require__(32);
1128
+ var hocUtils_1 = __webpack_require__(33);
1126
1129
  var Cover = styled_components_1.default.div.withConfig({
1127
1130
  displayName: "withEditModeCover__Cover",
1128
1131
  componentId: "sc-1gsbnxb-0"
1129
1132
  })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
1130
1133
  var Blocker = styled_components_1.default.div.attrs({
1131
- 'data-splunk-visualization-version': "25.13.1 - ea48ec41e"
1134
+ 'data-splunk-visualization-version': "26.0.0 - 2f7458907"
1132
1135
  }).withConfig({
1133
1136
  displayName: "withEditModeCover__Blocker",
1134
1137
  componentId: "sc-1gsbnxb-1"
@@ -1147,7 +1150,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
1147
1150
  "data-test": "edit-mode-cover"
1148
1151
  }));
1149
1152
  };
1150
- hocUtils_1.extendStaticWrapperProps({
1153
+ (0, hocUtils_1.extendStaticWrapperProps)({
1151
1154
  Wrapper: Wrapper,
1152
1155
  Visualization: Visualization
1153
1156
  });
@@ -1156,7 +1159,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
1156
1159
  exports.default = withEditModeCover;
1157
1160
 
1158
1161
  /***/ }),
1159
- /* 91 */
1162
+ /* 92 */
1160
1163
  /***/ (function(module, exports, __webpack_require__) {
1161
1164
 
1162
1165
  "use strict";
@@ -1167,10 +1170,10 @@ Object.defineProperty(exports, "__esModule", {
1167
1170
  });
1168
1171
  var React = __webpack_require__(0);
1169
1172
  var colorUtils_1 = __webpack_require__(14);
1170
- var variables_1 = __webpack_require__(26);
1171
- var IconPlaceholder_1 = __webpack_require__(92);
1172
- var VizBehavior_1 = __webpack_require__(30);
1173
- var hocUtils_1 = __webpack_require__(32);
1173
+ var variables_1 = __webpack_require__(27);
1174
+ var IconPlaceholder_1 = __webpack_require__(93);
1175
+ var VizBehavior_1 = __webpack_require__(31);
1176
+ var hocUtils_1 = __webpack_require__(33);
1174
1177
  var withPlaceholder = function withPlaceholder(Visualization) {
1175
1178
  var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
1176
1179
  var config = Visualization.config;
@@ -1183,7 +1186,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
1183
1186
  height = props.height,
1184
1187
  width = props.width;
1185
1188
  var showPlaceholder = useIconPlaceholder(dataSources, loading, options);
1186
- var bgColorFromTheme = colorUtils_1.isColor(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
1189
+ var bgColorFromTheme = (0, colorUtils_1.isColor)(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
1187
1190
  var icon = (_b = config.placeholderIcon) !== null && _b !== void 0 ? _b : config.icon;
1188
1191
  var iconColor = variables_1.default.contentColorActive(props);
1189
1192
  if (config.supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && showPlaceholder) {
@@ -1198,7 +1201,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
1198
1201
  }
1199
1202
  return React.createElement(Visualization, Object.assign({}, props));
1200
1203
  };
1201
- hocUtils_1.extendStaticWrapperProps({
1204
+ (0, hocUtils_1.extendStaticWrapperProps)({
1202
1205
  Wrapper: Wrapper,
1203
1206
  Visualization: Visualization
1204
1207
  });
@@ -1207,7 +1210,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
1207
1210
  exports.default = withPlaceholder;
1208
1211
 
1209
1212
  /***/ }),
1210
- /* 92 */
1213
+ /* 93 */
1211
1214
  /***/ (function(module, exports, __webpack_require__) {
1212
1215
 
1213
1216
  "use strict";
@@ -1222,7 +1225,7 @@ var T = __webpack_require__(1);
1222
1225
  var lodash_1 = __webpack_require__(3);
1223
1226
  var i18n_1 = __webpack_require__(7);
1224
1227
  var Message_1 = __webpack_require__(18);
1225
- var FixedSizeContainer_1 = __webpack_require__(31);
1228
+ var FixedSizeContainer_1 = __webpack_require__(32);
1226
1229
  /**
1227
1230
  * @method shouldShowIconPlaceholder
1228
1231
  * @param {object} dataSources
@@ -1231,9 +1234,9 @@ var FixedSizeContainer_1 = __webpack_require__(31);
1231
1234
  */
1232
1235
  var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
1233
1236
  var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
1234
- var data = lodash_1.get(dataSources, 'primary.data.columns[0]', undefined);
1237
+ var data = (0, lodash_1.get)(dataSources, 'primary.data.columns[0]', undefined);
1235
1238
  var noData = data === undefined;
1236
- var fields = lodash_1.get(dataSources, 'primary.data.fields[0]', undefined);
1239
+ var fields = (0, lodash_1.get)(dataSources, 'primary.data.fields[0]', undefined);
1237
1240
  var noFields = fields === undefined;
1238
1241
  return loading || noData || noFields;
1239
1242
  };
@@ -1274,7 +1277,7 @@ var IconPlaceholder = function IconPlaceholder(props) {
1274
1277
  width: width,
1275
1278
  height: height,
1276
1279
  level: "warning",
1277
- message: i18n_1._('No DataSource Connected')
1280
+ message: (0, i18n_1._)('No DataSource Connected')
1278
1281
  });
1279
1282
  };
1280
1283
  IconPlaceholder.propTypes = propTypes;
@@ -1282,7 +1285,7 @@ IconPlaceholder.defaultProps = {
1282
1285
  width: '100%',
1283
1286
  height: 250
1284
1287
  };
1285
- exports.default = FixedSizeContainer_1.default(IconPlaceholder);
1288
+ exports.default = (0, FixedSizeContainer_1.default)(IconPlaceholder);
1286
1289
 
1287
1290
  /***/ })
1288
1291
  /******/ ]);