@splunk/visualizations 24.7.0 → 25.0.1

package/Pie.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 225);
+/******/ 	return __webpack_require__(__webpack_require__.s = 228);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -109,11 +109,11 @@ module.exports = require("react");
 /***/ 10:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/classCallCheck");
+module.exports = require("@splunk/themes/variables");
 
 /***/ }),
 
-/***/ 104:
+/***/ 106:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/utils/dsl");
@@ -123,115 +123,25 @@ module.exports = require("@splunk/visualization-encoding/utils/dsl");
 /***/ 11:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes/variables");
+module.exports = require("@splunk/visualizations-shared/Message");
 
 /***/ }),
 
 /***/ 12:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/colorUtils");
+module.exports = require("@babel/runtime/helpers/classCallCheck");
 
 /***/ }),
 
 /***/ 13:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var React = __webpack_require__(1);
-
-var styled_components_1 = __webpack_require__(4);
-
-var SizeAwareWrapper_1 = __webpack_require__(17);
-
-var style_1 = __webpack_require__(14);
-
-var colorUtils_1 = __webpack_require__(12);
-
-var Item = styled_components_1.default.div.attrs(function (_ref) {
-  var width = _ref.width;
-  return {
-    style: {
-      width: 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;
-}); // 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) {
-  var width = _ref2.width,
-      height = _ref2.height;
-  return {
-    style: Object.assign(Object.assign({}, width && {
-      width: style_1.toPx(width)
-    }), height && {
-      height: 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;
-});
-var ItemContent = styled_components_1.default.div.withConfig({
-  displayName: "FixedSizeContainer__ItemContent",
-  componentId: "sc-1yhgpod-2"
-})(["position:relative;min-height:100px;width:100%;"]);
-var FixSizeItemContent = styled_components_1.default.div.withConfig({
-  displayName: "FixedSizeContainer__FixSizeItemContent",
-  componentId: "sc-1yhgpod-3"
-})(["min-height:0px;flex:1;position:relative;box-sizing:border-box;"]);
-
-var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
-  var FixedSizeContainer = function FixedSizeContainer(props) {
-    var width = props.width,
-        height = props.height,
-        backgroundColor = props.backgroundColor;
-
-    if (!height) {
-      return React.createElement(Item, {
-        "data-test": "item",
-        width: width,
-        backgroundColor: backgroundColor
-      }, React.createElement(ItemContent, null, React.createElement(Viz, Object.assign({}, props))));
-    }
-
-    return React.createElement(FixSizeItem, {
-      "data-test": "fix-size-item",
-      "data-splunk-visualization-version": "24.7.0 - c7389a161",
-      width: width,
-      height: height,
-      backgroundColor: backgroundColor
-    }, React.createElement(FixSizeItemContent, null, React.createElement(SizeAwareWrapper_1.default, null, function (_ref3) {
-      var newWidth = _ref3.width,
-          newHeight = _ref3.height;
-      return React.createElement(Viz, Object.assign({}, props, {
-        width: newWidth,
-        height: newHeight
-      }));
-    })));
-  };
-
-  FixedSizeContainer.displayName = 'withFixedSizeContainer';
-  return FixedSizeContainer;
-};
+/***/ (function(module, exports) {
 
-exports.default = withFixedSizeContainer;
+module.exports = require("@splunk/visualizations-shared/colorUtils");
 
 /***/ }),
 
-/***/ 133:
+/***/ 135:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -259,23 +169,23 @@ var lodash_1 = __webpack_require__(2); // Charting imports i18n which needs to b
 // eslint-disable-next-line import/order
 
 
-var Charting_1 = __webpack_require__(54);
+var Charting_1 = __webpack_require__(55);
 
-var charting_bundle_1 = __webpack_require__(50);
+var charting_bundle_1 = __webpack_require__(51);
 
-var simpleXMLOptions_1 = __webpack_require__(60);
+var simpleXMLOptions_1 = __webpack_require__(61);
 
-var config_1 = __webpack_require__(226);
+var config_1 = __webpack_require__(229);
 
 exports.config = config_1.default;
 
-var withDashboardViz_1 = __webpack_require__(29);
+var withDashboardViz_1 = __webpack_require__(30);
 
-var pieUtils_1 = __webpack_require__(228);
+var pieUtils_1 = __webpack_require__(231);
 
-var chartingUtils_1 = __webpack_require__(49);
+var chartingUtils_1 = __webpack_require__(50);
 
-var IconPlaceholder_1 = __webpack_require__(25);
+var IconPlaceholder_1 = __webpack_require__(26);
 
 var validOptions = Object.keys(config_1.default.optionsSchema);
 exports.PieInnerSize = 0.7;
@@ -362,37 +272,127 @@ exports.default = Pie;
 /***/ }),
 
 /***/ 14:
