@splunk/visualizations 25.13.1 → 26.0.0

package/Rectangle.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 452);
+/******/ 	return __webpack_require__(__webpack_require__.s = 455);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -120,7 +120,7 @@ module.exports = require("@splunk/themes/variables");
 
 /***/ }),
 
-/***/ 113:
+/***/ 114:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -136,32 +136,32 @@ var getDynamicFillColorEditor = function getDynamicFillColorEditor(_ref) {
   var defaultContext = _ref.defaultContext,
     defaultPalettesConfig = _ref.defaultPalettesConfig;
   return {
-    label: i18n_1._('Fill'),
+    label: (0, i18n_1._)('Fill'),
     option: 'fillColor',
     context: 'fillColorEditorConfig',
     editor: 'editor.dynamicColor',
     showEditor: function showEditor(_ref2) {
       var options = _ref2.options;
-      return configUtils_1.isDynamicOption(options.fillColor);
+      return (0, configUtils_1.isDynamicOption)(options.fillColor);
     },
     editorProps: {
       labelPosition: 'top',
-      flyoutTitle: i18n_1._('Dynamic coloring: fill'),
+      flyoutTitle: (0, i18n_1._)('Dynamic coloring: fill'),
       formatters: [{
-        label: i18n_1._('Ranges'),
+        label: (0, i18n_1._)('Ranges'),
         value: 'rangeValue',
         defaults: {
           fillDataValue: defaultContext.fillColorConfig
         }
       }, {
-        label: i18n_1._('Matches'),
+        label: (0, i18n_1._)('Matches'),
         value: 'matchValue',
         defaults: {
           fillDataValue: defaultContext.fillColorMatchConfig
         }
       }],
       dataSelectors: [{
-        label: i18n_1._('Fill'),
+        label: (0, i18n_1._)('Fill'),
         value: 'fillDataValue'
       }],
       defaultPalettesConfig: defaultPalettesConfig
@@ -172,7 +172,7 @@ exports.getDynamicFillColorEditor = getDynamicFillColorEditor;
 
 /***/ }),
 
-/***/ 114:
+/***/ 115:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -188,32 +188,32 @@ var getDynamicStrokeColorEditor = function getDynamicStrokeColorEditor(_ref) {
   var defaultContext = _ref.defaultContext,
     defaultPalettesConfig = _ref.defaultPalettesConfig;
   return {
-    label: i18n_1._('Stroke'),
+    label: (0, i18n_1._)('Stroke'),
     option: 'strokeColor',
     context: 'strokeColorEditorConfig',
     editor: 'editor.dynamicColor',
     showEditor: function showEditor(_ref2) {
       var options = _ref2.options;
-      return configUtils_1.isDynamicOption(options.strokeColor);
+      return (0, configUtils_1.isDynamicOption)(options.strokeColor);
     },
     editorProps: {
       labelPosition: 'top',
-      flyoutTitle: i18n_1._('Dynamic coloring: stroke'),
+      flyoutTitle: (0, i18n_1._)('Dynamic coloring: stroke'),
       formatters: [{
-        label: i18n_1._('Ranges'),
+        label: (0, i18n_1._)('Ranges'),
         value: 'rangeValue',
         defaults: {
           strokeDataValue: defaultContext.strokeColorConfig
         }
       }, {
-        label: i18n_1._('Matches'),
+        label: (0, i18n_1._)('Matches'),
         value: 'matchValue',
         defaults: {
           strokeDataValue: defaultContext.strokeColorMatchConfig
         }
       }],
       dataSelectors: [{
-        label: i18n_1._('Stroke'),
+        label: (0, i18n_1._)('Stroke'),
         value: 'strokeDataValue'
       }],
       defaultPalettesConfig: defaultPalettesConfig
@@ -224,7 +224,7 @@ exports.getDynamicStrokeColorEditor = getDynamicStrokeColorEditor;
 
 /***/ }),
 
-/***/ 115:
+/***/ 116:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -236,19 +236,19 @@ Object.defineProperty(exports, "__esModule", {
 var i18n_1 = __webpack_require__(2);
 var configUtils_1 = __webpack_require__(22);
 var StaticFillColorEditor = {
-  label: i18n_1._('Fill'),
+  label: (0, i18n_1._)('Fill'),
   option: 'fillColor',
   editor: 'editor.color',
   showEditor: function showEditor(_ref) {
     var options = _ref.options;
-    return !configUtils_1.isDynamicOption(options.fillColor);
+    return !(0, configUtils_1.isDynamicOption)(options.fillColor);
   }
 };
 exports.default = StaticFillColorEditor;
 
 /***/ }),
 
-/***/ 116:
+/***/ 117:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -260,24 +260,26 @@ Object.defineProperty(exports, "__esModule", {
 var i18n_1 = __webpack_require__(2);
 var configUtils_1 = __webpack_require__(22);
 var StaticStrokeColorEditor = {
-  label: i18n_1._('Stroke'),
+  label: (0, i18n_1._)('Stroke'),
   option: 'strokeColor',
   editor: 'editor.color',
   showEditor: function showEditor(_ref) {
     var options = _ref.options;
-    return !configUtils_1.isDynamicOption(options.strokeColor);
+    return !(0, configUtils_1.isDynamicOption)(options.strokeColor);
   }
 };
 exports.default = StaticStrokeColorEditor;
 
 /***/ }),
 
-/***/ 117:
+/***/ 118:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
+var _taggedTemplateLiteral = __webpack_require__(59);
+var _templateObject;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -286,7 +288,7 @@ var lodash_1 = __webpack_require__(3);
 var styled_components_1 = __webpack_require__(4);
 var pick_1 = __webpack_require__(23);
 var variables_1 = __webpack_require__(11);
-var propUtils_1 = __webpack_require__(28);
+var propUtils_1 = __webpack_require__(29);
 // map for new options names to old option names
 var shapeOptionsMapping = {
   fillColor: 'fill',
@@ -301,7 +303,7 @@ var shapeOptionsMapping = {
  * @returns {Object}
  */
 var mapToOldKey = function mapToOldKey(options) {
-  return lodash_1.mapKeys(options, function (val, key) {
+  return (0, lodash_1.mapKeys)(options, function (val, key) {
     return shapeOptionsMapping[key] ? shapeOptionsMapping[key] : key;
   });
 };
@@ -312,11 +314,8 @@ exports.mapToOldKey = mapToOldKey;
  * @param {Shape} shape
  */
 var getStyledShape = function getStyledShape(shape) {
-  return styled_components_1.default(shape).withConfig({
-    displayName: "shapeUtils",
-    componentId: "sc-1myvp5h-0"
-  })(["fill:", ";stroke:", ";cursor:", ";"], function (props) {
-    return props.fill && propUtils_1.formatColor(props.fill) || pick_1.default({
+  return (0, styled_components_1.default)(shape)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    fill: ", ";\n    stroke: ", ";\n    cursor: ", ";\n"])), function (props) {
+    return props.fill && (0, propUtils_1.formatColor)(props.fill) || (0, pick_1.default)({
       enterprise: {
         light: variables_1.default.gray80,
         dark: variables_1.default.gray25
@@ -324,7 +323,7 @@ var getStyledShape = function getStyledShape(shape) {
       prisma: variables_1.default.backgroundColorSidebar
     })(props);
   }, function (props) {
-    return props.stroke && propUtils_1.formatColor(props.stroke) || pick_1.default({
+    return props.stroke && (0, propUtils_1.formatColor)(props.stroke) || (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.gray80,
         light: variables_1.default.textColor
@@ -364,14 +363,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) {
@@ -379,16 +378,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",
@@ -412,7 +411,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
     }
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "25.13.1 - ea48ec41e",
+      "data-splunk-visualization-version": "26.0.0 - 2f7458907",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -477,7 +476,7 @@ module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
 
-/***/ 162:
+/***/ 165:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -502,9 +501,9 @@ var styled_components_1 = __webpack_require__(4);
 var lodash_1 = __webpack_require__(3);
 var T = __webpack_require__(0);
 var withDashboardViz_1 = __webpack_require__(36);
-var config_1 = __webpack_require__(453);
+var config_1 = __webpack_require__(456);
 exports.config = config_1.default;
-var shapeUtils_1 = __webpack_require__(117);
+var shapeUtils_1 = __webpack_require__(118);
 var SVGContainer = styled_components_1.default.svg.withConfig({
   displayName: "Rectangle__SVGContainer",
   componentId: "iwvil2-0"
@@ -520,7 +519,7 @@ var propTypes = {
   mode: T.string,
   onRectangleClick: T.func
 };
-var RectangleShape = shapeUtils_1.getStyledShape('rect');
+var RectangleShape = (0, shapeUtils_1.getStyledShape)('rect');
 var RectangleViz = function RectangleViz(props) {
   var width = props.width,
     height = props.height,
@@ -553,7 +552,7 @@ var computeVizProps = function computeVizProps(props) {
     dataSources: dataSources,
     options: null
   };
-  computedProps.options = lodash_1.chain(otherOptions).pick(validOptions).thru(shapeUtils_1.mapToOldKey).value();
+  computedProps.options = (0, lodash_1.chain)(otherOptions).pick(validOptions).thru(shapeUtils_1.mapToOldKey).value();
   return computedProps;
 };
 exports.computeVizProps = computeVizProps;
@@ -562,7 +561,7 @@ RectangleViz.defaultProps = {
   width: 250,
   height: 300
 };
-var Rectangle = withDashboardViz_1.default({
+var Rectangle = (0, withDashboardViz_1.default)({
   ReactViz: RectangleViz,
   computeVizProps: exports.computeVizProps,
   vizConfig: config_1.default
@@ -759,8 +758,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)
@@ -777,7 +776,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
@@ -827,35 +826,35 @@ module.exports = require("@splunk/themes/pick");
 /***/ 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");
 
 /***/ }),
 
@@ -866,7 +865,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 31:
+/***/ 30:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/visualization-encoding/Options");
+
+/***/ }),
+
+/***/ 32:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -890,9 +896,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;
 };
@@ -933,7 +939,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;
@@ -941,14 +947,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);
 
 /***/ }),
 
@@ -983,7 +982,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];
     }
@@ -992,7 +991,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)
@@ -1043,7 +1042,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;
@@ -1107,16 +1106,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);
@@ -1137,8 +1136,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,
@@ -1173,19 +1172,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({}),
@@ -1196,16 +1195,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,
@@ -1216,10 +1216,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;
@@ -1229,8 +1229,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) {
@@ -1259,6 +1259,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     React.useEffect(function () {
       return function () {
         if (useAsyncEvaluatedOptions) {
+          isMounted.current = false;
           async_dynamic_options_evaluator_1.default.reset(visualizationID);
         }
       };
@@ -1268,7 +1269,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, {
@@ -1284,7 +1285,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
@@ -1327,19 +1328,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
@@ -1367,7 +1368,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;
 
@@ -1611,8 +1612,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()
@@ -1656,7 +1657,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;
@@ -1680,7 +1681,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;
@@ -1689,11 +1690,11 @@ exports.MissingPropsMessage.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
+exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
 
-/***/ 452:
+/***/ 455:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1701,12 +1702,16 @@ exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 
 var __createBinding = this && this.__createBinding || (Object.create ? function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
-  Object.defineProperty(o, k2, {
-    enumerable: true,
-    get: function get() {
-      return m[k];
-    }
-  });
+  var desc = Object.getOwnPropertyDescriptor(m, k);
+  if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+    desc = {
+      enumerable: true,
+      get: function get() {
+        return m[k];
+      }
+    };
+  }
+  Object.defineProperty(o, k2, desc);
 } : function (o, m, k, k2) {
   if (k2 === undefined) k2 = k;
   o[k2] = m[k];
@@ -1720,8 +1725,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-__exportStar(__webpack_require__(162), exports);
-var Rectangle_1 = __webpack_require__(162);
+__exportStar(__webpack_require__(165), exports);
+var Rectangle_1 = __webpack_require__(165);
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -1731,7 +1736,7 @@ Object.defineProperty(exports, "default", {
 
 /***/ }),
 
-/***/ 453:
+/***/ 456:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1744,15 +1749,15 @@ exports.optionsSchema = void 0;
 var visualization_icons_1 = __webpack_require__(52);
 var schemaUtils_1 = __webpack_require__(16);
 var i18n_1 = __webpack_require__(2);
-var PresetPalettes_1 = __webpack_require__(60);
-var themes_1 = __webpack_require__(59);
+var PresetPalettes_1 = __webpack_require__(61);
+var themes_1 = __webpack_require__(60);
 var VizBehavior_1 = __webpack_require__(6);
 var VizCategory_1 = __webpack_require__(35);
 var configUtils_1 = __webpack_require__(20);
-var DynamicFillColorEditor_1 = __webpack_require__(113);
-var DynamicStrokeColorEditor_1 = __webpack_require__(114);
-var StaticFillColorEditor_1 = __webpack_require__(115);
-var StaticStrokeColorEditor_1 = __webpack_require__(116);
+var DynamicFillColorEditor_1 = __webpack_require__(114);
+var DynamicStrokeColorEditor_1 = __webpack_require__(115);
+var StaticFillColorEditor_1 = __webpack_require__(116);
+var StaticStrokeColorEditor_1 = __webpack_require__(117);
 var dataContract = {
   requiredDataSources: [],
   optionalDataSources: [{
@@ -1869,7 +1874,7 @@ exports.optionsSchema = {
     description: 'Specifies the shape to be used at the corners of paths when they are joined.',
     type: 'string',
     default: 'miter',
-    pattern: schemaUtils_1.getPattern(['arcs', 'bevel', 'miter', 'miter-clip', 'round'])
+    pattern: (0, schemaUtils_1.getPattern)(['arcs', 'bevel', 'miter', 'miter-clip', 'round'])
   },
   strokeOpacity: {
     description: 'Specify the opacity of the stroke. Choose a number in the range of 0 - 1 (inclusive). You can also express the value as a percentage. For example, "0.80" in source or "80%" in UI.',
@@ -1884,7 +1889,7 @@ exports.optionsSchema = {
 };
 var themes = {
   defaultFillColor: function defaultFillColor(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: {
         dark: themes_1.variables.gray25(props),
         light: themes_1.variables.gray80(props)
@@ -1893,7 +1898,7 @@ var themes = {
     })(props);
   },
   defaultStrokeColor: function defaultStrokeColor(props) {
-    return themes_1.pick({
+    return (0, themes_1.pick)({
       enterprise: {
         dark: themes_1.variables.gray80(props),
         light: themes_1.variables.gray30(props)
@@ -1912,14 +1917,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: 'rectangle.none',
   value: {
     context: Object.assign({}, basePresetContext),
     options: Object.assign({}, basePresetOptions)
   }
 }, {
-  label: i18n_1._('Fill'),
+  label: (0, i18n_1._)('Fill'),
   name: 'rectangle.fill',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -1931,7 +1936,7 @@ var presets = [{
     })
   }
 }, {
-  label: i18n_1._('Stroke'),
+  label: (0, i18n_1._)('Stroke'),
   name: 'rectangle.stroke',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -1943,7 +1948,7 @@ var presets = [{
     })
   }
 }, {
-  label: i18n_1._('Fill and Stroke'),
+  label: (0, i18n_1._)('Fill and Stroke'),
   name: 'rectangle.fillAndStroke',
   value: {
     context: Object.assign(Object.assign({}, basePresetContext), {
@@ -1959,9 +1964,9 @@ var presets = [{
   }
 }];
 var editorConfig = [{
-  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: {
@@ -1969,7 +1974,7 @@ var editorConfig = [{
       value: function value(_ref) {
         var context = _ref.context,
           options = _ref.options;
-        var initialPreset = configUtils_1.getInitialPreset(context, options, presets);
+        var initialPreset = (0, configUtils_1.getInitialPreset)(context, options, presets);
         return initialPreset && initialPreset.label || null;
       }
     }
@@ -1977,46 +1982,46 @@ var editorConfig = [{
     editorProps: {
       themes: themes
     }
-  })], [DynamicFillColorEditor_1.getDynamicFillColorEditor({
+  })], [(0, DynamicFillColorEditor_1.getDynamicFillColorEditor)({
     defaultContext: defaultContext,
     defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
   })], [Object.assign(Object.assign({}, StaticStrokeColorEditor_1.default), {
     editorProps: {
       themes: themes
     }
-  })], [DynamicStrokeColorEditor_1.getDynamicStrokeColorEditor({
+  })], [(0, DynamicStrokeColorEditor_1.getDynamicStrokeColorEditor)({
     defaultContext: defaultContext,
     defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
   })], [{
-    label: i18n_1._('Fill opacity (%)'),
+    label: (0, i18n_1._)('Fill opacity (%)'),
     option: 'fillOpacity',
     editor: 'editor.percent',
     editorProps: {
       min: 0
     }
   }, {
-    label: i18n_1._('Stroke opacity (%)'),
+    label: (0, i18n_1._)('Stroke opacity (%)'),
     option: 'strokeOpacity',
     editor: 'editor.percent',
     editorProps: {
       min: 0
     }
   }], [{
-    label: i18n_1._('Stroke width'),
+    label: (0, i18n_1._)('Stroke width'),
     option: 'strokeWidth',
     editor: 'editor.number',
     editorProps: {
       min: 0
     }
   }, {
-    label: i18n_1._('Stroke dash style'),
+    label: (0, i18n_1._)('Stroke dash style'),
     option: 'strokeDashStyle',
     editor: 'editor.number',
     editorProps: {
       min: 0
     }
   }], [{
-    label: i18n_1._('Radius (px)'),
+    label: (0, i18n_1._)('Radius (px)'),
     option: 'rx',
     editor: 'editor.number',
     editorProps: {
@@ -2035,7 +2040,7 @@ var config = {
   /**
    * viz name
    */
-  name: i18n_1._('Rectangle'),
+  name: (0, i18n_1._)('Rectangle'),
   category: VizCategory_1.VizCategory.SHAPES,
   /**
    * viz icon
@@ -2055,7 +2060,7 @@ var config = {
     }
   }
 };
-exports.default = configUtils_1.enhanceConfig(config);
+exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
 
@@ -2076,7 +2081,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.1 - ea48ec41e"
+  'data-splunk-visualization-version': "26.0.0 - 2f7458907"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -2095,7 +2100,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -2117,7 +2122,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) {
@@ -2132,7 +2137,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) {
@@ -2147,7 +2152,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
     }
     return React.createElement(Visualization, Object.assign({}, props));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -2167,7 +2172,7 @@ module.exports = require("@splunk/visualization-icons");
 /***/ 59:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes");
+module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
 
 /***/ }),
 
@@ -2211,6 +2216,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");
 
 /***/ }),