@splunk/visualizations 24.4.0 → 24.5.2

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 (125) hide show
  1. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Area_Editor.png +0 -0
  2. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Bar_Editor.png +0 -0
  3. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Bubble_Editor.png +0 -0
  4. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_ChoroplethSvg_Editor.png +0 -0
  5. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Column_Editor.png +0 -0
  6. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Ellipse_Editor.png +0 -0
  7. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_FillerGauge_Editor.png +0 -0
  8. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Image_Editor.png +0 -0
  9. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Line_Editor.png +0 -0
  10. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_LinkGraph_Editor.png +0 -0
  11. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Map_Editor.png +0 -0
  12. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Markdown_Editor.png +0 -0
  13. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_MarkerGauge_Editor.png +0 -0
  14. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Parallel_Coordinates_Editor.png +0 -0
  15. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Pie_Editor.png +0 -0
  16. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Punchcard_Editor.png +0 -0
  17. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Rectangle_Editor.png +0 -0
  18. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Sankey_Editor.png +0 -0
  19. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Scatter_Editor.png +0 -0
  20. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Single_Value_Editor.png +0 -0
  21. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Single_Value_Icon_Editor.png +0 -0
  22. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Single_Value_Radial_Editor.png +0 -0
  23. package/.loki/reference/chrome_docker_VisualizationEditors_Editors_Table_Editor.png +0 -0
  24. package/.loki/reference/chrome_docker_Visualizations_Choropleth_Svg_Choropleth_Svg_Placeholder_If_No_Svg_And_No_Data.png +0 -0
  25. package/.loki/reference/chrome_docker_Visualizations_Map_Map_Bubble_Layer_Geostats_By_GET_Dynamic_Coloring.png +0 -0
  26. package/.loki/reference/chrome_docker_Visualizations_Map_Map_Bubble_Layer_Geostats_By_Internal_Fields.png +0 -0
  27. package/.loki/reference/chrome_docker_Visualizations_Map_Map_Bubble_Layer_Geostats_By_Mostly_null.png +0 -0
  28. package/.loki/reference/chrome_docker_Visualizations_Map_Map_Bubble_Layer_Geostats_Dynamic_Coloring.png +0 -0
  29. package/.loki/reference/chrome_docker_Visualizations_Map_Map_Marker_layer.png +0 -0
  30. package/.loki/reference/chrome_docker_Visualizations_Map_Map_Marker_layer_Dynamic_coloring.png +0 -0
  31. package/.loki/reference/chrome_docker_Visualizations_Map_Map_Marker_layer_Result_Limit_Set_To_3.png +0 -0
  32. package/.loki/reference/chrome_docker_Visualizations_Markdown_Markdown_Background_Color_af575a.png +0 -0
  33. package/.loki/reference/chrome_docker_Visualizations_Markdown_Markdown_Basic_Markdown.png +0 -0
  34. package/.loki/reference/chrome_docker_Visualizations_Markdown_Markdown_Begin_with_Text_Instead_of_Header.png +0 -0
  35. package/.loki/reference/chrome_docker_Visualizations_Markdown_Markdown_Font_Color_purple.png +0 -0
  36. package/.loki/reference/chrome_docker_Visualizations_Markdown_Markdown_Font_Size_extraLarge.png +0 -0
  37. package/.loki/reference/chrome_docker_Visualizations_Pie_Pie_Placeholder_if_empty_columns_and_fields.png +0 -0
  38. package/.loki/reference/chrome_docker_Visualizations_Pie_Pie_Placeholder_if_invalid_label_data_specified.png +0 -0
  39. package/.loki/reference/chrome_docker_Visualizations_Pie_Pie_Placeholder_if_invalid_value_data_specified.png +0 -0
  40. package/.loki/reference/chrome_docker_Visualizations_Pie_Pie_Placeholder_if_missing_column.png +0 -0
  41. package/.loki/reference/chrome_docker_Visualizations_Single_Value_Icon_Single_Value_Icon_Use_Time_Type_Series_Data.png +0 -0
  42. package/.loki/reference/chrome_docker_Visualizations_Single_Value_Single_Value_Use_Time_Type_Series_Data.png +0 -0
  43. package/.loki/reference/chrome_docker_Visualizations_Table_Table_Cell_Types.png +0 -0
  44. package/.loki/reference/chrome_docker_Visualizations_Table_Table_Header_Visibility_fixed.png +0 -0
  45. package/.loki/reference/chrome_docker_Visualizations_Table_Table_Sparkline.png +0 -0
  46. package/.loki/reference/chrome_docker_Visualizations_Table_Table_Sparkline_Custom.png +0 -0
  47. package/.loki/reference/chrome_docker_Visualizations_Table_Table_Sparklines_Adv.png +0 -0
  48. package/.loki/reference/chrome_docker_Visualizations_Table_Table_Time_Zone_Time_Formatting.png +0 -0
  49. package/Area.js +246 -218
  50. package/Area.js.map +1 -1
  51. package/Bar.js +238 -210
  52. package/Bar.js.map +1 -1
  53. package/Bubble.js +231 -203
  54. package/Bubble.js.map +1 -1
  55. package/ChoroplethSvg.js +230 -197
  56. package/ChoroplethSvg.js.map +1 -1
  57. package/Column.js +238 -210
  58. package/Column.js.map +1 -1
  59. package/Ellipse.js +203 -170
  60. package/Ellipse.js.map +1 -1
  61. package/FillerGauge.js +222 -189
  62. package/FillerGauge.js.map +1 -1
  63. package/Image.js +199 -164
  64. package/Image.js.map +1 -1
  65. package/Line.js +239 -211
  66. package/Line.js.map +1 -1
  67. package/LinkGraph.js +264 -223
  68. package/LinkGraph.js.map +1 -1
  69. package/Map.config.js +39 -25
  70. package/Map.config.js.map +1 -1
  71. package/Map.js +460 -334
  72. package/Map.js.map +1 -1
  73. package/Markdown.config.js +29 -1
  74. package/Markdown.config.js.map +1 -1
  75. package/Markdown.js +513 -267
  76. package/Markdown.js.map +1 -1
  77. package/MarkerGauge.js +941 -906
  78. package/MarkerGauge.js.map +1 -1
  79. package/ParallelCoordinates.js +230 -196
  80. package/ParallelCoordinates.js.map +1 -1
  81. package/Pie.js +309 -249
  82. package/Pie.js.map +1 -1
  83. package/Punchcard.js +263 -229
  84. package/Punchcard.js.map +1 -1
  85. package/Rectangle.js +217 -182
  86. package/Rectangle.js.map +1 -1
  87. package/Sankey.js +269 -230
  88. package/Sankey.js.map +1 -1
  89. package/Scatter.js +314 -286
  90. package/Scatter.js.map +1 -1
  91. package/SingleValue.js +398 -363
  92. package/SingleValue.js.map +1 -1
  93. package/SingleValueBasic.js +25 -25
  94. package/SingleValueBasic.js.map +1 -1
  95. package/SingleValueIcon.js +2821 -2653
  96. package/SingleValueIcon.js.map +1 -1
  97. package/SingleValueRadial.js +359 -324
  98. package/SingleValueRadial.js.map +1 -1
  99. package/Table.config.js +2 -1
  100. package/Table.config.js.map +1 -1
  101. package/Table.js +629 -347
  102. package/Table.js.map +1 -1
  103. package/common/Charting.js +21 -21
  104. package/common/Charting.js.map +1 -1
  105. package/common/ChartingApi.js +2 -2
  106. package/common/ChartingApi.js.map +1 -1
  107. package/common/EventsDoc.js +18 -18
  108. package/common/EventsDoc.js.map +1 -1
  109. package/common/GaugeMajorTicks.js +10 -10
  110. package/common/GaugeMajorTicks.js.map +1 -1
  111. package/common/GaugeValueMarker.js +10 -10
  112. package/common/GaugeValueMarker.js.map +1 -1
  113. package/common/OptionsDoc.js +217 -174
  114. package/common/OptionsDoc.js.map +1 -1
  115. package/common/SplunkVisualization.js +4 -4
  116. package/common/SplunkVisualization.js.map +1 -1
  117. package/common/ThemesDoc.js +26 -26
  118. package/common/ThemesDoc.js.map +1 -1
  119. package/common/chartingUtils.js +3 -3
  120. package/common/chartingUtils.js.map +1 -1
  121. package/common/gaugeUtils.js +2 -2
  122. package/common/shapeUtils.js +2 -2
  123. package/common/withDashboardViz.js +80 -48
  124. package/common/withDashboardViz.js.map +1 -1
  125. package/package.json +13 -11
