@splunk/visualizations 24.2.0 → 24.3.0

package/Punchcard.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 209);
+/******/ 	return __webpack_require__(__webpack_require__.s = 221);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -164,7 +164,7 @@ var VizBehavior;
 "use strict";
 
 
-var _defineProperty = __webpack_require__(7);
+var _defineProperty = __webpack_require__(8);
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -186,7 +186,7 @@ exports.generatePrecisionValues = exports.getInitialPreset = exports.isDynamicOp
 
 var lodash_1 = __webpack_require__(2);
 
-var schemaUtils_1 = __webpack_require__(15);
+var schemaUtils_1 = __webpack_require__(14);
 
 var VizBehavior_1 = __webpack_require__(5);
 
@@ -350,18 +350,12 @@ exports.generatePrecisionValues = generatePrecisionValues;
 
 /***/ }),
 /* 7 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/defineProperty");
-
-/***/ }),
-/* 8 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _typeof = __webpack_require__(23);
+var _typeof = __webpack_require__(20);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -426,6 +420,12 @@ var deepMergeWithArrayOverrides = function deepMergeWithArrayOverrides(initial)
 
 exports.deepMergeWithArrayOverrides = deepMergeWithArrayOverrides;
 
+/***/ }),
+/* 8 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/defineProperty");
+
 /***/ }),
 /* 9 */
 /***/ (function(module, exports) {
@@ -459,14 +459,12 @@ var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
-var SizeAwareWrapper_1 = __webpack_require__(18);
+var SizeAwareWrapper_1 = __webpack_require__(16);
 
-var style_1 = __webpack_require__(14);
+var style_1 = __webpack_require__(13);
 
 var colorUtils_1 = __webpack_require__(11);
 
-var version_1 = __webpack_require__(13);
-
 var Item = styled_components_1.default.div.attrs(function (_ref) {
   var width = _ref.width;
   return {
@@ -522,7 +520,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
-      "data-splunk-visualization-version": version_1.version,
+      "data-splunk-visualization-version": "24.3.0 - 1c1ae4b3c",
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -544,48 +542,41 @@ exports.default = withFixedSizeContainer;
 
 /***/ }),
 /* 13 */
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
+/***/ (function(module, exports) {
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.version = void 0;
-exports.version = '24.2.0';
+module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
 /* 14 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/style");
+module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
 /* 15 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/schemaUtils");
+module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
-/* 16 */,
-/* 17 */
+/* 16 */
 /***/ (function(module, exports) {
 
-module.exports = require("@babel/runtime/helpers/createClass");
+module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 /***/ }),
-/* 18 */
+/* 17 */,
+/* 18 */,
+/* 19 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
+module.exports = require("@splunk/themes/variables");
 
 /***/ }),
-/* 19 */,
 /* 20 */
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/themes/variables");
+module.exports = require("@babel/runtime/helpers/typeof");
 
 /***/ }),
 /* 21 */
@@ -601,18 +592,12 @@ module.exports = require("@splunk/visualizations-shared/numberUtils");
 
 /***/ }),
 /* 23 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/typeof");
-
-/***/ }),
-/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _defineProperty = __webpack_require__(7);
+var _defineProperty = __webpack_require__(8);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -623,7 +608,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(2);
 
-var DataSource_1 = __webpack_require__(34);
+var DataSource_1 = __webpack_require__(33);
 
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
@@ -676,7 +661,7 @@ var getSortingParams = function getSortingParams(_ref) {
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
-/* 25 */
+/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -740,7 +725,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
-/* 26 */
+/* 25 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -828,7 +813,7 @@ IconPlaceholder.defaultProps = {
 exports.default = FixedSizeContainer_1.default(IconPlaceholder);
 
 /***/ }),
-/* 27 */
+/* 26 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -856,7 +841,7 @@ var VizCategory;
 })(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
 
 /***/ }),
