@splunk/visualizations 25.13.0 → 26.0.0

package/Bubble.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 179);
+/******/ 	return __webpack_require__(__webpack_require__.s = 182);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -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
@@ -559,35 +559,41 @@ 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/visualizations-shared/propUtils");
+
+/***/ }),
+/* 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 */
 /***/ (function(module, exports) {
 
@@ -1523,7 +1525,7 @@ var background = function background(_ref) {
     themes = _ref.themes,
     labelPosition = _ref.labelPosition;
   return [{
-    label: i18n_1._(label || 'Background'),
+    label: (0, i18n_1._)(label || 'Background'),
     option: 'backgroundColor',
     editor: 'editor.color',
     editorProps: {
@@ -1537,6 +1539,12 @@ exports.default = background;
 /***/ }),
 /* 54 */,
 /* 55 */
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/charting-bundle");
+
+/***/ }),
+/* 56 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1612,9 +1620,9 @@ var mapToValues = function mapToValues(optionValuesSCMapping) {
   return function (options) {
     var convertedOptions = Object.assign({}, options);
     Object.keys(optionValuesSCMapping).forEach(function (key) {
-      if (lodash_1.has(options, key)) {
+      if ((0, lodash_1.has)(options, key)) {
         var updatedValue = optionValuesSCMapping[key][options[key]];
-        if (!lodash_1.isUndefined(updatedValue)) {
+        if (!(0, lodash_1.isUndefined)(updatedValue)) {
           convertedOptions[key] = updatedValue;
         }
       }
@@ -1635,7 +1643,7 @@ var convertY2AxisOptions = function convertY2AxisOptions(_a) {
   var convertedOptions = Object.assign({}, originalOptions);
   if (y2Fields) {
     convertedOptions['axisY2.enabled'] = true;
-    convertedOptions['axisY2.fields'] = lodash_1.isArray(y2Fields) ? y2Fields.filter(function (name) {
+    convertedOptions['axisY2.fields'] = (0, lodash_1.isArray)(y2Fields) ? y2Fields.filter(function (name) {
       return name;
     }).join(',') : y2Fields;
   }
@@ -1677,7 +1685,7 @@ exports.isMultiSeriesData = isMultiSeriesData;
  * @return {array}
  */
 var toArrayForSeries = function toArrayForSeries(data, value) {
-  return exports.isMultiSeriesData(data) ? value : [value];
+  return (0, exports.isMultiSeriesData)(data) ? value : [value];
 };
 exports.toArrayForSeries = toArrayForSeries;
 var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
@@ -1689,10 +1697,10 @@ var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
     yFields = _ref2.yFields,
     y2 = _ref2.y2,
     y2Fields = _ref2.y2Fields;
-  var columns = [x.map(String)].concat(_toConsumableArray(exports.toArrayForSeries(y, y).map(function (series) {
+  var columns = [x.map(String)].concat(_toConsumableArray((0, exports.toArrayForSeries)(y, y).map(function (series) {
     return series.map(String);
   })));
-  var yFieldsArray = exports.toArrayForSeries(y, yFields);
+  var yFieldsArray = (0, exports.toArrayForSeries)(y, yFields);
   var fields = [{
     name: xField
   }].concat(_toConsumableArray(yFieldsArray.map(function (field) {
@@ -1704,8 +1712,8 @@ var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
   // when y & y2 options are configured with different (mutually exclusive) series
   // y2 columns need to be added to columns
   if (y2Fields) {
-    var y2FieldsArray = exports.toArrayForSeries(y2, y2Fields);
-    var y2AsArray = exports.toArrayForSeries(y2, y2).map(function (series) {
+    var y2FieldsArray = (0, exports.toArrayForSeries)(y2, y2Fields);
+    var y2AsArray = (0, exports.toArrayForSeries)(y2, y2).map(function (series) {
       return series === null || series === void 0 ? void 0 : series.map(String);
     });
     y2FieldsArray.forEach(function (y2Field, index) {
@@ -1724,12 +1732,6 @@ var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
 };
 exports.constructFieldsAndColumns = constructFieldsAndColumns;
 
-/***/ }),
-/* 56 */
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/charting-bundle");
-
 /***/ }),
 /* 57 */
 /***/ (function(module, exports) {
@@ -1743,7 +1745,8 @@ module.exports = require("@splunk/themes/useSplunkTheme");
 /* 61 */,
 /* 62 */,
 /* 63 */,
-/* 64 */
+/* 64 */,
+/* 65 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1760,16 +1763,16 @@ var visualization_color_palettes_1 = __webpack_require__(51);
 var react_1 = __webpack_require__(1);
 var React = __webpack_require__(1);
 var T = __webpack_require__(0);
-var react_event_listener_1 = __webpack_require__(65);
-__webpack_require__(66); // fixme, @splunk/charting should be refactor to use locale & timezone instead of i18n functions
-var charting_bundle_1 = __webpack_require__(56);
-var TimezoneContext_1 = __webpack_require__(25);
+var react_event_listener_1 = __webpack_require__(66);
+__webpack_require__(67); // fixme, @splunk/charting should be refactor to use locale & timezone instead of i18n functions
+var charting_bundle_1 = __webpack_require__(55);
+var TimezoneContext_1 = __webpack_require__(26);
 var style_1 = __webpack_require__(14);
 var styled_components_1 = __webpack_require__(4);
 var Message_1 = __webpack_require__(10);
 var useSplunkTheme_1 = __webpack_require__(57);
-var themeUtils_1 = __webpack_require__(67);
-var ChartingApi_1 = __webpack_require__(68);
+var themeUtils_1 = __webpack_require__(68);
+var ChartingApi_1 = __webpack_require__(69);
 exports.NO_INPLACE_PROPS = ['chart', 'chart.orientation', 'layout.splitSeries', 'chart.style', 'legend.placement'];
 var changedOptions = function changedOptions(curOptions, nextOptions) {
   return Object.keys(curOptions).filter(function (key) {
@@ -1779,10 +1782,9 @@ var changedOptions = function changedOptions(curOptions, nextOptions) {
   }));
 };
 exports.changedOptions = changedOptions;
-charting_bundle_1.default.enableScaledEvents();
 function usePrevious(value) {
-  var ref = react_1.useRef();
-  react_1.useEffect(function () {
+  var ref = (0, react_1.useRef)();
+  (0, react_1.useEffect)(function () {
     ref.current = value;
   });
   return ref.current;
@@ -1795,7 +1797,7 @@ var canUpdateInPlace = function canUpdateInPlace(curOptions, nextOptions) {
   }
   return !exports.NO_INPLACE_PROPS.some(function (p) {
     return curOptions[p] !== nextOptions[p];
-  }) && !exports.changedOptions(curOptions, nextOptions).some(function (p) {
+  }) && !(0, exports.changedOptions)(curOptions, nextOptions).some(function (p) {
     return p.toLowerCase().endsWith('color');
   });
 };
@@ -1831,7 +1833,7 @@ var ChartingContainer = styled_components_1.default.div.attrs(function (props) {
   displayName: "Charting__ChartingContainer",
   componentId: "sc-3wbgm0-0"
 })(["& .highcharts-a11y-proxy-container{pointer-events:none;}overflow:hidden;position:relative;", ";"], 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 propTypes = {
   width: T.oneOfType([T.string, T.number]),
@@ -1849,12 +1851,12 @@ var propTypes = {
   themeKey: T.string
 };
 var Charting = function Charting(props) {
-  var container = react_1.useRef(null);
-  var needsInit = react_1.useRef(true);
-  var chart = react_1.useRef();
-  var needsRedraw = react_1.useRef(true);
-  var api = react_1.useRef(new ChartingApi_1.ChartingApiFunctional(chart));
-  var timezone = react_1.useContext(TimezoneContext_1.default);
+  var container = (0, react_1.useRef)(null);
+  var needsInit = (0, react_1.useRef)(true);
+  var chart = (0, react_1.useRef)();
+  var needsRedraw = (0, react_1.useRef)(true);
+  var api = (0, react_1.useRef)(new ChartingApi_1.ChartingApiFunctional(chart));
+  var timezone = (0, react_1.useContext)(TimezoneContext_1.default);
   var computeChartingSize = function computeChartingSize() {
     if (container.current) {
       var rect = container.current.getBoundingClientRect();
@@ -1865,8 +1867,8 @@ var Charting = function Charting(props) {
     }
     return {};
   };
-  var splunkTheme = useSplunkTheme_1.default();
-  var themeKey = props.themeKey ? props.themeKey : themeUtils_1.getChartingThemeKey({
+  var splunkTheme = (0, useSplunkTheme_1.default)();
+  var themeKey = props.themeKey ? props.themeKey : (0, themeUtils_1.getChartingThemeKey)({
     splunkThemeV1: splunkTheme
   });
   var width = props.width,
@@ -1883,13 +1885,13 @@ var Charting = function Charting(props) {
   var prevOptions = usePrevious(options);
   var prevTimezone = usePrevious(timezone);
   var handleClick = function handleClick(chartEvent, type) {
-    var payload = lodash_1.pick(chartEvent, 'name2', 'value2', '_span', 'modifierKey');
+    var payload = (0, lodash_1.pick)(chartEvent, 'name2', 'value2', '_span', 'modifierKey');
     payload.name = payload.name2;
     delete payload.name2;
     if (type === VizChartEventType.POINT_CLICK) {
       payload.value = payload.value2;
       delete payload.value2;
-      payload = exports.updateRowPayload(chartEvent.rowContext, payload);
+      payload = (0, exports.updateRowPayload)(chartEvent.rowContext, payload);
     }
     onClick({
       type: type,
@@ -1911,7 +1913,7 @@ var Charting = function Charting(props) {
       onSelect({
         type: 'range.select',
         originalEvent: chartEvent,
-        payload: lodash_1.pick(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')
+        payload: (0, lodash_1.pick)(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')
       });
       return;
     }
@@ -1919,16 +1921,16 @@ var Charting = function Charting(props) {
     onEventTrigger({
       type: 'range.select',
       originalEvent: chartEvent,
-      payload: lodash_1.pick(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')
+      payload: (0, lodash_1.pick)(chartEvent, 'startXIndex', 'endXIndex', 'startXValue', 'endXValue')
     });
   };
   var handlePointMouseOut = function handlePointMouseOut(chartEvent, type) {
-    var payload = lodash_1.pick(chartEvent, 'name2', 'value2', '_span', 'modifierKey', 'tooltipContext');
+    var payload = (0, lodash_1.pick)(chartEvent, 'name2', 'value2', '_span', 'modifierKey', 'tooltipContext');
     payload.name = payload.name2;
     delete payload.name2;
     payload.value = payload.value2;
     delete payload.value2;
-    payload = exports.updateRowPayload(chartEvent.rowContext, payload);
+    payload = (0, exports.updateRowPayload)(chartEvent.rowContext, payload);
     onPointMouseOut({
       type: type,
       originalEvent: chartEvent,
@@ -1936,12 +1938,12 @@ var Charting = function Charting(props) {
     });
   };
   var handlePointMouseOver = function handlePointMouseOver(chartEvent, type) {
-    var payload = lodash_1.pick(chartEvent, 'name2', 'value2', '_span', 'modifierKey', 'tooltipContext');
+    var payload = (0, lodash_1.pick)(chartEvent, 'name2', 'value2', '_span', 'modifierKey', 'tooltipContext');
     payload.name = payload.name2;
     delete payload.name2;
     payload.value = payload.value2;
     delete payload.value2;
-    payload = exports.updateRowPayload(chartEvent.rowContext, payload);
+    payload = (0, exports.updateRowPayload)(chartEvent.rowContext, payload);
     onPointMouseOver({
       type: type,
       originalEvent: chartEvent,
@@ -2023,14 +2025,14 @@ var Charting = function Charting(props) {
       window.console.error('Caught error rendering chart:', e);
     }
   };
-  var debouncedDrawChart = lodash_1.debounce(drawChart, 5);
+  var debouncedDrawChart = (0, lodash_1.debounce)(drawChart, 5);
   var onContainerMount = function onContainerMount(chartingContainer) {
     container.current = chartingContainer;
     debouncedDrawChart();
   };
   var prevTheme = usePrevious(themeKey);
   var prevOnClick = usePrevious(onClick);
-  react_1.useEffect(function () {
+  (0, react_1.useEffect)(function () {
     debouncedDrawChart();
     props.visualizationApiRef(api.current);
     return function () {
@@ -2038,10 +2040,10 @@ var Charting = function Charting(props) {
       destroyChart();
     };
   }, []);
-  react_1.useEffect(function () {
+  (0, react_1.useEffect)(function () {
     // TODO: figure out why re-init is needed for functional components (i.e. PlatformViz) when changing theme
     // seems like redraw doesn't suffice to update the background colors
-    if (!chart.current || !exports.canUpdateInPlace(prevOptions, options) ||
+    if (!chart.current || !(0, exports.canUpdateInPlace)(prevOptions, options) ||
     // timezone is a simple object so this comparison should be fast
     JSON.stringify(prevTimezone) !== JSON.stringify(timezone) || !props.themeKey && prevTheme !== themeKey || prevOnClick !== onClick) {
       needsInit.current = true;
@@ -2085,13 +2087,13 @@ var withEmptyChartMessage = function withEmptyChartMessage(Chart) {
     var chartData = props.chartData;
     if (!chartData) {
       return React.createElement(Message_1.default, {
-        message: i18n_1._('No DataSource'),
+        message: (0, i18n_1._)('No DataSource'),
         level: "warning"
       });
     }
     if (chartData && !Object.keys(chartData).length) {
       return React.createElement(Message_1.default, {
-        message: i18n_1._('No Result'),
+        message: (0, i18n_1._)('No Result'),
         level: "info"
       });
     }
@@ -2106,25 +2108,25 @@ var withEmptyChartMessage = function withEmptyChartMessage(Chart) {
 exports.default = withEmptyChartMessage(Charting);
 
 /***/ }),
-/* 65 */
+/* 66 */
 /***/ (function(module, exports) {
 
 module.exports = require("react-event-listener");
 
 /***/ }),
-/* 66 */
+/* 67 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/i18n");
 
 /***/ }),
-/* 67 */
+/* 68 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/themeUtils");
 
 /***/ }),
-/* 68 */
+/* 69 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2181,16 +2183,16 @@ var ChartingApiFunctional = /*#__PURE__*/function () {
 exports.ChartingApiFunctional = ChartingApiFunctional;
 
 /***/ }),
-/* 69 */
+/* 70 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/simpleXMLOptions");
 
 /***/ }),
-/* 70 */,
 /* 71 */,
 /* 72 */,
-/* 73 */
+/* 73 */,
+/* 74 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2204,9 +2206,9 @@ exports.AxesChartDataConfigAreaColumnLine = exports.AxesChartDataConfigBubble =
 var i18n_1 = __webpack_require__(2);
 var configUtils_1 = __webpack_require__(20);
 var AxesChartDataConfig = {
-  label: i18n_1._('Data configurations'),
+  label: (0, i18n_1._)('Data configurations'),
   layout: [[{
-    label: i18n_1._('X'),
+    label: (0, i18n_1._)('X'),
     option: 'x',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2215,7 +2217,7 @@ var AxesChartDataConfig = {
       expectedDataPrimitive: ['series']
     }
   }], [{
-    label: i18n_1._('Y'),
+    label: (0, i18n_1._)('Y'),
     option: 'y',
     editor: 'editor.columnMultiSelector',
     editorProps: {
@@ -2225,7 +2227,7 @@ var AxesChartDataConfig = {
       expectedDataPrimitive: ['series', 'frame']
     }
   }], [{
-    label: i18n_1._('Result limit'),
+    label: (0, i18n_1._)('Result limit'),
     option: 'resultLimit',
     editor: 'editor.number',
     editorProps: {
@@ -2236,8 +2238,8 @@ var AxesChartDataConfig = {
 exports.AxesChartDataConfigBar = {
   label: AxesChartDataConfig.label,
   // insert Y2 after Y
-  layout: configUtils_1.insertLayout(AxesChartDataConfig.layout, 2, [{
-    label: i18n_1._('Y2'),
+  layout: (0, configUtils_1.insertLayout)(AxesChartDataConfig.layout, 2, [{
+    label: (0, i18n_1._)('Y2'),
     option: 'y2',
     editor: 'editor.columnMultiSelector',
     editorProps: {
@@ -2251,7 +2253,7 @@ exports.AxesChartDataConfigBar = {
 exports.AxesChartDataConfigScatter = {
   label: AxesChartDataConfig.label,
   layout: [[{
-    label: i18n_1._('X'),
+    label: (0, i18n_1._)('X'),
     option: 'x',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2260,7 +2262,7 @@ exports.AxesChartDataConfigScatter = {
       expectedDataPrimitive: ['series']
     }
   }], [{
-    label: i18n_1._('Y'),
+    label: (0, i18n_1._)('Y'),
     option: 'y',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2270,7 +2272,7 @@ exports.AxesChartDataConfigScatter = {
       expectedDataPrimitive: ['series']
     }
   }], [{
-    label: i18n_1._('Category'),
+    label: (0, i18n_1._)('Category'),
     option: 'category',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2279,7 +2281,7 @@ exports.AxesChartDataConfigScatter = {
       expectedDataPrimitive: ['series']
     }
   }], [{
-    label: i18n_1._('Result limit'),
+    label: (0, i18n_1._)('Result limit'),
     option: 'resultLimit',
     editor: 'editor.number',
     editorProps: {
@@ -2290,8 +2292,8 @@ exports.AxesChartDataConfigScatter = {
 exports.AxesChartDataConfigBubble = {
   label: exports.AxesChartDataConfigScatter.label,
   // layout: insert Size after Category
-  layout: configUtils_1.insertLayout(exports.AxesChartDataConfigScatter.layout, 3, [{
-    label: i18n_1._('Size'),
+  layout: (0, configUtils_1.insertLayout)(exports.AxesChartDataConfigScatter.layout, 3, [{
+    label: (0, i18n_1._)('Size'),
     option: 'size',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2304,7 +2306,7 @@ exports.AxesChartDataConfigBubble = {
 exports.AxesChartDataConfigAreaColumnLine = {
   label: exports.AxesChartDataConfigBar.label,
   layout: [].concat(_toConsumableArray(exports.AxesChartDataConfigBar.layout), [[{
-    label: i18n_1._('Annotation x'),
+    label: (0, i18n_1._)('Annotation x'),
     option: 'annotationX',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2313,7 +2315,7 @@ exports.AxesChartDataConfigAreaColumnLine = {
       expectedDataPrimitive: ['series']
     }
   }], [{
-    label: i18n_1._('Annotation labels'),
+    label: (0, i18n_1._)('Annotation labels'),
     option: 'annotationLabel',
     editor: 'editor.columnSelector',
     editorProps: {
@@ -2326,7 +2328,7 @@ exports.AxesChartDataConfigAreaColumnLine = {
 exports.default = AxesChartDataConfig;
 
 /***/ }),
-/* 74 */
+/* 75 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2341,7 +2343,7 @@ var variables_1 = __webpack_require__(11);
 var BackgroundColor_1 = __webpack_require__(53);
 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)
@@ -2351,15 +2353,15 @@ var themes = {
   }
 };
 var AxesChartColorAndStyle = {
-  label: i18n_1._('Color and style'),
-  layout: [BackgroundColor_1.default({
+  label: (0, i18n_1._)('Color and style'),
+  layout: [(0, BackgroundColor_1.default)({
     themes: themes
   }), [{
-    label: i18n_1._('Series colors'),
+    label: (0, i18n_1._)('Series colors'),
     option: 'seriesColors',
     editor: 'editor.seriesColors'
   }], [{
-    label: i18n_1._('Series colors by field name'),
+    label: (0, i18n_1._)('Series colors by field name'),
     option: 'seriesColorsByField',
     editor: 'editor.seriesColorsByField'
   }]]
@@ -2367,7 +2369,7 @@ var AxesChartColorAndStyle = {
 exports.default = AxesChartColorAndStyle;
 
 /***/ }),
