@splunk/visualizations 25.13.0 → 26.0.0

package/SingleValueIcon.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 467);
+/******/ 	return __webpack_require__(__webpack_require__.s = 470);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -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) {
 
@@ -1302,7 +1316,7 @@ module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
 
-/***/ 140:
+/***/ 142:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations/SingleValueBasic");
@@ -1347,42 +1361,42 @@ module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
 
-/***/ 168:
+/***/ 17:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/Activity");
+module.exports = require("@babel/runtime/helpers/slicedToArray");
 
 /***/ }),
 
-/***/ 169:
+/***/ 171:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/enterprise/Clock");
+module.exports = require("@splunk/react-icons/enterprise/Activity");
 
 /***/ }),
 
-/***/ 17:
+/***/ 172:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/slicedToArray");
+module.exports = require("@splunk/react-icons/enterprise/Clock");
 
 /***/ }),
 
-/***/ 170:
+/***/ 173:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Pencil");
 
 /***/ }),
 
-/***/ 171:
+/***/ 174:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Star");
 
 /***/ }),
 
-/***/ 172:
+/***/ 175:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/enterprise/Question");
@@ -1570,8 +1584,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)
@@ -1588,7 +1602,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
@@ -1674,13 +1688,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) {
@@ -2613,35 +2627,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");
 
 /***/ }),
 
@@ -2655,11 +2669,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";
@@ -2683,9 +2704,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;
 };
@@ -2726,7 +2747,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;
@@ -2734,14 +2755,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);
 
 /***/ }),
 
@@ -2776,7 +2790,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];
     }
@@ -2785,7 +2799,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)
@@ -2836,7 +2850,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;
@@ -2900,16 +2914,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);
@@ -2930,8 +2944,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,
@@ -2966,19 +2980,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({}),
@@ -2989,16 +3003,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,
@@ -3009,10 +3024,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;
@@ -3022,8 +3037,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) {
@@ -3052,6 +3067,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     React.useEffect(function () {
       return function () {
         if (useAsyncEvaluatedOptions) {
+          isMounted.current = false;
           async_dynamic_options_evaluator_1.default.reset(visualizationID);
         }
       };
@@ -3061,7 +3077,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, {
@@ -3077,7 +3093,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
@@ -3120,19 +3136,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
@@ -3160,7 +3176,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;
 
@@ -3404,8 +3420,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()
@@ -3449,7 +3465,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;
@@ -3473,7 +3489,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;
@@ -3482,7 +3498,7 @@ exports.MissingPropsMessage.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
+exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
 
@@ -3503,7 +3519,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"
@@ -3522,7 +3538,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -3532,7 +3548,59 @@ exports.default = withEditModeCover;
 
 /***/ }),
 
-/***/ 467:
+/***/ 47:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var React = __webpack_require__(1);
+var colorUtils_1 = __webpack_require__(12);
+var variables_1 = __webpack_require__(11);
+var IconPlaceholder_1 = __webpack_require__(32);
+var VizBehavior_1 = __webpack_require__(6);
+var hocUtils_1 = __webpack_require__(15);
+var withPlaceholder = function withPlaceholder(Visualization) {
+  var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
+  var config = Visualization.config;
+  var themes = config.themes;
+  var Wrapper = function Wrapper(props) {
+    var _a, _b;
+    var dataSources = props.dataSources,
+      loading = props.loading,
+      options = props.options,
+      height = props.height,
+      width = props.width;
+    var showPlaceholder = useIconPlaceholder(dataSources, loading, options);
+    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) {
+      return React.createElement(IconPlaceholder_1.default, {
+        "data-test": "icon-placeholder",
+        icon: icon,
+        width: width,
+        height: height,
+        backgroundColor: bgColorFromTheme,
+        iconColor: iconColor
+      });
+    }
+    return React.createElement(Visualization, Object.assign({}, props));
+  };
+  (0, hocUtils_1.extendStaticWrapperProps)({
+    Wrapper: Wrapper,
+    Visualization: Visualization
+  });
+  return Wrapper;
+};
+exports.default = withPlaceholder;
+
+/***/ }),
+
+/***/ 470:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3543,12 +3611,12 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.themes = exports.computeVizProps = exports.PureSingleValueIcon = exports.config = void 0;
 var React = __webpack_require__(1);
-var RemoteIcon_1 = __webpack_require__(468);
-var iconUtils_1 = __webpack_require__(469);
-var SingleValueIcon_1 = __webpack_require__(486);
+var RemoteIcon_1 = __webpack_require__(471);
+var iconUtils_1 = __webpack_require__(472);
+var SingleValueIcon_1 = __webpack_require__(490);
 var withDashboardViz_1 = __webpack_require__(36);
