@semcore/d3-chart 3.18.1 → 3.18.2

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AreaChart.type.js","names":[],"sources":["../../../../src/component/Chart/AreaChart.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { interpolateValue } from '../../utils';\nimport { ScaleLinear, ScaleTime } from 'd3-scale';\nimport { CurveFactory } from 'd3-shape';\nimport { BaseChartProps } from './AbstractChart.type';\n\nexport type AreaChartData = Array<Record<string, number | typeof interpolateValue | Date>>;\n\nexport type AreaChartProps = BaseChartProps<AreaChartData> & {\n  groupKey: string;\n  xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;\n  yScale?: ScaleLinear<any, any>;\n  showDots?: boolean;\n  curve?: CurveFactory;\n  stacked?: boolean;\n};\n\nexport type AreaChartType = Intergalactic.Component<typeof Flex, AreaChartProps>;\n"],"mappings":""}

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

@@ -0,0 +1,245 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _extends from "@babel/runtime/helpers/extends";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _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 '@semcore/core';
+import { scaleBand, scaleLinear, scaleTime } from 'd3-scale';
+// @ts-ignore
+import { minMax, GroupBar, HoverRect, StackBar, Line } from '../..';
+import { AbstractChart } from './AbstractChart';
+import { Box, Flex } from '@semcore/flex-box';
+import { Text } from '@semcore/typography';
+var BarChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  _inherits(BarChartComponent, _AbstractChart);
+  var _super = _createSuper(BarChartComponent);
+  function BarChartComponent() {
+    _classCallCheck(this, BarChartComponent);
+    return _super.apply(this, arguments);
+  }
+  _createClass(BarChartComponent, [{
+    key: "xScale",
+    get: function get() {
+      var _this$asProps = this.asProps,
+        xScale = _this$asProps.xScale,
+        invertAxis = _this$asProps.invertAxis;
+      if (xScale) {
+        return xScale;
+      }
+      return invertAxis ? this.valueScale : this.categoryScale;
+    }
+  }, {
+    key: "yScale",
+    get: function get() {
+      var _this$asProps2 = this.asProps,
+        yScale = _this$asProps2.yScale,
+        invertAxis = _this$asProps2.invertAxis;
+      if (yScale) {
+        return yScale;
+      }
+      return invertAxis ? this.categoryScale : this.valueScale;
+    }
+  }, {
+    key: "defaultLegendProps",
+    value: function defaultLegendProps() {
+      if (this.props.trend !== undefined) {
+        return {
+          withTrend: true
+        };
+      }
+      return {};
+    }
+  }, {
+    key: "renderTrend",
+    value: function renderTrend(key) {
+      var _this$asProps3 = this.asProps,
+        groupKey = _this$asProps3.groupKey,
+        _this$asProps3$type = _this$asProps3.type,
+        type = _this$asProps3$type === void 0 ? 'group' : _this$asProps3$type,
+        invertAxis = _this$asProps3.invertAxis,
+        trend = _this$asProps3.trend;
+      var withTrend = this.state.withTrend;
+      var trendItem = trend === null || trend === void 0 ? void 0 : trend[key];
+      if (withTrend && trendItem) {
+        return /*#__PURE__*/React.createElement(Line, {
+          data: trendItem,
+          key: "".concat(key, "_").concat(groupKey),
+          x: invertAxis ? 'y' : 'x',
+          y: invertAxis ? 'x' : 'y',
+          color: 'wall',
+          style: {
+            strokeWidth: 3,
+            strokeDasharray: 5
+          }
+        }, /*#__PURE__*/React.createElement(Line.Dots, {
+          data: trendItem,
+          display: true
+        }));
+      }
+      return null;
+    }
+  }, {
+    key: "renderChart",
+    value: function renderChart() {
+      var _this = this;
+      var _this$asProps4 = this.asProps,
+        groupKey = _this$asProps4.groupKey,
+        _this$asProps4$type = _this$asProps4.type,
+        type = _this$asProps4$type === void 0 ? 'group' : _this$asProps4$type,
+        invertAxis = _this$asProps4.invertAxis;
+      var _this$state = this.state,
+        dataDefinitions = _this$state.dataDefinitions,
+        highlightedLine = _this$state.highlightedLine;
+      if (dataDefinitions.length === 1) {
+        var item = dataDefinitions[0];
+        var BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BarComponent, {
+          x: invertAxis ? item.id : groupKey,
+          y: invertAxis ? groupKey : item.id,
+          key: item.id,
+          color: item.color
+        }), this.renderTrend(item.id));
+      }
+      if (type === 'group') {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GroupBar, {
+          x: invertAxis ? undefined : groupKey,
+          y: invertAxis ? groupKey : undefined
+        }, dataDefinitions.map(function (item, index) {
+          var BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;
+          var commonBarComponentProps = {
+            color: item.color,
+            transparent: highlightedLine !== -1 && highlightedLine !== index
+          };
+          if (invertAxis) {
+            commonBarComponentProps.x = item.id;
+          } else {
+            commonBarComponentProps.y = item.id;
+          }
+          return item.checked && /*#__PURE__*/React.createElement(BarComponent, _extends({
+            key: item.id
+          }, commonBarComponentProps));
+        })), dataDefinitions.map(function (item) {
+          return item.checked && _this.renderTrend(item.id);
+        }));
+      }
+      if (type === 'stack') {
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StackBar, {
+          x: invertAxis ? undefined : groupKey,
+          y: invertAxis ? groupKey : undefined
+        }, dataDefinitions.map(function (item, index) {
+          var BarComponent = invertAxis ? StackBar.HorizontalBar : StackBar.Bar;
+          var commonBarComponentProps = {
+            color: item.color,
+            transparent: highlightedLine !== -1 && highlightedLine !== index
+          };
+          if (invertAxis) {
+            commonBarComponentProps.x = item.id;
+          } else {
+            commonBarComponentProps.y = item.id;
+          }
+          return item.checked && /*#__PURE__*/React.createElement(BarComponent, _extends({
+            key: item.id
+          }, commonBarComponentProps));
+        })), dataDefinitions.map(function (item) {
+          return item.checked && _this.renderTrend(item.id);
+        }));
+      }
+      return null;
+    }
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      var _this2 = this;
+      var _this$asProps5 = this.asProps,
+        data = _this$asProps5.data,
+        groupKey = _this$asProps5.groupKey,
+        showTotalInTooltip = _this$asProps5.showTotalInTooltip,
+        showTooltip = _this$asProps5.showTooltip,
+        invertAxis = _this$asProps5.invertAxis;
+      var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(HoverRect.Tooltip, {
+        x: invertAxis ? undefined : groupKey,
+        y: invertAxis ? groupKey : undefined,
+        wMin: 100
+      }, function (_ref) {
+        var _dataItem$groupKey;
+        var xIndex = _ref.xIndex,
+          yIndex = _ref.yIndex;
+        var index = invertAxis ? yIndex : xIndex;
+        var dataItem = data[index];
+        var total = _this2.totalValue(dataItem);
+        return {
+          children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HoverRect.Tooltip.Title, null, (_dataItem$groupKey = dataItem[groupKey]) === null || _dataItem$groupKey === void 0 ? void 0 : _dataItem$groupKey.toString()), dataDefinitions.map(function (item) {
+            return item.checked && /*#__PURE__*/React.createElement(Flex, {
+              justifyContent: "space-between",
+              key: item.id
+            }, /*#__PURE__*/React.createElement(HoverRect.Tooltip.Dot, {
+              mr: 4,
+              color: item.color
+            }, item.label), /*#__PURE__*/React.createElement(Text, {
+              bold: true
+            }, _this2.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: "categoryScale",
+    get: function get() {
+      var _this$asProps6 = this.asProps,
+        _this$asProps6$margin = _this$asProps6.marginY,
+        marginY = _this$asProps6$margin === void 0 ? 40 : _this$asProps6$margin,
+        _this$asProps6$margin2 = _this$asProps6.marginX,
+        marginX = _this$asProps6$margin2 === void 0 ? 24 : _this$asProps6$margin2,
+        plotWidth = _this$asProps6.plotWidth,
+        plotHeight = _this$asProps6.plotHeight,
+        invertAxis = _this$asProps6.invertAxis,
+        data = _this$asProps6.data,
+        groupKey = _this$asProps6.groupKey;
+      var testItem = data[0][groupKey];
+      var range = invertAxis ? [plotHeight - marginX, this.plotPadding] : [marginY, plotWidth - this.plotPadding];
+      if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {
+        var _domain = minMax(data, groupKey);
+        return scaleTime(_domain, range);
+      }
+      var domain = data.map(function (item) {
+        return item[groupKey];
+      });
+      return scaleBand(domain, range).paddingInner(0.4).paddingOuter(0.2);
+    }
+  }, {
+    key: "valueScale",
+    get: function get() {
+      var _this$asProps7 = this.asProps,
+        _this$asProps7$margin = _this$asProps7.marginY,
+        marginY = _this$asProps7$margin === void 0 ? 40 : _this$asProps7$margin,
+        _this$asProps7$margin2 = _this$asProps7.marginX,
+        marginX = _this$asProps7$margin2 === void 0 ? 24 : _this$asProps7$margin2,
+        plotWidth = _this$asProps7.plotWidth,
+        plotHeight = _this$asProps7.plotHeight,
+        invertAxis = _this$asProps7.invertAxis,
+        type = _this$asProps7.type;
+      var max = type === 'stack' ? _get(_getPrototypeOf(BarChartComponent.prototype), "maxStackedValue", this) : Math.max.apply(Math, _toConsumableArray(_get(_getPrototypeOf(BarChartComponent.prototype), "flatValues", this)));
+      return scaleLinear().range(invertAxis ? [marginY, plotWidth - this.plotPadding] : [plotHeight - marginX, this.plotPadding]).domain([0, max]);
+    }
+  }]);
+  return BarChartComponent;
+}(AbstractChart);
+_defineProperty(BarChartComponent, "displayName", 'Chart.Bar');
+export var BarChart = createComponent(BarChartComponent);
+//# sourceMappingURL=BarChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.js","names":["React","createComponent","scaleBand","scaleLinear","scaleTime","minMax","GroupBar","HoverRect","StackBar","Line","AbstractChart","Box","Flex","Text","BarChartComponent","_AbstractChart","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","_this$asProps","asProps","xScale","invertAxis","valueScale","categoryScale","_this$asProps2","yScale","value","defaultLegendProps","props","trend","undefined","withTrend","renderTrend","_this$asProps3","groupKey","_this$asProps3$type","type","state","trendItem","createElement","data","concat","x","y","color","style","strokeWidth","strokeDasharray","Dots","display","renderChart","_this","_this$asProps4","_this$asProps4$type","_this$state","dataDefinitions","highlightedLine","length","item","BarComponent","HorizontalBar","Bar","Fragment","id","map","index","commonBarComponentProps","transparent","checked","_extends","renderTooltip","_this2","_this$asProps5","showTotalInTooltip","showTooltip","Tooltip","wMin","_ref","_dataItem$groupKey","xIndex","yIndex","dataItem","total","totalValue","children","Title","toString","justifyContent","Dot","mr","label","bold","tooltipValueFormatter","mt","_this$asProps6","_this$asProps6$margin","marginY","_this$asProps6$margin2","marginX","plotWidth","plotHeight","testItem","range","plotPadding","Date","Number","isNaN","getMilliseconds","domain","paddingInner","paddingOuter","_this$asProps7","_this$asProps7$margin","_this$asProps7$margin2","max","_get","_getPrototypeOf","prototype","Math","_toConsumableArray","_defineProperty","BarChart"],"sources":["../../../../src/component/Chart/BarChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { BaseLegendProps } from './AbstractChart.type';\nimport { BarChartData, BarChartProps, BarChartType } from './BarChart.type';\nimport { scaleBand, scaleLinear, scaleTime } from 'd3-scale';\n// @ts-ignore\nimport { minMax, GroupBar, HoverRect, StackBar, Line } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { BarProps } from '../../types';\nimport { Box, Flex } from '@semcore/flex-box';\nimport { Text } from '@semcore/typography';\nimport { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass BarChartComponent extends AbstractChart<BarChartData, BarChartProps> {\n  static displayName = 'Chart.Bar';\n\n  get xScale() {\n    const { xScale, invertAxis } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    return invertAxis ? this.valueScale : this.categoryScale;\n  }\n\n  get yScale() {\n    const { yScale, invertAxis } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    return invertAxis ? this.categoryScale : this.valueScale;\n  }\n\n  protected defaultLegendProps(): Partial<BaseLegendProps> {\n    if (this.props.trend !== undefined) {\n      return { withTrend: true };\n    }\n\n    return {};\n  }\n\n  renderTrend(key: LegendItemKey) {\n    const { groupKey, type = 'group', invertAxis, trend } = this.asProps;\n    const { withTrend } = this.state;\n    const trendItem = trend?.[key];\n\n    if (withTrend && trendItem) {\n      return (\n        <Line\n          data={trendItem}\n          key={`${key}_${groupKey}`}\n          x={invertAxis ? 'y' : 'x'}\n          y={invertAxis ? 'x' : 'y'}\n          color={'wall'}\n          style={{ strokeWidth: 3, strokeDasharray: 5 }}\n        >\n          <Line.Dots data={trendItem} display />\n        </Line>\n      );\n    }\n\n    return null;\n  }\n\n  renderChart() {\n    const { groupKey, type = 'group', invertAxis } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    if (dataDefinitions.length === 1) {\n      const item = dataDefinitions[0];\n      const BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;\n\n      return (\n        <>\n          <BarComponent\n            x={invertAxis ? item.id : groupKey}\n            y={invertAxis ? groupKey : item.id}\n            key={item.id}\n            color={item.color}\n          />\n          {this.renderTrend(item.id)}\n        </>\n      );\n    }\n\n    if (type === 'group') {\n      return (\n        <>\n          <GroupBar x={invertAxis ? undefined : groupKey} y={invertAxis ? groupKey : undefined}>\n            {dataDefinitions.map((item, index) => {\n              const BarComponent = invertAxis ? GroupBar.HorizontalBar : GroupBar.Bar;\n\n              const commonBarComponentProps: BarProps = {\n                color: item.color,\n                transparent: highlightedLine !== -1 && highlightedLine !== index,\n              };\n\n              if (invertAxis) {\n                commonBarComponentProps.x = item.id;\n              } else {\n                commonBarComponentProps.y = item.id;\n              }\n\n              return item.checked && <BarComponent key={item.id} {...commonBarComponentProps} />;\n            })}\n          </GroupBar>\n          {dataDefinitions.map((item) => item.checked && this.renderTrend(item.id))}\n        </>\n      );\n    }\n\n    if (type === 'stack') {\n      return (\n        <>\n          <StackBar x={invertAxis ? undefined : groupKey} y={invertAxis ? groupKey : undefined}>\n            {dataDefinitions.map((item, index) => {\n              const BarComponent = invertAxis ? StackBar.HorizontalBar : StackBar.Bar;\n\n              const commonBarComponentProps: BarProps = {\n                color: item.color,\n                transparent: highlightedLine !== -1 && highlightedLine !== index,\n              };\n\n              if (invertAxis) {\n                commonBarComponentProps.x = item.id;\n              } else {\n                commonBarComponentProps.y = item.id;\n              }\n\n              return item.checked && <BarComponent key={item.id} {...commonBarComponentProps} />;\n            })}\n          </StackBar>\n          {dataDefinitions.map((item) => item.checked && this.renderTrend(item.id))}\n        </>\n      );\n    }\n\n    return null;\n  }\n\n  renderTooltip(): React.ReactNode {\n    const { data, groupKey, showTotalInTooltip, showTooltip, invertAxis } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <HoverRect.Tooltip\n        x={invertAxis ? undefined : groupKey}\n        y={invertAxis ? groupKey : undefined}\n        wMin={100}\n      >\n        {({ xIndex, yIndex }: any) => {\n          const index = invertAxis ? yIndex : xIndex;\n          const dataItem = data[index];\n          const total = this.totalValue(dataItem);\n\n          return {\n            children: (\n              <>\n                <HoverRect.Tooltip.Title>{dataItem[groupKey]?.toString()}</HoverRect.Tooltip.Title>\n\n                {dataDefinitions.map((item) => {\n                  return (\n                    item.checked && (\n                      <Flex justifyContent='space-between' key={item.id}>\n                        <HoverRect.Tooltip.Dot mr={4} color={item.color}>\n                          {item.label}\n                        </HoverRect.Tooltip.Dot>\n                        <Text bold>{this.tooltipValueFormatter(dataItem[item.id])}</Text>\n                      </Flex>\n                    )\n                  );\n                })}\n\n                {showTotalInTooltip === true && (\n                  <Flex mt={2} justifyContent='space-between'>\n                    <Box mr={4}>Total</Box>\n                    <Text bold>{total}</Text>\n                  </Flex>\n                )}\n              </>\n            ),\n          };\n        }}\n      </HoverRect.Tooltip>\n    );\n  }\n\n  private get categoryScale() {\n    const {\n      marginY = 40,\n      marginX = 24,\n      plotWidth,\n      plotHeight,\n      invertAxis,\n      data,\n      groupKey,\n    } = this.asProps;\n\n    const testItem = data[0][groupKey];\n    const range = invertAxis\n      ? [plotHeight - marginX, this.plotPadding]\n      : [marginY, plotWidth - this.plotPadding];\n\n    if (testItem instanceof Date && !Number.isNaN(testItem.getMilliseconds())) {\n      const domain = minMax(data, groupKey);\n\n      return scaleTime(domain, range);\n    }\n\n    const domain = data.map((item) => item[groupKey]);\n\n    return scaleBand(domain, range).paddingInner(0.4).paddingOuter(0.2);\n  }\n\n  private get valueScale() {\n    const { marginY = 40, marginX = 24, plotWidth, plotHeight, invertAxis, type } = this.asProps;\n\n    const max = type === 'stack' ? super.maxStackedValue : Math.max(...super.flatValues);\n\n    return scaleLinear()\n      .range(\n        invertAxis\n          ? [marginY, plotWidth - this.plotPadding]\n          : [plotHeight - marginX, this.plotPadding],\n      )\n      .domain([0, max]);\n  }\n}\n\nexport const BarChart: BarChartType = createComponent(BarChartComponent);\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.type.js","names":[],"sources":["../../../../src/component/Chart/BarChart.type.ts"],"sourcesContent":["import { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';\nimport { BaseChartProps } from './AbstractChart.type';\nimport { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\ntype TrendItem = {\n  x: number;\n  y: number;\n};\n\nexport type BarChartData = Array<Record<string, string | number | Date>>;\n\nexport type BarChartProps = BaseChartProps<BarChartData> & {\n  groupKey: string;\n  xScale?: ScaleBand<any> | ScaleTime<any, any>;\n  yScale?: ScaleLinear<any, any>;\n  type?: 'stack' | 'group';\n  trend?: Record<LegendItemKey, TrendItem[]>;\n};\n\nexport type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps>;\n"],"mappings":""}

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

@@ -0,0 +1,137 @@
+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 '@semcore/core';
+import { scaleLinear } from 'd3-scale';
+// @ts-ignore
+import { Bubble, minMax } from '../..';
+import { AbstractChart } from './AbstractChart';
+import { Text } from '@semcore/typography';
+var BubbleChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  _inherits(BubbleChartComponent, _AbstractChart);
+  var _super = _createSuper(BubbleChartComponent);
+  function BubbleChartComponent() {
+    _classCallCheck(this, BubbleChartComponent);
+    return _super.apply(this, arguments);
+  }
+  _createClass(BubbleChartComponent, [{
+    key: "dataKeys",
+    get: function get() {
+      var data = this.props.data;
+      return data.map(function (_, index) {
+        return index.toString();
+      });
+    }
+  }, {
+    key: "defaultDataDefinitions",
+    get: function get() {
+      var _this = this;
+      var _this$props = this.props,
+        legendProps = _this$props.legendProps,
+        data = _this$props.data;
+      return data.map(function (item, index) {
+        var _legendProps$legendMa, _ref, _legendData$label, _legendData$icon, _legendData$defaultCh;
+        var key = index.toString();
+        var legendData = legendProps === null || legendProps === void 0 ? void 0 : (_legendProps$legendMa = legendProps.legendMap) === null || _legendProps$legendMa === void 0 ? void 0 : _legendProps$legendMa[key];
+        if (item.color === undefined) {
+          item.color = _this.resolveColor(key, index);
+        }
+        var dataDefinition = {
+          id: key,
+          label: (_ref = (_legendData$label = legendData === null || legendData === void 0 ? void 0 : legendData.label) !== null && _legendData$label !== void 0 ? _legendData$label : item.label) !== null && _ref !== void 0 ? _ref : key,
+          icon: (_legendData$icon = legendData === null || legendData === void 0 ? void 0 : legendData.icon) !== null && _legendData$icon !== void 0 ? _legendData$icon : undefined,
+          checked: (_legendData$defaultCh = legendData === null || legendData === void 0 ? void 0 : legendData.defaultChecked) !== null && _legendData$defaultCh !== void 0 ? _legendData$defaultCh : true,
+          color: item.color,
+          columns: []
+        };
+        if (legendData !== null && legendData !== void 0 && legendData.additionalInfo || legendData !== null && legendData !== void 0 && legendData.count) {
+          dataDefinition.additionalInfo = legendData.additionalInfo ? {
+            label: legendData.additionalInfo
+          } : legendData.count ? {
+            count: legendData.count
+          } : undefined;
+        }
+        return dataDefinition;
+      });
+    }
+  }, {
+    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 range = [marginY, plotWidth - this.plotPadding];
+      var domain = minMax(data, 'x');
+      return scaleLinear([domain[0] * 0.8, domain[1] * 1.2], 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,
+        data = _this$asProps2.data;
+      if (yScale) {
+        return yScale;
+      }
+      var range = [plotHeight - marginX, this.plotPadding];
+      var domain = minMax(data, 'y');
+      return scaleLinear([domain[0] * 0.8, domain[1] * 1.2], range);
+    }
+  }, {
+    key: "defaultLegendProps",
+    value: function defaultLegendProps() {
+      return {
+        shape: 'Circle'
+      };
+    }
+  }, {
+    key: "renderChart",
+    value: function renderChart() {
+      return /*#__PURE__*/React.createElement(Bubble, {
+        x: "x",
+        y: "y",
+        value: "value",
+        color: 'color',
+        label: 'label'
+      });
+    }
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      var showTooltip = this.asProps.showTooltip;
+      if (!showTooltip) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Bubble.Tooltip, null, function (_ref2) {
+        var index = _ref2.index,
+          data = _ref2.data;
+        return {
+          children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Bubble.Tooltip.Title, null, "Data"), /*#__PURE__*/React.createElement(Text, {
+            tag: "div"
+          }, "X axis ", data[index].x), /*#__PURE__*/React.createElement(Text, {
+            tag: "div"
+          }, "Y axis ", data[index].y), /*#__PURE__*/React.createElement(Text, {
+            tag: "div"
+          }, "Value ", data[index].value))
+        };
+      });
+    }
+  }]);
+  return BubbleChartComponent;
+}(AbstractChart);
+_defineProperty(BubbleChartComponent, "displayName", 'Chart.Bubble');
+export var BubbleChart = createComponent(BubbleChartComponent);
+//# sourceMappingURL=BubbleChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleChart.js","names":["React","createComponent","scaleLinear","Bubble","minMax","AbstractChart","Text","BubbleChartComponent","_AbstractChart","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","data","props","map","_","index","toString","_this","_this$props","legendProps","item","_legendProps$legendMa","_ref","_legendData$label","_legendData$icon","_legendData$defaultCh","legendData","legendMap","color","undefined","resolveColor","dataDefinition","id","label","icon","checked","defaultChecked","columns","additionalInfo","count","_this$asProps","asProps","xScale","_this$asProps$marginY","marginY","plotWidth","groupKey","range","plotPadding","domain","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","value","defaultLegendProps","shape","renderChart","createElement","x","y","renderTooltip","showTooltip","Tooltip","_ref2","children","Fragment","Title","tag","_defineProperty","BubbleChart"],"sources":["../../../../src/component/Chart/BubbleChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { scaleLinear, ScaleLinear } from 'd3-scale';\n// @ts-ignore\nimport { Bubble, minMax } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { BubbleChartData, BubbleChartProps, BubbleChartType } from './BubbleChart.type';\nimport { Text } from '@semcore/typography';\nimport { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass BubbleChartComponent extends AbstractChart<BubbleChartData, BubbleChartProps> {\n  static displayName = 'Chart.Bubble';\n\n  protected get dataKeys(): string[] {\n    const { data } = this.props;\n\n    return data.map((_, index) => index.toString());\n  }\n\n  get defaultDataDefinitions(): Array<LegendItem & { columns: React.ReactNode[] }> {\n    const { legendProps, data } = this.props;\n\n    return data.map((item, index) => {\n      const key = index.toString();\n      const legendData = legendProps?.legendMap?.[key];\n\n      if (item.color === undefined) {\n        item.color = this.resolveColor(key, index);\n      }\n\n      const dataDefinition: LegendItem & { columns: React.ReactNode[] } = {\n        id: key,\n        label: legendData?.label ?? item.label ?? key,\n        icon: legendData?.icon ?? undefined,\n        checked: legendData?.defaultChecked ?? true,\n        color: item.color,\n        columns: [],\n      };\n\n      if (legendData?.additionalInfo || legendData?.count) {\n        dataDefinition.additionalInfo = legendData.additionalInfo\n          ? { label: legendData.additionalInfo }\n          : legendData.count\n          ? { count: legendData.count }\n          : undefined;\n      }\n\n      return dataDefinition;\n    });\n  }\n\n  get xScale() {\n    const { xScale, marginY = 30, plotWidth, data, groupKey } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const range = [marginY, plotWidth - this.plotPadding];\n    const domain = minMax(data, 'x');\n\n    return scaleLinear([domain[0] * 0.8, domain[1] * 1.2], range);\n  }\n\n  get yScale(): ScaleLinear<any, any> {\n    const { yScale, marginX = 30, plotHeight, data } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    const range = [plotHeight - marginX, this.plotPadding];\n    const domain = minMax(data, 'y');\n\n    return scaleLinear([domain[0] * 0.8, domain[1] * 1.2], range);\n  }\n\n  defaultLegendProps() {\n    return {\n      shape: 'Circle' as const,\n    };\n  }\n\n  renderChart() {\n    return <Bubble x='x' y='y' value='value' color={'color'} label={'label'} />;\n  }\n\n  renderTooltip() {\n    const { showTooltip } = this.asProps;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <Bubble.Tooltip>\n        {({ index, data }: any) => {\n          return {\n            children: (\n              <>\n                <Bubble.Tooltip.Title>Data</Bubble.Tooltip.Title>\n                <Text tag='div'>X axis {data[index].x}</Text>\n                <Text tag='div'>Y axis {data[index].y}</Text>\n                <Text tag='div'>Value {data[index].value}</Text>\n              </>\n            ),\n          };\n        }}\n      </Bubble.Tooltip>\n    );\n  }\n}\n\nexport const BubbleChart: BubbleChartType = createComponent(BubbleChartComponent);\n"],"mappings":"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"}