-/* 75 */
+/* 76 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2378,45 +2380,45 @@ Object.defineProperty(exports, "__esModule", {
 });
 var i18n_1 = __webpack_require__(2);
 var AxesChartLegend = {
-  label: i18n_1._('Legend'),
+  label: (0, i18n_1._)('Legend'),
   layout: [[{
-    label: i18n_1._('Legend display'),
+    label: (0, i18n_1._)('Legend display'),
     option: 'legendDisplay',
     editor: 'editor.select',
     editorProps: {
       values: [{
-        label: i18n_1._('Right'),
+        label: (0, i18n_1._)('Right'),
         value: 'right'
       }, {
-        label: i18n_1._('Left'),
+        label: (0, i18n_1._)('Left'),
         value: 'left'
       }, {
-        label: i18n_1._('Top'),
+        label: (0, i18n_1._)('Top'),
         value: 'top'
       }, {
-        label: i18n_1._('Bottom'),
+        label: (0, i18n_1._)('Bottom'),
         value: 'bottom'
       }, {
-        label: i18n_1._('Off'),
+        label: (0, i18n_1._)('Off'),
         value: 'off'
       }]
     }
   }], [{
-    label: i18n_1._('Legend truncation'),
+    label: (0, i18n_1._)('Legend truncation'),
     option: 'legendTruncation',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('A...'),
+        label: (0, i18n_1._)('A...'),
         value: 'ellipsisEnd'
       }, {
-        label: i18n_1._('A...Z'),
+        label: (0, i18n_1._)('A...Z'),
         value: 'ellipsisMiddle'
       }, {
-        label: i18n_1._('...Z'),
+        label: (0, i18n_1._)('...Z'),
         value: 'ellipsisStart'
       }, {
-        label: i18n_1._('Off'),
+        label: (0, i18n_1._)('Off'),
         value: 'ellipsisOff'
       }]
     },
@@ -2429,7 +2431,7 @@ var AxesChartLegend = {
 exports.default = AxesChartLegend;
 
 /***/ }),
