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

package/lib/cjs/component/Chart/AbstractChart.type.js.map

@@ -1 +1 @@
-{"version":3,"file":"AbstractChart.type.js","names":[],"sources":["../../../../src/component/Chart/AbstractChart.type.ts"],"sourcesContent":["import type { FlexProps } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type Icon from '@semcore/icon';\nimport type React from 'react';\n\nimport type { PatternsConfig } from '../../Pattern';\n// @ts-ignore\nimport type { PlotSummarizerConfig } from '../../Plot';\nimport type { PlotEventEmitter } from '../../utils';\nimport type { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';\nimport type { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';\nimport type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\nexport type BaseLegendProps = BaseChartLegendProps & {\n  /**\n   * Disable hover (for transition items legend of each not hovered)\n   */\n  disableHoverItems?: boolean;\n  /**\n   * Disable selectable of data items by checkboxes in Legend\n   */\n  disableSelectItems?: boolean;\n} & (\n    | (TrendProps & {\n      /**\n         * How to render Legend - Flex view. Just list of legend items\n         */\n      legendType?: never | 'Flex';\n      /**\n         * Config for Legend items\n         */\n      legendMap?: LegendDataMap<'Flex'>;\n    })\n    | {\n      /**\n         * How to render Legend - Table view. Table of legend items with some additional information in columns\n         */\n      legendType: 'Table';\n      /**\n         * Config for Legend items\n         */\n      legendMap?: LegendDataMap<'Table'>;\n    }\n  );\n\nexport type ObjectData = Record<string, unknown>;\nexport type ListData = ObjectData[];\n\n/**\n * Chart, Legend must have an accessible names (aria-name).\n * It should describe chart or legend content.\n */\nexport type AriaNameProps = Intergalactic.RequireAtLeastOne<{\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  'title'?: string;\n}>;\n\nexport type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {\n  /**\n   * Chart data. For all charts except Donut(Pie), Radar and Venn should be an Array\n   */\n  data: T;\n  /**\n   * Width of plot\n   */\n  plotWidth: number;\n  /**\n   * Height of plot\n   */\n  plotHeight: number;\n\n  /** Enables charts patterns that enhances charts accessibility */\n  patterns?: PatternsConfig;\n  /**\n   * Margin (for Y axis points) from left side of chart container to Y axis\n   */\n  marginY?: number;\n  /**\n   * Margin (for X axis points) from bottom of chart container to X axis\n   */\n  marginX?: number;\n  /**\n   * invert axis and show horizontal charts (only for Bars!)\n   */\n  invertAxis?: boolean;\n\n  /**\n   * Show X axis\n   * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n   */\n  showXAxis?: boolean;\n  /**\n   * Show Y axis\n   * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n   */\n  showYAxis?: boolean;\n  /**\n   * Map with colors for data items\n   */\n  colorMap?: Record<string, string>;\n  /**\n   * Show tooltip's.\n   * @default true\n   */\n  showTooltip?: boolean;\n  /**\n   * Show sum of values for selected point in tooltip\n   */\n  showTotalInTooltip?: boolean;\n  /**\n   * Scale for xAxis (see more in d3-scale)\n   */\n  xScale?: unknown;\n  /**\n   * Scale for yAxis (see more in d3-scale)\n   */\n  yScale?: unknown;\n  /**\n   * Count of ticks for X axis\n   */\n  xTicksCount?: number;\n  /**\n   * Count of ticks for Y axis\n   */\n  yTicksCount?: number;\n  /** Enables multiline tick labels for X axis, applicable only for band scales */\n  multilineXTicks?: boolean;\n  /** Enables multiline tick labels for Y axis, applicable only for band scales */\n  multilineYTicks?: boolean;\n  /**\n   * Group key for all array-based charts (for get keys of items for legend except that group key)\n   */\n  groupKey?: string;\n  /**\n   * function for format axis item text\n   */\n  axisXValueFormatter?: (value: unknown) => string;\n  axisYValueFormatter?: (value: unknown) => string;\n  /**\n   * Function for format text for tooltip\n   */\n  tooltipValueFormatter?: (value?: unknown) => string;\n  /**\n   * Custom event emitter. Could be useful to handle event on few charts at the same time.\n   */\n  eventEmitter?: InstanceType<typeof PlotEventEmitter>;\n  /**\n   * Config for a11y summary\n   */\n  a11yAltTextConfig?: PlotSummarizerConfig;\n\n  /**\n   * Animations duration, set 0 to disable animations\n   */\n  duration?: number;\n  /**\n   * Flag to show/hide legend\n   */\n  showLegend?: boolean;\n  /**\n   * Props for Legend\n   */\n  legendProps?: Partial<BaseLegendProps>;\n} & (\n  | {\n  /**\n   * Don't show legend\n   */\n    showLegend?: false;\n    legendProps?: never;\n  }\n  | {\n  /**\n   *  By default (if showLegend don't set), for one data item on chart,\n   *  Legend component will be hide, and show for more then 1 data item.\n   *  If set `true` - Legend component will show always.\n   */\n    showLegend?: true;\n    /**\n   * Props for Legend\n   */\n    legendProps?: Partial<BaseLegendProps>;\n  }\n  );\n\ntype LegendDataMap<T extends 'Flex' | 'Table'> = Record<\n  LegendItemKey,\n  {\n    /**\n     * Custom label for legend item (by default use keys from data item object)\n     */\n    label?: string;\n    /**\n     * Additional text after label\n     */\n    additionalInfo?: string;\n    /**\n     * Count after label\n     */\n    count?: number;\n    /**\n     * Custom Icon\n     */\n    icon?: typeof Icon;\n    /**\n     * Flag for uncheck some items by default\n     */\n    defaultChecked?: boolean;\n  } & (T extends 'Table' ? { columns?: React.ReactNode[] } : { columns?: never })\n>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"AbstractChart.type.js","names":[],"sources":["../../../../src/component/Chart/AbstractChart.type.ts"],"sourcesContent":["import React from 'react';\nimport { FlexProps } from '@semcore/flex-box';\nimport { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\nimport Icon from '@semcore/icon';\nimport { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';\nimport { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';\nimport { PatternsConfig } from '../../Pattern';\n// @ts-ignore\nimport { PlotSummarizerConfig } from '../../Plot';\nimport { Intergalactic } from '@semcore/utils/lib/core';\n\nexport type BaseLegendProps = BaseChartLegendProps & {\n  /**\n   * Disable hover (for transition items legend of each not hovered)\n   */\n  disableHoverItems?: boolean;\n  /**\n   * Disable selectable of data items by checkboxes in Legend\n   */\n  disableSelectItems?: boolean;\n} & (\n    | (TrendProps & {\n        /**\n         * How to render Legend - Flex view. Just list of legend items\n         */\n        legendType?: never | 'Flex';\n        /**\n         * Config for Legend items\n         */\n        legendMap?: LegendDataMap<'Flex'>;\n      })\n    | {\n        /**\n         * How to render Legend - Table view. Table of legend items with some additional information in columns\n         */\n        legendType: 'Table';\n        /**\n         * Config for Legend items\n         */\n        legendMap?: LegendDataMap<'Table'>;\n      }\n  );\n\nexport type ObjectData = Record<string, unknown>;\nexport type ListData = ObjectData[];\n\n/**\n * Chart, Legend must have an accessible names (aria-name).\n * It should describe chart or legend content.\n */\nexport type AriaNameProps = Intergalactic.RequireAtLeastOne<{\n  'aria-label'?: string;\n  'aria-labelledby'?: string;\n  title?: string;\n}>;\n\nexport type BaseChartProps<T extends ListData | ObjectData> = FlexProps &\n  AriaNameProps & {\n    /**\n     * Chart data. For all charts except Donut(Pie), Radar and Venn should be an Array\n     */\n    data: T;\n    /**\n     * Width of plot\n     */\n    plotWidth: number;\n    /**\n     * Height of plot\n     */\n    plotHeight: number;\n\n    /** Enables charts patterns that enhances charts accessibility */\n    patterns?: PatternsConfig;\n    /**\n     * Margin (for Y axis points) from left side of chart container to Y axis\n     */\n    marginY?: number;\n    /**\n     * Margin (for X axis points) from bottom of chart container to X axis\n     */\n    marginX?: number;\n    /**\n     * invert axis and show horizontal charts (only for Bars!)\n     */\n    invertAxis?: boolean;\n\n    /**\n     * Show X axis\n     * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n     */\n    showXAxis?: boolean;\n    /**\n     * Show Y axis\n     * @default true (for charts with axis: Area, Line, Bar, ScatterPlot, ...)\n     */\n    showYAxis?: boolean;\n    /**\n     * Map with colors for data items\n     */\n    colorMap?: Record<string, string>;\n    /**\n     * Show tooltip's.\n     * @default true\n     */\n    showTooltip?: boolean;\n    /**\n     * Show sum of values for selected point in tooltip\n     */\n    showTotalInTooltip?: boolean;\n    /**\n     * Scale for xAxis (see more in d3-scale)\n     */\n    xScale?: unknown;\n    /**\n     * Scale for yAxis (see more in d3-scale)\n     */\n    yScale?: unknown;\n    /**\n     * Count of ticks for X axis\n     */\n    xTicksCount?: number;\n    /**\n     * Count of ticks for Y axis\n     */\n    yTicksCount?: number;\n    /**\n     * Group key for all array-based charts (for get keys of items for legend except that group key)\n     */\n    groupKey?: string;\n    /**\n     * function for format axis item text\n     */\n    axisXValueFormatter?: (value: unknown) => string;\n    axisYValueFormatter?: (value: unknown) => string;\n    /**\n     * Function for format text for tooltip\n     */\n    tooltipValueFormatter?: (value?: unknown) => string;\n    /**\n     * Config for a11y summary\n     */\n    a11yAltTextConfig?: PlotSummarizerConfig;\n\n    /**\n     * Animations duration, set 0 to disable animations\n     */\n    duration?: number;\n  } /**\n   * By default, we show the Legend for all charts with more the one data item.\n   * For hide the Legend, you should set showLegend prop to `false`.\n   */ & (\n    | {\n        /**\n         * Don't show legend\n         */\n        showLegend?: false;\n        legendProps?: never;\n      }\n    | {\n        /**\n         *  By default (if showLegend don't set), for one data item on chart,\n         *  Legend component will be hide, and show for more then 1 data item.\n         *  If set `true` - Legend component will show always.\n         */\n        showLegend?: true;\n        /**\n         * Props for Legend\n         */\n        legendProps?: Partial<BaseLegendProps>;\n      }\n  );\n\ntype LegendDataMap<T extends 'Flex' | 'Table'> = Record<\n  LegendItemKey,\n  {\n    /**\n     * Custom label for legend item (by default use keys from data item object)\n     */\n    label?: string;\n    /**\n     * Additional text after label\n     */\n    additionalInfo?: string;\n    /**\n     * Count after label\n     */\n    count?: number;\n    /**\n     * Custom Icon\n     */\n    icon?: typeof Icon;\n    /**\n     * Flag for uncheck some items by default\n     */\n    defaultChecked?: boolean;\n  } & (T extends 'Table' ? { columns?: React.ReactNode[] } : { columns?: never })\n>;\n"],"mappings":""}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -8,25 +8,29 @@ exports.AreaChart = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _core = require("@semcore/core");
-var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
-var _d3Scale = require("d3-scale");
 var _react = _interopRequireDefault(require("react"));
+var _core = _interopRequireDefault(require("@semcore/core"));
+var _d3Scale = require("d3-scale");
 var _ = require("../..");
 var _AbstractChart2 = require("./AbstractChart");
+var _flexBox = require("@semcore/flex-box");
+var _typography = require("@semcore/typography");
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
+var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 // @ts-ignore
 var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  (0, _inherits2["default"])(AreaChartComponent, _AbstractChart);
+  var _super = (0, _createSuper2["default"])(AreaChartComponent);
   function AreaChartComponent() {
     (0, _classCallCheck2["default"])(this, AreaChartComponent);
-    return (0, _callSuper2["default"])(this, AreaChartComponent, arguments);
+    return _super.apply(this, arguments);
   }
-  (0, _inherits2["default"])(AreaChartComponent, _AbstractChart);
-  return (0, _createClass2["default"])(AreaChartComponent, [{
+  (0, _createClass2["default"])(AreaChartComponent, [{
     key: "xScale",
     get: function get() {
       var _this$asProps = this.asProps,
@@ -55,13 +59,15 @@ 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;
+        stacked = _this$asProps2.stacked,
+        data = _this$asProps2.data,
+        groupKey = _this$asProps2.groupKey;
       if (yScale) {
         return yScale;
       }
-      var flatValues = (0, _superPropGet2["default"])(AreaChartComponent, "flatValues", this, 1);
+      var flatValues = (0, _get2["default"])((0, _getPrototypeOf2["default"])(AreaChartComponent.prototype), "flatValues", this);
       var min = Math.min.apply(Math, (0, _toConsumableArray2["default"])(flatValues));
-      var max = stacked ? (0, _superPropGet2["default"])(AreaChartComponent, "maxStackedValue", this, 1) : Math.max.apply(Math, (0, _toConsumableArray2["default"])(flatValues));
+      var max = stacked ? (0, _get2["default"])((0, _getPrototypeOf2["default"])(AreaChartComponent.prototype), "maxStackedValue", this) : Math.max.apply(Math, (0, _toConsumableArray2["default"])(flatValues));
       return (0, _d3Scale.scaleLinear)().range([plotHeight - marginX, this.plotPadding]).domain([min, max]);
     }
   }, {
@@ -71,8 +77,7 @@ var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
         groupKey = _this$asProps3.groupKey,
         curve = _this$asProps3.curve,
         showDots = _this$asProps3.showDots,
-        stacked = _this$asProps3.stacked,
-        onClickArea = _this$asProps3.onClickArea;
+        stacked = _this$asProps3.stacked;
       var _this$state = this.state,
         dataDefinitions = _this$state.dataDefinitions,
         highlightedLine = _this$state.highlightedLine;
@@ -86,8 +91,7 @@ var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
             key: item.id,
             color: item.color,
             transparent: highlightedLine !== -1 && highlightedLine !== index,
-            curve: curve,
-            onClick: onClickArea
+            curve: curve
           }, showDots && /*#__PURE__*/_react["default"].createElement(_.StackedArea.Area.Dots, {
             display: true
           }));
@@ -100,8 +104,7 @@ var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
           key: item.id,
           color: item.color,
           transparent: highlightedLine !== -1 && highlightedLine !== index,
-          curve: curve,
-          onClick: onClickArea
+          curve: curve
         }, showDots && /*#__PURE__*/_react["default"].createElement(_.Area.Dots, {
           display: true
         }));
@@ -113,18 +116,40 @@ var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
       var _this = this;
       var _this$asProps4 = this.asProps,
         data = _this$asProps4.data,
-        groupKey = _this$asProps4.groupKey;
+        groupKey = _this$asProps4.groupKey,
+        showTotalInTooltip = _this$asProps4.showTotalInTooltip,
+        showTooltip = _this$asProps4.showTooltip;
+      var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
       return /*#__PURE__*/_react["default"].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: _this.getTooltipChildren({
-            Tooltip: _.HoverLine.Tooltip,
-            dataItem: dataItem
-          })
+          children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].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["default"].createElement(_flexBox.Flex, {
+              justifyContent: "space-between",
+              key: item.id
+            }, /*#__PURE__*/_react["default"].createElement(_.HoverLine.Tooltip.Dot, {
+              mr: 4,
+              color: item.color
+            }, item.label), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+              bold: true
+            }, _this.tooltipValueFormatter(dataItem[item.id])));
+          }), showTotalInTooltip === true && /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
+            mt: 2,
+            justifyContent: "space-between"
+          }, /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
+            mr: 4
+          }, "Total"), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+            bold: true
+          }, total)))
         };
       });
     }