-/* 28 */
+/* 27 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -870,33 +855,33 @@ var React = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(2);
 
-var getSettingsFromThemedProps_1 = __webpack_require__(29);
+var getSettingsFromThemedProps_1 = __webpack_require__(28);
 
-var Options_1 = __webpack_require__(30);
+var Options_1 = __webpack_require__(29);
 
-var SanitizeProps_1 = __webpack_require__(31);
+var SanitizeProps_1 = __webpack_require__(30);
 
 var styled_components_1 = __webpack_require__(4);
 
-var SplunkVisualization_1 = __webpack_require__(32);
+var SplunkVisualization_1 = __webpack_require__(31);
 
 var VizBehavior_1 = __webpack_require__(5);
 
-var getSorting_1 = __webpack_require__(24);
+var getSorting_1 = __webpack_require__(23);
 
-var getPagination_1 = __webpack_require__(25);
+var getPagination_1 = __webpack_require__(24);
 
-var useDeepMemo_1 = __webpack_require__(35);
+var useDeepMemo_1 = __webpack_require__(34);
 
-var JSONSchemaUtils_1 = __webpack_require__(36);
+var JSONSchemaUtils_1 = __webpack_require__(35);
 
-var MissingPropsMessage_1 = __webpack_require__(37);
+var MissingPropsMessage_1 = __webpack_require__(36);
 
-var withEditModeCover_1 = __webpack_require__(38);
+var withEditModeCover_1 = __webpack_require__(37);
 
-var withPlaceholder_1 = __webpack_require__(39);
+var withPlaceholder_1 = __webpack_require__(38);
 
-var hocUtils_1 = __webpack_require__(8);
+var hocUtils_1 = __webpack_require__(7);
 /**
  * hoc that wraps a pure react visualization in a Dashboard visualization
  * @param {DashboardVizOpts} opts
@@ -909,6 +894,7 @@ var withDashboardViz = function withDashboardViz(opts) {
       vizConfig = opts.vizConfig,
       _opts$computeVizProps = opts.computeVizProps,
       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);
@@ -1073,31 +1059,31 @@ var withDashboardViz = function withDashboardViz(opts) {
 
   DashboardViz.config = vizConfig; // @ts-ignore: TODO fix sc upgrade TS issues
 
-  return styled_components_1.withTheme(withPlaceholder_1.default(withEditModeCover_1.default(DashboardViz), useIconPlaceholder));
+  return styled_components_1.withTheme(withPlaceholder_1.default(withEditModeCover_1.default(DashboardViz, disableEditModeCover), useIconPlaceholder));
 };
 
 exports.default = withDashboardViz;
 
 /***/ }),
-/* 29 */
+/* 28 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
-/* 30 */
+/* 29 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
-/* 31 */
+/* 30 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
-/* 32 */
+/* 31 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1115,7 +1101,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(2);
 
-var VizActionHandler_1 = __webpack_require__(33); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+var VizActionHandler_1 = __webpack_require__(32); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 
 
 exports.INITIAL_WIDTH = 250;
@@ -1248,7 +1234,7 @@ SplunkVisualization.defaultProps = {
 exports.default = SplunkVisualization;
 
 /***/ }),
-/* 33 */
+/* 32 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1256,7 +1242,7 @@ exports.default = SplunkVisualization;
 
 var _classCallCheck = __webpack_require__(10);
 
-var _createClass = __webpack_require__(17);
+var _createClass = __webpack_require__(15);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1285,7 +1271,7 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
 exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
-/* 34 */
+/* 33 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1298,7 +1284,7 @@ exports.validSortDirs = void 0;
 exports.validSortDirs = ['asc', 'desc', 'none'];
 
 /***/ }),
-/* 35 */
+/* 34 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1343,7 +1329,7 @@ var useDeepMemo = function useDeepMemo(fn, dependencies) {
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
-/* 36 */
+/* 35 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1376,7 +1362,7 @@ var pickFieldFromJSONSchema = function pickFieldFromJSONSchema(optionsSchema) {
 exports.pickFieldFromJSONSchema = pickFieldFromJSONSchema;
 
 /***/ }),
-/* 37 */
+/* 36 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1456,7 +1442,7 @@ exports.MissingPropsMessage.defaultProps = {
 exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 
 /***/ }),
