@splunk/visualizations 25.13.0 → 26.0.0

package/SingleValue.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 464);
+/******/ 	return __webpack_require__(__webpack_require__.s = 467);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -116,57 +116,6 @@ module.exports = require("@splunk/visualizations-shared/Message");
 /***/ 100:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicMajorColorEditor", function() { return getDynamicMajorColorEditor; });
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
-/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
-/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
-
-
-var getDynamicMajorColorEditor = function getDynamicMajorColorEditor(_ref) {
-  var defaultContext = _ref.defaultContext,
-    defaultPalettesConfig = _ref.defaultPalettesConfig;
-  return {
-    label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major value'),
-    option: 'majorColor',
-    context: 'majorColorEditorConfig',
-    editor: 'editor.dynamicColor',
-    showEditor: function showEditor(_ref2) {
-      var options = _ref2.options;
-      return Object(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__["isDynamicOption"])(options.majorColor);
-    },
-    editorProps: {
-      labelPosition: 'top',
-      flyoutTitle: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic coloring: major value'),
-      formatters: [{
-        label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Ranges'),
-        value: 'rangeValue',
-        defaults: {
-          majorValue: defaultContext.majorColorConfig
-        }
-      }, {
-        label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Matches'),
-        value: 'matchValue',
-        defaults: {
-          majorValue: defaultContext.majorColorMatchConfig
-        }
-      }],
-      dataSelectors: [{
-        label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major value'),
-        value: 'majorValue'
-      }],
-      defaultPalettesConfig: defaultPalettesConfig
-    }
-  };
-};
-
-/***/ }),
-
-/***/ 101:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicTrendColorEditor", function() { return getDynamicTrendColorEditor; });
@@ -209,7 +158,7 @@ var getDynamicTrendColorEditor = function getDynamicTrendColorEditor(_ref) {
 
 /***/ }),
 
-/***/ 102:
+/***/ 101:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -264,7 +213,7 @@ var getDynamicBackgroundColorEditor = function getDynamicBackgroundColorEditor(_
 
 /***/ }),
 
-/***/ 103:
+/***/ 102:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -315,7 +264,7 @@ var StaticMajorAndTrendLayout = [[{
 
 /***/ }),
 
-/***/ 104:
+/***/ 103:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -339,7 +288,7 @@ var StaticMajorColorEditor = {
 
 /***/ }),
 
-/***/ 105:
+/***/ 104:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -367,7 +316,7 @@ var StaticTrendColorEditor = {
 
 /***/ }),
 
