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

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

@@ -1,16 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ScatterPlotChart = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
@@ -18,155 +12,137 @@ var _typography = require("@semcore/typography");
 var _d3Scale = require("d3-scale");
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../..");
-var _AbstractChart2 = require("./AbstractChart");
+var _AbstractChart = require("./AbstractChart");
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
 // @ts-ignore
-var ScatterPlotChartComponent = /*#__PURE__*/function (_AbstractChart) {
-  function ScatterPlotChartComponent() {
-    (0, _classCallCheck2["default"])(this, ScatterPlotChartComponent);
-    return (0, _callSuper2["default"])(this, ScatterPlotChartComponent, arguments);
+
+class ScatterPlotChartComponent extends _AbstractChart.AbstractChart {
+  get dataKeys() {
+    const {
+      data,
+      groupKey,
+      valueKey
+    } = this.props;
+    return Object.keys(data[0]).filter(key => key !== groupKey && key !== valueKey);
   }
-  (0, _inherits2["default"])(ScatterPlotChartComponent, _AbstractChart);
-  return (0, _createClass2["default"])(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 = (0, _.getScatterPlotRadius)(valueKey) / this.getValueScale((0, _toConsumableArray2["default"])(this.flatValues));
-      var testItem = data[0][groupKey];
-      var range = [marginY, plotWidth - this.plotPadding];
-      var domain = (0, _.minMax)(data, groupKey);
-      if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
-        return (0, _d3Scale.scaleTime)([domain[0] - radius, domain[1] + radius], range);
-      }
-      return (0, _d3Scale.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 = (0, _.getScatterPlotRadius)(valueKey) / this.getValueScale((0, _toConsumableArray2["default"])(flatValues));
-      var max = Math.max.apply(Math, (0, _toConsumableArray2["default"])(flatValues)) + radius;
-      var min = Math.min.apply(Math, (0, _toConsumableArray2["default"])(flatValues)) - radius;
-      return (0, _d3Scale.scaleLinear)().range([plotHeight - marginX, this.plotPadding]).domain([min, max]);
+    const radius = (0, _.getScatterPlotRadius)(valueKey) / this.getValueScale([...this.flatValues]);
+    const testItem = data[0][groupKey];
+    const range = [marginY, plotWidth - this.plotPadding];
+    const domain = (0, _.minMax)(data, groupKey);
+    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
+      return (0, _d3Scale.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 = (0, _slicedToArray2["default"])(_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 (0, _d3Scale.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["default"].createElement(_.ScatterPlot, {
-          onClick: onClickScatterItem,
-          x: groupKey,
-          y: item.id,
-          key: item.id,
-          color: item.color,
-          value: valueKey
-        });
+    const flatValues = this.flatValues;
+    const radius = (0, _.getScatterPlotRadius)(valueKey) / this.getValueScale([...flatValues]);
+    const max = Math.max(...flatValues) + radius;
+    const min = Math.min(...flatValues) - radius;
+    return (0, _d3Scale.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["default"].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["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.ScatterPlot.Tooltip.Dot, {
-              color: item.color
-            }, "Data"), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
-              tag: "div"
-            }, "X axis", _this.tooltipValueFormatter(data[index][x])), /*#__PURE__*/_react["default"].createElement(_typography.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.default.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.default.createElement(_.ScatterPlot.Tooltip, {
+        key: item.id,
+        x: groupKey,
+        y: item.id,
+        wMin: 100
+      }, ({
+        index,
+        x,
+        y
+      }) => {
+        return {
+          children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.ScatterPlot.Tooltip.Dot, {
+            color: item.color
+          }, "Data"), /*#__PURE__*/_react.default.createElement(_typography.Text, {
+            tag: "div"
+          }, "X axis", this.tooltipValueFormatter(data[index][x])), /*#__PURE__*/_react.default.createElement(_typography.Text, {
+            tag: "div"
+          }, "Y axis", this.tooltipValueFormatter(data[index][y])))
+        };
       });
-    }
-  }]);
-}(_AbstractChart2.AbstractChart);
-(0, _defineProperty2["default"])(ScatterPlotChartComponent, "displayName", 'Chart.ScatterPlot');
-(0, _defineProperty2["default"])(ScatterPlotChartComponent, "defaultProps", {
+    });
+  }
+  getLegendAriaLabel() {
+    return this.asProps.getI18nText('legendForChart', {
+      chartType: 'ScatterPlot'
+    });
+  }
+}
+(0, _defineProperty2.default)(ScatterPlotChartComponent, "displayName", 'Chart.ScatterPlot');
+(0, _defineProperty2.default)(ScatterPlotChartComponent, "defaultProps", {
   direction: 'column',
   showXAxis: true,
   showYAxis: true,
   showTooltip: true,
   showLegend: false
 });