-/* 38 */
+/* 37 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1470,16 +1456,14 @@ var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
-var hocUtils_1 = __webpack_require__(8);
-
-var version_1 = __webpack_require__(13);
+var hocUtils_1 = __webpack_require__(7);
 
 var Cover = styled_components_1.default.div.withConfig({
   displayName: "withEditModeCover__Cover",
   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': version_1.version
+  'data-splunk-visualization-version': "24.3.0 - 1c1ae4b3c"
 }).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
@@ -1491,10 +1475,11 @@ var Blocker = styled_components_1.default.div.attrs({
  * @returns {ExtendedDashViz} Wrapper
  */
 
-var withEditModeCover = function withEditModeCover(Visualization) {
+var withEditModeCover = function withEditModeCover(Visualization, disableEditModeCover) {
   var Wrapper = function Wrapper(props) {
     var mode = props.mode;
-    return React.createElement(Blocker, null, React.createElement(Visualization, Object.assign({}, props)), mode === 'edit' && React.createElement(Cover, {
+    var showEditCover = mode === 'edit' && !disableEditModeCover;
+    return React.createElement(Blocker, null, React.createElement(Visualization, Object.assign({}, props)), showEditCover && React.createElement(Cover, {
       "data-test": "edit-mode-cover"
     }));
   };
@@ -1509,7 +1494,7 @@ var withEditModeCover = function withEditModeCover(Visualization) {
 exports.default = withEditModeCover;
 
 /***/ }),
-/* 39 */
+/* 38 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1523,11 +1508,11 @@ var React = __webpack_require__(1);
 
 var colorUtils_1 = __webpack_require__(11);
 
-var IconPlaceholder_1 = __webpack_require__(26);
+var IconPlaceholder_1 = __webpack_require__(25);
 
 var VizBehavior_1 = __webpack_require__(5);
 
-var hocUtils_1 = __webpack_require__(8);
+var hocUtils_1 = __webpack_require__(7);
 
 var withPlaceholder = function withPlaceholder(Visualization) {
   var useIconPlaceholder = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : IconPlaceholder_1.shouldShowIconPlaceholder;
@@ -1568,28 +1553,28 @@ var withPlaceholder = function withPlaceholder(Visualization) {
 exports.default = withPlaceholder;
 
 /***/ }),
-/* 40 */
+/* 39 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/toConsumableArray");
 
 /***/ }),
-/* 41 */,
-/* 42 */
+/* 40 */,
+/* 41 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-color-palettes");
 
 /***/ }),
-/* 43 */
+/* 42 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons");
 
 /***/ }),
+/* 43 */,
 /* 44 */,
-/* 45 */,
-/* 46 */
+/* 45 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1619,13 +1604,13 @@ var background = function background(_ref) {
 exports.default = background;
 
 /***/ }),
-/* 47 */
+/* 46 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(40);
+var _toConsumableArray = __webpack_require__(39);
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -1840,7 +1825,13 @@ var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
 exports.constructFieldsAndColumns = constructFieldsAndColumns;
 
 /***/ }),
-/* 48 */,
+/* 47 */,
+/* 48 */
+/***/ (function(module, exports) {
+
+module.exports = require("@babel/runtime/helpers/slicedToArray");
+
+/***/ }),
 /* 49 */,
 /* 50 */,
 /* 51 */,
@@ -1854,44 +1845,38 @@ exports.constructFieldsAndColumns = constructFieldsAndColumns;
 /* 59 */,
 /* 60 */,
 /* 61 */,
-/* 62 */
-/***/ (function(module, exports) {
-
-module.exports = require("@babel/runtime/helpers/slicedToArray");
-
-/***/ }),
+/* 62 */,
 /* 63 */,
 /* 64 */,
 /* 65 */,
 /* 66 */,
 /* 67 */,
 /* 68 */,
-/* 69 */,
+/* 69 */
+/***/ (function(module, exports) {
+
+module.exports = require("d3-scale");
+
+/***/ }),
 /* 70 */,
 /* 71 */,
 /* 72 */,
 /* 73 */,
 /* 74 */,
 /* 75 */
