@splunk/visualizations 24.1.0 → 24.2.0

package/Punchcard.js

@@ -87,7 +87,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 208);
+/******/ 	return __webpack_require__(__webpack_require__.s = 209);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -186,7 +186,7 @@ exports.generatePrecisionValues = exports.getInitialPreset = exports.isDynamicOp
 
 var lodash_1 = __webpack_require__(2);
 
-var schemaUtils_1 = __webpack_require__(14);
+var schemaUtils_1 = __webpack_require__(15);
 
 var VizBehavior_1 = __webpack_require__(5);
 
@@ -361,7 +361,7 @@ module.exports = require("@babel/runtime/helpers/defineProperty");
 "use strict";
 
 
-var _typeof = __webpack_require__(22);
+var _typeof = __webpack_require__(23);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -459,12 +459,14 @@ var React = __webpack_require__(1);
 
 var styled_components_1 = __webpack_require__(4);
 
-var SizeAwareWrapper_1 = __webpack_require__(17);
+var SizeAwareWrapper_1 = __webpack_require__(18);
 
-var style_1 = __webpack_require__(13);
+var style_1 = __webpack_require__(14);
 
 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 {
@@ -520,6 +522,7 @@ var withFixedSizeContainer = function withFixedSizeContainer(Viz) {
 
     return React.createElement(FixSizeItem, {
       "data-test": "fix-size-item",
+      "data-splunk-visualization-version": version_1.version,
       width: width,
       height: height,
       backgroundColor: backgroundColor
@@ -541,56 +544,69 @@ exports.default = withFixedSizeContainer;
 
 /***/ }),
 /* 13 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.version = void 0;
+exports.version = '24.2.0';
+
+/***/ }),
+/* 14 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/style");
 
 /***/ }),
-/* 14 */
+/* 15 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/schemaUtils");
 
 /***/ }),
-/* 15 */,
-/* 16 */
+/* 16 */,
+/* 17 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/createClass");
 
 /***/ }),
-/* 17 */
+/* 18 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SizeAwareWrapper");
 
 /***/ }),
-/* 18 */,
-/* 19 */
+/* 19 */,
+/* 20 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/variables");
 
 /***/ }),
-/* 20 */
+/* 21 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/pick");
 
 /***/ }),
-/* 21 */
+/* 22 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/numberUtils");
 
 /***/ }),
-/* 22 */
+/* 23 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/typeof");
 
 /***/ }),
-/* 23 */
+/* 24 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -607,7 +623,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(2);
 
-var DataSource_1 = __webpack_require__(33);
+var DataSource_1 = __webpack_require__(34);
 
 exports.SortParamsPropTypes = T.shape({
   currentSortKey: T.string,
@@ -660,7 +676,7 @@ var getSortingParams = function getSortingParams(_ref) {
 exports.getSortingParams = getSortingParams;
 
 /***/ }),
-/* 24 */
+/* 25 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -724,7 +740,7 @@ var getPaginationParams = function getPaginationParams(_ref) {
 exports.getPaginationParams = getPaginationParams;
 
 /***/ }),
-/* 25 */
+/* 26 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -812,7 +828,7 @@ IconPlaceholder.defaultProps = {
 exports.default = FixedSizeContainer_1.default(IconPlaceholder);
 
 /***/ }),
-/* 26 */
+/* 27 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -840,7 +856,7 @@ var VizCategory;
 })(VizCategory = exports.VizCategory || (exports.VizCategory = {}));
 
 /***/ }),
-/* 27 */
+/* 28 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -854,31 +870,31 @@ var React = __webpack_require__(1);
 
 var lodash_1 = __webpack_require__(2);
 
-var getSettingsFromThemedProps_1 = __webpack_require__(28);
+var getSettingsFromThemedProps_1 = __webpack_require__(29);
 
-var Options_1 = __webpack_require__(29);
+var Options_1 = __webpack_require__(30);
 
-var SanitizeProps_1 = __webpack_require__(30);
+var SanitizeProps_1 = __webpack_require__(31);
 
 var styled_components_1 = __webpack_require__(4);
 
-var SplunkVisualization_1 = __webpack_require__(31);
+var SplunkVisualization_1 = __webpack_require__(32);
 
 var VizBehavior_1 = __webpack_require__(5);
 
-var getSorting_1 = __webpack_require__(23);
+var getSorting_1 = __webpack_require__(24);
 
-var getPagination_1 = __webpack_require__(24);
+var getPagination_1 = __webpack_require__(25);
 
-var useDeepMemo_1 = __webpack_require__(34);
+var useDeepMemo_1 = __webpack_require__(35);
 
-var JSONSchemaUtils_1 = __webpack_require__(35);
+var JSONSchemaUtils_1 = __webpack_require__(36);
 
-var MissingPropsMessage_1 = __webpack_require__(36);
+var MissingPropsMessage_1 = __webpack_require__(37);
 
-var withEditModeCover_1 = __webpack_require__(37);
+var withEditModeCover_1 = __webpack_require__(38);
 
-var withPlaceholder_1 = __webpack_require__(38);
+var withPlaceholder_1 = __webpack_require__(39);
 
 var hocUtils_1 = __webpack_require__(8);
 /**
@@ -1063,25 +1079,25 @@ var withDashboardViz = function withDashboardViz(opts) {
 exports.default = withDashboardViz;
 
 /***/ }),
