@luminati-io/uikit 1.7.32 → 1.7.34-beta.0

package/dist/uikit.umd.js

@@ -18958,15 +18958,16 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! prop-types */ "prop-types");
 /* harmony import */ var prop_types__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _chart_container__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./chart_container */ "./src/chart/chart_container.js");
-/* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
-/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
-/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
+/* harmony import */ var _bar_annotation__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./bar_annotation */ "./src/chart/bar_annotation.js");
+/* harmony import */ var _chart_container__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./chart_container */ "./src/chart/chart_container.js");
+/* harmony import */ var _get_components__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./get_components */ "./src/chart/get_components.js");
+/* harmony import */ var _tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./tooltip */ "./src/chart/tooltip.js");
+/* harmony import */ var _use_chart_theme__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./use_chart_theme */ "./src/chart/use_chart_theme.js");
 // LICENSE_CODE ZON
 
 
 /*jslint react:true*/
-var _excluded = ["animated", "showGridRows", "showGridColumns", "numberOfTicks", "xAxisLabel", "yAxisLabel", "xTickFormat", "yTickFormat", "valueFormat", "xLabelOffset", "yLabelOffset", "margin", "orientation"];
+var _excluded = ["animated", "showGridRows", "showGridColumns", "numberOfTicks", "xAxisLabel", "yAxisLabel", "xTickFormat", "yTickFormat", "valueFormat", "xLabelOffset", "yLabelOffset", "margin", "orientation", "showAnnotations"];
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -18976,6 +18977,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 
 
+
 var animationTrajectory = 'outside';
 var BarChart = function BarChart(props) {
   var animated = props.animated,
@@ -18994,8 +18996,10 @@ var BarChart = function BarChart(props) {
     width = props.width,
     height = props.height,
     margin = props.margin,
-    orientation = props.orientation;
-  var _getAnimatedOrUnanima = (0,_get_components__WEBPACK_IMPORTED_MODULE_3__.getAnimatedOrUnanimatedComponents)(animated),
+    orientation = props.orientation,
+    showTooltip = props.showTooltip,
+    showAnnotations = props.showAnnotations;
+  var _getAnimatedOrUnanima = (0,_get_components__WEBPACK_IMPORTED_MODULE_4__.getAnimatedOrUnanimatedComponents)(animated),
     XYChart = _getAnimatedOrUnanima.XYChart,
     Grid = _getAnimatedOrUnanima.Grid,
     Axis = _getAnimatedOrUnanima.Axis,
@@ -19016,7 +19020,7 @@ var BarChart = function BarChart(props) {
       }
     };
   }, [orientation]);
-  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_5__["default"])(palette);
+  var chartTheme = (0,_use_chart_theme__WEBPACK_IMPORTED_MODULE_6__["default"])(palette);
   if (!data || !data.length) return null;
   return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(XYChart, {
     theme: chartTheme,
@@ -19041,6 +19045,15 @@ var BarChart = function BarChart(props) {
       yAccessor: lineData.accessors[orientation == 'vertical' ? 'yAccessor' : 'xAccessor'],
       colorAccessor: lineData.accessors.colorAccessor
     }, lineData.barProps));