-/***/ (function(module, exports) {
+/***/ (function(module, exports, __webpack_require__) {
 
-module.exports = require("@splunk/visualizations-shared/style");
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var React = __webpack_require__(1);
+
+var styled_components_1 = __webpack_require__(4);
+
+var SizeAwareWrapper_1 = __webpack_require__(18);
+
+var style_1 = __webpack_require__(15);
+
+var colorUtils_1 = __webpack_require__(13);
+
+var Item = styled_components_1.default.div.attrs(function (_ref) {
+  var width = _ref.width;
+  return {
+    style: {
+      width: 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;
+}); // 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) {
+  var width = _ref2.width,
+      height = _ref2.height;
+  return {
+    style: Object.assign(Object.assign({}, width && {
+      width: style_1.toPx(width)
+    }), height && {
+      height: 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;
+});
+var ItemContent = styled_components_1.default.div.withConfig({
+  displayName: "FixedSizeContainer__ItemContent",
+  componentId: "sc-1yhgpod-2"
+})(["position:relative;min-height:100px;width:100%;"]);
+var FixSizeItemContent = styled_components_1.default.div.withConfig({
+  displayName: "FixedSizeContainer__FixSizeItemContent",
+  componentId: "sc-1yhgpod-3"
+})(["min-height:0px;flex:1;position:relative;box-sizing:border-box;"]);
+
+var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
+  var FixedSizeContainer = function FixedSizeContainer(props) {
+    var width = props.width,
+        height = props.height,
+        backgroundColor = props.backgroundColor;
+
+    if (!height) {
+      return React.createElement(Item, {
+        "data-test": "item",
+        width: width,
+        backgroundColor: backgroundColor
+      }, React.createElement(ItemContent, null, React.createElement(Viz, Object.assign({}, props))));
+    }
+
+    return React.createElement(FixSizeItem, {
+      "data-test": "fix-size-item",
+      "data-splunk-visualization-version": "25.0.1 - de10ad954",
+      width: width,
+      height: height,
+      backgroundColor: backgroundColor
+    }, React.createElement(FixSizeItemContent, null, React.createElement(SizeAwareWrapper_1.default, null, function (_ref3) {
+      var newWidth = _ref3.width,
+          newHeight = _ref3.height;
+      return React.createElement(Viz, Object.assign({}, props, {
+        width: newWidth,
+        height: newHeight
+      }));
+    })));
+  };
+
+  FixedSizeContainer.displayName = 'withFixedSizeContainer';
+  return FixedSizeContainer;
+};
+
+exports.default = withFixedSizeContainer;
 
 /***/ }),
 
 /***/ 15:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/schemaUtils");
+module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
 
 /***/ 16:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/createClass");
+module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
 
 /***/ 17:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
+module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
 
-/***/ 19:
+/***/ 18:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualization-context/TimezoneContext");
+module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 /***/ }),
 
@@ -406,25 +406,25 @@ module.exports = require("lodash");
 /***/ 20:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/propUtils");
+module.exports = require("@splunk/themes/pick");
 
 /***/ }),
 
 /***/ 21:
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/typeof");
+module.exports = require("@splunk/visualization-context/TimezoneContext");
 
 /***/ }),
 
 /***/ 22:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes/pick");
+module.exports = require("@splunk/visualizations-shared/propUtils");
 
 /***/ }),
 
-/***/ 225:
+/***/ 228:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -454,9 +454,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-__exportStar(__webpack_require__(133), exports);
+__exportStar(__webpack_require__(135), exports);
 
