@splunk/visualizations 26.2.1 → 26.4.0

package/Events.js

@@ -87,32 +87,32 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 225);
+/******/ 	return __webpack_require__(__webpack_require__.s = 219);
 /******/ })
 /************************************************************************/
 /******/ ([
 /* 0 */
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("prop-types");
 
 /***/ }),
 /* 1 */
 /***/ (function(module, exports) {
 
-module.exports = require("prop-types");
+module.exports = require("react");
 
 /***/ }),
 /* 2 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("lodash");
 
 /***/ }),
 /* 3 */
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 /* 4 */
@@ -121,8 +121,19 @@ module.exports = require("lodash");
 module.exports = require("styled-components");
 
 /***/ }),
-/* 5 */,
+/* 5 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/slicedToArray");
+
+/***/ }),
 /* 6 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/toConsumableArray");
+
+/***/ }),
+/* 7 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -160,41 +171,35 @@ var VizBehavior;
   VizBehavior["TRELLIS"] = "trellis";
 })(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
 
-/***/ }),
-/* 7 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/slicedToArray");
-
 /***/ }),
 /* 8 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/toConsumableArray");
+module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 /* 9 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/defineProperty");
+module.exports = require("@splunk/visualization-schemas");
 
 /***/ }),
 /* 10 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/classCallCheck");
+module.exports = require("@splunk/visualizations-shared/numberUtils");
 
 /***/ }),
 /* 11 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/numberUtils");
+module.exports = require("@splunk/visualizations-shared/Message");
 
 /***/ }),
 /* 12 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/Message");
+module.exports = require("@babel/runtime/helpers/defineProperty");
 
 /***/ }),
 /* 13 */
@@ -214,9 +219,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.downsampleDataSources = exports.calculateDownsamplingThreshold = exports.calculateThresholdOnRangeSelect = exports.isDownsamplingEnabledForViz = exports.convertToArrOfObjects = void 0;
 
-var numberUtils_1 = __webpack_require__(11);
+var numberUtils_1 = __webpack_require__(10);
 
