@semcore/d3-chart 17.0.0-prerelease.36 → 17.0.0-prerelease.37

package/lib/esm/component/Chart/CigaretteChart.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import { Box, Flex } from "@semcore/base-components";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
@@ -9,13 +9,14 @@ import Divider from "@semcore/divider";
 import { Text } from "@semcore/typography";
 import { scaleLinear, scaleThreshold } from "d3-scale";
 import React from "react";
-import Plot from "../../Plot.mjs";
-import { HoverRect } from "../../Hover.mjs";
-import { eventToPoint, interpolateValue } from "../../utils.mjs";
+import "../../index.mjs";
 import { AbstractChart, NOT_A_VALUE } from "./AbstractChart.mjs";
 import AnimatedClipPath from "../../AnimatedClipPath.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { eventToPoint, interpolateValue } from "../../utils.mjs";
 import Cigarette from "../Cigarette/Cigarette.mjs";
+import { HoverRect } from "../../Hover.mjs";
+import Plot from "../../Plot.mjs";
 const DEFAULT_MINIMAL_BAR_WIDTH = 2;
 const DEFAULT_GAP = 2;
 class CigaretteChartComponent extends AbstractChart {
@@ -64,8 +65,7 @@ class CigaretteChartComponent extends AbstractChart {
     });
   }
   resolveColor(id, index) {
-    var _a;
-    return ((_a = this.props.colorMap) == null ? void 0 : _a[id]) ?? `blue-${5 - index}00`;
+    return this.props.colorMap?.[id] ?? `blue-${5 - index}00`;
   }
   getDefaultDataDefinitions() {
     const dataDefinitions = super.getDefaultDataDefinitions();

package/lib/esm/component/Chart/CompactHorizontalBarChart.mjs

@@ -3,9 +3,10 @@ import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleBand, scaleLinear } from "d3-scale";
 import React from "react";
