@semcore/d3-chart 3.61.0-prerelease.0 → 3.61.0-prerelease.1

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

@@ -1 +1 @@
-{"version":3,"file":"BarChart.type.js","names":[],"sources":["../../../../src/component/Chart/BarChart.type.ts"],"sourcesContent":["import type { Flex } from '@semcore/base-components';\nimport type { Intergalactic } from '@semcore/core';\nimport type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';\nimport type React from 'react';\n\nimport type { AriaNameProps, BaseChartProps } from './AbstractChart.type';\nimport type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';\n\ntype TrendItem = {\n  x: number | string;\n  y: number | string;\n};\n\ntype BarKey = string;\n\nexport type BarChartData = Array<Record<BarKey, string | number | Date>>;\n\nexport type BarChartProps = BaseChartProps<BarChartData> & {\n  /** Field name that groups the data points */\n  groupKey: string;\n  /** Custom x-axis scale */\n  xScale?: ScaleBand<any> | ScaleTime<any, any>;\n  /** Custom y-axis scale */\n  yScale?: ScaleLinear<any, any>;\n  /** Controls whether bars are grouped side-by-side or stacked */\n  type?: 'stack' | 'group';\n  /** Optional trend line data to overlay on the bars */\n  trend?: Record<LegendItemKey, TrendItem[]>;\n  /** Handle click by `HoverRect`. `index` is an index of the data array. */\n  onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;\n  /** Handle click by Bar. */\n  onClickBar?: (barItem: number, barKey: BarKey, e: React.SyntheticEvent) => void;\n};\n\nexport type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps & AriaNameProps>;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"BarChart.type.js","names":[],"sources":["../../../../src/component/Chart/BarChart.type.ts"],"sourcesContent":["import React from 'react';\nimport { 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\ntype BarKey = string;\n\nexport type BarChartData = Array<Record<BarKey, 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  /** Handle click by `HoverRect`. `index` is an index of the data array. */\n  onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;\n\n  /** Handle click by Bar. */\n  onClickBar?: (barItem: number, barKey: BarKey, e: React.SyntheticEvent) => void;\n};\n\nexport type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps>;\n"],"mappings":""}

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

@@ -1,31 +1,32 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 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 _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _core = require("@semcore/core");
-var _i18nEnhance = _interopRequireDefault(require("@semcore/core/lib/utils/enhances/i18nEnhance"));
-var _typography = require("@semcore/typography");
-var _d3Scale = require("d3-scale");
 var _react = _interopRequireDefault(require("react"));
+var _core = _interopRequireDefault(require("@semcore/core"));
+var _d3Scale = require("d3-scale");
 var _2 = require("../..");
 var _AbstractChart2 = require("./AbstractChart");
+var _typography = require("@semcore/typography");
 var _intergalacticDynamicLocales = require("../../translations/__intergalactic-dynamic-locales");
+var _i18nEnhance = _interopRequireDefault(require("@semcore/utils/lib/enhances/i18nEnhance"));
 // @ts-ignore
 var BubbleChartComponent = /*#__PURE__*/function (_AbstractChart) {
+  (0, _inherits2["default"])(BubbleChartComponent, _AbstractChart);
+  var _super = (0, _createSuper2["default"])(BubbleChartComponent);
   function BubbleChartComponent() {
     (0, _classCallCheck2["default"])(this, BubbleChartComponent);
-    return (0, _callSuper2["default"])(this, BubbleChartComponent, arguments);
+    return _super.apply(this, arguments);
   }
-  (0, _inherits2["default"])(BubbleChartComponent, _AbstractChart);
-  return (0, _createClass2["default"])(BubbleChartComponent, [{
+  (0, _createClass2["default"])(BubbleChartComponent, [{
     key: "dataKeys",
     get: function get() {
       var data = this.props.data;
@@ -43,7 +44,7 @@ var BubbleChartComponent = /*#__PURE__*/function (_AbstractChart) {
       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];
+        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);
         }
@@ -107,39 +108,32 @@ var BubbleChartComponent = /*#__PURE__*/function (_AbstractChart) {
   }, {
     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
-        });
-      }));
+        color: 'color',
+        label: 'label'
+      });
     }
   }, {
     key: "renderTooltip",
     value: function renderTooltip() {
-      return /*#__PURE__*/_react["default"].createElement(_2.Bubble.Tooltip, null, function (_ref3) {
-        var index = _ref3.index,
-          data = _ref3.data;
+      var showTooltip = this.asProps.showTooltip;
+      if (!showTooltip) {
+        return null;
+      }
+      return /*#__PURE__*/_react["default"].createElement(_2.Bubble.Tooltip, null, function (_ref2) {
+        var index = _ref2.index,
+          data = _ref2.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, {
+          }, "X axis ", data[index].x), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
             tag: "div"
-          }, "Y axis", ' ', data[index].y), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
+          }, "Y axis ", data[index].y), /*#__PURE__*/_react["default"].createElement(_typography.Text, {
             tag: "div"
-          }, "Value", ' ', data[index].value))
+          }, "Value ", data[index].value))
         };
       });
     }
@@ -151,8 +145,10 @@ var BubbleChartComponent = /*#__PURE__*/function (_AbstractChart) {
       });
     }
   }]);
+  return BubbleChartComponent;
 }(_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);
+var BubbleChart = (0, _core["default"])(BubbleChartComponent);
+exports.BubbleChart = BubbleChart;
 //# 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":["_react","_interopRequireDefault","require","_core","_d3Scale","_2","_AbstractChart2","_typography","_intergalacticDynamicLocales","_i18nEnhance","BubbleChartComponent","_AbstractChart","_inherits2","_super","_createSuper2","_classCallCheck2","apply","arguments","_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","createElement","Bubble","x","y","renderTooltip","showTooltip","Tooltip","_ref2","children","Fragment","Title","Text","tag","getLegendAriaLabel","getI18nText","chartType","AbstractChart","_defineProperty2","i18nEnhance","localizedMessages","BubbleChart","createComponent","exports"],"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, calculateBubbleDomain } from '../..';\nimport { AbstractChart } from './AbstractChart';\nimport { BubbleChartData, BubbleChartProps, BubbleChartType } from './BubbleChart.type';\nimport { Text } from '@semcore/typography';\nimport { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';\nimport { localizedMessages } from '../../translations/__intergalactic-dynamic-locales';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\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    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  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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"}

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 { 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":[]}
+{"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 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 = 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":""}