-(0, _defineProperty2["default"])(ScatterPlotChartComponent, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-var ScatterPlotChart = exports.ScatterPlotChart = (0, _core.createComponent)(ScatterPlotChartComponent);
+(0, _defineProperty2.default)(ScatterPlotChartComponent, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages)]);
+const ScatterPlotChart = exports.ScatterPlotChart = (0, _core.createComponent)(ScatterPlotChartComponent);
 //# sourceMappingURL=ScatterPlotChart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlotChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_typography","_d3Scale","_react","_","_AbstractChart2","_intergalacticDynamicLocales","ScatterPlotChartComponent","_AbstractChart","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","get","_this$props","props","data","groupKey","valueKey","Object","keys","filter","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","radius","getScatterPlotRadius","getValueScale","_toConsumableArray2","flatValues","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","max","Math","apply","min","_this$asProps3","reduce","result","item","entries","forEach","_ref","_ref2","_slicedToArray2","value","add","Set","renderChart","_this$asProps4","onClickScatterItem","dataDefinitions","state","map","checked","createElement","ScatterPlot","onClick","x","y","id","color","renderTooltip","_this","_this$asProps5","Tooltip","wMin","_ref3","index","children","Fragment","Dot","Text","tag","tooltipValueFormatter","getLegendAriaLabel","getI18nText","chartType","AbstractChart","_defineProperty2","direction","showXAxis","showYAxis","showTooltip","showLegend","i18nEnhance","localizedMessages","ScatterPlotChart","exports","createComponent"],"sources":["../../../../src/component/Chart/ScatterPlotChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport { type ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\nimport React from 'react';\n\n// @ts-ignore\nimport { minMax, ScatterPlot, getScatterPlotRadius } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport type { BaseChartProps, ListData } from './AbstractChart.type';\nimport type {\n  ScatterPlotChartData,\n  ScatterPlotChartProps,\n  ScatterPlotChartType,\n} from './ScatterPlotChart.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass ScatterPlotChartComponent extends AbstractChart<\n  ScatterPlotChartData,\n  ScatterPlotChartProps,\n  typeof ScatterPlotChartComponent.enhance\n> {\n  static displayName = 'Chart.ScatterPlot';\n  public static defaultProps: Partial<BaseChartProps<ListData>> = {\n    direction: 'column',\n    showXAxis: true,\n    showYAxis: true,\n    showTooltip: true,\n    showLegend: false,\n  };\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  protected get dataKeys(): string[] {\n    const { data, groupKey, valueKey } = this.props;\n\n    return Object.keys(data[0]).filter((key) => key !== groupKey && key !== valueKey);\n  }\n\n  protected get xScale() {\n    const { xScale, marginY = 30, plotWidth, data, groupKey, valueKey } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...this.flatValues]);\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[0] - radius, domain[1] + radius], range);\n    }\n\n    return scaleLinear([domain[0] - radius, domain[1] + radius], range);\n  }\n\n  protected get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 30, plotHeight, valueKey } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const flatValues = this.flatValues;\n    const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...flatValues]);\n\n    const max = Math.max(...flatValues) + radius;\n    const min = Math.min(...flatValues) - radius;\n\n    return scaleLinear()\n      .range([plotHeight - marginX, this.plotPadding])\n      .domain([min, max]);\n  }\n\n  protected get flatValues(): Set<number> {\n    const { data, groupKey, valueKey } = this.asProps;\n\n    const flatValues = data.reduce<Set<number>>((result, item) => {\n      Object.entries(item).forEach(([key, value]) => {\n        if (key !== groupKey && key !== valueKey && typeof value === 'number') {\n          result.add(value);\n        }\n      });\n\n      return result;\n    }, new Set());\n\n    return flatValues;\n  }\n\n  protected renderChart() {\n    const { groupKey, valueKey, onClickScatterItem } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return dataDefinitions.map((item) => {\n      return (\n        item.checked && (\n          <ScatterPlot onClick={onClickScatterItem} x={groupKey} y={item.id} key={item.id} color={item.color} value={valueKey} />\n        )\n      );\n    });\n  }\n\n  protected renderTooltip() {\n    const { data, groupKey } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return dataDefinitions\n      .filter((item) => item.checked)\n      .map((item) => {\n        return (\n          <ScatterPlot.Tooltip key={item.id} x={groupKey} y={item.id} wMin={100}>\n            {({ index, x, y }: any) => {\n              return {\n                children: (\n                  <>\n                    <ScatterPlot.Tooltip.Dot color={item.color}>Data</ScatterPlot.Tooltip.Dot>\n                    <Text tag='div'>\n                      X axis\n                      {this.tooltipValueFormatter(data[index][x])}\n                    </Text>\n                    <Text tag='div'>\n                      Y axis\n                      {this.tooltipValueFormatter(data[index][y])}\n                    </Text>\n                  </>\n                ),\n              };\n            }}\n          </ScatterPlot.Tooltip>\n        );\n      });\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'ScatterPlot' });\n  }\n}\n\nexport const ScatterPlotChart: ScatterPlotChartType = createComponent(ScatterPlotChartComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ScatterPlotChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_typography","_d3Scale","_react","_","_AbstractChart","_intergalacticDynamicLocales","ScatterPlotChartComponent","AbstractChart","dataKeys","data","groupKey","valueKey","props","Object","keys","filter","key","xScale","marginY","plotWidth","asProps","radius","getScatterPlotRadius","getValueScale","flatValues","testItem","range","plotPadding","domain","minMax","Date","Number","isNaN","getMilliseconds","scaleTime","scaleLinear","yScale","marginX","plotHeight","max","Math","min","reduce","result","item","entries","forEach","value","add","Set","renderChart","onClickScatterItem","dataDefinitions","state","map","checked","default","createElement","ScatterPlot","onClick","x","y","id","color","renderTooltip","Tooltip","wMin","index","children","Fragment","Dot","Text","tag","tooltipValueFormatter","getLegendAriaLabel","getI18nText","chartType","_defineProperty2","direction","showXAxis","showYAxis","showTooltip","showLegend","i18nEnhance","localizedMessages","ScatterPlotChart","exports","createComponent"],"sources":["../../../../src/component/Chart/ScatterPlotChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport { type ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\nimport React from 'react';\n\n// @ts-ignore\nimport { minMax, ScatterPlot, getScatterPlotRadius } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport type { BaseChartProps, ListData } from './AbstractChart.type';\nimport type {\n  ScatterPlotChartData,\n  ScatterPlotChartProps,\n  ScatterPlotChartType,\n} from './ScatterPlotChart.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\n\nclass ScatterPlotChartComponent extends AbstractChart<\n  ScatterPlotChartData,\n  ScatterPlotChartProps,\n  typeof ScatterPlotChartComponent.enhance\n> {\n  static displayName = 'Chart.ScatterPlot';\n  public static defaultProps: Partial<BaseChartProps<ListData>> = {\n    direction: 'column',\n    showXAxis: true,\n    showYAxis: true,\n    showTooltip: true,\n    showLegend: false,\n  };\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  protected get dataKeys(): string[] {\n    const { data, groupKey, valueKey } = this.props;\n\n    return Object.keys(data[0]).filter((key) => key !== groupKey && key !== valueKey);\n  }\n\n  protected get xScale() {\n    const { xScale, marginY = 30, plotWidth, data, groupKey, valueKey } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...this.flatValues]);\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[0] - radius, domain[1] + radius], range);\n    }\n\n    return scaleLinear([domain[0] - radius, domain[1] + radius], range);\n  }\n\n  protected get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 30, plotHeight, valueKey } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const flatValues = this.flatValues;\n    const radius = getScatterPlotRadius(valueKey) / this.getValueScale([...flatValues]);\n\n    const max = Math.max(...flatValues) + radius;\n    const min = Math.min(...flatValues) - radius;\n\n    return scaleLinear()\n      .range([plotHeight - marginX, this.plotPadding])\n      .domain([min, max]);\n  }\n\n  protected get flatValues(): Set<number> {\n    const { data, groupKey, valueKey } = this.asProps;\n\n    const flatValues = data.reduce<Set<number>>((result, item) => {\n      Object.entries(item).forEach(([key, value]) => {\n        if (key !== groupKey && key !== valueKey && typeof value === 'number') {\n          result.add(value);\n        }\n      });\n\n      return result;\n    }, new Set());\n\n    return flatValues;\n  }\n\n  protected renderChart() {\n    const { groupKey, valueKey, onClickScatterItem } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return dataDefinitions.map((item) => {\n      return (\n        item.checked && (\n          <ScatterPlot onClick={onClickScatterItem} x={groupKey} y={item.id} key={item.id} color={item.color} value={valueKey} />\n        )\n      );\n    });\n  }\n\n  protected renderTooltip() {\n    const { data, groupKey } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return dataDefinitions\n      .filter((item) => item.checked)\n      .map((item) => {\n        return (\n          <ScatterPlot.Tooltip key={item.id} x={groupKey} y={item.id} wMin={100}>\n            {({ index, x, y }: any) => {\n              return {\n                children: (\n                  <>\n                    <ScatterPlot.Tooltip.Dot color={item.color}>Data</ScatterPlot.Tooltip.Dot>\n                    <Text tag='div'>\n                      X axis\n                      {this.tooltipValueFormatter(data[index][x])}\n                    </Text>\n                    <Text tag='div'>\n                      Y axis\n                      {this.tooltipValueFormatter(data[index][y])}\n                    </Text>\n                  </>\n                ),\n              };\n            }}\n          </ScatterPlot.Tooltip>\n        );\n      });\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'ScatterPlot' });\n  }\n}\n\nexport const ScatterPlotChart: ScatterPlotChartType = createComponent(ScatterPlotChartComponent);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"ScatterPlotChart.type.js","names":[],"sources":["../../../../src/component/Chart/ScatterPlotChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleLinear, ScaleTime } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\n\nexport type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type ScatterPlotChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<ScatterPlotChartData>,\n  'showTotalInTooltip'\n> & {\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  /**  Optional field name for additional value data */\n  valueKey?: string;\n  /** Callback triggered when a user clicks on a scatter item */\n  onClickScatterItem?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type ScatterPlotChartType = Intergalactic.Component<typeof Flex, ScatterPlotChartProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"ScatterPlotChart.type.js","names":[],"sources":["../../../../src/component/Chart/ScatterPlotChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear, ScaleTime } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\nimport type { interpolateValue } from '../../utils';\n\nexport type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type ScatterPlotChartProps = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<ScatterPlotChartData>,\n  'showTotalInTooltip'\n> & {\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  /**  Optional field name for additional value data */\n  valueKey?: string;\n  /** Callback triggered when a user clicks on a scatter item */\n  onClickScatterItem?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type ScatterPlotChartType = Intergalactic.Component<typeof Flex, ScatterPlotChartProps>;\n"],"mappings":"","ignoreList":[]}

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

