@splunk/visualizations 26.2.1 → 26.4.0

package/Table.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 501);
+/******/ 	return __webpack_require__(__webpack_require__.s = 489);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -95,86 +95,86 @@ module.exports =
 /***/ 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");
 
 /***/ }),
 
 /***/ 10:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/classCallCheck");
+module.exports = require("@splunk/visualizations-shared/numberUtils");
 
 /***/ }),
 
-/***/ 105:
+/***/ 102:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/typeof");
 
 /***/ }),
 
-/***/ 11:
+/***/ 108:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/numberUtils");
+module.exports = require("@babel/runtime/helpers/assertThisInitialized");
 
 /***/ }),
 
-/***/ 111:
+/***/ 11:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/assertThisInitialized");
+module.exports = require("@splunk/visualizations-shared/Message");
 
 /***/ }),
 
-/***/ 117:
+/***/ 113:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paginator");
 
 /***/ }),
 
-/***/ 118:
+/***/ 114:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(70);
+/* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(68);
 /* harmony import */ var _babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_extends__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(10);
+/* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
 /* harmony import */ var _babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(25);
+/* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(24);
 /* harmony import */ var _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(111);
+/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(108);
 /* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(94);
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(91);
 /* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(95);
+/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(92);
 /* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(85);
+/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(82);
 /* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__);
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(9);
+/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(12);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
-/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(1);
+/* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(0);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_8__);
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(0);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(1);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_9__);
-/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(3);
+/* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(2);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_10__);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(4);
 /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var _splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(84);
+/* harmony import */ var _splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(81);
 /* harmony import */ var _splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(2);
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(3);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(31);
+/* harmony import */ var _splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(30);
 /* harmony import */ var _splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14__);
 
 
@@ -786,7 +786,7 @@ _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(Spa
 /***/ 12:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/Message");
+module.exports = require("@babel/runtime/helpers/defineProperty");
 
 /***/ }),
 
@@ -797,7 +797,7 @@ module.exports = require("@splunk/themes/variables");
 
 /***/ }),
 
-/***/ 135:
+/***/ 133:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Table");
@@ -815,9 +815,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) {
@@ -952,19 +952,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
 
@@ -1045,8 +1047,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;
 
@@ -1083,14 +1084,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)({
@@ -1101,6 +1095,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);
   }
 
@@ -1139,7 +1134,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) {
@@ -1153,7 +1148,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
@@ -1243,7 +1238,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;
 
@@ -1267,6 +1262,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
@@ -1279,7 +1275,7 @@ exports.downsampleDataSources = downsampleDataSources;
 
 /***/ }),
 
-/***/ 146:
+/***/ 143:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Message");
@@ -1293,25 +1289,6 @@ module.exports = require("@splunk/visualizations-shared/colorUtils");
 
 /***/ }),
 
-/***/ 159:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validFontSizes = exports.validTextOverflows = exports.validAlignments = exports.validHeaderVisibilities = exports.validSparklineTypes = exports.validCellRenderers = void 0;
-exports.validCellRenderers = ['TextCell', 'ArrayCell', 'SparklineCell'];
-exports.validSparklineTypes = ['line', 'area'];
-exports.validHeaderVisibilities = ['none', 'fixed', 'inline'];
-exports.validAlignments = ['left', 'center', 'right'];
-exports.validTextOverflows = ['anywhere', 'break-word', 'ellipsis'];
-exports.validFontSizes = ['extraSmall', 'small', 'default', 'large'];
-
-/***/ }),
-
 /***/ 16:
 /***/ (function(module, exports) {
 
@@ -1325,13 +1302,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);
 
@@ -1339,7 +1316,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;
@@ -1410,7 +1387,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
@@ -1439,29 +1416,13 @@ module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
 
-/***/ 19:
+/***/ 186:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validOutputModes = exports.validSegmentationModes = exports.validSortDirs = void 0;
-exports.validSortDirs = ['asc', 'desc', 'none'];
-exports.validSegmentationModes = ['none', 'inner'];
-exports.validOutputModes = ['json_cols', 'json'];
-
-/***/ }),
-
-/***/ 191:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _slicedToArray = __webpack_require__(7);
+var _slicedToArray = __webpack_require__(5);
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -1481,17 +1442,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = exports.PureTable = exports.themes = exports.computeVizProps = void 0;
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
 var colorUtils_1 = __webpack_require__(15);
 
-var config_1 = __webpack_require__(502);
+var config_1 = __webpack_require__(490);
 
 exports.config = config_1.default;
 
-var withDashboardViz_1 = __webpack_require__(56);
+var withDashboardViz_1 = __webpack_require__(54);
 
-var PureTable_1 = __webpack_require__(506);
+var PureTable_1 = __webpack_require__(494);
 
 exports.PureTable = PureTable_1.default;
 
@@ -1592,7 +1553,22 @@ exports.default = Table;
 /***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("lodash");
+
+/***/ }),
+
+/***/ 20:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.validOutputModes = exports.validSortDirs = void 0;
+exports.validSortDirs = ['asc', 'desc', 'none'];
+exports.validOutputModes = ['json_cols', 'json'];
 
 /***/ }),
 
@@ -1602,9 +1578,9 @@ module.exports = require("@splunk/ui-utils/i18n");
 "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
@@ -1699,123 +1675,41 @@ 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;
-
-var lodash_1 = __webpack_require__(3);
-
-var schemaUtils_1 = __webpack_require__(24);
-
-var VizBehavior_1 = __webpack_require__(6);
-
-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
- */
+exports.insertLayout = exports.isDynamicOption = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.enhanceConfig = exports.enhanceOptionsSchemaWithDynamicOptions = void 0;
 
-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
-    });
+var lodash_1 = __webpack_require__(2); // included for backwards compatibility
 
-    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;
-}
+var visualization_schemas_1 = __webpack_require__(9);
 
-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
@@ -1826,11 +1720,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
@@ -1954,42 +1843,42 @@ exports.insertLayout = insertLayout;
 
 /***/ }),
 
-/***/ 28:
+/***/ 27:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/FeatureFlagContext");
 
 /***/ }),
 
-/***/ 3:
+/***/ 29:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("@splunk/themes/pick");
 
 /***/ }),
 
-/***/ 30:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes/pick");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
-/***/ 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";
@@ -1999,7 +1888,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)();
@@ -2013,21 +1902,21 @@ 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");
 
 /***/ }),
 