-var interfaces_1 = __webpack_require__(40); // TODO: utilize this fn in ParallelCoordinates
+var interfaces_1 = __webpack_require__(39); // TODO: utilize this fn in ParallelCoordinates
 
 
 var convertToArrOfObjects = function convertToArrOfObjects(columns, fields) {
@@ -351,19 +356,21 @@ var largestTriangleThreeBuckets = function largestTriangleThreeBuckets(data, thr
  */
 
 
-var strictlyCoerceYColumn = function strictlyCoerceYColumn(column) {
-  // Splunk charting allows for numbers in formats such as negative hex that
+var strictlyCoerceYColumn = function strictlyCoerceYColumn(column, options) {
+  var isNullCoercionEnabled = options.nullValueDisplay === 'zero'; // Splunk charting allows for numbers in formats such as negative hex that
   // Number() does not support and also allows loose coercion of hex numbers (but not other formats)
   // We want to identify columns which contain at least one value that can be loosely coerced
+
   var canLooselyCoerceSomeValues = column.findIndex(function (value) {
-    return (0, numberUtils_1.startsWithNumber)("".concat(value));
+    return (0, numberUtils_1.startsWithNumber)("".concat(value)) || isNullCoercionEnabled && value === null;
   }) >= 0; // If not all values in column can be strictly coerced to a number, we do not downsample
 
   var coercedColumn = [];
   var canDownsampleColumn = !column.some(function (value) {
-    var coercedValue = Number(value); // if it can't be parsed or isn't safe, fail
+    var coercedValue = Number(value);
+    var coerceValueToZero = isNullCoercionEnabled && value === null; // if it can't be parsed or isn't safe, fail
 
-    if (Number.isNaN(coercedValue) || coercedValue <= Number.MIN_SAFE_INTEGER || coercedValue >= Number.MAX_SAFE_INTEGER || typeof value !== 'string' && typeof value !== 'number') {
+    if (Number.isNaN(coercedValue) || coercedValue <= Number.MIN_SAFE_INTEGER || coercedValue >= Number.MAX_SAFE_INTEGER || typeof value !== 'string' && typeof value !== 'number' && !coerceValueToZero) {
       return true;
     } // save value and continue to next
 
@@ -444,8 +451,7 @@ var calculateDownsamplingThreshold = function calculateDownsamplingThreshold(_re
       dataSources = _ref3.dataSources,
       selectChartEvent = _ref3.selectChartEvent,
       width = _ref3.width,
-      xField = _ref3.xField,
-      y2Fields = _ref3.y2Fields;
+      xField = _ref3.xField;
 
   var _a, _b, _c;
 
@@ -482,14 +488,7 @@ var calculateDownsamplingThreshold = function calculateDownsamplingThreshold(_re
     });
     var lastIndex = fullSeries.findIndex(function (x) {
       return downsampledSeries[endXIndex] === x;
-    }); // For charts with categorical x-axis (charts with an xField that isn't _time), do not support
-    // re-calculating downsampling threshold if the chart is zoomed in until SPL-259458 is fixed
-    // Also do not support re-calculating downsampling threshold for zoomed-in charts with y2
-    // until SPL-259611 is fixed
-
-    if (xField !== '_time' || (y2Fields === null || y2Fields === void 0 ? void 0 : y2Fields.length)) {
-      return firstIndex === 0 && lastIndex === fullSeries.length - 1 ? width : null;
-    }
+    });
 
     if (firstIndex >= 0 && lastIndex >= 0 && firstIndex <= lastIndex) {
       return (0, exports.calculateThresholdOnRangeSelect)({
@@ -500,6 +499,7 @@ var calculateDownsamplingThreshold = function calculateDownsamplingThreshold(_re
       });
     }
   } catch (e) {
+    // eslint-disable-next-line no-console
     console.error('Error occurred while setting downsample threshold on range select event', e);
   }
 
@@ -538,7 +538,7 @@ var isColumnStrictlyIncreasing = function isColumnStrictlyIncreasing(column, fie
  */
 
 
-var tryToCoerceAllDisplayedFields = function tryToCoerceAllDisplayedFields(ds, xField, yFields, fieldTypes) {
+var tryToCoerceAllDisplayedFields = function tryToCoerceAllDisplayedFields(ds, xField, yFields, fieldTypes, options) {
   var xColumn = [];
   var yColumns = [];
   var canDownsample = !ds.data.fields.some(function (field, index) {
@@ -552,7 +552,7 @@ var tryToCoerceAllDisplayedFields = function tryToCoerceAllDisplayedFields(ds, x
     if (fieldName === xField) {
       xColumn = strictlyCoerceXColumn(column, fieldType);
     } else if (yFields.has(fieldName)) {
-      var _strictlyCoerceYColum = strictlyCoerceYColumn(ds.data.columns[index]),
+      var _strictlyCoerceYColum = strictlyCoerceYColumn(ds.data.columns[index], options),
           coercedColumn = _strictlyCoerceYColum.coercedColumn,
           canLooselyCoerceSomeValues = _strictlyCoerceYColum.canLooselyCoerceSomeValues,
           canDownsampleColumn = _strictlyCoerceYColum.canDownsampleColumn; // do not perform downsampling if a column can possibly be displayed but cannot
@@ -642,7 +642,7 @@ var downsampleDataSources = function downsampleDataSources(_ref4) {
     return dataSources;
   }
 
-  var _tryToCoerceAllDispla = tryToCoerceAllDisplayedFields(primaryDS, xField, nonInternalYFields, fieldTypes),
+  var _tryToCoerceAllDispla = tryToCoerceAllDisplayedFields(primaryDS, xField, nonInternalYFields, fieldTypes, options),
       xColumn = _tryToCoerceAllDispla.xColumn,
       yColumns = _tryToCoerceAllDispla.yColumns;
 
@@ -666,6 +666,7 @@ var downsampleDataSources = function downsampleDataSources(_ref4) {
         return downsampledIndices.add(downsampleIndex);
       });
     } catch (e) {
+      // eslint-disable-next-line no-console
       console.error("Error occurred while downsampling column ".concat(columnIndex), e);
     }
   }); // update data columns with downsampled columns
@@ -695,13 +696,13 @@ module.exports = require("@splunk/visualization-encoding/Options");
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(5);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
@@ -709,7 +710,7 @@ var style_1 = __webpack_require__(18);
 
 var colorUtils_1 = __webpack_require__(15);
 
-var SizeAwareWrapper_1 = __webpack_require__(26);
+var SizeAwareWrapper_1 = __webpack_require__(25);
 
 var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
@@ -780,7 +781,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "26.2.1 - 714383dbb",
+      "data-splunk-visualization-version": "26.4.0 - 04078274d",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -807,7 +808,8 @@ exports.default = withFixedSizeContainer;
 module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
-/* 19 */
+/* 19 */,
+/* 20 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -816,22 +818,20 @@ module.exports = require("@splunk/visualizations-shared/style");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.validOutputModes = exports.validSegmentationModes = exports.validSortDirs = void 0;
+exports.validOutputModes = exports.validSortDirs = void 0;
 exports.validSortDirs = ['asc', 'desc', 'none'];
-exports.validSegmentationModes = ['none', 'inner'];
 exports.validOutputModes = ['json_cols', 'json'];
 
 /***/ }),
-/* 20 */,
 /* 21 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(10);
+var _classCallCheck = __webpack_require__(8);
 
-var _createClass = __webpack_require__(25);
+var _createClass = __webpack_require__(24);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -923,120 +923,39 @@ exports.extendStaticWrapperProps = extendStaticWrapperProps;
 /* 24 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/schemaUtils");
-
-/***/ }),
-/* 25 */
-/***/ (function(module, exports) {
-
 module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
-/* 26 */
+/* 25 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 /***/ }),
-/* 27 */
+/* 26 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(8);
-
-var _defineProperty = __webpack_require__(9);
-
-var __rest = this && this.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
+var _toConsumableArray = __webpack_require__(6);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceOptionsSchemaWithDynamicOptions = exports.enhanceConfig = void 0;
+exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceConfig = exports.enhanceOptionsSchemaWithDynamicOptions = void 0;
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2); // included for backwards compatibility
 
-var schemaUtils_1 = __webpack_require__(24);
 
-var VizBehavior_1 = __webpack_require__(6);
+var visualization_schemas_1 = __webpack_require__(9);
 
-var dynamicOptionsDSLType = {
-  type: 'string',
-  pattern: schemaUtils_1.DYNAMIC_OPTIONS_DSL_PATTERN
-};
-/**
- * Helper function to extend an options schema with dynamic options DSL
- * @param optionsSchema a visualization's options schema
- * @returns an updated options schema that additionally allows strings starting with > for each option
- */
-
-function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
-  var enhancedOptionsSchema = {};
-  Object.keys(optionsSchema).forEach(function (key) {
-    var _a = optionsSchema[key],
-        title = _a.title,
-        description = _a.description,
-        readOnly = _a.readOnly,
-        writeOnly = _a.writeOnly,
-        examples = _a.examples,
-        defaultValue = _a.default,
-        type = _a.type,
-        properties = _a.properties,
-        patternProperties = _a.patternProperties,
-        remainingSchemaEntry = __rest(_a, ["title", "description", "readOnly", "writeOnly", "examples", "default", "type", "properties", "patternProperties"]);
-
-    var annotations = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, title !== undefined && {
-      title: title
-    }), description !== undefined && {
-      description: description
-    }), readOnly !== undefined && {
-      readOnly: readOnly
-    }), writeOnly !== undefined && {
-      writeOnly: writeOnly
-    }), examples !== undefined && {
-      examples: examples
-    }), defaultValue !== undefined && {
-      default: defaultValue
-    });
-
-    if (type === 'object') {
-      enhancedOptionsSchema[key] = Object.assign(Object.assign(Object.assign(Object.assign({}, remainingSchemaEntry), annotations), {
-        type: type
-      }), properties && {
-        properties: enhanceOptionsSchemaWithDynamicOptions(properties)
-      });
-
-      if (patternProperties) {
-        var enhancedPatternProperties = {};
-        Object.keys(patternProperties).forEach(function (opt) {
-          enhancedPatternProperties = Object.assign(Object.assign({}, enhancedPatternProperties), enhanceOptionsSchemaWithDynamicOptions(_defineProperty({}, opt, patternProperties[opt])));
-        });
-        enhancedOptionsSchema[key].patternProperties = enhancedPatternProperties;
-      }
-    } else {
-      enhancedOptionsSchema[key] = Object.assign(Object.assign({}, annotations), {
-        anyOf: [Object.assign(Object.assign({}, type !== undefined && {
-          type: type
-        }), remainingSchemaEntry), dynamicOptionsDSLType]
-      });
-    }
-  });
-  return enhancedOptionsSchema;
-}
-
-exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamicOptions;
+Object.defineProperty(exports, "enhanceOptionsSchemaWithDynamicOptions", {
+  enumerable: true,
+  get: function get() {
+    return visualization_schemas_1.enhanceOptionsSchemaWithDynamicOptions;
+  }
+});
 /**
  * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block
  * this function also collapse all editor panels
@@ -1047,11 +966,6 @@ exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamic
 
 function enhanceConfig(vizConfig) {
   var enhancedConfig = Object.assign({}, vizConfig);
-
-  if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS) !== -1) {
-    enhancedConfig.optionsSchema = enhanceOptionsSchemaWithDynamicOptions(vizConfig.optionsSchema);
-  }
-
   enhancedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
     return Object.assign(Object.assign({}, config), {
       open: config.open || false
@@ -1174,32 +1088,32 @@ var insertLayout = function insertLayout(layout, index) {
 exports.insertLayout = insertLayout;
 
 /***/ }),