package/lib/es6/component/Chart/BubbleChart.type.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BubbleChart.type.js","names":[],"sources":["../../../../src/component/Chart/BubbleChart.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 BubbleChartData = Array<{\n  x: number;\n  y: number;\n  value: number;\n  label?: string;\n  color?: string;\n}>;\n\nexport type BubbleChartProps = BaseChartProps<BubbleChartData> & {\n  groupKey?: never;\n  xScale?: ScaleLinear<any, any>;\n  yScale?: ScaleLinear<any, any>;\n};\n\nexport type BubbleChartType = Intergalactic.Component<typeof Flex, BubbleChartProps>;\n"],"mappings":""}

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

@@ -0,0 +1,109 @@
+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 '@semcore/core';
+import { scaleLinear } from 'd3-scale';
+// @ts-ignore
+import { Donut } from '../..';
+import { AbstractChart } from './AbstractChart';
+import { Text } from '@semcore/typography';
+import { Flex } from '@semcore/flex-box';
+var DonutChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  _inherits(DonutChartComponent, _AbstractChart);
+  var _super = _createSuper(DonutChartComponent);
+  function DonutChartComponent() {
+    _classCallCheck(this, DonutChartComponent);
+    return _super.apply(this, arguments);
+  }
+  _createClass(DonutChartComponent, [{
+    key: "xScale",
+    get: function get() {
+      var xScale = this.asProps.xScale;
+      if (xScale) {
+        return xScale;
+      }
+      return scaleLinear();
+    }
+  }, {
+    key: "yScale",
+    get: function get() {
+      var yScale = this.asProps.yScale;
+      if (yScale) {
+        return yScale;
+      }
+      return scaleLinear();
+    }
+  }, {
+    key: "defaultLegendProps",
+    value: function defaultLegendProps() {
+      return {
+        legendType: 'Table'
+      };
+    }
+  }, {
+    key: "renderChart",
+    value: function renderChart() {
+      var _this$asProps = this.asProps,
+        innerRadius = _this$asProps.innerRadius,
+        halfsize = _this$asProps.halfsize,
+        innerLabel = _this$asProps.innerLabel;
+      var _this$state = this.state,
+        dataDefinitions = _this$state.dataDefinitions,
+        highlightedLine = _this$state.highlightedLine;
+      var checkedLegendItems = dataDefinitions.filter(function (item) {
+        return item.checked;
+      });
+      return /*#__PURE__*/React.createElement(Donut, {
+        halfsize: halfsize,
+        innerRadius: innerRadius
+      }, checkedLegendItems.length === 0 && /*#__PURE__*/React.createElement(Donut.EmptyData, null), checkedLegendItems.map(function (item, index) {
+        return /*#__PURE__*/React.createElement(Donut.Pie, {
+          key: item.id,
+          dataKey: item.id,
+          name: item.label,
+          color: item.color,
+          active: highlightedLine === index
+        });
+      }), innerLabel && /*#__PURE__*/React.createElement(Donut.Label, null, innerLabel));
+    }
+  }, {
+    key: "renderTooltip",
+    value: function renderTooltip() {
+      var _this = this;
+      var _this$asProps2 = this.asProps,
+        data = _this$asProps2.data,
+        showTooltip = _this$asProps2.showTooltip;
+      var dataDefinitions = this.state.dataDefinitions;
+      if (!showTooltip) {
+        return null;
+      }
+      return /*#__PURE__*/React.createElement(Donut.Tooltip, null, function (_ref) {
+        var dataKey = _ref.dataKey;
+        var title = dataDefinitions.find(function (item) {
+          return item.id === dataKey;
+        });
+        return {
+          children: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Donut.Tooltip.Title, null, (title === null || title === void 0 ? void 0 : title.label) || dataKey), /*#__PURE__*/React.createElement(Flex, {
+            justifyContent: "space-between"
+          }, /*#__PURE__*/React.createElement(Text, {
+            bold: true
+          }, _this.tooltipValueFormatter(data[dataKey]))))
+        };
+      });
+    }
+  }]);
+  return DonutChartComponent;
+}(AbstractChart);
+_defineProperty(DonutChartComponent, "displayName", 'Chart.Donut');
+_defineProperty(DonutChartComponent, "defaultProps", {
+  direction: 'row-reverse',
+  alignItems: 'flex-start',
+  innerRadius: 100,
+  marginX: 0,
+  marginY: 0
+});
+export var DonutChart = createComponent(DonutChartComponent);
+//# sourceMappingURL=DonutChart.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.js","names":["React","createComponent","scaleLinear","Donut","AbstractChart","Text","Flex","DonutChartComponent","_AbstractChart","_inherits","_super","_createSuper","_classCallCheck","apply","arguments","_createClass","key","get","xScale","asProps","yScale","value","defaultLegendProps","legendType","renderChart","_this$asProps","innerRadius","halfsize","innerLabel","_this$state","state","dataDefinitions","highlightedLine","checkedLegendItems","filter","item","checked","createElement","length","EmptyData","map","index","Pie","id","dataKey","name","label","color","active","Label","renderTooltip","_this","_this$asProps2","data","showTooltip","Tooltip","_ref","title","find","children","Fragment","Title","justifyContent","bold","tooltipValueFormatter","_defineProperty","direction","alignItems","marginX","marginY","DonutChart"],"sources":["../../../../src/component/Chart/DonutChart.tsx"],"sourcesContent":["import React from 'react';\nimport createComponent from '@semcore/core';\nimport { scaleLinear } from 'd3-scale';\n// @ts-ignore\nimport { Donut } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { Text } from '@semcore/typography';\nimport { DonutChartData, DonutChartProps, DonutChartType } from './DonutChart.type';\nimport { Flex } from '@semcore/flex-box';\n\nclass DonutChartComponent extends AbstractChart<DonutChartData, DonutChartProps> {\n  static displayName = 'Chart.Donut';\n  static defaultProps: Partial<DonutChartProps> = {\n    direction: 'row-reverse',\n    alignItems: 'flex-start',\n    innerRadius: 100,\n    marginX: 0,\n    marginY: 0,\n  };\n\n  get xScale() {\n    const { xScale } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    return scaleLinear();\n  }\n\n  get yScale() {\n    const { yScale } = this.asProps;\n\n    if (yScale) {\n      return yScale;\n    }\n\n    return scaleLinear();\n  }\n\n  defaultLegendProps() {\n    return {\n      legendType: 'Table' as const,\n    };\n  }\n\n  renderChart() {\n    const { innerRadius, halfsize, innerLabel } = this.asProps;\n    const { dataDefinitions, highlightedLine } = this.state;\n\n    const checkedLegendItems = dataDefinitions.filter((item) => item.checked);\n\n    return (\n      <Donut halfsize={halfsize} innerRadius={innerRadius}>\n        {checkedLegendItems.length === 0 && <Donut.EmptyData />}\n        {checkedLegendItems.map((item, index) => {\n          return (\n            <Donut.Pie\n              key={item.id}\n              dataKey={item.id}\n              name={item.label}\n              color={item.color}\n              active={highlightedLine === index}\n            />\n          );\n        })}\n        {innerLabel && <Donut.Label>{innerLabel}</Donut.Label>}\n      </Donut>\n    );\n  }\n\n  renderTooltip() {\n    const { data, showTooltip } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    if (!showTooltip) {\n      return null;\n    }\n\n    return (\n      <Donut.Tooltip>\n        {({ dataKey }: any) => {\n          const title = dataDefinitions.find((item) => item.id === dataKey);\n\n          return {\n            children: (\n              <>\n                <Donut.Tooltip.Title>{title?.label || dataKey}</Donut.Tooltip.Title>\n                <Flex justifyContent='space-between'>\n                  <Text bold>{this.tooltipValueFormatter(data[dataKey])}</Text>\n                </Flex>\n              </>\n            ),\n          };\n        }}\n      </Donut.Tooltip>\n    );\n  }\n}\n\nexport const DonutChart: DonutChartType = createComponent(DonutChartComponent);\n"],"mappings":"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"}

package/lib/es6/component/Chart/DonutChart.type.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.type.js","names":[],"sources":["../../../../src/component/Chart/DonutChart.type.ts"],"sourcesContent":["import React from 'react';\nimport { Intergalactic } from '@semcore/core';\nimport { Flex } from '@semcore/flex-box';\nimport { ScaleLinear } from 'd3-scale';\nimport { BaseChartProps } from './AbstractChart.type';\n\nexport type DonutChartData = Record<string, number>;\n\nexport type DonutChartProps = BaseChartProps<DonutChartData> & {\n  groupKey?: never;\n  xScale?: ScaleLinear<any, any>;\n  yScale?: ScaleLinear<any, any>;\n  innerRadius?: number;\n  halfsize?: boolean;\n  innerLabel?: React.ReactNode;\n};\n\nexport type DonutChartType = Intergalactic.Component<typeof Flex, DonutChartProps>;\n"],"mappings":""}