-/***/ 37:
+/***/ 36:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2038,15 +1927,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);
 /**
@@ -2120,24 +2009,24 @@ 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,
@@ -2191,7 +2080,7 @@ exports.getSortingParams = getSortingParams;
 
 /***/ }),
 
-/***/ 39:
+/***/ 38:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2202,9 +2091,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,
@@ -2256,14 +2145,7 @@ exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
 
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 40:
+/***/ 39:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2298,11 +2180,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);
 
@@ -2314,16 +2198,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);
@@ -2332,13 +2216,16 @@ __exportStar(__webpack_require__(52), exports);
 
 __exportStar(__webpack_require__(53), exports);
 
-__exportStar(__webpack_require__(54), exports);
+/***/ }),
+
+/***/ 4:
+/***/ (function(module, exports) {
 
-__exportStar(__webpack_require__(55), exports);
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 41:
+/***/ 40:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2350,7 +2237,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 42:
+/***/ 41:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2365,19 +2252,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 43:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-/***/ }),
-
-/***/ 44:
+/***/ 42:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2389,7 +2264,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 45:
+/***/ 43:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2401,7 +2276,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 46:
+/***/ 44:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2413,7 +2288,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 47:
+/***/ 45:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2425,7 +2300,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 48:
+/***/ 46:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2437,7 +2312,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 49:
+/***/ 47:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2449,7 +2324,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 50:
+/***/ 48:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2461,7 +2336,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 501:
+/***/ 489:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2499,9 +2374,9 @@ exports.default = void 0; // NOTE: wildcard syntax only works for named exports
 // for some reason, omitting the default export worked before TS v4
 // see: https://stackoverflow.com/a/34445175
 
-__exportStar(__webpack_require__(191), exports);
+__exportStar(__webpack_require__(186), exports);
 
-var Table_1 = __webpack_require__(191);
+var Table_1 = __webpack_require__(186);
 
 Object.defineProperty(exports, "default", {
   enumerable: true,
@@ -2512,45 +2387,55 @@ Object.defineProperty(exports, "default", {
 
 /***/ }),
 
-/***/ 502:
+/***/ 49:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(8);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+/***/ }),
+
+/***/ 490:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _toConsumableArray = __webpack_require__(6);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
-var schemaUtils_1 = __webpack_require__(24);
+var visualization_schemas_1 = __webpack_require__(9);
 
-var colorConstants_1 = __webpack_require__(71);
+var colorConstants_1 = __webpack_require__(69);
 
-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 variables_1 = __webpack_require__(13);
 
-var pick_1 = __webpack_require__(30);
-
-var TextAlignCenter_1 = __webpack_require__(503);
+var pick_1 = __webpack_require__(29);
 
-var TextAlignLeft_1 = __webpack_require__(504);
+var TextAlignCenter_1 = __webpack_require__(491);
 
-var TextAlignRight_1 = __webpack_require__(505);
+var TextAlignLeft_1 = __webpack_require__(492);
 
-var configUtils_1 = __webpack_require__(27);
+var TextAlignRight_1 = __webpack_require__(493);
 
-var VizBehavior_1 = __webpack_require__(6);
+var configUtils_1 = __webpack_require__(26);
 
-var consts_1 = __webpack_require__(159);
+var VizBehavior_1 = __webpack_require__(7);
 
 var VizCategory_1 = __webpack_require__(22);
 
@@ -2626,6 +2511,11 @@ var defaultContext = {
     match: 'null',
     value: 'TextCell'
   }],
+  tableDataFormatByType: {
+    time: {
+      format: 'YYYY-MM-DD HH:mm:ss'
+    }
+  },
   // NOTE: These contexts are used by the table background color editor.
   // Please be careful removing/renaming/altering them.
   // There are unit tests and visual test that will capture breakages.
@@ -2798,320 +2688,6 @@ var matchColorConfig = [{
   match: '',
   value: '#5C33FF'
 }];