-/* 28 */
+/* 27 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/FeatureFlagContext");
 
 /***/ }),
-/* 29 */,
-/* 30 */
+/* 28 */,
+/* 29 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/pick");
 
 /***/ }),
-/* 31 */
+/* 30 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
-/* 32 */
+/* 31 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
-/* 33 */
+/* 32 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1209,7 +1123,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
 function usePrevious(value) {
   var ref = (0, react_1.useRef)();
@@ -1222,20 +1136,20 @@ function usePrevious(value) {
 exports.default = usePrevious;
 
 /***/ }),
-/* 34 */
+/* 33 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/hocUtils");
 
 /***/ }),
-/* 35 */
+/* 34 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
-/* 36 */,
-/* 37 */
+/* 35 */,
+/* 36 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1246,15 +1160,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.shouldShowIconPlaceholder = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
-var Message_1 = __webpack_require__(12);
+var Message_1 = __webpack_require__(11);
 
 var FixedSizeContainer_1 = __webpack_require__(17);
 /**
@@ -1327,24 +1241,24 @@ IconPlaceholder.defaultProps = {
 exports.default = (0, FixedSizeContainer_1.default)(IconPlaceholder);
 
 /***/ }),
-/* 38 */
+/* 37 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _defineProperty = __webpack_require__(9);
+var _defineProperty = __webpack_require__(12);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getSortingParams = exports.SortParamsPropTypes = void 0;
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
-var DataSource_1 = __webpack_require__(19);
+var DataSource_1 = __webpack_require__(20);
 
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
@@ -1397,7 +1311,7 @@ var getSortingParams = function getSortingParams(_ref) {
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
-/* 39 */
+/* 38 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1408,9 +1322,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getPaginationParams = exports.PaginatorParamsPropTypes = void 0;
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
 exports.PaginatorParamsPropTypes = T.shape({
   isPaging: T.bool,
@@ -1461,7 +1375,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
-/* 40 */
+/* 39 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1496,11 +1410,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+__exportStar(__webpack_require__(40), exports);
+
 __exportStar(__webpack_require__(41), exports);
 
-__exportStar(__webpack_require__(42), exports);
+__exportStar(__webpack_require__(20), exports);
 
-__exportStar(__webpack_require__(19), exports);
+__exportStar(__webpack_require__(42), exports);
 
 __exportStar(__webpack_require__(43), exports);
 
@@ -1512,16 +1428,16 @@ __exportStar(__webpack_require__(46), exports);
 
 __exportStar(__webpack_require__(47), exports);
 
-__exportStar(__webpack_require__(48), exports);
-
-__exportStar(__webpack_require__(49), exports);
-
 __exportStar(__webpack_require__(21), exports);
 
-__exportStar(__webpack_require__(6), exports);
+__exportStar(__webpack_require__(7), exports);
 
 __exportStar(__webpack_require__(22), exports);
 
+__exportStar(__webpack_require__(48), exports);
+
+__exportStar(__webpack_require__(49), exports);
+
 __exportStar(__webpack_require__(50), exports);
 
 __exportStar(__webpack_require__(51), exports);
@@ -1530,9 +1446,16 @@ __exportStar(__webpack_require__(52), exports);
 
 __exportStar(__webpack_require__(53), exports);
 
-__exportStar(__webpack_require__(54), exports);
+/***/ }),
+/* 40 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
 
-__exportStar(__webpack_require__(55), exports);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
 
 /***/ }),
 /* 41 */
@@ -1540,6 +1463,9 @@ __exportStar(__webpack_require__(55), exports);
 
 "use strict";
 
+/**
+ *  A data structure used at runtime to wire up a visualization.
+ */
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1551,9 +1477,6 @@ Object.defineProperty(exports, "__esModule", {
 
 "use strict";
 
-/**
- *  A data structure used at runtime to wire up a visualization.
- */
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1687,81 +1610,59 @@ Object.defineProperty(exports, "__esModule", {
 "use strict";
 
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-/***/ }),
-/* 55 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-/***/ }),
-/* 56 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(5);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
-var getSettingsFromThemedProps_1 = __webpack_require__(57);
+var getSettingsFromThemedProps_1 = __webpack_require__(55);
 
 var Options_1 = __webpack_require__(16);
 
-var SanitizeProps_1 = __webpack_require__(58);
+var SanitizeProps_1 = __webpack_require__(56);
 
-var TimezoneContext_1 = __webpack_require__(32);
+var TimezoneContext_1 = __webpack_require__(31);
 
-var moment_1 = __webpack_require__(59);
+var moment_1 = __webpack_require__(57);
 
-var FeatureFlagContext_1 = __webpack_require__(28);
+var FeatureFlagContext_1 = __webpack_require__(27);
 
 var styled_components_1 = __webpack_require__(4);
 
-var hocUtils_1 = __webpack_require__(34);
+var hocUtils_1 = __webpack_require__(33);
 
-var JSONSchemaUtils_1 = __webpack_require__(35);
+var JSONSchemaUtils_1 = __webpack_require__(34);
 
-var async_dynamic_options_evaluator_1 = __webpack_require__(60);
+var async_dynamic_options_evaluator_1 = __webpack_require__(58);
 
-var id_1 = __webpack_require__(31);
+var id_1 = __webpack_require__(30);
 
-var SplunkVisualization_1 = __webpack_require__(61);
+var SplunkVisualization_1 = __webpack_require__(59);
 
-var VizBehavior_1 = __webpack_require__(6);
+var VizBehavior_1 = __webpack_require__(7);
 
-var getSorting_1 = __webpack_require__(38);
+var getSorting_1 = __webpack_require__(37);
 
-var getPagination_1 = __webpack_require__(39);
+var getPagination_1 = __webpack_require__(38);
 
-var useDeepMemo_1 = __webpack_require__(62);
+var useDeepMemo_1 = __webpack_require__(60);
 
-var MissingPropsMessage_1 = __webpack_require__(63);
+var MissingPropsMessage_1 = __webpack_require__(61);
 
-var withEditModeCover_1 = __webpack_require__(64);
+var withEditModeCover_1 = __webpack_require__(62);
 
-var withPlaceholder_1 = __webpack_require__(65);
+var withPlaceholder_1 = __webpack_require__(63);
 
-var useDownsampleDataSources_1 = __webpack_require__(66);
+var useDownsampleDataSources_1 = __webpack_require__(64);
 
 var dataUtils_1 = __webpack_require__(14);
 
-var featureFlagUtils_1 = __webpack_require__(68);
+var featureFlagUtils_1 = __webpack_require__(66);
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
@@ -2093,37 +1994,37 @@ var withDashboardViz = function withDashboardViz(opts) {
 exports.default = withDashboardViz;
 
 /***/ }),