-/***/ (function(module, exports) {
-
-module.exports = require("d3-scale");
-
-/***/ }),
-/* 76 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(62);
+var _slicedToArray = __webpack_require__(48);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.truncateAxisLabelText = exports.isBubbleSelected = exports.isSomethingSelected = exports.getDataByRows = exports.createValueScale = exports.getScales = exports.getChartAreaDimensions = exports.getColorCategoryMapping = exports.GRAYSCALE_FILTER_ID = exports.BUBBLE_LABELS_TYPES = exports.COLOR_MODE_TYPES = exports.BUBBLE_SCALE_TYPES = exports.BUBBLE_ROW_SCALE_TYPES = exports.AXIS_ORIENTATION_TYPES = void 0;
 
-var d3_scale_1 = __webpack_require__(75);
+var d3_scale_1 = __webpack_require__(69);
 /**
  * @enum {AXIS_ORIENTATION_TYPES}
  */
@@ -2286,6 +2271,7 @@ var truncateAxisLabelText = function truncateAxisLabelText(_ref9) {
 exports.truncateAxisLabelText = truncateAxisLabelText;
 
 /***/ }),
+/* 76 */,
 /* 77 */,
 /* 78 */,
 /* 79 */,
@@ -2293,13 +2279,13 @@ exports.truncateAxisLabelText = truncateAxisLabelText;
 /* 81 */,
 /* 82 */,
 /* 83 */,
-/* 84 */,
-/* 85 */
+/* 84 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/find");
 
 /***/ }),
+/* 85 */,
 /* 86 */,
 /* 87 */,
 /* 88 */,
@@ -2360,13 +2346,13 @@ module.exports = require("lodash/flattenDeep");
 /* 128 */,
 /* 129 */,
 /* 130 */,
-/* 131 */
+/* 131 */,
+/* 132 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/sortBy");
 
 /***/ }),
-/* 132 */,
 /* 133 */,
 /* 134 */,
 /* 135 */,
@@ -2443,7 +2429,19 @@ module.exports = require("lodash/sortBy");
 /* 206 */,
 /* 207 */,
 /* 208 */,
-/* 209 */
+/* 209 */,
+/* 210 */,
+/* 211 */,
+/* 212 */,
+/* 213 */,
+/* 214 */,
+/* 215 */,
+/* 216 */,
+/* 217 */,
+/* 218 */,
+/* 219 */,
+/* 220 */,
+/* 221 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2469,15 +2467,15 @@ exports.themes = exports.computeVizProps = exports.PurePunchcard = exports.confi
 
 var lodash_1 = __webpack_require__(2);
 
-var visualization_color_palettes_1 = __webpack_require__(42);
+var visualization_color_palettes_1 = __webpack_require__(41);
 
-var config_1 = __webpack_require__(210);
+var config_1 = __webpack_require__(222);
 
-var withDashboardViz_1 = __webpack_require__(28);
+var withDashboardViz_1 = __webpack_require__(27);
 
-var Punchcard_1 = __webpack_require__(211);
+var Punchcard_1 = __webpack_require__(223);
 
-var punchcardUtils_1 = __webpack_require__(219);
+var punchcardUtils_1 = __webpack_require__(231);
 
 exports.config = config_1.default;
 exports.PurePunchcard = Punchcard_1.default;
@@ -2521,7 +2519,7 @@ exports.themes = config_1.default.themes;
 exports.default = viz;
 
 /***/ }),