-var config_1 = __webpack_require__(470);
-var withTrellis_1 = __webpack_require__(107);
+var config_1 = __webpack_require__(473);
+var withTrellis_1 = __webpack_require__(106);
 exports.config = config_1.default;
 exports.PureSingleValueIcon = SingleValueIcon_1.default;
 var computeVizProps = function computeVizProps(_ref) {
@@ -3558,7 +3626,7 @@ var computeVizProps = function computeVizProps(_ref) {
     themeFunc = _ref.themeFunc,
     trellisKey = _ref.trellisKey,
     trellisSplitBy = _ref.trellisSplitBy;
-  if (icon && (iconUtils_1.isRemoteIcon(icon) || iconUtils_1.isDataURI(icon))) {
+  if (icon && ((0, iconUtils_1.isRemoteIcon)(icon) || (0, iconUtils_1.isDataURI)(icon))) {
     // eslint-disable-next-line no-param-reassign
     IconComponent = React.createElement(RemoteIcon_1.default, {
       iconURL: icon
@@ -3573,7 +3641,7 @@ var computeVizProps = function computeVizProps(_ref) {
   };
 };
 exports.computeVizProps = computeVizProps;
-var viz = withTrellis_1.default(withDashboardViz_1.default({
+var viz = (0, withTrellis_1.default)((0, withDashboardViz_1.default)({
   ReactViz: SingleValueIcon_1.default,
   vizConfig: config_1.default,
   computeVizProps: exports.computeVizProps
@@ -3583,73 +3651,21 @@ exports.default = viz;
 
 /***/ }),
 
-/***/ 468:
+/***/ 471:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/RemoteIcon");
 
 /***/ }),
 
-/***/ 469:
+/***/ 472:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/iconUtils");
 
 /***/ }),
 
-/***/ 47:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var React = __webpack_require__(1);
-var colorUtils_1 = __webpack_require__(12);
-var variables_1 = __webpack_require__(11);
-var IconPlaceholder_1 = __webpack_require__(31);
-var VizBehavior_1 = __webpack_require__(6);
-var hocUtils_1 = __webpack_require__(15);
-var withPlaceholder = function withPlaceholder(Visualization) {
-  var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
-  var config = Visualization.config;
-  var themes = config.themes;
-  var Wrapper = function Wrapper(props) {
-    var _a, _b;
-    var dataSources = props.dataSources,
-      loading = props.loading,
-      options = props.options,
-      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 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) {
-      return React.createElement(IconPlaceholder_1.default, {
-        "data-test": "icon-placeholder",
-        icon: icon,
-        width: width,
-        height: height,
-        backgroundColor: bgColorFromTheme,
-        iconColor: iconColor
-      });
-    }
-    return React.createElement(Visualization, Object.assign({}, props));
-  };
-  hocUtils_1.extendStaticWrapperProps({
-    Wrapper: Wrapper,
-    Visualization: Visualization
-  });
-  return Wrapper;
-};
-exports.default = withPlaceholder;
-
-/***/ }),
-
-/***/ 470:
+/***/ 473:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3661,20 +3677,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 var i18n_1 = __webpack_require__(2);
 var schemaUtils_1 = __webpack_require__(16);
-var PresetPalettes_1 = __webpack_require__(60);
+var PresetPalettes_1 = __webpack_require__(61);
 var pick_1 = __webpack_require__(23);
 var variables_1 = __webpack_require__(11);
 var configUtils_1 = __webpack_require__(22);
-var singleValueContext_1 = __webpack_require__(134);
-var StaticMajorAndTrendLayout_1 = __webpack_require__(103);
-var StaticBackgroundColorEditor_1 = __webpack_require__(89);
-var StaticIconColorEditor_1 = __webpack_require__(471);
-var StaticMajorColorEditor_1 = __webpack_require__(104);
-var StaticTrendColorEditor_1 = __webpack_require__(105);
-var DynamicMajorColorEditor_1 = __webpack_require__(100);
-var DynamicTrendColorEditor_1 = __webpack_require__(101);
-var DynamicBackgroundColorEditor_1 = __webpack_require__(102);
-var TrellisEditors_1 = __webpack_require__(106);
+var singleValueContext_1 = __webpack_require__(135);
+var StaticMajorAndTrendLayout_1 = __webpack_require__(102);
+var StaticBackgroundColorEditor_1 = __webpack_require__(90);
+var StaticIconColorEditor_1 = __webpack_require__(474);
+var StaticMajorColorEditor_1 = __webpack_require__(103);
+var StaticTrendColorEditor_1 = __webpack_require__(104);
+var DynamicMajorColorEditor_1 = __webpack_require__(136);
+var DynamicTrendColorEditor_1 = __webpack_require__(100);
+var DynamicBackgroundColorEditor_1 = __webpack_require__(101);
+var TrellisEditors_1 = __webpack_require__(105);
 var VizBehavior_1 = __webpack_require__(6);
 var configUtils_2 = __webpack_require__(20);
 var VizCategory_1 = __webpack_require__(35);
@@ -3770,7 +3786,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]
   },
   trendColor: {
@@ -3782,7 +3798,7 @@ var optionsSchema = {
   trendDisplay: {
     default: 'absolute',
     description: 'Specify whether the trend value is displayed as a percentage or an absolute count.',
-    pattern: schemaUtils_1.getPattern(['off', 'percent', 'absolute']),
+    pattern: (0, schemaUtils_1.getPattern)(['off', 'percent', 'absolute']),
     type: 'string'
   },
   trendFontSize: {
@@ -3838,7 +3854,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'
   }
 };
@@ -3856,14 +3872,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: 'singleValueIcon.none',
   value: {
     context: Object.assign({}, basePresetContext),
     options: Object.assign({}, basePresetOptions)
   }
 }, {
-  label: i18n_1._('Icon'),
+  label: (0, i18n_1._)('Icon'),
   name: 'singleValueIcon.icon',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -3874,7 +3890,7 @@ var presets = [{
     })
   }
 }, {
-  label: i18n_1._('Major value'),
+  label: (0, i18n_1._)('Major value'),
   name: 'singleValueIcon.majorValue',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -3885,7 +3901,7 @@ var presets = [{
     })
   }
 }, {
-  label: i18n_1._('Trend value'),
+  label: (0, i18n_1._)('Trend value'),
   name: 'singleValueIcon.trend',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -3896,7 +3912,7 @@ var presets = [{
     })
   }
 }, {
-  label: i18n_1._('Icon and Major value'),
+  label: (0, i18n_1._)('Icon and Major value'),
   name: 'singleValueIcon.iconAndMajorValue',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -3909,7 +3925,7 @@ var presets = [{
     })
   }
 }, {
-  label: i18n_1._('Background'),
+  label: (0, i18n_1._)('Background'),
   name: 'singleValueIcon.background',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -3927,7 +3943,7 @@ var presets = [{
  */
 var themes = {
   defaultFontColor: function defaultFontColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.textColor(props),
         light: variables_1.default.gray20(props)
@@ -3936,16 +3952,16 @@ var themes = {
     })(props);
   },
   defaultBlockFontColor: function defaultBlockFontColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: variables_1.default.white(props),
       prisma: variables_1.default.contentColorActive(props)
     })(props);
   }
 };
 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: 'majorValue',
     context: 'valuesContext',