-/***/ 106:
+/***/ 105:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -383,7 +332,7 @@ var FeatureFlagContext_1 = __webpack_require__(21);
 var layoutUtils_1 = __webpack_require__(58);
 /* eslint-disable react-hooks/rules-of-hooks */
 exports.TrellisEditorConfig = [[{
-  label: i18n_1._('Trellis layout'),
+  label: (0, i18n_1._)('Trellis layout'),
   option: 'splitByLayout',
   editor: 'editor.toggle',
   showEditor: function showEditor() {
@@ -392,7 +341,7 @@ exports.TrellisEditorConfig = [[{
     return isTrellisFeatureFlagOn;
   }
 }], [{
-  label: i18n_1._('Split by'),
+  label: (0, i18n_1._)('Split by'),
   option: 'trellisSplitBy',
   editor: 'editor.trellisSplitBy',
   editorProps: {
@@ -405,13 +354,13 @@ exports.TrellisEditorConfig = [[{
     return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
   }
 }], [{
-  label: i18n_1._('Number of columns'),
+  label: (0, i18n_1._)('Number of columns'),
   option: 'trellisColumns',
   editor: 'editor.number',
   editorProps: {
     min: 1
   },
-  placeholder: i18n_1._('Auto'),
+  placeholder: (0, i18n_1._)('Auto'),
   showEditor: function showEditor(_ref2) {
     var options = _ref2.options;
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
@@ -419,7 +368,7 @@ exports.TrellisEditorConfig = [[{
     return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
   }
 }], [{
-  label: i18n_1._('Min column width'),
+  label: (0, i18n_1._)('Min column width'),
   option: 'trellisMinColumnWidth',
   editor: 'editor.number',
   editorProps: {
@@ -432,7 +381,7 @@ exports.TrellisEditorConfig = [[{
     return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
   }
 }, {
-  label: i18n_1._('Row height'),
+  label: (0, i18n_1._)('Row height'),
   option: 'trellisRowHeight',
   editor: 'editor.number',
   editorProps: {
@@ -445,7 +394,7 @@ exports.TrellisEditorConfig = [[{
     return isTrellisFeatureFlagOn && options.splitByLayout === layoutUtils_1.LAYOUT_TYPE.Trellis;
   }
 }], [{
-  label: i18n_1._('Max number of components per page'),
+  label: (0, i18n_1._)('Max number of components per page'),
   option: 'trellisPageCount',
   editor: 'editor.number',
   editorProps: {
@@ -459,7 +408,7 @@ exports.TrellisEditorConfig = [[{
   }
 }]];
 exports.TrellisBackgroundColorEditor = {
-  label: i18n_1._('Trellis background'),
+  label: (0, i18n_1._)('Trellis background'),
   option: 'trellisBackgroundColor',
   editor: 'editor.color',
   showEditor: function showEditor(_ref6) {
@@ -472,7 +421,7 @@ exports.TrellisBackgroundColorEditor = {
 
 /***/ }),
 
-/***/ 107:
+/***/ 106:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -496,19 +445,19 @@ var React = __webpack_require__(1);
 var react_1 = __webpack_require__(1);
 var lodash_1 = __webpack_require__(3);
 var styled_components_1 = __webpack_require__(4);
-var Paginator_1 = __webpack_require__(92);
+var Paginator_1 = __webpack_require__(93);
 var i18n_1 = __webpack_require__(2);
-var themes_1 = __webpack_require__(59);
+var themes_1 = __webpack_require__(60);
 var useSplunkTheme_1 = __webpack_require__(57);
 var FeatureFlagContext_1 = __webpack_require__(21);
 var SizeAwareWrapper_1 = __webpack_require__(19);
 var style_1 = __webpack_require__(14);
 var Message_1 = __webpack_require__(10);
-var trellisUtils_1 = __webpack_require__(80);
-var hocUtils_1 = __webpack_require__(26);
-var JSONSchemaUtils_1 = __webpack_require__(27);
-var Options_1 = __webpack_require__(29);
-var trellisUtils_2 = __webpack_require__(108);
+var trellisUtils_1 = __webpack_require__(83);
+var hocUtils_1 = __webpack_require__(27);
+var JSONSchemaUtils_1 = __webpack_require__(28);
+var Options_1 = __webpack_require__(30);
+var trellisUtils_2 = __webpack_require__(107);
 var layoutUtils_1 = __webpack_require__(58);
 var TrellisContainer = styled_components_1.default.div.withConfig({
   displayName: "withTrellis__TrellisContainer",
@@ -516,7 +465,7 @@ var TrellisContainer = styled_components_1.default.div.withConfig({
 })(["overflow:hidden;display:flex;flex-direction:column;background-color:", ";", ";> [data-test='paginator']{align-self:flex-end;margin-bottom:10px;}"], function (props) {
   return props.backgroundColor;
 }, function (props) {
-  return style_1.toDimension(lodash_1.pick(props, ['width', 'height']));
+  return (0, style_1.toDimension)((0, lodash_1.pick)(props, ['width', 'height']));
 });
 var TrellisContainerGrid = styled_components_1.default.div.withConfig({
   displayName: "withTrellis__TrellisContainerGrid",
@@ -535,7 +484,7 @@ var showErrorMessage = function showErrorMessage(errorCode, width, height) {
     return React.createElement(Message_1.default, {
       width: width,
       height: height,
-      message: i18n_1._('Select a valid trellis split by field'),
+      message: (0, i18n_1._)('Select a valid trellis split by field'),
       level: "info"
     });
   }
@@ -543,14 +492,14 @@ var showErrorMessage = function showErrorMessage(errorCode, width, height) {
     return React.createElement(Message_1.default, {
       width: width,
       height: height,
-      message: i18n_1._('Unknown data split mode'),
+      message: (0, i18n_1._)('Unknown data split mode'),
       level: "info"
     });
   }
   return React.createElement(Message_1.default, {
     width: width,
     height: height,
-    message: i18n_1._('Error render in trellis'),
+    message: (0, i18n_1._)('Error render in trellis'),
     level: "info"
   });
 };
@@ -561,8 +510,8 @@ var withTrellis = function withTrellis(Viz) {
       height = opts.height,
       width = opts.width,
       otherProps = __rest(opts, ["options", "height", "width"]);
-    var defaultOptions = JSONSchemaUtils_1.pickFieldFromJSONSchema(Viz.config.optionsSchema, 'default');
-    var mergedOptions = hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions);
+    var defaultOptions = (0, JSONSchemaUtils_1.pickFieldFromJSONSchema)(Viz.config.optionsSchema, 'default');
+    var mergedOptions = (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions);
     var trellisColumns = mergedOptions.trellisColumns,
       trellisPageCount = mergedOptions.trellisPageCount,
       trellisMinColumnWidth = mergedOptions.trellisMinColumnWidth,
@@ -573,28 +522,28 @@ var withTrellis = function withTrellis(Viz) {
     var pageCount = +trellisPageCount > 0 ? +trellisPageCount : defaultOptions.trellisPageCount;
     var colMinWidth = trellisMinColumnWidth > 0 ? trellisMinColumnWidth : defaultOptions.trellisMinColumnWidth;
     var rowHeight = trellisRowHeight > 0 ? trellisRowHeight : defaultOptions.trellisRowHeight;
-    var _react_1$useState = react_1.useState(1),
-      _react_1$useState2 = _slicedToArray(_react_1$useState, 2),
-      pageNum = _react_1$useState2[0],
-      setPageNum = _react_1$useState2[1];
-    var _react_1$useState3 = react_1.useState(null),
-      _react_1$useState4 = _slicedToArray(_react_1$useState3, 2),
-      pagedData = _react_1$useState4[0],
-      setPagedData = _react_1$useState4[1];
+    var _ref = (0, react_1.useState)(1),
+      _ref2 = _slicedToArray(_ref, 2),
+      pageNum = _ref2[0],
+      setPageNum = _ref2[1];
+    var _ref3 = (0, react_1.useState)(null),
+      _ref4 = _slicedToArray(_ref3, 2),
+      pagedData = _ref4[0],
+      setPagedData = _ref4[1];
     var splitByKeys = [];
     var totalPages = 0;
     var showPaginator = false;
     var dataSources = otherProps.dataSources;
     var theme = {
-      splunkThemeV1: useSplunkTheme_1.default()
+      splunkThemeV1: (0, useSplunkTheme_1.default)()
     };
-    var _themes_1$getSettings = themes_1.getSettingsFromThemedProps({
+    var _ref5 = (0, themes_1.getSettingsFromThemedProps)({
         theme: theme
       }),
-      currentThemeFamily = _themes_1$getSettings.family,
-      currentThemeColorScheme = _themes_1$getSettings.colorScheme,
-      currentThemeDensity = _themes_1$getSettings.density;
-    var trellisBackgroundColor = react_1.useMemo(function () {
+      currentThemeFamily = _ref5.family,
+      currentThemeColorScheme = _ref5.colorScheme,
+      currentThemeDensity = _ref5.density;
+    var trellisBackgroundColor = (0, react_1.useMemo)(function () {
       var themeFunc = function themeFunc(themeVar) {
         var _a, _b;
         return (_b = (_a = Viz.config.themes)[themeVar]) === null || _b === void 0 ? void 0 : _b.call(_a, {
@@ -611,8 +560,8 @@ var withTrellis = function withTrellis(Viz) {
       }, {}, themeFunc);
       return evaluated.trellisBackgroundColor;
     }, [mergedOptions.trellisBackgroundColor, currentThemeFamily, currentThemeColorScheme, currentThemeDensity]);
-    var columns = lodash_1.get(dataSources, 'primary.data.columns', undefined);
-    var fields = lodash_1.get(dataSources, 'primary.data.fields', undefined);
+    var columns = (0, lodash_1.get)(dataSources, 'primary.data.columns', undefined);
+    var fields = (0, lodash_1.get)(dataSources, 'primary.data.fields', undefined);
     var noColumns = columns === undefined;
     var noFields = fields === undefined;
     var updateDataDisplay = function updateDataDisplay(currPage) {
@@ -625,15 +574,15 @@ var withTrellis = function withTrellis(Viz) {
         setPagedData(paged);
       }
     };
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
       setPageNum(1);
       updateDataDisplay(1);
     }, [pageCount, trellisSplitBy]);
-    react_1.useEffect(function () {
+    (0, react_1.useEffect)(function () {
       updateDataDisplay(pageNum);
     }, [columns, fields, trellisSplitBy, pageNum, splitByLayout]);
-    var handlePageChange = react_1.useCallback(function (event, _ref) {
-      var page = _ref.page;
+    var handlePageChange = (0, react_1.useCallback)(function (event, _ref6) {
+      var page = _ref6.page;
       setPageNum(page);
     }, [pageNum, pagedData]);
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
@@ -646,7 +595,7 @@ var withTrellis = function withTrellis(Viz) {
         return React.createElement(Message_1.default, {
           width: width,
           height: height,
-          message: i18n_1._('Loading'),
+          message: (0, i18n_1._)('Loading'),
           level: "info"
         });
       }
@@ -654,11 +603,11 @@ var withTrellis = function withTrellis(Viz) {
       // The default value will be the first value in the individual splitBy field list or 'aggregations'
       var currTrellisSplitBy = trellisSplitBy;
       if (!trellisSplitBy || trellisSplitBy.length === 0) {
-        var splitByPossibleFields = trellisUtils_1.getAllPossibleSplitByFields(fields);
+        var splitByPossibleFields = (0, trellisUtils_1.getAllPossibleSplitByFields)(fields);
         currTrellisSplitBy = splitByPossibleFields.fields && splitByPossibleFields.fields.length ? splitByPossibleFields.fields[0] : trellisUtils_2.AGGREGATIONS;
       }
-      var splitMode = trellisUtils_1.getTrellisDataSplitterMode(fields);
-      var dataSplitResult = trellisUtils_2.getTrellisDataSourcesBySplitMode(splitMode, dataSources, currTrellisSplitBy);
+      var splitMode = (0, trellisUtils_1.getTrellisDataSplitterMode)(fields);
+      var dataSplitResult = (0, trellisUtils_2.getTrellisDataSourcesBySplitMode)(splitMode, dataSources, currTrellisSplitBy);
       var modifiedDataSourceBySplitBy = dataSplitResult === null || dataSplitResult === void 0 ? void 0 : dataSplitResult.splitDataSources;
       var dataSplitErrorCode = dataSplitResult === null || dataSplitResult === void 0 ? void 0 : dataSplitResult.errorCode;
       if (!modifiedDataSourceBySplitBy || Object.keys(modifiedDataSourceBySplitBy).length === 0 || dataSplitErrorCode) {
@@ -684,10 +633,10 @@ var withTrellis = function withTrellis(Viz) {
           className: "child",
           "data-test": "trellis-child",
           key: "div-child-".concat(idx.toString())
-        }, React.createElement(SizeAwareWrapper_1.default, null, function (_ref2) {
-          var childWidth = _ref2.childWidth,
-            _ref2$childHeight = _ref2.childHeight,
-            childHeight = _ref2$childHeight === void 0 ? rowHeight : _ref2$childHeight;
+        }, React.createElement(SizeAwareWrapper_1.default, null, function (_ref7) {
+          var childWidth = _ref7.childWidth,
+            _ref7$childHeight = _ref7.childHeight,
+            childHeight = _ref7$childHeight === void 0 ? rowHeight : _ref7$childHeight;
           return React.createElement(Viz, Object.assign({}, otherProps, {
             trellisKey: splitByKey,
             trellisSplitBy: currTrellisSplitBy,
@@ -716,7 +665,7 @@ exports.default = withTrellis;
 
 /***/ }),
 
-/***/ 108:
+/***/ 107:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -728,7 +677,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getTrellisDataSourcesBySplitMode = exports.dataSourcesSplitByModeStatsorUnknown = exports.dataSourcesSplitByModeChart = exports.dataSourcesSplitByModeTimechart = exports.dataSourcesSplitByAggregationsStats = exports.dataSourcesSplitByAggregationsTimechartAndChart = exports.dataSourcesSplitByAggregationsUnknown = exports.AGGREGATIONS = void 0;
 var lodash_1 = __webpack_require__(3);
-var trellisUtils_1 = __webpack_require__(80);
+var trellisUtils_1 = __webpack_require__(83);
 exports.AGGREGATIONS = 'aggregations';
 /**
  * There can be certain SPL cmds that can produce dataSource without a specific field meta info (like group_by_rank, split_by_field etc),
@@ -749,7 +698,7 @@ var dataSourcesSplitByAggregationsUnknown = function dataSourcesSplitByAggregati
     for (var i = 0; i < fields.length; i += 1) {
       var fieldName = fields[i].name;
       if (!(fieldName === null || fieldName === void 0 ? void 0 : fieldName.startsWith('_'))) {
-        splitDataSources[fieldName] = lodash_1.cloneDeep(lodash_1.omit(dataSource, ['primary.data.fields', 'primary.data.columns']));
+        splitDataSources[fieldName] = (0, lodash_1.cloneDeep)((0, lodash_1.omit)(dataSource, ['primary.data.fields', 'primary.data.columns']));
         splitDataSources[fieldName].primary.data.fields = [fields[i]];
         splitDataSources[fieldName].primary.data.columns = [columns[i]];
       }
@@ -771,12 +720,12 @@ var dataSourcesSplitByAggregationsTimechartAndChart = function dataSourcesSplitB
   var splitByFields = [];
   var errorCode = null;
   if (typeof fields[0] !== 'string') {
-    splitByFields = trellisUtils_1.extractDataSourceAggregationKeysChart(fields);
+    splitByFields = (0, trellisUtils_1.extractDataSourceAggregationKeysChart)(fields);
   }
   if (splitByFields && splitByFields.length > 0) {
     splitDataSources = {};
     splitByFields.forEach(function (splitByField) {
-      splitDataSources[splitByField] = lodash_1.cloneDeep(lodash_1.omit(dataSource, ['primary.data.fields', 'primary.data.columns']));
+      splitDataSources[splitByField] = (0, lodash_1.cloneDeep)((0, lodash_1.omit)(dataSource, ['primary.data.fields', 'primary.data.columns']));
       splitDataSources[splitByField].primary.data.fields = [fields[0]];
       splitDataSources[splitByField].primary.data.columns = [columns[0]];
       fields.forEach(function (field, idx) {
@@ -795,7 +744,7 @@ var dataSourcesSplitByAggregationsTimechartAndChart = function dataSourcesSplitB
     for (var i = 1; i < fields.length; i += 1) {
       var fieldName = fields[i].name;
       if (!(fieldName === null || fieldName === void 0 ? void 0 : fieldName.startsWith('_'))) {
-        splitDataSources[fieldName] = lodash_1.cloneDeep(lodash_1.omit(dataSource, ['primary.data.fields', 'primary.data.columns']));
+        splitDataSources[fieldName] = (0, lodash_1.cloneDeep)((0, lodash_1.omit)(dataSource, ['primary.data.fields', 'primary.data.columns']));
         splitDataSources[fieldName].primary.data.fields = [fields[0], fields[i]];
         splitDataSources[fieldName].primary.data.columns = [columns[0], columns[i]];
       }
@@ -817,12 +766,12 @@ var dataSourcesSplitByAggregationsStats = function dataSourcesSplitByAggregation
   var splitByFields = [];
   var errorCode = null;
   if (typeof fields[0] !== 'string') {
-    splitByFields = trellisUtils_1.extractDataSourceAggregationKeysStats(fields);
+    splitByFields = (0, trellisUtils_1.extractDataSourceAggregationKeysStats)(fields);
   }
   if (splitByFields && splitByFields.length > 0) {
     splitDataSources = {};
     splitByFields.forEach(function (splitByField) {
-      splitDataSources[splitByField] = lodash_1.cloneDeep(lodash_1.omit(dataSource, ['primary.data.fields', 'primary.data.columns']));
+      splitDataSources[splitByField] = (0, lodash_1.cloneDeep)((0, lodash_1.omit)(dataSource, ['primary.data.fields', 'primary.data.columns']));
       splitDataSources[splitByField].primary.data.fields = [fields[0]];
       splitDataSources[splitByField].primary.data.columns = [columns[0]];
       var idx = fields.findIndex(function (field) {
@@ -850,11 +799,11 @@ var dataSourcesSplitByModeTimechart = function dataSourcesSplitByModeTimechart(d
   var splitByFields = [];
   var errorCode = null;
   if (typeof fields[0] !== 'string') {
-    splitByFields = trellisUtils_1.extractSplitByFieldsChartFields(fields);
+    splitByFields = (0, trellisUtils_1.extractSplitByFieldsChartFields)(fields);
   }
   if (splitByFields && splitByFields.indexOf(splitBy) > -1) {
     splitDataSources = {};
-    var dataSourceKeys = trellisUtils_1.extractDataSourceAggregationKeysChart(fields);
+    var dataSourceKeys = (0, trellisUtils_1.extractDataSourceAggregationKeysChart)(fields);
     var valueKeys = [];
     for (var i = 1; i < fields.length; i += 1) {
       // not including internal fields
@@ -863,7 +812,7 @@ var dataSourcesSplitByModeTimechart = function dataSourcesSplitByModeTimechart(d
       }
     }
     valueKeys.forEach(function (val) {
-      splitDataSources[val] = lodash_1.cloneDeep(lodash_1.omit(dataSource, ['primary.data.fields', 'primary.data.columns']));
+      splitDataSources[val] = (0, lodash_1.cloneDeep)((0, lodash_1.omit)(dataSource, ['primary.data.fields', 'primary.data.columns']));
       splitDataSources[val].primary.data.fields = [{
         name: fields[0].name
       }].concat(_toConsumableArray(dataSourceKeys.map(function (k) {
@@ -897,7 +846,7 @@ var dataSourcesSplitByModeChart = function dataSourcesSplitByModeChart(dataSourc
   var splitByFields = [];
   var errorCode = null;
   if (typeof fields[0] !== 'string') {
-    splitByFields = trellisUtils_1.extractSplitByFieldsChartFields(fields);
+    splitByFields = (0, trellisUtils_1.extractSplitByFieldsChartFields)(fields);
   }
   if (splitByFields && splitByFields.indexOf(splitBy) > -1) {
     splitDataSources = {};
@@ -907,7 +856,7 @@ var dataSourcesSplitByModeChart = function dataSourcesSplitByModeChart(dataSourc
     var otherSplitBy = splitByFields.filter(function (f) {
       return f !== splitBy;
     });
-    var dataSourceKeys = trellisUtils_1.extractDataSourceAggregationKeysChart(fields);
+    var dataSourceKeys = (0, trellisUtils_1.extractDataSourceAggregationKeysChart)(fields);
     var nonDataSourceAggregations = [];
     if (!dataSourceKeys.length && fields[0].groupby_rank === '0' && fields.length && !fields[1].groupby_rank) {
       /* check for another aggregation scenario where no key 'data_source' will be returned (applies for both chart and stats cmd)
@@ -935,9 +884,9 @@ var dataSourcesSplitByModeChart = function dataSourcesSplitByModeChart(dataSourc
     }
     if (splitByFieldIdx === 0) {
       // if splitBy is the first field, split row wise
-      var valueKeys = lodash_1.cloneDeep(columns[0]);
+      var valueKeys = (0, lodash_1.cloneDeep)(columns[0]);
       valueKeys.forEach(function (val, idx) {
-        splitDataSources[val] = lodash_1.cloneDeep(lodash_1.omit(dataSource, ['primary.data.fields', 'primary.data.columns']));
+        splitDataSources[val] = (0, lodash_1.cloneDeep)((0, lodash_1.omit)(dataSource, ['primary.data.fields', 'primary.data.columns']));
         splitDataSources[val].primary.data.fields = [];
         if (otherSplitBy.length) {
           splitDataSources[val].primary.data.fields = [{
@@ -1045,7 +994,7 @@ var dataSourcesSplitByModeChart = function dataSourcesSplitByModeChart(dataSourc
         _valueKeys.push(fields[_i2].splitby_value ? fields[_i2].splitby_value : fields[_i2].name);
       }
       _valueKeys.forEach(function (val) {
-        splitDataSources[val] = lodash_1.cloneDeep(lodash_1.omit(dataSource, ['primary.data.fields', 'primary.data.columns']));
+        splitDataSources[val] = (0, lodash_1.cloneDeep)((0, lodash_1.omit)(dataSource, ['primary.data.fields', 'primary.data.columns']));
         splitDataSources[val].primary.data.fields = [{
           name: otherSplitBy[0]
         }].concat(_toConsumableArray(dataSourceKeys.map(function (k) {
@@ -1084,7 +1033,7 @@ var dataSourcesSplitByModeStatsorUnknown = function dataSourcesSplitByModeStatso
   var splitByFields = [];
   var errorCode = null;
   if (typeof fields[0] !== 'string') {
-    splitByFields = splitMode !== trellisUtils_1.UNKNOWN ? trellisUtils_1.extractSplitByFieldsForStats(fields) : trellisUtils_1.extractSplitByFieldsForUnknown(fields);
+    splitByFields = splitMode !== trellisUtils_1.UNKNOWN ? (0, trellisUtils_1.extractSplitByFieldsForStats)(fields) : (0, trellisUtils_1.extractSplitByFieldsForUnknown)(fields);
   }
   var splitByIndex = fields === null || fields === void 0 ? void 0 : fields.findIndex(function (field) {
     return field === splitBy || field.name === splitBy;
@@ -1099,12 +1048,12 @@ var dataSourcesSplitByModeStatsorUnknown = function dataSourcesSplitByModeStatso
         splitDataSources[val].push(idx);
       }
     });
-    var cloneFields = lodash_1.cloneDeep(fields);
+    var cloneFields = (0, lodash_1.cloneDeep)(fields);
     cloneFields.splice(splitByIndex, 1);
     var valueKeys = Object.keys(splitDataSources);
     valueKeys.forEach(function (val) {
-      var valIndices = lodash_1.cloneDeep(splitDataSources[val]);
-      splitDataSources[val] = lodash_1.cloneDeep(lodash_1.omit(dataSource, ['primary.data.fields', 'primary.data.columns']));
+      var valIndices = (0, lodash_1.cloneDeep)(splitDataSources[val]);
+      splitDataSources[val] = (0, lodash_1.cloneDeep)((0, lodash_1.omit)(dataSource, ['primary.data.fields', 'primary.data.columns']));
       splitDataSources[val].primary.data.fields = cloneFields;
       splitDataSources[val].primary.data.columns = [];
       columns.forEach(function (col, idx) {
@@ -1129,13 +1078,13 @@ var getTrellisDataSourcesBySplitMode = function getTrellisDataSourcesBySplitMode
   var result = null;
   try {
     if (splitMode === trellisUtils_1.TIMECHART) {
-      result = trellisSplitBy === exports.AGGREGATIONS ? exports.dataSourcesSplitByAggregationsTimechartAndChart(dataSources) : exports.dataSourcesSplitByModeTimechart(dataSources, trellisSplitBy);
+      result = trellisSplitBy === exports.AGGREGATIONS ? (0, exports.dataSourcesSplitByAggregationsTimechartAndChart)(dataSources) : (0, exports.dataSourcesSplitByModeTimechart)(dataSources, trellisSplitBy);
     } else if (splitMode === trellisUtils_1.STATS) {
-      result = trellisSplitBy === exports.AGGREGATIONS ? exports.dataSourcesSplitByAggregationsStats(dataSources) : exports.dataSourcesSplitByModeStatsorUnknown(dataSources, trellisSplitBy, trellisUtils_1.STATS);
+      result = trellisSplitBy === exports.AGGREGATIONS ? (0, exports.dataSourcesSplitByAggregationsStats)(dataSources) : (0, exports.dataSourcesSplitByModeStatsorUnknown)(dataSources, trellisSplitBy, trellisUtils_1.STATS);
     } else if (splitMode === trellisUtils_1.CHART) {
-      result = trellisSplitBy === exports.AGGREGATIONS ? exports.dataSourcesSplitByAggregationsTimechartAndChart(dataSources) : exports.dataSourcesSplitByModeChart(dataSources, trellisSplitBy);
+      result = trellisSplitBy === exports.AGGREGATIONS ? (0, exports.dataSourcesSplitByAggregationsTimechartAndChart)(dataSources) : (0, exports.dataSourcesSplitByModeChart)(dataSources, trellisSplitBy);
     } else if (splitMode === trellisUtils_1.UNKNOWN) {
-      result = trellisSplitBy === exports.AGGREGATIONS ? exports.dataSourcesSplitByAggregationsUnknown(dataSources) : exports.dataSourcesSplitByModeStatsorUnknown(dataSources, trellisSplitBy, trellisUtils_1.UNKNOWN);
+      result = trellisSplitBy === exports.AGGREGATIONS ? (0, exports.dataSourcesSplitByAggregationsUnknown)(dataSources) : (0, exports.dataSourcesSplitByModeStatsorUnknown)(dataSources, trellisSplitBy, trellisUtils_1.UNKNOWN);
     }
   } catch (ex) {
     console.error('getTrellisDataSourcesBySplitMode ', ex);
@@ -1150,6 +1099,20 @@ exports.getTrellisDataSourcesBySplitMode = getTrellisDataSourcesBySplitMode;
 
 /***/ }),
 
+/***/ 108:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/pick");
+
+/***/ }),
+
+/***/ 109:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/isEmpty");
+
+/***/ }),
+
 /***/ 11:
 /***/ (function(module, exports) {
 
@@ -1182,14 +1145,14 @@ var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
   return {
     style: {
-      width: style_1.toPx(width)
+      width: (0, style_1.toPx)(width)
     }
   };
 }).withConfig({
   displayName: "FixedSizeContainer__Item",
   componentId: "sc-1yhgpod-0"
 })(["position:relative;background-color:", "};"], function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
 });
 // Use `.attrs()` for highly dynamic styles. Ref: https://github.com/styled-components/styled-components/issues/134#issuecomment-312415291
 var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
@@ -1197,16 +1160,16 @@ var FixSizeItem = styled_components_1.default.div.attrs(function (_ref2) {
     height = _ref2.height;
   return {
     style: Object.assign(Object.assign({}, width && {
-      width: style_1.toPx(width)
+      width: (0, style_1.toPx)(width)
     }), height && {
-      height: style_1.toPx(height)
+      height: (0, style_1.toPx)(height)
     })
   };
 }).withConfig({
   displayName: "FixedSizeContainer__FixSizeItem",
   componentId: "sc-1yhgpod-1"
 })(["position:relative;flex-direction:column;flex:1;display:flex;background-color:", "};"], function (props) {
-  return colorUtils_1.isColor(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
+  return (0, colorUtils_1.isColor)(props.backgroundColor) && props.backgroundColor || props.theme.defaultBackgroundColor;
 });
 var ItemContent = styled_components_1.default.div.withConfig({
   displayName: "FixedSizeContainer__ItemContent",
@@ -1230,7 +1193,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
     }
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.13.0 - 572f25c03",
+      "data-splunk-visualization-version": "26.0.0 - 2f7458907",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -1250,7 +1213,7 @@ exports.default = withFixedSizeContainer;
 
 /***/ }),
 
-/***/ 134:
+/***/ 135:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1295,6 +1258,57 @@ exports.defaultContext = {
 
 /***/ }),
 
+/***/ 136:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDynamicMajorColorEditor", function() { return getDynamicMajorColorEditor; });
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(22);
+/* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__);
+
+
+var getDynamicMajorColorEditor = function getDynamicMajorColorEditor(_ref) {
+  var defaultContext = _ref.defaultContext,
+    defaultPalettesConfig = _ref.defaultPalettesConfig;
+  return {
+    label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major value'),
+    option: 'majorColor',
+    context: 'majorColorEditorConfig',
+    editor: 'editor.dynamicColor',
+    showEditor: function showEditor(_ref2) {
+      var options = _ref2.options;
+      return Object(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_1__["isDynamicOption"])(options.majorColor);
+    },
+    editorProps: {
+      labelPosition: 'top',
+      flyoutTitle: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Dynamic coloring: major value'),
+      formatters: [{
+        label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Ranges'),
+        value: 'rangeValue',
+        defaults: {
+          majorValue: defaultContext.majorColorConfig
+        }
+      }, {
+        label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Matches'),
+        value: 'matchValue',
+        defaults: {
+          majorValue: defaultContext.majorColorMatchConfig
+        }
+      }],
+      dataSelectors: [{
+        label: Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_0__["_"])('Major value'),
+        value: 'majorValue'
+      }],
+      defaultPalettesConfig: defaultPalettesConfig
+    }
+  };
+};
+
+/***/ }),
+
 /***/ 14:
 /***/ (function(module, exports) {
 
@@ -1528,8 +1542,8 @@ function hasCompatibleOptions(vizOptions, presetOptions) {
  */
 function getInitialPreset(vizContext, vizOptions, presets) {
   return presets.find(function (preset) {
-    var presetContext = lodash_1.get(preset, ['value', 'context'], {});
-    var presetOptions = lodash_1.get(preset, ['value', 'options'], {});
+    var presetContext = (0, lodash_1.get)(preset, ['value', 'context'], {});
+    var presetOptions = (0, lodash_1.get)(preset, ['value', 'options'], {});
     var presetContextKeys = Object.keys(presetContext);
     var presetOptionKeys = Object.keys(presetOptions);
     // all presets have to explicitly specify which options to reset (i.e. need explicitly undefined keys)
@@ -1546,7 +1560,7 @@ exports.getInitialPreset = getInitialPreset;
  * @returns {{ label: string; value; string  }[]} array of { label, value } tuples
  */
 function generatePrecisionValues(numPrecisionValues) {
-  return lodash_1.range(0, numPrecisionValues + 1).map(function (i) {
+  return (0, lodash_1.range)(0, numPrecisionValues + 1).map(function (i) {
     return {
       label: "".concat(i, " (0").concat(i > 0 ? '.' : '').concat('0'.repeat(i), ")"),
       value: i
@@ -1632,13 +1646,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(30);
+/* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(31);
 /* harmony import */ var _splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_numberUtils__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(54);
 /* harmony import */ var _splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_domUtils__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(28);
+/* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(29);
 /* harmony import */ var _splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_propUtils__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(50);
+/* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(49);
 /* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_5__);
 
 function ownKeys(object, enumerableOnly) {
@@ -2571,35 +2585,35 @@ var handleValueClickCallback = function handleValueClickCallback(ev, majorValue,
 /***/ 25:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-context/TimezoneContext");
+module.exports = require("@splunk/ui-utils/id");
 
 /***/ }),
 
 /***/ 26:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/hocUtils");
+module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
 
 /***/ 27:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
+module.exports = require("@splunk/visualizations-shared/hocUtils");
 
 /***/ }),
 
 /***/ 28:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/propUtils");
+module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
 
 /***/ 29:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-encoding/Options");
+module.exports = require("@splunk/visualizations-shared/propUtils");
 
 /***/ }),
 
@@ -2613,11 +2627,18 @@ module.exports = require("lodash");
 /***/ 30:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/numberUtils");
+module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
 
 /***/ 31:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualizations-shared/numberUtils");
+
+/***/ }),
+
+/***/ 32:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2641,9 +2662,9 @@ var FixedSizeContainer_1 = __webpack_require__(13);
  */
 var shouldShowIconPlaceholder = function shouldShowIconPlaceholder(dataSources) {
   var loading = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  var data = lodash_1.get(dataSources, 'primary.data.columns[0]', undefined);
+  var data = (0, lodash_1.get)(dataSources, 'primary.data.columns[0]', undefined);
   var noData = data === undefined;
-  var fields = lodash_1.get(dataSources, 'primary.data.fields[0]', undefined);
+  var fields = (0, lodash_1.get)(dataSources, 'primary.data.fields[0]', undefined);
   var noFields = fields === undefined;
   return loading || noData || noFields;
 };
@@ -2684,7 +2705,7 @@ var IconPlaceholder = function IconPlaceholder(props) {
     width: width,
     height: height,
     level: "warning",
-    message: i18n_1._('No DataSource Connected')
+    message: (0, i18n_1._)('No DataSource Connected')
   });
 };
 IconPlaceholder.propTypes = propTypes;
@@ -2692,14 +2713,7 @@ IconPlaceholder.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(IconPlaceholder);
-
-/***/ }),
-
-/***/ 32:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/id");
+exports.default = (0, FixedSizeContainer_1.default)(IconPlaceholder);
 
 /***/ }),
 
@@ -2734,7 +2748,7 @@ var getSortingParams = function getSortingParams(_ref) {
   };
   var onSort;
   if (typeof onRequestParamsChange === 'function') {
-    if (requestParams && lodash_1.has(requestParams, 'sort')) {
+    if (requestParams && (0, lodash_1.has)(requestParams, 'sort')) {
       currentSortKey = Object.keys(requestParams.sort).shift();
       currentSortDir = requestParams.sort[currentSortKey];
     }
@@ -2743,7 +2757,7 @@ var getSortingParams = function getSortingParams(_ref) {
       var sortKey = _ref2.sortKey,
         sortDir = _ref2.sortDir;
       if (typeof sortKey === 'string') {
-        var nextSortDir = lodash_1.has(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
+        var nextSortDir = (0, lodash_1.has)(nextSortDirMap, sortDir) ? nextSortDirMap[sortDir] : 'none';
         onRequestParamsChange(Object.assign(Object.assign({}, requestParams), {
           offset: 0,
           sort: _defineProperty({}, sortKey, nextSortDir)
@@ -2794,7 +2808,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
   var onChangeHandler = function onChangeHandler(e, _ref2) {
     var page = _ref2.page,
       countArg = _ref2.count;
-    var newParams = lodash_1.cloneDeep(requestParams);
+    var newParams = (0, lodash_1.cloneDeep)(requestParams);
     if (typeof countArg === 'number') {
       newParams.count = countArg;
       newParams.offset = 0;
@@ -2858,16 +2872,16 @@ Object.defineProperty(exports, "__esModule", {
 var React = __webpack_require__(1);
 var lodash_1 = __webpack_require__(3);
 var getSettingsFromThemedProps_1 = __webpack_require__(37);
-var Options_1 = __webpack_require__(29);
+var Options_1 = __webpack_require__(30);
 var SanitizeProps_1 = __webpack_require__(38);
-var TimezoneContext_1 = __webpack_require__(25);
+var TimezoneContext_1 = __webpack_require__(26);
 var moment_1 = __webpack_require__(39);
 var FeatureFlagContext_1 = __webpack_require__(21);
 var styled_components_1 = __webpack_require__(4);
-var hocUtils_1 = __webpack_require__(26);
-var JSONSchemaUtils_1 = __webpack_require__(27);
+var hocUtils_1 = __webpack_require__(27);
+var JSONSchemaUtils_1 = __webpack_require__(28);
 var async_dynamic_options_evaluator_1 = __webpack_require__(40);
-var id_1 = __webpack_require__(32);
+var id_1 = __webpack_require__(25);
 var SplunkVisualization_1 = __webpack_require__(41);
 var VizBehavior_1 = __webpack_require__(6);
 var getSorting_1 = __webpack_require__(33);
@@ -2888,8 +2902,8 @@ var withDashboardViz = function withDashboardViz(opts) {
     computeVizProps = _opts$computeVizProps === void 0 ? function () {} : _opts$computeVizProps,
     disableEditModeCover = opts.disableEditModeCover,
     useIconPlaceholder = opts.useIconPlaceholder; // sanitizing props before sending them to reactviz.
-  var SanitizedReactViz = SanitizeProps_1.withSanitizedProps(ReactViz);
-  var defaultOptions = JSONSchemaUtils_1.pickFieldFromJSONSchema(vizConfig.optionsSchema, 'default');
+  var SanitizedReactViz = (0, SanitizeProps_1.withSanitizedProps)(ReactViz);
+  var defaultOptions = (0, JSONSchemaUtils_1.pickFieldFromJSONSchema)(vizConfig.optionsSchema, 'default');
   var DashboardViz = function DashboardViz(props) {
     var _a;
     var mode = props.mode,
@@ -2924,19 +2938,19 @@ var withDashboardViz = function withDashboardViz(opts) {
       return (_b = (_a = vizConfig.themes)[themeVar]) === null || _b === void 0 ? void 0 : _b.call(_a, props);
     };
     var bgColorFromTheme = themeFunc('defaultBackgroundColor');
-    var _getSettingsFromTheme = getSettingsFromThemedProps_1.default({
+    var _ref = (0, getSettingsFromThemedProps_1.default)({
         theme: theme
       }),
-      currentThemeFamily = _getSettingsFromTheme.family,
-      currentThemeColorScheme = _getSettingsFromTheme.colorScheme,
-      currentThemeDensity = _getSettingsFromTheme.density;
+      currentThemeFamily = _ref.family,
+      currentThemeColorScheme = _ref.colorScheme,
+      currentThemeDensity = _ref.density;
     var evaluatedOptions = {}; // evaluatedOptions need to be initialized as an empty object
     var _React$useState = React.useState({}),
       _React$useState2 = _slicedToArray(_React$useState, 2),
       evaluatedOptionsAsync = _React$useState2[0],
       setEvaluatedOptionsAsync = _React$useState2[1]; // evaluatedOptions need to be initialized as an empty object
     var featureFlagContext = React.useContext(FeatureFlagContext_1.default);
-    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat(id_1.createGUID())),
+    var _React$useState3 = React.useState("".concat(vizConfig.name, " - ").concat((0, id_1.createGUID)())),
       _React$useState4 = _slicedToArray(_React$useState3, 1),
       visualizationID = _React$useState4[0];
     var _React$useState5 = React.useState({}),
@@ -2947,16 +2961,17 @@ var withDashboardViz = function withDashboardViz(opts) {
       _React$useState8 = _slicedToArray(_React$useState7, 2),
       dataFramesInState = _React$useState8[0],
       setDataFramesInState = _React$useState8[1];
-    var _React$useState9 = React.useState(Boolean(featureFlagContext && featureFlagContext.visualizations_useWebWorkersForDSL && typeof Worker !== 'undefined')),
+    var _React$useState9 = React.useState(Boolean(featureFlagContext === null || featureFlagContext === void 0 ? void 0 : featureFlagContext.visualizations_useWebWorkersForDSL)),
       _React$useState10 = _slicedToArray(_React$useState9, 2),
       useAsyncEvaluatedOptions = _React$useState10[0],
       setUseAsyncEvaluatedOptions = _React$useState10[1];
-    evaluatedOptions = useDeepMemo_1.useDeepMemo(function () {
+    var isMounted = React.useRef(true);
+    evaluatedOptions = (0, useDeepMemo_1.useDeepMemo)(function () {
       try {
         if (useAsyncEvaluatedOptions) {
           var optionsToEvaluate = {
-            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+            context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
+            options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
           };
           var asyncDynamicOptionsEvaluatorParams = {
             visualizationID: visualizationID,
@@ -2967,10 +2982,10 @@ var withDashboardViz = function withDashboardViz(opts) {
           };
           async_dynamic_options_evaluator_1.default.evaluate(asyncDynamicOptionsEvaluatorParams).then(function (results) {
             setEvaluatedOptionsAsync(results.results);
-          }).catch(function (e) {
-            // eslint-disable-next-line no-console
-            console.error("unexpected error evaluating options - async: ".concat(e.message));
-            setUseAsyncEvaluatedOptions(false);
+          }).catch(function () {
+            if (isMounted.current) {
+              setUseAsyncEvaluatedOptions(false);
+            }
           });
         } else {
           var dataFrames = dataFramesInState;
@@ -2980,8 +2995,8 @@ var withDashboardViz = function withDashboardViz(opts) {
             setDataFramesInState(dataFrames);
           }
           return Options_1.Options.evaluate({
-            context: lodash_1.defaultsDeep({}, context, vizConfig.defaultContext),
-            options: hocUtils_1.deepMergeWithArrayPrimitiveOverrides({}, options, defaultOptions)
+            context: (0, lodash_1.defaultsDeep)({}, context, vizConfig.defaultContext),
+            options: (0, hocUtils_1.deepMergeWithArrayPrimitiveOverrides)({}, options, defaultOptions)
           }, dataSources, themeFunc, dataFrames);
         }
       } catch (e) {
@@ -3010,6 +3025,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     React.useEffect(function () {
       return function () {
         if (useAsyncEvaluatedOptions) {
+          isMounted.current = false;
           async_dynamic_options_evaluator_1.default.reset(visualizationID);
         }
       };
@@ -3019,7 +3035,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     var _vizConfig$requiredPr = vizConfig.requiredProps,
       requiredProps = _vizConfig$requiredPr === void 0 ? [] : _vizConfig$requiredPr,
       supports = vizConfig.supports;
-    var missing = MissingPropsMessage_1.missingKeys(requiredProps, evaluatedOptionsToUse);
+    var missing = (0, MissingPropsMessage_1.missingKeys)(requiredProps, evaluatedOptionsToUse);
     if (missing.length > 0 && supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && vizConfig.key !== 'splunk.singlevalue' // For SV missing props msg is not displayed if required props majorValue is missing, instead this will be handled from the component, instead handled within component
     ) {
       return React.createElement(MissingPropsMessage_1.default, {
@@ -3035,7 +3051,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     if (hasEventHandlers && mode === 'view' && vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.EVENTS) > -1) {
       var supportedEvents = vizConfig.events;
       Object.keys(supportedEvents).forEach(function (eventName) {
-        var eventCallbackPropName = lodash_1.camelCase("on.".concat(eventName));
+        var eventCallbackPropName = (0, lodash_1.camelCase)("on.".concat(eventName));
         eventCallbackProps[eventCallbackPropName] = null;
         // todo: refactor single value and single value icon to send payload from viz
         // then remove these lines
@@ -3078,19 +3094,19 @@ var withDashboardViz = function withDashboardViz(opts) {
      */
     var dataSourceMetadata = {};
     var OptionKey = 'paginateDataSourceKey';
-    var paginateDataSourceKey = lodash_1.has(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
-    if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && lodash_1.has(dataSources, paginateDataSourceKey)) {
-      var requestParams = lodash_1.get(dataSources, [paginateDataSourceKey, 'requestParams'], {});
-      var meta = lodash_1.get(dataSources, [paginateDataSourceKey, 'meta'], {});
+    var paginateDataSourceKey = (0, lodash_1.has)(evaluatedOptionsToUse, OptionKey) && evaluatedOptionsToUse[OptionKey] || 'primary';
+    if (vizConfig.supports.indexOf(VizBehavior_1.VizBehavior.PAGE_AND_SORT) > -1 && (0, lodash_1.has)(dataSources, paginateDataSourceKey)) {
+      var requestParams = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'requestParams'], {});
+      var meta = (0, lodash_1.get)(dataSources, [paginateDataSourceKey, 'meta'], {});
       var handleRequestParamsChange = function handleRequestParamsChange(payload) {
         return onRequestParamsChange(paginateDataSourceKey, payload);
       };
-      var sortParams = getSorting_1.getSortingParams({
+      var sortParams = (0, getSorting_1.getSortingParams)({
         requestParams: requestParams,
         meta: meta,
         onRequestParamsChange: handleRequestParamsChange
       });
-      var paginatorParams = getPagination_1.getPaginationParams({
+      var paginatorParams = (0, getPagination_1.getPaginationParams)({
         requestParams: requestParams,
         meta: meta,
         onRequestParamsChange: handleRequestParamsChange
@@ -3118,7 +3134,7 @@ var withDashboardViz = function withDashboardViz(opts) {
   // attach viz config
   DashboardViz.config = vizConfig;
   // @ts-ignore: TODO fix sc upgrade TS issues
-  return styled_components_1.withTheme(withPlaceholder_1.default(withEditModeCover_1.default(DashboardViz, disableEditModeCover), useIconPlaceholder));
+  return (0, styled_components_1.withTheme)((0, withPlaceholder_1.default)((0, withEditModeCover_1.default)(DashboardViz, disableEditModeCover), useIconPlaceholder));
 };
 exports.default = withDashboardViz;
 
@@ -3362,8 +3378,8 @@ var lodash_1 = __webpack_require__(3);
  * @param dependencies an array of dependencies
  */
 var useDeepMemo = function useDeepMemo(fn, dependencies) {
-  var ref = react_1.useRef();
-  if (!ref.current || !lodash_1.isEqual(dependencies, ref.current.dependencies)) {
+  var ref = (0, react_1.useRef)();
+  if (!ref.current || !(0, lodash_1.isEqual)(dependencies, ref.current.dependencies)) {
     ref.current = {
       dependencies: dependencies,
       value: fn()
@@ -3407,7 +3423,7 @@ exports.isMissing = isMissing;
  */
 var missingKeys = function missingKeys(keys, target) {
   return keys.filter(function (k) {
-    return exports.isMissing(target[k]);
+    return (0, exports.isMissing)(target[k]);
   });
 };
 exports.missingKeys = missingKeys;
@@ -3431,7 +3447,7 @@ var MissingPropsMessage = function MissingPropsMessage(props) {
     "data-test": "message",
     width: width,
     height: height,
-    message: i18n_1._("Missing property: ".concat(missingProps.join(', ')))
+    message: (0, i18n_1._)("Missing property: ".concat(missingProps.join(', ')))
   });
 };
 exports.MissingPropsMessage = MissingPropsMessage;
@@ -3440,7 +3456,7 @@ exports.MissingPropsMessage.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
+exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
 
@@ -3461,7 +3477,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': "25.13.0 - 572f25c03"
+  'data-splunk-visualization-version': "26.0.0 - 2f7458907"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -3480,7 +3496,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -3490,7 +3506,7 @@ exports.default = withEditModeCover;
 
 /***/ }),
 
-/***/ 464:
+/***/ 467:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3510,11 +3526,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.themes = exports.computeVizProps = exports.PureSingleValue = exports.config = void 0;
-var SingleValue_1 = __webpack_require__(485);
+var SingleValue_1 = __webpack_require__(489);
 var withDashboardViz_1 = __webpack_require__(36);
 var singleValueUtils_1 = __webpack_require__(24);
-var config_1 = __webpack_require__(465);
-var withTrellis_1 = __webpack_require__(107);
+var config_1 = __webpack_require__(468);
+var withTrellis_1 = __webpack_require__(106);
 exports.config = config_1.default;
 exports.PureSingleValue = SingleValue_1.default;
 var computeVizProps = function computeVizProps(_a) {
@@ -3538,12 +3554,12 @@ var computeVizProps = function computeVizProps(_a) {
   }, props);
 };
 exports.computeVizProps = computeVizProps;
-var viz = withTrellis_1.default(withDashboardViz_1.default({
+var viz = (0, withTrellis_1.default)((0, withDashboardViz_1.default)({
   ReactViz: SingleValue_1.default,
   vizConfig: config_1.default,
   computeVizProps: exports.computeVizProps,
   useIconPlaceholder: function useIconPlaceholder(dataSources, loading) {
-    return singleValueUtils_1.isLoadingOrNoColumns(dataSources, loading);
+    return (0, singleValueUtils_1.isLoadingOrNoColumns)(dataSources, loading);
   }
 }));
 exports.themes = config_1.default.themes;
@@ -3551,7 +3567,7 @@ exports.default = viz;
 
 /***/ }),
 
-/***/ 465:
+/***/ 468:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3563,23 +3579,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 var i18n_1 = __webpack_require__(2);
 var schemaUtils_1 = __webpack_require__(16);
-var PresetPalettes_1 = __webpack_require__(60);
-var variables_1 = __webpack_require__(466);
+var PresetPalettes_1 = __webpack_require__(61);
+var variables_1 = __webpack_require__(469);
 var pick_1 = __webpack_require__(23);
 var variables_2 = __webpack_require__(11);
 var visualization_icons_1 = __webpack_require__(52);
-var placeholders_1 = __webpack_require__(49);
-var singleValueContext_1 = __webpack_require__(134);
+var placeholders_1 = __webpack_require__(50);
+var singleValueContext_1 = __webpack_require__(135);
 var VizBehavior_1 = __webpack_require__(6);
-var DynamicMajorColorEditor_1 = __webpack_require__(100);
-var DynamicTrendColorEditor_1 = __webpack_require__(101);
-var DynamicBackgroundColorEditor_1 = __webpack_require__(102);
-var StaticMajorAndTrendLayout_1 = __webpack_require__(103);
-var StaticMajorColorEditor_1 = __webpack_require__(104);
-var StaticTrendColorEditor_1 = __webpack_require__(105);
-var StaticBackgroundColorEditor_1 = __webpack_require__(89);
+var DynamicMajorColorEditor_1 = __webpack_require__(136);
+var DynamicTrendColorEditor_1 = __webpack_require__(100);
+var DynamicBackgroundColorEditor_1 = __webpack_require__(101);
+var StaticMajorAndTrendLayout_1 = __webpack_require__(102);
+var StaticMajorColorEditor_1 = __webpack_require__(103);
+var StaticTrendColorEditor_1 = __webpack_require__(104);
+var StaticBackgroundColorEditor_1 = __webpack_require__(90);
 var configUtils_1 = __webpack_require__(20);
-var TrellisEditors_1 = __webpack_require__(106);
+var TrellisEditors_1 = __webpack_require__(105);
 var VizCategory_1 = __webpack_require__(35);
 var layoutUtils_1 = __webpack_require__(58);
 var dataContract = {
@@ -3662,7 +3678,7 @@ var optionsSchema = {
     default: 'off',
     description: 'Specify the layout method by which to display the visualization, which splits the data into individual visualizations based on a certain category.',
     type: 'string',
-    pattern: schemaUtils_1.getPattern([layoutUtils_1.LAYOUT_TYPE.Off, layoutUtils_1.LAYOUT_TYPE.Trellis]),
+    pattern: (0, schemaUtils_1.getPattern)([layoutUtils_1.LAYOUT_TYPE.Off, layoutUtils_1.LAYOUT_TYPE.Trellis]),
     enum: [layoutUtils_1.LAYOUT_TYPE.Off, layoutUtils_1.LAYOUT_TYPE.Trellis]
   },
   sparklineAreaColor: {
@@ -3674,7 +3690,7 @@ var optionsSchema = {
   sparklineDisplay: {
     default: 'below',
     description: 'Specify how to display a sparkline.',
-    pattern: schemaUtils_1.getPattern(['before', 'after', 'below', 'off']),
+    pattern: (0, schemaUtils_1.getPattern)(['before', 'after', 'below', 'off']),
     type: 'string'
   },
   sparklineHighlightDots: {
@@ -3710,7 +3726,7 @@ var optionsSchema = {
   trendDisplay: {
     default: 'absolute',
     description: 'Specify how to display the trend value.',
-    pattern: schemaUtils_1.getPattern(['percent', 'absolute', 'off']),
+    pattern: (0, schemaUtils_1.getPattern)(['percent', 'absolute', 'off']),
     type: 'string'
   },
   trendFontSize: {
@@ -3771,7 +3787,7 @@ var optionsSchema = {
   unitPosition: {
     default: 'after',
     description: 'Specify whether the unit text should appear before or after the major value.',
-    pattern: schemaUtils_1.getPattern(['before', 'after']),
+    pattern: (0, schemaUtils_1.getPattern)(['before', 'after']),
     type: 'string'
   }
 };
@@ -3787,14 +3803,14 @@ var basePresetOptions = {
 };
 var presets = [{
   // dummy context variables to allow for resetting of unused context states
-  label: i18n_1._('None'),
+  label: (0, i18n_1._)('None'),
   name: 'singleValue.none',
   value: {
     context: Object.assign({}, basePresetContext),
     options: Object.assign({}, basePresetOptions)
   }
 }, {
-  label: i18n_1._('Major value'),
+  label: (0, i18n_1._)('Major value'),
   name: 'singleValue.majorValue',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -3805,7 +3821,7 @@ var presets = [{
     })
   }
 }, {
-  label: i18n_1._('Trend value'),
+  label: (0, i18n_1._)('Trend value'),
   name: 'singleValue.trend',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -3816,7 +3832,7 @@ var presets = [{
     })
   }
 }, {
-  label: i18n_1._('Major value and Trend value'),
+  label: (0, i18n_1._)('Major value and Trend value'),
   name: 'singleValue.majorValueAndTrend',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -3829,7 +3845,7 @@ var presets = [{
     })
   }
 }, {
-  label: i18n_1._('Background'),
+  label: (0, i18n_1._)('Background'),
   name: 'singleValue.background',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -3847,7 +3863,7 @@ var LIGHTMODE_SPARKLINE_AREA_COLOR = '#171D21';
 var DARKMODE_SPARKLINE_AREA_COLOR = '#FFFFFF';
 var themes = {
   defaultFontColor: function defaultFontColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_2.default.textColor(props),
         light: variables_2.default.gray20(props)
@@ -3856,13 +3872,13 @@ var themes = {
     })(props);
   },
   defaultBlockFontColor: function defaultBlockFontColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: variables_2.default.white(props),
       prisma: variables_2.default.contentColorActive(props)
     })(props);
   },
   defaultBackgroundColor: function defaultBackgroundColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_2.default.black(props),
         light: variables_2.default.backgroundColor(props)
@@ -3871,14 +3887,14 @@ var themes = {
     })(props);
   },
   defaultSparklineStrokeColor: function defaultSparklineStrokeColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: variables_2.default.textColor(props),
       prisma: variables_2.default.contentColorActive(props)
     })(props);
   },
   // TODO(fkurniawan): update with SCP-36839
   sparklineSeverityColors: function sparklineSeverityColors(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: JSON.stringify({
           none: {
@@ -3963,7 +3979,7 @@ var themes = {
   },
   // TODO(fkurniawan): update with SCP-36839
   sparklineFillColor: function sparklineFillColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         light: LIGHTMODE_SPARKLINE_AREA_COLOR,
         dark: DARKMODE_SPARKLINE_AREA_COLOR
@@ -3973,9 +3989,9 @@ var themes = {
   }
 };
 var editorConfig = [{
-  label: i18n_1._('Data configurations'),
+  label: (0, i18n_1._)('Data configurations'),
   layout: [[{
-    label: i18n_1._('Value'),
+    label: (0, i18n_1._)('Value'),
     editor: 'editor.columnSelector',
     option: 'sparklineValues',
     context: 'sparklineValuesContext',
@@ -3999,20 +4015,20 @@ var editorConfig = [{
     }
   }]]
 }, {
-  label: i18n_1._('Data display'),
+  label: (0, i18n_1._)('Data display'),
   layout: [].concat(_toConsumableArray(StaticMajorAndTrendLayout_1.default), [[{
-    label: i18n_1._('Trend display'),
+    label: (0, i18n_1._)('Trend display'),
     option: 'trendDisplay',
     editor: 'editor.select',
     editorProps: {
       values: [{
-        label: i18n_1._('Percent'),
+        label: (0, i18n_1._)('Percent'),
         value: 'percent'
       }, {
-        label: i18n_1._('Absolute'),
+        label: (0, i18n_1._)('Absolute'),
         value: 'absolute'
       }, {
-        label: i18n_1._('Off'),
+        label: (0, i18n_1._)('Off'),
         value: 'off'
       }]
     },
@@ -4021,29 +4037,29 @@ var editorConfig = [{
       return options.showValue || options.showValue === undefined;
     }
   }, {
-    label: i18n_1._('Sparkline display'),
+    label: (0, i18n_1._)('Sparkline display'),
     option: 'sparklineDisplay',
     editor: 'editor.select',
     editorProps: {
       values: [{
-        label: i18n_1._('Off'),
+        label: (0, i18n_1._)('Off'),
         value: 'off'
       }, {
-        label: i18n_1._('Before'),
+        label: (0, i18n_1._)('Before'),
         value: 'before'
       }, {
-        label: i18n_1._('Below'),
+        label: (0, i18n_1._)('Below'),
         value: 'below'
       }, {
-        label: i18n_1._('After'),
+        label: (0, i18n_1._)('After'),
         value: 'after'
       }]
     }
   }]], _toConsumableArray(TrellisEditors_1.TrellisEditorConfig))
 }, {
-  label: i18n_1._('Color and style'),
+  label: (0, i18n_1._)('Color and style'),
   layout: [[{
-    label: i18n_1._('Dynamic elements'),
+    label: (0, i18n_1._)('Dynamic elements'),
     key: 'presetSelector',
     editor: 'editor.presetSelector',
     editorProps: {
@@ -4051,7 +4067,7 @@ var editorConfig = [{
       value: function value(_ref3) {
         var context = _ref3.context,
           options = _ref3.options;
-        var initialPreset = configUtils_1.getInitialPreset(context, options, presets);
+        var initialPreset = (0, configUtils_1.getInitialPreset)(context, options, presets);
         return initialPreset && initialPreset.label || null;
       }
     }
@@ -4059,14 +4075,14 @@ var editorConfig = [{
     editorProps: {
       themes: themes
     }
-  })], [DynamicMajorColorEditor_1.getDynamicMajorColorEditor({
+  })], [(0, DynamicMajorColorEditor_1.getDynamicMajorColorEditor)({
     defaultContext: singleValueContext_1.defaultContext,
     defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
   })], [Object.assign(Object.assign({}, StaticTrendColorEditor_1.default), {
     editorProps: {
       themes: themes
     }
-  })], [DynamicTrendColorEditor_1.getDynamicTrendColorEditor({
+  })], [(0, DynamicTrendColorEditor_1.getDynamicTrendColorEditor)({
     defaultContext: singleValueContext_1.defaultContext,
     defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
   })], [Object.assign(Object.assign({}, StaticBackgroundColorEditor_1.default), {
@@ -4077,29 +4093,29 @@ var editorConfig = [{
     editorProps: {
       themes: themes
     }
-  })], [DynamicBackgroundColorEditor_1.getDynamicBackgroundColorEditor({
+  })], [(0, DynamicBackgroundColorEditor_1.getDynamicBackgroundColorEditor)({
     defaultContext: singleValueContext_1.defaultContext,
     defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
   })], [{
-    label: i18n_1._('Major value size (px)'),
+    label: (0, i18n_1._)('Major value size (px)'),
     option: 'majorFontSize',
     editor: 'editor.number',
     editorProps: {
       min: 1
     },
-    placeholder: i18n_1._('Auto'),
+    placeholder: (0, i18n_1._)('Auto'),
     showEditor: function showEditor(_ref4) {
       var options = _ref4.options;
       return options.showValue || options.showValue === undefined;
     }
   }, {
-    label: i18n_1._('Trend value size (px)'),
+    label: (0, i18n_1._)('Trend value size (px)'),
     option: 'trendFontSize',
     editor: 'editor.number',
     editorProps: {
       min: 1
     },
-    placeholder: i18n_1._('Auto'),
+    placeholder: (0, i18n_1._)('Auto'),
     showEditor: function showEditor(_ref5) {
       var options = _ref5.options;
       return options.showValue || options.showValue === undefined;
@@ -4121,7 +4137,7 @@ var config = {
   /**
    * viz name
    */
-  name: i18n_1._('Single value'),
+  name: (0, i18n_1._)('Single value'),
   category: VizCategory_1.VizCategory.SINGLE_VALUE,
   /**
    * viz icon
@@ -4143,11 +4159,11 @@ var config = {
   themes: themes,
   requiredProps: ['majorValue']
 };
-exports.default = configUtils_1.enhanceConfig(config);
+exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
 
-/***/ 466:
+/***/ 469:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-themes/variables");
@@ -4166,7 +4182,7 @@ Object.defineProperty(exports, "__esModule", {
 var React = __webpack_require__(1);
 var colorUtils_1 = __webpack_require__(12);
 var variables_1 = __webpack_require__(11);
-var IconPlaceholder_1 = __webpack_require__(31);
+var IconPlaceholder_1 = __webpack_require__(32);
 var VizBehavior_1 = __webpack_require__(6);
 var hocUtils_1 = __webpack_require__(15);
 var withPlaceholder = function withPlaceholder(Visualization) {
@@ -4181,7 +4197,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
       height = props.height,
       width = props.width;
     var showPlaceholder = useIconPlaceholder(dataSources, loading, options);
-    var bgColorFromTheme = colorUtils_1.isColor(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
+    var bgColorFromTheme = (0, colorUtils_1.isColor)(options === null || options === void 0 ? void 0 : options.backgroundColor) ? options === null || options === void 0 ? void 0 : options.backgroundColor : (_a = themes === null || themes === void 0 ? void 0 : themes.defaultBackgroundColor) === null || _a === void 0 ? void 0 : _a.call(themes, props);
     var icon = (_b = config.placeholderIcon) !== null && _b !== void 0 ? _b : config.icon;
     var iconColor = variables_1.default.contentColorActive(props);
     if (config.supports.includes(VizBehavior_1.VizBehavior.PLACEHOLDER) && showPlaceholder) {
@@ -4196,7 +4212,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
     }
     return React.createElement(Visualization, Object.assign({}, props));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -4213,7 +4229,7 @@ module.exports = require("@babel/runtime/helpers/extends");
 
 /***/ }),
 
-/***/ 485:
+/***/ 489:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4241,11 +4257,11 @@ var external_styled_components_ = __webpack_require__(4);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "lodash/pick"
-var pick_ = __webpack_require__(81);
+var pick_ = __webpack_require__(108);
 var pick_default = /*#__PURE__*/__webpack_require__.n(pick_);
 
 // EXTERNAL MODULE: external "lodash/isEmpty"
-var isEmpty_ = __webpack_require__(82);
+var isEmpty_ = __webpack_require__(109);
 var isEmpty_default = /*#__PURE__*/__webpack_require__.n(isEmpty_);
 
 // EXTERNAL MODULE: external "@splunk/visualizations-shared/style"
@@ -4260,10 +4276,10 @@ var FeatureFlagContext_ = __webpack_require__(21);
 var FeatureFlagContext_default = /*#__PURE__*/__webpack_require__.n(FeatureFlagContext_);
 
 // EXTERNAL MODULE: ./src/common/components/VizStyleWrapper.jsx
-var VizStyleWrapper = __webpack_require__(72);
+var VizStyleWrapper = __webpack_require__(73);
 
 // EXTERNAL MODULE: ./src/common/components/TrellisTitle.tsx
-var TrellisTitle = __webpack_require__(78);
+var TrellisTitle = __webpack_require__(79);
 
 // EXTERNAL MODULE: ./src/common/utils/layoutUtils.ts
 var layoutUtils = __webpack_require__(58);
@@ -4273,10 +4289,10 @@ var defineProperty_ = __webpack_require__(7);
 var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty_);
 
 // EXTERNAL MODULE: ./src/SingleValueBasic/SingleValueBasic.jsx + 2 modules
-var SingleValueBasic = __webpack_require__(79);
+var SingleValueBasic = __webpack_require__(81);
 
 // EXTERNAL MODULE: external "@splunk/visualizations-shared/propUtils"
-var propUtils_ = __webpack_require__(28);
+var propUtils_ = __webpack_require__(29);
 
 // EXTERNAL MODULE: ./src/SparkLine/SparkLine.jsx
 var SparkLine = __webpack_require__(95);
@@ -4341,10 +4357,10 @@ SingleValueSparkline_SingleValueSparkline.propTypes = {
 };
 /* harmony default export */ var PureSingleValue_SingleValueSparkline = (SingleValueSparkline_SingleValueSparkline);
 // EXTERNAL MODULE: external "@splunk/visualizations-shared/colorConstants"
-var colorConstants_ = __webpack_require__(50);
+var colorConstants_ = __webpack_require__(49);
 
 // EXTERNAL MODULE: external "@splunk/visualizations-shared/numberUtils"
-var numberUtils_ = __webpack_require__(30);
+var numberUtils_ = __webpack_require__(31);
 
 // EXTERNAL MODULE: ./src/common/utils/singleValueUtils.js
 var singleValueUtils = __webpack_require__(24);
@@ -5080,14 +5096,14 @@ SingleValue_SingleValue.defaultProps = {
 /***/ 49:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-icons/placeholders");
+module.exports = require("@splunk/visualizations-shared/colorConstants");
 
 /***/ }),
 
 /***/ 50:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/colorConstants");
+module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
 
@@ -5130,13 +5146,6 @@ var LAYOUT_TYPE;
 
 /***/ }),
 
-/***/ 59:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes");
-
-/***/ }),
-
 /***/ 6:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -5177,20 +5186,27 @@ var VizBehavior;
 /***/ 60:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-color-palettes/editors/PresetPalettes");
+module.exports = require("@splunk/themes");
 
 /***/ }),
 
 /***/ 61:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Popover");
+module.exports = require("@splunk/visualization-color-palettes/editors/PresetPalettes");
 
 /***/ }),
 
 /***/ 62:
 /***/ (function(module, exports) {
 
+module.exports = require("@splunk/react-ui/Popover");
+
+/***/ }),
+
+/***/ 63:
+/***/ (function(module, exports) {
+
 module.exports = require("@babel/runtime/helpers/getPrototypeOf");
 
 /***/ }),
@@ -5202,21 +5218,21 @@ module.exports = require("@babel/runtime/helpers/defineProperty");
 
 /***/ }),
 
-/***/ 70:
+/***/ 71:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/inherits");
 
 /***/ }),
 
-/***/ 71:
+/***/ 72:
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
 
 /***/ }),
 
-/***/ 72:
+/***/ 73:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5241,7 +5257,7 @@ VizStyleWrapper.displayName = 'VizStyleWrapper';
 
 /***/ }),
 
-/***/ 78:
+/***/ 79:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5281,7 +5297,14 @@ exports.TrellisTitle = TrellisTitle;
 
 /***/ }),
 
-/***/ 79:
+/***/ 8:
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/toConsumableArray");
+
+/***/ }),
+
+/***/ 81:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5311,11 +5334,11 @@ var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(exte
 var singleValueUtils = __webpack_require__(24);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ArrowUp"
-var ArrowUp_ = __webpack_require__(83);
+var ArrowUp_ = __webpack_require__(84);
 var ArrowUp_default = /*#__PURE__*/__webpack_require__.n(ArrowUp_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/ArrowDown"
-var ArrowDown_ = __webpack_require__(84);
+var ArrowDown_ = __webpack_require__(85);
 var ArrowDown_default = /*#__PURE__*/__webpack_require__.n(ArrowDown_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -5390,7 +5413,7 @@ TrendValue_SingleValueContent.propTypes = {
 };
 /* harmony default export */ var TrendValue = (TrendValue_SingleValueContent);
 // EXTERNAL MODULE: external "cssesc"
-var external_cssesc_ = __webpack_require__(85);
+var external_cssesc_ = __webpack_require__(86);
 var external_cssesc_default = /*#__PURE__*/__webpack_require__.n(external_cssesc_);
 
 // CONCATENATED MODULE: ./src/SingleValueBasic/MajorValue.jsx
@@ -5575,63 +5598,49 @@ var SingleValueTrendValue = TrendValue;
 
 /***/ }),
 
-/***/ 8:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/toConsumableArray");
-
-/***/ }),
-
-/***/ 80:
+/***/ 83:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/trellisUtils");
 
 /***/ }),
 
-/***/ 81:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash/pick");
-
-/***/ }),
-
-/***/ 82:
+/***/ 84:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/isEmpty");
+module.exports = require("@splunk/react-icons/enterprise/ArrowUp");
 
 /***/ }),
 
-/***/ 83:
+/***/ 85:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/ArrowUp");
+module.exports = require("@splunk/react-icons/enterprise/ArrowDown");
 
 /***/ }),
 
-/***/ 84:
+/***/ 86:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/ArrowDown");
+module.exports = require("cssesc");
 
 /***/ }),
 
-/***/ 85:
+/***/ 87:
 /***/ (function(module, exports) {
 
-module.exports = require("cssesc");
+module.exports = require("@babel/runtime/helpers/assertThisInitialized");
 
 /***/ }),
 
-/***/ 86:
+/***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/assertThisInitialized");
+module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 
-/***/ 89:
+/***/ 90:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5655,14 +5664,7 @@ var StaticBackgroundColorEditor = {
 
 /***/ }),
 
-/***/ 9:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/classCallCheck");
-
-/***/ }),
-
-/***/ 92:
+/***/ 93:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paginator");
@@ -5680,13 +5682,13 @@ __webpack_require__.r(__webpack_exports__);
 /* 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__(18);
 /* 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__(86);
+/* harmony import */ var _babel_runtime_helpers_assertThisInitialized__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(87);
 /* 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__(70);
+/* harmony import */ var _babel_runtime_helpers_inherits__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(71);
 /* 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__(71);
+/* harmony import */ var _babel_runtime_helpers_possibleConstructorReturn__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(72);
 /* 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__(62);
+/* harmony import */ var _babel_runtime_helpers_getPrototypeOf__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(63);
 /* 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__(7);
 /* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7__);
@@ -5696,10 +5698,14 @@ __webpack_require__.r(__webpack_exports__);
 /* 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___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_10__);
-/* harmony import */ var _splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(61);
-/* harmony import */ var _splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_11__);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(4);
-/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_12__);
+/* 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__(62);
+/* 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___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__(25);
+/* harmony import */ var _splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14__);
 
 
 
@@ -5738,11 +5744,13 @@ function _isNativeReflectConstruct() {
 
 
 
-var StyledSvg = styled_components__WEBPACK_IMPORTED_MODULE_12___default.a.svg.withConfig({
+
+
+var StyledSvg = styled_components__WEBPACK_IMPORTED_MODULE_11___default.a.svg.withConfig({
   displayName: "SparkLine__StyledSvg",
   componentId: "sc-5oplra-0"
 })(["overflow:hidden;"]);
-var StyledTooltip = styled_components__WEBPACK_IMPORTED_MODULE_12___default.a.div.withConfig({
+var StyledTooltip = styled_components__WEBPACK_IMPORTED_MODULE_11___default.a.div.withConfig({
   displayName: "SparkLine__StyledTooltip",
   componentId: "sc-5oplra-1"
 })(["padding:3px 8px;font-size:12px;"]);
@@ -5768,6 +5776,7 @@ var SparkLine = /*#__PURE__*/function (_Component) {
       rectArea: null,
       tooltip: null
     };
+    _this.titleId = Object(_splunk_ui_utils_id__WEBPACK_IMPORTED_MODULE_14__["createDOMID"])();
     return _this;
   }
   _babel_runtime_helpers_createClass__WEBPACK_IMPORTED_MODULE_2___default()(SparkLine, [{
@@ -6015,7 +6024,7 @@ var SparkLine = /*#__PURE__*/function (_Component) {
   }, {
     key: "renderTooltip",
     value: function renderTooltip() {
-      return this.state.anchor !== null && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_11___default.a, {
+      return this.state.anchor !== null && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(_splunk_react_ui_Popover__WEBPACK_IMPORTED_MODULE_12___default.a, {
         "data-test": "tooltip",
         open: this.state.open,
         anchor: this.state.anchor,
@@ -6107,7 +6116,8 @@ var SparkLine = /*#__PURE__*/function (_Component) {
         height = _this$props9.height,
         isArea = _this$props9.isArea,
         lineStrokeWidth = _this$props9.lineStrokeWidth,
-        width = _this$props9.width;
+        width = _this$props9.width,
+        title = _this$props9.title;
       if (data.length === 0) {
         return null;
       }
@@ -6132,8 +6142,14 @@ var SparkLine = /*#__PURE__*/function (_Component) {
         ref: elementRef
       }, Object(lodash__WEBPACK_IMPORTED_MODULE_10__["omit"])(this.props, Object(lodash__WEBPACK_IMPORTED_MODULE_10__["keys"])(SparkLine.propTypes))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement(StyledSvg, {
         height: height,
-        width: width
-      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("g", null, this.renderCursor(), this.renderPolyline(points), this.renderArea(points), dotsToShow ? this.renderEndDots(points, dotsToShow, xMargin) : null, showTooltip ? this.renderRect(points, xMargin) : null, showTooltip ? this.renderTooltip() : null)));
+        width: width,
+        role: "img",
+        "aria-labelledby": this.titleId,
+        "data-test": "sparkline-svg"
+      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("title", {
+        id: this.titleId,
+        "data-test": "sparkline-title"
+      }, title || Object(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_13__["_"])('Source count over time sparkline trend')), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_9___default.a.createElement("g", null, this.renderCursor(), this.renderPolyline(points), this.renderArea(points), dotsToShow ? this.renderEndDots(points, dotsToShow, xMargin) : null, showTooltip ? this.renderRect(points, xMargin) : null, showTooltip ? this.renderTooltip() : null)));
     }
   }]);
   return SparkLine;
@@ -6210,7 +6226,9 @@ _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(Spa
   /**
    * The width of the container.
    */
-  width: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number.isRequired
+  width: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.number.isRequired,
+  /** Sets the a11y title text on sparkline. */
+  title: prop_types__WEBPACK_IMPORTED_MODULE_8___default.a.string
 });
 _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_7___default()(SparkLine, "defaultProps", {
   acceptNull: false,