package/SingleValue.js CHANGED
@@ -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 = 249);
90
+ /******/ return __webpack_require__(__webpack_require__.s = 252);
91
91
  /******/ })
92
92
  /************************************************************************/
93
93
  /******/ ({
@@ -113,7 +113,7 @@ module.exports = require("@babel/runtime/helpers/classCallCheck");
113
113
 
114
114
  /***/ }),
115
115
 
116
- /***/ 106:
116
+ /***/ 108:
117
117
  /***/ (function(module, exports, __webpack_require__) {
118
118
 
119
119
  "use strict";
@@ -158,7 +158,7 @@ exports.defaultContext = {
158
158
 
159
159
  /***/ }),
160
160
 
161
- /***/ 107:
161
+ /***/ 109:
162
162
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
163
163
 
164
164
  "use strict";
@@ -346,7 +346,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
346
346
 
347
347
  return React.createElement(FixSizeItem, {
348
348
  "data-test": "fix-size-item",
349
- "data-splunk-visualization-version": "24.4.0 - 98920928c",
349
+ "data-splunk-visualization-version": "24.5.2 - c5ebe25a8",
350
350
  width: width,
351
351
  height: height,
352
352
  backgroundColor: backgroundColor
@@ -431,17 +431,17 @@ __webpack_require__.r(__webpack_exports__);
431
431
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lighten", function() { return lighten; });
432
432
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "darken", function() { return darken; });
433
433
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "handleValueClickCallback", function() { return handleValueClickCallback; });
434
- /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8);
434
+ /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7);
435
435
  /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
436
436
  /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
437
437
  /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
438
- /* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(22);
438
+ /* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(23);
439
439
  /* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__);
440
- /* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(45);
440
+ /* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(47);
441
441
  /* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__);
442
- /* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(19);
442
+ /* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(20);
443
443
  /* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__);
444
- /* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(40);
444
+ /* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(42);
445
445
  /* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__);
446
446
 
447
447
 
@@ -1408,7 +1408,7 @@ var handleValueClickCallback = function handleValueClickCallback(ev, majorValue,
1408
1408
  /***/ 19:
1409
1409
  /***/ (function(module, exports) {
1410
1410
 
1411
- module.exports = require("@splunk/visualizations-shared/propUtils");
1411
+ module.exports = require("@splunk/visualization-context/TimezoneContext");
1412
1412
 
1413
1413
  /***/ }),
1414
1414
 
@@ -1422,25 +1422,32 @@ module.exports = require("lodash");
1422
1422
  /***/ 20:
1423
1423
  /***/ (function(module, exports) {
1424
1424
 
1425
- module.exports = require("@babel/runtime/helpers/typeof");
1425
+ module.exports = require("@splunk/visualizations-shared/propUtils");
1426
1426
 
1427
1427
  /***/ }),
1428
1428
 
1429
1429
  /***/ 21:
1430
1430
  /***/ (function(module, exports) {
1431
1431
 
1432
- module.exports = require("@splunk/themes/pick");
1432
+ module.exports = require("@babel/runtime/helpers/typeof");
1433
1433
 
1434
1434
  /***/ }),
1435
1435
 
1436
1436
  /***/ 22:
1437
1437
  /***/ (function(module, exports) {
1438
1438
 
1439
- module.exports = require("@splunk/visualizations-shared/numberUtils");
1439
+ module.exports = require("@splunk/themes/pick");
1440
1440
 
1441
1441
  /***/ }),
1442
1442
 
1443
1443
  /***/ 23:
1444
+ /***/ (function(module, exports) {
1445
+
1446
+ module.exports = require("@splunk/visualizations-shared/numberUtils");
1447
+
1448
+ /***/ }),
1449
+
1450
+ /***/ 24:
1444
1451
  /***/ (function(module, exports, __webpack_require__) {
1445
1452
 
1446
1453
  "use strict";
@@ -1474,78 +1481,99 @@ exports.pickFieldFromJSONSchema = pickFieldFromJSONSchema;
1474
1481
 
1475
1482
  /***/ }),
1476
1483
 
1477
- /***/ 24:
1484
+ /***/ 25:
1478
1485
  /***/ (function(module, exports, __webpack_require__) {
1479
1486
 
1480
1487
  "use strict";
1481
1488
 
1482
1489
 
1483
- var _defineProperty = __webpack_require__(8);
1484
-
1485
1490
  Object.defineProperty(exports, "__esModule", {
1486
1491
  value: true
1487
1492
  });
1488
- exports.getSortingParams = exports.SortParamsPropTypes = void 0;
1493
+ exports.shouldShowIconPlaceholder = void 0;
1494
+
1495
+ var React = __webpack_require__(1);
1489
1496
 
1490
1497
  var T = __webpack_require__(0);
1491
1498
 
1492
1499
  var lodash_1 = __webpack_require__(2);
1493
1500
 
1494
- var DataSource_1 = __webpack_require__(34);
1501
+ var i18n_1 = __webpack_require__(3);
1495
1502
 
1496
- exports.SortParamsPropTypes = T.shape({
1497
- currentSortKey: T.string,
1498
- currentSortDir: T.oneOf(DataSource_1.validSortDirs),
1499
- onSort: T.func
1500
- });
1503
+ var Message_1 = __webpack_require__(9);
1501
1504
 
1502
- var getSortingParams = function getSortingParams(_ref) {
1503
- var requestParams = _ref.requestParams,
1504
- onRequestParamsChange = _ref.onRequestParamsChange;
1505
- var currentSortKey;
1506
- var currentSortDir;
1507
- var nextSortDirMap = {
1508
- asc: 'desc',
1509
- desc: 'asc',
1510
- none: 'asc'
1511
- };
1512
- var onSort;
1505
+ var FixedSizeContainer_1 = __webpack_require__(13);
1506
+ /**
1507
+ * @method shouldShowIconPlaceholder
1508
+ * @param {object} dataSources
1509
+ * @param {boolean} loading
1510
+ * @returns {boolean}
1511
+ */
1513
1512
 
1514
- if (lodash_1.isFunction(onRequestParamsChange)) {
1515
- if (requestParams && lodash_1.has(requestParams, 'sort')) {
1516
- currentSortKey = Object.keys(requestParams.sort).shift();
1517
- currentSortDir = requestParams.sort[currentSortKey];
1518
- } // undid memoization since there is a dependency on requestParams, which is a deeply nested object
1519
1513
 
1514
+ var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
1515
+ var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
1516
+ var data = lodash_1.get(dataSources, 'primary.data.columns[0]', undefined);
1517
+ var noData = data === undefined;
1518
+ var fields = lodash_1.get(dataSources, 'primary.data.fields[0]', undefined);
1519
+ var noFields = fields === undefined;
1520
+ return loading || noData || noFields;
1521
+ };
1520
1522
 
1521
- onSort = function onSort(e, _ref2) {
1522
- var sortKey = _ref2.sortKey,
1523
- sortDir = _ref2.sortDir;
1523
+ exports.shouldShowIconPlaceholder = shouldShowIconPlaceholder;
1524
+ var propTypes = {
1525
+ icon: T.func,
1526
+ width: T.oneOfType([T.string, T.number]),
1527
+ height: T.oneOfType([T.string, T.number]),
1528
+ // eslint-disable-next-line react/no-unused-prop-types
1529
+ backgroundColor: T.string,
1530
+ iconColor: T.string
1531
+ };
1532
+ /**
1533
+ * @method IconPlaceholder
1534
+ * @param {IconPlaceholderProps} props
1535
+ * @returns {React.ReactElement}
1536
+ */
1524
1537
 
1525
- if (typeof sortKey === 'string') {
1526
- var nextSortDir = lodash_1.has(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
1527
- onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
1528
- offset: 0,
1529
- sort: _defineProperty({}, sortKey, nextSortDir)
1530
- }));
1531
- } else {
1532
- onRequestParamsChange(requestParams);
1533
- }
1534
- };
1538
+ var IconPlaceholder = function IconPlaceholder(props) {
1539
+ var width = props.width,
1540
+ height = props.height,
1541
+ icon = props.icon,
1542
+ iconColor = props.iconColor;
1543
+
1544
+ if (icon) {
1545
+ return React.createElement(icon, {
1546
+ style: {
1547
+ left: '50%',
1548
+ top: '50%',
1549
+ color: iconColor,
1550
+ opacity: 0.15,
1551
+ position: 'absolute',
1552
+ transform: 'translate(-50%, -50%)'
1553
+ },
1554
+ width: '50%',
1555
+ height: '50%'
1556
+ });
1535
1557
  }
1536
1558
 
1537
- return {
1538
- currentSortKey: currentSortKey,
1539
- currentSortDir: currentSortDir,
1540
- onSort: onSort
1541
- };
1559
+ return React.createElement(Message_1.default, {
1560
+ width: width,
1561
+ height: height,
1562
+ level: "warning",
1563
+ message: i18n_1._('No DataSource Connected')
1564
+ });
1542
1565
  };
1543
1566
 
1544
- exports.getSortingParams = getSortingParams;
1567
+ IconPlaceholder.propTypes = propTypes;
1568
+ IconPlaceholder.defaultProps = {
1569
+ width: '100%',
1570
+ height: 250
1571
+ };
1572
+ exports.default = FixedSizeContainer_1.default(IconPlaceholder);
1545
1573
 
1546
1574
  /***/ }),
