@semcore/d3-chart 16.5.0 → 17.0.0-prerelease.9

package/lib/esm/component/Chart/AreaChart.mjs

@@ -1,9 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
@@ -15,63 +9,58 @@ import { HoverLine } from "../../Hover.mjs";
 import { minMax } from "../../utils.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
-var AreaChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
-  function AreaChartComponent2() {
-    _classCallCheck(this, AreaChartComponent2);
-    return _callSuper(this, AreaChartComponent2, arguments);
-  }
-  _inherits(AreaChartComponent2, _AbstractChart);
-  return _createClass(AreaChartComponent2, [{
-    key: "xScale",
-    get: function get() {
-      var _this$asProps = this.asProps, xScale = _this$asProps.xScale, _this$asProps$marginY = _this$asProps.marginY, marginY = _this$asProps$marginY === void 0 ? 40 : _this$asProps$marginY, plotWidth = _this$asProps.plotWidth, data = _this$asProps.data, groupKey = _this$asProps.groupKey;
-      if (xScale) {
-        return xScale;
-      }
-      var testItem = data[0][groupKey];
-      var range = [marginY, plotWidth - this.plotPadding];
-      var domain = minMax(data, groupKey);
-      if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
-        return scaleTime(domain, range);
-      }
-      return scaleLinear(domain, range);
+class AreaChartComponent extends AbstractChart {
+  get xScale() {
+    const {
+      xScale,
+      marginY = 40,
+      plotWidth,
+      data,
+      groupKey
+    } = this.asProps;
+    if (xScale) {
+      return xScale;
     }
-  }, {
-    key: "yScale",
-    get: function get() {
-      var _this$asProps2 = this.asProps, yScale = _this$asProps2.yScale, _this$asProps2$margin = _this$asProps2.marginX, marginX = _this$asProps2$margin === void 0 ? 24 : _this$asProps2$margin, plotHeight = _this$asProps2.plotHeight, stacked = _this$asProps2.stacked;
-      if (yScale) {
-        return yScale;
-      }
-      var flatValues = _superPropGet(AreaChartComponent2, "flatValues", this, 1);
-      var min = Math.min.apply(Math, _toConsumableArray(flatValues));
-      var max = stacked ? _superPropGet(AreaChartComponent2, "maxStackedValue", this, 1) : Math.max.apply(Math, _toConsumableArray(flatValues));
-      return scaleLinear().range([plotHeight - marginX, this.plotPadding]).domain([min, max]);
+    const testItem = data[0][groupKey];
+    const range = [marginY, plotWidth - this.plotPadding];
+    const domain = minMax(data, groupKey);
+    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
+      return scaleTime(domain, range);
     }
-  }, {
-    key: "renderChart",
-    value: function renderChart() {
-      var _this$asProps3 = this.asProps, groupKey = _this$asProps3.groupKey, curve = _this$asProps3.curve, showDots = _this$asProps3.showDots, stacked = _this$asProps3.stacked, onClickArea = _this$asProps3.onClickArea;
-      var _this$state = this.state, dataDefinitions = _this$state.dataDefinitions, highlightedLine = _this$state.highlightedLine;
-      if (stacked) {
-        return /* @__PURE__ */ React.createElement(StackedArea, {
-          x: groupKey
-        }, dataDefinitions.map(function(item, index) {
-          return item.checked && /* @__PURE__ */ React.createElement(StackedArea.Area, {
-            x: groupKey,
-            y: item.id,
-            key: item.id,
-            color: item.color,
-            transparent: highlightedLine !== -1 && highlightedLine !== index,
-            curve,
-            onClick: onClickArea
-          }, showDots && /* @__PURE__ */ React.createElement(StackedArea.Area.Dots, {
-            display: true
-          }));
-        }));
-      }
-      return dataDefinitions.map(function(item, index) {
-        return item.checked && /* @__PURE__ */ React.createElement(Area, {
+    return scaleLinear(domain, range);
+  }
+  get yScale() {
+    const {
+      yScale,
+      marginX = 24,
+      plotHeight,
+      stacked
+    } = this.asProps;
+    if (yScale) {
+      return yScale;
+    }
+    const flatValues = super.flatValues;
+    const min = Math.min(...flatValues);
+    const max = stacked ? super.maxStackedValue : Math.max(...flatValues);
+    return scaleLinear().range([plotHeight - marginX, this.plotPadding]).domain([min, max]);
+  }
+  renderChart() {
+    const {
+      groupKey,
+      curve,
+      showDots,
+      stacked,
+      onClickArea
+    } = this.asProps;
+    const {
+      dataDefinitions,
+      highlightedLine
+    } = this.state;
+    if (stacked) {
+      return /* @__PURE__ */ React.createElement(StackedArea, {
+        x: groupKey
+      }, dataDefinitions.map((item, index) => {
+        return item.checked && /* @__PURE__ */ React.createElement(StackedArea.Area, {
           x: groupKey,
           y: item.id,
           key: item.id,
@@ -79,42 +68,54 @@ var AreaChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
           transparent: highlightedLine !== -1 && highlightedLine !== index,
           curve,
           onClick: onClickArea
-        }, showDots && /* @__PURE__ */ React.createElement(Area.Dots, {
+        }, showDots && /* @__PURE__ */ React.createElement(StackedArea.Area.Dots, {
           display: true
         }));
-      });
+      }));
     }
-  }, {
-    key: "renderTooltip",
-    value: function renderTooltip() {
-      var _this = this;
-      var _this$asProps4 = this.asProps, data = _this$asProps4.data, groupKey = _this$asProps4.groupKey;
-      return /* @__PURE__ */ React.createElement(HoverLine.Tooltip, {
+    return dataDefinitions.map((item, index) => {
+      return item.checked && /* @__PURE__ */ React.createElement(Area, {
         x: groupKey,
-        wMin: 100
-      }, function(_ref) {
-        var xIndex = _ref.xIndex;
-        var dataItem = data[xIndex];
-        return {
-          children: _this.getTooltipChildren({
-            Tooltip: HoverLine.Tooltip,
-            dataItem
-          })
-        };
-      });
-    }
-  }, {
-    key: "getLegendAriaLabel",
-    value: function getLegendAriaLabel() {
-      return this.asProps.getI18nText("legendForChart", {
-        chartType: "Area"
-      });
-    }
-  }]);
-})(AbstractChart);
+        y: item.id,
+        key: item.id,
+        color: item.color,
+        transparent: highlightedLine !== -1 && highlightedLine !== index,
+        curve,
+        onClick: onClickArea
+      }, showDots && /* @__PURE__ */ React.createElement(Area.Dots, {
+        display: true
+      }));
+    });
+  }
+  renderTooltip() {
+    const {
+      data,
+      groupKey
+    } = this.asProps;
+    return /* @__PURE__ */ React.createElement(HoverLine.Tooltip, {
+      x: groupKey,
+      wMin: 100
+    }, ({
+      xIndex
+    }) => {
+      const dataItem = data[xIndex];
+      return {
+        children: this.getTooltipChildren({
+          Tooltip: HoverLine.Tooltip,
+          dataItem
+        })
+      };
+    });
+  }
+  getLegendAriaLabel() {
+    return this.asProps.getI18nText("legendForChart", {
+      chartType: "Area"
+    });
+  }
+}
 _defineProperty(AreaChartComponent, "displayName", "Chart.Area");
 _defineProperty(AreaChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
-var AreaChart = createComponent(AreaChartComponent);
+const AreaChart = createComponent(AreaChartComponent);
 export {
   AreaChart
 };

package/lib/esm/component/Chart/BarChart.mjs

@@ -1,212 +1,260 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _callSuper from "@babel/runtime/helpers/esm/callSuper";
-import _superPropGet from "@babel/runtime/helpers/esm/superPropGet";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleBand, scaleLinear } from "d3-scale";
 import React from "react";
 import { AbstractChart } from "./AbstractChart.mjs";
+import { YAxis, XAxis } from "../../Axis.mjs";
 import Line from "../../Line.mjs";
 import GroupBar from "../../GroupBar.mjs";
 import StackBar from "../../StackBar.mjs";
 import { HoverRect } from "../../Hover.mjs";
 import { minMax } from "../../utils.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
-var BarChartComponent = /* @__PURE__ */ (function(_AbstractChart) {
-  function BarChartComponent2() {
-    var _this;
-    _classCallCheck(this, BarChartComponent2);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, BarChartComponent2, [].concat(args));
-    _defineProperty(_this, "handleClickBar", function(_data, e, barIndex, barKey) {
-      var onClickBar = _this.asProps.onClickBar;
+class BarChartComponent extends AbstractChart {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "handleClickBar", (_data, e, barIndex, barKey) => {
+      const {
+        onClickBar
+      } = this.asProps;
       if (onClickBar) {
         onClickBar(barIndex, barKey, e);
       }
     });
-    return _this;
   }
-  _inherits(BarChartComponent2, _AbstractChart);
-  return _createClass(BarChartComponent2, [{
-    key: "xScale",
-    get: function get() {
-      var _this$asProps = this.asProps, xScale = _this$asProps.xScale, invertAxis = _this$asProps.invertAxis;
-      if (xScale) {
-        return xScale;
-      }
-      return invertAxis ? this.valueScale : this.categoryScale;
+  get xScale() {
+    const {
+      xScale,
+      invertAxis
+    } = this.asProps;
+    if (xScale) {
+      return xScale;
     }
-  }, {
-    key: "yScale",
-    get: function get() {
-      var _this$asProps2 = this.asProps, yScale = _this$asProps2.yScale, invertAxis = _this$asProps2.invertAxis;
-      if (yScale) {
-        return yScale;
-      }
-      return invertAxis ? this.categoryScale : this.valueScale;
+    return invertAxis ? this.valueScale : this.categoryScale;
+  }
+  get yScale() {
+    const {
+      yScale,
+      invertAxis
+    } = this.asProps;
+    if (yScale) {
+      return yScale;
     }
-  }, {
-    key: "defaultLegendProps",
-    value: function defaultLegendProps() {
-      if (this.props.trend !== void 0) {
-        return {
-          withTrend: true
-        };
-      }
-      return {};
+    return invertAxis ? this.categoryScale : this.valueScale;
+  }
+  defaultLegendProps() {
+    if (this.props.trend !== void 0) {
+      return {
+        withTrend: true
+      };
     }
-  }, {
-    key: "renderTrend",
-    value: function renderTrend(key) {
-      var _this$asProps3 = this.asProps, groupKey = _this$asProps3.groupKey, invertAxis = _this$asProps3.invertAxis, trend = _this$asProps3.trend;
-      var withTrend = this.state.withTrend;
-      var trendItem = trend === null || trend === void 0 ? void 0 : trend[key];
-      if (withTrend && trendItem) {
-        return /* @__PURE__ */ React.createElement(Line, {
-          data: trendItem,
-          key: "".concat(key, "_").concat(groupKey),
-          x: invertAxis ? "y" : "x",
-          y: invertAxis ? "x" : "y",
-          color: "wall",
-          style: {
-            strokeWidth: 3,
-            strokeDasharray: 5
-          }
-        }, /* @__PURE__ */ React.createElement(Line.Dots, {
-          data: trendItem,
-          display: true
-        }));
-      }
-      return null;
+    return {};
+  }
+  renderTrend(key) {
+    const {
+      groupKey,
+      invertAxis,
+      trend
+    } = this.asProps;
+    const {
+      withTrend
+    } = this.state;
+    const trendItem = trend == null ? void 0 : trend[key];
+    if (withTrend && trendItem) {
+      return /* @__PURE__ */ React.createElement(Line, {
+        data: trendItem,
+        key: `${key}_${groupKey}`,
+        x: invertAxis ? "y" : "x",
+        y: invertAxis ? "x" : "y",
+        color: "wall",
+        style: {
+          strokeWidth: 3,
+          strokeDasharray: 5
+        }
+      }, /* @__PURE__ */ React.createElement(Line.Dots, {
+        data: trendItem,
+        display: true
+      }));
+    }
+    return null;
+  }
+  renderChart() {
+    const {
+      groupKey,
+      type = "group",
+      invertAxis
+    } = this.asProps;
+    const {
+      dataDefinitions,
+      highlightedLine
+    } = this.state;
+    if (dataDefinitions.length === 1) {
+      const item = dataDefinitions[0];
+      const BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;
+      return item.checked && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BarComponent, {
+        x: invertAxis ? item.id : groupKey,
+        y: invertAxis ? groupKey : item.id,
+        key: item.id,
+        color: item.color,
+        onClick: this.handleClickBar
+      }), this.renderTrend(item.id));
     }
-  }, {
-    key: "renderChart",
-    value: function renderChart() {
-      var _this2 = this;
-      var _this$asProps4 = this.asProps, groupKey = _this$asProps4.groupKey, _this$asProps4$type = _this$asProps4.type, type = _this$asProps4$type === void 0 ? "group" : _this$asProps4$type, invertAxis = _this$asProps4.invertAxis;
-      var _this$state = this.state, dataDefinitions = _this$state.dataDefinitions, highlightedLine = _this$state.highlightedLine;
-      if (dataDefinitions.length === 1) {
-        var item = dataDefinitions[0];
-        var BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;
-        return item.checked && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(BarComponent, {
-          x: invertAxis ? item.id : groupKey,
-          y: invertAxis ? groupKey : item.id,
-          key: item.id,
+    if (type === "group") {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(GroupBar, {
+        x: invertAxis ? void 0 : groupKey,
+        y: invertAxis ? groupKey : void 0
+      }, dataDefinitions.map((item, index) => {
+        const BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;
+        const commonBarComponentProps = {
           color: item.color,
+          transparent: highlightedLine !== -1 && highlightedLine !== index,
           onClick: this.handleClickBar
-        }), this.renderTrend(item.id));
-      }
-      if (type === "group") {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(GroupBar, {
-          x: invertAxis ? void 0 : groupKey,
-          y: invertAxis ? groupKey : void 0
-        }, dataDefinitions.map(function(item2, index) {
-          var BarComponent2 = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;
-          var commonBarComponentProps = {
-            color: item2.color,
-            transparent: highlightedLine !== -1 && highlightedLine !== index,
-            onClick: _this2.handleClickBar
-          };
-          if (invertAxis) {
-            commonBarComponentProps.x = item2.id;
-          } else {
-            commonBarComponentProps.y = item2.id;
-          }
-          return item2.checked && /* @__PURE__ */ React.createElement(BarComponent2, _extends({
-            key: item2.id
-          }, commonBarComponentProps));
-        })), dataDefinitions.map(function(item2) {
-          return item2.checked && _this2.renderTrend(item2.id);
-        }));
-      }
-      if (type === "stack") {
-        return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StackBar, {
-          x: invertAxis ? void 0 : groupKey,
-          y: invertAxis ? groupKey : void 0
-        }, dataDefinitions.map(function(item2, index) {
-          var BarComponent2 = invertAxis ? StackBar.HorizontalBar : StackBar.Bar;
-          var commonBarComponentProps = {
-            color: item2.color,
-            transparent: highlightedLine !== -1 && highlightedLine !== index,
-            onClick: _this2.handleClickBar
-          };
-          if (invertAxis) {
-            commonBarComponentProps.x = item2.id;
-          } else {
-            commonBarComponentProps.y = item2.id;
-          }
-          return item2.checked && /* @__PURE__ */ React.createElement(BarComponent2, _extends({
-            key: item2.id
-          }, commonBarComponentProps));
-        })), dataDefinitions.map(function(item2) {
-          return item2.checked && _this2.renderTrend(item2.id);
-        }));
-      }
-      return null;
+        };
+        if (invertAxis) {
+          commonBarComponentProps.x = item.id;
+        } else {
+          commonBarComponentProps.y = item.id;
+        }
+        return item.checked && /* @__PURE__ */ React.createElement(BarComponent, _extends({
+          key: item.id
+        }, commonBarComponentProps));
+      })), dataDefinitions.map((item) => item.checked && this.renderTrend(item.id)));
     }
-  }, {
-    key: "renderTooltip",
-    value: function renderTooltip() {
-      var _this3 = this;
-      var _this$asProps5 = this.asProps, data = _this$asProps5.data, groupKey = _this$asProps5.groupKey, invertAxis = _this$asProps5.invertAxis, onClickHoverRect = _this$asProps5.onClickHoverRect;
-      return /* @__PURE__ */ React.createElement(HoverRect.Tooltip, {
+    if (type === "stack") {
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(StackBar, {
         x: invertAxis ? void 0 : groupKey,
-        y: invertAxis ? groupKey : void 0,
-        wMin: 100,
-        onClick: onClickHoverRect
-      }, function(_ref) {
-        var xIndex = _ref.xIndex, yIndex = _ref.yIndex;
-        var index = invertAxis ? yIndex : xIndex;
-        var dataItem = data[index];
-        return {
-          children: _this3.getTooltipChildren({
-            Tooltip: HoverRect.Tooltip,
-            dataItem
-          })
+        y: invertAxis ? groupKey : void 0
+      }, dataDefinitions.map((item, index) => {
+        const BarComponent = invertAxis ? StackBar.HorizontalBar : StackBar.Bar;
+        const commonBarComponentProps = {
+          color: item.color,
+          transparent: highlightedLine !== -1 && highlightedLine !== index,
+          onClick: this.handleClickBar
         };
-      });
+        if (invertAxis) {
+          commonBarComponentProps.x = item.id;
+        } else {
+          commonBarComponentProps.y = item.id;
+        }
+        return item.checked && /* @__PURE__ */ React.createElement(BarComponent, _extends({
+          key: item.id
+        }, commonBarComponentProps));
+      })), dataDefinitions.map((item) => item.checked && this.renderTrend(item.id)));
     }
-  }, {
-    key: "getLegendAriaLabel",
-    value: function getLegendAriaLabel() {
-      return this.asProps.getI18nText("legendForChart", {
-        chartType: "Bar"
-      });
-    }
-  }, {
-    key: "categoryScale",
-    get: function get() {
-      var _this$asProps6 = this.asProps, _this$asProps6$margin = _this$asProps6.marginY, marginY = _this$asProps6$margin === void 0 ? 40 : _this$asProps6$margin, _this$asProps6$margin2 = _this$asProps6.marginX, marginX = _this$asProps6$margin2 === void 0 ? 24 : _this$asProps6$margin2, plotWidth = _this$asProps6.plotWidth, plotHeight = _this$asProps6.plotHeight, invertAxis = _this$asProps6.invertAxis, data = _this$asProps6.data, groupKey = _this$asProps6.groupKey;
-      var testItem = data[0][groupKey];
-      var range = invertAxis ? [plotHeight - marginX, this.plotPadding] : [marginY, plotWidth - this.plotPadding];
-      if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
-        var _domain = minMax(data, groupKey);
-        return scaleTime(_domain, range);
-      }
-      var domain = data.map(function(item) {
-        return item[groupKey];
-      });
-      return scaleBand(domain, range).paddingInner(0.4).paddingOuter(0.2);
+    return null;
+  }
+  renderTooltip() {
+    const {
+      data,
+      groupKey,
+      invertAxis,
+      onClickHoverRect
+    } = this.asProps;
+    return /* @__PURE__ */ React.createElement(HoverRect.Tooltip, {
+      x: invertAxis ? void 0 : groupKey,
+      y: invertAxis ? groupKey : void 0,
+      wMin: 100,
+      onClick: onClickHoverRect
+    }, ({
+      xIndex,
+      yIndex
+    }) => {
+      const index = invertAxis ? yIndex : xIndex;
+      const dataItem = data[index];
+      return {
+        children: this.getTooltipChildren({
+          Tooltip: HoverRect.Tooltip,
+          dataItem
+        })
+      };
+    });
+  }
+  renderAxis() {
+    const {
+      invertAxis,
+      showXAxis,
+      showYAxis,
+      data,
+      axisXValueFormatter,
+      axisYValueFormatter,
+      multilineXTicks,
+      multilineYTicks
+    } = this.asProps;
+    if (!Array.isArray(data)) {
+      return null;
     }
-  }, {
-    key: "valueScale",
-    get: function get() {
-      var _this$asProps7 = this.asProps, _this$asProps7$margin = _this$asProps7.marginY, marginY = _this$asProps7$margin === void 0 ? 40 : _this$asProps7$margin, _this$asProps7$margin2 = _this$asProps7.marginX, marginX = _this$asProps7$margin2 === void 0 ? 24 : _this$asProps7$margin2, plotWidth = _this$asProps7.plotWidth, plotHeight = _this$asProps7.plotHeight, invertAxis = _this$asProps7.invertAxis, type = _this$asProps7.type;
-      var max = type === "stack" ? _superPropGet(BarChartComponent2, "maxStackedValue", this, 1) : Math.max.apply(Math, _toConsumableArray(_superPropGet(BarChartComponent2, "flatValues", this, 1)));
-      return scaleLinear().range(invertAxis ? [marginY, plotWidth - this.plotPadding] : [plotHeight - marginX, this.plotPadding]).domain([0, max]);
+    const xTicks = this.xTicks;
+    const yTicks = this.yTicks;
+    const childrenX = axisXValueFormatter ? ({
+      value
+    }) => ({
+      children: axisXValueFormatter(value)
+    }) : void 0;
+    const childrenY = axisYValueFormatter ? ({
+      value
+    }) => ({
+      children: axisYValueFormatter(value)
+    }) : void 0;
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, showYAxis && /* @__PURE__ */ React.createElement(YAxis, null, yTicks ? /* @__PURE__ */ React.createElement(YAxis.Ticks, {
+      primaryText: invertAxis,
+      multiline: multilineYTicks,
+      ticks: yTicks
+    }, childrenY) : /* @__PURE__ */ React.createElement(YAxis.Ticks, {
+      primaryText: invertAxis,
+      multiline: multilineYTicks
+    }, childrenY), invertAxis !== true && (yTicks ? /* @__PURE__ */ React.createElement(YAxis.Grid, {
+      ticks: yTicks
+    }) : /* @__PURE__ */ React.createElement(YAxis.Grid, null))), showXAxis && /* @__PURE__ */ React.createElement(XAxis, null, xTicks ? /* @__PURE__ */ React.createElement(XAxis.Ticks, {
+      multiline: multilineXTicks,
+      ticks: xTicks
+    }, childrenX) : /* @__PURE__ */ React.createElement(XAxis.Ticks, {
+      multiline: multilineXTicks
+    }, childrenX), invertAxis === true && (xTicks ? /* @__PURE__ */ React.createElement(XAxis.Grid, {
+      ticks: xTicks
+    }) : /* @__PURE__ */ React.createElement(XAxis.Grid, null))));
+  }
+  getLegendAriaLabel() {
+    return this.asProps.getI18nText("legendForChart", {
+      chartType: "Bar"
+    });
+  }
+  get categoryScale() {
+    const {
+      marginY = 40,
+      marginX = 24,
+      plotWidth,
+      plotHeight,
+      invertAxis,
+      data,
+      groupKey
+    } = this.asProps;
+    const testItem = data[0][groupKey];
+    const range = invertAxis ? [plotHeight - marginX, this.plotPadding] : [marginY, plotWidth - this.plotPadding];
+    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
+      const domain2 = minMax(data, groupKey);
+      return scaleTime(domain2, range);
     }
-  }]);
-})(AbstractChart);
+    const domain = data.map((item) => item[groupKey]);
+    return scaleBand(domain, range).paddingInner(0.4).paddingOuter(0.2);
+  }
+  get valueScale() {
+    const {
+      marginY = 40,
+      marginX = 24,
+      plotWidth,
+      plotHeight,
+      invertAxis,
+      type
+    } = this.asProps;
+    const max = type === "stack" ? super.maxStackedValue : Math.max(...super.flatValues);
+    return scaleLinear().range(invertAxis ? [marginY, plotWidth - this.plotPadding] : [plotHeight - marginX, this.plotPadding]).domain([0, max]);
+  }
+}
 _defineProperty(BarChartComponent, "displayName", "Chart.Bar");
 _defineProperty(BarChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
-var BarChart = createComponent(BarChartComponent);
+const BarChart = createComponent(BarChartComponent);
 export {
   BarChart
 };