-/* 28 */
+/* 29 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/getSettingsFromThemedProps");
 
 /***/ }),
-/* 29 */
+/* 30 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-encoding/Options");
 
 /***/ }),
-/* 30 */
+/* 31 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualizations-shared/SanitizeProps");
 
 /***/ }),
-/* 31 */
+/* 32 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1099,7 +1115,7 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(2);
 
-var VizActionHandler_1 = __webpack_require__(32); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
+var VizActionHandler_1 = __webpack_require__(33); // this is identical to the initial height and width we use in BaseVisualization in dashboard-visualizations
 
 
 exports.INITIAL_WIDTH = 250;
@@ -1232,7 +1248,7 @@ SplunkVisualization.defaultProps = {
 exports.default = SplunkVisualization;
 
 /***/ }),
-/* 32 */
+/* 33 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1240,7 +1256,7 @@ exports.default = SplunkVisualization;
 
 var _classCallCheck = __webpack_require__(10);
 
-var _createClass = __webpack_require__(16);
+var _createClass = __webpack_require__(17);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -1269,7 +1285,7 @@ var DefaultVizActionHandler = /*#__PURE__*/function () {
 exports.DefaultVizActionHandler = DefaultVizActionHandler;
 
 /***/ }),
-/* 33 */
+/* 34 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1282,7 +1298,7 @@ exports.validSortDirs = void 0;
 exports.validSortDirs = ['asc', 'desc', 'none'];
 
 /***/ }),
-/* 34 */
+/* 35 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1327,7 +1343,7 @@ var useDeepMemo = function useDeepMemo(fn, dependencies) {
 exports.useDeepMemo = useDeepMemo;
 
 /***/ }),
-/* 35 */
+/* 36 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1360,7 +1376,7 @@ var pickFieldFromJSONSchema = function pickFieldFromJSONSchema(optionsSchema) {
 exports.pickFieldFromJSONSchema = pickFieldFromJSONSchema;
 
 /***/ }),
-/* 36 */
+/* 37 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1440,7 +1456,7 @@ exports.MissingPropsMessage.defaultProps = {
 exports.default = FixedSizeContainer_1.default(exports.MissingPropsMessage);
 
 /***/ }),
-/* 37 */
+/* 38 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1456,11 +1472,15 @@ var styled_components_1 = __webpack_require__(4);
 
 var hocUtils_1 = __webpack_require__(8);
 
+var version_1 = __webpack_require__(13);
+
 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.withConfig({
+var Blocker = styled_components_1.default.div.attrs({
+  'data-splunk-visualization-version': version_1.version
+}).withConfig({
   displayName: "withEditModeCover__Blocker",
   componentId: "sc-1gsbnxb-1"
 })(["position:relative;width:100%;height:100%;"]);
@@ -1489,7 +1509,7 @@ var withEditModeCover = function withEditModeCover(Visualization) {
 exports.default = withEditModeCover;
 
 /***/ }),
-/* 38 */
+/* 39 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1503,7 +1523,7 @@ var React = __webpack_require__(1);
 
 var colorUtils_1 = __webpack_require__(11);
 
-var IconPlaceholder_1 = __webpack_require__(25);
+var IconPlaceholder_1 = __webpack_require__(26);
 
 var VizBehavior_1 = __webpack_require__(5);
 
@@ -1548,28 +1568,28 @@ var withPlaceholder = function withPlaceholder(Visualization) {
 exports.default = withPlaceholder;
 
 /***/ }),
-/* 39 */
+/* 40 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/toConsumableArray");
 
 /***/ }),
-/* 40 */,
-/* 41 */
+/* 41 */,
+/* 42 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-color-palettes");
 
 /***/ }),
-/* 42 */
+/* 43 */
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/visualization-icons");
 
 /***/ }),
-/* 43 */,
 /* 44 */,