@@ -136,8 +161,10 @@ var AreaChartComponent = /*#__PURE__*/function (_AbstractChart) {
       });
     }
   }]);
+  return AreaChartComponent;
 }(_AbstractChart2.AbstractChart);
 (0, _defineProperty2["default"])(AreaChartComponent, "displayName", 'Chart.Area');
 (0, _defineProperty2["default"])(AreaChartComponent, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-var AreaChart = exports.AreaChart = (0, _core.createComponent)(AreaChartComponent);
+var AreaChart = (0, _core["default"])(AreaChartComponent);
+exports.AreaChart = AreaChart;
 //# sourceMappingURL=AreaChart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_d3Scale","_react","_","_AbstractChart2","_intergalacticDynamicLocales","AreaChartComponent","_AbstractChart","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","get","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","data","groupKey","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","stacked","flatValues","_superPropGet2","min","Math","apply","_toConsumableArray2","max","value","renderChart","_this$asProps3","curve","showDots","onClickArea","_this$state","state","dataDefinitions","highlightedLine","createElement","StackedArea","x","map","item","index","checked","Area","y","id","color","transparent","onClick","Dots","display","renderTooltip","_this","_this$asProps4","HoverLine","Tooltip","wMin","_ref","xIndex","dataItem","children","getTooltipChildren","getLegendAriaLabel","getI18nText","chartType","AbstractChart","_defineProperty2","i18nEnhance","localizedMessages","AreaChart","exports","createComponent"],"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":[]}
+{"version":3,"file":"AreaChart.js","names":["_react","_interopRequireDefault","require","_core","_d3Scale","_","_AbstractChart2","_flexBox","_typography","_intergalacticDynamicLocales","_i18nEnhance","AreaChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","get","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","data","groupKey","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","stacked","flatValues","_get2","_getPrototypeOf2","prototype","min","Math","_toConsumableArray2","max","value","renderChart","_this$asProps3","curve","showDots","_this$state","state","dataDefinitions","highlightedLine","createElement","StackedArea","x","map","item","index","checked","Area","y","id","color","transparent","Dots","display","renderTooltip","_this","_this$asProps4","showTotalInTooltip","showTooltip","HoverLine","Tooltip","wMin","_ref","_dataItem$groupKey","xIndex","dataItem","total","totalValue","children","Fragment","Title","toString","Flex","justifyContent","Dot","mr","label","Text","bold","tooltipValueFormatter","mt","Box","getLegendAriaLabel","getI18nText","chartType","AbstractChart","_defineProperty2","i18nEnhance","localizedMessages","AreaChart","createComponent","exports"],"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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"}

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

@@ -1 +1 @@
-{"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":[]}
+{"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":""}

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,27 +9,33 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _core = require("@semcore/core");
-var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
-var _d3Scale = require("d3-scale");
 var _react = _interopRequireDefault(require("react"));
-var _AbstractChart2 = require("./AbstractChart");
+var _core = _interopRequireDefault(require("@semcore/core"));
+var _d3Scale = require("d3-scale");
 var _ = require("../..");
+var _AbstractChart2 = require("./AbstractChart");
+var _flexBox = require("@semcore/flex-box");
+var _typography = require("@semcore/typography");
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
+var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 // @ts-ignore
 var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  (0, _inherits2["default"])(BarChartComponent, _AbstractChart);
+  var _super = (0, _createSuper2["default"])(BarChartComponent);
   function BarChartComponent() {
     var _this;
     (0, _classCallCheck2["default"])(this, BarChartComponent);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = (0, _callSuper2["default"])(this, BarChartComponent, [].concat(args));
-    (0, _defineProperty2["default"])(_this, "handleClickBar", function (_data, e, barIndex, barKey) {
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClickBar", function (_data, e, barIndex, barKey) {
       var onClickBar = _this.asProps.onClickBar;
       if (onClickBar) {
         onClickBar(barIndex, barKey, e);
@@ -37,8 +43,7 @@ var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
     });
     return _this;
   }
-  (0, _inherits2["default"])(BarChartComponent, _AbstractChart);
-  return (0, _createClass2["default"])(BarChartComponent, [{
+  (0, _createClass2["default"])(BarChartComponent, [{
     key: "xScale",
     get: function get() {
       var _this$asProps = this.asProps,
@@ -75,6 +80,8 @@ 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 +92,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 +119,7 @@ var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
       if (dataDefinitions.length === 1) {
         var item = dataDefinitions[0];
         var BarComponent = invertAxis ? _.GroupBar.HorizontalBar : _.GroupBar.Bar;
-        return item.checked && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(BarComponent, {
+        return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(BarComponent, {
           x: invertAxis ? item.id : groupKey,
           y: invertAxis ? groupKey : item.id,
           key: item.id,
@@ -175,73 +182,48 @@ 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["default"].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: _this3.getTooltipChildren({
-            Tooltip: _.HoverRect.Tooltip,
-            dataItem: dataItem
-          })
+          children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].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["default"].createElement(_flexBox.Flex, {
+              justifyContent: "space-between",
+              key: item.id
+            }, /*#__PURE__*/_react["default"].createElement(_.HoverRect.Tooltip.Dot, {
+              mr: 4,
+              color: item.color
+            }, item.label), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+              bold: true
+            }, _this3.tooltipValueFormatter(dataItem[item.id])));
+          }), showTotalInTooltip === true && /*#__PURE__*/_react["default"].createElement(_flexBox.Flex, {
+            mt: 2,
+            justifyContent: "space-between"
+          }, /*#__PURE__*/_react["default"].createElement(_flexBox.Box, {
+            mr: 4
+          }, "Total"), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+            bold: true
+          }, total)))
         };
       });
     }
-  }, {
-    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["default"].createElement(_react["default"].Fragment, null, showYAxis && /*#__PURE__*/_react["default"].createElement(_.YAxis, null, yTicks ? /*#__PURE__*/_react["default"].createElement(_.YAxis.Ticks, {
-        primaryText: invertAxis,
-        multiline: multilineYTicks,
-        ticks: yTicks
-      }, childrenY) : /*#__PURE__*/_react["default"].createElement(_.YAxis.Ticks, {
-        primaryText: invertAxis,
-        multiline: multilineYTicks
-      }, childrenY), invertAxis !== true && (yTicks ? /*#__PURE__*/_react["default"].createElement(_.YAxis.Grid, {
-        ticks: yTicks
-      }) : /*#__PURE__*/_react["default"].createElement(_.YAxis.Grid, null))), showXAxis && /*#__PURE__*/_react["default"].createElement(_.XAxis, null, xTicks ? /*#__PURE__*/_react["default"].createElement(_.XAxis.Ticks, {
-        multiline: multilineXTicks,
-        ticks: xTicks
-      }, childrenX) : /*#__PURE__*/_react["default"].createElement(_.XAxis.Ticks, {
-        multiline: multilineXTicks
-      }, childrenX), invertAxis === true && (xTicks ? /*#__PURE__*/_react["default"].createElement(_.XAxis.Grid, {
-        ticks: xTicks
-      }) : /*#__PURE__*/_react["default"].createElement(_.XAxis.Grid, null))));
-    }
   }, {
     key: "getLegendAriaLabel",
     value: function getLegendAriaLabel() {
@@ -252,16 +234,16 @@ var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
   }, {
     key: "categoryScale",
     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,
-        data = _this$asProps7.data,
-        groupKey = _this$asProps7.groupKey;
+      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())) {
@@ -276,21 +258,23 @@ var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
   }, {
     key: "valueScale",
     get: function get() {
-      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' ? (0, _superPropGet2["default"])(BarChartComponent, "maxStackedValue", this, 1) : Math.max.apply(Math, (0, _toConsumableArray2["default"])((0, _superPropGet2["default"])(BarChartComponent, "flatValues", this, 1)));
+      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' ? (0, _get2["default"])((0, _getPrototypeOf2["default"])(BarChartComponent.prototype), "maxStackedValue", this) : Math.max.apply(Math, (0, _toConsumableArray2["default"])((0, _get2["default"])((0, _getPrototypeOf2["default"])(BarChartComponent.prototype), "flatValues", this)));
       return (0, _d3Scale.scaleLinear)().range(invertAxis ? [marginY, plotWidth - this.plotPadding] : [plotHeight - marginX, this.plotPadding]).domain([0, max]);
     }
   }]);