-var Pie_1 = __webpack_require__(133);
+var Pie_1 = __webpack_require__(135);
 
 Object.defineProperty(exports, "default", {
   enumerable: true,
@@ -467,7 +467,7 @@ Object.defineProperty(exports, "default", {
 
 /***/ }),
 
-/***/ 226:
+/***/ 229:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -477,27 +477,27 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var ChartPie_1 = __webpack_require__(227);
+var ChartPie_1 = __webpack_require__(230);
 
-var placeholders_1 = __webpack_require__(44);
+var placeholders_1 = __webpack_require__(45);
 
 var i18n_1 = __webpack_require__(3);
 
-var schemaUtils_1 = __webpack_require__(15);
+var schemaUtils_1 = __webpack_require__(16);
 
-var visualization_color_palettes_1 = __webpack_require__(43);
+var visualization_color_palettes_1 = __webpack_require__(44);
 
-var pick_1 = __webpack_require__(22);
+var pick_1 = __webpack_require__(20);
 
-var variables_1 = __webpack_require__(11);
+var variables_1 = __webpack_require__(10);
 
 var VizBehavior_1 = __webpack_require__(5);
 
-var VizCategory_1 = __webpack_require__(28);
+var VizCategory_1 = __webpack_require__(29);
 
 var configUtils_1 = __webpack_require__(6);
 
-var BackgroundColor_1 = __webpack_require__(48);
+var BackgroundColor_1 = __webpack_require__(49);
 
 var dataContract = {
   requiredDataSources: [{
@@ -612,9 +612,8 @@ var editorConfig = [{
   })]
 }, {
   label: i18n_1._('Appearance'),
-  open: true,
   layout: [[{
-    label: i18n_1._(''),
+    label: i18n_1._('Display type'),
     option: 'showDonutHole',
     editor: 'editor.radioBar',
     editorProps: {
@@ -630,7 +629,7 @@ var editorConfig = [{
 }, {
   label: i18n_1._('Labels'),
   layout: [[{
-    label: '',
+    label: i18n_1._('Label display'),
     option: 'labelDisplay',
     editor: 'editor.radioBar',
     editorProps: {
@@ -701,14 +700,14 @@ exports.default = configUtils_1.enhanceConfig(config);
 
 /***/ }),
 
-/***/ 227:
+/***/ 230:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ChartPie");
 
 /***/ }),
 
-/***/ 228:
+/***/ 231:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -734,9 +733,9 @@ exports.allInvalidDataValues = exports.invalidOptionField = exports.getPieOption
 
 var lodash_1 = __webpack_require__(2);
 
-var propUtils_1 = __webpack_require__(20);
+var propUtils_1 = __webpack_require__(22);
 
-var dsl_1 = __webpack_require__(104);
+var dsl_1 = __webpack_require__(106);
 
 var JSONSchemaUtils_1 = __webpack_require__(24);
 
@@ -935,6 +934,13 @@ exports.pickFieldFromJSONSchema = pickFieldFromJSONSchema;
 /***/ }),
 
 /***/ 25:
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/typeof");
+
+/***/ }),
+
+/***/ 26:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -953,9 +959,9 @@ var lodash_1 = __webpack_require__(2);
 
 var i18n_1 = __webpack_require__(3);
 
-var Message_1 = __webpack_require__(9);
+var Message_1 = __webpack_require__(11);
 
-var FixedSizeContainer_1 = __webpack_require__(13);
+var FixedSizeContainer_1 = __webpack_require__(14);
 /**
  * @method shouldShowIconPlaceholder
  * @param {object} dataSources
@@ -1026,7 +1032,7 @@ exports.default = FixedSizeContainer_1.default(IconPlaceholder);
 
 /***/ }),
 
-/***/ 26:
+/***/ 27:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1043,7 +1049,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(2);
 
-var DataSource_1 = __webpack_require__(36);
+var DataSource_1 = __webpack_require__(37);
 
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
@@ -1097,7 +1103,7 @@ exports.getSortingParams = getSortingParams;
 
 /***/ }),
 
-/***/ 27:
+/***/ 28:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1162,7 +1168,7 @@ exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
 
-/***/ 28:
+/***/ 29:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1191,7 +1197,14 @@ var VizCategory;
 
 /***/ }),
 