-/* 45 */
+/* 45 */,
+/* 46 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -1599,13 +1619,13 @@ var background = function background(_ref) {
 exports.default = background;
 
 /***/ }),
-/* 46 */
+/* 47 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(39);
+var _toConsumableArray = __webpack_require__(40);
 
 var __rest = this && this.__rest || function (s, e) {
   var t = {};
@@ -1820,7 +1840,6 @@ var constructFieldsAndColumns = function constructFieldsAndColumns(_ref2) {
 exports.constructFieldsAndColumns = constructFieldsAndColumns;
 
 /***/ }),
-/* 47 */,
 /* 48 */,
 /* 49 */,
 /* 50 */,
@@ -1834,13 +1853,13 @@ exports.constructFieldsAndColumns = constructFieldsAndColumns;
 /* 58 */,
 /* 59 */,
 /* 60 */,
-/* 61 */
+/* 61 */,
+/* 62 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/slicedToArray");
 
 /***/ }),
-/* 62 */,
 /* 63 */,
 /* 64 */,
 /* 65 */,
@@ -1852,26 +1871,27 @@ module.exports = require("@babel/runtime/helpers/slicedToArray");
 /* 71 */,
 /* 72 */,
 /* 73 */,
-/* 74 */
+/* 74 */,
+/* 75 */
 /***/ (function(module, exports) {
 
 module.exports = require("d3-scale");
 
 /***/ }),
-/* 75 */
+/* 76 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _slicedToArray = __webpack_require__(61);
+var _slicedToArray = __webpack_require__(62);
 
 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__(74);
+var d3_scale_1 = __webpack_require__(75);
 /**
  * @enum {AXIS_ORIENTATION_TYPES}
  */
@@ -2266,7 +2286,6 @@ var truncateAxisLabelText = function truncateAxisLabelText(_ref9) {
 exports.truncateAxisLabelText = truncateAxisLabelText;
 
 /***/ }),
-/* 76 */,
 /* 77 */,
 /* 78 */,
 /* 79 */,
@@ -2274,13 +2293,13 @@ exports.truncateAxisLabelText = truncateAxisLabelText;
 /* 81 */,
 /* 82 */,
 /* 83 */,
-/* 84 */
+/* 84 */,
+/* 85 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/find");
 
 /***/ }),
-/* 85 */,
 /* 86 */,
 /* 87 */,
 /* 88 */,
@@ -2295,29 +2314,29 @@ module.exports = require("lodash/find");
 /* 97 */,
 /* 98 */,
 /* 99 */,
-/* 100 */
+/* 100 */,
+/* 101 */
 /***/ (function(module, exports) {
 
 module.exports = require("@babel/runtime/helpers/taggedTemplateLiteral");
 
 /***/ }),
-/* 101 */,
 /* 102 */,
 /* 103 */,
 /* 104 */,
-/* 105 */
+/* 105 */,
+/* 106 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/findIndex");
 
 /***/ }),
-/* 106 */
+/* 107 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/flattenDeep");
 
 /***/ }),
-/* 107 */,
 /* 108 */,
 /* 109 */,
 /* 110 */,
@@ -2340,13 +2359,13 @@ module.exports = require("lodash/flattenDeep");
 /* 127 */,
 /* 128 */,
 /* 129 */,
-/* 130 */
+/* 130 */,
+/* 131 */
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/sortBy");
 
 /***/ }),
-/* 131 */,
 /* 132 */,
 /* 133 */,
 /* 134 */,
@@ -2423,7 +2442,8 @@ module.exports = require("lodash/sortBy");
 /* 205 */,
 /* 206 */,
 /* 207 */,
-/* 208 */
+/* 208 */,
+/* 209 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2449,15 +2469,15 @@ exports.themes = exports.computeVizProps = exports.PurePunchcard = exports.confi
 
 var lodash_1 = __webpack_require__(2);
 
-var visualization_color_palettes_1 = __webpack_require__(41);
+var visualization_color_palettes_1 = __webpack_require__(42);
 
-var config_1 = __webpack_require__(209);
+var config_1 = __webpack_require__(210);
 
-var withDashboardViz_1 = __webpack_require__(27);
+var withDashboardViz_1 = __webpack_require__(28);
 
-var Punchcard_1 = __webpack_require__(210);
+var Punchcard_1 = __webpack_require__(211);
 
-var punchcardUtils_1 = __webpack_require__(218);
+var punchcardUtils_1 = __webpack_require__(219);
 
 exports.config = config_1.default;
 exports.PurePunchcard = Punchcard_1.default;
@@ -2501,7 +2521,7 @@ exports.themes = config_1.default.themes;
 exports.default = viz;
 
 /***/ }),