-/* 76 */
+/* 77 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2443,13 +2445,13 @@ exports.AxesChartXGridAndLabelsBubbleScatter = exports.AxesChartXGridAndLabelsCo
 var i18n_1 = __webpack_require__(2);
 var configUtils_1 = __webpack_require__(20);
 exports.AxesChartXGridAndLabelsCommon = {
-  label: i18n_1._('X-axis grid and labels'),
+  label: (0, i18n_1._)('X-axis grid and labels'),
   layout: [[{
-    label: i18n_1._('Axis title'),
+    label: (0, i18n_1._)('Axis title'),
     option: 'xAxisTitleVisibility',
     editor: 'editor.toggle'
   }], [{
-    label: i18n_1._('Axis title text'),
+    label: (0, i18n_1._)('Axis title text'),
     option: 'xAxisTitleText',
     editor: 'editor.text',
     showEditor: function showEditor(_ref) {
@@ -2457,18 +2459,18 @@ exports.AxesChartXGridAndLabelsCommon = {
       return options.xAxisTitleVisibility === 'show' || options.xAxisTitleVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Label visibility'),
+    label: (0, i18n_1._)('Label visibility'),
     option: 'xAxisLabelVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
@@ -2477,24 +2479,24 @@ exports.AxesChartXGridAndLabelsCommon = {
 var AxesChartXGridAndLabels = {
   label: exports.AxesChartXGridAndLabelsCommon.label,
   layout: [].concat(_toConsumableArray(exports.AxesChartXGridAndLabelsCommon.layout), [[{
-    label: i18n_1._('Label rotation'),
+    label: (0, i18n_1._)('Label rotation'),
     option: 'xAxisLabelRotation',
     editor: 'editor.select',
     editorProps: {
       values: [{
-        label: i18n_1._('-90'),
+        label: (0, i18n_1._)('-90'),
         value: -90
       }, {
-        label: i18n_1._('-45'),
+        label: (0, i18n_1._)('-45'),
         value: -45
       }, {
-        label: i18n_1._('0'),
+        label: (0, i18n_1._)('0'),
         value: 0
       }, {
-        label: i18n_1._('45'),
+        label: (0, i18n_1._)('45'),
         value: 45
       }, {
-        label: i18n_1._('90'),
+        label: (0, i18n_1._)('90'),
         value: 90
       }]
     },
@@ -2503,7 +2505,7 @@ var AxesChartXGridAndLabels = {
       return options.xAxisLabelVisibility === 'show' || options.xAxisLabelVisibility === 'auto' || options.xAxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Number of time label parts'),
+    label: (0, i18n_1._)('Number of time label parts'),
     option: 'xAxisMaxLabelParts',
     editor: 'editor.number',
     editorProps: {
@@ -2515,31 +2517,31 @@ var AxesChartXGridAndLabels = {
       return options.xAxisLabelVisibility === 'show' || options.xAxisLabelVisibility === 'auto' || options.xAxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Axis line visibility'),
+    label: (0, i18n_1._)('Axis line visibility'),
     option: 'xAxisLineVisibility',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Major gridlines'),
+    label: (0, i18n_1._)('Major gridlines'),
     option: 'showXMajorGridLines',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Major tick visibility'),
+    label: (0, i18n_1._)('Major tick visibility'),
     option: 'xAxisMajorTickVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Major tick size (px)'),
+    label: (0, i18n_1._)('Major tick size (px)'),
     option: 'xAxisMajorTickSize',
     editor: 'editor.slider',
     editorProps: {
@@ -2555,38 +2557,38 @@ var AxesChartXGridAndLabels = {
 };
 exports.AxesChartXGridAndLabelsBubbleScatter = {
   label: exports.AxesChartXGridAndLabelsCommon.label,
-  layout: [].concat(_toConsumableArray(configUtils_1.insertLayout(exports.AxesChartXGridAndLabelsCommon.layout, 2, [{
-    label: i18n_1._('Axis scale'),
+  layout: [].concat(_toConsumableArray((0, configUtils_1.insertLayout)(exports.AxesChartXGridAndLabelsCommon.layout, 2, [{
+    label: (0, i18n_1._)('Axis scale'),
     option: 'xAxisScale',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Linear'),
+        label: (0, i18n_1._)('Linear'),
         value: 'linear'
       }, {
-        label: i18n_1._('Log'),
+        label: (0, i18n_1._)('Log'),
         value: 'log'
       }]
     }
   }])), [[{
-    label: i18n_1._('Label rotation'),
+    label: (0, i18n_1._)('Label rotation'),
     option: 'xAxisLabelRotation',
     editor: 'editor.select',
     editorProps: {
       values: [{
-        label: i18n_1._('-90'),
+        label: (0, i18n_1._)('-90'),
         value: -90
       }, {
-        label: i18n_1._('-45'),
+        label: (0, i18n_1._)('-45'),
         value: -45
       }, {
-        label: i18n_1._('0'),
+        label: (0, i18n_1._)('0'),
         value: 0
       }, {
-        label: i18n_1._('45'),
+        label: (0, i18n_1._)('45'),
         value: 45
       }, {
-        label: i18n_1._('90'),
+        label: (0, i18n_1._)('90'),
         value: 90
       }]
     },
@@ -2595,7 +2597,7 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
       return options.xAxisLabelVisibility === 'show' || options.xAxisLabelVisibility === 'auto' || options.xAxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Round axis labels'),
+    label: (0, i18n_1._)('Round axis labels'),
     option: 'showRoundedXAxisLabels',
     editor: 'editor.checkbox',
     showEditor: function showEditor(_ref6) {
@@ -2603,7 +2605,7 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
       return options.xAxisLabelVisibility === 'show' || options.xAxisLabelVisibility === 'auto' || options.xAxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('SI prefix abbreviation for labels'),
+    label: (0, i18n_1._)('SI prefix abbreviation for labels'),
     option: 'xAxisAbbreviation',
     editor: 'editor.checkbox',
     showEditor: function showEditor(_ref7) {
@@ -2611,23 +2613,23 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
       return options.xAxisLabelVisibility === 'show' || options.xAxisLabelVisibility === 'auto' || options.xAxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Include zero'),
+    label: (0, i18n_1._)('Include zero'),
     option: 'showXAxisWithZero',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Extend to whole grid'),
+    label: (0, i18n_1._)('Extend to whole grid'),
     option: 'showXAxisExtendedRange',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Minimum axis value'),
+    label: (0, i18n_1._)('Minimum axis value'),
     option: 'xAxisMin',
     editor: 'editor.number'
   }, {
-    label: i18n_1._('Maximum axis value'),
+    label: (0, i18n_1._)('Maximum axis value'),
     option: 'xAxisMax',
     editor: 'editor.number'
   }], [{
-    label: i18n_1._('Axis line visibility'),
+    label: (0, i18n_1._)('Axis line visibility'),
     option: 'xAxisLineVisibility',
     editor: 'editor.checkbox'
   }],
@@ -2640,23 +2642,23 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
   //     },
   // ],
   [{
-    label: i18n_1._('Major tick visibility'),
+    label: (0, i18n_1._)('Major tick visibility'),
     option: 'xAxisMajorTickVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Major tick size (px)'),
+    label: (0, i18n_1._)('Major tick size (px)'),
     option: 'xAxisMajorTickSize',
     editor: 'editor.slider',
     editorProps: {
@@ -2669,7 +2671,7 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
       return options.xAxisMajorTickVisibility === 'show' || options.xAxisMajorTickVisibility === 'auto' || options.xAxisMajorTickVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Major tick interval spacing'),
+    label: (0, i18n_1._)('Major tick interval spacing'),
     option: 'xAxisMajorTickInterval',
     editor: 'editor.number',
     showEditor: function showEditor(_ref9) {
@@ -2677,27 +2679,27 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
       return options.xAxisMajorTickVisibility === 'show' || options.xAxisMajorTickVisibility === 'auto' || options.xAxisMajorTickVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Minor gridlines'),
+    label: (0, i18n_1._)('Minor gridlines'),
     option: 'showXMinorGridLines',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Minor tick visibility'),
+    label: (0, i18n_1._)('Minor tick visibility'),
     option: 'xAxisMinorTickVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Minor tick size (px)'),
+    label: (0, i18n_1._)('Minor tick size (px)'),
     option: 'xAxisMinorTickSize',
     editor: 'editor.slider',
     editorProps: {
@@ -2714,7 +2716,7 @@ exports.AxesChartXGridAndLabelsBubbleScatter = {
 exports.default = AxesChartXGridAndLabels;
 
 /***/ }),