-/* 57 */
+/* 55 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
-/* 58 */
+/* 56 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
-/* 59 */
+/* 57 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/moment");
 
 /***/ }),
-/* 60 */
+/* 58 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/async-dynamic-options-evaluator");
 
 /***/ }),
-/* 61 */
+/* 59 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(10);
+var _classCallCheck = __webpack_require__(8);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -2131,9 +2032,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.INITIAL_HEIGHT = exports.INITIAL_WIDTH = void 0;
 /* eslint-disable react/no-unused-prop-types,react/prefer-stateless-function */
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
 var VizActionHandler_1 = __webpack_require__(21); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 
@@ -2268,7 +2169,7 @@ SplunkVisualization.defaultProps = {
 exports.default = SplunkVisualization;
 
 /***/ }),
-/* 62 */
+/* 60 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2279,9 +2180,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useDeepMemo = void 0;
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 /**
  * This hook evaluates and stores the result of a passed function and only
  * re-evaluates the function when passed dependencies change.
@@ -2313,7 +2214,7 @@ var useDeepMemo = function useDeepMemo(fn, dependencies) {
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
-/* 63 */
+/* 61 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2324,13 +2225,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MissingPropsMessage = exports.missingKeys = exports.isMissing = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
-var Message_1 = __webpack_require__(12);
+var Message_1 = __webpack_require__(11);
 
 var FixedSizeContainer_1 = __webpack_require__(17);
 /**
@@ -2393,7 +2294,7 @@ exports.MissingPropsMessage.defaultProps = {
 exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
-/* 64 */
+/* 62 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2403,7 +2304,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
@@ -2414,7 +2315,7 @@ var Cover = styled_components_1.default.div.withConfig({
   componentId: "sc-1gsbnxb-0"
 })(["position:absolute;left:0;right:0;top:0;bottom:0;"]);
 var Blocker = styled_components_1.default.div.attrs({
-  'data-splunk-visualization-version': "26.2.1 - 714383dbb"
+  'data-splunk-visualization-version': "26.4.0 - 04078274d"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -2445,7 +2346,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
 exports.default = withEditModeCover;
 
 /***/ }),
-/* 65 */
+/* 63 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2455,15 +2356,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var colorUtils_1 = __webpack_require__(15);
 
 var variables_1 = __webpack_require__(13);
 
-var IconPlaceholder_1 = __webpack_require__(37);
+var IconPlaceholder_1 = __webpack_require__(36);
 
-var VizBehavior_1 = __webpack_require__(6);
+var VizBehavior_1 = __webpack_require__(7);
 
 var hocUtils_1 = __webpack_require__(23);
 
@@ -2509,27 +2410,30 @@ var withPlaceholder = function withPlaceholder(Visualization) {
 exports.default = withPlaceholder;
 
 /***/ }),
-/* 66 */
+/* 64 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(5);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
 var dataUtils_1 = __webpack_require__(14);
 
-var usePrevious_1 = __webpack_require__(33);
+var usePrevious_1 = __webpack_require__(32);
+
+var useGetXAndYFields_1 = __webpack_require__(65); // Options properties which impact/require re-downsample on change.
 
-var useGetXAndYFields_1 = __webpack_require__(67);
+
+var downsampleVizOptionProperties = ['nullValueDisplay'];
 
 var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
   var dataSources = _ref.dataSources,
@@ -2543,8 +2447,15 @@ var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
     options: options,
     context: context,
     dataSources: dataSources
-  });
-  var previousXAndYFieldsWithTypes = (0, usePrevious_1.default)(xAndYFieldsWithTypes);
+  }); // Extract viz options that impact downsampling.
+
+  var downsampleVizOptions = (0, react_1.useMemo)(function () {
+    return (0, lodash_1.pick)(options, downsampleVizOptionProperties);
+  }, [options]);
+  var downsampleDSOptions = (0, react_1.useMemo)(function () {
+    return Object.assign(Object.assign({}, downsampleVizOptions), xAndYFieldsWithTypes);
+  }, [xAndYFieldsWithTypes, downsampleVizOptions]);
+  var previousDownsampleDSOptions = (0, usePrevious_1.default)(downsampleDSOptions);
   var previousDataSources = (0, usePrevious_1.default)(dataSources);
   var previousThreshold = (0, usePrevious_1.default)(threshold);
 
@@ -2552,7 +2463,7 @@ var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
     return isDownsamplingEnabled ? (0, dataUtils_1.downsampleDataSources)({
       dataSources: dataSources,
       threshold: threshold,
-      options: xAndYFieldsWithTypes
+      options: downsampleDSOptions
     }) : dataSources;
   }),
       _ref3 = _slicedToArray(_ref2, 2),
@@ -2580,7 +2491,7 @@ var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
       return;
     }
 
-    if ((0, lodash_1.isEqual)(previousXAndYFieldsWithTypes, xAndYFieldsWithTypes) && previousDataSources === dataSources && previousThreshold === threshold) {
+    if ((0, lodash_1.isEqual)(previousDownsampleDSOptions, downsampleDSOptions) && previousDataSources === dataSources && previousThreshold === threshold) {
       return;
     } // Debounce the downsampling so we don't have to downsample and execute DSL multiple times
     // while the viz is being resized
@@ -2588,29 +2499,29 @@ var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
 
     debouncedDownsampleDataSources({
       dataSources: dataSources,
-      options: xAndYFieldsWithTypes,
+      options: downsampleDSOptions,
       threshold: threshold
     }); // need to detect if this runs as part of the initial render
-  }, [dataSources, debouncedDownsampleDataSources, xAndYFieldsWithTypes, threshold, isDownsamplingEnabled, previousXAndYFieldsWithTypes, previousDataSources, previousThreshold]);
+  }, [dataSources, downsampleDSOptions, debouncedDownsampleDataSources, xAndYFieldsWithTypes, threshold, isDownsamplingEnabled, previousDataSources, previousThreshold, previousDownsampleDSOptions]);
   return downsampledDataSources;
 };
 
 exports.default = useDownsampleDataSources;
 
 /***/ }),