-/* 209 */
+/* 210 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2513,23 +2533,23 @@ Object.defineProperty(exports, "__esModule", {
 
 var i18n_1 = __webpack_require__(3);
 
-var schemaUtils_1 = __webpack_require__(14);
+var schemaUtils_1 = __webpack_require__(15);
 
-var visualization_icons_1 = __webpack_require__(42);
+var visualization_icons_1 = __webpack_require__(43);
 
-var visualization_color_palettes_1 = __webpack_require__(41);
+var visualization_color_palettes_1 = __webpack_require__(42);
 
-var pick_1 = __webpack_require__(20);
+var pick_1 = __webpack_require__(21);
 
-var variables_1 = __webpack_require__(19);
+var variables_1 = __webpack_require__(20);
 
 var VizBehavior_1 = __webpack_require__(5);
 
-var VizCategory_1 = __webpack_require__(26);
+var VizCategory_1 = __webpack_require__(27);
 
 var configUtils_1 = __webpack_require__(6);
 
-var BackgroundColor_1 = __webpack_require__(45);
+var BackgroundColor_1 = __webpack_require__(46);
 
 var dataContract = {
   requiredDataSources: [{
@@ -2857,7 +2877,7 @@ var config = {
 exports.default = configUtils_1.enhanceConfig(config);
 
 /***/ }),
-/* 210 */
+/* 211 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -2865,7 +2885,7 @@ exports.default = configUtils_1.enhanceConfig(config);
 
 var _defineProperty = __webpack_require__(7);
 
-var _slicedToArray = __webpack_require__(61);
+var _slicedToArray = __webpack_require__(62);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -2879,23 +2899,23 @@ var T = __webpack_require__(0);
 
 var lodash_1 = __webpack_require__(2);
 
-var SizeAwareWrapper_1 = __webpack_require__(17);
+var SizeAwareWrapper_1 = __webpack_require__(18);
 
-var style_1 = __webpack_require__(13);
+var style_1 = __webpack_require__(14);
 
-var visualization_color_palettes_1 = __webpack_require__(41);
+var visualization_color_palettes_1 = __webpack_require__(42);
 
-var punchcardUtils_1 = __webpack_require__(75);
+var punchcardUtils_1 = __webpack_require__(76);
 
-var sortUtils_1 = __webpack_require__(211);
+var sortUtils_1 = __webpack_require__(212);
 
-var PunchcardAxis_1 = __webpack_require__(212);
+var PunchcardAxis_1 = __webpack_require__(213);
 
-var PunchcardChartArea_1 = __webpack_require__(213);
+var PunchcardChartArea_1 = __webpack_require__(214);
 
-var PunchcardLegend_1 = __webpack_require__(216);
+var PunchcardLegend_1 = __webpack_require__(217);
 
-var PunchcardGridLines_1 = __webpack_require__(217);
+var PunchcardGridLines_1 = __webpack_require__(218);
 
 var Container = styled_components_1.default.div.withConfig({
   displayName: "Punchcard__Container",
@@ -3226,7 +3246,7 @@ Punchcard.defaultProps = defaultProps;
 exports.default = Punchcard;
 
 /***/ }),
-/* 211 */
+/* 212 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3236,13 +3256,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sortedByDTime", function() { return sortedByDTime; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sortByDigitOrAlpha", function() { return sortByDigitOrAlpha; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "sortAxis", function() { return sortAxis; });
-/* harmony import */ var lodash_findIndex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(105);
+/* 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__(84);
+/* harmony import */ var lodash_find__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(85);
 /* 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__(130);
+/* harmony import */ var lodash_sortBy__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(131);
 /* 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__(106);
+/* 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__);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(2);
 /* harmony import */ var lodash__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(lodash__WEBPACK_IMPORTED_MODULE_4__);
@@ -3510,7 +3530,7 @@ var sortAxis = function sortAxis(axis) {
 };
 
 /***/ }),
-/* 212 */
+/* 213 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3526,11 +3546,11 @@ var T = __webpack_require__(0);
 
 var styled_components_1 = __webpack_require__(4);
 
-var pick_1 = __webpack_require__(20);
+var pick_1 = __webpack_require__(21);
 
-var variables_1 = __webpack_require__(19);
+var variables_1 = __webpack_require__(20);
 
-var punchcardUtils_1 = __webpack_require__(75);
+var punchcardUtils_1 = __webpack_require__(76);
 
 var AxisLabelText = styled_components_1.default.text.withConfig({
   displayName: "PunchcardAxis__AxisLabelText",
@@ -3610,15 +3630,15 @@ PunchcardAxis.defaultProps = defaultProps;
 exports.default = PunchcardAxis;
 
 /***/ }),