-/* 77 */
+/* 78 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2725,13 +2727,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 var i18n_1 = __webpack_require__(2);
 var AxesChartYGridAndLabels = {
-  label: i18n_1._('Y-axis grid and labels'),
+  label: (0, i18n_1._)('Y-axis grid and labels'),
   layout: [[{
-    label: i18n_1._('Axis title'),
+    label: (0, i18n_1._)('Axis title'),
     option: 'yAxisTitleVisibility',
     editor: 'editor.toggle'
   }], [{
-    label: i18n_1._('Axis title text'),
+    label: (0, i18n_1._)('Axis title text'),
     option: 'yAxisTitleText',
     editor: 'editor.text',
     showEditor: function showEditor(_ref) {
@@ -2739,36 +2741,36 @@ var AxesChartYGridAndLabels = {
       return options.yAxisTitleVisibility === 'show' || options.yAxisTitleVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Scale'),
+    label: (0, i18n_1._)('Scale'),
     option: 'yAxisScale',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Linear'),
+        label: (0, i18n_1._)('Linear'),
         value: 'linear'
       }, {
-        label: i18n_1._('Log'),
+        label: (0, i18n_1._)('Log'),
         value: 'log'
       }]
     }
   }], [{
-    label: i18n_1._('Label visibility'),
+    label: (0, i18n_1._)('Label visibility'),
     option: 'yAxisLabelVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('SI prefix abbreviation for labels'),
+    label: (0, i18n_1._)('SI prefix abbreviation for labels'),
     option: 'yAxisAbbreviation',
     editor: 'editor.checkbox',
     showEditor: function showEditor(_ref2) {
@@ -2776,47 +2778,47 @@ var AxesChartYGridAndLabels = {
       return options.yAxisLabelVisibility === 'show' || options.yAxisLabelVisibility === 'auto' || options.yAxisLabelVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Include zero'),
+    label: (0, i18n_1._)('Include zero'),
     option: 'showYAxisWithZero',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Extend to whole grid'),
+    label: (0, i18n_1._)('Extend to whole grid'),
     option: 'showYAxisExtendedRange',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Minimum axis value'),
+    label: (0, i18n_1._)('Minimum axis value'),
     option: 'yAxisMin',
     editor: 'editor.number'
   }, {
-    label: i18n_1._('Maximum axis value'),
+    label: (0, i18n_1._)('Maximum axis value'),
     option: 'yAxisMax',
     editor: 'editor.number'
   }], [{
-    label: i18n_1._('Axis line visibility'),
+    label: (0, i18n_1._)('Axis line visibility'),
     option: 'yAxisLineVisibility',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Major gridlines'),
+    label: (0, i18n_1._)('Major gridlines'),
     option: 'showYMajorGridLines',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Major tick visibility'),
+    label: (0, i18n_1._)('Major tick visibility'),
     option: 'yAxisMajorTickVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Major tick size (px)'),
+    label: (0, i18n_1._)('Major tick size (px)'),
     option: 'yAxisMajorTickSize',
     editor: 'editor.slider',
     editorProps: {
@@ -2829,7 +2831,7 @@ var AxesChartYGridAndLabels = {
       return options.yAxisMajorTickVisibility === 'show' || options.yAxisMajorTickVisibility === 'auto' || options.yAxisMajorTickVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Major tick interval spacing'),
+    label: (0, i18n_1._)('Major tick interval spacing'),
     option: 'yAxisMajorTickInterval',
     editor: 'editor.number',
     showEditor: function showEditor(_ref4) {
@@ -2837,27 +2839,27 @@ var AxesChartYGridAndLabels = {
       return options.yAxisMajorTickVisibility === 'show' || options.yAxisMajorTickVisibility === 'auto' || options.yAxisMajorTickVisibility === undefined;
     }
   }], [{
-    label: i18n_1._('Minor gridlines'),
+    label: (0, i18n_1._)('Minor gridlines'),
     option: 'showYMinorGridLines',
     editor: 'editor.checkbox'
   }], [{
-    label: i18n_1._('Minor tick visibility'),
+    label: (0, i18n_1._)('Minor tick visibility'),
     option: 'yAxisMinorTickVisibility',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Auto'),
+        label: (0, i18n_1._)('Auto'),
         value: 'auto'
       }, {
-        label: i18n_1._('Show'),
+        label: (0, i18n_1._)('Show'),
         value: 'show'
       }, {
-        label: i18n_1._('Hide'),
+        label: (0, i18n_1._)('Hide'),
         value: 'hide'
       }]
     }
   }], [{
-    label: i18n_1._('Minor tick size (px)'),
+    label: (0, i18n_1._)('Minor tick size (px)'),
     option: 'yAxisMinorTickSize',
     editor: 'editor.slider',
     editorProps: {
@@ -2874,7 +2876,6 @@ var AxesChartYGridAndLabels = {
 exports.default = AxesChartYGridAndLabels;
 
 /***/ }),
