@splunk/visualizations 25.13.0 → 26.0.0

package/ChoroplethSvg.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 182);
+/******/ 	return __webpack_require__(__webpack_require__.s = 185);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -212,14 +212,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) {
@@ -227,16 +227,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",
@@ -260,7 +260,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
@@ -499,8 +499,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)
@@ -517,7 +517,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
@@ -564,30 +564,36 @@ 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/hocUtils");
+
+/***/ }),
+/* 28 */
+/***/ (function(module, exports) {
+
 module.exports = require("@splunk/visualizations-shared/JSONSchemaUtils");
 
 /***/ }),
-/* 28 */,
-/* 29 */
+/* 29 */,
+/* 30 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
-/* 30 */,
-/* 31 */
+/* 31 */,
+/* 32 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -611,9 +617,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;
 };
@@ -654,7 +660,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;
@@ -662,13 +668,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);
 
 /***/ }),
 /* 33 */
@@ -702,7 +702,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];
     }
@@ -711,7 +711,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)
@@ -761,7 +761,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;
@@ -823,16 +823,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);
@@ -853,8 +853,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,
@@ -889,19 +889,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({}),
@@ -912,16 +912,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,
@@ -932,10 +933,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;
@@ -945,8 +946,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) {
@@ -975,6 +976,7 @@ var withDashboardViz = function withDashboardViz(opts) {
     React.useEffect(function () {
       return function () {
         if (useAsyncEvaluatedOptions) {
+          isMounted.current = false;
           async_dynamic_options_evaluator_1.default.reset(visualizationID);
         }
       };
@@ -984,7 +986,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, {
@@ -1000,7 +1002,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
@@ -1043,19 +1045,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
@@ -1083,7 +1085,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;
 
@@ -1312,8 +1314,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()
@@ -1356,7 +1358,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;
@@ -1380,7 +1382,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;
@@ -1389,7 +1391,7 @@ exports.MissingPropsMessage.defaultProps = {
   width: '100%',
   height: 250
 };
-exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
+exports.default = (0, FixedSizeContainer_1.default)(exports.MissingPropsMessage);
 
 /***/ }),
 /* 46 */
@@ -1409,7 +1411,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"
@@ -1428,7 +1430,7 @@ var withEditModeCover = function withEditModeCover(Visualization, disableEditMod
       "data-test": "edit-mode-cover"
     }));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -1449,7 +1451,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) {
@@ -1464,7 +1466,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) {
@@ -1479,7 +1481,7 @@ var withPlaceholder = function withPlaceholder(Visualization) {
     }
     return React.createElement(Visualization, Object.assign({}, props));
   };
-  hocUtils_1.extendStaticWrapperProps({
+  (0, hocUtils_1.extendStaticWrapperProps)({
     Wrapper: Wrapper,
     Visualization: Visualization
   });
@@ -1489,13 +1491,13 @@ exports.default = withPlaceholder;
 
 /***/ }),
 /* 48 */,
-/* 49 */
+/* 49 */,
+/* 50 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
-/* 50 */,
 /* 51 */,
 /* 52 */
 /***/ (function(module, exports) {
@@ -1510,39 +1512,40 @@ module.exports = require("@splunk/visualization-icons");
 /* 57 */,
 /* 58 */,
 /* 59 */,
-/* 60 */
+/* 60 */,
+/* 61 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-color-palettes/editors/PresetPalettes");
 
 /***/ }),
-/* 61 */,
-/* 62 */
+/* 62 */,
+/* 63 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/getPrototypeOf");
 
 /***/ }),
-/* 63 */,
 /* 64 */,
 /* 65 */,
 /* 66 */,
 /* 67 */,
 /* 68 */,
 /* 69 */,
-/* 70 */
+/* 70 */,
+/* 71 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/inherits");
 
 /***/ }),
-/* 71 */
+/* 72 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/possibleConstructorReturn");
 
 /***/ }),
-/* 72 */
+/* 73 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1566,7 +1569,6 @@ VizStyleWrapper.displayName = 'VizStyleWrapper';
 /* harmony default export */ __webpack_exports__["default"] = (VizStyleWrapper);
 
 /***/ }),