-/* 67 */
+/* 65 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(8);
+var _toConsumableArray = __webpack_require__(6);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
 var Options_1 = __webpack_require__(16);
 /**
@@ -2712,7 +2623,7 @@ var useGetXAndYFields = function useGetXAndYFields(_ref) {
 exports.default = useGetXAndYFields;
 
 /***/ }),
-/* 68 */
+/* 66 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2723,7 +2634,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getFeatureFlag = void 0;
 
-var FeatureFlags_1 = __webpack_require__(69);
+var FeatureFlags_1 = __webpack_require__(67);
 
 var getFeatureFlag = function getFeatureFlag(context, flagName) {
   // look for feature flag in context first
@@ -2747,28 +2658,27 @@ var getFeatureFlag = function getFeatureFlag(context, flagName) {
 exports.getFeatureFlag = getFeatureFlag;
 
 /***/ }),
-/* 69 */
+/* 67 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/FeatureFlags");
 
 /***/ }),
-/* 70 */,
-/* 71 */,
-/* 72 */
+/* 68 */,
+/* 69 */,
+/* 70 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
-/* 73 */,
-/* 74 */
+/* 71 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons");
 
 /***/ }),
-/* 75 */
+/* 72 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2778,14 +2688,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
 var background = function background(_ref) {
   var label = _ref.label,
       themes = _ref.themes,
       labelPosition = _ref.labelPosition;
   return [{
-    label: (0, i18n_1._)(label || 'Background'),
+    label: (0, i18n_1._)(label || 'Background color'),
     option: 'backgroundColor',
     editor: 'editor.color',
     editorProps: {
@@ -2798,30 +2708,33 @@ var background = function background(_ref) {
 exports.default = background;
 
 /***/ }),
+/* 73 */,
+/* 74 */,
+/* 75 */,
 /* 76 */,
 /* 77 */,
-/* 78 */,
-/* 79 */,
-/* 80 */,
-/* 81 */
+/* 78 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
 
 /***/ }),
-/* 82 */
+/* 79 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes");
 
 /***/ }),
-/* 83 */,
-/* 84 */
+/* 80 */,
+/* 81 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
+/* 82 */,
+/* 83 */,
+/* 84 */,
 /* 85 */,
 /* 86 */,
 /* 87 */,
@@ -2839,15 +2752,15 @@ module.exports = require("@splunk/react-ui/Popover");
 /* 99 */,
 /* 100 */,
 /* 101 */,
-/* 102 */,
-/* 103 */,
-/* 104 */,
-/* 105 */
+/* 102 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/typeof");
 
 /***/ }),
+/* 103 */,
+/* 104 */,
+/* 105 */,
 /* 106 */,
 /* 107 */,
 /* 108 */,
@@ -2858,16 +2771,21 @@ module.exports = require("@babel/runtime/helpers/typeof");
 /* 113 */,
 /* 114 */,
 /* 115 */,
-/* 116 */,
-/* 117 */,
-/* 118 */,
-/* 119 */,
-/* 120 */
+/* 116 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/dataSourceUtils");
 
 /***/ }),
+/* 117 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Button");
+
+/***/ }),
+/* 118 */,
+/* 119 */,
+/* 120 */,
 /* 121 */,
 /* 122 */,
 /* 123 */,
@@ -2887,36 +2805,34 @@ module.exports = require("@splunk/visualizations-shared/dataSourceUtils");
 /* 137 */,
 /* 138 */,
 /* 139 */,
-/* 140 */,
-/* 141 */,
-/* 142 */
+/* 140 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Menu");
 
 /***/ }),
-/* 143 */
+/* 141 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _typeof = __webpack_require__(105);
+var _typeof = __webpack_require__(102);
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(5);
 
-var _toConsumableArray = __webpack_require__(8);
+var _toConsumableArray = __webpack_require__(6);
 
-var _defineProperty = __webpack_require__(9);
+var _defineProperty = __webpack_require__(12);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.combineHighlighted = exports.convertToHighlightValuesByFieldMap = exports.truncateString = exports.getCustomTimeInterval = exports.getPredefinedTimeInterval = exports.getEpochTime = exports.generateTokenReplacementMap = exports.replaceTokens = exports.mergeFieldActions = exports.mergeEventActions = exports.getFieldSummaryMapping = exports.convertToPayloadFormat = void 0;
 
-var time_1 = __webpack_require__(229);
+var time_1 = __webpack_require__(223);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
 var dataUtils_1 = __webpack_require__(14); // util to convert a field-value map into an object with row.<fieldname>.value keys for payloads
 
@@ -3125,6 +3041,7 @@ exports.generateTokenReplacementMap = generateTokenReplacementMap; // return epo
 var getEpochTime = function getEpochTime(time) {
   // if not a valid time string, then indicate an error and return NaN.
   if (!(0, time_1.isISO)(time)) {
+    // eslint-disable-next-line no-console
     console.error("'".concat(time, "' is not a valid time string."));
     return NaN;
   } // retrieves the epoch time in milliseconds, and divides by 1000
@@ -3274,30 +3191,27 @@ var combineHighlighted = function combineHighlighted(highlightedSource, highligh
 exports.combineHighlighted = combineHighlighted;
 
 /***/ }),
-/* 144 */
+/* 142 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Markdown");
 
 /***/ }),
-/* 145 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Button");
-
-/***/ }),
-/* 146 */
+/* 143 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Message");
 
 /***/ }),
-/* 147 */
+/* 144 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),
+/* 145 */,
+/* 146 */,
+/* 147 */,
 /* 148 */,
 /* 149 */,
 /* 150 */,
@@ -3317,12 +3231,7 @@ module.exports = require("@splunk/react-ui/Heading");
 /* 164 */,
 /* 165 */,
 /* 166 */,
-/* 167 */,
-/* 168 */,
-/* 169 */,
-/* 170 */,
-/* 171 */,
-/* 172 */
+/* 167 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3346,23 +3255,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.replaceTokens = exports.PureEvents = exports.config = exports.themes = exports.computeVizProps = exports.showPlaceHolderIcon = void 0;
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
-var dataSourceUtils_1 = __webpack_require__(120);
+var dataSourceUtils_1 = __webpack_require__(116);
 
-var withDashboardViz_1 = __webpack_require__(56);
+var withDashboardViz_1 = __webpack_require__(54);
 
-var constants_1 = __webpack_require__(173);
+var constants_1 = __webpack_require__(168);
 
-var config_1 = __webpack_require__(226);
+var config_1 = __webpack_require__(220);
 
 exports.config = config_1.default;
 
-var PureEvents_1 = __webpack_require__(227);
+var PureEvents_1 = __webpack_require__(221);
 
 exports.PureEvents = PureEvents_1.default;
 
-var EventUtils_1 = __webpack_require__(143);
+var EventUtils_1 = __webpack_require__(141);
 
 Object.defineProperty(exports, "replaceTokens", {
   enumerable: true,
@@ -3413,23 +3322,20 @@ exports.themes = themes;
 exports.default = Events;
 
 /***/ }),