+  })), !!showAnnotations && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_bar_annotation__WEBPACK_IMPORTED_MODULE_2__.AnnotationGroup, null, data.map(function (lineData) {
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_bar_annotation__WEBPACK_IMPORTED_MODULE_2__.Annotation, {
+      key: lineData.name,
+      dataKey: lineData.name,
+      data: lineData.datapoints,
+      xAccessor: lineData.accessors[orientation == 'vertical' ? 'xAccessor' : 'yAccessor'],
+      yAccessor: lineData.accessors[orientation == 'vertical' ? 'yAccessor' : 'xAccessor'],
+      valueFormat: valueFormat
+    });
   })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Axis, {
     key: "x-axis-".concat(animationTrajectory, "-").concat(orientation),
     label: xAxisLabel,
@@ -19057,7 +19070,7 @@ var BarChart = function BarChart(props) {
     animationTrajectory: animationTrajectory,
     tickFormat: yTickFormat,
     labelOffset: yLabelOffset
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tooltip, {
+  }), !!showTooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tooltip, {
     showHorizontalCrosshair: orientation == 'vertical',
     showVerticalCrosshair: orientation != 'vertical',
     snapTooltipToDatumX: orientation != 'vertical',
@@ -19065,7 +19078,7 @@ var BarChart = function BarChart(props) {
     unstyled: true,
     applyPositionStyle: true,
     renderTooltip: function renderTooltip(params) {
-      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
+      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_tooltip__WEBPACK_IMPORTED_MODULE_5__["default"], _extends({
         data: data,
         xTickFormat: xTickFormat,
         yTickFormat: yTickFormat,
@@ -19089,6 +19102,7 @@ var Bar = function Bar(props) {
     yLabelOffset = props.yLabelOffset,
     margin = props.margin,
     orientation = props.orientation,
+    showAnnotations = props.showAnnotations,
     rest = _objectWithoutProperties(props, _excluded);
   var chartProps = {
     animated: animated,
@@ -19103,9 +19117,10 @@ var Bar = function Bar(props) {
     xLabelOffset: xLabelOffset,
     yLabelOffset: yLabelOffset,
     margin: margin,
-    orientation: orientation
+    orientation: orientation,
+    showAnnotations: showAnnotations
   };
-  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chart_container__WEBPACK_IMPORTED_MODULE_2__["default"], _extends({}, rest, {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_chart_container__WEBPACK_IMPORTED_MODULE_3__["default"], _extends({}, rest, {
     Chart: BarChart,
     chartProps: chartProps
   }));
@@ -19145,12 +19160,289 @@ Bar.propTypes = {
   }),
   xLabelOffset: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
   yLabelOffset: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().number),
-  orientation: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['vertical', 'horizontal'])
+  orientation: prop_types__WEBPACK_IMPORTED_MODULE_1___default().oneOf(['vertical', 'horizontal']),
+  showAnnotations: (prop_types__WEBPACK_IMPORTED_MODULE_1___default().bool)
 };
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Bar);
 
 /***/ }),
 
+/***/ "./src/chart/bar_annotation.js":
+/*!*************************************!*\
+  !*** ./src/chart/bar_annotation.js ***!
+  \*************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "Annotation": () => (/* binding */ Annotation),
+/* harmony export */   "AnnotationGroup": () => (/* binding */ AnnotationGroup)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _visx_xychart__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @visx/xychart */ "./node_modules/@visx/xychart/esm/context/DataContext.js");
+/* harmony import */ var _visx_scale__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @visx/scale */ "./node_modules/@visx/scale/esm/utils/coerceNumber.js");
+/* harmony import */ var _visx_scale__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @visx/scale */ "./node_modules/@visx/scale/esm/scales/band.js");
+/* harmony import */ var _visx_text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @visx/text */ "./node_modules/@visx/text/esm/Text.js");
+/* harmony import */ var _is_valid_number__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./is_valid_number */ "./src/chart/is_valid_number.js");
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+var defaultFormat = function defaultFormat(v) {
+  return v != null ? String(v) : '-';
+};
+function getScaleBandwidth(scale) {
+  var _scale$bandwidth;
+  return scale && 'bandwidth' in scale ? (_scale$bandwidth = scale === null || scale === void 0 ? void 0 : scale.bandwidth()) !== null && _scale$bandwidth !== void 0 ? _scale$bandwidth : 0 : 0;
+}
+function getScaleBaseline(scale) {
+  var _scale$range$map = scale.range().map(function (rangeBoundary) {
+      var _coerceNumber;
+      return (_coerceNumber = (0,_visx_scale__WEBPACK_IMPORTED_MODULE_2__["default"])(rangeBoundary)) !== null && _coerceNumber !== void 0 ? _coerceNumber : 0;
+    }),
+    _scale$range$map2 = _slicedToArray(_scale$range$map, 2),
+    a = _scale$range$map2[0],
+    b = _scale$range$map2[1];
+  var isDescending = a != null && b != null && b < a;
+  var maybeScaleZero = scale(0);
+  var _ref = isDescending ? [b, a] : [a, b],
+    _ref2 = _slicedToArray(_ref, 2),
+    minOutput = _ref2[0],
+    maxOutput = _ref2[1];
+
+  // if maybeScaleZero _is_ a number, but the scale is not clamped and
+  // it's outside the domain
+  // fallback to the scale's minimum
+  return isDescending ? (0,_is_valid_number__WEBPACK_IMPORTED_MODULE_1__.isValidNumber)(maybeScaleZero) ? Math.min(Math.max(minOutput, maybeScaleZero), maxOutput) : maxOutput : (0,_is_valid_number__WEBPACK_IMPORTED_MODULE_1__.isValidNumber)(maybeScaleZero) ? Math.max(maybeScaleZero, minOutput) : minOutput;
+}
+var Annotation = function Annotation(props) {
+  var bars = props.bars,
+    _props$padding = props.padding,
+    padding = _props$padding === void 0 ? 8 : _props$padding;
+  var _useContext = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_visx_xychart__WEBPACK_IMPORTED_MODULE_3__["default"]),
+    theme = _useContext.theme,
+    horizontal = _useContext.horizontal;
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement((react__WEBPACK_IMPORTED_MODULE_0___default().Fragment), null, bars.map(function (bar) {
+    var x = horizontal ? bar.x + bar.width + padding : bar.x + bar.width / 2;
+    var y = horizontal ? bar.y + bar.height / 2 : bar.y - padding;
+    var verticalAnchor = horizontal ? 'middle' : 'end';
+    var textAnchor = horizontal ? 'start' : 'middle';
+    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_visx_text__WEBPACK_IMPORTED_MODULE_4__["default"], _extends({
+      key: bar.key,
+      x: x,
+      y: y
+    }, theme.svgLabelSmall, {
+      verticalAnchor: verticalAnchor,
+      textAnchor: textAnchor
+    }), bar.text);
+  }));
+};
+var AnnotationGroup = function AnnotationGroup(props) {
+  var children = props.children,
+    _props$padding2 = props.padding,
+    padding = _props$padding2 === void 0 ? 0.1 : _props$padding2,
+    sortBars = props.sortBars,
+    _props$BarsComponent = props.BarsComponent,
+    BarsComponent = _props$BarsComponent === void 0 ? Annotation : _props$BarsComponent;
+  var _useContext2 = (0,react__WEBPACK_IMPORTED_MODULE_0__.useContext)(_visx_xychart__WEBPACK_IMPORTED_MODULE_3__["default"]),
+    colorScale = _useContext2.colorScale,
+    dataRegistry = _useContext2.dataRegistry,
+    horizontal = _useContext2.horizontal,
+    registerData = _useContext2.registerData,
+    unregisterData = _useContext2.unregisterData,
+    xScale = _useContext2.xScale,
+    yScale = _useContext2.yScale;
+  var barSeriesChildren = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return getChildrenAndGrandchildrenWithProps(children);
+  }, [children]);
+
+  // extract data keys from child series
+  var dataKeys = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return barSeriesChildren.map(function (child) {
+      var _child$props$dataKey;
+      return (_child$props$dataKey = child.props.dataKey) !== null && _child$props$dataKey !== void 0 ? _child$props$dataKey : '';
+    }).filter(Boolean);
+  }, [barSeriesChildren]);
+
+  // register all child data
+  (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(function () {
+    var dataToRegister = barSeriesChildren.map(function (child) {
+      var _child$props = child.props,
+        key = _child$props.dataKey,
+        data = _child$props.data,
+        xAccessor = _child$props.xAccessor,
+        yAccessor = _child$props.yAccessor;
+      return {
+        key: key,
+        data: data,
+        xAccessor: xAccessor,
+        yAccessor: yAccessor
+      };
+    });
+    registerData(dataToRegister);
+    return function () {
+      return unregisterData(dataKeys);
+    };
+  }, [registerData, unregisterData, barSeriesChildren, dataKeys]);
+
+  // create group scale
+  var groupScale = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return (0,_visx_scale__WEBPACK_IMPORTED_MODULE_5__["default"])({
+      domain: sortBars ? _toConsumableArray(dataKeys).sort(sortBars) : dataKeys,
+      range: [0, getScaleBandwidth(horizontal ? yScale : xScale)],
+      padding: padding
+    });
+  }, [sortBars, dataKeys, xScale, yScale, horizontal, padding]);
+  var xZeroPosition = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return xScale ? getScaleBaseline(xScale) : 0;
+  }, [xScale]);
+  var yZeroPosition = (0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)(function () {
+    return yScale ? getScaleBaseline(yScale) : 0;
+  }, [yScale]);
+  var registryEntries = dataKeys.map(function (key) {
+    return dataRegistry.get(key);
+  });
+
+  // if scales and data are not available in the registry, bail
+  if (registryEntries.some(function (entry) {
+    return entry == null;
+  }) || !xScale || !yScale || !colorScale) {
+    return null;
+  }
+  var barThickness = getScaleBandwidth(groupScale);
+  var barSeries = registryEntries.map(function (_ref3) {
+    var _groupScale;
+    var xAccessor = _ref3.xAccessor,
+      yAccessor = _ref3.yAccessor,
+      data = _ref3.data,
+      key = _ref3.key;
+    var getLength = function getLength(d) {
+      var _xScale, _yScale;
+      return horizontal ? ((_xScale = xScale(xAccessor(d))) !== null && _xScale !== void 0 ? _xScale : NaN) - xZeroPosition : ((_yScale = yScale(yAccessor(d))) !== null && _yScale !== void 0 ? _yScale : NaN) - yZeroPosition;
+    };
+    var getGroupPosition = horizontal ? function (d) {
+      var _yScale2;
+      return (_yScale2 = yScale(yAccessor(d))) !== null && _yScale2 !== void 0 ? _yScale2 : NaN;
+    } : function (d) {
+      var _xScale2;
+      return (_xScale2 = xScale(xAccessor(d))) !== null && _xScale2 !== void 0 ? _xScale2 : NaN;
+    };
+    var withinGroupPosition = (_groupScale = groupScale(key)) !== null && _groupScale !== void 0 ? _groupScale : 0;
+    var getX = horizontal ? function (d) {
+      return xZeroPosition + Math.min(0, getLength(d));
+    } : function (d) {
+      return getGroupPosition(d) + withinGroupPosition;
+    };
+    var getY = horizontal ? function (d) {
+      return getGroupPosition(d) + withinGroupPosition;
+    } : function (d) {
+      return yZeroPosition + Math.min(0, getLength(d));
+    };
+    var getWidth = horizontal ? function (d) {
+      return Math.abs(getLength(d));
+    } : function () {
+      return barThickness;
+    };
+    var getHeight = horizontal ? function () {
+      return barThickness;
+    } : function (d) {
+      return Math.abs(getLength(d));
+    };
+    // get props from child BarSeries, if available
+    var childBarSeries = barSeriesChildren.find(function (child) {
+      return child.props.dataKey == key;
+    });
+    var _ref4 = (childBarSeries === null || childBarSeries === void 0 ? void 0 : childBarSeries.props) || {},
+      colorAccessor = _ref4.colorAccessor,
+      radius = _ref4.radius,
+      radiusAll = _ref4.radiusAll,
+      radiusBottom = _ref4.radiusBottom,
+      radiusLeft = _ref4.radiusLeft,
+      radiusRight = _ref4.radiusRight,
+      radiusTop = _ref4.radiusTop,
+      _ref4$valueFormat = _ref4.valueFormat,
+      valueFormat = _ref4$valueFormat === void 0 ? defaultFormat : _ref4$valueFormat;
+    return {
+      key: key,
+      radius: radius,
+      radiusAll: radiusAll,
+      radiusBottom: radiusBottom,
+      radiusLeft: radiusLeft,
+      radiusRight: radiusRight,
+      radiusTop: radiusTop,
+      bars: data.map(function (bar, index) {
+        var _colorAccessor;
+        var barX = getX(bar);
+        if (!(0,_is_valid_number__WEBPACK_IMPORTED_MODULE_1__.isValidNumber)(barX)) return null;
+        var barY = getY(bar);
+        if (!(0,_is_valid_number__WEBPACK_IMPORTED_MODULE_1__.isValidNumber)(barY)) return null;
+        var barWidth = getWidth(bar);
+        if (!(0,_is_valid_number__WEBPACK_IMPORTED_MODULE_1__.isValidNumber)(barWidth)) return null;
+        var barHeight = getHeight(bar);
+        if (!(0,_is_valid_number__WEBPACK_IMPORTED_MODULE_1__.isValidNumber)(barHeight)) return null;
+        return {
+          key: "".concat(key, "-").concat(index),
+          x: barX,
+          y: barY,
+          width: barWidth,
+          height: barHeight,
+          fill: (_colorAccessor = colorAccessor === null || colorAccessor === void 0 ? void 0 : colorAccessor(bar, index)) !== null && _colorAccessor !== void 0 ? _colorAccessor : colorScale(key),
+          text: valueFormat(horizontal ? xAccessor(bar) : yAccessor(bar))
+        };
+      }).filter(Boolean)
+    };
+  });
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("g", {
+    className: "visx-bar-group"
+  }, barSeries.map(function (series) {
+    return series && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(BarsComponent, _extends({
+      horizontal: horizontal,
+      xScale: xScale,
+      yScale: yScale
+    }, series, {
+      key: series.key
+    }));
+  }));
+};
+var isChildWithProps = function isChildWithProps(child) {
+  return !!child && _typeof(child) == 'object' && 'props' in child && child.props != null;
+};
+
+/**
+ * Returns children and grandchildren of type React.ReactNode.
+ * Flattens children one level to support React.Fragments and
+ * Array type children.
+ */
+function getChildrenAndGrandchildrenWithProps(children) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default().Children.toArray(children).flatMap(function (child) {
+    if (_typeof(child) == 'object' && 'props' in child && child.props.children) return child.props.children;
+    return child;
+  }).filter(function (child) {
+    return isChildWithProps(child);
+  });
+}
+
+/***/ }),
+
 /***/ "./src/chart/chart_container.js":
 /*!**************************************!*\
   !*** ./src/chart/chart_container.js ***!
@@ -19180,7 +19472,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 /*jslint react:true*/
-var _excluded = ["header", "description", "actions", "data", "palette", "loading", "Chart", "chartProps", "hideLegend"];
+var _excluded = ["header", "description", "actions", "data", "palette", "loading", "Chart", "chartProps", "showLegend", "showTooltip"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -19204,7 +19496,8 @@ var ChartContainer = function ChartContainer(props) {
     loading = props.loading,
     Chart = props.Chart,
     chartProps = props.chartProps,
-    hideLegend = props.hideLegend,
+    showLegend = props.showLegend,
+    showTooltip = props.showTooltip,
     rest = _objectWithoutProperties(props, _excluded);
   var outerWidth = props.width ? Math.max(410, props.width) : undefined;
   var outerHeight = Math.max(176, props.height || 0);
@@ -19224,9 +19517,10 @@ var ChartContainer = function ChartContainer(props) {
       data: data,
       palette: palette,
       width: width,
-      height: height
+      height: height,
+      showTooltip: showTooltip
     }));