@@ -3968,24 +3984,24 @@ var editorConfig = [{
     }
   }]]
 }, {
-  label: i18n_1._('Data display'),
+  label: (0, i18n_1._)('Data display'),
   layout: [[{
-    label: i18n_1._('Show major and trend value'),
+    label: (0, i18n_1._)('Show major and trend value'),
     option: 'showValue',
     editor: 'editor.toggle'
   }]].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'
       }]
     },
@@ -3995,9 +4011,9 @@ var editorConfig = [{
     }
   }]], _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: {
@@ -4005,41 +4021,41 @@ var editorConfig = [{
       value: function value(_ref3) {
         var context = _ref3.context,
           options = _ref3.options;
-        var initialPreset = configUtils_2.getInitialPreset(context, options, presets);
+        var initialPreset = (0, configUtils_2.getInitialPreset)(context, options, presets);
         return initialPreset && initialPreset.label || null;
       }
     }
   }], StaticIconColorEditor_1.default, [{
-    label: i18n_1._('Icon'),
+    label: (0, i18n_1._)('Icon'),
     option: 'iconColor',
     context: 'iconColorEditorConfig',
     editor: 'editor.dynamicColor',
     showEditor: function showEditor(_ref4) {
       var options = _ref4.options;
-      return configUtils_1.isDynamicOption(options.iconColor);
+      return (0, configUtils_1.isDynamicOption)(options.iconColor);
     },
     editorProps: {
       labelPosition: 'top',
       flyoutTitle: 'Dynamic coloring: icon',
       formatters: [{
-        label: i18n_1._('Ranges'),
+        label: (0, i18n_1._)('Ranges'),
         value: 'rangeValue',
         defaults: {
           trendValue: singleValueContext_1.defaultContext.trendColorConfig,
           majorValue: singleValueContext_1.defaultContext.majorColorConfig
         }
       }, {
-        label: i18n_1._('Matches'),
+        label: (0, i18n_1._)('Matches'),
         value: 'matchValue',
         defaults: {
           majorValue: singleValueContext_1.defaultContext.majorColorMatchConfig
         }
       }],
       dataSelectors: [{
-        label: i18n_1._('Major value'),
+        label: (0, i18n_1._)('Major value'),
         value: 'majorValue'
       }, {
-        label: i18n_1._('Trend'),
+        label: (0, i18n_1._)('Trend'),
         value: 'trendValue'
       }],
       defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
@@ -4048,14 +4064,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), {
@@ -4066,29 +4082,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(_ref5) {
       var options = _ref5.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(_ref6) {
       var options = _ref6.options;
       return options.showValue || options.showValue === undefined;
@@ -4110,7 +4126,7 @@ var config = {
   /**
    * viz name
    */
-  name: i18n_1._('Single value icon'),
+  name: (0, i18n_1._)('Single value icon'),
   category: VizCategory_1.VizCategory.SINGLE_VALUE,
   /**
    * viz icon
@@ -4130,11 +4146,11 @@ var config = {
   supports: [VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS, VizBehavior_1.VizBehavior.EVENTS, VizBehavior_1.VizBehavior.TRELLIS],
   themes: themes
 };
-exports.default = configUtils_2.enhanceConfig(config);
+exports.default = (0, configUtils_2.enhanceConfig)(config);
 
 /***/ }),
 
-/***/ 471:
+/***/ 474:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4143,7 +4159,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_toConsumableArray__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2);
 /* harmony import */ var _splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_ui_utils_i18n__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(50);
+/* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(49);
 /* harmony import */ var _splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_colorConstants__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(22);
 /* harmony import */ var _splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_splunk_visualizations_shared_configUtils__WEBPACK_IMPORTED_MODULE_3__);
@@ -4176,7 +4192,14 @@ module.exports = require("@babel/runtime/helpers/extends");
 
 /***/ }),
 