-/* 78 */,
 /* 79 */,
 /* 80 */,
 /* 81 */,
@@ -2939,7 +2940,10 @@ exports.default = AxesChartYGridAndLabels;
 /* 140 */,
 /* 141 */,
 /* 142 */,
-/* 143 */
+/* 143 */,
+/* 144 */,
+/* 145 */,
+/* 146 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2962,14 +2966,14 @@ exports.config = exports.themes = exports.computeVizProps = void 0;
 var lodash_1 = __webpack_require__(3);
 // Charting imports i18n which needs to be run to instantiate window globals in the tests
 // eslint-disable-next-line import/order
-var Charting_1 = __webpack_require__(64);
-var charting_bundle_1 = __webpack_require__(56);
-var simpleXMLOptions_1 = __webpack_require__(69);
-var config_1 = __webpack_require__(180);
+var Charting_1 = __webpack_require__(65);
+var charting_bundle_1 = __webpack_require__(55);
+var simpleXMLOptions_1 = __webpack_require__(70);
+var config_1 = __webpack_require__(183);
 exports.config = config_1.default;
 var withDashboardViz_1 = __webpack_require__(36);
-var bubbleUtils_1 = __webpack_require__(181);
-var chartingUtils_1 = __webpack_require__(55);
+var bubbleUtils_1 = __webpack_require__(184);
+var chartingUtils_1 = __webpack_require__(56);
 var validOptions = Object.keys(config_1.default.optionsSchema);
 var computeVizProps = function computeVizProps(_a) {
   var dataSources = _a.dataSources,
@@ -2991,8 +2995,8 @@ var computeVizProps = function computeVizProps(_a) {
     visualizationApiRef: visualizationApiRef
   };
   var hasEventHandlers = otherOptions.hasEventHandlers;
-  computedProps.options = lodash_1.chain(otherOptions).pick(validOptions).thru(bubbleUtils_1.convertToBubbleSCProperties).thru(function (options) {
-    return Object.assign(Object.assign({}, simpleXMLOptions_1.getSimpleXMLOptionsForProps(options)), {
+  computedProps.options = (0, lodash_1.chain)(otherOptions).pick(validOptions).thru(bubbleUtils_1.convertToBubbleSCProperties).thru(function (options) {
+    return Object.assign(Object.assign({}, (0, simpleXMLOptions_1.getSimpleXMLOptionsForProps)(options)), {
       chart: 'bubble'
     });
   }).value();
@@ -3015,7 +3019,7 @@ var computeVizProps = function computeVizProps(_a) {
   primaryData.fields = fields;
   var truncationLimit = computedProps.options['chart.resultTruncationLimit'];
   if (truncationLimit) {
-    primaryData = chartingUtils_1.truncateData(primaryData, truncationLimit);
+    primaryData = (0, chartingUtils_1.truncateData)(primaryData, truncationLimit);
   }
   computedProps.chartData = charting_bundle_1.default.extractChartReadyData(Object.assign({}, primaryData));
   if (hasEventHandlers) {
@@ -3030,7 +3034,7 @@ var computeVizProps = function computeVizProps(_a) {
   return computedProps;
 };
 exports.computeVizProps = computeVizProps;
-var Bubble = withDashboardViz_1.default({
+var Bubble = (0, withDashboardViz_1.default)({
   ReactViz: Charting_1.default,
   computeVizProps: exports.computeVizProps,
   vizConfig: config_1.default
@@ -3040,9 +3044,6 @@ exports.themes = themes;
 exports.default = Bubble;
 
 /***/ }),