-/***/ 29:
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/i18n");
+
+/***/ }),
+
+/***/ 30:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1205,35 +1218,35 @@ var React = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(2);
 
-var getSettingsFromThemedProps_1 = __webpack_require__(30);
+var getSettingsFromThemedProps_1 = __webpack_require__(31);
 
-var Options_1 = __webpack_require__(31);
+var Options_1 = __webpack_require__(32);
 
-var SanitizeProps_1 = __webpack_require__(32);
+var SanitizeProps_1 = __webpack_require__(33);
 
-var TimezoneContext_1 = __webpack_require__(19);
+var TimezoneContext_1 = __webpack_require__(21);
 
-var moment_1 = __webpack_require__(33);
+var moment_1 = __webpack_require__(34);
 
 var styled_components_1 = __webpack_require__(4);
 
-var SplunkVisualization_1 = __webpack_require__(34);
+var SplunkVisualization_1 = __webpack_require__(35);
 
 var VizBehavior_1 = __webpack_require__(5);
 
-var getSorting_1 = __webpack_require__(26);
+var getSorting_1 = __webpack_require__(27);
 
-var getPagination_1 = __webpack_require__(27);
+var getPagination_1 = __webpack_require__(28);
 
-var useDeepMemo_1 = __webpack_require__(37);
+var useDeepMemo_1 = __webpack_require__(38);
 
 var JSONSchemaUtils_1 = __webpack_require__(24);
 
-var MissingPropsMessage_1 = __webpack_require__(38);
+var MissingPropsMessage_1 = __webpack_require__(39);
 
-var withEditModeCover_1 = __webpack_require__(39);
+var withEditModeCover_1 = __webpack_require__(40);
 
-var withPlaceholder_1 = __webpack_require__(40);
+var withPlaceholder_1 = __webpack_require__(42);
 
 var hocUtils_1 = __webpack_require__(8);
 /**
@@ -1437,48 +1450,41 @@ exports.default = withDashboardViz;
 
 /***/ }),
 
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 30:
+/***/ 31:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
 
-/***/ 31:
+/***/ 32:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
 
-/***/ 32:
+/***/ 33:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
 
-/***/ 33:
+/***/ 34:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/moment");
 
 /***/ }),
 
-/***/ 34:
+/***/ 35:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(10);
+var _classCallCheck = __webpack_require__(12);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1490,7 +1496,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(2);
 
-var VizActionHandler_1 = __webpack_require__(35); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+var VizActionHandler_1 = __webpack_require__(36); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 
 
 exports.INITIAL_WIDTH = 250;
@@ -1624,15 +1630,15 @@ exports.default = SplunkVisualization;
 
 /***/ }),
 
-/***/ 35:
+/***/ 36:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _classCallCheck = __webpack_require__(10);
+var _classCallCheck = __webpack_require__(12);
 
-var _createClass = __webpack_require__(16);
+var _createClass = __webpack_require__(17);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1662,7 +1668,7 @@ exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
 
-/***/ 36:
+/***/ 37:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1676,7 +1682,7 @@ exports.validSortDirs = ['asc', 'desc', 'none'];
 
 /***/ }),
 
-/***/ 37:
+/***/ 38:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1722,7 +1728,7 @@ exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
 
-/***/ 38:
+/***/ 39:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1739,9 +1745,9 @@ var T = __webpack_require__(0);
 
 var i18n_1 = __webpack_require__(3);
 
-var Message_1 = __webpack_require__(9);
+var Message_1 = __webpack_require__(11);
 
-var FixedSizeContainer_1 = __webpack_require__(13);
+var FixedSizeContainer_1 = __webpack_require__(14);
 /**
  * @method isMissing
  * @param {any} v
@@ -1803,10 +1809,17 @@ exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 
 /***/ }),
 
