@semcore/d3-chart 3.60.2-prerelease.0 → 3.61.0-prerelease.0

package/lib/es6/component/Chart/AreaChart.js

@@ -1,29 +1,26 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _callSuper from "@babel/runtime/helpers/callSuper";
+import _superPropGet from "@babel/runtime/helpers/superPropGet";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import createComponent from '@semcore/core';
+import { createComponent } from '@semcore/core';
+import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
 import { scaleLinear, scaleTime } from 'd3-scale';
+import React from 'react';
+
 // @ts-ignore
 import { Area, minMax, HoverLine, StackedArea } from '../..';
 import { AbstractChart } from './AbstractChart';
-import { Flex, Box } from '@semcore/flex-box';
-import { Text } from '@semcore/typography';
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
-import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
 var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
-  _inherits(AreaChartComponent, _AbstractChart);
-  var _super = _createSuper(AreaChartComponent);
   function AreaChartComponent() {
     _classCallCheck(this, AreaChartComponent);
-    return _super.apply(this, arguments);
+    return _callSuper(this, AreaChartComponent, arguments);
   }
-  _createClass(AreaChartComponent, [{
+  _inherits(AreaChartComponent, _AbstractChart);
+  return _createClass(AreaChartComponent, [{
     key: "xScale",
     get: function get() {
       var _this$asProps = this.asProps,
@@ -52,15 +49,13 @@ var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
         _this$asProps2$margin = _this$asProps2.marginX,
         marginX = _this$asProps2$margin === void 0 ? 24 : _this$asProps2$margin,
         plotHeight = _this$asProps2.plotHeight,
-        stacked = _this$asProps2.stacked,
-        data = _this$asProps2.data,
-        groupKey = _this$asProps2.groupKey;
+        stacked = _this$asProps2.stacked;
       if (yScale) {
         return yScale;
       }
-      var flatValues = _get(_getPrototypeOf(AreaChartComponent.prototype), "flatValues", this);
+      var flatValues = _superPropGet(AreaChartComponent, "flatValues", this, 1);
       var min = Math.min.apply(Math, _toConsumableArray(flatValues));
-      var max = stacked ? _get(_getPrototypeOf(AreaChartComponent.prototype), "maxStackedValue", this) : Math.max.apply(Math, _toConsumableArray(flatValues));
+      var max = stacked ? _superPropGet(AreaChartComponent, "maxStackedValue", this, 1) : Math.max.apply(Math, _toConsumableArray(flatValues));
       return scaleLinear().range([plotHeight - marginX, this.plotPadding]).domain([min, max]);
     }
   }, {
@@ -70,7 +65,8 @@ var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
         groupKey = _this$asProps3.groupKey,
         curve = _this$asProps3.curve,
         showDots = _this$asProps3.showDots,
-        stacked = _this$asProps3.stacked;
+        stacked = _this$asProps3.stacked,
+        onClickArea = _this$asProps3.onClickArea;
       var _this$state = this.state,
         dataDefinitions = _this$state.dataDefinitions,
         highlightedLine = _this$state.highlightedLine;
@@ -84,7 +80,8 @@ var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
             key: item.id,
             color: item.color,
             transparent: highlightedLine !== -1 && highlightedLine !== index,
-            curve: curve
+            curve: curve,
+            onClick: onClickArea
           }, showDots && /*#__PURE__*/React.createElement(StackedArea.Area.Dots, {
             display: true
           }));
@@ -97,7 +94,8 @@ var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
           key: item.id,
           color: item.color,
           transparent: highlightedLine !== -1 && highlightedLine !== index,
-          curve: curve
+          curve: curve,
+          onClick: onClickArea
         }, showDots && /*#__PURE__*/React.createElement(Area.Dots, {
           display: true
         }));
@@ -109,40 +107,18 @@ var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
       var _this = this;
       var _this$asProps4 = this.asProps,
         data = _this$asProps4.data,
-        groupKey = _this$asProps4.groupKey,
-        showTotalInTooltip = _this$asProps4.showTotalInTooltip,
-        showTooltip = _this$asProps4.showTooltip;
-      var dataDefinitions = this.state.dataDefinitions;
-      if (!showTooltip) {
-        return null;
-      }
+        groupKey = _this$asProps4.groupKey;
       return /*#__PURE__*/React.createElement(HoverLine.Tooltip, {
         x: groupKey,
         wMin: 100
       }, function (_ref) {
-        var _dataItem$groupKey;
         var xIndex = _ref.xIndex;
         var dataItem = data[xIndex];
-        var total = _this.totalValue(dataItem);
         return {
-          children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HoverLine.Tooltip.Title, null, (_dataItem$groupKey = dataItem[groupKey]) === null || _dataItem$groupKey === void 0 ? void 0 : _dataItem$groupKey.toString()), dataDefinitions.map(function (item) {
-            return item.checked && /*#__PURE__*/React.createElement(Flex, {
-              justifyContent: "space-between",
-              key: item.id
-            }, /*#__PURE__*/React.createElement(HoverLine.Tooltip.Dot, {
-              mr: 4,
-              color: item.color
-            }, item.label), /*#__PURE__*/React.createElement(Text, {
-              bold: true
-            }, _this.tooltipValueFormatter(dataItem[item.id])));
-          }), showTotalInTooltip === true && /*#__PURE__*/React.createElement(Flex, {
-            mt: 2,
-            justifyContent: "space-between"
-          }, /*#__PURE__*/React.createElement(Box, {
-            mr: 4
-          }, "Total"), /*#__PURE__*/React.createElement(Text, {
-            bold: true
-          }, total)))
+          children: _this.getTooltipChildren({
+            Tooltip: HoverLine.Tooltip,
+            dataItem: dataItem
+          })
         };
       });
     }
@@ -154,7 +130,6 @@ var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
       });
     }
   }]);