-/* 210 */
+/* 222 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2533,23 +2531,23 @@ Object.defineProperty(exports, "__esModule", {
 
 var i18n_1 = __webpack_require__(3);
 
-var schemaUtils_1 = __webpack_require__(15);
+var schemaUtils_1 = __webpack_require__(14);
 
-var visualization_icons_1 = __webpack_require__(43);
+var visualization_icons_1 = __webpack_require__(42);
 
-var visualization_color_palettes_1 = __webpack_require__(42);
+var visualization_color_palettes_1 = __webpack_require__(41);
 
 var pick_1 = __webpack_require__(21);
 
-var variables_1 = __webpack_require__(20);
+var variables_1 = __webpack_require__(19);
 
 var VizBehavior_1 = __webpack_require__(5);
 
-var VizCategory_1 = __webpack_require__(27);
+var VizCategory_1 = __webpack_require__(26);
 
 var configUtils_1 = __webpack_require__(6);
 
-var BackgroundColor_1 = __webpack_require__(46);
+var BackgroundColor_1 = __webpack_require__(45);
 
 var dataContract = {
   requiredDataSources: [{
@@ -2877,15 +2875,15 @@ var config = {
 exports.default = configUtils_1.enhanceConfig(config);
 
 /***/ }),
-/* 211 */
+/* 223 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _defineProperty = __webpack_require__(7);
+var _defineProperty = __webpack_require__(8);
 
-var _slicedToArray = __webpack_require__(62);
+var _slicedToArray = __webpack_require__(48);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -2899,23 +2897,23 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(2);
 
-var SizeAwareWrapper_1 = __webpack_require__(18);
+var SizeAwareWrapper_1 = __webpack_require__(16);
 
-var style_1 = __webpack_require__(14);
+var style_1 = __webpack_require__(13);
 
-var visualization_color_palettes_1 = __webpack_require__(42);
+var visualization_color_palettes_1 = __webpack_require__(41);
 
-var punchcardUtils_1 = __webpack_require__(76);
+var punchcardUtils_1 = __webpack_require__(75);
 
-var sortUtils_1 = __webpack_require__(212);
+var sortUtils_1 = __webpack_require__(224);
 
-var PunchcardAxis_1 = __webpack_require__(213);
+var PunchcardAxis_1 = __webpack_require__(225);
 
-var PunchcardChartArea_1 = __webpack_require__(214);
+var PunchcardChartArea_1 = __webpack_require__(226);
 
-var PunchcardLegend_1 = __webpack_require__(217);
+var PunchcardLegend_1 = __webpack_require__(229);
 
-var PunchcardGridLines_1 = __webpack_require__(218);
+var PunchcardGridLines_1 = __webpack_require__(230);
 
 var Container = styled_components_1.default.div.withConfig({
   displayName: "Punchcard__Container",
@@ -3246,7 +3244,7 @@ Punchcard.defaultProps = defaultProps;
 exports.default = Punchcard;
 
 /***/ }),
-/* 212 */
+/* 224 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3258,9 +3256,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sortAxis", function() { return sortAxis; });
 /* harmony import */ var lodash_findIndex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(106);
 /* harmony import */ var lodash_findIndex__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(lodash_findIndex__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var lodash_find__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(85);
+/* harmony import */ var lodash_find__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(84);
 /* harmony import */ var lodash_find__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(lodash_find__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var lodash_sortBy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(131);
+/* harmony import */ var lodash_sortBy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(132);
 /* harmony import */ var lodash_sortBy__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(lodash_sortBy__WEBPACK_IMPORTED_MODULE_2__);
 /* harmony import */ var lodash_flattenDeep__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(107);
 /* harmony import */ var lodash_flattenDeep__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(lodash_flattenDeep__WEBPACK_IMPORTED_MODULE_3__);
@@ -3530,7 +3528,7 @@ var sortAxis = function sortAxis(axis) {
 };
 
 /***/ }),
-/* 213 */
+/* 225 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3548,9 +3546,9 @@ var styled_components_1 = __webpack_require__(4);
 
 var pick_1 = __webpack_require__(21);
 
-var variables_1 = __webpack_require__(20);
+var variables_1 = __webpack_require__(19);
 
-var punchcardUtils_1 = __webpack_require__(76);
+var punchcardUtils_1 = __webpack_require__(75);
 
 var AxisLabelText = styled_components_1.default.text.withConfig({
   displayName: "PunchcardAxis__AxisLabelText",
@@ -3630,15 +3628,15 @@ PunchcardAxis.defaultProps = defaultProps;
 exports.default = PunchcardAxis;
 
 /***/ }),