-import CompactHorizontalBar from "../../CompactHorizontalBar.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import CompactHorizontalBar from "../../CompactHorizontalBar.mjs";
 class CompactHorizontalBarChartComponent extends AbstractChart {
   get xScale() {
     return this.asProps.xScale ?? this.valueScale;

package/lib/esm/component/Chart/DonutChart.mjs

@@ -5,9 +5,10 @@ import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { Text } from "@semcore/typography";
 import { scaleLinear } from "d3-scale";
 import React from "react";
-import Donut from "../../Donut.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import Donut from "../../Donut.mjs";
 class DonutChartComponent extends AbstractChart {
   get xScale() {
     const {
@@ -70,7 +71,7 @@ class DonutChartComponent extends AbstractChart {
     }) => {
       const title = dataDefinitions.find((item) => item.id === dataKey);
       return {
-        children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Donut.Tooltip.Title, null, (title == null ? void 0 : title.label) || dataKey), /* @__PURE__ */ React.createElement(Flex, {
+        children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Donut.Tooltip.Title, null, title?.label || dataKey), /* @__PURE__ */ React.createElement(Flex, {
           justifyContent: "space-between"
         }, /* @__PURE__ */ React.createElement(Text, {
           bold: true

package/lib/esm/component/Chart/HistogramChart.mjs

@@ -4,12 +4,13 @@ import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleBand, scaleLinear } from "d3-scale";
 import React from "react";
-import Bar from "../../Bar.mjs";
-import StackBar from "../../StackBar.mjs";
-import { HoverRect } from "../../Hover.mjs";
-import { minMax } from "../../utils.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { minMax } from "../../utils.mjs";
+import StackBar from "../../StackBar.mjs";
+import Bar from "../../Bar.mjs";
+import { HoverRect } from "../../Hover.mjs";
 class HistogramChartComponent extends AbstractChart {
   get xScale() {
     const {

package/lib/esm/component/Chart/LineChart.mjs

@@ -3,11 +3,12 @@ import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleLinear } from "d3-scale";
 import React from "react";
-import Line from "../../Line.mjs";
-import { HoverLine } from "../../Hover.mjs";
-import { minMax } from "../../utils.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { minMax } from "../../utils.mjs";
+import Line from "../../Line.mjs";
+import { HoverLine } from "../../Hover.mjs";
 class LineChartComponent extends AbstractChart {
   get xScale() {
     const {
@@ -66,7 +67,7 @@ class LineChartComponent extends AbstractChart {
         onClick: onClickLine
       }, showDots && /* @__PURE__ */ React.createElement(Line.Dots, {
         display: true
-      }), (area == null ? void 0 : area[item.id]) && /* @__PURE__ */ React.createElement(Line.Area, {
+      }), area?.[item.id] && /* @__PURE__ */ React.createElement(Line.Area, {
         area: area[item.id],
         y0: "y0",
         y1: "y1",

package/lib/esm/component/Chart/RadarChart.mjs

@@ -4,8 +4,9 @@ import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleLinear } from "d3-scale";
 import React from "react";
 import { AbstractChart } from "./AbstractChart.mjs";
-import Radar from "../../Radar.mjs";
+import "../../index.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import Radar from "../../Radar.mjs";
 class RadarChartComponent extends AbstractChart {
   renderChart() {
     const {
@@ -48,11 +49,9 @@ class RadarChartComponent extends AbstractChart {
     }, ({
       index
     }) => {
-      var _a;
       return {
-        children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Radar.Tooltip.Title, null, (_a = data[groupKey]) == null ? void 0 : _a[index]), dataDefinitions.map((item) => {
-          var _a2;
-          const value = (_a2 = data[item.id]) == null ? void 0 : _a2[index];
+        children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Radar.Tooltip.Title, null, data[groupKey]?.[index]), dataDefinitions.map((item) => {
+          const value = data[item.id]?.[index];
           return item.checked && /* @__PURE__ */ React.createElement(Radar.Tooltip.Dot, {
             color: item.color,
             key: item.id

package/lib/esm/component/Chart/ScatterPlotChart.mjs

@@ -4,10 +4,11 @@ import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { Text } from "@semcore/typography";
 import { scaleTime, scaleLinear } from "d3-scale";
 import React from "react";
-import ScatterPlot from "../../ScatterPlot.mjs";
-import { getScatterPlotRadius, minMax } from "../../utils.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import { getScatterPlotRadius, minMax } from "../../utils.mjs";
+import ScatterPlot from "../../ScatterPlot.mjs";
 class ScatterPlotChartComponent extends AbstractChart {
   get dataKeys() {
     const {

package/lib/esm/component/Chart/VennChart.mjs

@@ -4,9 +4,10 @@ import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { Text } from "@semcore/typography";
 import { scaleLinear } from "d3-scale";
 import React from "react";
-import Venn from "../../Venn.mjs";
+import "../../index.mjs";
 import { AbstractChart } from "./AbstractChart.mjs";
 import { localizedMessages } from "../../translations/__intergalactic-dynamic-locales.mjs";
+import Venn from "../../Venn.mjs";
 class VennChartComponent extends AbstractChart {
   get xScale() {
     const {
@@ -81,8 +82,7 @@ class VennChartComponent extends AbstractChart {
         return null;
       }
       const name = intersectionKeys.map((id) => {
-        var _a;
-        return ((_a = dataDefinitions.find((legendItem) => legendItem.id === id)) == null ? void 0 : _a.label) || "";
+        return dataDefinitions.find((legendItem) => legendItem.id === id)?.label || "";
       }).join(" & ");
       return /* @__PURE__ */ React.createElement(Venn.Intersection, {
         key: intersectionKey,

package/lib/esm/component/ChartLegend/BaseLegend.mjs

@@ -5,36 +5,31 @@ class BaseLegend extends Component {
   constructor(...args) {
     super(...args);
     _defineProperty(this, "onChangeLegendItem", (shape) => (id, checked) => {
-      var _a, _b, _c, _d, _e, _f;
       if (shape !== "Checkbox") return;
-      (_b = (_a = this.props).onChangeVisibleItem) == null ? void 0 : _b.call(_a, id, checked);
+      this.props.onChangeVisibleItem?.(id, checked);
       if (checked) {
-        (_d = (_c = this.props).onMouseEnterItem) == null ? void 0 : _d.call(_c, id);
+        this.props.onMouseEnterItem?.(id);
       } else {
-        (_f = (_e = this.props).onMouseLeaveItem) == null ? void 0 : _f.call(_e, id);
+        this.props.onMouseLeaveItem?.(id);
       }
     });
     _defineProperty(this, "onFocusLegendItem", (checked) => (id) => {
-      var _a, _b, _c, _d;
       if (!checked) {
-        return (_b = (_a = this.props).onMouseLeaveItem) == null ? void 0 : _b.call(_a, id);
+        return this.props.onMouseLeaveItem?.(id);
       }
-      (_d = (_c = this.props).onMouseEnterItem) == null ? void 0 : _d.call(_c, id);
+      this.props.onMouseEnterItem?.(id);
     });
     _defineProperty(this, "onBlurLegendItem", (id) => {
-      var _a, _b;
-      (_b = (_a = this.props).onMouseLeaveItem) == null ? void 0 : _b.call(_a, id);
+      this.props.onMouseLeaveItem?.(id);
     });
     _defineProperty(this, "bindOnMouseEnterItem", (id) => {
       return (e) => {
-        var _a, _b;
-        (_b = (_a = this.props).onMouseEnterItem) == null ? void 0 : _b.call(_a, id, e);
+        this.props.onMouseEnterItem?.(id, e);
       };
     });
     _defineProperty(this, "bindOnMouseLeaveItem", (id) => {
       return (e) => {
-        var _a, _b;
-        (_b = (_a = this.props).onMouseLeaveItem) == null ? void 0 : _b.call(_a, id, e);
+        this.props.onMouseLeaveItem?.(id, e);
       };
     });
   }
@@ -53,7 +48,7 @@ class BaseLegend extends Component {
     } = this.asProps;
     const dataHintsHandler = dataHints ? makeDataHintsHandlers(dataHints) : void 0;
     items.forEach((legendItem) => {
-      dataHintsHandler == null ? void 0 : dataHintsHandler.labelKey("value", legendItem.id, legendItem.label);
+      dataHintsHandler?.labelKey("value", legendItem.id, legendItem.label);
     });
   }
   getItem(index) {

package/lib/esm/component/ChartLegend/LegendFlex/LegendFlex.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import { Flex } from "@semcore/base-components";
 import Checkbox from "@semcore/checkbox";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
@@ -8,7 +8,6 @@ import React from "react";
 import { localizedMessages } from "../../../translations/__intergalactic-dynamic-locales.mjs";
 import { BaseLegend } from "../BaseLegend.mjs";
 import { LegendItemComponent } from "../LegendItem/LegendItem.mjs";
-/*!__reshadow-styles__:"./legend-flex.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/component/ChartLegend/LegendItem/LegendItem.mjs

@@ -1,5 +1,5 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, Component, sstyled, assignProps } from "@semcore/core";
+import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import { Flex, Box } from "@semcore/base-components";
 import Checkbox from "@semcore/checkbox";
 import resolveColorEnhance from "@semcore/core/lib/utils/enhances/resolveColorEnhance";
@@ -9,7 +9,6 @@ import React from "react";
 import { StaticShapes } from "./LegendItem.type.mjs";
 import { PatternSymbol } from "../../../Pattern.mjs";
 import { getChartDefaultColorName } from "../../../utils.mjs";
-/*!__reshadow-styles__:"./legend-item.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(

package/lib/esm/component/ChartLegend/LegendTable/LegendTable.mjs

@@ -1,10 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { createComponent, sstyled, assignProps } from "@semcore/core";
+import { sstyled, assignProps, createComponent } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import React from "react";
 import { BaseLegend } from "../BaseLegend.mjs";
 import { LegendItemComponent } from "../LegendItem/LegendItem.mjs";
-/*!__reshadow-styles__:"./legend-table.shadow.css"*/
 const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
@@ -23,7 +22,6 @@ const style = (
 );
 class LegendTableRoot extends BaseLegend {
   render() {
-    var _a;
     var _ref = this.asProps, _ref3;
     const SLegendTable = Box;
     const {
@@ -32,7 +30,7 @@ class LegendTableRoot extends BaseLegend {
       size = "m",
       items
     } = this.asProps;
-    const columnsCount = (_a = items[0]) == null ? void 0 : _a.columns.length;
+    const columnsCount = items[0]?.columns.length;
     return _ref3 = sstyled(styles), /* @__PURE__ */ React.createElement(SLegendTable, _ref3.cn("SLegendTable", {
       ...assignProps({
         "columns-count": columnsCount + 1,

package/lib/esm/component/ChartLegend/index.mjs

@@ -1,5 +1,7 @@
 import { LegendFlex } from "./LegendFlex/LegendFlex.mjs";
+import { LegendTable } from "./LegendTable/LegendTable.mjs";
 export {
   LegendFlex as ChartLegend,
+  LegendTable as ChartLegendTable,
   LegendFlex as default
 };

package/lib/esm/component/Cigarette/Cigarette.mjs

@@ -30,12 +30,11 @@ class CigaretteBarRoot extends Component {
       }
     });
     _defineProperty(this, "setCursor", (value) => {
-      var _a;
       const {
         onClick
       } = this.asProps;
       if (onClick) {
-        (_a = this.refElement.current) == null ? void 0 : _a.style.setProperty("cursor", value);
+        this.refElement.current?.style.setProperty("cursor", value);
       }
     });
   }

package/lib/esm/component/StackGroupBar/StackGroupBar.mjs

@@ -6,7 +6,7 @@ import React from "react";
 import Bar, { MIN_HEIGHT } from "../../Bar.mjs";
 import createElement from "../../createElement.mjs";
 import { scaleToBand, getChartDefaultColorName } from "../../utils.mjs";
-const XY0 = Symbol("XY0");
+const XY0 = /* @__PURE__ */ Symbol("XY0");
 class StackGroupBarRoot extends Component {
   constructor(props) {
     super(props);
@@ -40,11 +40,10 @@ class StackGroupBarRoot extends Component {
     this.forceUpdate();
   }
   getSeries(group) {
-    var _a, _b;
     const {
       data
     } = this.asProps;
-    return (_b = (_a = this.stacks)[group]) == null ? void 0 : _b.call(_a, data);
+    return this.stacks[group]?.(data);
   }
   getBarProps({
     y,

package/lib/esm/createElement.mjs

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { createComponent, createBaseComponent, CONTEXT_COMPONENT } from "@semcore/core";
+import { CONTEXT_COMPONENT, createBaseComponent, createComponent } from "@semcore/core";
 import assignProps from "@semcore/core/lib/utils/assignProps";
 import getOriginChildren from "@semcore/core/lib/utils/getOriginChildren";
 import propsForElement from "@semcore/core/lib/utils/propsForElement";

package/lib/esm/index.mjs

@@ -1,4 +1,5 @@
 import { default as default2 } from "./Plot.mjs";
+import "./component/ChartLegend/index.mjs";
 import { default as default3 } from "./component/Chart/index.mjs";
 import { default as default4 } from "./component/StackGroupBar/StackGroupBar.mjs";
 import { SvgElement } from "./component/SvgElement.mjs";

package/lib/esm/utils.mjs

@@ -1,6 +1,6 @@
 import EventEmitter from "@semcore/core/lib/utils/eventEmitter";
 import { extent, bisector } from "d3-array";
-import { scaleSqrt, scaleBand, scaleQuantize } from "d3-scale";
+import { scaleQuantize, scaleBand, scaleSqrt } from "d3-scale";
 const eventToPoint = (event, svgRoot) => {
   const node = event.currentTarget || event.target;
   const rect = svgRoot.getBoundingClientRect();
@@ -163,7 +163,7 @@ const measureText = memoize((text, fontSize) => {
 });
 let idCounter = 0;
 const uniqueId = (prefix = "id-") => `${prefix}${idCounter++}`;
-const interpolateValue = Symbol("intergalactic-d3-chart-line-interpolate");
+const interpolateValue = /* @__PURE__ */ Symbol("intergalactic-d3-chart-line-interpolate");
 const getChartDefaultColorName = (index) => {
   index++;
   if (index < 1) index = 1;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "17.0.0-prerelease.36",
+  "version": "17.0.0-prerelease.37",
   "main": "lib/cjs/index.js",
   "module": "lib/esm/index.mjs",
   "typings": "lib/types/index.d.ts",
@@ -15,9 +15,9 @@
   },
   "dependencies": {
     "@formatjs/intl": "2.3.0",
-    "@semcore/checkbox": "^17.0.0-prerelease.36",
-    "@semcore/divider": "^17.0.0-prerelease.36",
-    "@semcore/typography": "^17.0.0-prerelease.36",
+    "@semcore/checkbox": "^17.0.0-prerelease.37",
+    "@semcore/divider": "^17.0.0-prerelease.37",
+    "@semcore/typography": "^17.0.0-prerelease.37",
     "@types/d3-shape": "^3.1.7",
     "@upsetjs/venn.js": "1.4.2",
     "d3-array": "3.1.6",
@@ -44,16 +44,16 @@
     "@types/d3-array": "^3.2.1",
     "@types/d3-scale": "^4.0.9",
     "@types/d3-transition": "^3.0.9",
-    "@semcore/core": "17.0.0-prerelease.36",
-    "@semcore/base-components": "17.0.0-prerelease.36",
-    "@semcore/divider": "17.0.0-prerelease.36",
-    "@semcore/checkbox": "17.0.0-prerelease.36",
-    "@semcore/button": "17.0.0-prerelease.36",
-    "@semcore/dropdown-menu": "17.0.0-prerelease.36",
-    "@semcore/ellipsis": "16.0.12-prerelease.36",
-    "@semcore/icon": "16.7.2-prerelease.36",
+    "@semcore/core": "17.0.0-prerelease.37",
+    "@semcore/base-components": "17.0.0-prerelease.37",
+    "@semcore/button": "17.0.0-prerelease.37",
+    "@semcore/checkbox": "17.0.0-prerelease.37",
+    "@semcore/dropdown-menu": "17.0.0-prerelease.37",
+    "@semcore/divider": "17.0.0-prerelease.37",
+    "@semcore/ellipsis": "16.0.12-prerelease.37",
+    "@semcore/icon": "16.7.2-prerelease.37",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/typography": "17.0.0-prerelease.36"
+    "@semcore/typography": "17.0.0-prerelease.37"
   },
   "scripts": {
     "build": "pnpm semcore-builder --source=js,ts && pnpm vite build"