-/***/ 39:
-/***/ (function(module, exports, __webpack_require__) {
+/***/ 4:
+/***/ (function(module, exports) {
 
-"use strict";
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 40:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
 
 
 Object.defineProperty(exports, "__esModule", {
@@ -1824,7 +1837,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': "24.7.0 - c7389a161"
+  'data-splunk-visualization-version': "25.0.1 - de10ad954"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1856,14 +1869,14 @@ exports.default = withEditModeCover;
 
 /***/ }),
 
-/***/ 4:
+/***/ 41:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("@splunk/visualizations-shared/mapUtils");
 
 /***/ }),
 
-/***/ 40:
+/***/ 42:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1875,11 +1888,11 @@ Object.defineProperty(exports, "__esModule", {
 
 var React = __webpack_require__(1);
 
-var colorUtils_1 = __webpack_require__(12);
+var colorUtils_1 = __webpack_require__(13);
 
-var variables_1 = __webpack_require__(11);
+var variables_1 = __webpack_require__(10);
 
-var IconPlaceholder_1 = __webpack_require__(25);
+var IconPlaceholder_1 = __webpack_require__(26);
 
 var VizBehavior_1 = __webpack_require__(5);
 
@@ -1928,28 +1941,21 @@ exports.default = withPlaceholder;
 
 /***/ }),
 
-/***/ 41:
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/toConsumableArray");
-
-/***/ }),
-
-/***/ 43:
+/***/ 44:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-color-palettes");
 
 /***/ }),
 
-/***/ 44:
+/***/ 45:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons/placeholders");
 
 /***/ }),
 
-/***/ 48:
+/***/ 49:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1980,13 +1986,51 @@ exports.default = background;
 
 /***/ }),
 
-/***/ 49:
+/***/ 5:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VizBehavior = void 0;
+var VizBehavior;
+
+(function (VizBehavior) {
+  /**
+   * Dynamic Options Behavior.
+   * This allows visualization options to be powered by data
+   *
+   * **Example**
+   *
+   * sparklineValues: ">primary|seriesByIndex(0)"
+   * would configure sparklineValues with an array of data points
+   * coming from the first series in the primary datasource
+   *
+   */
+  VizBehavior["DYNAMIC_OPTIONS"] = "dynamic-options";
+  VizBehavior["EVENTS"] = "events";
+  /**
+   * Placeholder behavior: visualization will display a placeholder rather than fail if any of the `requiredProps` is
+   * missing.
+   * @type {string}
+   */
+
+  VizBehavior["PLACEHOLDER"] = "placeholder";
+  VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
+})(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
+
+/***/ }),
+
+/***/ 50:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(41);
+var _toConsumableArray = __webpack_require__(9);
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -2202,52 +2246,14 @@ exports.constructFieldsAndColumns = constructFieldsAndColumns;
 
 /***/ }),
 
-/***/ 5:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VizBehavior = void 0;
-var VizBehavior;
-
-(function (VizBehavior) {
-  /**
-   * Dynamic Options Behavior.
-   * This allows visualization options to be powered by data
-   *
-   * **Example**
-   *
-   * sparklineValues: ">primary|seriesByIndex(0)"
-   * would configure sparklineValues with an array of data points
-   * coming from the first series in the primary datasource
-   *
-   */
-  VizBehavior["DYNAMIC_OPTIONS"] = "dynamic-options";
-  VizBehavior["EVENTS"] = "events";
-  /**
-   * Placeholder behavior: visualization will display a placeholder rather than fail if any of the `requiredProps` is
-   * missing.
-   * @type {string}
-   */
-
-  VizBehavior["PLACEHOLDER"] = "placeholder";
-  VizBehavior["PAGE_AND_SORT"] = "page-and-sort";
-})(VizBehavior = exports.VizBehavior || (exports.VizBehavior = {}));
-
-/***/ }),
-
-/***/ 50:
+/***/ 51:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/charting-bundle");
 
 /***/ }),
 
-/***/ 54:
+/***/ 55:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2263,7 +2269,7 @@ var lodash_1 = __webpack_require__(2);
 
 var i18n_1 = __webpack_require__(3);
 
-var visualization_color_palettes_1 = __webpack_require__(43);
+var visualization_color_palettes_1 = __webpack_require__(44);
 
 var react_1 = __webpack_require__(1);
 