-/* 214 */
+/* 226 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(40);
+var _toConsumableArray = __webpack_require__(39);
 
-var _slicedToArray = __webpack_require__(62);
+var _slicedToArray = __webpack_require__(48);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -3648,9 +3646,9 @@ var React = __webpack_require__(1);
 
 var T = __webpack_require__(0);
 
-var punchcardUtils_1 = __webpack_require__(76);
+var punchcardUtils_1 = __webpack_require__(75);
 
-var PunchcardRow_1 = __webpack_require__(215);
+var PunchcardRow_1 = __webpack_require__(227);
 
 var PunchcardChartArea = function PunchcardChartArea(props) {
   var showBubbleLabels = props.showBubbleLabels,
@@ -3801,7 +3799,7 @@ PunchcardChartArea.defaultProps = defaultProps;
 exports.default = PunchcardChartArea;
 
 /***/ }),
-/* 215 */
+/* 227 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3817,9 +3815,9 @@ var T = __webpack_require__(0);
 
 var styled_components_1 = __webpack_require__(4);
 
-var PunchcardBubble_1 = __webpack_require__(216);
+var PunchcardBubble_1 = __webpack_require__(228);
 
-var punchcardUtils_1 = __webpack_require__(76);
+var punchcardUtils_1 = __webpack_require__(75);
 
 var PunchcardRow = function PunchcardRow(props) {
   var showBubbleLabels = props.showBubbleLabels,
@@ -3932,7 +3930,7 @@ PunchcardRow.defaultProps = defaultProps;
 exports.default = styled_components_1.withTheme(PunchcardRow);
 
 /***/ }),
-/* 216 */
+/* 228 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3954,11 +3952,11 @@ var styled_components_1 = __webpack_require__(4);
 
 var pick_1 = __webpack_require__(21);
 
-var variables_1 = __webpack_require__(20);
+var variables_1 = __webpack_require__(19);
 
 var numberUtils_1 = __webpack_require__(22);
 
-var punchcardUtils_1 = __webpack_require__(76);
+var punchcardUtils_1 = __webpack_require__(75);
 
 var BubbleCircle = styled_components_1.default.circle.withConfig({
   displayName: "PunchcardBubble__BubbleCircle",
@@ -4114,7 +4112,7 @@ PunchcardBubble.defaultProps = defaultProps;
 exports.default = PunchcardBubble;
 
 /***/ }),
-/* 217 */
+/* 229 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4132,7 +4130,7 @@ var styled_components_1 = __webpack_require__(4);
 
 var pick_1 = __webpack_require__(21);
 
-var variables_1 = __webpack_require__(20);
+var variables_1 = __webpack_require__(19);
 
 var LEGEND_ITEM_VERTICAL_SPACER = 25;
 var LEGEND_ITEM_HORIZONTAL_SPACER = 10;
@@ -4232,7 +4230,7 @@ PunchcardLegend.defaultProps = defaultProps;
 exports.default = PunchcardLegend;
 
 /***/ }),
-/* 218 */
+/* 230 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4252,7 +4250,7 @@ var lodash_1 = __webpack_require__(2);
 
 var pick_1 = __webpack_require__(21);
 
-var variables_1 = __webpack_require__(20); // was previously lineColor in themeRegistry
+var variables_1 = __webpack_require__(19); // was previously lineColor in themeRegistry
 
 
 var GridLine = styled_components_1.default.line.withConfig({
@@ -4317,7 +4315,7 @@ PunchcardGridLines.defaultProps = defaultProps;
 exports.default = PunchcardGridLines;
 
 /***/ }),
-/* 219 */
+/* 231 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4330,7 +4328,7 @@ exports.convertToPunchcardProperties = exports.mapToOldKey = exports.punchcardOp
 
 var lodash_1 = __webpack_require__(2);
 
-var chartingUtils_1 = __webpack_require__(47);
+var chartingUtils_1 = __webpack_require__(46);
 
 var punchcardOptionsMapping = {
   legendDisplay: 'showLegend',