intergalactic 15.123.0 → 15.124.0-prerelease.0

package/d3-chart/lib/es6/component/Chart/LineChart.js

@@ -0,0 +1,149 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _get from "@babel/runtime/helpers/get";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import createComponent from 'intergalactic/core';
+import { scaleLinear, scaleTime } from 'd3-scale';
+// @ts-ignore
+import { Line, minMax, HoverLine } from '../..';
+import { AbstractChart } from './AbstractChart';
+import { Box, Flex } from 'intergalactic/flex-box';
+import { Text } from 'intergalactic/typography';
+import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+var LineChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  _inherits(LineChartComponent, _AbstractChart);
+  var _super = _createSuper(LineChartComponent);
+  function LineChartComponent() {
+    _classCallCheck(this, LineChartComponent);
+    return _super.apply(this, arguments);
+  }
+  _createClass(LineChartComponent, [{
+    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;
+      if (xScale) {
+        return xScale;
+      }
+      var testItem = data[0][groupKey];
+      var range = [marginY, plotWidth - this.plotPadding];
+      var domain = minMax(data, groupKey);
+      if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
+        return scaleTime(domain, range);
+      }
+      return scaleLinear(domain, range);
+    }
+  }, {
+    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;
+      if (yScale) {
+        return yScale;
+      }
+      var flatValues = _get(_getPrototypeOf(LineChartComponent.prototype), "flatValues", this);
+      var max = Math.max.apply(Math, _toConsumableArray(flatValues));
+      var min = Math.min.apply(Math, _toConsumableArray(flatValues));
+      return scaleLinear().range([plotHeight - marginX, this.plotPadding]).domain([min, max]);
+    }
+  }, {
+    key: "renderChart",
+    value: function renderChart() {
+      var _this$asProps3 = this.asProps,
+        groupKey = _this$asProps3.groupKey,
+        curve = _this$asProps3.curve,
+        showDots = _this$asProps3.showDots,
+        area = _this$asProps3.area,
+        areaCurve = _this$asProps3.areaCurve;
+      var _this$state = this.state,
+        dataDefinitions = _this$state.dataDefinitions,
+        highlightedLine = _this$state.highlightedLine;
+      return dataDefinitions.map(function (item, index) {
+        return item.checked && /*#__PURE__*/React.createElement(Line, {
+          x: groupKey.toString(),
+          y: item.id,
+          key: item.id,
+          color: item.color,
+          transparent: highlightedLine !== -1 && highlightedLine !== index,
+          curve: curve
+        }, showDots && /*#__PURE__*/React.createElement(Line.Dots, {
+          display: true
+        }), (area === null || area === void 0 ? void 0 : area[item.id]) && /*#__PURE__*/React.createElement(Line.Area, {
+          area: area[item.id],
+          y0: 'y0',
+          y1: 'y1',
+          curve: areaCurve
+        }));
+      });
+    }
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      var _this = this;
+      var _this$asProps4 = this.asProps,
+        data = _this$asProps4.data,
+        groupKey = _this$asProps4.groupKey,
+        showTotalInTooltip = _this$asProps4.showTotalInTooltip,
+        showTooltip = _this$asProps4.showTooltip;
+      var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(HoverLine.Tooltip, {
+        x: groupKey,
+        wMin: 100
+      }, function (_ref) {
+        var _dataItem$groupKey;
+        var xIndex = _ref.xIndex;
+        var dataItem = data[xIndex];
+        var total = _this.totalValue(dataItem);
+        return {
+          children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HoverLine.Tooltip.Title, null, (_dataItem$groupKey = dataItem[groupKey]) === null || _dataItem$groupKey === void 0 ? void 0 : _dataItem$groupKey.toString()), dataDefinitions.map(function (item) {
+            return item.checked && /*#__PURE__*/React.createElement(Flex, {
+              justifyContent: "space-between",
+              key: item.id
+            }, /*#__PURE__*/React.createElement(HoverLine.Tooltip.Dot, {
+              mr: 4,
+              color: item.color
+            }, item.label), /*#__PURE__*/React.createElement(Text, {
+              bold: true
+            }, _this.tooltipValueFormatter(dataItem[item.id])));
+          }), showTotalInTooltip === true && /*#__PURE__*/React.createElement(Flex, {
+            mt: 2,
+            justifyContent: "space-between"
+          }, /*#__PURE__*/React.createElement(Box, {
+            mr: 4
+          }, "Total"), /*#__PURE__*/React.createElement(Text, {
+            bold: true
+          }, total)))
+        };
+      });
+    }
+  }, {
+    key: "getLegendAriaLabel",
+    value: function getLegendAriaLabel() {
+      return this.asProps.getI18nText('legendForChart', {
+        chartType: 'Line'
+      });
+    }
+  }]);
+  return LineChartComponent;
+}(AbstractChart);
+_defineProperty(LineChartComponent, "displayName", 'Chart.Line');
+_defineProperty(LineChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
+export var LineChart = createComponent(LineChartComponent);
+//# sourceMappingURL=LineChart.js.map

package/d3-chart/lib/es6/component/Chart/LineChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.js","names":["React","createComponent","scaleLinear","scaleTime","Line","minMax","HoverLine","AbstractChart","Box","Flex","Text","localizedMessages","i18nEnhance","LineChartComponent","_AbstractChart","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","data","groupKey","testItem","range","plotPadding","domain","Date","Number","isNaN","getMilliseconds","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","flatValues","_get","_getPrototypeOf","prototype","max","Math","_toConsumableArray","min","value","renderChart","_this$asProps3","curve","showDots","area","areaCurve","_this$state","state","dataDefinitions","highlightedLine","map","item","index","checked","createElement","x","toString","y","id","color","transparent","Dots","display","Area","y0","y1","renderTooltip","_this","_this$asProps4","showTotalInTooltip","showTooltip","Tooltip","wMin","_ref","_dataItem$groupKey","xIndex","dataItem","total","totalValue","children","Fragment","Title","justifyContent","Dot","mr","label","bold","tooltipValueFormatter","mt","getLegendAriaLabel","getI18nText","chartType","_defineProperty","LineChart"],"sources":["../../../../src/component/Chart/LineChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { LineChartData, LineChartProps, LineChartType } from './LineChart.type';\nimport { ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\n// @ts-ignore\nimport { Line, minMax, HoverLine } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { Box, Flex } 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 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 } = 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          >\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, 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: 'Line' });\n  }\n}\n\nexport const LineChart: LineChartType = createComponent(LineChartComponent);\n"],"mappings":"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"}

package/d3-chart/lib/es6/component/Chart/LineChart.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=LineChart.type.js.map

package/d3-chart/lib/es6/component/Chart/LineChart.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.type.js","names":[],"sources":["../../../../src/component/Chart/LineChart.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';\nimport { 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  groupKey: string;\n  area?: Record<LegendItemKey, AreaItem[]>;\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  yScale?: ScaleLinear<any, any>;\n  showDots?: boolean;\n  curve?: CurveFactory;\n  areaCurve?: CurveFactory;\n};\n\nexport type LineChartType = Intergalactic.Component<typeof Flex, LineChartProps>;\n"],"mappings":""}

package/d3-chart/lib/es6/component/Chart/RadarChart.js

@@ -0,0 +1,124 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _get from "@babel/runtime/helpers/get";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import createComponent from 'intergalactic/core';
+import { scaleLinear } from 'd3-scale';
+import { AbstractChart } from './AbstractChart';
+// @ts-ignore
+import { Radar } from '../..';
+import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+var RadarChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  _inherits(RadarChartComponent, _AbstractChart);
+  var _super = _createSuper(RadarChartComponent);
+  function RadarChartComponent() {
+    _classCallCheck(this, RadarChartComponent);
+    return _super.apply(this, arguments);
+  }
+  _createClass(RadarChartComponent, [{
+    key: "renderChart",
+    value: function renderChart() {
+      var _this$asProps = this.asProps,
+        groupKey = _this$asProps.groupKey,
+        showDots = _this$asProps.showDots,
+        circle = _this$asProps.circle;
+      var _this$state = this.state,
+        dataDefinitions = _this$state.dataDefinitions,
+        highlightedLine = _this$state.highlightedLine;
+      return /*#__PURE__*/React.createElement(Radar, {
+        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() {
+      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(_get(_getPrototypeOf(RadarChartComponent.prototype), "flatValues", this))), Math.max.apply(Math, _toConsumableArray(_get(_getPrototypeOf(RadarChartComponent.prototype), "flatValues", this)))];
+    }
+  }]);
+  return RadarChartComponent;
+}(AbstractChart);
+_defineProperty(RadarChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
+export var RadarChart = createComponent(RadarChartComponent);
+//# sourceMappingURL=RadarChart.js.map

package/d3-chart/lib/es6/component/Chart/RadarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart.js","names":["React","createComponent","scaleLinear","AbstractChart","Radar","localizedMessages","i18nEnhance","RadarChartComponent","_AbstractChart","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","value","renderChart","_this$asProps","asProps","groupKey","showDots","circle","_this$state","state","dataDefinitions","highlightedLine","createElement","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","_toConsumableArray","_get","_getPrototypeOf","prototype","max","_defineProperty","RadarChart"],"sources":["../../../../src/component/Chart/RadarChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { scaleLinear, ScaleLinear } from 'd3-scale';\nimport { AbstractChart } from './AbstractChart';\nimport { RadarChartData, RadarChartProps, RadarChartType } from './RadarChart.type';\n// @ts-ignore\nimport { Radar } from '../..';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\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 } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    return (\n      <Radar 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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"}

package/d3-chart/lib/es6/component/Chart/RadarChart.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RadarChart.type.js.map

package/d3-chart/lib/es6/component/Chart/RadarChart.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadarChart.type.js","names":[],"sources":["../../../../src/component/Chart/RadarChart.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { ScaleLinear } from 'd3-scale';\nimport { BaseChartProps } from './AbstractChart.type';\n\nexport type RadarChartData = Record<string, string[] | number[]>;\n\nexport type RadarChartProps = BaseChartProps<RadarChartData> & {\n  groupKey: string;\n  scale?: ScaleLinear<any, any>;\n  xScale?: never;\n  yScale?: never;\n  showDots?: boolean;\n  circle?: boolean;\n};\n\nexport type RadarChartType = Intergalactic.Component<typeof Flex, RadarChartProps>;\n"],"mappings":""}

package/d3-chart/lib/es6/component/Chart/ScatterPlotChart.js

@@ -0,0 +1,169 @@
+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 _inherits from "@babel/runtime/helpers/inherits";
+import _createSuper from "@babel/runtime/helpers/createSuper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import React from 'react';
+import createComponent from 'intergalactic/core';
+import { scaleLinear, scaleTime } from 'd3-scale';
+// @ts-ignore
+import { minMax, ScatterPlot, getScatterPlotRadius } from '../..';
+import { AbstractChart } from './AbstractChart';
+import { Text } from 'intergalactic/typography';
+import i18nEnhance from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
+var ScatterPlotChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  _inherits(ScatterPlotChartComponent, _AbstractChart);
+  var _super = _createSuper(ScatterPlotChartComponent);
+  function ScatterPlotChartComponent() {
+    _classCallCheck(this, ScatterPlotChartComponent);
+    return _super.apply(this, arguments);
+  }
+  _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);
+    }
+  }, {
+    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]);
+    }
+  }, {
+    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;
+    }
+  }, {
+    key: "renderChart",
+    value: function renderChart() {
+      var _this$asProps4 = this.asProps,
+        groupKey = _this$asProps4.groupKey,
+        valueKey = _this$asProps4.valueKey;
+      var dataDefinitions = this.state.dataDefinitions;
+      return dataDefinitions.map(function (item) {
+        return item.checked && /*#__PURE__*/React.createElement(ScatterPlot, {
+          x: groupKey,
+          y: item.id,
+          key: item.id,
+          color: item.color,
+          value: valueKey
+        });
+      });
+    }
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      var _this = this;
+      var _this$asProps5 = this.asProps,
+        data = _this$asProps5.data,
+        groupKey = _this$asProps5.groupKey,
+        showTooltip = _this$asProps5.showTooltip;
+      var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
+      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])))
+          };
+        });
+      });
+    }
+  }, {
+    key: "getLegendAriaLabel",
+    value: function getLegendAriaLabel() {
+      return this.asProps.getI18nText('legendForChart', {
+        chartType: 'ScatterPlot'
+      });
+    }
+  }]);
+  return ScatterPlotChartComponent;
+}(AbstractChart);
+_defineProperty(ScatterPlotChartComponent, "displayName", 'Chart.ScatterPlot');
+_defineProperty(ScatterPlotChartComponent, "defaultProps", {
+  direction: 'column',
+  showXAxis: true,
+  showYAxis: true,
+  showTooltip: true,
+  showLegend: false
+});
+_defineProperty(ScatterPlotChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
+export var ScatterPlotChart = createComponent(ScatterPlotChartComponent);
+//# sourceMappingURL=ScatterPlotChart.js.map

package/d3-chart/lib/es6/component/Chart/ScatterPlotChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlotChart.js","names":["React","createComponent","scaleLinear","scaleTime","minMax","ScatterPlot","getScatterPlotRadius","AbstractChart","Text","i18nEnhance","localizedMessages","ScatterPlotChartComponent","_AbstractChart","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","_this$props","props","data","groupKey","valueKey","Object","keys","filter","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","radius","getValueScale","_toConsumableArray","flatValues","testItem","range","plotPadding","domain","Date","Number","isNaN","getMilliseconds","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","max","Math","min","_this$asProps3","reduce","result","item","entries","forEach","_ref","_ref2","_slicedToArray","value","add","Set","renderChart","_this$asProps4","dataDefinitions","state","map","checked","createElement","x","y","id","color","renderTooltip","_this","_this$asProps5","showTooltip","Tooltip","wMin","_ref3","index","children","Fragment","Dot","tag","tooltipValueFormatter","getLegendAriaLabel","getI18nText","chartType","_defineProperty","direction","showXAxis","showYAxis","showLegend","ScatterPlotChart"],"sources":["../../../../src/component/Chart/ScatterPlotChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { ScaleLinear, scaleLinear, scaleTime } from 'd3-scale';\n// @ts-ignore\nimport { minMax, ScatterPlot, getScatterPlotRadius } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport {\n  ScatterPlotChartData,\n  ScatterPlotChartProps,\n  ScatterPlotChartType,\n} from './ScatterPlotChart.type';\nimport { Text } from '@semcore/typography';\nimport { BaseChartProps, ListData } from './AbstractChart.type';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\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 } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return dataDefinitions.map((item) => {\n      return (\n        item.checked && (\n          <ScatterPlot 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, showTooltip } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\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'>X axis {this.tooltipValueFormatter(data[index][x])}</Text>\n                    <Text tag='div'>Y axis {this.tooltipValueFormatter(data[index][y])}</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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"}

package/d3-chart/lib/es6/component/Chart/ScatterPlotChart.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ScatterPlotChart.type.js.map

package/d3-chart/lib/es6/component/Chart/ScatterPlotChart.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScatterPlotChart.type.js","names":[],"sources":["../../../../src/component/Chart/ScatterPlotChart.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 { BaseChartProps } from './AbstractChart.type';\n\nexport type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type ScatterPlotChartProps = BaseChartProps<ScatterPlotChartData> & {\n  groupKey: string;\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  yScale?: ScaleLinear<any, any>;\n  valueKey?: string;\n};\n\nexport type ScatterPlotChartType = Intergalactic.Component<typeof Flex, ScatterPlotChartProps>;\n"],"mappings":""}