@@ -2271,26 +2277,26 @@ var React = __webpack_require__(1);
 
 var T = __webpack_require__(0);
 
-var react_event_listener_1 = __webpack_require__(55);
+var react_event_listener_1 = __webpack_require__(56);
 
-__webpack_require__(56); // fixme, @splunk/charting should be refactor to use locale & timezone instead of i18n functions
+__webpack_require__(57); // fixme, @splunk/charting should be refactor to use locale & timezone instead of i18n functions
 
 
-var charting_bundle_1 = __webpack_require__(50);
+var charting_bundle_1 = __webpack_require__(51);
 
-var TimezoneContext_1 = __webpack_require__(19);
+var TimezoneContext_1 = __webpack_require__(21);
 
-var style_1 = __webpack_require__(14);
+var style_1 = __webpack_require__(15);
 
 var styled_components_1 = __webpack_require__(4);
 
-var Message_1 = __webpack_require__(9);
+var Message_1 = __webpack_require__(11);
 
-var useSplunkTheme_1 = __webpack_require__(57);
+var useSplunkTheme_1 = __webpack_require__(58);
 
-var themeUtils_1 = __webpack_require__(58);
+var themeUtils_1 = __webpack_require__(59);
 
-var ChartingApi_1 = __webpack_require__(59);
+var ChartingApi_1 = __webpack_require__(60);
 
 exports.NO_INPLACE_PROPS = ['chart', 'chart.orientation', 'layout.splitSeries', 'chart.style', 'legend.placement'];
 
@@ -2670,109 +2676,42 @@ exports.default = withEmptyChartMessage(Charting);
 
 /***/ }),
 
-/***/ 55:
+/***/ 56:
 /***/ (function(module, exports) {
 
 module.exports = require("react-event-listener");
 
 /***/ }),
 
-/***/ 56:
+/***/ 57:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/i18n");
 
 /***/ }),
 
-/***/ 57:
+/***/ 58:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/useSplunkTheme");
 
 /***/ }),
 
-/***/ 58:
+/***/ 59:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/themeUtils");
 
 /***/ }),
 
-/***/ 59:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-var _classCallCheck = __webpack_require__(10);
-
-var _createClass = __webpack_require__(16);
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ChartingApiFunctional = void 0;
-
-var ChartingApiFunctional = /*#__PURE__*/function () {
-  // eslint-disable-next-line no-useless-constructor
-  function ChartingApiFunctional(chartRef) {
-    _classCallCheck(this, ChartingApiFunctional);
-
-    this.chartRef = chartRef;
-  }
-  /**
-   * Allows users to programmatically highlight a point on the chart
-   *
-   * @memberof ChartingApiFunctional
-   */
-
-
-  _createClass(ChartingApiFunctional, [{
-    key: "highlight",
-    value: function highlight() {
-      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
-        xValue: '',
-        seriesName: ''
-      },
-          xValue = _ref.xValue,
-          seriesName = _ref.seriesName;
-
-      this.getChart().highlight(xValue, seriesName);
-    }
-    /**
-     * Allows users to programmatically unhighlight all points on the chart
-     *
-     * @memberof ChartingApiFunctional
-     */
-
-  }, {
-    key: "unHighlight",
-    value: function unHighlight() {
-      this.getChart().unHighlight();
-    } // returns chart object
-
-  }, {
-    key: "getChart",
-    value: function getChart() {
-      var _a;
-
-      return (_a = this.chartRef) === null || _a === void 0 ? void 0 : _a.current;
-    }
-  }]);
-
-  return ChartingApiFunctional;
-}();
-
-exports.ChartingApiFunctional = ChartingApiFunctional;
-
-/***/ }),
-
 /***/ 6:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