-/* 173 */
+/* 168 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "rawEventPayload", function() { return rawEventPayload; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "rawMultiLineEvent", function() { return rawMultiLineEvent; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "originalDataSourceData", function() { return originalDataSourceData; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "originalDataSourceDataColumns", function() { return originalDataSourceDataColumns; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "dataSourceData", function() { return dataSourceData; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EMPTY_DATASOURCE", function() { return EMPTY_DATASOURCE; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FIELDSUMMARY_DS_STORYBOOK", function() { return FIELDSUMMARY_DS_STORYBOOK; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FIELDSUMMARY_DS_DOC_HUB", function() { return FIELDSUMMARY_DS_DOC_HUB; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TAGS_DEFAULT", function() { return TAGS_DEFAULT; });
-/* harmony import */ var _splunk_datasource_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(192);
-/* harmony import */ var _splunk_datasource_utils__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_datasource_utils__WEBPACK_IMPORTED_MODULE_0__);
 // TODO: convert this file to .ts - created as .js as copied from SUI EventsViewer repo
-
 var rawEventPayload = {
   preview: false,
   init_offset: 0,
@@ -3815,11 +3721,24 @@ var rawEventPayload = {
     }
   }
 };
-var rawMultiLineEvent = "10/19/2023 10:29:00 -0700, search_name=KOM_Dashboard_Sear dropped_events=0, search_startup_time=48, dash_epoch=1697737969, search_spl=\"| rest splunk_server=local /services/server/status/installed-file-integrity\n| fields check_failures.*\n| untable splunk_server file_path check_result\n| replace \"check_failures.*\" WITH \"*\" IN file_path\n| fields file_path check_result\n| rename file_path AS \"File path\" check_result AS \"Check result\", shc_member=standalone, rawdata_cache_miss=0, matching_events=0, events_in_matching_bkts=0, total_run_time_sec=\"0.09\", scanned_events=0, bloomfilter_eliminated_bkts=0, sid_search_name=search2, slices_in_matching_bkts=0, savedsearch_name=search2, search_type=dashboard, search_user=gmattia"; // Datasource utilized in example on @splunk/react-events-viewer docs
+var rawMultiLineEvent = "10/19/2023 10:29:00 -0700, search_name=KOM_Dashboard_Sear dropped_events=0, search_startup_time=48, dash_epoch=1697737969, search_spl=\"| rest splunk_server=local /services/server/status/installed-file-integrity\n| fields check_failures.*\n| untable splunk_server file_path check_result\n| replace \"check_failures.*\" WITH \"*\" IN file_path\n| fields file_path check_result\n| rename file_path AS \"File path\" check_result AS \"Check result\", shc_member=standalone, rawdata_cache_miss=0, matching_events=0, events_in_matching_bkts=0, total_run_time_sec=\"0.09\", scanned_events=0, bloomfilter_eliminated_bkts=0, sid_search_name=search2, slices_in_matching_bkts=0, savedsearch_name=search2, search_type=dashboard, search_user=gmattia";
+
+var columnsFromJSONArray = function columnsFromJSONArray(fields, results) {
+  var columns = fields.map(function (_ref) {
+    var name = _ref.name;
+    return results.reduce(function (col, row) {
+      // if a field is not present on a result entry we set it to null
+      col.push(row[name] === undefined ? null : row[name]);
+      return col;
+    }, []);
+  });
+  return columns;
+}; // Datasource utilized in example on @splunk/react-events-viewer docs
 
-var originalDataSourceData = _splunk_datasource_utils__WEBPACK_IMPORTED_MODULE_0__["DataSet"].fromJSONArray(rawEventPayload.fields, rawEventPayload.results); // Replaces _raw object with the value of the `value` key - this is the string expected in Dashboard Studio payload
 
-originalDataSourceData.columns[5] = originalDataSourceData.columns[5].map(function (_raw) {
+var originalDataSourceDataColumns = columnsFromJSONArray(rawEventPayload.fields, rawEventPayload.results); // Replaces _raw object with the value of the `value` key - this is the string expected in Dashboard Studio payload
+
+originalDataSourceDataColumns[5] = originalDataSourceDataColumns[5].map(function (_raw) {
   return _raw.value;
 }); // Exports payload with expected shape of Dashboard Studio payload - fields as an array of strings, and columns
 //  as arrays of data primitives like strings and numbers
@@ -3828,7 +3747,7 @@ originalDataSourceData.columns[5] = originalDataSourceData.columns[5].map(functi
 
 var dataSourceData = {
   fields: rawEventPayload.fields,
-  columns: originalDataSourceData.columns
+  columns: originalDataSourceDataColumns
 };
 var EMPTY_DATASOURCE = {
   primary: {
@@ -3915,12 +3834,17 @@ var TAGS_DEFAULT = {
 };
 
 /***/ }),
-/* 174 */
+/* 169 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/EventsContext");
 
 /***/ }),
+/* 170 */,
+/* 171 */,
+/* 172 */,
+/* 173 */,
+/* 174 */,
 /* 175 */,
 /* 176 */,
 /* 177 */,
@@ -3938,12 +3862,7 @@ module.exports = require("@splunk/visualization-context/EventsContext");
 /* 189 */,
 /* 190 */,
 /* 191 */,
-/* 192 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/datasource-utils");
-
-/***/ }),
+/* 192 */,
 /* 193 */,
 /* 194 */,
 /* 195 */,
@@ -3970,13 +3889,7 @@ module.exports = require("@splunk/datasource-utils");
 /* 216 */,
 /* 217 */,
 /* 218 */,
-/* 219 */,
-/* 220 */,
-/* 221 */,
-/* 222 */,
-/* 223 */,
-/* 224 */,
-/* 225 */
+/* 219 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4012,9 +3925,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-__exportStar(__webpack_require__(172), exports);
+__exportStar(__webpack_require__(167), exports);
 
-var Events_1 = __webpack_require__(172);
+var Events_1 = __webpack_require__(167);
 
 Object.defineProperty(exports, "default", {
   enumerable: true,
@@ -4024,7 +3937,7 @@ Object.defineProperty(exports, "default", {
 });
 
 /***/ }),