1547
1575
 
1548
- /***/ 249:
1576
+ /***/ 252:
1549
1577
  /***/ (function(module, exports, __webpack_require__) {
1550
1578
 
1551
1579
  "use strict";
@@ -1556,13 +1584,13 @@ Object.defineProperty(exports, "__esModule", {
1556
1584
  });
1557
1585
  exports.themes = exports.computeVizProps = exports.PureSingleValue = exports.config = void 0;
1558
1586
 
1559
- var SingleValue_1 = __webpack_require__(272);
1587
+ var SingleValue_1 = __webpack_require__(276);
1560
1588
 
1561
- var withDashboardViz_1 = __webpack_require__(28);
1589
+ var withDashboardViz_1 = __webpack_require__(29);
1562
1590
 
1563
1591
  var singleValueUtils_1 = __webpack_require__(18);
1564
1592
 
1565
- var config_1 = __webpack_require__(250);
1593
+ var config_1 = __webpack_require__(253);
1566
1594
 
1567
1595
  exports.config = config_1.default;
1568
1596
  exports.PureSingleValue = SingleValue_1.default;
@@ -1601,72 +1629,7 @@ exports.default = viz;
1601
1629
 
1602
1630
  /***/ }),
1603
1631
 
1604
- /***/ 25:
1605
- /***/ (function(module, exports, __webpack_require__) {
1606
-
1607
- "use strict";
1608
-
1609
-
1610
- Object.defineProperty(exports, "__esModule", {
1611
- value: true
1612
- });
1613
- exports.getPaginationParams = exports.PaginatorParamsPropTypes = void 0;
1614
-
1615
- var T = __webpack_require__(0);
1616
-
1617
- var lodash_1 = __webpack_require__(2);
1618
-
1619
- exports.PaginatorParamsPropTypes = T.shape({
1620
- isPaging: T.bool,
1621
- current: T.number,
1622
- totalPages: T.number,
1623
- onChange: T.func
1624
- });
1625
-
1626
- var getPaginationParams = function getPaginationParams(_ref) {
1627
- var requestParams = _ref.requestParams,
1628
- meta = _ref.meta,
1629
- onRequestParamsChange = _ref.onRequestParamsChange;
1630
- var totalCount = meta && meta.totalCount || 0;
1631
- var offset = requestParams && requestParams.offset || 0;
1632
- var count = requestParams && requestParams.count;
1633
- var totalPages = typeof count === 'number' && count > 0 ? Math.ceil(totalCount / count) : 0;
1634
- var current = typeof count === 'number' && count > 0 ? Math.floor(offset / count) + 1 : 0;
1635
- var isPaging = totalPages > 1 && lodash_1.isFunction(onRequestParamsChange);
1636
-
1637
- var onChangeHandler = function onChangeHandler(e, _ref2) {
1638
- var page = _ref2.page,
1639
- countArg = _ref2.count;
1640
- var newParams = lodash_1.cloneDeep(requestParams);
1641
-
1642
- if (typeof countArg === 'number') {
1643
- newParams.count = countArg;
1644
- newParams.offset = 0;
1645
- }
1646
-
1647
- var pageCount = typeof newParams.count === 'number' ? newParams.count : 10;
1648
-
1649
- if (typeof page === 'number' && page > 0) {
1650
- newParams.count = pageCount;
1651
- newParams.offset = (page - 1) * pageCount;
1652
- }
1653
-
1654
- onRequestParamsChange(newParams);
1655
- };
1656
-
1657
- return {
1658
- isPaging: isPaging,
1659
- current: current,
1660
- totalPages: totalPages,
1661
- onChange: lodash_1.isFunction(onRequestParamsChange) ? onChangeHandler : lodash_1.noop
1662
- };
1663
- };
1664
-
1665
- exports.getPaginationParams = getPaginationParams;
1666
-
1667
- /***/ }),
1668
-
1669
- /***/ 250:
1632
+ /***/ 253:
1670
1633
  /***/ (function(module, exports, __webpack_require__) {
1671
1634
 
1672
1635
  "use strict";
@@ -1680,39 +1643,39 @@ var i18n_1 = __webpack_require__(3);
1680
1643
 
1681
1644
  var schemaUtils_1 = __webpack_require__(15);
1682
1645
 
1683
- var PresetPalettes_1 = __webpack_require__(50);
1646
+ var PresetPalettes_1 = __webpack_require__(52);
1684
1647
 
1685
- var variables_1 = __webpack_require__(251);
1648
+ var variables_1 = __webpack_require__(254);
1686
1649
 
1687
- var pick_1 = __webpack_require__(21);
1650
+ var pick_1 = __webpack_require__(22);
1688
1651
 
1689
1652
  var variables_2 = __webpack_require__(11);
1690
1653
 
1691
- var visualization_icons_1 = __webpack_require__(43);
1654
+ var visualization_icons_1 = __webpack_require__(45);
1692
1655
 
1693
- var placeholders_1 = __webpack_require__(42);
1656
+ var placeholders_1 = __webpack_require__(44);
1694
1657
 
1695
- var singleValueContext_1 = __webpack_require__(106);
1658
+ var singleValueContext_1 = __webpack_require__(108);
1696
1659
 
1697
1660
  var VizBehavior_1 = __webpack_require__(5);
1698
1661
 
1699
- var DynamicMajorColorEditor_1 = __webpack_require__(77);
1662
+ var DynamicMajorColorEditor_1 = __webpack_require__(79);
1700
1663
 
1701
- var DynamicTrendColorEditor_1 = __webpack_require__(78);
1664
+ var DynamicTrendColorEditor_1 = __webpack_require__(80);
1702
1665
 
1703
- var DynamicBackgroundColorEditor_1 = __webpack_require__(79);
1666
+ var DynamicBackgroundColorEditor_1 = __webpack_require__(81);
1704
1667
 
1705
- var StaticMajorAndTrendLayout_1 = __webpack_require__(107);
1668
+ var StaticMajorAndTrendLayout_1 = __webpack_require__(109);
1706
1669
 
1707
- var StaticMajorColorEditor_1 = __webpack_require__(80);
1670
+ var StaticMajorColorEditor_1 = __webpack_require__(82);
1708
1671
 
1709
- var StaticTrendColorEditor_1 = __webpack_require__(81);
1672
+ var StaticTrendColorEditor_1 = __webpack_require__(83);
1710
1673
 
1711
- var StaticBackgroundColorEditor_1 = __webpack_require__(69);
1674
+ var StaticBackgroundColorEditor_1 = __webpack_require__(71);
1712
1675
 
1713
1676
  var configUtils_1 = __webpack_require__(6);
1714
1677
 
1715
- var VizCategory_1 = __webpack_require__(27);
1678
+ var VizCategory_1 = __webpack_require__(28);
1716
1679
 
1717
1680
  var dataContract = {
1718
1681
  requiredDataSources: [{
@@ -2192,7 +2155,7 @@ exports.default = configUtils_1.enhanceConfig(config);
2192
2155
 
2193
2156
  /***/ }),
2194
2157
 
2195
- /***/ 251:
2158
+ /***/ 254:
2196
2159
  /***/ (function(module, exports) {
2197
2160
 
2198
2161
  module.exports = require("@splunk/visualization-themes/variables");
@@ -2205,122 +2168,137 @@ module.exports = require("@splunk/visualization-themes/variables");
2205
2168
  "use strict";
2206
2169
 
2207
2170
 
2171
+ var _defineProperty = __webpack_require__(7);
2172
+
2208
2173
  Object.defineProperty(exports, "__esModule", {
2209
2174
  value: true
2210
2175
  });
2211
- exports.shouldShowIconPlaceholder = void 0;
2212
-
2213
- var React = __webpack_require__(1);
2176
+ exports.getSortingParams = exports.SortParamsPropTypes = void 0;
2214
2177
 
2215
2178
  var T = __webpack_require__(0);
2216
2179
 
2217
2180
  var lodash_1 = __webpack_require__(2);
2218
2181
 
2219
- var i18n_1 = __webpack_require__(3);
2220
-
2221
- var Message_1 = __webpack_require__(9);
2182
+ var DataSource_1 = __webpack_require__(36);
2222
2183
 
2223
- var FixedSizeContainer_1 = __webpack_require__(13);
2224
- /**
2225
- * @method shouldShowIconPlaceholder
2226
- * @param {object} dataSources
2227
- * @param {boolean} loading
2228
- * @returns {boolean}
2229
- */
2184
+ exports.SortParamsPropTypes = T.shape({
2185
+ currentSortKey: T.string,
2186
+ currentSortDir: T.oneOf(DataSource_1.validSortDirs),
2187
+ onSort: T.func
2188
+ });
2230
2189
 
2190
+ var getSortingParams = function getSortingParams(_ref) {
2191
+ var requestParams = _ref.requestParams,
2192
+ onRequestParamsChange = _ref.onRequestParamsChange;
2193
+ var currentSortKey;
2194
+ var currentSortDir;
2195
+ var nextSortDirMap = {
2196
+ asc: 'desc',
2197
+ desc: 'asc',
2198
+ none: 'asc'
2199
+ };
2200
+ var onSort;
2231
2201
 
2232
- var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
2233
- var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
2234
- var data = lodash_1.get(dataSources, 'primary.data.columns[0]', undefined);
2235
- var noData = data === undefined;
2236
- var fields = lodash_1.get(dataSources, 'primary.data.fields[0]', undefined);
2237
- var noFields = fields === undefined;
2238
- return loading || noData || noFields;
2239
- };
2202
+ if (lodash_1.isFunction(onRequestParamsChange)) {
2203
+ if (requestParams && lodash_1.has(requestParams, 'sort')) {
2204
+ currentSortKey = Object.keys(requestParams.sort).shift();
2205
+ currentSortDir = requestParams.sort[currentSortKey];
2206
+ } // undid memoization since there is a dependency on requestParams, which is a deeply nested object
2240
2207
 
2241
- exports.shouldShowIconPlaceholder = shouldShowIconPlaceholder;
2242
- var propTypes = {
2243
- icon: T.func,
2244
- width: T.oneOfType([T.string, T.number]),
2245
- height: T.oneOfType([T.string, T.number]),
2246
- // eslint-disable-next-line react/no-unused-prop-types
2247
- backgroundColor: T.string,
2248
- iconColor: T.string
2249
- };
2250
- /**
2251
- * @method IconPlaceholder
2252
- * @param {IconPlaceholderProps} props
2253
- * @returns {React.ReactElement}
2254
- */
2255
2208
 
2256
- var IconPlaceholder = function IconPlaceholder(props) {
2257
- var width = props.width,
2258
- height = props.height,
2259
- icon = props.icon,
2260
- iconColor = props.iconColor;
2209
+ onSort = function onSort(e, _ref2) {
2210
+ var sortKey = _ref2.sortKey,
2211
+ sortDir = _ref2.sortDir;
2261
2212
 
2262
- if (icon) {
2263
- return React.createElement(icon, {
2264
- style: {
2265
- left: '50%',
2266
- top: '50%',
2267
- color: iconColor,
2268
- opacity: 0.15,
2269
- position: 'absolute',
2270
- transform: 'translate(-50%, -50%)'
2271
- },
2272
- width: '50%',
2273
- height: '50%'
2274
- });
2213
+ if (typeof sortKey === 'string') {
2214
+ var nextSortDir = lodash_1.has(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
2215
+ onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
2216
+ offset: 0,
2217
+ sort: _defineProperty({}, sortKey, nextSortDir)
2218
+ }));
2219
+ } else {
2220
+ onRequestParamsChange(requestParams);
2221
+ }
2222
+ };
2275
2223
  }
2276
2224
 
2277
- return React.createElement(Message_1.default, {
2278
- width: width,
2279
- height: height,
2280
- level: "warning",
2281
- message: i18n_1._('No DataSource Connected')
2282
- });
2225
+ return {
2226
+ currentSortKey: currentSortKey,
2227
+ currentSortDir: currentSortDir,
2228
+ onSort: onSort
2229
+ };
2283
2230
  };
2284
2231
 
2285
- IconPlaceholder.propTypes = propTypes;
2286
- IconPlaceholder.defaultProps = {
2287
- width: '100%',
2288
- height: 250
2289
- };
2290
- exports.default = FixedSizeContainer_1.default(IconPlaceholder);
2232
+ exports.getSortingParams = getSortingParams;
2291
2233
 
2292
2234
  /***/ }),
2293
2235
 
2294
- /***/ 27:
2295
- /***/ (function(module, exports, __webpack_require__) {
2236
+ /***/ 27:
2237
+ /***/ (function(module, exports, __webpack_require__) {
2238
+
2239
+ "use strict";
2240
+
2241
+
2242
+ Object.defineProperty(exports, "__esModule", {
2243
+ value: true
2244
+ });
2245
+ exports.getPaginationParams = exports.PaginatorParamsPropTypes = void 0;
2246
+
2247
+ var T = __webpack_require__(0);
2248
+
2249
+ var lodash_1 = __webpack_require__(2);
2250
+
2251
+ exports.PaginatorParamsPropTypes = T.shape({
2252
+ isPaging: T.bool,
2253
+ current: T.number,
2254
+ totalPages: T.number,
2255
+ onChange: T.func
2256
+ });
2257
+
2258
+ var getPaginationParams = function getPaginationParams(_ref) {
2259
+ var requestParams = _ref.requestParams,
2260
+ meta = _ref.meta,
2261
+ onRequestParamsChange = _ref.onRequestParamsChange;
2262
+ var totalCount = meta && meta.totalCount || 0;
2263
+ var offset = requestParams && requestParams.offset || 0;
2264
+ var count = requestParams && requestParams.count;
2265
+ var totalPages = typeof count === 'number' && count > 0 ? Math.ceil(totalCount / count) : 0;
2266
+ var current = typeof count === 'number' && count > 0 ? Math.floor(offset / count) + 1 : 0;
2267
+ var isPaging = totalPages > 1 && lodash_1.isFunction(onRequestParamsChange);
2268
+
2269
+ var onChangeHandler = function onChangeHandler(e, _ref2) {
2270
+ var page = _ref2.page,
2271
+ countArg = _ref2.count;
2272
+ var newParams = lodash_1.cloneDeep(requestParams);
2273
+
2274
+ if (typeof countArg === 'number') {
2275
+ newParams.count = countArg;
2276
+ newParams.offset = 0;
2277
+ }
2278
+
2279
+ var pageCount = typeof newParams.count === 'number' ? newParams.count : 10;
2296
2280
 
2297
- "use strict";
2281
+ if (typeof page === 'number' && page > 0) {
2282
+ newParams.count = pageCount;
2283
+ newParams.offset = (page - 1) * pageCount;
2284
+ }
2298
2285
 
2286
+ onRequestParamsChange(newParams);
2287
+ };
2299
2288
 
2300
- Object.defineProperty(exports, "__esModule", {
2301
- value: true
2302
- });
2303
- exports.VizCategory = void 0;
2304
- var VizCategory;
2289
+ return {
2290
+ isPaging: isPaging,
2291
+ current: current,
2292
+ totalPages: totalPages,
2293
+ onChange: lodash_1.isFunction(onRequestParamsChange) ? onChangeHandler : lodash_1.noop
2294
+ };
2295
+ };
2305
2296
 
2306
- (function (VizCategory) {
2307
- VizCategory["SINGLE_VALUE"] = "Single Value";
2308
- VizCategory["TRENDS"] = "Trends";
2309
- VizCategory["COMPARISONS"] = "Comparisons";
2310
- VizCategory["TABLE"] = "Table";
2311
- VizCategory["GAUGE"] = "Gauge";
2312
- VizCategory["DISTRIBUTIONS"] = "Distributions";
2313
- VizCategory["CHOROPLETH"] = "Choropleth Maps";
2314
- VizCategory["SHAPES"] = "Shapes";
2315
- VizCategory["MISC"] = "misc";
2316
- VizCategory["FLOW"] = "Flow";
2317
- VizCategory["CORRELATION"] = "Correlation";
2318
- VizCategory["SPATIAL"] = "Spatial";
2319
- })(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
2297
+ exports.getPaginationParams = getPaginationParams;
2320
2298
 
2321
2299
  /***/ }),
2322
2300
 
2323
- /***/ 272:
2301
+ /***/ 276:
2324
2302
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
2325
2303
 
2326
2304
  "use strict";
@@ -2332,7 +2310,7 @@ __webpack_require__.d(__webpack_exports__, "CONTENT_OVERFLOW_FADEOUT_AREA_PX", f
2332
2310
  __webpack_require__.d(__webpack_exports__, "DEFAULT_CONTENT_HEIGHT_ALLOCATION_RATIO", function() { return /* binding */ DEFAULT_CONTENT_HEIGHT_ALLOCATION_RATIO; });
2333
2311
 
2334
2312
  // EXTERNAL MODULE: external "@babel/runtime/helpers/extends"
2335
- var extends_ = __webpack_require__(44);
2313
+ var extends_ = __webpack_require__(46);
2336
2314
  var extends_default = /*#__PURE__*/__webpack_require__.n(extends_);
2337
2315
 
2338
2316
  // EXTERNAL MODULE: external "react"
@@ -2348,11 +2326,11 @@ var external_styled_components_ = __webpack_require__(4);
2348
2326
  var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
2349
2327
 
2350
2328
  // EXTERNAL MODULE: external "lodash/pick"
2351
- var pick_ = __webpack_require__(64);
2329
+ var pick_ = __webpack_require__(66);
2352
2330
  var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
2353
2331
 
2354
2332
  // EXTERNAL MODULE: external "lodash/isEmpty"
2355
- var isEmpty_ = __webpack_require__(65);
2333
+ var isEmpty_ = __webpack_require__(67);
2356
2334
  var isEmpty_default = /*#__PURE__*/__webpack_require__.n(isEmpty_);
2357
2335
 
2358
2336
  // EXTERNAL MODULE: external "@splunk/visualizations-shared/style"
@@ -2363,21 +2341,21 @@ var SizeAwareWrapper_ = __webpack_require__(17);
2363
2341
  var SizeAwareWrapper_default = /*#__PURE__*/__webpack_require__.n(SizeAwareWrapper_);
2364
2342
 
2365
2343
  // EXTERNAL MODULE: ./src/common/components/VizStyleWrapper.jsx
2366
- var VizStyleWrapper = __webpack_require__(60);
2344
+ var VizStyleWrapper = __webpack_require__(61);
2367
2345
 
2368
2346
  // EXTERNAL MODULE: external "@babel/runtime/helpers/defineProperty"
2369
- var defineProperty_ = __webpack_require__(8);
2347
+ var defineProperty_ = __webpack_require__(7);
2370
2348
  var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty_);
2371
2349
 
2372
2350
  // EXTERNAL MODULE: ./src/SingleValueBasic/SingleValueBasic.jsx + 2 modules
2373
- var SingleValueBasic = __webpack_require__(63);
2351
+ var SingleValueBasic = __webpack_require__(64);
2374
2352
 
2375
2353
  // EXTERNAL MODULE: external "@splunk/react-sparkline/Line"
2376
- var Line_ = __webpack_require__(84);
2354
+ var Line_ = __webpack_require__(86);
2377
2355
  var Line_default = /*#__PURE__*/__webpack_require__.n(Line_);
2378
2356
 
2379
2357
  // EXTERNAL MODULE: external "@splunk/visualizations-shared/propUtils"
2380
- var propUtils_ = __webpack_require__(19);
2358
+ var propUtils_ = __webpack_require__(20);
2381
2359
 
2382
2360
  // CONCATENATED MODULE: ./src/SingleValue/PureSingleValue/SingleValueSparkline.jsx
2383
2361
 
@@ -2441,10 +2419,10 @@ SingleValueSparkline_SingleValueSparkline.propTypes = {
2441
2419
  };
2442
2420
  /* harmony default export */ var PureSingleValue_SingleValueSparkline = (SingleValueSparkline_SingleValueSparkline);
2443
2421
  // EXTERNAL MODULE: external "@splunk/visualizations-shared/colorConstants"
2444
- var colorConstants_ = __webpack_require__(40);
2422
+ var colorConstants_ = __webpack_require__(42);
2445
2423
 
2446
2424
  // EXTERNAL MODULE: external "@splunk/visualizations-shared/numberUtils"
2447
- var numberUtils_ = __webpack_require__(22);
2425
+ var numberUtils_ = __webpack_require__(23);
2448
2426
 
2449
2427
  // EXTERNAL MODULE: ./src/common/utils/singleValueUtils.js
2450
2428
  var singleValueUtils = __webpack_require__(18);
@@ -3182,6 +3160,35 @@ SingleValue_SingleValue.defaultProps = {
3182
3160
  "use strict";
3183
3161
 
3184
3162
 
3163
+ Object.defineProperty(exports, "__esModule", {
3164
+ value: true
3165
+ });
3166
+ exports.VizCategory = void 0;
3167
+ var VizCategory;
3168
+
3169
+ (function (VizCategory) {
3170
+ VizCategory["SINGLE_VALUE"] = "Single Value";
3171
+ VizCategory["TRENDS"] = "Trends";
3172
+ VizCategory["COMPARISONS"] = "Comparisons";
3173
+ VizCategory["TABLE"] = "Table";
3174
+ VizCategory["GAUGE"] = "Gauge";
3175
+ VizCategory["DISTRIBUTIONS"] = "Distributions";
3176
+ VizCategory["CHOROPLETH"] = "Choropleth Maps";
3177
+ VizCategory["SHAPES"] = "Shapes";
3178
+ VizCategory["MISC"] = "misc";
3179
+ VizCategory["FLOW"] = "Flow";
3180
+ VizCategory["CORRELATION"] = "Correlation";
3181
+ VizCategory["SPATIAL"] = "Spatial";
3182
+ })(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
3183
+
3184
+ /***/ }),
3185
+
3186
+ /***/ 29:
3187
+ /***/ (function(module, exports, __webpack_require__) {
3188
+
3189
+ "use strict";
3190
+
3191
+
3185
3192
  Object.defineProperty(exports, "__esModule", {
3186
3193
  value: true
3187
3194
  });
@@ -3190,33 +3197,37 @@ var React = __webpack_require__(1);
3190
3197
 
3191
3198
  var lodash_1 = __webpack_require__(2);
3192
3199
 
3193
- var getSettingsFromThemedProps_1 = __webpack_require__(29);
3200
+ var getSettingsFromThemedProps_1 = __webpack_require__(30);
3201
+
3202
+ var Options_1 = __webpack_require__(31);
3194
3203
 
3195
- var Options_1 = __webpack_require__(30);
3204
+ var SanitizeProps_1 = __webpack_require__(32);
3196
3205
 
3197
- var SanitizeProps_1 = __webpack_require__(31);
3206
+ var TimezoneContext_1 = __webpack_require__(19);
3207
+
3208
+ var moment_1 = __webpack_require__(33);
3198
3209
 
3199
3210
  var styled_components_1 = __webpack_require__(4);
3200
3211
 
3201
- var SplunkVisualization_1 = __webpack_require__(32);
3212
+ var SplunkVisualization_1 = __webpack_require__(34);
3202
3213
 
3203
3214
  var VizBehavior_1 = __webpack_require__(5);
3204
3215
 
3205
- var getSorting_1 = __webpack_require__(24);
3216
+ var getSorting_1 = __webpack_require__(26);
3206
3217
 
3207
- var getPagination_1 = __webpack_require__(25);
3218
+ var getPagination_1 = __webpack_require__(27);
3208
3219
 
3209
- var useDeepMemo_1 = __webpack_require__(35);
3220
+ var useDeepMemo_1 = __webpack_require__(37);
3210
3221
 
3211
- var JSONSchemaUtils_1 = __webpack_require__(23);
3222
+ var JSONSchemaUtils_1 = __webpack_require__(24);
3212
3223
 
3213
- var MissingPropsMessage_1 = __webpack_require__(36);
3224
+ var MissingPropsMessage_1 = __webpack_require__(38);
3214
3225
 
3215
- var withEditModeCover_1 = __webpack_require__(37);
3226
+ var withEditModeCover_1 = __webpack_require__(39);
3216
3227
 
3217
- var withPlaceholder_1 = __webpack_require__(38);
3228
+ var withPlaceholder_1 = __webpack_require__(40);
3218
3229
 
3219
- var hocUtils_1 = __webpack_require__(7);
3230
+ var hocUtils_1 = __webpack_require__(8);
3220
3231
  /**
3221
3232
  * hoc that wraps a pure react visualization in a Dashboard visualization
3222
3233
  * @param {DashboardVizOpts} opts
@@ -3249,6 +3260,23 @@ var withDashboardViz = function withDashboardViz(opts) {
3249
3260
  theme = props.theme,
3250
3261
  onRequestParamsChange = props.onRequestParamsChange;
3251
3262
 
3263
+ var _React$useContext = React.useContext(TimezoneContext_1.default),
3264
+ serializedTimezone = _React$useContext.serializedTimezone;
3265
+
3266
+ if (serializedTimezone) {
3267
+ /*
3268
+ @splunk/moment currently does not allow us to customize the timezone on a per visualization basis.
3269
+ This ensures that if a timezone was provided via TimezoneContext @splunk/moment time formatting
3270
+ will use it.
3271
+ @TODO(pwied):
3272
+ - remove when we moved away from @splunk/moment
3273
+ - provide timezone context to dynamic option evaluation phase
3274
+ */
3275
+ if (!moment_1.default.getDefaultSplunkTimezone()) {
3276
+ moment_1.default.setDefaultSplunkTimezone(serializedTimezone);
3277
+ }
3278
+ }
3279
+
3252
3280
  var themeFunc = function themeFunc(themeVar) {
3253
3281
  var _a, _b;
3254
3282
 
@@ -3277,7 +3305,7 @@ var withDashboardViz = function withDashboardViz(opts) {
3277
3305
  console.error("unexpected error evaluating options: + ".concat(e.message));
3278
3306
  return {};
3279
3307
  }
3280
- }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources]); // useEffect hook needs to be initialized before any early returns
3308
+ }, [currentThemeFamily, currentThemeColorScheme, currentThemeDensity, options, context, dataSources, serializedTimezone]); // useEffect hook needs to be initialized before any early returns
3281
3309
  // this is in accordance with the order of hook calls being the same on each render https://reactjs.org/docs/hooks-rules.html#explanation
3282
3310
 
3283
3311
  React.useEffect(function () {
@@ -3401,35 +3429,42 @@ exports.default = withDashboardViz;
3401
3429
 
3402
3430
  /***/ }),
3403
3431
 
3404
- /***/ 29:
3432
+ /***/ 3:
3405
3433
  /***/ (function(module, exports) {
3406
3434
 
3407
- module.exports = require("@splunk/themes/getSettingsFromThemedProps");
3435
+ module.exports = require("@splunk/ui-utils/i18n");
3408
3436
 
3409
3437
  /***/ }),
3410
3438
 
3411
- /***/ 3:
3439
+ /***/ 30:
3412
3440
  /***/ (function(module, exports) {
3413
3441
 
3414
- module.exports = require("@splunk/ui-utils/i18n");
3442
+ module.exports = require("@splunk/themes/getSettingsFromThemedProps");
3415
3443
 
3416
3444
  /***/ }),
3417
3445
 
3418
- /***/ 30:
3446
+ /***/ 31:
3419
3447
  /***/ (function(module, exports) {
3420
3448
 
3421
3449
  module.exports = require("@splunk/visualization-encoding/Options");
3422
3450
 
3423
3451
  /***/ }),
3424
3452
 
3425
- /***/ 31:
3453
+ /***/ 32:
3426
3454
  /***/ (function(module, exports) {
3427
3455
 
3428
3456
  module.exports = require("@splunk/visualizations-shared/SanitizeProps");
3429
3457
 
3430
3458
  /***/ }),
3431
3459
 
3432
- /***/ 32:
3460
+ /***/ 33:
3461
+ /***/ (function(module, exports) {
3462
+
3463
+ module.exports = require("@splunk/moment");
3464
+
3465
+ /***/ }),
3466
+
3467
+ /***/ 34:
3433
3468
  /***/ (function(module, exports, __webpack_require__) {
3434
3469
 
3435
3470
  "use strict";
@@ -3447,7 +3482,7 @@ var T = __webpack_require__(0);
3447
3482
 
3448
3483
  var lodash_1 = __webpack_require__(2);
3449
3484
 
3450
- var VizActionHandler_1 = __webpack_require__(33); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
3485
+ var VizActionHandler_1 = __webpack_require__(35); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
3451
3486
 
3452
3487
 
3453
3488
  exports.INITIAL_WIDTH = 250;
@@ -3581,7 +3616,7 @@ exports.default = SplunkVisualization;
3581
3616
 
3582
3617
  /***/ }),
3583
3618
 
3584
- /***/ 33:
3619
+ /***/ 35:
3585
3620
  /***/ (function(module, exports, __webpack_require__) {
3586
3621
 
3587
3622
  "use strict";
@@ -3619,7 +3654,7 @@ exports.DefaultVizActionHandler = DefaultVizActionHandler;
3619
3654
 
3620
3655
  /***/ }),
3621
3656
 
3622
- /***/ 34:
3657
+ /***/ 36:
3623
3658
  /***/ (function(module, exports, __webpack_require__) {
3624
3659
 
3625
3660
  "use strict";
@@ -3633,7 +3668,7 @@ exports.validSortDirs = ['asc', 'desc', 'none'];
3633
3668
 
3634
3669
  /***/ }),
3635
3670
 
3636
- /***/ 35:
3671
+ /***/ 37:
3637
3672
  /***/ (function(module, exports, __webpack_require__) {
3638
3673
 
3639
3674
  "use strict";
@@ -3679,7 +3714,7 @@ exports.useDeepMemo = useDeepMemo;
3679
3714
 
3680
3715
  /***/ }),
3681
3716
 
3682
- /***/ 36:
3717
+ /***/ 38:
3683
3718
  /***/ (function(module, exports, __webpack_require__) {
3684
3719
 
3685
3720
  "use strict";
@@ -3760,7 +3795,7 @@ exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
3760
3795
 
3761
3796
  /***/ }),
3762
3797
 
3763
- /***/ 37:
3798
+ /***/ 39:
3764
3799
  /***/ (function(module, exports, __webpack_require__) {
3765
3800
 
3766
3801
  "use strict";
@@ -3774,14 +3809,14 @@ var React = __webpack_require__(1);
3774
3809
 
3775
3810
  var styled_components_1 = __webpack_require__(4);
3776
3811
 
3777
- var hocUtils_1 = __webpack_require__(7);
3812
+ var hocUtils_1 = __webpack_require__(8);
3778
3813
 
3779
3814
  var Cover = styled_components_1.default.div.withConfig({
3780
3815
  displayName: "withEditModeCover__Cover",
3781
3816
  componentId: "sc-1gsbnxb-0"
3782
3817
  })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
3783
3818
  var Blocker = styled_components_1.default.div.attrs({
3784
- 'data-splunk-visualization-version': "24.4.0 - 98920928c"
3819
+ 'data-splunk-visualization-version': "24.5.2 - c5ebe25a8"
3785
3820
  }).withConfig({
3786
3821
  displayName: "withEditModeCover__Blocker",
3787
3822
  componentId: "sc-1gsbnxb-1"
@@ -3813,7 +3848,14 @@ exports.default = withEditModeCover;
3813
3848
 
3814
3849
  /***/ }),
3815
3850
 
3816
- /***/ 38:
3851
+ /***/ 4:
3852
+ /***/ (function(module, exports) {
3853
+
3854
+ module.exports = require("styled-components");
3855
+
3856
+ /***/ }),
3857
+
3858
+ /***/ 40:
3817
3859
  /***/ (function(module, exports, __webpack_require__) {
3818
3860
 
3819
3861
  "use strict";
@@ -3829,11 +3871,11 @@ var colorUtils_1 = __webpack_require__(12);
3829
3871
 
3830
3872
  var variables_1 = __webpack_require__(11);
3831
3873
 
3832
- var IconPlaceholder_1 = __webpack_require__(26);
3874
+ var IconPlaceholder_1 = __webpack_require__(25);
3833
3875
 
3834
3876
  var VizBehavior_1 = __webpack_require__(5);
3835
3877
 
3836
- var hocUtils_1 = __webpack_require__(7);
3878
+ var hocUtils_1 = __webpack_require__(8);
3837
3879
 
3838
3880
  var withPlaceholder = function withPlaceholder(Visualization) {
3839
3881
  var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
@@ -3878,42 +3920,35 @@ exports.default = withPlaceholder;
3878
3920
 
3879
3921
  /***/ }),
3880
3922
 
3881
- /***/ 4:
3882
- /***/ (function(module, exports) {
3883
-
3884
- module.exports = require("styled-components");
3885
-
3886
- /***/ }),
3887
-
3888
- /***/ 40:
3923
+ /***/ 42:
3889
3924
  /***/ (function(module, exports) {
3890
3925
 
3891
3926
  module.exports = require("@splunk/visualizations-shared/colorConstants");
3892
3927
 
3893
3928
  /***/ }),
3894
3929
 
3895
- /***/ 42:
3930
+ /***/ 44:
3896
3931
  /***/ (function(module, exports) {
3897
3932
 
3898
3933
  module.exports = require("@splunk/visualization-icons/placeholders");
3899
3934
 
3900
3935
  /***/ }),
3901
3936
 
3902
- /***/ 43:
3937
+ /***/ 45:
3903
3938
  /***/ (function(module, exports) {
3904
3939
 
3905
3940
  module.exports = require("@splunk/visualization-icons");
3906
3941
 
3907
3942
  /***/ }),
3908
3943
 
3909
- /***/ 44:
3944
+ /***/ 46:
3910
3945
  /***/ (function(module, exports) {
3911
3946
 
3912
3947
  module.exports = require("@babel/runtime/helpers/extends");
3913
3948
 
3914
3949
  /***/ }),
3915
3950
 
3916
- /***/ 45:
3951
+ /***/ 47:
3917
3952
  /***/ (function(module, exports) {
3918
3953
 
3919
3954
  module.exports = require("@splunk/visualizations-shared/domUtils");
@@ -3958,7 +3993,7 @@ var VizBehavior;
3958
3993
 
3959
3994
  /***/ }),
3960
3995
 
3961
- /***/ 50:
3996
+ /***/ 52:
3962
3997
  /***/ (function(module, exports) {
3963
3998
 
3964
3999
  module.exports = require("@splunk/visualization-color-palettes/editors/PresetPalettes");
@@ -3971,7 +4006,7 @@ module.exports = require("@splunk/visualization-color-palettes/editors/PresetPal
3971
4006
  "use strict";
3972
4007
 
3973
4008
 
3974
- var _defineProperty = __webpack_require__(8);
4009
+ var _defineProperty = __webpack_require__(7);
3975
4010
 
3976
4011
  var __rest = this && this.__rest || function (s, e) {
3977
4012
  var t = {};
@@ -4157,7 +4192,7 @@ exports.generatePrecisionValues = generatePrecisionValues;
4157
4192
 
4158
4193
  /***/ }),
4159
4194
 
4160
- /***/ 60:
4195
+ /***/ 61:
4161
4196
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
4162
4197
 
4163
4198
  "use strict";
@@ -4181,7 +4216,7 @@ VizStyleWrapper.displayName = 'VizStyleWrapper';
4181
4216
 
4182
4217
  /***/ }),
4183
4218
 
4184
- /***/ 63:
4219
+ /***/ 64:
4185
4220
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
4186
4221
 
4187
4222
  "use strict";
@@ -4192,7 +4227,7 @@ __webpack_require__.r(__webpack_exports__);
4192
4227
  __webpack_require__.d(__webpack_exports__, "SingleValueTrendValue", function() { return /* binding */ SingleValueTrendValue; });
4193
4228
 
4194
4229
  // EXTERNAL MODULE: external "@babel/runtime/helpers/extends"
4195
- var extends_ = __webpack_require__(44);
4230
+ var extends_ = __webpack_require__(46);
4196
4231
  var extends_default = /*#__PURE__*/__webpack_require__.n(extends_);
4197
4232
 
4198
4233
  // EXTERNAL MODULE: external "react"
@@ -4211,11 +4246,11 @@ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(exte
4211
4246
  var singleValueUtils = __webpack_require__(18);
4212
4247
 
4213
4248
  // EXTERNAL MODULE: external "@splunk/react-icons/ArrowUp"
4214
- var ArrowUp_ = __webpack_require__(66);
4249
+ var ArrowUp_ = __webpack_require__(68);
4215
4250
  var ArrowUp_default = /*#__PURE__*/__webpack_require__.n(ArrowUp_);
4216
4251
 
4217
4252
  // EXTERNAL MODULE: external "@splunk/react-icons/ArrowDown"
4218
- var ArrowDown_ = __webpack_require__(67);
4253
+ var ArrowDown_ = __webpack_require__(69);
4219
4254
  var ArrowDown_default = /*#__PURE__*/__webpack_require__.n(ArrowDown_);
4220
4255
 
4221
4256
  // CONCATENATED MODULE: ./src/SingleValueBasic/TrendValue.jsx
@@ -4285,7 +4320,7 @@ TrendValue_SingleValueContent.propTypes = {
4285
4320
  };
4286
4321
  /* harmony default export */ var TrendValue = (TrendValue_SingleValueContent);
4287
4322
  // EXTERNAL MODULE: external "cssesc"
4288
- var external_cssesc_ = __webpack_require__(68);
4323
+ var external_cssesc_ = __webpack_require__(70);
4289
4324
  var external_cssesc_default = /*#__PURE__*/__webpack_require__.n(external_cssesc_);
4290
4325
 
4291
4326
  // CONCATENATED MODULE: ./src/SingleValueBasic/MajorValue.jsx
@@ -4470,42 +4505,49 @@ var SingleValueTrendValue = TrendValue;
4470
4505
 
4471
4506
  /***/ }),
4472
4507
 
4473
- /***/ 64:
4508
+ /***/ 66:
4474
4509
  /***/ (function(module, exports) {
4475
4510
 
4476
4511
  module.exports = require("lodash/pick");
4477
4512
 
4478
4513
  /***/ }),
4479
4514
 
4480
- /***/ 65:
4515
+ /***/ 67:
4481
4516
  /***/ (function(module, exports) {
4482
4517
 
4483
4518
  module.exports = require("lodash/isEmpty");
4484
4519
 
4485
4520
  /***/ }),
4486
4521
 
4487
- /***/ 66:
4522
+ /***/ 68:
4488
4523
  /***/ (function(module, exports) {
4489
4524
 
4490
4525
  module.exports = require("@splunk/react-icons/ArrowUp");
4491
4526
 
4492
4527
  /***/ }),
4493
4528
 
4494
- /***/ 67:
4529
+ /***/ 69:
4495
4530
  /***/ (function(module, exports) {
4496
4531
 
4497
4532
  module.exports = require("@splunk/react-icons/ArrowDown");
4498
4533
 
4499
4534
  /***/ }),
4500
4535
 
4501
- /***/ 68:
4536
+ /***/ 7:
4537
+ /***/ (function(module, exports) {
4538
+
4539
+ module.exports = require("@babel/runtime/helpers/defineProperty");
4540
+
4541
+ /***/ }),
4542
+
4543
+ /***/ 70:
4502
4544
  /***/ (function(module, exports) {
4503
4545
 
4504
4546
  module.exports = require("cssesc");
4505
4547
 
4506
4548
  /***/ }),
4507
4549
 
4508
- /***/ 69:
4550
+ /***/ 71:
4509
4551
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
4510
4552
 
4511
4553
  "use strict";
@@ -4529,13 +4571,64 @@ var StaticBackgroundColorEditor = {
4529
4571
 
4530
4572
  /***/ }),
4531
4573
 
4532
- /***/ 7:
4574
+ /***/ 79:
4575
+ /***/ (function(module, __webpack_exports__, __webpack_require__) {
4576
+
4577
+ "use strict";
4578
+ __webpack_require__.r(__webpack_exports__);
4579
+ /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicMajorColorEditor", function() { return getDynamicMajorColorEditor; });
4580
+ /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
4581
+ /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
4582
+ /* harmony import */ var _utils_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
4583
+ /* harmony import */ var _utils_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_utils_configUtils__WEBPACK_IMPORTED_MODULE_1__);
4584
+
4585
+
4586
+ var getDynamicMajorColorEditor = function getDynamicMajorColorEditor(_ref) {
4587
+ var defaultContext = _ref.defaultContext,
4588
+ defaultPalettesConfig = _ref.defaultPalettesConfig;
4589
+ return {
4590
+ label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic Major Value'),
4591
+ option: 'majorColor',
4592
+ context: 'majorColorEditorConfig',
4593
+ editor: 'editor.dynamicColor',
4594
+ showEditor: function showEditor(_ref2) {
4595
+ var options = _ref2.options;
4596
+ return Object(_utils_configUtils__WEBPACK_IMPORTED_MODULE_1__["isDynamicOption"])(options.majorColor);
4597
+ },
4598
+ editorProps: {
4599
+ labelPosition: 'left',
4600
+ flyoutTitle: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic Coloring: Major Value'),
4601
+ formatters: [{
4602
+ label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Ranges'),
4603
+ value: 'rangeValue',
4604
+ defaults: {
4605
+ majorValue: defaultContext.majorColorConfig
4606
+ }
4607
+ }, {
4608
+ label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Matches'),
4609
+ value: 'matchValue',
4610
+ defaults: {
4611
+ majorValue: defaultContext.majorColorMatchConfig
4612
+ }
4613
+ }],
4614
+ dataSelectors: [{
4615
+ label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major Value'),
4616
+ value: 'majorValue'
4617
+ }],
4618
+ defaultPalettesConfig: defaultPalettesConfig
4619
+ }
4620
+ };
4621
+ };
4622
+
4623
+ /***/ }),
4624
+
4625
+ /***/ 8:
4533
4626
  /***/ (function(module, exports, __webpack_require__) {
4534
4627
 
4535
4628
  "use strict";
4536
4629
 
4537
4630
 
4538
- var _typeof = __webpack_require__(20);
4631
+ var _typeof = __webpack_require__(21);
4539
4632
 
4540
4633
  Object.defineProperty(exports, "__esModule", {
4541
4634
  value: true
@@ -4658,58 +4751,7 @@ exports.findClosestMatchFromDefaultList = findClosestMatchFromDefaultList;
4658
4751
 
4659
4752
  /***/ }),
4660
4753
 
4661
- /***/ 77:
4662
- /***/ (function(module, __webpack_exports__, __webpack_require__) {
4663
-
4664
- "use strict";
4665
- __webpack_require__.r(__webpack_exports__);
4666
- /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicMajorColorEditor", function() { return getDynamicMajorColorEditor; });
4667
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
4668
- /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
4669
- /* harmony import */ var _utils_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6);
4670
- /* harmony import */ var _utils_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_utils_configUtils__WEBPACK_IMPORTED_MODULE_1__);
4671
-
4672
-
4673
- var getDynamicMajorColorEditor = function getDynamicMajorColorEditor(_ref) {
4674
- var defaultContext = _ref.defaultContext,
4675
- defaultPalettesConfig = _ref.defaultPalettesConfig;
4676
- return {
4677
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic Major Value'),
4678
- option: 'majorColor',
4679
- context: 'majorColorEditorConfig',
4680
- editor: 'editor.dynamicColor',
4681
- showEditor: function showEditor(_ref2) {
4682
- var options = _ref2.options;
4683
- return Object(_utils_configUtils__WEBPACK_IMPORTED_MODULE_1__["isDynamicOption"])(options.majorColor);
4684
- },
4685
- editorProps: {
4686
- labelPosition: 'left',
4687
- flyoutTitle: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic Coloring: Major Value'),
4688
- formatters: [{
4689
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Ranges'),
4690
- value: 'rangeValue',
4691
- defaults: {
4692
- majorValue: defaultContext.majorColorConfig
4693
- }
4694
- }, {
4695
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Matches'),
4696
- value: 'matchValue',
4697
- defaults: {
4698
- majorValue: defaultContext.majorColorMatchConfig
4699
- }
4700
- }],
4701
- dataSelectors: [{
4702
- label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major Value'),
4703
- value: 'majorValue'
4704
- }],
4705
- defaultPalettesConfig: defaultPalettesConfig
4706
- }
4707
- };
4708
- };
4709
-
4710
- /***/ }),
4711
-
4712
- /***/ 78:
4754
+ /***/ 80:
4713
4755
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
4714
4756
 
4715
4757
  "use strict";
@@ -4754,7 +4796,7 @@ var getDynamicTrendColorEditor = function getDynamicTrendColorEditor(_ref) {
4754
4796
 
4755
4797
  /***/ }),
4756
4798
 
4757
- /***/ 79:
4799
+ /***/ 81:
4758
4800
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
4759
4801
 
4760
4802
  "use strict";
@@ -4809,14 +4851,7 @@ var getDynamicBackgroundColorEditor = function getDynamicBackgroundColorEditor(_
4809
4851
 
4810
4852
  /***/ }),
4811
4853
 
4812
- /***/ 8:
4813
- /***/ (function(module, exports) {
4814
-
4815
- module.exports = require("@babel/runtime/helpers/defineProperty");
4816
-
4817
- /***/ }),
4818
-
4819
- /***/ 80:
4854
+ /***/ 82:
4820
4855
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
4821
4856
 
4822
4857
  "use strict";
@@ -4840,7 +4875,7 @@ var StaticMajorColorEditor = {
4840
4875
 
4841
4876
  /***/ }),
4842
4877
 
4843
- /***/ 81:
4878
+ /***/ 83:
4844
4879
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
4845
4880
 
4846
4881
  "use strict";
@@ -4868,7 +4903,7 @@ var StaticTrendColorEditor = {
4868
4903
 
4869
4904
  /***/ }),
4870
4905
 
4871
- /***/ 84:
4906
+ /***/ 86:
4872
4907
  /***/ (function(module, exports) {
4873
4908
 
4874
4909
  module.exports = require("@splunk/react-sparkline/Line");