-/***/ 486:
+/***/ 49:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualizations-shared/colorConstants");
+
+/***/ }),
+
+/***/ 490:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -4200,11 +4223,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/visualization-context/FeatureFlagContext"
@@ -4226,10 +4249,10 @@ var Message_ = __webpack_require__(10);
 var Message_default = /*#__PURE__*/__webpack_require__.n(Message_);
 
 // 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);
@@ -4239,27 +4262,27 @@ var defineProperty_ = __webpack_require__(7);
 var defineProperty_default = /*#__PURE__*/__webpack_require__.n(defineProperty_);
 
 // EXTERNAL MODULE: external "@splunk/visualizations/SingleValueBasic"
-var SingleValueBasic_ = __webpack_require__(140);
+var SingleValueBasic_ = __webpack_require__(142);
 var SingleValueBasic_default = /*#__PURE__*/__webpack_require__.n(SingleValueBasic_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Activity"
-var Activity_ = __webpack_require__(168);
+var Activity_ = __webpack_require__(171);
 var Activity_default = /*#__PURE__*/__webpack_require__.n(Activity_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Clock"
-var Clock_ = __webpack_require__(169);
+var Clock_ = __webpack_require__(172);
 var Clock_default = /*#__PURE__*/__webpack_require__.n(Clock_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Pencil"
-var Pencil_ = __webpack_require__(170);
+var Pencil_ = __webpack_require__(173);
 var Pencil_default = /*#__PURE__*/__webpack_require__.n(Pencil_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Star"
-var Star_ = __webpack_require__(171);
+var Star_ = __webpack_require__(174);
 var Star_default = /*#__PURE__*/__webpack_require__.n(Star_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/Question"
-var Question_ = __webpack_require__(172);
+var Question_ = __webpack_require__(175);
 var Question_default = /*#__PURE__*/__webpack_require__.n(Question_);
 
 // EXTERNAL MODULE: ./src/common/utils/singleValueUtils.js
@@ -4903,13 +4926,6 @@ SingleValueIcon_SingleValueIcon.defaultProps = {
 
 /***/ }),
 
-/***/ 50:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/visualizations-shared/colorConstants");
-
-/***/ }),
-
 /***/ 54:
 /***/ (function(module, exports) {
 
@@ -4942,13 +4958,6 @@ var LAYOUT_TYPE;
 
 /***/ }),
 
-/***/ 59:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes");
-
-/***/ }),
-
 /***/ 6:
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -4989,6 +4998,13 @@ var VizBehavior;
 /***/ 60:
 /***/ (function(module, exports) {
 
+module.exports = require("@splunk/themes");
+
+/***/ }),
+
+/***/ 61:
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/visualization-color-palettes/editors/PresetPalettes");
 
 /***/ }),
@@ -5000,7 +5016,7 @@ module.exports = require("@babel/runtime/helpers/defineProperty");
 
 /***/ }),
 
-/***/ 72:
+/***/ 73:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5025,7 +5041,7 @@ VizStyleWrapper.displayName = 'VizStyleWrapper';
 
 /***/ }),
 
-/***/ 78:
+/***/ 79:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -5072,28 +5088,21 @@ 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:
+/***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/isEmpty");
+module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 
-/***/ 89:
+/***/ 90:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -5117,14 +5126,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");