-var optionsSchema = {
-  backgroundColor: {
-    default: '> themes.defaultBackgroundColor',
-    description: 'Specify the color for the background. You might use a data source to apply the color. The default for enterprise light is "#FFFFFF". The default for enterprise dark is "#000000". The default for prisma dark is "#0B0C0E".',
-    pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-    type: 'string'
-  },
-  columnFormat: {
-    description: 'Lets you format an individual column in a table. Specify a column in a table as a field, followed by a property. For more information, see the Column Format Align - Left example on the Examples page.',
-    type: 'object',
-    patternProperties: {
-      '.*': {
-        description: 'Customization for column property',
-        type: 'object',
-        properties: {
-          align: {
-            description: 'Specify the alignment for the whole column. Valid alignments include "left", "center", and "right". You can also pass an array to specify the alignment of each cell. When set to "auto", the column will use the same configuration as tableFormat.align.',
-            type: ['string', 'array'],
-            items: {
-              type: 'string',
-              enum: consts_1.validAlignments.concat()
-            },
-            default: 'auto'
-          },
-          cellTypes: {
-            description: 'Specify how to render data in cells. Valid cell renders include "TextCell", "ArrayCell", "SparklineCell".',
-            type: 'array',
-            items: {
-              type: 'string',
-              enum: consts_1.validCellRenderers.concat()
-            }
-          },
-          data: {
-            description: 'Specify data points to be displayed in the cells of a column.',
-            type: 'array',
-            items: {
-              oneOf: [{
-                type: 'string'
-              }, {
-                type: 'number'
-              }, {
-                type: 'array',
-                items: {
-                  type: ['string', 'number']
-                }
-              }]
-            }
-          },
-          headerAlign: {
-            description: 'Specify the heaader alignment for the whole column. Valid alignments include "left", "center", and "right".  When set to "auto", the column will use the same configuration as tableFormat.headerAlign',
-            type: 'string',
-            items: {
-              type: 'string',
-              enum: consts_1.validAlignments.concat()
-            },
-            default: 'auto'
-          },
-          rowBackgroundColors: {
-            description: 'Specify a list of colors, in hexadecimal code, for the background color of each column of the table. For example, ["#2C333B", "32373D"].',
-            type: 'array',
-            items: {
-              type: 'string',
-              pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
-            }
-          },
-          rowColors: {
-            description: 'Specify a list of colors, in hexadecimal code, for the text color of the cells of a column. For example, ["#2C333B", "32373D"].',
-            type: 'array',
-            items: {
-              type: 'string',
-              pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
-            }
-          },
-          sparklineAreaColors: {
-            description: 'Specify a list of colors, in hexadecimal code, for the sparkline area of each column. For example, ["#2C333B", "32373D"].',
-            type: 'array',
-            items: {
-              type: 'string',
-              pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
-            }
-          },
-          sparklineColors: {
-            description: 'Specify a list of colors, in hexadecimal code, for the sparkline stroke of each column. For example, ["#2C333B", "32373D"].',
-            type: 'array',
-            items: {
-              type: 'string',
-              pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
-            }
-          },
-          sparklineTypes: {
-            description: 'Choose either area or line formatting for the Sparkline. Valid sparkline types include "line" and "area".',
-            type: 'array',
-            items: {
-              type: 'string',
-              enum: consts_1.validSparklineTypes.concat()
-            }
-          },
-          textOverflow: {
-            description: 'Controls how the text should be truncated within a particular column. Valid types include "anywhere", "break-word", "ellipsis".  Columns are "break-word" styled by default when "textOverflow" is not configured.',
-            type: 'string',
-            pattern: (0, schemaUtils_1.getPattern)(consts_1.validTextOverflows),
-            enum: consts_1.validTextOverflows.concat()
-          },
-          width: {
-            description: 'Specify, in pixels, the width of the column. The default displays a minimum width of at least 90, unless the table needs to filled further. The minimum width is 30px.',
-            type: 'number',
-            minimum: 30
-          }
-        }
-      }
-    }
-  },
-  count: {
-    description: 'Specify the maximum number of rows to display.',
-    type: 'number',
-    default: 10
-  },
-  font: {
-    default: 'proportional',
-    description: 'Specify the font style to use for table content.',
-    type: 'string',
-    pattern: (0, schemaUtils_1.getPattern)(['proportional', 'monospace'])
-  },
-  fontSize: {
-    default: 'default',
-    description: 'Specify the font size to use for table content. Font sizes range from extra small (10px) to large (16px) with the default being 14px.',
-    type: 'string',
-    pattern: (0, schemaUtils_1.getPattern)(consts_1.validFontSizes)
-  },
-  headers: {
-    default: '> table | getField()',
-    description: "Specify an array of headers to display on the table. Though these can be statically listed, it's best to use the dynamic default, as it will return the fields of your search.",
-    type: 'array',
-    items: {
-      type: 'string'
-    }
-  },
-  headerVisibility: {
-    default: 'inline',
-    description: 'Specify how to display the table header row.',
-    pattern: (0, schemaUtils_1.getPattern)(consts_1.validHeaderVisibilities),
-    enum: consts_1.validHeaderVisibilities.concat(),
-    type: 'string'
-  },
-  paginateDataSourceKey: {
-    default: 'primary',
-    description: 'Specify the data source key for pagination and sorting.',
-    type: 'string'
-  },
-  showInternalFields: {
-    default: true,
-    description: 'Specify whether to show internal fields that start with an underscore. The _time field will still be shown if false.',
-    type: 'boolean'
-  },
-  showRowNumbers: {
-    default: false,
-    description: 'Show row numbers in the first column.',
-    type: 'boolean'
-  },
-  table: {
-    default: '> primary',
-    description: 'Two dimensional array of data to be displayed in the table.',
-    type: 'array',
-    items: {
-      type: 'array',
-      items: {
-        oneOf: [{
-          type: 'string'
-        }, {
-          type: 'number'
-        }, {
-          type: 'array',
-          items: {
-            type: ['string', 'number']
-          }
-        }]
-      }
-    }
-  },
-  tableFormat: {
-    description: 'Lets you set global options for a table.',
-    type: 'object',
-    properties: {
-      align: {
-        default: '> table | type() | matchValue(tableAlignByType)',
-        description: 'Specify alignment for the whole table. Valid alignments include "left", "center", and "right". You can also pass a 2 dimensional array to specify the alignment of each cell. By default, the table will be aligned by type.',
-        type: ['string', 'array'],
-        items: {
-          type: 'array',
-          items: {
-            type: 'string',
-            enum: consts_1.validAlignments.concat()
-          }
-        }
-      },
-      cellTypes: {
-        default: '> table | type() | matchValue(tableCellTypeByType)',
-        description: 'Specify how to render data in cells. Valid cell renders include "TextCell", "ArrayCell", "SparklineCell".',
-        type: 'array',
-        items: {
-          type: 'array',
-          items: {
-            type: 'string',
-            enum: consts_1.validCellRenderers.concat()
-          }
-        }
-      },
-      data: {
-        description: 'Two dimensional data to be displayed in the table. This is usually formatted data instead of raw data from search.',
-        type: 'array',
-        items: {
-          type: 'array',
-          items: {
-            oneOf: [{
-              type: 'string'
-            }, {
-              type: 'number'
-            }, {
-              type: 'array',
-              items: {
-                type: ['string', 'number']
-              }
-            }]
-          }
-        }
-      },
-      headerAlign: {
-        description: 'Specify the header alignment for the whole table. Valid alignments include "left", "center", and "right".',
-        type: 'string',
-        items: {
-          type: 'string',
-          enum: consts_1.validAlignments.concat()
-        },
-        default: 'left'
-      },
-      headerBackgroundColor: {
-        default: '> themes.defaultHeaderBackgroundColor',
-        description: 'Specify the table header background color using a hexadecimal code. For example, "#FFFFFF".',
-        pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-        type: 'string'
-      },
-      headerColor: {
-        description: 'Specify the table header text color using a hexadecimal code. For example, "#FFFFFF".',
-        pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA,
-        type: 'string'
-      },
-      rowBackgroundColors: {
-        default: '> table | seriesByIndex(0) | pick(tableAltRowBackgroundColorsByTheme)',
-        description: 'Specify a list of colors, in hexadecimal code, for the background color of each row of the table. For example, ["#2C333B", "32373D"].',
-        type: 'array',
-        items: {
-          type: 'array',
-          items: {
-            type: 'string',
-            pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
-          }
-        }
-      },
-      rowColors: {
-        description: 'Specify a list of colors, in hexadecimal code, for the text color of each row of the table. For example, ["#2C333B", "32373D"].',
-        type: 'array',
-        items: {
-          type: 'array',
-          items: {
-            type: 'string',
-            pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
-          }
-        }
-      },
-      sparklineAreaColors: {
-        description: 'Specify a list of colors, in hexadecimal code, for the sparkline area of each row of the table. For example, ["#2C333B", "32373D"].',
-        type: 'array',
-        items: {
-          type: 'array',
-          items: {
-            type: 'string',
-            pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
-          }
-        }
-      },
-      sparklineColors: {
-        description: 'Specify a list of colors, in hexadecimal code, for the sparkline stroke of each row of the table. For example, ["#2C333B", "32373D"].',
-        type: 'array',
-        items: {
-          type: 'array',
-          items: {
-            type: 'string',
-            pattern: schemaUtils_1.COLOR_OR_TOKEN_PATTERN_WITH_RGBA
-          }
-        }
-      },
-      sparklineTypes: {
-        description: 'Choose either area or line formatting for the Sparkline.',
-        type: 'array',
-        items: {
-          type: 'array',
-          items: {
-            type: 'string',
-            enum: consts_1.validSparklineTypes.concat()
-          }
-        }
-      },
-      textOverflow: {
-        description: 'Specify the text overflow for the whole column. Valid overflows include "break-word", "anywhere", and "ellipsis".',
-        type: 'string',
-        items: {
-          type: 'string',
-          enum: consts_1.validTextOverflows.concat()
-        },
-        default: 'break-word'
-      }
-    }
-  }
-};
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
     return (0, pick_1.default)({
@@ -3303,6 +2879,9 @@ var editorConfig = [{
           align: 'auto',
           headerAlign: 'auto',
           textOverflow: 'break-word'
+        },
+        time: {
+          format: 'YYYY-MM-DD HH:mm:ss'
         }
       },
       textFormatConfig: [[Object.assign({}, headerAlignConfigColumn)], [Object.assign({}, textAlignConfigColumn)], [Object.assign({}, textOverflowConfigColumn)]],
@@ -3370,7 +2949,7 @@ var config = {
   dataContract: dataContract,
   size: size,
   defaultContext: defaultContext,
-  optionsSchema: optionsSchema,
+  optionsSchema: visualization_schemas_1.tableOptionsSchema,
   editorConfig: editorConfig,
   events: {
     'cell.click': {
@@ -3384,36 +2963,36 @@ exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
 
-/***/ 503:
+/***/ 491:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/TextAlignCenter");
 
 /***/ }),
 
-/***/ 504:
+/***/ 492:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/TextAlignLeft");
 
 /***/ }),
 
-/***/ 505:
+/***/ 493:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/TextAlignRight");
 
 /***/ }),
 