-/* 226 */
+/* 220 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4034,25 +3947,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var visualization_icons_1 = __webpack_require__(74);
+var visualization_icons_1 = __webpack_require__(71);
 
-var placeholders_1 = __webpack_require__(72);
+var placeholders_1 = __webpack_require__(70);
 
-var schemaUtils_1 = __webpack_require__(24);
+var visualization_schemas_1 = __webpack_require__(9);
 
-var themes_1 = __webpack_require__(82);
+var themes_1 = __webpack_require__(79);
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
-var DataSource_1 = __webpack_require__(19);
-
-var VizBehavior_1 = __webpack_require__(6);
+var VizBehavior_1 = __webpack_require__(7);
 
 var VizCategory_1 = __webpack_require__(22);
 
-var configUtils_1 = __webpack_require__(27);
+var configUtils_1 = __webpack_require__(26);
 
-var BackgroundColor_1 = __webpack_require__(75);
+var BackgroundColor_1 = __webpack_require__(72);
 
 var defaultContext = {};
 var dataContract = {
@@ -4085,122 +3996,6 @@ var size = {
   initialWidth: 800,
   initialHeight: 500
 };
-var optionsSchema = {
-  backgroundColor: {
-    default: '> themes.defaultBackgroundColor',
-    description: 'Specify the color used for the background by using a hexadecimal code. For example, #0000FF.',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  eventActions: {
-    default: [],
-    description: 'Specify the available actions to take for an event. For example, `[{ "eventType": "eventAction.buildEventType.click", "label": "Build Event Type" }]`. Event types should end in `.click` if utilizing event handlers. Note that both `eventtypeValues` and `fieldFilters` keys support wildcard values.',
-    type: 'array',
-    items: {
-      anyOf: [{
-        type: 'object',
-        properties: {
-          eventType: {
-            description: 'The distinct type for the event emitted upon event action click.',
-            type: 'string',
-            pattern: '.click$',
-            default: ''
-          },
-          label: {
-            description: 'The label for the event action.',
-            type: 'string',
-            default: ''
-          },
-          eventtypeValues: {
-            description: 'An array of string values that all need to match against the value(s) of the `eventtype` field if it exists in the event in order to be shown.',
-            items: {
-              type: 'string'
-            },
-            type: 'array',
-            default: []
-          },
-          fieldFilters: {
-            description: 'An array of string values for fields that need to exist in the event in order for the given event action in order to be shown.',
-            items: {
-              type: 'string'
-            },
-            type: 'array',
-            default: []
-          }
-        },
-        required: ['eventType', 'label']
-      }]
-    }
-  },
-  fieldActions: {
-    description: 'Specify the available actions for this field. For example, `{ *: [{ "eventType": "fieldAction.sharedAction1.click", "label": "Shared Action 1", "eventtypeValues": ["*"], "fieldFilters": ["*"] }] }`. Event types should end in `.click` if utilizing event handlers. Actions under the `*` key are shared across all field dropdowns. Note that both `eventtypeValues` and `fieldFilters` keys, as well as the field names, support wildcard values.',
-    type: 'object',
-    patternProperties: {
-      '.*': {
-        description: 'Specify the available actions for this field.',
-        type: 'array',
-        items: {
-          anyOf: [{
-            type: 'object',
-            properties: {
-              eventType: {
-                description: 'The distinct type for the event emitted upon event action click.',
-                type: 'string',
-                pattern: '.click$',
-                default: ''
-              },
-              label: {
-                description: 'The label for the event action.',
-                type: 'string',
-                default: ''
-              },
-              eventtypeValues: {
-                description: 'An array of string values that all need to match against the value(s) of the `eventtype` field if it exists in the event in order to be shown.',
-                items: {
-                  type: 'string'
-                },
-                type: 'array',
-                default: []
-              },
-              fieldFilters: {
-                description: 'An array of string values for fields that need to exist in the event in order for the given event action in order to be shown.',
-                items: {
-                  type: 'string'
-                },
-                type: 'array',
-                default: []
-              }
-            },
-            required: ['eventType', 'label']
-          }]
-        }
-      }
-    }
-  },
-  footerFields: {
-    description: 'Specify field(s) that should be displayed in the footer component. Specify one or more fields to display in the footer component. For example, specify ["source", "dest"] to display the source and destination fields.',
-    type: 'array',
-    items: {
-      type: 'string'
-    },
-    default: []
-  },
-  highlightValuesByField: {
-    description: 'Specify the field and value pairs for manual highlighting. For example, `{"source": "$srcToken$", "dest": "12.21.1.11", "tag": ["tag1", "tag2"]}`.',
-    type: 'object'
-  },
-  highlightFromSource: {
-    description: 'Specify a segmentation mode to use for search based highlighting. Specifying "none" will turn search based highlighting off. For more about segmentation, search for "event segmentation" in the Getting Data In manual in the Splunk Docs.',
-    type: 'string',
-    pattern: (0, schemaUtils_1.getPattern)(DataSource_1.validSegmentationModes),
-    default: 'none'
-  },
-  showFieldSummary: {
-    description: 'Specify that a field summary popup appears when a field is selected. To show field summaries for a search, configure an additional datasource called `fieldsummary` using the original search followed by the `... | fieldsummary maxvals=10` SPL command.',
-    type: 'boolean',
-    default: true
-  }
-};
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
     return (0, themes_1.pick)({
@@ -4253,7 +4048,7 @@ var config = {
   dataContract: dataContract,
   size: size,
   defaultContext: defaultContext,
-  optionsSchema: optionsSchema,
+  optionsSchema: visualization_schemas_1.eventsOptionsSchema,
   editorConfig: editorConfig,
   events: {
     'eventAction.<actionName>.click': {
@@ -4282,31 +4077,31 @@ var config = {
 exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
-/* 227 */
+/* 221 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _typeof = __webpack_require__(105);
+var _typeof = __webpack_require__(102);
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(5);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
-var T = __webpack_require__(1);
+var T = __webpack_require__(0);
 
-var EventsViewer_1 = __webpack_require__(228);
+var EventsViewer_1 = __webpack_require__(222);
 
 var styled_components_1 = __webpack_require__(4);
 
-var pick_1 = __webpack_require__(30);
+var pick_1 = __webpack_require__(29);
 
 var variables_1 = __webpack_require__(13);
 
@@ -4314,26 +4109,26 @@ var colorUtils_1 = __webpack_require__(15);
 
 var style_1 = __webpack_require__(18);
 
-var EventsContext_1 = __webpack_require__(174);
+var EventsContext_1 = __webpack_require__(169);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
-var Menu_1 = __webpack_require__(142);
+var Menu_1 = __webpack_require__(140);
 
-var constants_1 = __webpack_require__(173);
+var constants_1 = __webpack_require__(168);
 
 var FixedSizeContainer_1 = __webpack_require__(17);
 
-var EventUtils_1 = __webpack_require__(143);
+var EventUtils_1 = __webpack_require__(141);
 
-var FieldSummaryTooltip_1 = __webpack_require__(230);
+var FieldSummaryTooltip_1 = __webpack_require__(224);
 
-var TimeControlsPopover_1 = __webpack_require__(232); // Inspired by VizTableContainer in PureTable.tsx
+var TimeControlsPopover_1 = __webpack_require__(226); // Inspired by VizTableContainer in PureTable.tsx
 
 
 var EventsContainer = styled_components_1.default.div.withConfig({
   displayName: "PureEvents__EventsContainer",
-  componentId: "iniqvm-0"
+  componentId: "sc-iniqvm-0"
 })(["width:", ";height:", ";box-sizing:border-box;padding:", ";display:flex;flex-flow:column nowrap;overflow:hidden;background-color:", ";table[data-test='main-table']{background-color:", ";}table[data-test='main-table']{td:nth-child(3){word-break:break-word;white-space:pre-wrap;}}"], function (props) {
   return (0, lodash_1.isNumber)(props.width) ? "".concat(props.width, "px") : props.width;
 }, function (props) {
@@ -4350,7 +4145,7 @@ var EventsContainer = styled_components_1.default.div.withConfig({
 
 var SUIEventsViewerContainer = styled_components_1.default.div.withConfig({
   displayName: "PureEvents__SUIEventsViewerContainer",
-  componentId: "iniqvm-1"
+  componentId: "sc-iniqvm-1"
 })(["box-sizing:border-box;flex-grow:1;overflow:hidden;", ";"], function (_ref) {
   var width = _ref.width,
       height = _ref.height,
@@ -4636,6 +4431,7 @@ var PureEvents = function PureEvents(props) {
   };
 
   return React.createElement(EventsContainer, {
+    "data-test": "events-container",
     backgroundColor: backgroundColor,
     width: width,
     height: height
@@ -4721,25 +4517,25 @@ PureEvents.defaultProps = {
 exports.default = (0, FixedSizeContainer_1.default)(PureEvents);
 
 /***/ }),