+  return BarChartComponent;
 }(_AbstractChart2.AbstractChart);
 (0, _defineProperty2["default"])(BarChartComponent, "displayName", 'Chart.Bar');
 (0, _defineProperty2["default"])(BarChartComponent, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-var BarChart = exports.BarChart = (0, _core.createComponent)(BarChartComponent);
+var BarChart = (0, _core["default"])(BarChartComponent);
+exports.BarChart = BarChart;
 //# sourceMappingURL=BarChart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BarChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_d3Scale","_react","_AbstractChart2","_","_intergalacticDynamicLocales","BarChartComponent","_AbstractChart","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","_data","e","barIndex","barKey","onClickBar","asProps","_inherits2","_createClass2","key","get","_this$asProps","xScale","invertAxis","valueScale","categoryScale","_this$asProps2","yScale","value","defaultLegendProps","props","trend","undefined","withTrend","renderTrend","_this$asProps3","groupKey","state","trendItem","createElement","Line","data","x","y","color","style","strokeWidth","strokeDasharray","Dots","display","renderChart","_this2","_this$asProps4","_this$asProps4$type","type","_this$state","dataDefinitions","highlightedLine","item","BarComponent","GroupBar","HorizontalBar","Bar","checked","Fragment","id","onClick","handleClickBar","map","index","commonBarComponentProps","transparent","_extends2","StackBar","renderTooltip","_this3","_this$asProps5","onClickHoverRect","HoverRect","Tooltip","wMin","_ref","xIndex","yIndex","dataItem","children","getTooltipChildren","renderAxis","_this$asProps6","showXAxis","showYAxis","axisXValueFormatter","axisYValueFormatter","multilineXTicks","multilineYTicks","isArray","xTicks","yTicks","childrenX","_ref2","childrenY","_ref3","YAxis","Ticks","primaryText","multiline","ticks","Grid","XAxis","getLegendAriaLabel","getI18nText","chartType","_this$asProps7","_this$asProps7$margin","marginY","_this$asProps7$margin2","marginX","plotWidth","plotHeight","testItem","range","plotPadding","Date","Number","isNaN","getMilliseconds","domain","minMax","scaleTime","scaleBand","paddingInner","paddingOuter","_this$asProps8","_this$asProps8$margin","_this$asProps8$margin2","max","_superPropGet2","Math","apply","_toConsumableArray2","scaleLinear","AbstractChart","i18nEnhance","localizedMessages","BarChart","exports","createComponent"],"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":[]}
+{"version":3,"file":"BarChart.js","names":["_react","_interopRequireDefault","require","_core","_d3Scale","_","_AbstractChart2","_flexBox","_typography","_intergalacticDynamicLocales","_i18nEnhance","BarChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","_data","e","barIndex","barKey","onClickBar","asProps","_createClass2","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","Line","data","x","y","color","style","strokeWidth","strokeDasharray","Dots","display","renderChart","_this2","_this$asProps4","_this$asProps4$type","_this$state","dataDefinitions","highlightedLine","item","BarComponent","GroupBar","HorizontalBar","Bar","Fragment","id","onClick","handleClickBar","map","index","commonBarComponentProps","transparent","checked","_extends2","StackBar","renderTooltip","_this3","_this$asProps5","showTotalInTooltip","showTooltip","onClickHoverRect","HoverRect","Tooltip","wMin","_ref","_dataItem$groupKey","xIndex","yIndex","dataItem","total","totalValue","children","Title","toString","Flex","justifyContent","Dot","mr","label","Text","bold","tooltipValueFormatter","mt","Box","getLegendAriaLabel","getI18nText","chartType","_this$asProps6","_this$asProps6$margin","marginY","_this$asProps6$margin2","marginX","plotWidth","plotHeight","testItem","range","plotPadding","Date","Number","isNaN","getMilliseconds","domain","minMax","scaleTime","scaleBand","paddingInner","paddingOuter","_this$asProps7","_this$asProps7$margin","_this$asProps7$margin2","max","_get2","_getPrototypeOf2","prototype","Math","_toConsumableArray2","scaleLinear","AbstractChart","i18nEnhance","localizedMessages","BarChart","createComponent","exports"],"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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"}