-  })), !hideLegend && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_legend__WEBPACK_IMPORTED_MODULE_7__["default"], {
+  })), !!showLegend && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_legend__WEBPACK_IMPORTED_MODULE_7__["default"], {
     data: data,
     palette: palette
   }))));
@@ -19245,7 +19539,8 @@ ChartContainer.propTypes = {
   palette: prop_types__WEBPACK_IMPORTED_MODULE_0___default().arrayOf((prop_types__WEBPACK_IMPORTED_MODULE_0___default().string)),
   loading: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
   variant: prop_types__WEBPACK_IMPORTED_MODULE_0___default().oneOf(['default', 'ghost']),
-  hideLegend: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
+  showLegend: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool),
+  showTooltip: (prop_types__WEBPACK_IMPORTED_MODULE_0___default().bool)
 };
 var ChartContainerWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
   displayName: "ChartContainerWrapper",
@@ -19501,6 +19796,27 @@ __webpack_require__.r(__webpack_exports__);
 
 /***/ }),
 
+/***/ "./src/chart/is_valid_number.js":
+/*!**************************************!*\
+  !*** ./src/chart/is_valid_number.js ***!
+  \**************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "isValidNumber": () => (/* binding */ isValidNumber)
+/* harmony export */ });
+// LICENSE_CODE ZON
+
+
+/*jslint react:true*/
+var isValidNumber = function isValidNumber(v) {
+  return v != null && typeof v == 'number' && !Number.isNaN(v) && Number.isFinite(v);
+};
+
+/***/ }),
+
 /***/ "./src/chart/legend.js":
 /*!*****************************!*\
   !*** ./src/chart/legend.js ***!
@@ -19645,7 +19961,8 @@ var LineChart = function LineChart(props) {
     palette = props.palette,
     width = props.width,
     height = props.height,
-    margin = props.margin;
+    margin = props.margin,
+    showTooltip = props.showTooltip;
   var _getAnimatedOrUnanima = (0,_get_components__WEBPACK_IMPORTED_MODULE_3__.getAnimatedOrUnanimatedComponents)(animated),
     XYChart = _getAnimatedOrUnanima.XYChart,
     Grid = _getAnimatedOrUnanima.Grid,
@@ -19691,7 +20008,7 @@ var LineChart = function LineChart(props) {
     animationTrajectory: animationTrajectory,
     tickFormat: yTickFormat,
     labelOffset: yLabelOffset
-  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tooltip, {
+  }), !!showTooltip && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Tooltip, {
     showVerticalCrosshair: true,
     snapTooltipToDatumX: true,
     snapTooltipToDatumY: true,
@@ -21687,7 +22004,7 @@ __webpack_require__.r(__webpack_exports__);
 
 /*jslint react:true*/
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["label", "labelIcon", "required", "size", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement"];
+var _excluded = ["label", "labelIcon", "required", "size", "value", "defaultValue", "placeholder", "options", "onChange", "onFocus", "onBlur", "multiselect", "creatable", "clearable", "disabled", "invalid", "helperText", "classNamePrefix", "onChangeCapture", "menuPortalTarget", "filterOption", "formatOptionLabel", "menuPlacement"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -21727,6 +22044,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     invalid = props.invalid,
     helperText = props.helperText,
     classNamePrefix = props.classNamePrefix,
+    onChangeCapture = props.onChangeCapture,
     menuPortalTarget = props.menuPortalTarget,
     filterOption = props.filterOption,
     formatOptionLabel = props.formatOptionLabel,
@@ -21776,6 +22094,7 @@ var Dropdown = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default().forward
     },
     classNamePrefix: classNamePrefix,
     menuPortalTarget: menuPortalTarget,
+    onChangeCapture: onChangeCapture,
     isOptionDisabled: function isOptionDisabled(opt) {
       return opt.disabled;
     },