-/* 228 */
+/* 222 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-events-viewer/components/EventsViewer");
 
 /***/ }),
-/* 229 */
+/* 223 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/time-range-utils/time");
 
 /***/ }),
-/* 230 */
+/* 224 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _taggedTemplateLiteral = __webpack_require__(81);
+var _taggedTemplateLiteral = __webpack_require__(78);
 
 var _templateObject;
 
@@ -4747,23 +4543,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var react_1 = __webpack_require__(0);
+var react_1 = __webpack_require__(1);
 
-var Popover_1 = __webpack_require__(84);
+var Popover_1 = __webpack_require__(81);
 
-var Markdown_1 = __webpack_require__(144);
+var Markdown_1 = __webpack_require__(142);
 
-var FieldSummary_1 = __webpack_require__(231);
+var FieldSummary_1 = __webpack_require__(225);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
 var styled_components_1 = __webpack_require__(4);
 
-var EventsContext_1 = __webpack_require__(174);
+var EventsContext_1 = __webpack_require__(169);
 
 var popoverContainerStyle = {
   padding: '20px',
@@ -4860,21 +4656,21 @@ FieldSummaryTooltip.defaultProps = {
 exports.default = FieldSummaryTooltip;
 
 /***/ }),
-/* 231 */
+/* 225 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-field-summary/components/FieldSummary");
 
 /***/ }),
-/* 232 */
+/* 226 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(5);
 
-var _taggedTemplateLiteral = __webpack_require__(81);
+var _taggedTemplateLiteral = __webpack_require__(78);
 
 var _templateObject;
 
@@ -4882,40 +4678,40 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var Popover_1 = __webpack_require__(84);
+var Popover_1 = __webpack_require__(81);
 
-var ControlGroup_1 = __webpack_require__(233);
+var ControlGroup_1 = __webpack_require__(227);
 
-var Button_1 = __webpack_require__(145);
+var Button_1 = __webpack_require__(117);
 
-var Text_1 = __webpack_require__(234);
+var Text_1 = __webpack_require__(228);
 
-var Message_1 = __webpack_require__(146);
+var Message_1 = __webpack_require__(143);
 
-var Select_1 = __webpack_require__(235);
+var Select_1 = __webpack_require__(229);
 
-var Link_1 = __webpack_require__(236);
+var Link_1 = __webpack_require__(230);
 
-var Heading_1 = __webpack_require__(147);
+var Heading_1 = __webpack_require__(144);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
 var styled_components_1 = __webpack_require__(4);
 
-var numberUtils_1 = __webpack_require__(11);
+var numberUtils_1 = __webpack_require__(10);
 
-var pick_1 = __webpack_require__(30);
+var pick_1 = __webpack_require__(29);
 
-var EventUtils_1 = __webpack_require__(143); // custom popover sizing for Enterprise vs. Prisma themes - additional px for Prisma theme to fit controls
+var EventUtils_1 = __webpack_require__(141); // custom popover sizing for Enterprise vs. Prisma themes - additional px for Prisma theme to fit controls
 
 
 var TimePopoverContainer = styled_components_1.default.div.withConfig({
   displayName: "TimeControlsPopover__TimePopoverContainer",
-  componentId: "fj32ze-0"
+  componentId: "sc-fj32ze-0"
 })(["padding:20px;width:", ";.time-drilldown-header{margin:0px;}[data-test='nearby-controls']{margin:0px;width:", ";}"], function (props) {
   return (0, pick_1.default)({
     enterprise: '372px',
@@ -4929,11 +4725,11 @@ var TimePopoverContainer = styled_components_1.default.div.withConfig({
 });
 var TimeTable = styled_components_1.default.table.withConfig({
   displayName: "TimeControlsPopover__TimeTable",
-  componentId: "fj32ze-1"
+  componentId: "sc-fj32ze-1"
 })(["width:100%;display:table;border-collapse:separate;box-sizing:border-box;text-indent:initial;border-spacing:2px;border-color:grey;"]);
 var NearbyValueRow = styled_components_1.default.div.withConfig({
   displayName: "TimeControlsPopover__NearbyValueRow",
-  componentId: "fj32ze-2"
+  componentId: "sc-fj32ze-2"
 })(["display:flex;align-items:flex-start;justify-content:center;"]);
 var SectionHeading = (0, styled_components_1.default)(Heading_1.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin-top: 20px;\n"])));
 var rangeTypeInputStyle = {
@@ -5137,25 +4933,25 @@ TimeControlsPopover.defaultProps = {
 exports.default = TimeControlsPopover;
 
 /***/ }),
-/* 233 */
+/* 227 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ControlGroup");
 
 /***/ }),
-/* 234 */
+/* 228 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Text");
 
 /***/ }),
-/* 235 */
+/* 229 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Select");
 
 /***/ }),
-/* 236 */
+/* 230 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Link");