-  return AreaChartComponent;
 }(AbstractChart);
 _defineProperty(AreaChartComponent, "displayName", 'Chart.Area');
 _defineProperty(AreaChartComponent, "enhance", [i18nEnhance(localizedMessages)]);

package/lib/es6/component/Chart/AreaChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.js","names":["React","createComponent","scaleLinear","scaleTime","Area","minMax","HoverLine","StackedArea","AbstractChart","Flex","Box","Text","localizedMessages","i18nEnhance","AreaChartComponent","_AbstractChart","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","data","groupKey","testItem","range","plotPadding","domain","Date","Number","isNaN","getMilliseconds","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","stacked","flatValues","_get","_getPrototypeOf","prototype","min","Math","_toConsumableArray","max","value","renderChart","_this$asProps3","curve","showDots","_this$state","state","dataDefinitions","highlightedLine","createElement","x","map","item","index","checked","y","id","color","transparent","Dots","display","renderTooltip","_this","_this$asProps4","showTotalInTooltip","showTooltip","Tooltip","wMin","_ref","_dataItem$groupKey","xIndex","dataItem","total","totalValue","children","Fragment","Title","toString","justifyContent","Dot","mr","label","bold","tooltipValueFormatter","mt","getLegendAriaLabel","getI18nText","chartType","_defineProperty","AreaChart"],"sources":["../../../../src/component/Chart/AreaChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\n// @ts-ignore\nimport { Area, minMax, HoverLine, StackedArea } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { AreaChartData, AreaChartProps, AreaChartType } from './AreaChart.type';\nimport { Flex, Box } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nclass AreaChartComponent extends AbstractChart<\n  AreaChartData,\n  AreaChartProps,\n  typeof AreaChartComponent.enhance\n> {\n  static displayName = 'Chart.Area';\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  get xScale() {\n    const { xScale, marginY = 40, plotWidth, data, groupKey } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const testItem = data[0][groupKey];\n    const range = [marginY, plotWidth - this.plotPadding];\n    const domain = minMax(data, groupKey);\n\n    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n      return scaleTime(domain, range);\n    }\n\n    return scaleLinear(domain, range);\n  }\n\n  get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 24, plotHeight, stacked, data, groupKey } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const flatValues = super.flatValues;\n    const min = Math.min(...flatValues);\n    const max = stacked ? super.maxStackedValue : Math.max(...flatValues);\n\n    return scaleLinear()\n      .range([plotHeight - marginX, this.plotPadding])\n      .domain([min, max]);\n  }\n\n  renderChart() {\n    const { groupKey, curve, showDots, stacked } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    if (stacked) {\n      return (\n        <StackedArea x={groupKey}>\n          {dataDefinitions.map((item, index) => {\n            return (\n              item.checked && (\n                <StackedArea.Area\n                  x={groupKey}\n                  y={item.id}\n                  key={item.id}\n                  color={item.color}\n                  transparent={highlightedLine !== -1 && highlightedLine !== index}\n                  curve={curve}\n                >\n                  {showDots && <StackedArea.Area.Dots display />}\n                </StackedArea.Area>\n              )\n            );\n          })}\n        </StackedArea>\n      );\n    }\n\n    return dataDefinitions.map((item, index) => {\n      return (\n        item.checked && (\n          <Area\n            x={groupKey}\n            y={item.id}\n            key={item.id}\n            color={item.color}\n            transparent={highlightedLine !== -1 && highlightedLine !== index}\n            curve={curve}\n          >\n            {showDots && <Area.Dots display />}\n          </Area>\n        )\n      );\n    });\n  }\n\n  renderTooltip() {\n    const { data, groupKey, showTotalInTooltip, showTooltip } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <HoverLine.Tooltip x={groupKey} wMin={100}>\n        {({ xIndex }: any) => {\n          const dataItem = data[xIndex];\n          const total = this.totalValue(dataItem);\n\n          return {\n            children: (\n              <>\n                <HoverLine.Tooltip.Title>{dataItem[groupKey]?.toString()}</HoverLine.Tooltip.Title>\n\n                {dataDefinitions.map((item) => {\n                  return (\n                    item.checked && (\n                      <Flex justifyContent='space-between' key={item.id}>\n                        <HoverLine.Tooltip.Dot mr={4} color={item.color}>\n                          {item.label}\n                        </HoverLine.Tooltip.Dot>\n                        <Text bold>{this.tooltipValueFormatter(dataItem[item.id])}</Text>\n                      </Flex>\n                    )\n                  );\n                })}\n\n                {showTotalInTooltip === true && (\n                  <Flex mt={2} justifyContent='space-between'>\n                    <Box mr={4}>Total</Box>\n                    <Text bold>{total}</Text>\n                  </Flex>\n                )}\n              </>\n            ),\n          };\n        }}\n      </HoverLine.Tooltip>\n    );\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Area' });\n  }\n}\n\nexport const AreaChart: AreaChartType = createComponent(AreaChartComponent);\n"],"mappings":"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"}
+{"version":3,"file":"AreaChart.js","names":["createComponent","i18nEnhance","scaleLinear","scaleTime","React","Area","minMax","HoverLine","StackedArea","AbstractChart","localizedMessages","AreaChartComponent","_AbstractChart","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","get","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","data","groupKey","testItem","range","plotPadding","domain","Date","Number","isNaN","getMilliseconds","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","stacked","flatValues","_superPropGet","min","Math","apply","_toConsumableArray","max","value","renderChart","_this$asProps3","curve","showDots","onClickArea","_this$state","state","dataDefinitions","highlightedLine","createElement","x","map","item","index","checked","y","id","color","transparent","onClick","Dots","display","renderTooltip","_this","_this$asProps4","Tooltip","wMin","_ref","xIndex","dataItem","children","getTooltipChildren","getLegendAriaLabel","getI18nText","chartType","_defineProperty","AreaChart"],"sources":["../../../../src/component/Chart/AreaChart.tsx"],"sourcesContent":["import { Flex, Box } from '@semcore/base-components';\nimport { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { type ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\nimport React from 'react';\n\n// @ts-ignore\nimport { Area, minMax, HoverLine, StackedArea } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport type { AreaChartData, AreaChartProps, AreaChartType } from './AreaChart.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass AreaChartComponent extends AbstractChart<\n  AreaChartData,\n  AreaChartProps,\n  typeof AreaChartComponent.enhance\n> {\n  static displayName = 'Chart.Area';\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  get xScale() {\n    const { xScale, marginY = 40, plotWidth, data, groupKey } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const testItem = data[0][groupKey];\n    const range = [marginY, plotWidth - this.plotPadding];\n    const domain = minMax(data, groupKey);\n\n    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n      return scaleTime(domain, range);\n    }\n\n    return scaleLinear(domain, range);\n  }\n\n  get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 24, plotHeight, stacked } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const flatValues = super.flatValues;\n    const min = Math.min(...flatValues);\n    const max = stacked ? super.maxStackedValue : Math.max(...flatValues);\n\n    return scaleLinear()\n      .range([plotHeight - marginX, this.plotPadding])\n      .domain([min, max]);\n  }\n\n  renderChart() {\n    const { groupKey, curve, showDots, stacked, onClickArea } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    if (stacked) {\n      return (\n        <StackedArea x={groupKey}>\n          {dataDefinitions.map((item, index) => {\n            return (\n              item.checked && (\n                <StackedArea.Area\n                  x={groupKey}\n                  y={item.id}\n                  key={item.id}\n                  color={item.color}\n                  transparent={highlightedLine !== -1 && highlightedLine !== index}\n                  curve={curve}\n                  onClick={onClickArea}\n                >\n                  {showDots && <StackedArea.Area.Dots display />}\n                </StackedArea.Area>\n              )\n            );\n          })}\n        </StackedArea>\n      );\n    }\n\n    return dataDefinitions.map((item, index) => {\n      return (\n        item.checked && (\n          <Area\n            x={groupKey}\n            y={item.id}\n            key={item.id}\n            color={item.color}\n            transparent={highlightedLine !== -1 && highlightedLine !== index}\n            curve={curve}\n            onClick={onClickArea}\n          >\n            {showDots && <Area.Dots display />}\n          </Area>\n        )\n      );\n    });\n  }\n\n  renderTooltip() {\n    const { data, groupKey } = this.asProps;\n\n    return (\n      <HoverLine.Tooltip x={groupKey} wMin={100}>\n        {({ xIndex }: any) => {\n          const dataItem = data[xIndex];\n\n          return {\n            children: this.getTooltipChildren({\n              Tooltip: HoverLine.Tooltip,\n              dataItem,\n            }),\n          };\n        }}\n      </HoverLine.Tooltip>\n    );\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Area' });\n  }\n}\n\nexport const AreaChart: AreaChartType = createComponent(AreaChartComponent);\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/component/Chart/AreaChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.type.js","names":[],"sources":["../../../../src/component/Chart/AreaChart.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { interpolateValue } from '../../utils';\nimport { ScaleLinear, ScaleTime } from 'd3-scale';\nimport { CurveFactory } from 'd3-shape';\nimport { BaseChartProps } from './AbstractChart.type';\n\nexport type AreaChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type AreaChartProps = BaseChartProps<AreaChartData> & {\n  groupKey: string;\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  yScale?: ScaleLinear<any, any>;\n  showDots?: boolean;\n  curve?: CurveFactory;\n  stacked?: boolean;\n};\n\nexport type AreaChartType = Intergalactic.Component<typeof Flex, AreaChartProps>;\n"],"mappings":""}
+{"version":3,"file":"AreaChart.type.js","names":[],"sources":["../../../../src/component/Chart/AreaChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear, ScaleTime } from 'd3-scale';\nimport type { CurveFactory } from 'd3-shape';\n\nimport type { AriaNameProps, BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\n\nexport type AreaChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type AreaChartProps = BaseChartProps<AreaChartData> & {\n  /** Field name that groups the data points */\n  groupKey: string;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Controls whether to display dots on the area chart lines */\n  showDots?: boolean;\n  /** D3 curve factory for line interpolation (e.g., curveLinear, curveCardinal) */\n  curve?: CurveFactory;\n  /**  Enables stacked area chart mode */\n  stacked?: boolean;\n  /** Callback triggered when a user clicks on a chart at a position corresponding to a data item */\n  onClickArea?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type AreaChartType = Intergalactic.Component<typeof Flex, Intergalactic.InternalTypings.EfficientOmit<AreaChartProps, 'showLegend'> & { showLegend?: boolean } & AriaNameProps>;\n"],"mappings":"","ignoreList":[]}

package/lib/es6/component/Chart/BarChart.js

@@ -2,33 +2,27 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _extends from "@babel/runtime/helpers/extends";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _callSuper from "@babel/runtime/helpers/callSuper";
+import _superPropGet from "@babel/runtime/helpers/superPropGet";
 import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from 'react';
-import createComponent from '@semcore/core';
+import { createComponent } from '@semcore/core';
+import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
 import { scaleBand, scaleLinear, scaleTime } from 'd3-scale';
-// @ts-ignore
-import { minMax, GroupBar, HoverRect, StackBar, Line } from '../..';
+import React from 'react';
 import { AbstractChart } from './AbstractChart';
-import { Box, Flex } from '@semcore/flex-box';
-import { Text } from '@semcore/typography';
+// @ts-ignore
+import { minMax, GroupBar, HoverRect, StackBar, Line, YAxis, XAxis } from '../..';
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
-import i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';
 var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
-  _inherits(BarChartComponent, _AbstractChart);
-  var _super = _createSuper(BarChartComponent);
   function BarChartComponent() {
     var _this;
     _classCallCheck(this, BarChartComponent);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _super.call.apply(_super, [this].concat(args));
-    _defineProperty(_assertThisInitialized(_this), "handleClickBar", function (_data, e, barIndex, barKey) {
+    _this = _callSuper(this, BarChartComponent, [].concat(args));
+    _defineProperty(_this, "handleClickBar", function (_data, e, barIndex, barKey) {
       var onClickBar = _this.asProps.onClickBar;
       if (onClickBar) {
         onClickBar(barIndex, barKey, e);
@@ -36,7 +30,8 @@ var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
     });
     return _this;
   }
-  _createClass(BarChartComponent, [{
+  _inherits(BarChartComponent, _AbstractChart);
+  return _createClass(BarChartComponent, [{
     key: "xScale",
     get: function get() {
       var _this$asProps = this.asProps,
@@ -73,8 +68,6 @@ var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
     value: function renderTrend(key) {
       var _this$asProps3 = this.asProps,
         groupKey = _this$asProps3.groupKey,
-        _this$asProps3$type = _this$asProps3.type,
-        type = _this$asProps3$type === void 0 ? 'group' : _this$asProps3$type,
         invertAxis = _this$asProps3.invertAxis,
         trend = _this$asProps3.trend;
       var withTrend = this.state.withTrend;
@@ -85,7 +78,7 @@ var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
           key: "".concat(key, "_").concat(groupKey),
           x: invertAxis ? 'y' : 'x',
           y: invertAxis ? 'x' : 'y',
-          color: 'wall',
+          color: "wall",
           style: {
             strokeWidth: 3,
             strokeDasharray: 5
@@ -112,7 +105,7 @@ var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
       if (dataDefinitions.length === 1) {
         var item = dataDefinitions[0];
         var BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;
-        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BarComponent, {
+        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,
@@ -175,48 +168,73 @@ var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
       var _this$asProps5 = this.asProps,
         data = _this$asProps5.data,
         groupKey = _this$asProps5.groupKey,
-        showTotalInTooltip = _this$asProps5.showTotalInTooltip,
-        showTooltip = _this$asProps5.showTooltip,
         invertAxis = _this$asProps5.invertAxis,
         onClickHoverRect = _this$asProps5.onClickHoverRect;
-      var dataDefinitions = this.state.dataDefinitions;
-      if (!showTooltip) {
-        return null;
-      }
       return /*#__PURE__*/React.createElement(HoverRect.Tooltip, {
         x: invertAxis ? undefined : groupKey,
         y: invertAxis ? groupKey : undefined,
         wMin: 100,
         onClick: onClickHoverRect
       }, function (_ref) {
-        var _dataItem$groupKey;
         var xIndex = _ref.xIndex,
           yIndex = _ref.yIndex;
         var index = invertAxis ? yIndex : xIndex;
         var dataItem = data[index];
-        var total = _this3.totalValue(dataItem);
         return {
-          children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HoverRect.Tooltip.Title, null, (_dataItem$groupKey = dataItem[groupKey]) === null || _dataItem$groupKey === void 0 ? void 0 : _dataItem$groupKey.toString()), dataDefinitions.map(function (item) {
-            return item.checked && /*#__PURE__*/React.createElement(Flex, {
-              justifyContent: "space-between",
-              key: item.id
-            }, /*#__PURE__*/React.createElement(HoverRect.Tooltip.Dot, {
-              mr: 4,
-              color: item.color
-            }, item.label), /*#__PURE__*/React.createElement(Text, {
-              bold: true
-            }, _this3.tooltipValueFormatter(dataItem[item.id])));
-          }), showTotalInTooltip === true && /*#__PURE__*/React.createElement(Flex, {
-            mt: 2,
-            justifyContent: "space-between"
-          }, /*#__PURE__*/React.createElement(Box, {
-            mr: 4
-          }, "Total"), /*#__PURE__*/React.createElement(Text, {
-            bold: true
-          }, total)))
+          children: _this3.getTooltipChildren({
+            Tooltip: HoverRect.Tooltip,
+            dataItem: dataItem
+          })
         };
       });
     }
+  }, {
+    key: "renderAxis",
+    value: function renderAxis() {
+      var _this$asProps6 = this.asProps,
+        invertAxis = _this$asProps6.invertAxis,
+        showXAxis = _this$asProps6.showXAxis,
+        showYAxis = _this$asProps6.showYAxis,
+        data = _this$asProps6.data,
+        axisXValueFormatter = _this$asProps6.axisXValueFormatter,
+        axisYValueFormatter = _this$asProps6.axisYValueFormatter,
+        multilineXTicks = _this$asProps6.multilineXTicks,
+        multilineYTicks = _this$asProps6.multilineYTicks;
+      if (!Array.isArray(data)) {
+        return null;
+      }
+      var xTicks = this.xTicks;
+      var yTicks = this.yTicks;
+      var childrenX = axisXValueFormatter ? function (_ref2) {
+        var value = _ref2.value;
+        return {
+          children: axisXValueFormatter(value)
+        };
+      } : undefined;
+      var childrenY = axisYValueFormatter ? function (_ref3) {
+        var value = _ref3.value;
+        return {
+          children: axisYValueFormatter(value)
+        };
+      } : undefined;
+      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))));
+    }
   }, {
     key: "getLegendAriaLabel",
     value: function getLegendAriaLabel() {
@@ -227,16 +245,16 @@ var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
   }, {
     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 _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,
+        data = _this$asProps7.data,
+        groupKey = _this$asProps7.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())) {
@@ -251,20 +269,19 @@ var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
   }, {
     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' ? _get(_getPrototypeOf(BarChartComponent.prototype), "maxStackedValue", this) : Math.max.apply(Math, _toConsumableArray(_get(_getPrototypeOf(BarChartComponent.prototype), "flatValues", this)));
+      var _this$asProps8 = this.asProps,
+        _this$asProps8$margin = _this$asProps8.marginY,
+        marginY = _this$asProps8$margin === void 0 ? 40 : _this$asProps8$margin,
+        _this$asProps8$margin2 = _this$asProps8.marginX,
+        marginX = _this$asProps8$margin2 === void 0 ? 24 : _this$asProps8$margin2,
+        plotWidth = _this$asProps8.plotWidth,
+        plotHeight = _this$asProps8.plotHeight,
+        invertAxis = _this$asProps8.invertAxis,
+        type = _this$asProps8.type;
+      var max = type === 'stack' ? _superPropGet(BarChartComponent, "maxStackedValue", this, 1) : Math.max.apply(Math, _toConsumableArray(_superPropGet(BarChartComponent, "flatValues", this, 1)));
       return scaleLinear().range(invertAxis ? [marginY, plotWidth - this.plotPadding] : [plotHeight - marginX, this.plotPadding]).domain([0, max]);
     }
   }]);
-  return BarChartComponent;
 }(AbstractChart);
 _defineProperty(BarChartComponent, "displayName", 'Chart.Bar');
 _defineProperty(BarChartComponent, "enhance", [i18nEnhance(localizedMessages)]);

package/lib/es6/component/Chart/BarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.js","names":["React","createComponent","scaleBand","scaleLinear","scaleTime","minMax","GroupBar","HoverRect","StackBar","Line","AbstractChart","Box","Flex","Text","localizedMessages","i18nEnhance","BarChartComponent","_AbstractChart","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","_data","e","barIndex","barKey","onClickBar","asProps","_createClass","key","get","_this$asProps","xScale","invertAxis","valueScale","categoryScale","_this$asProps2","yScale","value","defaultLegendProps","props","trend","undefined","withTrend","renderTrend","_this$asProps3","groupKey","_this$asProps3$type","type","state","trendItem","createElement","data","x","y","color","style","strokeWidth","strokeDasharray","Dots","display","renderChart","_this2","_this$asProps4","_this$asProps4$type","_this$state","dataDefinitions","highlightedLine","item","BarComponent","HorizontalBar","Bar","Fragment","id","onClick","handleClickBar","map","index","commonBarComponentProps","transparent","checked","_extends","renderTooltip","_this3","_this$asProps5","showTotalInTooltip","showTooltip","onClickHoverRect","Tooltip","wMin","_ref","_dataItem$groupKey","xIndex","yIndex","dataItem","total","totalValue","children","Title","toString","justifyContent","Dot","mr","label","bold","tooltipValueFormatter","mt","getLegendAriaLabel","getI18nText","chartType","_this$asProps6","_this$asProps6$margin","marginY","_this$asProps6$margin2","marginX","plotWidth","plotHeight","testItem","range","plotPadding","Date","Number","isNaN","getMilliseconds","domain","paddingInner","paddingOuter","_this$asProps7","_this$asProps7$margin","_this$asProps7$margin2","max","_get","_getPrototypeOf","prototype","Math","_toConsumableArray","BarChart"],"sources":["../../../../src/component/Chart/BarChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { BaseLegendProps } from './AbstractChart.type';\nimport { BarChartData, BarChartProps, BarChartType } from './BarChart.type';\nimport { scaleBand, scaleLinear, scaleTime } from 'd3-scale';\n// @ts-ignore\nimport { minMax, GroupBar, HoverRect, StackBar, Line } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { BarProps } from '../../types';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\n\nclass BarChartComponent extends AbstractChart<\n  BarChartData,\n  BarChartProps,\n  typeof BarChartComponent.enhance\n> {\n  static displayName = 'Chart.Bar';\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  get xScale() {\n    const { xScale, invertAxis } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    return invertAxis ? this.valueScale : this.categoryScale;\n  }\n\n  get yScale() {\n    const { yScale, invertAxis } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    return invertAxis ? this.categoryScale : this.valueScale;\n  }\n\n  protected defaultLegendProps(): Partial<BaseLegendProps> {\n    if (this.props.trend !== undefined) {\n      return { withTrend: true };\n    }\n\n    return {};\n  }\n\n  renderTrend(key: LegendItemKey) {\n    const { groupKey, type = 'group', invertAxis, trend } = this.asProps;\n    const { withTrend } = this.state;\n    const trendItem = trend?.[key];\n\n    if (withTrend && trendItem) {\n      return (\n        <Line\n          data={trendItem}\n          key={`${key}_${groupKey}`}\n          x={invertAxis ? 'y' : 'x'}\n          y={invertAxis ? 'x' : 'y'}\n          color={'wall'}\n          style={{ strokeWidth: 3, strokeDasharray: 5 }}\n        >\n          <Line.Dots data={trendItem} display />\n        </Line>\n      );\n    }\n\n    return null;\n  }\n\n  renderChart() {\n    const { groupKey, type = 'group', invertAxis } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    if (dataDefinitions.length === 1) {\n      const item = dataDefinitions[0];\n      const BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;\n\n      return (\n        <>\n          <BarComponent\n            x={invertAxis ? item.id : groupKey}\n            y={invertAxis ? groupKey : item.id}\n            key={item.id}\n            color={item.color}\n            onClick={this.handleClickBar}\n          />\n          {this.renderTrend(item.id)}\n        </>\n      );\n    }\n\n    if (type === 'group') {\n      return (\n        <>\n          <GroupBar x={invertAxis ? undefined : groupKey} y={invertAxis ? groupKey : undefined}>\n            {dataDefinitions.map((item, index) => {\n              const BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;\n\n              const commonBarComponentProps: BarProps = {\n                color: item.color,\n                transparent: highlightedLine !== -1 && highlightedLine !== index,\n                onClick: this.handleClickBar,\n              };\n\n              if (invertAxis) {\n                commonBarComponentProps.x = item.id;\n              } else {\n                commonBarComponentProps.y = item.id;\n              }\n\n              return item.checked && <BarComponent key={item.id} {...commonBarComponentProps} />;\n            })}\n          </GroupBar>\n          {dataDefinitions.map((item) => item.checked && this.renderTrend(item.id))}\n        </>\n      );\n    }\n\n    if (type === 'stack') {\n      return (\n        <>\n          <StackBar x={invertAxis ? undefined : groupKey} y={invertAxis ? groupKey : undefined}>\n            {dataDefinitions.map((item, index) => {\n              const BarComponent = invertAxis ? StackBar.HorizontalBar : StackBar.Bar;\n\n              const commonBarComponentProps: BarProps = {\n                color: item.color,\n                transparent: highlightedLine !== -1 && highlightedLine !== index,\n                onClick: this.handleClickBar,\n              };\n\n              if (invertAxis) {\n                commonBarComponentProps.x = item.id;\n              } else {\n                commonBarComponentProps.y = item.id;\n              }\n\n              return item.checked && <BarComponent key={item.id} {...commonBarComponentProps} />;\n            })}\n          </StackBar>\n          {dataDefinitions.map((item) => item.checked && this.renderTrend(item.id))}\n        </>\n      );\n    }\n\n    return null;\n  }\n\n  renderTooltip(): React.ReactNode {\n    const { data, groupKey, showTotalInTooltip, showTooltip, invertAxis, onClickHoverRect } =\n      this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <HoverRect.Tooltip\n        x={invertAxis ? undefined : groupKey}\n        y={invertAxis ? groupKey : undefined}\n        wMin={100}\n        onClick={onClickHoverRect}\n      >\n        {({ xIndex, yIndex }: any) => {\n          const index = invertAxis ? yIndex : xIndex;\n          const dataItem = data[index];\n          const total = this.totalValue(dataItem);\n\n          return {\n            children: (\n              <>\n                <HoverRect.Tooltip.Title>{dataItem[groupKey]?.toString()}</HoverRect.Tooltip.Title>\n\n                {dataDefinitions.map((item) => {\n                  return (\n                    item.checked && (\n                      <Flex justifyContent='space-between' key={item.id}>\n                        <HoverRect.Tooltip.Dot mr={4} color={item.color}>\n                          {item.label}\n                        </HoverRect.Tooltip.Dot>\n                        <Text bold>{this.tooltipValueFormatter(dataItem[item.id])}</Text>\n                      </Flex>\n                    )\n                  );\n                })}\n\n                {showTotalInTooltip === true && (\n                  <Flex mt={2} justifyContent='space-between'>\n                    <Box mr={4}>Total</Box>\n                    <Text bold>{total}</Text>\n                  </Flex>\n                )}\n              </>\n            ),\n          };\n        }}\n      </HoverRect.Tooltip>\n    );\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Bar' });\n  }\n\n  private handleClickBar = (\n    _data: BarChartData[0],\n    e: React.SyntheticEvent,\n    barIndex: number,\n    barKey: string,\n  ) => {\n    const { onClickBar } = this.asProps;\n\n    if (onClickBar) {\n      onClickBar(barIndex, barKey, e);\n    }\n  };\n\n  private get categoryScale() {\n    const {\n      marginY = 40,\n      marginX = 24,\n      plotWidth,\n      plotHeight,\n      invertAxis,\n      data,\n      groupKey,\n    } = this.asProps;\n\n    const testItem = data[0][groupKey];\n    const range = invertAxis\n      ? [plotHeight - marginX, this.plotPadding]\n      : [marginY, plotWidth - this.plotPadding];\n\n    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n      const domain = minMax(data, groupKey);\n\n      return scaleTime(domain, range);\n    }\n\n    const domain = data.map((item) => item[groupKey]);\n\n    return scaleBand(domain, range).paddingInner(0.4).paddingOuter(0.2);\n  }\n\n  private get valueScale() {\n    const { marginY = 40, marginX = 24, plotWidth, plotHeight, invertAxis, type } = this.asProps;\n\n    const max = type === 'stack' ? super.maxStackedValue : Math.max(...super.flatValues);\n\n    return scaleLinear()\n      .range(\n        invertAxis\n          ? [marginY, plotWidth - this.plotPadding]\n          : [plotHeight - marginX, this.plotPadding],\n      )\n      .domain([0, max]);\n  }\n}\n\nexport const BarChart: BarChartType = createComponent(BarChartComponent);\n"],"mappings":"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"}
+{"version":3,"file":"BarChart.js","names":["createComponent","i18nEnhance","scaleBand","scaleLinear","scaleTime","React","AbstractChart","minMax","GroupBar","HoverRect","StackBar","Line","YAxis","XAxis","localizedMessages","BarChartComponent","_AbstractChart","_this","_classCallCheck","_len","arguments","length","args","Array","_key","_callSuper","concat","_defineProperty","_data","e","barIndex","barKey","onClickBar","asProps","_inherits","_createClass","key","get","_this$asProps","xScale","invertAxis","valueScale","categoryScale","_this$asProps2","yScale","value","defaultLegendProps","props","trend","undefined","withTrend","renderTrend","_this$asProps3","groupKey","state","trendItem","createElement","data","x","y","color","style","strokeWidth","strokeDasharray","Dots","display","renderChart","_this2","_this$asProps4","_this$asProps4$type","type","_this$state","dataDefinitions","highlightedLine","item","BarComponent","HorizontalBar","Bar","checked","Fragment","id","onClick","handleClickBar","map","index","commonBarComponentProps","transparent","_extends","renderTooltip","_this3","_this$asProps5","onClickHoverRect","Tooltip","wMin","_ref","xIndex","yIndex","dataItem","children","getTooltipChildren","renderAxis","_this$asProps6","showXAxis","showYAxis","axisXValueFormatter","axisYValueFormatter","multilineXTicks","multilineYTicks","isArray","xTicks","yTicks","childrenX","_ref2","childrenY","_ref3","Ticks","primaryText","multiline","ticks","Grid","getLegendAriaLabel","getI18nText","chartType","_this$asProps7","_this$asProps7$margin","marginY","_this$asProps7$margin2","marginX","plotWidth","plotHeight","testItem","range","plotPadding","Date","Number","isNaN","getMilliseconds","domain","paddingInner","paddingOuter","_this$asProps8","_this$asProps8$margin","_this$asProps8$margin2","max","_superPropGet","Math","apply","_toConsumableArray","BarChart"],"sources":["../../../../src/component/Chart/BarChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { scaleBand, scaleLinear, scaleTime } from 'd3-scale';\nimport React from 'react';\n\nimport { AbstractChart } from './AbstractChart';\nimport type { BaseLegendProps } from './AbstractChart.type';\nimport type { BarChartData, BarChartProps, BarChartType } from './BarChart.type';\n// @ts-ignore\nimport { minMax, GroupBar, HoverRect, StackBar, Line, YAxis, XAxis } from '../..';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport type { BarProps } from '../../types';\nimport type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass BarChartComponent extends AbstractChart<\n  BarChartData,\n  BarChartProps,\n  typeof BarChartComponent.enhance\n> {\n  static displayName = 'Chart.Bar';\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  get xScale() {\n    const { xScale, invertAxis } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    return invertAxis ? this.valueScale : this.categoryScale;\n  }\n\n  get yScale() {\n    const { yScale, invertAxis } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    return invertAxis ? this.categoryScale : this.valueScale;\n  }\n\n  protected defaultLegendProps(): Partial<BaseLegendProps> {\n    if (this.props.trend !== undefined) {\n      return { withTrend: true };\n    }\n\n    return {};\n  }\n\n  renderTrend(key: LegendItemKey) {\n    const { groupKey, invertAxis, trend } = this.asProps;\n    const { withTrend } = this.state;\n    const trendItem = trend?.[key];\n\n    if (withTrend && trendItem) {\n      return (\n        <Line\n          data={trendItem}\n          key={`${key}_${groupKey}`}\n          x={invertAxis ? 'y' : 'x'}\n          y={invertAxis ? 'x' : 'y'}\n          color='wall'\n          style={{ strokeWidth: 3, strokeDasharray: 5 }}\n        >\n          <Line.Dots data={trendItem} display />\n        </Line>\n      );\n    }\n\n    return null;\n  }\n\n  renderChart() {\n    const { groupKey, type = 'group', invertAxis } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    if (dataDefinitions.length === 1) {\n      const item = dataDefinitions[0];\n      const BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;\n\n      return (\n        item.checked && (\n          <>\n            <BarComponent\n              x={invertAxis ? item.id : groupKey}\n              y={invertAxis ? groupKey : item.id}\n              key={item.id}\n              color={item.color}\n              onClick={this.handleClickBar}\n            />\n            {this.renderTrend(item.id)}\n          </>\n        )\n      );\n    }\n\n    if (type === 'group') {\n      return (\n        <>\n          <GroupBar x={invertAxis ? undefined : groupKey} y={invertAxis ? groupKey : undefined}>\n            {dataDefinitions.map((item, index) => {\n              const BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;\n\n              const commonBarComponentProps: BarProps = {\n                color: item.color,\n                transparent: highlightedLine !== -1 && highlightedLine !== index,\n                onClick: this.handleClickBar,\n              };\n\n              if (invertAxis) {\n                commonBarComponentProps.x = item.id;\n              } else {\n                commonBarComponentProps.y = item.id;\n              }\n\n              return item.checked && <BarComponent key={item.id} {...commonBarComponentProps} />;\n            })}\n          </GroupBar>\n          {dataDefinitions.map((item) => item.checked && this.renderTrend(item.id))}\n        </>\n      );\n    }\n\n    if (type === 'stack') {\n      return (\n        <>\n          <StackBar x={invertAxis ? undefined : groupKey} y={invertAxis ? groupKey : undefined}>\n            {dataDefinitions.map((item, index) => {\n              const BarComponent = invertAxis ? StackBar.HorizontalBar : StackBar.Bar;\n\n              const commonBarComponentProps: BarProps = {\n                color: item.color,\n                transparent: highlightedLine !== -1 && highlightedLine !== index,\n                onClick: this.handleClickBar,\n              };\n\n              if (invertAxis) {\n                commonBarComponentProps.x = item.id;\n              } else {\n                commonBarComponentProps.y = item.id;\n              }\n\n              return item.checked && <BarComponent key={item.id} {...commonBarComponentProps} />;\n            })}\n          </StackBar>\n          {dataDefinitions.map((item) => item.checked && this.renderTrend(item.id))}\n        </>\n      );\n    }\n\n    return null;\n  }\n\n  renderTooltip(): React.ReactNode {\n    const { data, groupKey, invertAxis, onClickHoverRect } = this.asProps;\n\n    return (\n      <HoverRect.Tooltip\n        x={invertAxis ? undefined : groupKey}\n        y={invertAxis ? groupKey : undefined}\n        wMin={100}\n        onClick={onClickHoverRect}\n      >\n        {({ xIndex, yIndex }: any) => {\n          const index = invertAxis ? yIndex : xIndex;\n          const dataItem = data[index];\n\n          return {\n            children: this.getTooltipChildren({\n              Tooltip: HoverRect.Tooltip,\n              dataItem,\n            }),\n          };\n        }}\n      </HoverRect.Tooltip>\n    );\n  }\n\n  protected override renderAxis(): React.ReactNode {\n    const {\n      invertAxis,\n      showXAxis,\n      showYAxis,\n      data,\n      axisXValueFormatter,\n      axisYValueFormatter,\n      multilineXTicks,\n      multilineYTicks,\n    } = this.asProps;\n\n    if (!Array.isArray(data)) {\n      return null;\n    }\n\n    const xTicks = this.xTicks;\n    const yTicks = this.yTicks;\n\n    const childrenX = axisXValueFormatter\n      ? ({ value }: any) => ({ children: axisXValueFormatter(value) })\n      : undefined;\n    const childrenY = axisYValueFormatter\n      ? ({ value }: any) => ({ children: axisYValueFormatter(value) })\n      : undefined;\n\n    return (\n      <>\n        {showYAxis && (\n          <YAxis>\n            {yTicks\n              ? (\n                  <YAxis.Ticks primaryText={invertAxis} multiline={multilineYTicks} ticks={yTicks}>{childrenY}</YAxis.Ticks>\n                )\n              : (\n                  <YAxis.Ticks primaryText={invertAxis} multiline={multilineYTicks}>{childrenY}</YAxis.Ticks>\n                )}\n            {invertAxis !== true && (yTicks ? <YAxis.Grid ticks={yTicks} /> : <YAxis.Grid />)}\n          </YAxis>\n        )}\n\n        {showXAxis && (\n          <XAxis>\n            {xTicks\n              ? (\n                  <XAxis.Ticks multiline={multilineXTicks} ticks={xTicks}>{childrenX}</XAxis.Ticks>\n                )\n              : (\n                  <XAxis.Ticks multiline={multilineXTicks}>{childrenX}</XAxis.Ticks>\n                )}\n            {invertAxis === true && (xTicks ? <XAxis.Grid ticks={xTicks} /> : <XAxis.Grid />)}\n          </XAxis>\n        )}\n      </>\n    );\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Bar' });\n  }\n\n  private handleClickBar = (\n    _data: BarChartData[0],\n    e: React.SyntheticEvent,\n    barIndex: number,\n    barKey: string,\n  ) => {\n    const { onClickBar } = this.asProps;\n\n    if (onClickBar) {\n      onClickBar(barIndex, barKey, e);\n    }\n  };\n\n  private get categoryScale() {\n    const {\n      marginY = 40,\n      marginX = 24,\n      plotWidth,\n      plotHeight,\n      invertAxis,\n      data,\n      groupKey,\n    } = this.asProps;\n\n    const testItem = data[0][groupKey];\n    const range = invertAxis\n      ? [plotHeight - marginX, this.plotPadding]\n      : [marginY, plotWidth - this.plotPadding];\n\n    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n      const domain = minMax(data, groupKey);\n\n      return scaleTime(domain, range);\n    }\n\n    const domain = data.map((item) => item[groupKey]);\n\n    return scaleBand(domain, range).paddingInner(0.4).paddingOuter(0.2);\n  }\n\n  private get valueScale() {\n    const { marginY = 40, marginX = 24, plotWidth, plotHeight, invertAxis, type } = this.asProps;\n\n    const max = type === 'stack' ? super.maxStackedValue : Math.max(...super.flatValues);\n\n    return scaleLinear()\n      .range(\n        invertAxis\n          ? [marginY, plotWidth - this.plotPadding]\n          : [plotHeight - marginX, this.plotPadding],\n      )\n      .domain([0, max]);\n  }\n}\n\nexport const BarChart: BarChartType = createComponent(BarChartComponent);\n"],"mappings":"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","ignoreList":[]}

package/lib/es6/component/Chart/BarChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.type.js","names":[],"sources":["../../../../src/component/Chart/BarChart.type.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';\nimport { BaseChartProps } from './AbstractChart.type';\nimport { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\ntype TrendItem = {\n  x: number;\n  y: number;\n};\n\ntype BarKey = string;\n\nexport type BarChartData = Array<Record<BarKey, string | number | Date>>;\n\nexport type BarChartProps = BaseChartProps<BarChartData> & {\n  groupKey: string;\n  xScale?: ScaleBand<any> | ScaleTime<any, any>;\n  yScale?: ScaleLinear<any, any>;\n  type?: 'stack' | 'group';\n  trend?: Record<LegendItemKey, TrendItem[]>;\n\n  /** Handle click by `HoverRect`. `index` is an index of the data array. */\n  onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;\n\n  /** Handle click by Bar. */\n  onClickBar?: (barItem: number, barKey: BarKey, e: React.SyntheticEvent) => void;\n};\n\nexport type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps>;\n"],"mappings":""}
+{"version":3,"file":"BarChart.type.js","names":[],"sources":["../../../../src/component/Chart/BarChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';\nimport type React from 'react';\n\nimport type { AriaNameProps, BaseChartProps } from './AbstractChart.type';\nimport type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\ntype TrendItem = {\n  x: number | string;\n  y: number | string;\n};\n\ntype BarKey = string;\n\nexport type BarChartData = Array<Record<BarKey, string | number | Date>>;\n\nexport type BarChartProps = BaseChartProps<BarChartData> & {\n  /** Field name that groups the data points */\n  groupKey: string;\n  /** Custom x-axis scale */\n  xScale?: ScaleBand<any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Controls whether bars are grouped side-by-side or stacked */\n  type?: 'stack' | 'group';\n  /** Optional trend line data to overlay on the bars */\n  trend?: Record<LegendItemKey, TrendItem[]>;\n  /** Handle click by `HoverRect`. `index` is an index of the data array. */\n  onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;\n  /** Handle click by Bar. */\n  onClickBar?: (barItem: number, barKey: BarKey, e: React.SyntheticEvent) => void;\n};\n\nexport type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps & AriaNameProps>;\n"],"mappings":"","ignoreList":[]}