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

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

@@ -1,7 +1,3 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _callSuper from "@babel/runtime/helpers/callSuper";
-import _inherits from "@babel/runtime/helpers/inherits";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { createComponent } from '@semcore/core';
 import i18nEnhance from '@semcore/core/lib/utils/enhances/i18nEnhance';
@@ -13,140 +9,121 @@ import React from 'react';
 import { Bubble, calculateBubbleDomain } from '../..';
 import { AbstractChart } from './AbstractChart';
 import { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';
-var BubbleChartComponent = /*#__PURE__*/function (_AbstractChart) {
-  function BubbleChartComponent() {
-    _classCallCheck(this, BubbleChartComponent);
-    return _callSuper(this, BubbleChartComponent, arguments);
+class BubbleChartComponent extends AbstractChart {
+  get dataKeys() {
+    const {
+      data
+    } = this.props;
+    return data.map((_, index) => index.toString());
   }
-  _inherits(BubbleChartComponent, _AbstractChart);
-  return _createClass(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 = calculateBubbleDomain(data, 'x', range);
-      return 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 = calculateBubbleDomain(data, 'y', range);
-      return 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 = calculateBubbleDomain(data, 'x', range);
+    return 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 = calculateBubbleDomain(data, 'y', range);
+    return scaleLinear().domain(domain).range(range);
+  }
+  defaultLegendProps() {
+    return {
+      shape: 'Circle'
+    };
+  }
+  renderChart() {
+    const {
+      onClickBubble
+    } = this.asProps;
+    const {
+      dataDefinitions
+    } = this.state;
+    return /*#__PURE__*/React.createElement(Bubble, {
+      onClick: onClickBubble,
+      x: "x",
+      y: "y",
+      value: "value",
+      color: "color",
+      label: "label"
+    }, dataDefinitions.map(({
+      checked,
+      id
+    }, index) => /*#__PURE__*/React.createElement(Bubble.Circle, {
+      visible: checked,
+      key: id,
+      index: index
+    })));
+  }
+  renderTooltip() {
+    return /*#__PURE__*/React.createElement(Bubble.Tooltip, null, ({
+      index,
+      data
+    }) => {
       return {
-        shape: 'Circle'
+        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))
       };
-    }
-  }, {
-    key: "renderChart",
-    value: function renderChart() {
-      var onClickBubble = this.asProps.onClickBubble;
-      var dataDefinitions = this.state.dataDefinitions;
-      return /*#__PURE__*/React.createElement(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.createElement(Bubble.Circle, {
-          visible: checked,
-          key: id,
-          index: index
-        });
-      }));
-    }
-  }, {
-    key: "renderTooltip",
-    value: function renderTooltip() {
-      return /*#__PURE__*/React.createElement(Bubble.Tooltip, null, function (_ref3) {
-        var index = _ref3.index,
-          data = _ref3.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))
-        };
-      });
-    }
-  }, {
-    key: "getLegendAriaLabel",
-    value: function getLegendAriaLabel() {
-      return this.asProps.getI18nText('legendForChart', {
-        chartType: 'Bubble'
-      });
-    }
-  }]);
-}(AbstractChart);
+    });
+  }
+  getLegendAriaLabel() {
+    return this.asProps.getI18nText('legendForChart', {
+      chartType: 'Bubble'
+    });
+  }
+}
 _defineProperty(BubbleChartComponent, "displayName", 'Chart.Bubble');
 _defineProperty(BubbleChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
-export var BubbleChart = createComponent(BubbleChartComponent);
+export const BubbleChart = createComponent(BubbleChartComponent);
 //# sourceMappingURL=BubbleChart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"BubbleChart.js","names":["createComponent","i18nEnhance","Text","scaleLinear","React","Bubble","calculateBubbleDomain","AbstractChart","localizedMessages","BubbleChartComponent","_AbstractChart","_classCallCheck","_callSuper","arguments","_inherits","_createClass","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","_this$asProps2","yScale","_this$asProps2$margin","marginX","plotHeight","defaultLegendProps","shape","renderChart","onClickBubble","dataDefinitions","state","createElement","onClick","x","y","_ref2","Circle","visible","renderTooltip","Tooltip","_ref3","children","Fragment","Title","tag","getLegendAriaLabel","getI18nText","chartType","_defineProperty","BubbleChart"],"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":";;;;;AAAA,SAASA,eAAe,QAAQ,eAAe;AAC/C,OAAOC,WAAW,MAAM,8CAA8C;AACtE,SAASC,IAAI,QAAQ,qBAAqB;AAC1C,SAASC,WAAW,QAA0B,UAAU;AACxD,OAAOC,KAAK,MAAM,OAAO;;AAEzB;AACA,SAASC,MAAM,EAAEC,qBAAqB,QAAQ,OAAO;AACrD,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,SAASC,iBAAiB,QAAQ,oDAAoD;AAAC,IAGjFC,oBAAoB,0BAAAC,cAAA;EAAA,SAAAD,qBAAA;IAAAE,eAAA,OAAAF,oBAAA;IAAA,OAAAG,UAAA,OAAAH,oBAAA,EAAAI,SAAA;EAAA;EAAAC,SAAA,CAAAL,oBAAA,EAAAC,cAAA;EAAA,OAAAK,YAAA,CAAAN,oBAAA;IAAAO,GAAA;IAAAC,GAAA,EASxB,SAAAA,IAAA,EAAmC;MACjC,IAAQC,IAAI,GAAK,IAAI,CAACC,KAAK,CAAnBD,IAAI;MAEZ,OAAOA,IAAI,CAACE,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA,OAAKA,KAAK,CAACC,QAAQ,CAAC,CAAC;MAAA,EAAC;IACjD;EAAC;IAAAP,GAAA;IAAAQ,KAAA,EAED,SAAmBC,yBAAyBA,CAAA,EAE1C;MAAA,IAAAC,KAAA;MACA,IAAAC,WAAA,GAA8B,IAAI,CAACR,KAAK;QAAhCS,WAAW,GAAAD,WAAA,CAAXC,WAAW;QAAEV,IAAI,GAAAS,WAAA,CAAJT,IAAI;MAEzB,OAAOA,IAAI,CAACE,GAAG,CAAC,UAACS,IAAI,EAAEP,KAAK,EAAK;QAAA,IAAAQ,qBAAA,EAAAC,IAAA,EAAAC,iBAAA,EAAAC,gBAAA,EAAAC,qBAAA;QAC/B,IAAMlB,GAAG,GAAGM,KAAK,CAACC,QAAQ,CAAC,CAAC;QAC5B,IAAMY,UAAU,GAAGP,WAAW,aAAXA,WAAW,gBAAAE,qBAAA,GAAXF,WAAW,CAAEQ,SAAS,cAAAN,qBAAA,uBAAtBA,qBAAA,CAAyBd,GAAG,CAAC;QAEhD,IAAIa,IAAI,CAACQ,KAAK,KAAKC,SAAS,EAAE;UAC5BT,IAAI,CAACQ,KAAK,GAAGX,KAAI,CAACa,YAAY,CAACvB,GAAG,EAAEM,KAAK,CAAC;QAC5C;QAEA,IAAMkB,cAA2D,GAAG;UAClEC,EAAE,EAAEzB,GAAG;UACP0B,KAAK,GAAAX,IAAA,IAAAC,iBAAA,GAAEG,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEO,KAAK,cAAAV,iBAAA,cAAAA,iBAAA,GAAIH,IAAI,CAACa,KAAK,cAAAX,IAAA,cAAAA,IAAA,GAAIf,GAAG;UAC7C2B,IAAI,GAAAV,gBAAA,GAAEE,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEQ,IAAI,cAAAV,gBAAA,cAAAA,gBAAA,GAAIK,SAAS;UACnCM,OAAO,GAAAV,qBAAA,GAAEC,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEU,cAAc,cAAAX,qBAAA,cAAAA,qBAAA,GAAI,IAAI;UAC3CG,KAAK,EAAER,IAAI,CAACQ,KAAK;UACjBS,OAAO,EAAE;QACX,CAAC;QAED,IAAIX,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEY,cAAc,IAAIZ,UAAU,aAAVA,UAAU,eAAVA,UAAU,CAAEa,KAAK,EAAE;UACnDR,cAAc,CAACO,cAAc,GAAGZ,UAAU,CAACY,cAAc,GACrD;YAAEL,KAAK,EAAEP,UAAU,CAACY;UAAe,CAAC,GACpCZ,UAAU,CAACa,KAAK,GACd;YAAEA,KAAK,EAAEb,UAAU,CAACa;UAAM,CAAC,GAC3BV,SAAS;QACjB;QAEA,OAAOE,cAAc;MACvB,CAAC,CAAC;IACJ;EAAC;IAAAxB,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAa;MACX,IAAAgC,aAAA,GAAkD,IAAI,CAACC,OAAO;QAAtDC,MAAM,GAAAF,aAAA,CAANE,MAAM;QAAAC,qBAAA,GAAAH,aAAA,CAAEI,OAAO;QAAPA,OAAO,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;QAAEE,SAAS,GAAAL,aAAA,CAATK,SAAS;QAAEpC,IAAI,GAAA+B,aAAA,CAAJ/B,IAAI;MAE7C,IAAIiC,MAAM,EAAE;QACV,OAAOA,MAAM;MACf;MAEA,IAAMI,KAAK,GAAG,CAACF,OAAO,EAAEC,SAAS,GAAG,IAAI,CAACE,WAAW,CAAC;MACrD,IAAMC,MAAM,GAAGnD,qBAAqB,CAACY,IAAI,EAAE,GAAG,EAAEqC,KAAK,CAAC;MAEtD,OAAOpD,WAAW,CAAC,CAAC,CAACsD,MAAM,CAACA,MAAM,CAAC,CAACF,KAAK,CAACA,KAAK,CAAC;IAClD;EAAC;IAAAvC,GAAA;IAAAC,GAAA,EAED,SAAAA,IAAA,EAAoC;MAClC,IAAAyC,cAAA,GAAmD,IAAI,CAACR,OAAO;QAAvDS,MAAM,GAAAD,cAAA,CAANC,MAAM;QAAAC,qBAAA,GAAAF,cAAA,CAAEG,OAAO;QAAPA,OAAO,GAAAD,qBAAA,cAAG,EAAE,GAAAA,qBAAA;QAAEE,UAAU,GAAAJ,cAAA,CAAVI,UAAU;QAAE5C,IAAI,GAAAwC,cAAA,CAAJxC,IAAI;MAE9C,IAAIyC,MAAM,EAAE;QACV,OAAOA,MAAM;MACf;MAEA,IAAMJ,KAAK,GAAG,CAACO,UAAU,GAAGD,OAAO,EAAE,IAAI,CAACL,WAAW,CAAC;MACtD,IAAMC,MAAM,GAAGnD,qBAAqB,CAACY,IAAI,EAAE,GAAG,EAAEqC,KAAK,CAAC;MAEtD,OAAOpD,WAAW,CAAC,CAAC,CAACsD,MAAM,CAACA,MAAM,CAAC,CAACF,KAAK,CAACA,KAAK,CAAC;IAClD;EAAC;IAAAvC,GAAA;IAAAQ,KAAA,EAED,SAAAuC,kBAAkBA,CAAA,EAAG;MACnB,OAAO;QACLC,KAAK,EAAE;MACT,CAAC;IACH;EAAC;IAAAhD,GAAA;IAAAQ,KAAA,EAED,SAAAyC,WAAWA,CAAA,EAAG;MACZ,IAAQC,aAAa,GAAK,IAAI,CAAChB,OAAO,CAA9BgB,aAAa;MACrB,IAAQC,eAAe,GAAK,IAAI,CAACC,KAAK,CAA9BD,eAAe;MAEvB,oBACE/D,KAAA,CAAAiE,aAAA,CAAChE,MAAM;QAACiE,OAAO,EAAEJ,aAAc;QAACK,CAAC,EAAC,GAAG;QAACC,CAAC,EAAC,GAAG;QAAChD,KAAK,EAAC,OAAO;QAACa,KAAK,EAAC,OAAO;QAACK,KAAK,EAAC;MAAO,GAClFyB,eAAe,CAAC/C,GAAG,CAAC,UAAAqD,KAAA,EAAkBnD,KAAK;QAAA,IAApBsB,OAAO,GAAA6B,KAAA,CAAP7B,OAAO;UAAEH,EAAE,GAAAgC,KAAA,CAAFhC,EAAE;QAAA,oBACjCrC,KAAA,CAAAiE,aAAA,CAAChE,MAAM,CAACqE,MAAM;UAACC,OAAO,EAAE/B,OAAQ;UAAC5B,GAAG,EAAEyB,EAAG;UAACnB,KAAK,EAAEA;QAAM,CAAE,CAAC;MAAA,CAC3D,CACK,CAAC;IAEb;EAAC;IAAAN,GAAA;IAAAQ,KAAA,EAED,SAAAoD,aAAaA,CAAA,EAAG;MACd,oBACExE,KAAA,CAAAiE,aAAA,CAAChE,MAAM,CAACwE,OAAO,QACZ,UAAAC,KAAA,EAA0B;QAAA,IAAvBxD,KAAK,GAAAwD,KAAA,CAALxD,KAAK;UAAEJ,IAAI,GAAA4D,KAAA,CAAJ5D,IAAI;QACb,OAAO;UACL6D,QAAQ,eACN3E,KAAA,CAAAiE,aAAA,CAAAjE,KAAA,CAAA4E,QAAA,qBACE5E,KAAA,CAAAiE,aAAA,CAAChE,MAAM,CAACwE,OAAO,CAACI,KAAK,QAAC,MAA0B,CAAC,eACjD7E,KAAA,CAAAiE,aAAA,CAACnE,IAAI;YAACgF,GAAG,EAAC;UAAK,GAAC,QAEd,EAAC,GAAG,EACHhE,IAAI,CAACI,KAAK,CAAC,CAACiD,CACT,CAAC,eACPnE,KAAA,CAAAiE,aAAA,CAACnE,IAAI;YAACgF,GAAG,EAAC;UAAK,GAAC,QAEd,EAAC,GAAG,EACHhE,IAAI,CAACI,KAAK,CAAC,CAACkD,CACT,CAAC,eACPpE,KAAA,CAAAiE,aAAA,CAACnE,IAAI;YAACgF,GAAG,EAAC;UAAK,GAAC,OAEd,EAAC,GAAG,EACHhE,IAAI,CAACI,KAAK,CAAC,CAACE,KACT,CACN;QAEN,CAAC;MACH,CACc,CAAC;IAErB;EAAC;IAAAR,GAAA;IAAAQ,KAAA,EAED,SAAU2D,kBAAkBA,CAAA,EAAW;MACrC,OAAO,IAAI,CAACjC,OAAO,CAACkC,WAAW,CAAC,gBAAgB,EAAE;QAAEC,SAAS,EAAE;MAAS,CAAC,CAAC;IAC5E;EAAC;AAAA,EA/HgC9E,aAAa;AAAA+E,eAAA,CAA1C7E,oBAAoB,iBAKH,cAAc;AAAA6E,eAAA,CAL/B7E,oBAAoB,aAOP,CAACR,WAAW,CAACO,iBAAiB,CAAC,CAAC;AA2HnD,OAAO,IAAM+E,WAA4B,GAAGvF,eAAe,CAACS,oBAAoB,CAAC","ignoreList":[]}
+{"version":3,"file":"BubbleChart.js","names":["createComponent","i18nEnhance","Text","scaleLinear","React","Bubble","calculateBubbleDomain","AbstractChart","localizedMessages","BubbleChartComponent","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","yScale","marginX","plotHeight","defaultLegendProps","shape","renderChart","onClickBubble","dataDefinitions","state","createElement","onClick","x","y","value","Circle","visible","renderTooltip","Tooltip","children","Fragment","Title","tag","getLegendAriaLabel","getI18nText","chartType","_defineProperty","BubbleChart"],"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/es6/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":[]}