-/***/ 506:
+/***/ 494:
 /***/ (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, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
@@ -3435,45 +3014,45 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.INITIAL_UNSET_COLUMN_WIDTH = exports.MINIMUM_COLUMN_SIZE = 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 styled_components_1 = __webpack_require__(4);
 
-var i18n_1 = __webpack_require__(2);
+var i18n_1 = __webpack_require__(3);
 
-var Table_1 = __webpack_require__(135);
+var Table_1 = __webpack_require__(133);
 
-var Paginator_1 = __webpack_require__(117);
+var Paginator_1 = __webpack_require__(113);
 
-var Message_1 = __webpack_require__(146);
+var Message_1 = __webpack_require__(143);
 
 var colorUtils_1 = __webpack_require__(15);
 
 var style_1 = __webpack_require__(18);
 
-var pick_1 = __webpack_require__(30);
+var pick_1 = __webpack_require__(29);
 
 var variables_1 = __webpack_require__(13);
 
-var hooks_1 = __webpack_require__(507);
+var visualization_schemas_1 = __webpack_require__(9);
 
-var consts_1 = __webpack_require__(159);
+var hooks_1 = __webpack_require__(495);
 
-var cells_1 = __webpack_require__(508);
+var cells_1 = __webpack_require__(496);
 
-var getPagination_1 = __webpack_require__(39);
+var getPagination_1 = __webpack_require__(38);
 
-var getSorting_1 = __webpack_require__(38);
+var getSorting_1 = __webpack_require__(37);
 
 var FixedSizeContainer_1 = __webpack_require__(17); // debounce was imported this way due to typing
 // eslint-disable-next-line import/order
 
 
-var debounce = __webpack_require__(513);
+var debounce = __webpack_require__(501);
 
 exports.MINIMUM_COLUMN_SIZE = 30;
 exports.INITIAL_UNSET_COLUMN_WIDTH = 90;
@@ -3485,7 +3064,7 @@ var TableHeadCell = (0, styled_components_1.default)(Table_1.default.HeadCell)(_
 });
 var VizTableContainer = styled_components_1.default.div.withConfig({
   displayName: "PureTable__VizTableContainer",
-  componentId: "tovzjg-0"
+  componentId: "sc-tovzjg-0"
 })(["box-sizing:border-box;padding:", ";background-color:", ";display:flex;flex-flow:column nowrap;overflow:hidden;td,* > td:hover{color:", ";}"], (0, pick_1.default)({
   enterprise: variables_1.default.spacingHalf,
   prisma: variables_1.default.spacingSmall
@@ -3500,7 +3079,7 @@ var PAGINATOR_CONTAINER_HEIGHT = 38;
 var PAGINATOR_SPACING = 5;
 var SUITableContainer = styled_components_1.default.div.withConfig({
   displayName: "PureTable__SUITableContainer",
-  componentId: "tovzjg-1"
+  componentId: "sc-tovzjg-1"
 })(["& *{font-family:", ";font-size:", ";line-height:", ";}box-sizing:border-box;flex-grow:1;overflow:hidden;", ";", ";", " ", " [data-test=\"main-table\"]{", " td{white-space:pre-wrap;}}"], function (props) {
   return props.font;
 }, function (props) {
@@ -3543,7 +3122,7 @@ var SUITableContainer = styled_components_1.default.div.withConfig({
 SUITableContainer.displayName = 'SUITableContainer';
 var PaginatorContainer = styled_components_1.default.div.withConfig({
   displayName: "PureTable__PaginatorContainer",
-  componentId: "tovzjg-2"
+  componentId: "sc-tovzjg-2"
 })(["position:relative;text-align:right;height:", "px;"], PAGINATOR_CONTAINER_HEIGHT);
 PaginatorContainer.displayName = 'PaginatorContainer'; // allow for early return in case of empty tableBody while still following hook rules
 
@@ -3899,18 +3478,18 @@ PureTable.propTypes = {
   backgroundColor: T.string,
   count: T.number,
   columnFormat: T.objectOf(T.shape({
-    align: T.oneOfType([T.arrayOf(T.oneOf(consts_1.validAlignments)), T.oneOf(consts_1.validAlignments)]),
-    cellTypes: T.arrayOf(T.oneOf(consts_1.validCellRenderers)),
+    align: T.oneOfType([T.arrayOf(T.oneOf(visualization_schemas_1.validColumnAlignments)), T.oneOf(visualization_schemas_1.validColumnAlignments)]),
+    cellTypes: T.arrayOf(T.oneOf(visualization_schemas_1.validCellRenderers)),
     data: T.arrayOf(cellDataType),
-    headerAlign: T.oneOf(consts_1.validAlignments),
+    headerAlign: T.oneOf(visualization_schemas_1.validColumnAlignments),
     rowBackgroundColors: T.arrayOf(T.string),
     rowColors: T.arrayOf(T.string),
     sparklineAreaColors: T.arrayOf(T.string),
     sparklineColors: T.arrayOf(T.string),
-    sparklineTypes: T.arrayOf(T.oneOf(consts_1.validSparklineTypes))
+    sparklineTypes: T.arrayOf(T.oneOf(visualization_schemas_1.validSparklineTypes))
   })),
   headers: T.arrayOf(T.string),
-  headerVisibility: T.oneOf(consts_1.validHeaderVisibilities),
+  headerVisibility: T.oneOf(visualization_schemas_1.validHeaderVisibilities),
   height: T.oneOfType([T.number]),
   mode: T.string,
   onCellClick: T.func,
@@ -3919,17 +3498,17 @@ PureTable.propTypes = {
   sortParams: getSorting_1.SortParamsPropTypes,
   table: T.arrayOf(T.arrayOf(cellDataType)),
   tableFormat: T.shape({
-    align: T.oneOfType([T.arrayOf(T.arrayOf(T.oneOf(consts_1.validAlignments))), T.oneOf(consts_1.validAlignments)]),
-    cellTypes: T.arrayOf(T.arrayOf(T.oneOf(consts_1.validCellRenderers))),
+    align: T.oneOfType([T.arrayOf(T.arrayOf(T.oneOf(visualization_schemas_1.validAlignments))), T.oneOf(visualization_schemas_1.validAlignments)]),
+    cellTypes: T.arrayOf(T.arrayOf(T.oneOf(visualization_schemas_1.validCellRenderers))),
     data: T.arrayOf(T.arrayOf(cellDataType)),
-    headerAlign: T.oneOf(consts_1.validAlignments),
+    headerAlign: T.oneOf(visualization_schemas_1.validAlignments),
     headerBackgroundColor: T.string,
     headerColor: T.string,
     rowBackgroundColors: T.oneOfType([T.arrayOf(T.string), T.arrayOf(T.arrayOf(T.string))]),
     rowColors: T.oneOfType([T.arrayOf(T.string), T.arrayOf(T.arrayOf(T.string))]),
     sparklineAreaColors: T.arrayOf(T.arrayOf(T.string)),
     sparklineColors: T.arrayOf(T.arrayOf(T.string)),
-    sparklineTypes: T.arrayOf(T.arrayOf(T.oneOf(consts_1.validSparklineTypes)))
+    sparklineTypes: T.arrayOf(T.arrayOf(T.oneOf(visualization_schemas_1.validSparklineTypes)))
   }),
   theme: T.any,
   width: T.oneOfType([T.number]),
@@ -3965,26 +3544,26 @@ exports.default = withEmptyTableMessage((0, FixedSizeContainer_1.default)(PureTa
 
 /***/ }),
 
-/***/ 507:
+/***/ 495:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(8);
+var _toConsumableArray = __webpack_require__(6);
 
-var _typeof = __webpack_require__(105);
+var _typeof = __webpack_require__(102);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useTable = exports.getTextOverflowType = exports.getOverflowStyles = void 0;
 
-var lodash_1 = __webpack_require__(3);
+var lodash_1 = __webpack_require__(2);
 
 var colorUtils_1 = __webpack_require__(15);
 
-var consts_1 = __webpack_require__(159);
+var visualization_schemas_1 = __webpack_require__(9);
 
 var isArray = function isArray(v) {
   return Array.isArray(v);
@@ -4056,14 +3635,15 @@ var getColumnFormatAlign = function getColumnFormatAlign(columnFormat, currentCo
   var align;
   var alignOption = getAttributeFromColumnFormat('align', columnFormat, currentColumn.columnId, currentColumn.value);
 
-  if (isArray(alignOption) && (0, lodash_1.includes)(consts_1.validAlignments, alignOption[currentRow])) {
+  if (isArray(alignOption) && (0, lodash_1.includes)(visualization_schemas_1.validAlignments, alignOption[currentRow])) {
     align = alignOption[currentRow];
   } else if (typeof alignOption === 'string' && alignOption === 'auto') {
     align = undefined;
-  } else if (typeof alignOption === 'string' && (0, lodash_1.includes)(consts_1.validAlignments, alignOption)) {
+  } else if (typeof alignOption === 'string' && (0, lodash_1.includes)(visualization_schemas_1.validAlignments, alignOption)) {
     align = alignOption;
   } else if (typeof alignOption !== 'undefined') {
-    console.warn("columnFormat.".concat(currentColumn.columnId, ".align should be a string or an array containing (").concat(consts_1.validAlignments.join(' | '), "). ").concat(JSON.stringify(alignOption), " provided"));
+    // eslint-disable-next-line no-console
+    console.warn("columnFormat.".concat(currentColumn.columnId, ".align should be a string or an array containing (").concat(visualization_schemas_1.validAlignments.join(' | '), "). ").concat(JSON.stringify(alignOption), " provided"));
   }
 
   return align;
@@ -4073,10 +3653,11 @@ var getColumnFormatCellType = function getColumnFormatCellType(columnFormat, cur
   var cellType;
   var cellTypes = getAttributeFromColumnFormat('cellTypes', columnFormat, currentColumn.columnId, currentColumn.value);
 
-  if (isArray(cellTypes) && (0, lodash_1.includes)(consts_1.validCellRenderers, cellTypes[currentRow])) {
+  if (isArray(cellTypes) && (0, lodash_1.includes)(visualization_schemas_1.validCellRenderers, cellTypes[currentRow])) {
     cellType = cellTypes[currentRow];
   } else if (typeof cellTypes !== 'undefined') {
-    console.warn("columnFormat.".concat(currentColumn.value, ".cellType should be an array containing (").concat(consts_1.validCellRenderers.join(' | '), "). ").concat(JSON.stringify(cellTypes), " provided"));
+    // eslint-disable-next-line no-console
+    console.warn("columnFormat.".concat(currentColumn.value, ".cellType should be an array containing (").concat(visualization_schemas_1.validCellRenderers.join(' | '), "). ").concat(JSON.stringify(cellTypes), " provided"));
   }
 
   return cellType;
@@ -4086,10 +3667,11 @@ var getColumnFormatSparklineType = function getColumnFormatSparklineType(columnF
   var sparklineType;
   var types = getAttributeFromColumnFormat('sparklineTypes', columnFormat, currentColumn.columnId, currentColumn.value);
 
-  if (isArray(types) && (0, lodash_1.includes)(consts_1.validSparklineTypes, types[currentRow])) {
+  if (isArray(types) && (0, lodash_1.includes)(visualization_schemas_1.validSparklineTypes, types[currentRow])) {
     sparklineType = types[currentRow];
   } else if (typeof types !== 'undefined') {
-    console.warn("columnFormat.".concat(currentColumn.value, ".sparklineTypes should be one of (").concat(consts_1.validSparklineTypes.join(' | '), "). ").concat(JSON.stringify(types), " provided"));
+    // eslint-disable-next-line no-console
+    console.warn("columnFormat.".concat(currentColumn.value, ".sparklineTypes should be one of (").concat(visualization_schemas_1.validSparklineTypes.join(' | '), "). ").concat(JSON.stringify(types), " provided"));
   }
 
   return sparklineType;
@@ -4102,6 +3684,7 @@ var getColumnFormatData = function getColumnFormatData(columnFormat, currentColu
   if (isArray(data)) {
     datum = data[currentRow];
   } else if (typeof data !== 'undefined') {
+    // eslint-disable-next-line no-console
     console.warn("columnFormat.".concat(currentColumn.value, ".data should be an array containing formatted data. ").concat(_typeof(data), " provided"));
   }
 
@@ -4115,6 +3698,7 @@ var getColumnFormatColor = function getColumnFormatColor(columnFormat, currentCo
   if (isArray(colors) && (0, colorUtils_1.isColor)(colors[currentRow])) {
     color = colors[currentRow];
   } else if (typeof colors !== 'undefined') {
+    // eslint-disable-next-line no-console
     console.warn("columnFormat.".concat(currentColumn.columnId, ".").concat(field, " should be an array containing valid colors. ").concat(JSON.stringify(colors), " provided"));
   }
 
@@ -4145,10 +3729,11 @@ var getColumnFormatHeaderAlign = function getColumnFormatHeaderAlign(columnForma
     return undefined;
   }
 
-  if (typeof alignOption === 'string' && (0, lodash_1.includes)(consts_1.validAlignments, alignOption)) {
+  if (typeof alignOption === 'string' && (0, lodash_1.includes)(visualization_schemas_1.validAlignments, alignOption)) {
     headerAlign = alignOption;
   } else if (typeof alignOption !== 'undefined') {
-    console.warn("columnFormat.".concat(columnId, ".headerAlign should be a string containing (").concat(consts_1.validAlignments.join(' | '), "). ").concat(JSON.stringify(alignOption), " provided"));
+    // eslint-disable-next-line no-console
+    console.warn("columnFormat.".concat(columnId, ".headerAlign should be a string containing (").concat(visualization_schemas_1.validAlignments.join(' | '), "). ").concat(JSON.stringify(alignOption), " provided"));
   }
 
   return headerAlign;
@@ -4158,12 +3743,13 @@ var getTableFormatAlign = function getTableFormatAlign(tableFormat, currentColum
   var alignOption = (0, lodash_1.get)(tableFormat, 'align');
   var align;
 
-  if (isArray(alignOption) && isArray(alignOption[currentColumn]) && (0, lodash_1.includes)(consts_1.validAlignments, alignOption[currentColumn][currentRow])) {
+  if (isArray(alignOption) && isArray(alignOption[currentColumn]) && (0, lodash_1.includes)(visualization_schemas_1.validAlignments, alignOption[currentColumn][currentRow])) {
     align = alignOption[currentColumn][currentRow];
-  } else if (typeof alignOption === 'string' && (0, lodash_1.includes)(consts_1.validAlignments, alignOption)) {
+  } else if (typeof alignOption === 'string' && (0, lodash_1.includes)(visualization_schemas_1.validAlignments, alignOption)) {
     align = alignOption;
   } else if (typeof alignOption !== 'undefined') {
-    console.warn("tableFormat.align should be a string or a 2 dimensional array containing (".concat(consts_1.validAlignments.join(' | '), "). ").concat(JSON.stringify(alignOption), " provided"));
+    // eslint-disable-next-line no-console
+    console.warn("tableFormat.align should be a string or a 2 dimensional array containing (".concat(visualization_schemas_1.validAlignments.join(' | '), "). ").concat(JSON.stringify(alignOption), " provided"));
   }
 
   return align;
@@ -4173,10 +3759,11 @@ var getTableFormatCellType = function getTableFormatCellType(tableFormat, curren
   var cellTypes = (0, lodash_1.get)(tableFormat, 'cellTypes');
   var cellType;
 
-  if (isArray(cellTypes) && isArray(cellTypes[currentColumn]) && (0, lodash_1.includes)(consts_1.validCellRenderers, cellTypes[currentColumn][currentRow])) {
+  if (isArray(cellTypes) && isArray(cellTypes[currentColumn]) && (0, lodash_1.includes)(visualization_schemas_1.validCellRenderers, cellTypes[currentColumn][currentRow])) {
     cellType = cellTypes[currentColumn][currentRow];
   } else if (typeof cellTypes !== 'undefined') {
-    console.warn("tableFormat.cellType should be a 2 dimensional array containing (".concat(consts_1.validCellRenderers.join(' | '), "). ").concat(JSON.stringify(cellTypes), " provided"));
+    // eslint-disable-next-line no-console
+    console.warn("tableFormat.cellType should be a 2 dimensional array containing (".concat(visualization_schemas_1.validCellRenderers.join(' | '), "). ").concat(JSON.stringify(cellTypes), " provided"));
   }
 
   return cellType;
@@ -4186,10 +3773,11 @@ var getTableFormatSparklineType = function getTableFormatSparklineType(tableForm
   var types = (0, lodash_1.get)(tableFormat, 'sparklineTypes');
   var sparklineType;
 
-  if (isArray(types) && isArray(types[currentColumn]) && (0, lodash_1.includes)(consts_1.validSparklineTypes, types[currentColumn][currentRow])) {
+  if (isArray(types) && isArray(types[currentColumn]) && (0, lodash_1.includes)(visualization_schemas_1.validSparklineTypes, types[currentColumn][currentRow])) {
     sparklineType = types[currentColumn][currentRow];
   } else if (typeof types !== 'undefined') {
-    console.warn("tableFormat.sparklineTypes should be a 2 dimensional array containing one of (".concat(consts_1.validSparklineTypes.join(' | '), "). ").concat(JSON.stringify(types), " provided"));
+    // eslint-disable-next-line no-console
+    console.warn("tableFormat.sparklineTypes should be a 2 dimensional array containing one of (".concat(visualization_schemas_1.validSparklineTypes.join(' | '), "). ").concat(JSON.stringify(types), " provided"));
   }
 
   return sparklineType;
@@ -4204,6 +3792,7 @@ var getTableFormatColor = function getTableFormatColor(tableFormat, currentColum
   } else if (isArray(colors) && (0, colorUtils_1.isColor)(colors[currentRow])) {
     color = colors[currentRow];
   } else if (typeof colors !== 'undefined' && isArray(colors) && isArray(colors[currentColumn]) && colors[currentColumn][currentRow] !== undefined) {
+    // eslint-disable-next-line no-console
     console.warn("tableFormat.".concat(field, " needs to be an array of colors, provided ").concat(JSON.stringify(colors), ". Current value at [").concat(currentColumn, "][").concat(currentRow, "] is ").concat(JSON.stringify(colors[currentRow])));
   }
 
@@ -4233,6 +3822,7 @@ var getTableFormatData = function getTableFormatData(tableFormat, currentCol, cu
   if (isArray(data) && isArray(data[currentCol])) {
     datum = data[currentCol][currentRow];
   } else if (typeof data !== 'undefined') {
+    // eslint-disable-next-line no-console
     console.warn("tableFormat.data should be a 2 dimensional array containing formatted data to be displayed. ".concat(_typeof(data), " provided"));
   }
 
@@ -4243,10 +3833,11 @@ var getTableFormatHeaderAlign = function getTableFormatHeaderAlign(tableFormat)
   var alignOption = (0, lodash_1.get)(tableFormat, 'headerAlign');
   var headerAlign;
 
-  if (typeof alignOption === 'string' && consts_1.validAlignments.includes(alignOption)) {
+  if (typeof alignOption === 'string' && visualization_schemas_1.validAlignments.includes(alignOption)) {
     headerAlign = alignOption;
   } else if (typeof alignOption !== 'undefined') {
-    console.warn("tableFormat.headerAlign should be a string containing (".concat(consts_1.validAlignments.join(' | '), "). ").concat(JSON.stringify(alignOption), " provided"));
+    // eslint-disable-next-line no-console
+    console.warn("tableFormat.headerAlign should be a string containing (".concat(visualization_schemas_1.validAlignments.join(' | '), "). ").concat(JSON.stringify(alignOption), " provided"));
   }
 
   return headerAlign;
@@ -4304,11 +3895,12 @@ var useTable = function useTable() {
     var correctedPaginationOffset = Math.max(0, (paginationOffset - 1) * count);
     headers = ['#'].concat(_toConsumableArray(headers));
     columnIds = ['#'].concat(_toConsumableArray(columnIds));
-    table = [Array.from({
+    var rowNumbers = Array.from({
       length: longestColumnLength
     }, function (v, i) {
       return correctedPaginationOffset + i + 1;
-    })].concat(_toConsumableArray(table));
+    });
+    table = [rowNumbers].concat(_toConsumableArray(table));
 
     if (isArray(tableFormat.align)) {
       tableFormat.align = [new Array(longestColumnLength).fill('left')].concat(_toConsumableArray(tableFormat.align));
@@ -4319,11 +3911,7 @@ var useTable = function useTable() {
     }
 
     if (isArray(tableFormat.data)) {
-      tableFormat.data = [Array.from({
-        length: longestColumnLength
-      }, function (v, i) {
-        return "".concat(i + 1);
-      })].concat(_toConsumableArray(tableFormat.data));
+      tableFormat.data = [rowNumbers].concat(_toConsumableArray(tableFormat.data));
     }
 
     if (isArray(tableFormat.rowBackgroundColors)) {
@@ -4352,7 +3940,7 @@ var useTable = function useTable() {
   }
 
   var tableHeader = {
-    visibility: consts_1.validHeaderVisibilities.indexOf(headerVisibility) >= 0 ? headerVisibility : 'inline',
+    visibility: visualization_schemas_1.validHeaderVisibilities.indexOf(headerVisibility) >= 0 ? headerVisibility : 'inline',
     cells: table.map(function (f, i) {
       if (i < headers.length) {
         return generateHeader(headers[i], columnIds[i], i, columnFormat, tableFormat, showInternalFields);
@@ -4435,7 +4023,7 @@ exports.useTable = useTable;
 
 /***/ }),
 
-/***/ 508:
+/***/ 496:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4470,17 +4058,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-__exportStar(__webpack_require__(509), exports);
+__exportStar(__webpack_require__(497), exports);
 
-__exportStar(__webpack_require__(510), exports);
+__exportStar(__webpack_require__(498), exports);
 
-__exportStar(__webpack_require__(511), exports);
+__exportStar(__webpack_require__(499), exports);
 
-__exportStar(__webpack_require__(512), exports);
+__exportStar(__webpack_require__(500), exports);
 
 /***/ }),
 
-/***/ 509:
+/***/ 497:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4503,19 +4091,7 @@ exports.SwitchTableCell = SwitchTableCell;
 
 /***/ }),
 
-/***/ 51:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-/***/ }),
-
-/***/ 510:
+/***/ 498:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4526,9 +4102,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TextCell = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var Table_1 = __webpack_require__(135);
+var Table_1 = __webpack_require__(133);
 
 var noop = function noop() {
   return undefined;
@@ -4556,7 +4132,7 @@ exports.TextCell.displayName = 'TextCell';
 
 /***/ }),
 
-/***/ 511:
+/***/ 499:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4567,9 +4143,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ArrayCell = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var Table_1 = __webpack_require__(135);
+var Table_1 = __webpack_require__(133);
 
 var noop = function noop() {
   return undefined;
@@ -4605,24 +4181,43 @@ exports.ArrayCell.displayName = 'ArrayCell';
 
 /***/ }),
 
-/***/ 512:
+/***/ 5:
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/slicedToArray");
+
+/***/ }),
+
+/***/ 50:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(7);
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+/***/ }),
+
+/***/ 500:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _slicedToArray = __webpack_require__(5);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SparklineCell = exports.validSparklineTypes = void 0;
+exports.SparklineCell = void 0;
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
-var Table_1 = __webpack_require__(135);
+var Table_1 = __webpack_require__(133);
 
-var SparkLine_1 = __webpack_require__(118);
+var SparkLine_1 = __webpack_require__(114);
 
 var paddingLeftRight = 5;
 var paddingTopBottom = 3;
@@ -4636,8 +4231,6 @@ var parseSparklineData = function parseSparklineData(data) {
 }; // eslint-disable-line no-restricted-globals
 
 
-exports.validSparklineTypes = ['line', 'area'];
-
 var noop = function noop() {
   return undefined;
 };
@@ -4717,26 +4310,14 @@ exports.SparklineCell.displayName = 'SparklineCell';
 
 /***/ }),
 
-/***/ 513:
+/***/ 501:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/debounce");
 
 /***/ }),
 
-/***/ 52:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-/***/ }),
-
-/***/ 53:
+/***/ 51:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4748,7 +4329,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 54:
+/***/ 52:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4760,7 +4341,7 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 55:
+/***/ 53:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4772,65 +4353,65 @@ Object.defineProperty(exports, "__esModule", {
 
 /***/ }),
 
-/***/ 56:
+/***/ 54:
 /***/ (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
@@ -5163,81 +4744,41 @@ 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");
 
 /***/ }),
 
-/***/ 6:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VizBehavior = void 0;
-var VizBehavior;
-
-(function (VizBehavior) {
-  /**
-   * Dynamic Options Behavior.
-   * This allows visualization options to be powered by data
-   *
-   * **Example**
-   *
-   * sparklineValues: ">primary|seriesByIndex(0)"
-   * would configure sparklineValues with an array of data points
-   * coming from the first series in the primary datasource
-   *
-   */
-  VizBehavior["DYNAMIC_OPTIONS"] = "dynamic-options";
-  VizBehavior["EVENTS"] = "events";
-  VizBehavior["DOWNSAMPLING"] = "downsampling";
-  /**
-   * Placeholder behavior: visualization will display a placeholder rather than fail if any of the `requiredProps` is
-   * missing.
-   * @type {string}
-   */
-
-  VizBehavior["PLACEHOLDER"] = "placeholder";
-  VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
-  VizBehavior["TRELLIS"] = "trellis";
-})(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
-
-/***/ }),
-
-/***/ 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
@@ -5245,9 +4786,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
 
@@ -5383,7 +4924,14 @@ exports.default = SplunkVisualization;
 
 /***/ }),
 
-/***/ 62:
+/***/ 6:
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/toConsumableArray");
+
+/***/ }),
+
+/***/ 60:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5394,9 +4942,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.
@@ -5429,7 +4977,7 @@ exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
 
-/***/ 63:
+/***/ 61:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5440,13 +4988,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);
 /**
@@ -5510,7 +5058,7 @@ exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage)
 
 /***/ }),
 
-/***/ 64:
+/***/ 62:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5520,7 +5068,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var React = __webpack_require__(0);
+var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
@@ -5531,7 +5079,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"
@@ -5563,7 +5111,7 @@ exports.default = withEditModeCover;
 
 /***/ }),
 
-/***/ 65:
+/***/ 63:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5573,15 +5121,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);
 
@@ -5628,27 +5176,30 @@ 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__(67);
+var useGetXAndYFields_1 = __webpack_require__(65); // Options properties which impact/require re-downsample on change.
+
+
+var downsampleVizOptionProperties = ['nullValueDisplay'];
 
 var useDownsampleDataSources = function useDownsampleDataSources(_ref) {
   var dataSources = _ref.dataSources,
@@ -5662,8 +5213,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);
 
@@ -5671,7 +5229,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),
@@ -5699,7 +5257,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
@@ -5707,10 +5265,10 @@ 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;
 };
 
