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

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

@@ -1 +1 @@
-{"version":3,"file":"LineChart.js","names":["createComponent","i18nEnhance","scaleLinear","scaleTime","React","Line","minMax","HoverLine","AbstractChart","localizedMessages","LineChartComponent","_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","flatValues","_superPropGet","max","Math","apply","_toConsumableArray","min","value","renderChart","_this$asProps3","curve","showDots","area","areaCurve","onClickLine","_this$state","state","dataDefinitions","highlightedLine","map","item","index","checked","createElement","x","toString","y","id","color","transparent","onClick","Dots","display","Area","y0","y1","renderTooltip","_this","_this$asProps4","Tooltip","wMin","_ref","xIndex","dataItem","children","getTooltipChildren","getLegendAriaLabel","getI18nText","chartType","_defineProperty","LineChart"],"sources":["../../../../src/component/Chart/LineChart.tsx"],"sourcesContent":["import { 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\nimport type { LineChartData, LineChartProps, LineChartType } from './LineChart.type';\n// @ts-ignore\nimport { Line, minMax, HoverLine } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass LineChartComponent extends AbstractChart<\n  LineChartData,\n  LineChartProps,\n  typeof LineChartComponent.enhance\n> {\n  static displayName = 'Chart.Line';\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  protected get xScale() {\n    const { xScale, marginY = 30, 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  protected get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 30, plotHeight } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const flatValues = super.flatValues;\n\n    const max = Math.max(...flatValues);\n    const min = Math.min(...flatValues);\n\n    return scaleLinear()\n      .range([plotHeight - marginX, this.plotPadding])\n      .domain([min, max]);\n  }\n\n  protected renderChart() {\n    const { groupKey, curve, showDots, area, areaCurve, onClickLine } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    return dataDefinitions.map((item, index) => {\n      return (\n        item.checked && (\n          <Line\n            x={groupKey.toString()}\n            y={item.id}\n            key={item.id}\n            color={item.color}\n            transparent={highlightedLine !== -1 && highlightedLine !== index}\n            curve={curve}\n            onClick={onClickLine}\n          >\n            {showDots && <Line.Dots display />}\n            {area?.[item.id] && (\n              <Line.Area area={area[item.id]} y0='y0' y1='y1' curve={areaCurve} />\n            )}\n          </Line>\n        )\n      );\n    });\n  }\n\n  protected 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: 'Line' });\n  }\n}\n\nexport const LineChart: LineChartType = createComponent(LineChartComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"LineChart.js","names":["createComponent","i18nEnhance","scaleLinear","scaleTime","React","Line","minMax","HoverLine","AbstractChart","localizedMessages","LineChartComponent","xScale","marginY","plotWidth","data","groupKey","asProps","testItem","range","plotPadding","domain","Date","Number","isNaN","getMilliseconds","yScale","marginX","plotHeight","flatValues","max","Math","min","renderChart","curve","showDots","area","areaCurve","onClickLine","dataDefinitions","highlightedLine","state","map","item","index","checked","createElement","x","toString","y","id","key","color","transparent","onClick","Dots","display","Area","y0","y1","renderTooltip","Tooltip","wMin","xIndex","dataItem","children","getTooltipChildren","getLegendAriaLabel","getI18nText","chartType","_defineProperty","LineChart"],"sources":["../../../../src/component/Chart/LineChart.tsx"],"sourcesContent":["import { 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\nimport type { LineChartData, LineChartProps, LineChartType } from './LineChart.type';\n// @ts-ignore\nimport { Line, minMax, HoverLine } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass LineChartComponent extends AbstractChart<\n  LineChartData,\n  LineChartProps,\n  typeof LineChartComponent.enhance\n> {\n  static displayName = 'Chart.Line';\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  protected get xScale() {\n    const { xScale, marginY = 30, 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  protected get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 30, plotHeight } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const flatValues = super.flatValues;\n\n    const max = Math.max(...flatValues);\n    const min = Math.min(...flatValues);\n\n    return scaleLinear()\n      .range([plotHeight - marginX, this.plotPadding])\n      .domain([min, max]);\n  }\n\n  protected renderChart() {\n    const { groupKey, curve, showDots, area, areaCurve, onClickLine } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    return dataDefinitions.map((item, index) => {\n      return (\n        item.checked && (\n          <Line\n            x={groupKey.toString()}\n            y={item.id}\n            key={item.id}\n            color={item.color}\n            transparent={highlightedLine !== -1 && highlightedLine !== index}\n            curve={curve}\n            onClick={onClickLine}\n          >\n            {showDots && <Line.Dots display />}\n            {area?.[item.id] && (\n              <Line.Area area={area[item.id]} y0='y0' y1='y1' curve={areaCurve} />\n            )}\n          </Line>\n        )\n      );\n    });\n  }\n\n  protected 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: 'Line' });\n  }\n}\n\nexport const LineChart: LineChartType = createComponent(LineChartComponent);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"LineChart.type.js","names":[],"sources":["../../../../src/component/Chart/LineChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleLinear, ScaleTime } from 'd3-scale';\nimport type { CurveFactory } from 'd3-shape';\n\nimport type { BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\nimport type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\ntype AreaItem = {\n  x: number;\n  y0: number;\n  y1: number;\n};\n\nexport type LineChartData = Array<Record<string, string | number | typeof interpolateValue | Date>>;\n\nexport type LineChartProps = BaseChartProps<LineChartData> & {\n  /**  Field name that groups the data points */\n  groupKey: string;\n  /** Optional area data for rendering filled areas under lines */\n  area?: Record<LegendItemKey, AreaItem[]>;\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 line chart */\n  showDots?: boolean;\n  /** D3 curve factory for line interpolation */\n  curve?: CurveFactory;\n  /** Curve factory specifically for area rendering */\n  areaCurve?: CurveFactory;\n  /** Callback triggered when a user clicks on a line */\n  onClickLine?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type LineChartType = Intergalactic.Component<typeof Flex, LineChartProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"LineChart.type.js","names":[],"sources":["../../../../src/component/Chart/LineChart.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 { BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\nimport type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\ntype AreaItem = {\n  x: number;\n  y0: number;\n  y1: number;\n};\n\nexport type LineChartData = Array<Record<string, string | number | typeof interpolateValue | Date>>;\n\nexport type LineChartProps = BaseChartProps<LineChartData> & {\n  /**  Field name that groups the data points */\n  groupKey: string;\n  /** Optional area data for rendering filled areas under lines */\n  area?: Record<LegendItemKey, AreaItem[]>;\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 line chart */\n  showDots?: boolean;\n  /** D3 curve factory for line interpolation */\n  curve?: CurveFactory;\n  /** Curve factory specifically for area rendering */\n  areaCurve?: CurveFactory;\n  /** Callback triggered when a user clicks on a line */\n  onClickLine?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type LineChartType = Intergalactic.Component<typeof Flex, LineChartProps>;\n"],"mappings":"","ignoreList":[]}

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

@@ -1,9 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _superPropGet from "@babel/runtime/helpers/superPropGet";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { createComponent } from '@semcore/core';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
@@ -13,109 +7,88 @@ import { AbstractChart } from './AbstractChart';
 // @ts-ignore
 import { Radar } from '../..';
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
-var RadarChartComponent = /*#__PURE__*/function (_AbstractChart) {
-  function RadarChartComponent() {
-    _classCallCheck(this, RadarChartComponent);
-    return _callSuper(this, RadarChartComponent, arguments);
+class RadarChartComponent extends AbstractChart {
+  renderChart() {
+    const {
+      groupKey,
+      showDots,
+      circle,
+      onClickRadar
+    } = this.asProps;
+    const {
+      dataDefinitions
+    } = this.state;
+    return /*#__PURE__*/React.createElement(Radar, {
+      onClick: onClickRadar,
+      scale: this.xScale,
+      type: circle ? 'circle' : undefined
+    }, /*#__PURE__*/React.createElement(Radar.Axis, {
+      dataKey: groupKey
+    }, /*#__PURE__*/React.createElement(Radar.Axis.Ticks, null), /*#__PURE__*/React.createElement(Radar.Axis.Labels, null)), this.renderRadarTooltip(), dataDefinitions.map(item => {
+      return item.checked && /*#__PURE__*/React.createElement(Radar.Polygon, {
+        dataKey: item.id,
+        key: item.id,
+        color: item.color
+      }, /*#__PURE__*/React.createElement(Radar.Polygon.Line, null), showDots && /*#__PURE__*/React.createElement(Radar.Polygon.Dots, null));
+    }));
   }
-  _inherits(RadarChartComponent, _AbstractChart);
-  return _createClass(RadarChartComponent, [{
-    key: "renderChart",
-    value: function renderChart() {
-      var _this$asProps = this.asProps,
-        groupKey = _this$asProps.groupKey,
-        showDots = _this$asProps.showDots,
-        circle = _this$asProps.circle,
-        onClickRadar = _this$asProps.onClickRadar;
-      var dataDefinitions = this.state.dataDefinitions;
-      return /*#__PURE__*/React.createElement(Radar, {
-        onClick: onClickRadar,
-        scale: this.xScale,
-        type: circle ? 'circle' : undefined
-      }, /*#__PURE__*/React.createElement(Radar.Axis, {
-        dataKey: groupKey
-      }, /*#__PURE__*/React.createElement(Radar.Axis.Ticks, null), /*#__PURE__*/React.createElement(Radar.Axis.Labels, null)), this.renderRadarTooltip(), dataDefinitions.map(function (item) {
-        return item.checked && /*#__PURE__*/React.createElement(Radar.Polygon, {
-          dataKey: item.id,
-          key: item.id,
-          color: item.color
-        }, /*#__PURE__*/React.createElement(Radar.Polygon.Line, null), showDots && /*#__PURE__*/React.createElement(Radar.Polygon.Dots, null));
-      }));
-    }
-  }, {
-    key: "renderRadarTooltip",
-    value: function renderRadarTooltip() {
-      var _this = this;
-      var _this$asProps2 = this.asProps,
-        data = _this$asProps2.data,
-        groupKey = _this$asProps2.groupKey,
-        showTooltip = _this$asProps2.showTooltip;
-      var dataDefinitions = this.state.dataDefinitions;
-      if (!showTooltip) {
-        return null;
-      }
-      return /*#__PURE__*/React.createElement(Radar.Tooltip, {
-        wMin: 100
-      }, function (_ref) {
-        var _data$groupKey;
-        var index = _ref.index;
-        return {
-          children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Radar.Tooltip.Title, null, (_data$groupKey = data[groupKey]) === null || _data$groupKey === void 0 ? void 0 : _data$groupKey[index]), dataDefinitions.map(function (item) {
-            var _data$item$id;
-            var value = (_data$item$id = data[item.id]) === null || _data$item$id === void 0 ? void 0 : _data$item$id[index];
-            return item.checked && /*#__PURE__*/React.createElement(Radar.Tooltip.Dot, {
-              color: item.color,
-              key: item.id
-            }, _this.tooltipValueFormatter(value));
-          }))
-        };
-      });
-    }
-
-    // By default, tooltip will render in Plot component.
-    // In RadarChart, we need to render it in Radar component, so we use renderRadarTooltip method
-  }, {
-    key: "renderTooltip",
-    value: function renderTooltip() {
+  renderRadarTooltip() {
+    const {
+      data,
+      groupKey,
+      showTooltip
+    } = this.asProps;
+    const {
+      dataDefinitions
+    } = this.state;
+    if (!showTooltip) {
       return null;
     }
-  }, {
-    key: "dataKeys",
-    get: function get() {
-      var _this$props = this.props,
-        data = _this$props.data,
-        groupKey = _this$props.groupKey;
-      var legendKeys = Object.keys(data).filter(function (key) {
-        return key !== groupKey;
-      });
-      return legendKeys;
-    }
-  }, {
-    key: "xScale",
-    get: function get() {
-      var _this$asProps$scale;
-      return (_this$asProps$scale = this.asProps.scale) !== null && _this$asProps$scale !== void 0 ? _this$asProps$scale : scaleLinear().domain(this.domain);
-    }
-  }, {
-    key: "yScale",
-    get: function get() {
-      var _this$asProps$scale2;
-      return (_this$asProps$scale2 = this.asProps.scale) !== null && _this$asProps$scale2 !== void 0 ? _this$asProps$scale2 : scaleLinear().domain(this.domain);
-    }
-  }, {
-    key: "getLegendAriaLabel",
-    value: function getLegendAriaLabel() {
-      return this.asProps.getI18nText('legendForChart', {
-        chartType: 'Radar'
-      });
-    }
-  }, {
-    key: "domain",
-    get: function get() {
-      return [Math.min.apply(Math, _toConsumableArray(_superPropGet(RadarChartComponent, "flatValues", this, 1))), Math.max.apply(Math, _toConsumableArray(_superPropGet(RadarChartComponent, "flatValues", this, 1)))];
-    }
-  }]);
-}(AbstractChart);
+    return /*#__PURE__*/React.createElement(Radar.Tooltip, {
+      wMin: 100
+    }, ({
+      index
+    }) => {
+      return {
+        children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Radar.Tooltip.Title, null, data[groupKey]?.[index]), dataDefinitions.map(item => {
+          const value = data[item.id]?.[index];
+          return item.checked && /*#__PURE__*/React.createElement(Radar.Tooltip.Dot, {
+            color: item.color,
+            key: item.id
+          }, this.tooltipValueFormatter(value));
+        }))
+      };
+    });
+  }
+
+  // By default, tooltip will render in Plot component.
+  // In RadarChart, we need to render it in Radar component, so we use renderRadarTooltip method
+  renderTooltip() {
+    return null;
+  }
+  get dataKeys() {
+    const {
+      data,
+      groupKey
+    } = this.props;
+    const legendKeys = Object.keys(data).filter(key => key !== groupKey);
+    return legendKeys;
+  }
+  get xScale() {
+    return this.asProps.scale ?? scaleLinear().domain(this.domain);
+  }
+  get yScale() {
+    return this.asProps.scale ?? scaleLinear().domain(this.domain);
+  }
+  getLegendAriaLabel() {
+    return this.asProps.getI18nText('legendForChart', {
+      chartType: 'Radar'
+    });
+  }
+  get domain() {
+    return [Math.min(...super.flatValues), Math.max(...super.flatValues)];
+  }
+}
 _defineProperty(RadarChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
-export var RadarChart = createComponent(RadarChartComponent);
+export const RadarChart = createComponent(RadarChartComponent);
 //# sourceMappingURL=RadarChart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RadarChart.js","names":["createComponent","i18nEnhance","scaleLinear","React","AbstractChart","Radar","localizedMessages","RadarChartComponent","_AbstractChart","_classCallCheck","_callSuper","arguments","_inherits","_createClass","key","value","renderChart","_this$asProps","asProps","groupKey","showDots","circle","onClickRadar","dataDefinitions","state","createElement","onClick","scale","xScale","type","undefined","Axis","dataKey","Ticks","Labels","renderRadarTooltip","map","item","checked","Polygon","id","color","Line","Dots","_this","_this$asProps2","data","showTooltip","Tooltip","wMin","_ref","_data$groupKey","index","children","Fragment","Title","_data$item$id","Dot","tooltipValueFormatter","renderTooltip","get","_this$props","props","legendKeys","Object","keys","filter","_this$asProps$scale","domain","_this$asProps$scale2","getLegendAriaLabel","getI18nText","chartType","Math","min","apply","_toConsumableArray","_superPropGet","max","_defineProperty","RadarChart"],"sources":["../../../../src/component/Chart/RadarChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { scaleLinear, type ScaleLinear } from 'd3-scale';\nimport React from 'react';\n\nimport { AbstractChart } from './AbstractChart';\nimport type { RadarChartData, RadarChartProps, RadarChartType } from './RadarChart.type';\n// @ts-ignore\nimport { Radar } from '../..';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass RadarChartComponent extends AbstractChart<\n  RadarChartData,\n  RadarChartProps,\n  typeof RadarChartComponent.enhance\n> {\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  protected renderChart(): React.ReactNode {\n    const { groupKey, showDots, circle, onClickRadar } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return (\n      <Radar onClick={onClickRadar} scale={this.xScale} type={circle ? 'circle' : undefined}>\n        <Radar.Axis dataKey={groupKey}>\n          <Radar.Axis.Ticks />\n          <Radar.Axis.Labels />\n        </Radar.Axis>\n        {this.renderRadarTooltip()}\n        {dataDefinitions.map((item) => {\n          return (\n            item.checked && (\n              <Radar.Polygon dataKey={item.id} key={item.id} color={item.color}>\n                <Radar.Polygon.Line />\n                {showDots && <Radar.Polygon.Dots />}\n              </Radar.Polygon>\n            )\n          );\n        })}\n      </Radar>\n    );\n  }\n\n  protected renderRadarTooltip(): React.ReactNode {\n    const { data, groupKey, showTooltip } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <Radar.Tooltip wMin={100}>\n        {({ index }: any) => {\n          return {\n            children: (\n              <>\n                <Radar.Tooltip.Title>{data[groupKey]?.[index]}</Radar.Tooltip.Title>\n\n                {dataDefinitions.map((item) => {\n                  const value = data[item.id]?.[index];\n\n                  return (\n                    item.checked && (\n                      <Radar.Tooltip.Dot color={item.color} key={item.id}>\n                        {this.tooltipValueFormatter(value)}\n                      </Radar.Tooltip.Dot>\n                    )\n                  );\n                })}\n              </>\n            ),\n          };\n        }}\n      </Radar.Tooltip>\n    );\n  }\n\n  // By default, tooltip will render in Plot component.\n  // In RadarChart, we need to render it in Radar component, so we use renderRadarTooltip method\n  protected renderTooltip(): React.ReactNode {\n    return null;\n  }\n\n  protected get dataKeys(): string[] {\n    const { data, groupKey } = this.props;\n\n    const legendKeys: string[] = Object.keys(data).filter((key) => key !== groupKey);\n\n    return legendKeys;\n  }\n\n  protected get xScale(): ScaleLinear<any, any> {\n    return this.asProps.scale ?? scaleLinear().domain(this.domain);\n  }\n\n  protected get yScale(): ScaleLinear<any, any> {\n    return this.asProps.scale ?? scaleLinear().domain(this.domain);\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Radar' });\n  }\n\n  private get domain(): [number, number] {\n    return [Math.min(...super.flatValues), Math.max(...super.flatValues)];\n  }\n}\n\nexport const RadarChart: RadarChartType = createComponent(RadarChartComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"RadarChart.js","names":["createComponent","i18nEnhance","scaleLinear","React","AbstractChart","Radar","localizedMessages","RadarChartComponent","renderChart","groupKey","showDots","circle","onClickRadar","asProps","dataDefinitions","state","createElement","onClick","scale","xScale","type","undefined","Axis","dataKey","Ticks","Labels","renderRadarTooltip","map","item","checked","Polygon","id","key","color","Line","Dots","data","showTooltip","Tooltip","wMin","index","children","Fragment","Title","value","Dot","tooltipValueFormatter","renderTooltip","dataKeys","props","legendKeys","Object","keys","filter","domain","yScale","getLegendAriaLabel","getI18nText","chartType","Math","min","flatValues","max","_defineProperty","RadarChart"],"sources":["../../../../src/component/Chart/RadarChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { scaleLinear, type ScaleLinear } from 'd3-scale';\nimport React from 'react';\n\nimport { AbstractChart } from './AbstractChart';\nimport type { RadarChartData, RadarChartProps, RadarChartType } from './RadarChart.type';\n// @ts-ignore\nimport { Radar } from '../..';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass RadarChartComponent extends AbstractChart<\n  RadarChartData,\n  RadarChartProps,\n  typeof RadarChartComponent.enhance\n> {\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  protected renderChart(): React.ReactNode {\n    const { groupKey, showDots, circle, onClickRadar } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return (\n      <Radar onClick={onClickRadar} scale={this.xScale} type={circle ? 'circle' : undefined}>\n        <Radar.Axis dataKey={groupKey}>\n          <Radar.Axis.Ticks />\n          <Radar.Axis.Labels />\n        </Radar.Axis>\n        {this.renderRadarTooltip()}\n        {dataDefinitions.map((item) => {\n          return (\n            item.checked && (\n              <Radar.Polygon dataKey={item.id} key={item.id} color={item.color}>\n                <Radar.Polygon.Line />\n                {showDots && <Radar.Polygon.Dots />}\n              </Radar.Polygon>\n            )\n          );\n        })}\n      </Radar>\n    );\n  }\n\n  protected renderRadarTooltip(): React.ReactNode {\n    const { data, groupKey, showTooltip } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <Radar.Tooltip wMin={100}>\n        {({ index }: any) => {\n          return {\n            children: (\n              <>\n                <Radar.Tooltip.Title>{data[groupKey]?.[index]}</Radar.Tooltip.Title>\n\n                {dataDefinitions.map((item) => {\n                  const value = data[item.id]?.[index];\n\n                  return (\n                    item.checked && (\n                      <Radar.Tooltip.Dot color={item.color} key={item.id}>\n                        {this.tooltipValueFormatter(value)}\n                      </Radar.Tooltip.Dot>\n                    )\n                  );\n                })}\n              </>\n            ),\n          };\n        }}\n      </Radar.Tooltip>\n    );\n  }\n\n  // By default, tooltip will render in Plot component.\n  // In RadarChart, we need to render it in Radar component, so we use renderRadarTooltip method\n  protected renderTooltip(): React.ReactNode {\n    return null;\n  }\n\n  protected get dataKeys(): string[] {\n    const { data, groupKey } = this.props;\n\n    const legendKeys: string[] = Object.keys(data).filter((key) => key !== groupKey);\n\n    return legendKeys;\n  }\n\n  protected get xScale(): ScaleLinear<any, any> {\n    return this.asProps.scale ?? scaleLinear().domain(this.domain);\n  }\n\n  protected get yScale(): ScaleLinear<any, any> {\n    return this.asProps.scale ?? scaleLinear().domain(this.domain);\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Radar' });\n  }\n\n  private get domain(): [number, number] {\n    return [Math.min(...super.flatValues), Math.max(...super.flatValues)];\n  }\n}\n\nexport const RadarChart: RadarChartType = createComponent(RadarChartComponent);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"RadarChart.type.js","names":[],"sources":["../../../../src/component/Chart/RadarChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type RadarChartData = Record<string, string[] | number[]>;\n\nexport type RadarChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<RadarChartData>,\n  'showTotalInTooltip' | 'showPercentValueInTooltip'\n> & {\n  groupKey: string;\n  scale?: ScaleLinear<any, any>;\n  xScale?: never;\n  yScale?: never;\n  showDots?: boolean;\n  circle?: boolean;\n  /** Callback triggered when a user clicks on a chart at a position corresponding to a category */\n  onClickRadar?: (index: number, e: React.SyntheticEvent) => void;\n};\n\nexport type RadarChartType = Intergalactic.Component<typeof Flex, RadarChartProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"RadarChart.type.js","names":[],"sources":["../../../../src/component/Chart/RadarChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type RadarChartData = Record<string, string[] | number[]>;\n\nexport type RadarChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<RadarChartData>,\n  'showTotalInTooltip' | 'showPercentValueInTooltip'\n> & {\n  groupKey: string;\n  scale?: ScaleLinear<any, any>;\n  xScale?: never;\n  yScale?: never;\n  showDots?: boolean;\n  circle?: boolean;\n  /** Callback triggered when a user clicks on a chart at a position corresponding to a category */\n  onClickRadar?: (index: number, e: React.SyntheticEvent) => void;\n};\n\nexport type RadarChartType = Intergalactic.Component<typeof Flex, RadarChartProps>;\n"],"mappings":"","ignoreList":[]}

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

@@ -1,9 +1,3 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { createComponent } from '@semcore/core';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
@@ -15,144 +9,125 @@ import React from 'react';
 import { minMax, ScatterPlot, getScatterPlotRadius } from '../..';
 import { AbstractChart } from './AbstractChart';
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
-var ScatterPlotChartComponent = /*#__PURE__*/function (_AbstractChart) {
-  function ScatterPlotChartComponent() {
-    _classCallCheck(this, ScatterPlotChartComponent);
-    return _callSuper(this, ScatterPlotChartComponent, arguments);
+class ScatterPlotChartComponent extends AbstractChart {
+  get dataKeys() {
+    const {
+      data,
+      groupKey,
+      valueKey
+    } = this.props;
+    return Object.keys(data[0]).filter(key => key !== groupKey && key !== valueKey);
   }
-  _inherits(ScatterPlotChartComponent, _AbstractChart);
-  return _createClass(ScatterPlotChartComponent, [{
-    key: "dataKeys",
-    get: function get() {
-      var _this$props = this.props,
-        data = _this$props.data,
-        groupKey = _this$props.groupKey,
-        valueKey = _this$props.valueKey;
-      return Object.keys(data[0]).filter(function (key) {
-        return key !== groupKey && key !== valueKey;
-      });
-    }
-  }, {
-    key: "xScale",
-    get: function get() {
-      var _this$asProps = this.asProps,
-        xScale = _this$asProps.xScale,
-        _this$asProps$marginY = _this$asProps.marginY,
-        marginY = _this$asProps$marginY === void 0 ? 30 : _this$asProps$marginY,
-        plotWidth = _this$asProps.plotWidth,
-        data = _this$asProps.data,
-        groupKey = _this$asProps.groupKey,
-        valueKey = _this$asProps.valueKey;
-      if (xScale) {
-        return xScale;
-      }
-      var radius = getScatterPlotRadius(valueKey) / this.getValueScale(_toConsumableArray(this.flatValues));
-      var testItem = data[0][groupKey];
-      var range = [marginY, plotWidth - this.plotPadding];
-      var domain = minMax(data, groupKey);
-      if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
-        return scaleTime([domain[0] - radius, domain[1] + radius], range);
-      }
-      return scaleLinear([domain[0] - radius, domain[1] + radius], range);
+  get xScale() {
+    const {
+      xScale,
+      marginY = 30,
+      plotWidth,
+      data,
+      groupKey,
+      valueKey
+    } = this.asProps;
+    if (xScale) {
+      return xScale;
     }
-  }, {
-    key: "yScale",
-    get: function get() {
-      var _this$asProps2 = this.asProps,
-        yScale = _this$asProps2.yScale,
-        _this$asProps2$margin = _this$asProps2.marginX,
-        marginX = _this$asProps2$margin === void 0 ? 30 : _this$asProps2$margin,
-        plotHeight = _this$asProps2.plotHeight,
-        valueKey = _this$asProps2.valueKey;
-      if (yScale) {
-        return yScale;
-      }
-      var flatValues = this.flatValues;
-      var radius = getScatterPlotRadius(valueKey) / this.getValueScale(_toConsumableArray(flatValues));
-      var max = Math.max.apply(Math, _toConsumableArray(flatValues)) + radius;
-      var min = Math.min.apply(Math, _toConsumableArray(flatValues)) - radius;
-      return scaleLinear().range([plotHeight - marginX, this.plotPadding]).domain([min, max]);
+    const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...this.flatValues]);
+    const testItem = data[0][groupKey];
+    const range = [marginY, plotWidth - this.plotPadding];
+    const domain = minMax(data, groupKey);
+    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
+      return scaleTime([domain[0] - radius, domain[1] + radius], range);
     }
-  }, {
-    key: "flatValues",
-    get: function get() {
-      var _this$asProps3 = this.asProps,
-        data = _this$asProps3.data,
-        groupKey = _this$asProps3.groupKey,
-        valueKey = _this$asProps3.valueKey;
-      var flatValues = data.reduce(function (result, item) {
-        Object.entries(item).forEach(function (_ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-            key = _ref2[0],
-            value = _ref2[1];
-          if (key !== groupKey && key !== valueKey && typeof value === 'number') {
-            result.add(value);
-          }
-        });
-        return result;
-      }, new Set());
-      return flatValues;
+    return scaleLinear([domain[0] - radius, domain[1] + radius], range);
+  }
+  get yScale() {
+    const {
+      yScale,
+      marginX = 30,
+      plotHeight,
+      valueKey
+    } = this.asProps;
+    if (yScale) {
+      return yScale;
     }
-  }, {
-    key: "renderChart",
-    value: function renderChart() {
-      var _this$asProps4 = this.asProps,
-        groupKey = _this$asProps4.groupKey,
-        valueKey = _this$asProps4.valueKey,
-        onClickScatterItem = _this$asProps4.onClickScatterItem;
-      var dataDefinitions = this.state.dataDefinitions;
-      return dataDefinitions.map(function (item) {
-        return item.checked && /*#__PURE__*/React.createElement(ScatterPlot, {
-          onClick: onClickScatterItem,
-          x: groupKey,
-          y: item.id,
-          key: item.id,
-          color: item.color,
-          value: valueKey
-        });
+    const flatValues = this.flatValues;
+    const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...flatValues]);
+    const max = Math.max(...flatValues) + radius;
+    const min = Math.min(...flatValues) - radius;
+    return scaleLinear().range([plotHeight - marginX, this.plotPadding]).domain([min, max]);
+  }
+  get flatValues() {
+    const {
+      data,
+      groupKey,
+      valueKey
+    } = this.asProps;
+    const flatValues = data.reduce((result, item) => {
+      Object.entries(item).forEach(([key, value]) => {
+        if (key !== groupKey && key !== valueKey && typeof value === 'number') {
+          result.add(value);
+        }
       });
-    }
-  }, {
-    key: "renderTooltip",
-    value: function renderTooltip() {
-      var _this = this;
-      var _this$asProps5 = this.asProps,
-        data = _this$asProps5.data,
-        groupKey = _this$asProps5.groupKey;
-      var dataDefinitions = this.state.dataDefinitions;
-      return dataDefinitions.filter(function (item) {
-        return item.checked;
-      }).map(function (item) {
-        return /*#__PURE__*/React.createElement(ScatterPlot.Tooltip, {
-          key: item.id,
-          x: groupKey,
-          y: item.id,
-          wMin: 100
-        }, function (_ref3) {
-          var index = _ref3.index,
-            x = _ref3.x,
-            y = _ref3.y;
-          return {
-            children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ScatterPlot.Tooltip.Dot, {
-              color: item.color
-            }, "Data"), /*#__PURE__*/React.createElement(Text, {
-              tag: "div"
-            }, "X axis", _this.tooltipValueFormatter(data[index][x])), /*#__PURE__*/React.createElement(Text, {
-              tag: "div"
-            }, "Y axis", _this.tooltipValueFormatter(data[index][y])))
-          };
-        });
+      return result;
+    }, new Set());
+    return flatValues;
+  }
+  renderChart() {
+    const {
+      groupKey,
+      valueKey,
+      onClickScatterItem
+    } = this.asProps;
+    const {
+      dataDefinitions
+    } = this.state;
+    return dataDefinitions.map(item => {
+      return item.checked && /*#__PURE__*/React.createElement(ScatterPlot, {
+        onClick: onClickScatterItem,
+        x: groupKey,
+        y: item.id,
+        key: item.id,
+        color: item.color,
+        value: valueKey
       });
-    }
-  }, {
-    key: "getLegendAriaLabel",
-    value: function getLegendAriaLabel() {
-      return this.asProps.getI18nText('legendForChart', {
-        chartType: 'ScatterPlot'
+    });
+  }
+  renderTooltip() {
+    const {
+      data,
+      groupKey
+    } = this.asProps;
+    const {
+      dataDefinitions
+    } = this.state;
+    return dataDefinitions.filter(item => item.checked).map(item => {
+      return /*#__PURE__*/React.createElement(ScatterPlot.Tooltip, {
+        key: item.id,
+        x: groupKey,
+        y: item.id,
+        wMin: 100
+      }, ({
+        index,
+        x,
+        y
+      }) => {
+        return {
+          children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ScatterPlot.Tooltip.Dot, {
+            color: item.color
+          }, "Data"), /*#__PURE__*/React.createElement(Text, {
+            tag: "div"
+          }, "X axis", this.tooltipValueFormatter(data[index][x])), /*#__PURE__*/React.createElement(Text, {
+            tag: "div"
+          }, "Y axis", this.tooltipValueFormatter(data[index][y])))
+        };
       });
-    }
-  }]);
-}(AbstractChart);
+    });
+  }
+  getLegendAriaLabel() {
+    return this.asProps.getI18nText('legendForChart', {
+      chartType: 'ScatterPlot'
+    });
+  }
+}
 _defineProperty(ScatterPlotChartComponent, "displayName", 'Chart.ScatterPlot');
 _defineProperty(ScatterPlotChartComponent, "defaultProps", {
   direction: 'column',
@@ -162,5 +137,5 @@ _defineProperty(ScatterPlotChartComponent, "defaultProps", {
   showLegend: false
 });
 _defineProperty(ScatterPlotChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
-export var ScatterPlotChart = createComponent(ScatterPlotChartComponent);
+export const ScatterPlotChart = createComponent(ScatterPlotChartComponent);
 //# sourceMappingURL=ScatterPlotChart.js.map