@@ -1,14 +1,10 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.VennChart = void 0;
-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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _core = require("@semcore/core");
 var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
@@ -16,134 +12,119 @@ var _typography = require("@semcore/typography");
 var _d3Scale = require("d3-scale");
 var _react = _interopRequireDefault(require("react"));
 var _ = require("../..");
-var _AbstractChart2 = require("./AbstractChart");
+var _AbstractChart = require("./AbstractChart");
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
 // @ts-ignore
-var VennChartComponent = /*#__PURE__*/function (_AbstractChart) {
-  function VennChartComponent() {
-    (0, _classCallCheck2["default"])(this, VennChartComponent);
-    return (0, _callSuper2["default"])(this, VennChartComponent, arguments);
+
+class VennChartComponent extends _AbstractChart.AbstractChart {
+  get xScale() {
+    const {
+      xScale
+    } = this.asProps;
+    if (xScale) {
+      return xScale;
+    }
+    return (0, _d3Scale.scaleLinear)();
   }
-  (0, _inherits2["default"])(VennChartComponent, _AbstractChart);
-  return (0, _createClass2["default"])(VennChartComponent, [{
-    key: "xScale",
-    get: function get() {
-      var xScale = this.asProps.xScale;
-      if (xScale) {
-        return xScale;
-      }
-      return (0, _d3Scale.scaleLinear)();
+  get yScale() {
+    const {
+      yScale
+    } = this.asProps;
+    if (yScale) {
+      return yScale;
     }
-  }, {
-    key: "yScale",
-    get: function get() {
-      var yScale = this.asProps.yScale;
-      if (yScale) {
-        return yScale;
+    return (0, _d3Scale.scaleLinear)();
+  }
+  get dataKeys() {
+    const {
+      data
+    } = this.props;
+    const legendKeys = Object.keys(data).filter(item => {
+      const isIntersection = /\//.test(item);
+      return !isIntersection;
+    });
+    return legendKeys;
+  }
+  defaultLegendProps() {
+    return {
+      legendType: 'Table'
+    };
+  }
+  renderChart() {
+    const {
+      data,
+      onClickVennItem
+    } = this.asProps;
+    const {
+      dataDefinitions,
+      highlightedLine
+    } = this.state;
+    const checkedLegendItems = dataDefinitions.filter(item => item.checked);
+    const checkedLegendItemsMap = checkedLegendItems.reduce((result, item) => {
+      result[item.id] = item;
+      return result;
+    }, {});
+    const intersections = Object.keys(data).reduce((result, dataKey) => {
+      const isIntersection = /\//.test(dataKey);
+      if (isIntersection) {
+        result.push(dataKey);
       }
-      return (0, _d3Scale.scaleLinear)();
-    }
-  }, {
-    key: "dataKeys",
-    get: function get() {
-      var data = this.props.data;
-      var legendKeys = Object.keys(data).filter(function (item) {
-        var isIntersection = /\//.test(item);
-        return !isIntersection;
+      return result;
+    }, []);
+    return /*#__PURE__*/_react.default.createElement(_.Venn, {
+      onClick: onClickVennItem
+    }, checkedLegendItems.map((item, index) => {
+      return /*#__PURE__*/_react.default.createElement(_.Venn.Circle, {
+        key: item.id,
+        dataKey: item.id,
+        name: item.label,
+        color: item.color,
+        transparent: highlightedLine !== -1 && highlightedLine !== index
       });
-      return legendKeys;
-    }
-  }, {
-    key: "defaultLegendProps",
-    value: function defaultLegendProps() {
-      return {
-        legendType: 'Table'
-      };
-    }
-  }, {
-    key: "renderChart",
-    value: function renderChart() {
-      var _this$asProps = this.asProps,
-        data = _this$asProps.data,
-        onClickVennItem = _this$asProps.onClickVennItem;
-      var _this$state = this.state,
-        dataDefinitions = _this$state.dataDefinitions,
-        highlightedLine = _this$state.highlightedLine;
-      var checkedLegendItems = dataDefinitions.filter(function (item) {
-        return item.checked;
+    }), intersections.map(intersectionKey => {
+      const intersectionKeys = intersectionKey.split('/');
+      const hasDisabledItems = intersectionKeys.some(key => {
+        return checkedLegendItemsMap[key] === undefined;
       });
-      var checkedLegendItemsMap = checkedLegendItems.reduce(function (result, item) {
-        result[item.id] = item;
-        return result;
-      }, {});
-      var intersections = Object.keys(data).reduce(function (result, dataKey) {
-        var isIntersection = /\//.test(dataKey);
-        if (isIntersection) {
-          result.push(dataKey);
-        }
-        return result;
-      }, []);
-      return /*#__PURE__*/_react["default"].createElement(_.Venn, {
-        onClick: onClickVennItem
-      }, checkedLegendItems.map(function (item, index) {
-        return /*#__PURE__*/_react["default"].createElement(_.Venn.Circle, {
-          key: item.id,
-          dataKey: item.id,
-          name: item.label,
-          color: item.color,
-          transparent: highlightedLine !== -1 && highlightedLine !== index
-        });
-      }), intersections.map(function (intersectionKey) {
-        var intersectionKeys = intersectionKey.split('/');
-        var hasDisabledItems = intersectionKeys.some(function (key) {
-          return checkedLegendItemsMap[key] === undefined;
-        });
-        if (hasDisabledItems) {
-          return null;
-        }
-        var name = intersectionKeys.map(function (id) {
-          var _dataDefinitions$find;
-          return ((_dataDefinitions$find = dataDefinitions.find(function (legendItem) {
-            return legendItem.id === id;
-          })) === null || _dataDefinitions$find === void 0 ? void 0 : _dataDefinitions$find.label) || '';
-        }).join(' & ');
-        return /*#__PURE__*/_react["default"].createElement(_.Venn.Intersection, {
-          key: intersectionKey,
-          dataKey: intersectionKey,
-          name: name
-        });
-      }));
-    }
-  }, {
-    key: "renderTooltip",
-    value: function renderTooltip() {
-      return /*#__PURE__*/_react["default"].createElement(_.Venn.Tooltip, null, function (_ref) {
-        var name = _ref.name,
-          dataKey = _ref.dataKey,
-          data = _ref.data;
-        return {
-          children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_.Venn.Tooltip.Title, null, name), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
-            bold: true
-          }, data[dataKey]))
-        };
-      });
-    }
-  }, {
-    key: "getLegendAriaLabel",
-    value: function getLegendAriaLabel() {
-      return this.asProps.getI18nText('legendForChart', {
-        chartType: 'Venn'
+      if (hasDisabledItems) {
+        return null;
+      }
+      const name = intersectionKeys.map(id => {
+        return dataDefinitions.find(legendItem => legendItem.id === id)?.label || '';
+      }).join(' & ');
+      return /*#__PURE__*/_react.default.createElement(_.Venn.Intersection, {
+        key: intersectionKey,
+        dataKey: intersectionKey,
+        name: name
       });
-    }
-  }]);
-}(_AbstractChart2.AbstractChart);
-(0, _defineProperty2["default"])(VennChartComponent, "displayName", 'Chart.Venn');
-(0, _defineProperty2["default"])(VennChartComponent, "defaultProps", {
+    }));
+  }
+  renderTooltip() {
+    return /*#__PURE__*/_react.default.createElement(_.Venn.Tooltip, null, ({
+      name,
+      dataKey,
+      data
+    }) => {
+      return {
+        children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_.Venn.Tooltip.Title, null, name), /*#__PURE__*/_react.default.createElement(_typography.Text, {
+          bold: true
+        }, data[dataKey]))
+      };
+    });
+  }
+  getLegendAriaLabel() {
+    return this.asProps.getI18nText('legendForChart', {
+      chartType: 'Venn'
+    });
+  }
+}
+(0, _defineProperty2.default)(VennChartComponent, "displayName", 'Chart.Venn');
+(0, _defineProperty2.default)(VennChartComponent, "defaultProps", {
   direction: 'row-reverse',
   alignItems: 'flex-start',
   marginY: 0,
   marginX: 0
 });
-(0, _defineProperty2["default"])(VennChartComponent, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-var VennChart = exports.VennChart = (0, _core.createComponent)(VennChartComponent);
+(0, _defineProperty2.default)(VennChartComponent, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages)]);
+const VennChart = exports.VennChart = (0, _core.createComponent)(VennChartComponent);
 //# sourceMappingURL=VennChart.js.map