@@ -5718,19 +5276,19 @@ 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);
 /**
@@ -5833,7 +5391,7 @@ exports.default = useGetXAndYFields;
 
 /***/ }),
 
-/***/ 68:
+/***/ 66:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5844,7 +5402,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
@@ -5869,70 +5427,103 @@ exports.getFeatureFlag = getFeatureFlag;
 
 /***/ }),
 
-/***/ 69:
+/***/ 67:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/FeatureFlags");
 
 /***/ }),
 
-/***/ 7:
+/***/ 68:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/slicedToArray");
+module.exports = require("@babel/runtime/helpers/extends");
 
 /***/ }),
 
-/***/ 70:
+/***/ 69:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/extends");
+module.exports = require("@splunk/visualizations-shared/colorConstants");
 
 /***/ }),
 
-/***/ 71:
-/***/ (function(module, exports) {
+/***/ 7:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
 
-module.exports = require("@splunk/visualizations-shared/colorConstants");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VizBehavior = void 0;
+var VizBehavior;
+
+(function (VizBehavior) {
+  /**
+   * Dynamic Options Behavior.
+   * This allows visualization options to be powered by data
+   *
+   * **Example**
+   *
+   * sparklineValues: ">primary|seriesByIndex(0)"
+   * would configure sparklineValues with an array of data points
+   * coming from the first series in the primary datasource
+   *
+   */
+  VizBehavior["DYNAMIC_OPTIONS"] = "dynamic-options";
+  VizBehavior["EVENTS"] = "events";
+  VizBehavior["DOWNSAMPLING"] = "downsampling";
+  /**
+   * Placeholder behavior: visualization will display a placeholder rather than fail if any of the `requiredProps` is
+   * missing.
+   * @type {string}
+   */
+
+  VizBehavior["PLACEHOLDER"] = "placeholder";
+  VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
+  VizBehavior["TRELLIS"] = "trellis";
+})(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
 
 /***/ }),
 
-/***/ 72:
+/***/ 70:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
 
-/***/ 74:
+/***/ 71:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons");
 
 /***/ }),
 
-/***/ 8:
+/***/ 78:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/toConsumableArray");
+module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
 
 /***/ }),
 
-/***/ 81:
+/***/ 8:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
+module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 
-/***/ 84:
+/***/ 81:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Popover");
 
 /***/ }),
 
-/***/ 85:
+/***/ 82:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/getPrototypeOf");
@@ -5942,18 +5533,18 @@ module.exports = require("@babel/runtime/helpers/getPrototypeOf");
 /***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/defineProperty");
+module.exports = require("@splunk/visualization-schemas");
 
 /***/ }),
 
-/***/ 94:
+/***/ 91:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/inherits");
 
 /***/ }),
 
-/***/ 95:
+/***/ 92:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");