+var _toConsumableArray = __webpack_require__(9);
+
 var _defineProperty = __webpack_require__(7);
 
 var __rest = this && this.__rest || function (s, e) {
@@ -2791,11 +2730,11 @@ var __rest = this && this.__rest || function (s, e) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.generatePrecisionValues = exports.getInitialPreset = exports.isDynamicOption = exports.enhanceOptionsSchemaWithDynamicOptions = exports.enhanceConfig = void 0;
+exports.insertLayout = exports.uncollapseEditorConfig = exports.generatePrecisionValues = exports.getInitialPreset = exports.isDynamicOption = exports.enhanceOptionsSchemaWithDynamicOptions = exports.enhanceConfig = void 0;
 
 var lodash_1 = __webpack_require__(2);
 
-var schemaUtils_1 = __webpack_require__(15);
+var schemaUtils_1 = __webpack_require__(16);
 
 var VizBehavior_1 = __webpack_require__(5);
 
@@ -2866,8 +2805,10 @@ function enhanceOptionsSchemaWithDynamicOptions(optionsSchema) {
 exports.enhanceOptionsSchemaWithDynamicOptions = enhanceOptionsSchemaWithDynamicOptions;
 /**
  * Helper function to enhance a Visualization Config as needed based on behaviors specified in supports block
+ * this function also collapse all editor panels
  * @param vizConfig a Visualization Config
  * @returns an enhanced Visualization Config containing updated config entries based on behaviors it supports
+ * and containing `open: false` for all editor panels in editorConfig
  */
 
 function enhanceConfig(vizConfig) {
@@ -2877,10 +2818,33 @@ function enhanceConfig(vizConfig) {
     enhancedConfig.optionsSchema = enhanceOptionsSchemaWithDynamicOptions(vizConfig.optionsSchema);
   }
 
+  enhancedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
+    return Object.assign(Object.assign({}, config), {
+      open: false
+    });
+  });
   return enhancedConfig;
 }
 
 exports.enhanceConfig = enhanceConfig;
+/**
+ * Helper function to uncollapse all editor panels by adding `open: true` to the editorConfig
+ * Created for editor unit tests
+ * @param vizConfig a Visualization Config
+ * @returns a Visualization Config containing `open: true` for all editor panels in editorConfig
+ */
+
+function uncollapseEditorConfig(vizConfig) {
+  var editorPanelUncollapsedConfig = vizConfig;
+  editorPanelUncollapsedConfig.editorConfig = vizConfig.editorConfig.map(function (config) {
+    return Object.assign(Object.assign({}, config), {
+      open: true
+    });
+  });
+  return editorPanelUncollapsedConfig;
+}
+
+exports.uncollapseEditorConfig = uncollapseEditorConfig;
 
 function isDynamicOption(option) {
   return option && typeof option === 'string' && option.trim().startsWith('>') || false;
@@ -2956,10 +2920,97 @@ function generatePrecisionValues(numPrecisionValues) {
 }
 
 exports.generatePrecisionValues = generatePrecisionValues;
+/**
+ * insert layout in layout array, return a new layout array instead of updating the original
+ *
+ * @param {EditorLayoutConfig[][]} layout - editor layout
+ * @param {Number} index - the index to insert layout item(s)
+ * @param {EditorLayoutConfig[][]} layoutItems - the item(s) to insert
+ * @returns {EditorLayoutConfig[][]} new editor layout with insertion
+ */
+
+var insertLayout = function insertLayout(layout, index) {
+  for (var _len = arguments.length, layoutItems = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    layoutItems[_key - 2] = arguments[_key];
+  }
+
+  return [].concat(_toConsumableArray(layout.slice(0, index)), layoutItems, _toConsumableArray(layout.slice(index)));
+};
+
+exports.insertLayout = insertLayout;
 
 /***/ }),
 
 /***/ 60:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var _classCallCheck = __webpack_require__(12);