-/* 73 */,
 /* 74 */,
 /* 75 */,
 /* 76 */,
@@ -1582,7 +1584,8 @@ VizStyleWrapper.displayName = 'VizStyleWrapper';
 /* 86 */,
 /* 87 */,
 /* 88 */,
-/* 89 */
+/* 89 */,
+/* 90 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1605,7 +1608,6 @@ var StaticBackgroundColorEditor = {
 /* harmony default export */ __webpack_exports__["default"] = (StaticBackgroundColorEditor);
 
 /***/ }),
-/* 90 */,
 /* 91 */,
 /* 92 */,
 /* 93 */,
@@ -1659,7 +1661,10 @@ var StaticBackgroundColorEditor = {
 /* 141 */,
 /* 142 */,
 /* 143 */,
-/* 144 */
+/* 144 */,
+/* 145 */,
+/* 146 */,
+/* 147 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1667,9 +1672,9 @@ var StaticBackgroundColorEditor = {
 
 var _classCallCheck = __webpack_require__(9);
 var _createClass = __webpack_require__(18);
-var _inherits = __webpack_require__(70);
-var _possibleConstructorReturn = __webpack_require__(71);
-var _getPrototypeOf = __webpack_require__(62);
+var _inherits = __webpack_require__(71);
+var _possibleConstructorReturn = __webpack_require__(72);
+var _getPrototypeOf = __webpack_require__(63);
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 Object.defineProperty(exports, "__esModule", {
@@ -1677,7 +1682,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 var React = __webpack_require__(1);
 var lodash_1 = __webpack_require__(3);
-var SvgMutator_1 = __webpack_require__(187);
+var SvgMutator_1 = __webpack_require__(190);
 /**
  * This react component simply take an SVG document, and mutates it by applying data to the document according to
  * dataBindings. The data (data prop) is processed by performing the mutation once for each 'row' of the data even though the data is formatted as columns.
@@ -1723,14 +1728,14 @@ var SvgChoroplethDynamic = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "shouldComponentUpdate",
     value: function shouldComponentUpdate(nextProps, nextState) {
-      return nextProps.svg !== this.props.svg || !lodash_1.isEqual(nextProps.data, this.props.data) ||
+      return nextProps.svg !== this.props.svg || !(0, lodash_1.isEqual)(nextProps.data, this.props.data) ||
       // must do deep equal on data because when no data is passed we do 'let data = { featureIDs: [], values: [], fill: [] };' in ChoroplethSVG which looks to react like different data every time
-      nextState.svgNode !== this.state.svgNode || !lodash_1.isEqual(nextProps.width, this.props.width) || !lodash_1.isEqual(nextProps.height, this.props.height);
+      nextState.svgNode !== this.state.svgNode || !(0, lodash_1.isEqual)(nextProps.width, this.props.width) || !(0, lodash_1.isEqual)(nextProps.height, this.props.height);
     }
   }, {
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
-      if (prevProps.svg !== this.props.svg || !lodash_1.isEqual(prevProps.data, this.props.data) || !lodash_1.isEqual(prevProps.width, this.props.width) || !lodash_1.isEqual(prevProps.height, this.props.height)) {
+      if (prevProps.svg !== this.props.svg || !(0, lodash_1.isEqual)(prevProps.data, this.props.data) || !(0, lodash_1.isEqual)(prevProps.width, this.props.width) || !(0, lodash_1.isEqual)(prevProps.height, this.props.height)) {
         this.mutate();
       }
     }
@@ -1786,9 +1791,6 @@ SvgChoroplethDynamic.defaultProps = {
 };
 
 /***/ }),
-/* 145 */,
-/* 146 */,
-/* 147 */,
 /* 148 */,
 /* 149 */,
 /* 150 */,