-/* 213 */
+/* 214 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _toConsumableArray = __webpack_require__(39);
+var _toConsumableArray = __webpack_require__(40);
 
-var _slicedToArray = __webpack_require__(61);
+var _slicedToArray = __webpack_require__(62);
 
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -3628,9 +3648,9 @@ var React = __webpack_require__(1);
 
 var T = __webpack_require__(0);
 
-var punchcardUtils_1 = __webpack_require__(75);
+var punchcardUtils_1 = __webpack_require__(76);
 
-var PunchcardRow_1 = __webpack_require__(214);
+var PunchcardRow_1 = __webpack_require__(215);
 
 var PunchcardChartArea = function PunchcardChartArea(props) {
   var showBubbleLabels = props.showBubbleLabels,
@@ -3781,7 +3801,7 @@ PunchcardChartArea.defaultProps = defaultProps;
 exports.default = PunchcardChartArea;
 
 /***/ }),
-/* 214 */
+/* 215 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -3797,9 +3817,9 @@ var T = __webpack_require__(0);
 
 var styled_components_1 = __webpack_require__(4);
 
-var PunchcardBubble_1 = __webpack_require__(215);
+var PunchcardBubble_1 = __webpack_require__(216);
 
-var punchcardUtils_1 = __webpack_require__(75);
+var punchcardUtils_1 = __webpack_require__(76);
 
 var PunchcardRow = function PunchcardRow(props) {
   var showBubbleLabels = props.showBubbleLabels,
@@ -3912,13 +3932,13 @@ PunchcardRow.defaultProps = defaultProps;
 exports.default = styled_components_1.withTheme(PunchcardRow);
 
 /***/ }),
-/* 215 */
+/* 216 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-var _taggedTemplateLiteral = __webpack_require__(100);
+var _taggedTemplateLiteral = __webpack_require__(101);
 
 var _templateObject;
 
@@ -3932,13 +3952,13 @@ var T = __webpack_require__(0);
 
 var styled_components_1 = __webpack_require__(4);
 
-var pick_1 = __webpack_require__(20);
+var pick_1 = __webpack_require__(21);
 
-var variables_1 = __webpack_require__(19);
+var variables_1 = __webpack_require__(20);
 
-var numberUtils_1 = __webpack_require__(21);
+var numberUtils_1 = __webpack_require__(22);
 
-var punchcardUtils_1 = __webpack_require__(75);
+var punchcardUtils_1 = __webpack_require__(76);
 
 var BubbleCircle = styled_components_1.default.circle.withConfig({
   displayName: "PunchcardBubble__BubbleCircle",
@@ -4094,7 +4114,7 @@ PunchcardBubble.defaultProps = defaultProps;
 exports.default = PunchcardBubble;
 
 /***/ }),
-/* 216 */
+/* 217 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4110,9 +4130,9 @@ var T = __webpack_require__(0);
 
 var styled_components_1 = __webpack_require__(4);
 
-var pick_1 = __webpack_require__(20);
+var pick_1 = __webpack_require__(21);
 
-var variables_1 = __webpack_require__(19);
+var variables_1 = __webpack_require__(20);
 
 var LEGEND_ITEM_VERTICAL_SPACER = 25;
 var LEGEND_ITEM_HORIZONTAL_SPACER = 10;
@@ -4212,7 +4232,7 @@ PunchcardLegend.defaultProps = defaultProps;
 exports.default = PunchcardLegend;
 
 /***/ }),
-/* 217 */
+/* 218 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4230,9 +4250,9 @@ var styled_components_1 = __webpack_require__(4);
 
 var lodash_1 = __webpack_require__(2);
 
-var pick_1 = __webpack_require__(20);
+var pick_1 = __webpack_require__(21);
 
-var variables_1 = __webpack_require__(19); // was previously lineColor in themeRegistry
+var variables_1 = __webpack_require__(20); // was previously lineColor in themeRegistry
 
 
 var GridLine = styled_components_1.default.line.withConfig({
@@ -4297,7 +4317,7 @@ PunchcardGridLines.defaultProps = defaultProps;
 exports.default = PunchcardGridLines;
 
 /***/ }),
-/* 218 */
+/* 219 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -4310,7 +4330,7 @@ exports.convertToPunchcardProperties = exports.mapToOldKey = exports.punchcardOp
 
 var lodash_1 = __webpack_require__(2);
 
-var chartingUtils_1 = __webpack_require__(46);
+var chartingUtils_1 = __webpack_require__(47);
 
 var punchcardOptionsMapping = {
   legendDisplay: 'showLegend',