+
+var _createClass = __webpack_require__(17);
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChartingApiFunctional = void 0;
+
+var ChartingApiFunctional = /*#__PURE__*/function () {
+  // eslint-disable-next-line no-useless-constructor
+  function ChartingApiFunctional(chartRef) {
+    _classCallCheck(this, ChartingApiFunctional);
+
+    this.chartRef = chartRef;
+  }
+  /**
+   * Allows users to programmatically highlight a point on the chart
+   *
+   * @memberof ChartingApiFunctional
+   */
+
+
+  _createClass(ChartingApiFunctional, [{
+    key: "highlight",
+    value: function highlight() {
+      var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
+        xValue: '',
+        seriesName: ''
+      },
+          xValue = _ref.xValue,
+          seriesName = _ref.seriesName;
+
+      this.getChart().highlight(xValue, seriesName);
+    }
+    /**
+     * Allows users to programmatically unhighlight all points on the chart
+     *
+     * @memberof ChartingApiFunctional
+     */
+
+  }, {
+    key: "unHighlight",
+    value: function unHighlight() {
+      this.getChart().unHighlight();
+    } // returns chart object
+
+  }, {
+    key: "getChart",
+    value: function getChart() {
+      var _a;
+
+      return (_a = this.chartRef) === null || _a === void 0 ? void 0 : _a.current;
+    }
+  }]);
+
+  return ChartingApiFunctional;
+}();
+
+exports.ChartingApiFunctional = ChartingApiFunctional;
+
+/***/ }),
+
+/***/ 61:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/simpleXMLOptions");
@@ -2979,14 +3030,16 @@ module.exports = require("@babel/runtime/helpers/defineProperty");
 "use strict";
 
 
-var _typeof = __webpack_require__(21);
+var _typeof = __webpack_require__(25);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.findClosestMatchFromDefaultList = exports.deepMergeWithArrayPrimitiveOverrides = exports.extendStaticWrapperProps = void 0;
+exports.deepMergeWithArrayPrimitiveOverrides = exports.extendStaticWrapperProps = void 0;
 
 var lodash_1 = __webpack_require__(2);
+
+var mapUtils_1 = __webpack_require__(41);
 /**
  * @method extendStaticWrapperProps
  * @param {Object} props
@@ -3041,7 +3094,7 @@ var deepMergeWithArrayPrimitiveOverrides = function deepMergeWithArrayPrimitiveO
         // If option is an array of objects
         for (var i = 0; i < clone[sourceKey].length; i += 1) {
           if (_typeof(clone[sourceKey][i]) === 'object') {
-            var closestMatchIdx = exports.findClosestMatchFromDefaultList(sourceToApply[sourceKey], clone[sourceKey][i]);
+            var closestMatchIdx = mapUtils_1.findClosestMatchFromDefaultList(sourceToApply[sourceKey], clone[sourceKey][i]);
 
             if (closestMatchIdx > -1) {
               clone[sourceKey][i] = exports.deepMergeWithArrayPrimitiveOverrides(clone[sourceKey][i], sourceToApply[sourceKey][closestMatchIdx]);
@@ -3055,57 +3108,13 @@ var deepMergeWithArrayPrimitiveOverrides = function deepMergeWithArrayPrimitiveO
 };
 
 exports.deepMergeWithArrayPrimitiveOverrides = deepMergeWithArrayPrimitiveOverrides;
-/**
- *  Finds the closest matching object from the list, which has the max same key value pairs.
- *  Returns the index of match if found, or -1
- *  For eg :-
-   const list = [{
-        type: "marker",
-        lat: "value1"
-    }, {
-        type: "bubble",
-        size: "value2"
-    }];
-
-    const obj = {
-        type: 'bubble'
-    };
-
-    findClosestMatch(list, obj) -> returns index 1.
- */
-
-var findClosestMatchFromDefaultList = function findClosestMatchFromDefaultList(searchList, inputObj) {
-  if (!Array.isArray(searchList) || searchList.length === 0) {
-    return -1;
-  }
-
-  var keys = Object.keys(inputObj);
-  var maxMatchCnt = 0;
-  var maxMatchIdx = 0;
-  searchList.forEach(function (item, idx) {
-    var matchCnt = 0;
-    keys.forEach(function (key) {
-      if (item[key] === inputObj[key]) {
-        matchCnt += 1;
-      }
-    });
-
-    if (Math.max(maxMatchCnt, matchCnt) > maxMatchCnt) {
-      maxMatchCnt = matchCnt;
-      maxMatchIdx = idx;
-    }
-  });
-  return maxMatchIdx;
-};
-
-exports.findClosestMatchFromDefaultList = findClosestMatchFromDefaultList;
 
 /***/ }),
 
 /***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/Message");
+module.exports = require("@babel/runtime/helpers/toConsumableArray");
 
 /***/ })