@@ -1823,7 +1825,10 @@ SvgChoroplethDynamic.defaultProps = {
 /* 179 */,
 /* 180 */,
 /* 181 */,
-/* 182 */
+/* 182 */,
+/* 183 */,
+/* 184 */,
+/* 185 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1847,16 +1852,16 @@ var React = __webpack_require__(1);
 var T = __webpack_require__(0);
 var lodash_1 = __webpack_require__(3);
 var FeatureFlagContext_1 = __webpack_require__(21);
-var ImageContext_1 = __webpack_require__(183);
-var FileDownloader_1 = __webpack_require__(184);
-var Downloader_1 = __webpack_require__(185);
+var ImageContext_1 = __webpack_require__(186);
+var FileDownloader_1 = __webpack_require__(187);
+var Downloader_1 = __webpack_require__(188);
 var withDashboardViz_1 = __webpack_require__(36);
-var PureChoroplethSvg_1 = __webpack_require__(186);
-var SvgChoroplethDynamic_1 = __webpack_require__(144);
-var config_1 = __webpack_require__(191);
-var IconPlaceholder_1 = __webpack_require__(31);
-var urlUtils_1 = __webpack_require__(192);
-var ErrorMessage_1 = __webpack_require__(193);
+var PureChoroplethSvg_1 = __webpack_require__(189);
+var SvgChoroplethDynamic_1 = __webpack_require__(147);
+var config_1 = __webpack_require__(194);
+var IconPlaceholder_1 = __webpack_require__(32);
+var urlUtils_1 = __webpack_require__(195);
+var ErrorMessage_1 = __webpack_require__(196);
 exports.config = config_1.default;
 exports.PureChoroplethSvg = PureChoroplethSvg_1.default;
 // todo: need remove when deleting @splunk/react-visualizations package
@@ -1897,7 +1902,7 @@ var ChoroplethSvg = function ChoroplethSvg(_a) {
       return svg;
     }
     var trimmed = svg.trim();
-    if (urlUtils_1.isValidUrl(trimmed)) {
+    if ((0, urlUtils_1.isValidUrl)(trimmed)) {
       return trimmed;
     }
     if (/.*<svg.*/i.test(trimmed)) {
@@ -1911,7 +1916,7 @@ var ChoroplethSvg = function ChoroplethSvg(_a) {
     return React.createElement(FeatureFlagContext_1.default.Consumer, null, function (featureFlagContext) {
       return React.createElement(FileDownloader_1.FileDownloader, {
         url: url,
-        protocolHandlers: exports.createProtocolHandlers(featureFlagContext, imageContext),
+        protocolHandlers: (0, exports.createProtocolHandlers)(featureFlagContext, imageContext),
         renderContent: function renderContent(svgString) {
           var pureVizProps = Object.assign(Object.assign({}, props), {
             svg: svgString
@@ -1931,12 +1936,12 @@ ChoroplethSvg.propTypes = {
   svg: T.string
 };
 function useIconPlaceholder(dataSources, loading, options) {
-  var svg = lodash_1.get(options, 'svg');
-  var missingData = IconPlaceholder_1.shouldShowIconPlaceholder(dataSources, loading);
+  var svg = (0, lodash_1.get)(options, 'svg');
+  var missingData = (0, IconPlaceholder_1.shouldShowIconPlaceholder)(dataSources, loading);
   return missingData && !svg;
 }
 exports.useIconPlaceholder = useIconPlaceholder;
-var platformViz = withDashboardViz_1.default({
+var platformViz = (0, withDashboardViz_1.default)({
   ReactViz: ChoroplethSvg,
   vizConfig: config_1.default,
   useIconPlaceholder: useIconPlaceholder
@@ -1946,25 +1951,25 @@ var platformViz = withDashboardViz_1.default({
 exports.default = platformViz;
 
 /***/ }),
-/* 183 */
+/* 186 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-context/ImageContext");
 
 /***/ }),
-/* 184 */
+/* 187 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/FileDownloader");
 
 /***/ }),
-/* 185 */
+/* 188 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/Downloader");
 
 /***/ }),
-/* 186 */
+/* 189 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1989,13 +1994,13 @@ var styled_components_1 = __webpack_require__(4);
 var lodash_1 = __webpack_require__(3);
 var style_1 = __webpack_require__(14);
 var SizeAwareWrapper_1 = __webpack_require__(19);
-var SvgChoroplethDynamic_1 = __webpack_require__(144);
-var VizStyleWrapper_1 = __webpack_require__(72);
+var SvgChoroplethDynamic_1 = __webpack_require__(147);
+var VizStyleWrapper_1 = __webpack_require__(73);
 var Container = styled_components_1.default.div.withConfig({
   displayName: "PureChoroplethSvg__Container",
   componentId: "m24jrf-0"
 })(["position:relative;flex-direction:column;flex:1;display:flex;", ";"], 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 ChoroplethSvgWrapper = styled_components_1.default.div.withConfig({
   displayName: "PureChoroplethSvg__ChoroplethSvgWrapper",
@@ -2013,7 +2018,7 @@ var computeSvgDynamicProps = function computeSvgDynamicProps(_a) {
     xPath: "'//*[@id=\"'+featureIDs[$i]+'\"]/@fill'",
     value: 'fill[$i]'
   }];
-  return Object.assign(Object.assign({}, lodash_1.omit(props, ['areaIds', 'areaValues', 'areaColors'])), {
+  return Object.assign(Object.assign({}, (0, lodash_1.omit)(props, ['areaIds', 'areaValues', 'areaColors'])), {
     data: data,
     dataBinding: dataBinding
   });
@@ -2027,7 +2032,7 @@ var PureChoroplethSvg = function PureChoroplethSvg(_a) {
   var renderVisualization = function renderVisualization(_ref) {
     var containerWidth = _ref.width,
       containerHeight = _ref.height;
-    var svgProps = exports.computeSvgDynamicProps(Object.assign(Object.assign({}, props), {
+    var svgProps = (0, exports.computeSvgDynamicProps)(Object.assign(Object.assign({}, props), {
       width: containerWidth,
       height: containerHeight
     }));
@@ -2048,10 +2053,10 @@ PureChoroplethSvg.defaultProps = {
   height: 250,
   onAreaClick: function onAreaClick() {}
 };
-exports.default = styled_components_1.withTheme(PureChoroplethSvg);
+exports.default = (0, styled_components_1.withTheme)(PureChoroplethSvg);
 
 /***/ }),
-/* 187 */
+/* 190 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2065,9 +2070,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.SvgMutator = exports.ERROR_NON_ATTRIBUTE_MUTATION = void 0;
 /* eslint-disable no-param-reassign */
 var React = __webpack_require__(1);
-var XPath = __webpack_require__(188);
-var xmldom_1 = __webpack_require__(189);
-var jexl = __webpack_require__(190);
+var XPath = __webpack_require__(191);
+var xmldom_1 = __webpack_require__(192);
+var jexl = __webpack_require__(193);
 /**
  * An error message indicating that a mutation has attempted to target anything other than SVG attribute(s)
  * @type {string}
@@ -2429,25 +2434,25 @@ exports.SvgMutator = SvgMutator;
 SvgMutator.serializer = new xmldom_1.XMLSerializer();
 
 /***/ }),
-/* 188 */
+/* 191 */
 /***/ (function(module, exports) {
 
 module.exports = require("xpath");
 
 /***/ }),
-/* 189 */
+/* 192 */
 /***/ (function(module, exports) {
 
 module.exports = require("@xmldom/xmldom");
 
 /***/ }),
-/* 190 */
+/* 193 */
 /***/ (function(module, exports) {
 
 module.exports = require("jexl");
 
 /***/ }),
-/* 191 */
+/* 194 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2460,13 +2465,13 @@ var i18n_1 = __webpack_require__(2);
 var pick_1 = __webpack_require__(23);
 var variables_1 = __webpack_require__(11);
 var schemaUtils_1 = __webpack_require__(16);
-var PresetPalettes_1 = __webpack_require__(60);
+var PresetPalettes_1 = __webpack_require__(61);
 var visualization_icons_1 = __webpack_require__(52);
-var placeholders_1 = __webpack_require__(49);
+var placeholders_1 = __webpack_require__(50);
 var VizBehavior_1 = __webpack_require__(6);
 var configUtils_1 = __webpack_require__(20);
 var VizCategory_1 = __webpack_require__(35);
-var StaticBackgroundColorEditor_1 = __webpack_require__(89);
+var StaticBackgroundColorEditor_1 = __webpack_require__(90);
 var dataContract = {
   requiredDataSources: [],
   optionalDataSources: [{
@@ -2551,7 +2556,7 @@ var optionsSchema = {
 };
 var themes = {
   defaultBackgroundColor: function defaultBackgroundColor(props) {
-    return pick_1.default({
+    return (0, pick_1.default)({
       enterprise: {
         dark: variables_1.default.black(props),
         light: variables_1.default.backgroundColor(props)
@@ -2561,7 +2566,7 @@ var themes = {
   }
 };
 var editorConfig = [{
-  label: i18n_1._('Data configurations'),
+  label: (0, i18n_1._)('Data configurations'),
   layout: [[{
     label: 'Area IDs',
     editor: 'editor.columnSelector',
@@ -2580,31 +2585,31 @@ var editorConfig = [{
     }
   }]]
 }, {
-  label: i18n_1._('Color and style'),
+  label: (0, i18n_1._)('Color and style'),
   layout: [[{
-    label: i18n_1._('Areas'),
+    label: (0, i18n_1._)('Areas'),
     option: 'areaColors',
     context: 'defaultContext',
     editor: 'editor.dynamicColor',
     editorProps: {
       labelPosition: 'top',
-      flyoutTitle: i18n_1._('Dynamic coloring: value'),
+      flyoutTitle: (0, i18n_1._)('Dynamic coloring: value'),
       formatters: [{
-        label: i18n_1._('Ranges'),
+        label: (0, i18n_1._)('Ranges'),
         value: 'rangeValue',
         isDefault: true,
         defaults: {
           areaValues: defaultContext.areaColorsRangeConfig
         }
       }, {
-        label: i18n_1._('Matches'),
+        label: (0, i18n_1._)('Matches'),
         value: 'matchValue',
         defaults: {
           areaValues: defaultContext.areaColorsMatchConfig
         }
       }],
       dataSelectors: [{
-        label: i18n_1._('Value'),
+        label: (0, i18n_1._)('Value'),
         value: 'areaValues'
       }],
       defaultPalettesConfig: PresetPalettes_1.defaultPalettesConfig
@@ -2615,9 +2620,9 @@ var editorConfig = [{
     }
   })]]
 }, {
-  label: i18n_1._('SVG content'),
+  label: (0, i18n_1._)('SVG content'),
   layout: [[{
-    label: i18n_1._('SVG file'),
+    label: (0, i18n_1._)('SVG file'),
     option: 'svg',
     editor: 'editor.image',
     editorProps: {
@@ -2637,7 +2642,7 @@ var config = {
   /**
    * viz name
    */
-  name: i18n_1._('Choropleth SVG'),
+  name: (0, i18n_1._)('Choropleth SVG'),
   category: VizCategory_1.VizCategory.SPATIAL,
   /**
    * viz icon
@@ -2659,10 +2664,10 @@ var config = {
   supports: [VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS, VizBehavior_1.VizBehavior.EVENTS, VizBehavior_1.VizBehavior.PLACEHOLDER],
   themes: themes
 };
-exports.default = configUtils_1.enhanceConfig(config);
+exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
-/* 192 */
+/* 195 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2683,7 +2688,7 @@ var isValidUrl = function isValidUrl(value) {
 exports.isValidUrl = isValidUrl;
 
 /***/ }),
-/* 193 */
+/* 196 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2720,7 +2725,7 @@ var ErrorMessage = function ErrorMessage(_a) {
     "data-testid": "image-icon"
   }), React.createElement(Message, null, error));
 };
-exports.default = styled_components_1.withTheme(ErrorMessage);
+exports.default = (0, styled_components_1.withTheme)(ErrorMessage);
 
 /***/ })
 /******/ ]);