-/* 144 */,
-/* 145 */,
-/* 146 */,
 /* 147 */,
 /* 148 */,
 /* 149 */,
@@ -3075,7 +3076,10 @@ exports.default = Bubble;
 /* 176 */,
 /* 177 */,
 /* 178 */,
-/* 179 */
+/* 179 */,
+/* 180 */,
+/* 181 */,
+/* 182 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3083,12 +3087,16 @@ exports.default = Bubble;
 
 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];
@@ -3102,8 +3110,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-__exportStar(__webpack_require__(143), exports);
-var Bubble_1 = __webpack_require__(143);
+__exportStar(__webpack_require__(146), exports);
+var Bubble_1 = __webpack_require__(146);
 Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function get() {
@@ -3112,7 +3120,7 @@ Object.defineProperty(exports, "default", {
 });
 
 /***/ }),
-/* 180 */
+/* 183 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3123,17 +3131,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 var visualization_icons_1 = __webpack_require__(52);
-var placeholders_1 = __webpack_require__(49);
+var placeholders_1 = __webpack_require__(50);
 var schemaUtils_1 = __webpack_require__(16);
 var visualization_color_palettes_1 = __webpack_require__(51);
 var pick_1 = __webpack_require__(23);
 var variables_1 = __webpack_require__(11);
 var i18n_1 = __webpack_require__(2);
-var AxesChartDataConfig_1 = __webpack_require__(73);
-var AxesChartXGridAndLabels_1 = __webpack_require__(76);
-var AxesChartColorAndStyle_1 = __webpack_require__(74);
-var AxesChartLegend_1 = __webpack_require__(75);
-var AxesChartYGridAndLabels_1 = __webpack_require__(77);
+var AxesChartDataConfig_1 = __webpack_require__(74);
+var AxesChartXGridAndLabels_1 = __webpack_require__(77);
+var AxesChartColorAndStyle_1 = __webpack_require__(75);
+var AxesChartLegend_1 = __webpack_require__(76);
+var AxesChartYGridAndLabels_1 = __webpack_require__(78);
 var VizBehavior_1 = __webpack_require__(6);
 var VizCategory_1 = __webpack_require__(35);
 var configUtils_1 = __webpack_require__(20);
@@ -3232,19 +3240,19 @@ var optionsSchema = {
   bubbleSizeMethod: {
     default: 'area',
     description: 'Specify how bubble size is measured.',
-    pattern: schemaUtils_1.getPattern(['area', 'diameter']),
+    pattern: (0, schemaUtils_1.getPattern)(['area', 'diameter']),
     type: 'string'
   },
   legendDisplay: {
     default: 'right',
     description: 'Specify the location of the legend on the panel.',
-    pattern: schemaUtils_1.getPattern(['right', 'left', 'top', 'bottom', 'off']),
+    pattern: (0, schemaUtils_1.getPattern)(['right', 'left', 'top', 'bottom', 'off']),
     type: 'string'
   },
   legendTruncation: {
     default: 'ellipsisEnd',
     description: 'Specify where to use ellipsis to replace legend labels that overflow the layout.',
-    pattern: schemaUtils_1.getPattern(['ellipsisEnd', 'ellipsisMiddle', 'ellipsisStart', 'ellipsisOff']),
+    pattern: (0, schemaUtils_1.getPattern)(['ellipsisEnd', 'ellipsisMiddle', 'ellipsisStart', 'ellipsisOff']),
     type: 'string'
   },
   resultLimit: {
@@ -3320,40 +3328,40 @@ var optionsSchema = {
     default: 'off',
     description: 'Specify whether to abbreviate large x-axis values with the closest International System of Units (SI) prefix.',
     enum: ['off', 'auto'],
-    pattern: schemaUtils_1.getPattern(['auto', 'off']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'off']),
     type: 'string'
   },
   yAxisAbbreviation: {
     default: 'auto',
     description: 'Specify whether to abbreviate large y-axis values with the closest International System of Units (SI) prefix.',
     enum: ['off', 'auto'],
-    pattern: schemaUtils_1.getPattern(['auto', 'off']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'off']),
     type: 'string'
   },
   xAxisLabelVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide labels on the x-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   yAxisLabelVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide labels on the y-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   xAxisLineVisibility: {
     default: 'hide',
     description: 'Specify whether to show the x-axis line.',
     enum: ['hide', 'show'],
-    pattern: schemaUtils_1.getPattern(['show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
     type: 'string'
   },
   yAxisLineVisibility: {
     default: 'hide',
     description: 'Specify whether to show the y-axis line.',
     enum: ['hide', 'show'],
-    pattern: schemaUtils_1.getPattern(['show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
     type: 'string'
   },
   xAxisMajorTickInterval: {
@@ -3389,25 +3397,25 @@ var optionsSchema = {
   xAxisMajorTickVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide major tick marks on the x-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   yAxisMajorTickVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide major tick marks on the y-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   xAxisMinorTickVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide minor tick marks on the x-axis .',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   yAxisMinorTickVisibility: {
     default: 'auto',
     description: 'Specify whether to show or hide minor tick marks on the y-axis.',
-    pattern: schemaUtils_1.getPattern(['auto', 'show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['auto', 'show', 'hide']),
     type: 'string'
   },
   xAxisMax: {
@@ -3433,13 +3441,13 @@ var optionsSchema = {
   xAxisScale: {
     default: 'linear',
     description: 'Specify the type of scale that applies to a numerical x-axis.',
-    pattern: schemaUtils_1.getPattern(['linear', 'log']),
+    pattern: (0, schemaUtils_1.getPattern)(['linear', 'log']),
     type: 'string'
   },
   yAxisScale: {
     default: 'linear',
     description: 'Specify the type of scale that applies to a numerical y-axis.',
-    pattern: schemaUtils_1.getPattern(['linear', 'log']),
+    pattern: (0, schemaUtils_1.getPattern)(['linear', 'log']),
     type: 'string'
   },
   xAxisTitleText: {
@@ -3454,20 +3462,20 @@ var optionsSchema = {
     default: 'show',
     description: 'Specify whether to hide the title of the x-axis.',
     enum: ['hide', 'show'],
-    pattern: schemaUtils_1.getPattern(['show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
     type: 'string'
   },
   yAxisTitleVisibility: {
     default: 'show',
     description: 'Specify whether to hide the title of the y-axis.',
     enum: ['hide', 'show'],
-    pattern: schemaUtils_1.getPattern(['show', 'hide']),
+    pattern: (0, schemaUtils_1.getPattern)(['show', 'hide']),
     type: 'string'
   }
 };
 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)
@@ -3479,14 +3487,14 @@ var themes = {
 var editorConfig = [AxesChartDataConfig_1.AxesChartDataConfigBubble, {
   label: AxesChartColorAndStyle_1.default.label,
   layout: [].concat(_toConsumableArray(AxesChartColorAndStyle_1.default.layout.slice(0, 2)), [[{
-    label: i18n_1._('Series colors by category name'),
+    label: (0, i18n_1._)('Series colors by category name'),
     option: 'seriesColorsByField',
     editor: 'editor.seriesColorsByField',
     editorProps: {
       isCategorical: true
     }
   }], [{
-    label: i18n_1._('Maximum bubble size'),
+    label: (0, i18n_1._)('Maximum bubble size'),
     option: 'bubbleSizeMax',
     editor: 'editor.slider',
     editorProps: {
@@ -3495,7 +3503,7 @@ var editorConfig = [AxesChartDataConfig_1.AxesChartDataConfigBubble, {
       step: 1
     }
   }], [{
-    label: i18n_1._('Minimum bubble size'),
+    label: (0, i18n_1._)('Minimum bubble size'),
     option: 'bubbleSizeMin',
     editor: 'editor.slider',
     editorProps: {
@@ -3504,15 +3512,15 @@ var editorConfig = [AxesChartDataConfig_1.AxesChartDataConfigBubble, {
       step: 1
     }
   }], [{
-    label: i18n_1._('Calculation method for bubble size'),
+    label: (0, i18n_1._)('Calculation method for bubble size'),
     option: 'bubbleSizeMethod',
     editor: 'editor.radioBar',
     editorProps: {
       values: [{
-        label: i18n_1._('Area'),
+        label: (0, i18n_1._)('Area'),
         value: 'area'
       }, {
-        label: i18n_1._('Diameter'),
+        label: (0, i18n_1._)('Diameter'),
         value: 'diameter'
       }]
     }
@@ -3529,7 +3537,7 @@ var config = {
   /**
    * viz name
    */
