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

package/lib/cjs/component/Chart/BubbleChart.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.BubbleChart = 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,143 +12,125 @@ var _typography = require("@semcore/typography");
 var _d3Scale = require("d3-scale");
 var _react = _interopRequireDefault(require("react"));
 var _2 = require("../..");
-var _AbstractChart2 = require("./AbstractChart");
+var _AbstractChart = require("./AbstractChart");
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
 // @ts-ignore
-var BubbleChartComponent = /*#__PURE__*/function (_AbstractChart) {
-  function BubbleChartComponent() {
-    (0, _classCallCheck2["default"])(this, BubbleChartComponent);
-    return (0, _callSuper2["default"])(this, BubbleChartComponent, arguments);
+
+class BubbleChartComponent extends _AbstractChart.AbstractChart {
+  get dataKeys() {
+    const {
+      data
+    } = this.props;
+    return data.map((_, index) => index.toString());
   }
-  (0, _inherits2["default"])(BubbleChartComponent, _AbstractChart);
-  return (0, _createClass2["default"])(BubbleChartComponent, [{
-    key: "dataKeys",
-    get: function get() {
-      var data = this.props.data;
-      return data.map(function (_, index) {
-        return index.toString();
-      });
-    }
-  }, {
-    key: "getDefaultDataDefinitions",
-    value: function getDefaultDataDefinitions() {
-      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 || (_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;
-      if (xScale) {
-        return xScale;
+  getDefaultDataDefinitions() {
+    const {
+      legendProps,
+      data
+    } = this.props;
+    return data.map((item, index) => {
+      const key = index.toString();
+      const legendData = legendProps?.legendMap?.[key];
+      if (item.color === undefined) {
+        item.color = this.resolveColor(key, index);
       }
-      var range = [marginY, plotWidth - this.plotPadding];
-      var domain = (0, _2.calculateBubbleDomain)(data, 'x', range);
-      return (0, _d3Scale.scaleLinear)().domain(domain).range(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;
+      const dataDefinition = {
+        id: key,
+        label: legendData?.label ?? item.label ?? key,
+        icon: legendData?.icon ?? undefined,
+        checked: legendData?.defaultChecked ?? true,
+        color: item.color,
+        columns: []
+      };
+      if (legendData?.additionalInfo || legendData?.count) {
+        dataDefinition.additionalInfo = legendData.additionalInfo ? {
+          label: legendData.additionalInfo
+        } : legendData.count ? {
+          count: legendData.count
+        } : undefined;
       }
-      var range = [plotHeight - marginX, this.plotPadding];
-      var domain = (0, _2.calculateBubbleDomain)(data, 'y', range);
-      return (0, _d3Scale.scaleLinear)().domain(domain).range(range);
+      return dataDefinition;
+    });
+  }
+  get xScale() {
+    const {
+      xScale,
+      marginY = 30,
+      plotWidth,
+      data
+    } = this.asProps;
+    if (xScale) {
+      return xScale;
+    }
+    const range = [marginY, plotWidth - this.plotPadding];
+    const domain = (0, _2.calculateBubbleDomain)(data, 'x', range);
+    return (0, _d3Scale.scaleLinear)().domain(domain).range(range);
+  }
+  get yScale() {
+    const {
+      yScale,
+      marginX = 30,
+      plotHeight,
+      data
+    } = this.asProps;
+    if (yScale) {
+      return yScale;
     }
-  }, {
-    key: "defaultLegendProps",
-    value: function defaultLegendProps() {
+    const range = [plotHeight - marginX, this.plotPadding];
+    const domain = (0, _2.calculateBubbleDomain)(data, 'y', range);
+    return (0, _d3Scale.scaleLinear)().domain(domain).range(range);
+  }
+  defaultLegendProps() {
+    return {
+      shape: 'Circle'
+    };
+  }
+  renderChart() {
+    const {
+      onClickBubble
+    } = this.asProps;
+    const {
+      dataDefinitions
+    } = this.state;
+    return /*#__PURE__*/_react.default.createElement(_2.Bubble, {
+      onClick: onClickBubble,
+      x: "x",
+      y: "y",
+      value: "value",
+      color: "color",
+      label: "label"
+    }, dataDefinitions.map(({
+      checked,
+      id
+    }, index) => /*#__PURE__*/_react.default.createElement(_2.Bubble.Circle, {
+      visible: checked,
+      key: id,
+      index: index
+    })));
+  }
+  renderTooltip() {
+    return /*#__PURE__*/_react.default.createElement(_2.Bubble.Tooltip, null, ({
+      index,
+      data
+    }) => {
       return {
-        shape: 'Circle'
+        children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_2.Bubble.Tooltip.Title, null, "Data"), /*#__PURE__*/_react.default.createElement(_typography.Text, {
+          tag: "div"
+        }, "X axis", ' ', data[index].x), /*#__PURE__*/_react.default.createElement(_typography.Text, {
+          tag: "div"
+        }, "Y axis", ' ', data[index].y), /*#__PURE__*/_react.default.createElement(_typography.Text, {
+          tag: "div"
+        }, "Value", ' ', data[index].value))
       };
-    }
-  }, {
-    key: "renderChart",
-    value: function renderChart() {
-      var onClickBubble = this.asProps.onClickBubble;
-      var dataDefinitions = this.state.dataDefinitions;
-      return /*#__PURE__*/_react["default"].createElement(_2.Bubble, {
-        onClick: onClickBubble,
-        x: "x",
-        y: "y",
-        value: "value",
-        color: "color",
-        label: "label"
-      }, dataDefinitions.map(function (_ref2, index) {
-        var checked = _ref2.checked,
-          id = _ref2.id;
-        return /*#__PURE__*/_react["default"].createElement(_2.Bubble.Circle, {
-          visible: checked,
-          key: id,
-          index: index
-        });
-      }));
-    }
-  }, {
-    key: "renderTooltip",
-    value: function renderTooltip() {
-      return /*#__PURE__*/_react["default"].createElement(_2.Bubble.Tooltip, null, function (_ref3) {
-        var index = _ref3.index,
-          data = _ref3.data;
-        return {
-          children: /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_2.Bubble.Tooltip.Title, null, "Data"), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
-            tag: "div"
-          }, "X axis", ' ', data[index].x), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
-            tag: "div"
-          }, "Y axis", ' ', data[index].y), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
-            tag: "div"
-          }, "Value", ' ', data[index].value))
-        };
-      });
-    }
-  }, {
-    key: "getLegendAriaLabel",
-    value: function getLegendAriaLabel() {
-      return this.asProps.getI18nText('legendForChart', {
-        chartType: 'Bubble'
-      });
-    }
-  }]);
-}(_AbstractChart2.AbstractChart);
-(0, _defineProperty2["default"])(BubbleChartComponent, "displayName", 'Chart.Bubble');
-(0, _defineProperty2["default"])(BubbleChartComponent, "enhance", [(0, _i18nEnhance["default"])(_intergalacticDynamicLocales.localizedMessages)]);
-var BubbleChart = exports.BubbleChart = (0, _core.createComponent)(BubbleChartComponent);
+    });
+  }
+  getLegendAriaLabel() {
+    return this.asProps.getI18nText('legendForChart', {
+      chartType: 'Bubble'
+    });
+  }
+}
+(0, _defineProperty2.default)(BubbleChartComponent, "displayName", 'Chart.Bubble');
+(0, _defineProperty2.default)(BubbleChartComponent, "enhance", [(0, _i18nEnhance.default)(_intergalacticDynamicLocales.localizedMessages)]);
+const BubbleChart = exports.BubbleChart = (0, _core.createComponent)(BubbleChartComponent);
 //# sourceMappingURL=BubbleChart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BubbleChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_typography","_d3Scale","_react","_2","_AbstractChart2","_intergalacticDynamicLocales","BubbleChartComponent","_AbstractChart","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","get","data","props","map","_","index","toString","value","getDefaultDataDefinitions","_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","range","plotPadding","domain","calculateBubbleDomain","scaleLinear","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","defaultLegendProps","shape","renderChart","onClickBubble","dataDefinitions","state","createElement","Bubble","onClick","x","y","_ref2","Circle","visible","renderTooltip","Tooltip","_ref3","children","Fragment","Title","Text","tag","getLegendAriaLabel","getI18nText","chartType","AbstractChart","_defineProperty2","i18nEnhance","localizedMessages","BubbleChart","exports","createComponent"],"sources":["../../../../src/component/Chart/BubbleChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport { scaleLinear, type ScaleLinear } from 'd3-scale';\nimport React from 'react';\n\n// @ts-ignore\nimport { Bubble, calculateBubbleDomain } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport type { BubbleChartData, BubbleChartProps, BubbleChartType } from './BubbleChart.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport type { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass BubbleChartComponent extends AbstractChart<\n  BubbleChartData,\n  BubbleChartProps,\n  typeof BubbleChartComponent.enhance\n> {\n  static displayName = 'Chart.Bubble';\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  protected get dataKeys(): string[] {\n    const { data } = this.props;\n\n    return data.map((_, index) => index.toString());\n  }\n\n  protected override getDefaultDataDefinitions(): Array<\n    LegendItem & { columns: React.ReactNode[] }\n  > {\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 } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const range = [marginY, plotWidth - this.plotPadding];\n    const domain = calculateBubbleDomain(data, 'x', range);\n\n    return scaleLinear().domain(domain).range(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 = calculateBubbleDomain(data, 'y', range);\n\n    return scaleLinear().domain(domain).range(range);\n  }\n\n  defaultLegendProps() {\n    return {\n      shape: 'Circle' as const,\n    };\n  }\n\n  renderChart() {\n    const { onClickBubble } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return (\n      <Bubble onClick={onClickBubble} x='x' y='y' value='value' color='color' label='label'>\n        {dataDefinitions.map(({ checked, id }, index) => (\n          <Bubble.Circle visible={checked} key={id} index={index} />\n        ))}\n      </Bubble>\n    );\n  }\n\n  renderTooltip() {\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'>\n                  X axis\n                  {' '}\n                  {data[index].x}\n                </Text>\n                <Text tag='div'>\n                  Y axis\n                  {' '}\n                  {data[index].y}\n                </Text>\n                <Text tag='div'>\n                  Value\n                  {' '}\n                  {data[index].value}\n                </Text>\n              </>\n            ),\n          };\n        }}\n      </Bubble.Tooltip>\n    );\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Bubble' });\n  }\n}\n\nexport const BubbleChart: BubbleChartType = createComponent(BubbleChartComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"BubbleChart.js","names":["_core","require","_i18nEnhance","_interopRequireDefault","_typography","_d3Scale","_react","_2","_AbstractChart","_intergalacticDynamicLocales","BubbleChartComponent","AbstractChart","dataKeys","data","props","map","_","index","toString","getDefaultDataDefinitions","legendProps","item","key","legendData","legendMap","color","undefined","resolveColor","dataDefinition","id","label","icon","checked","defaultChecked","columns","additionalInfo","count","xScale","marginY","plotWidth","asProps","range","plotPadding","domain","calculateBubbleDomain","scaleLinear","yScale","marginX","plotHeight","defaultLegendProps","shape","renderChart","onClickBubble","dataDefinitions","state","default","createElement","Bubble","onClick","x","y","value","Circle","visible","renderTooltip","Tooltip","children","Fragment","Title","Text","tag","getLegendAriaLabel","getI18nText","chartType","_defineProperty2","i18nEnhance","localizedMessages","BubbleChart","exports","createComponent"],"sources":["../../../../src/component/Chart/BubbleChart.tsx"],"sourcesContent":["import { createComponent } from '@semcore/core';\nimport i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';\nimport { Text } from '@semcore/typography';\nimport { scaleLinear, type ScaleLinear } from 'd3-scale';\nimport React from 'react';\n\n// @ts-ignore\nimport { Bubble, calculateBubbleDomain } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport type { BubbleChartData, BubbleChartProps, BubbleChartType } from './BubbleChart.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport type { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\n\nclass BubbleChartComponent extends AbstractChart<\n  BubbleChartData,\n  BubbleChartProps,\n  typeof BubbleChartComponent.enhance\n> {\n  static displayName = 'Chart.Bubble';\n\n  static enhance = [i18nEnhance(localizedMessages)] as const;\n\n  protected get dataKeys(): string[] {\n    const { data } = this.props;\n\n    return data.map((_, index) => index.toString());\n  }\n\n  protected override getDefaultDataDefinitions(): Array<\n    LegendItem & { columns: React.ReactNode[] }\n  > {\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 } = this.asProps;\n\n    if (xScale) {\n      return xScale;\n    }\n\n    const range = [marginY, plotWidth - this.plotPadding];\n    const domain = calculateBubbleDomain(data, 'x', range);\n\n    return scaleLinear().domain(domain).range(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 = calculateBubbleDomain(data, 'y', range);\n\n    return scaleLinear().domain(domain).range(range);\n  }\n\n  defaultLegendProps() {\n    return {\n      shape: 'Circle' as const,\n    };\n  }\n\n  renderChart() {\n    const { onClickBubble } = this.asProps;\n    const { dataDefinitions } = this.state;\n\n    return (\n      <Bubble onClick={onClickBubble} x='x' y='y' value='value' color='color' label='label'>\n        {dataDefinitions.map(({ checked, id }, index) => (\n          <Bubble.Circle visible={checked} key={id} index={index} />\n        ))}\n      </Bubble>\n    );\n  }\n\n  renderTooltip() {\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'>\n                  X axis\n                  {' '}\n                  {data[index].x}\n                </Text>\n                <Text tag='div'>\n                  Y axis\n                  {' '}\n                  {data[index].y}\n                </Text>\n                <Text tag='div'>\n                  Value\n                  {' '}\n                  {data[index].value}\n                </Text>\n              </>\n            ),\n          };\n        }}\n      </Bubble.Tooltip>\n    );\n  }\n\n  protected getLegendAriaLabel(): string {\n    return this.asProps.getI18nText('legendForChart', { chartType: 'Bubble' });\n  }\n}\n\nexport const BubbleChart: BubbleChartType = createComponent(BubbleChartComponent);\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"file":"BubbleChart.type.js","names":[],"sources":["../../../../src/component/Chart/BubbleChart.type.ts"],"sourcesContent":["import type { Intergalactic } from '@semcore/core';\nimport type { Flex } from '@semcore/flex-box';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type ScaledValues = {\n  x: number[];\n  y: number[];\n};\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 = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<BubbleChartData>,\n  'showTotalInTooltip'\n> & {\n  /** Field name that groups the data points */\n  groupKey?: never;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Callback triggered when a user clicks on a bubble */\n  onClickBubble?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type BubbleChartType = Intergalactic.Component<typeof Flex, BubbleChartProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"BubbleChart.type.js","names":[],"sources":["../../../../src/component/Chart/BubbleChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleLinear } from 'd3-scale';\n\nimport type { BaseChartProps } from './AbstractChart.type';\n\nexport type ScaledValues = {\n  x: number[];\n  y: number[];\n};\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 = Intergalactic.InternalTypings.EfficientOmit<\n  BaseChartProps<BubbleChartData>,\n  'showTotalInTooltip'\n> & {\n  /** Field name that groups the data points */\n  groupKey?: never;\n  /** Custom x-axis scale */\n  xScale?: ScaleLinear<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Callback triggered when a user clicks on a bubble */\n  onClickBubble?: (index: number, event: React.SyntheticEvent) => void;\n};\n\nexport type BubbleChartType = Intergalactic.Component<typeof Flex, BubbleChartProps>;\n"],"mappings":"","ignoreList":[]}