-  name: i18n_1._('Bubble'),
+  name: (0, i18n_1._)('Bubble'),
   category: VizCategory_1.VizCategory.CORRELATION,
   /**
    * viz icon
@@ -3552,10 +3560,10 @@ var config = {
   supports: [VizBehavior_1.VizBehavior.DYNAMIC_OPTIONS, VizBehavior_1.VizBehavior.PLACEHOLDER, VizBehavior_1.VizBehavior.EVENTS],
   themes: themes
 };
-exports.default = configUtils_1.enhanceConfig(config);
+exports.default = (0, configUtils_1.enhanceConfig)(config);
 
 /***/ }),
-/* 181 */
+/* 184 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3566,8 +3574,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.convertToBubbleSCProperties = exports.mapToOldKey = exports.convertToStringValues = exports.bubbleOptionValuesSCMapping = void 0;
 var lodash_1 = __webpack_require__(3);
-var propUtils_1 = __webpack_require__(28);
-var chartingUtils_1 = __webpack_require__(55);
+var propUtils_1 = __webpack_require__(29);
+var chartingUtils_1 = __webpack_require__(56);
 // map for key names which are either new or not present in SimpleXML options mapping
 var bubbleOptionsSCMapping = {
   xAxisLabelRotation: 'xAxisMajorLabelRotation',
@@ -3619,7 +3627,7 @@ exports.bubbleOptionValuesSCMapping = {
  * @returns {Object}
  */
 var convertToStringValues = function convertToStringValues(options) {
-  var updatedOptions = propUtils_1.convertPropsToString({
+  var updatedOptions = (0, propUtils_1.convertPropsToString)({
     vizProps: options,
     propNames: ['seriesColors', 'fieldColors']
   });
@@ -3634,7 +3642,7 @@ exports.convertToStringValues = convertToStringValues;
  * @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 bubbleOptionsSCMapping[key] ? bubbleOptionsSCMapping[key] : key;
   });
 };
@@ -3648,7 +3656,7 @@ exports.mapToOldKey = mapToOldKey;
  * @returns {Object}
  */
 var convertToBubbleSCProperties = function convertToBubbleSCProperties(originalOptions) {
-  return lodash_1.chain(exports.mapToOldKey(originalOptions)).thru(chartingUtils_1.mapToValues(exports.bubbleOptionValuesSCMapping)).thru(exports.convertToStringValues).value();
+  return (0, lodash_1.chain)((0, exports.mapToOldKey)(originalOptions)).thru((0, chartingUtils_1.mapToValues)(exports.bubbleOptionValuesSCMapping)).thru(exports.convertToStringValues).value();
 };
 exports.convertToBubbleSCProperties = convertToBubbleSCProperties;