@semcore/d3-chart 17.1.0 → 17.2.0-prerelease.5

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

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleTime, scaleLinear } from "d3-scale";
@@ -103,6 +103,12 @@ class LineChartComponent extends AbstractChart {
 }
 _defineProperty(LineChartComponent, "displayName", "Chart.Line");
 _defineProperty(LineChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(LineChartComponent, "defaultProps", {
+  direction: "column",
+  showXAxis: true,
+  showYAxis: true,
+  showTooltip: true
+});
 const LineChart = createComponent(LineChartComponent);
 export {
   LineChart

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

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { scaleLinear } from "d3-scale";
@@ -89,6 +89,12 @@ class RadarChartComponent extends AbstractChart {
   }
 }
 _defineProperty(RadarChartComponent, "enhance", [i18nEnhance(localizedMessages)]);
+_defineProperty(RadarChartComponent, "defaultProps", {
+  direction: "column",
+  showXAxis: true,
+  showYAxis: true,
+  showTooltip: true
+});
 const RadarChart = createComponent(RadarChartComponent);
 export {
   RadarChart

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

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { Text } from "@semcore/typography";

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

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { createComponent } from "@semcore/core";
 import i18nEnhance from "@semcore/core/lib/utils/enhances/i18nEnhance";
 import { Text } from "@semcore/typography";

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

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Component } from "@semcore/core";
 import { makeDataHintsHandlers } from "../../a11y/hints.mjs";
 class BaseLegend extends Component {

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

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, assignProps, createComponent } from "@semcore/core";
 import { Flex } from "@semcore/base-components";
 import Checkbox from "@semcore/checkbox";
@@ -13,14 +13,14 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    ".___SLegendFlex_1k9rk_gg_._direction_row_1k9rk_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1k9rk_gg_._direction_column_1k9rk_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}",
+    ".___SLegendFlex_1fc9g_gg_._direction_row_1fc9g_gg_{align-items:flex-start;align-content:flex-start;flex-wrap:wrap;gap:8px 16px}.___SLegendFlex_1fc9g_gg_._direction_column_1fc9g_gg_{align-items:flex-start;flex-wrap:wrap;gap:8px}",
     /*__inner_css_end__*/
-    "1k9rk_gg_"
+    "1fc9g_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLegendFlex": "___SLegendFlex_1k9rk_gg_",
-    "_direction_row": "_direction_row_1k9rk_gg_",
-    "_direction_column": "_direction_column_1k9rk_gg_"
+    "__SLegendFlex": "___SLegendFlex_1fc9g_gg_",
+    "_direction_row": "_direction_row_1fc9g_gg_",
+    "_direction_column": "_direction_column_1fc9g_gg_"
   })
 );
 class LegendFlexRoot extends BaseLegend {

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

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, Component, assignProps, createComponent } from "@semcore/core";
 import { Flex, Box } from "@semcore/base-components";
 import Checkbox from "@semcore/checkbox";
@@ -14,27 +14,27 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SLegendItem_18vdl_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_18vdl_gg_:hover{cursor:pointer}.___SLegendItem_18vdl_gg_.__disabled_18vdl_gg_:hover{cursor:default}}.___SPointShape_18vdl_gg_.__color_18vdl_gg_{background-color:var(--color_18vdl);margin-right:8px;flex-shrink:0}.___SPointShape_18vdl_gg_._shape_Circle_18vdl_gg_._size_l_18vdl_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_18vdl_gg_._shape_Circle_18vdl_gg_._size_m_18vdl_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_18vdl_gg_._shape_Line_18vdl_gg_._size_l_18vdl_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_18vdl_gg_._shape_Line_18vdl_gg_._size_m_18vdl_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_18vdl_gg_._shape_Square_18vdl_gg_._size_l_18vdl_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_18vdl_gg_._shape_Square_18vdl_gg_._size_m_18vdl_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_18vdl_gg_._shape_Pattern_18vdl_gg_{background-color:transparent;margin-right:4px}.___SIcon_18vdl_gg_{line-height:0;margin-right:4px}.___SIcon_18vdl_gg_._size_l_18vdl_gg_{margin-top:4px}.___SIcon_18vdl_gg_._size_m_18vdl_gg_{margin-top:2px}.___SLabel_18vdl_gg_{min-width:0}.___SAdditionalLabel_18vdl_gg_._size_l_18vdl_gg_,.___SCount_18vdl_gg_._size_l_18vdl_gg_,.___SLabel_18vdl_gg_._size_l_18vdl_gg_{font-size:var(--intergalactic-fs-300, 16px);line-height:var(--intergalactic-lh-300, 150%)}.___SAdditionalLabel_18vdl_gg_._size_m_18vdl_gg_,.___SCount_18vdl_gg_._size_m_18vdl_gg_,.___SLabel_18vdl_gg_._size_m_18vdl_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SAdditionalLabel_18vdl_gg_,.___SCount_18vdl_gg_{margin-left:4px}.___SAdditionalLabel_18vdl_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_18vdl_gg_::before{content:"";display:inline-block;background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583));height:4px;width:4px;border-radius:2px;margin-right:4px}@supports (color:color(display-p3 0 0 0%)){.___SAdditionalLabel_18vdl_gg_::before{background-color:var(--intergalactic-text-secondary, rgba(0, 3, 0, 0.583))}@media (color-gamut:p3){.___SAdditionalLabel_18vdl_gg_::before{background-color:var(--intergalactic-text-secondary, color(display-p3 0.00228 0.01289 0.00252 / 0.583))}}}.___SAdditionalLabel_18vdl_gg_._size_l_18vdl_gg_::before{margin-top:10px}.___SAdditionalLabel_18vdl_gg_._size_m_18vdl_gg_::before{margin-top:8px}.___SPatternSymbol_18vdl_gg_{transform:scale(.8)}',
+    '.___SLegendItem_uk6mx_gg_{min-width:0;align-items:flex-start}@media (hover:hover){.___SLegendItem_uk6mx_gg_:hover{cursor:pointer}.___SLegendItem_uk6mx_gg_.__disabled_uk6mx_gg_:hover{cursor:default}}.___SPointShape_uk6mx_gg_.__color_uk6mx_gg_{background-color:var(--color_uk6mx);margin-right:8px;flex-shrink:0}.___SPointShape_uk6mx_gg_._shape_Circle_uk6mx_gg_._size_l_uk6mx_gg_{width:16px;height:16px;border-radius:8px;margin-top:4px}.___SPointShape_uk6mx_gg_._shape_Circle_uk6mx_gg_._size_m_uk6mx_gg_{width:12px;height:12px;border-radius:6px;margin-top:4px}.___SPointShape_uk6mx_gg_._shape_Line_uk6mx_gg_._size_l_uk6mx_gg_{width:16px;height:4px;border-radius:3px;margin-top:9px}.___SPointShape_uk6mx_gg_._shape_Line_uk6mx_gg_._size_m_uk6mx_gg_{width:12px;height:4px;border-radius:3px;margin-top:8px}.___SPointShape_uk6mx_gg_._shape_Square_uk6mx_gg_._size_l_uk6mx_gg_{width:16px;height:16px;border-radius:2px;margin-top:4px}.___SPointShape_uk6mx_gg_._shape_Square_uk6mx_gg_._size_m_uk6mx_gg_{width:12px;height:12px;border-radius:2px;margin-top:4px}.___SPointShape_uk6mx_gg_._shape_Pattern_uk6mx_gg_{background-color:initial;margin-right:4px}.___SIcon_uk6mx_gg_{line-height:0;margin-right:4px}.___SIcon_uk6mx_gg_._size_l_uk6mx_gg_{margin-top:4px}.___SIcon_uk6mx_gg_._size_m_uk6mx_gg_{margin-top:2px}.___SLabel_uk6mx_gg_{min-width:0}.___SAdditionalLabel_uk6mx_gg_._size_l_uk6mx_gg_,.___SCount_uk6mx_gg_._size_l_uk6mx_gg_,.___SLabel_uk6mx_gg_._size_l_uk6mx_gg_{font-size:var(--intergalactic-fs-300,16px);line-height:var(--intergalactic-lh-300,150%)}.___SAdditionalLabel_uk6mx_gg_._size_m_uk6mx_gg_,.___SCount_uk6mx_gg_._size_m_uk6mx_gg_,.___SLabel_uk6mx_gg_._size_m_uk6mx_gg_{font-size:var(--intergalactic-fs-200,14px);line-height:var(--intergalactic-lh-200,142%)}.___SAdditionalLabel_uk6mx_gg_,.___SCount_uk6mx_gg_{margin-left:4px}.___SAdditionalLabel_uk6mx_gg_{white-space:nowrap;display:flex;align-items:flex-start}.___SAdditionalLabel_uk6mx_gg_:before{content:"";display:inline-block;background-color:var(--intergalactic-text-secondary,#00030095);height:4px;width:4px;border-radius:2px;margin-right:4px}@supports (color:color(display-p3 0 0 0%)){.___SAdditionalLabel_uk6mx_gg_:before{background-color:var(--intergalactic-text-secondary,#00030095)}@media (color-gamut:p3){.___SAdditionalLabel_uk6mx_gg_:before{background-color:var(--intergalactic-text-secondary,color(display-p3 .00228 .01289 .00252/.583))}}}.___SAdditionalLabel_uk6mx_gg_._size_l_uk6mx_gg_:before{margin-top:10px}.___SAdditionalLabel_uk6mx_gg_._size_m_uk6mx_gg_:before{margin-top:8px}.___SPatternSymbol_uk6mx_gg_{transform:scale(.8)}',
     /*__inner_css_end__*/
-    "18vdl_gg_"
+    "uk6mx_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLegendItem": "___SLegendItem_18vdl_gg_",
-    "_disabled": "__disabled_18vdl_gg_",
-    "__SPointShape": "___SPointShape_18vdl_gg_",
-    "_color": "__color_18vdl_gg_",
-    "--color": "--color_18vdl",
-    "_shape_Circle": "_shape_Circle_18vdl_gg_",
-    "_size_l": "_size_l_18vdl_gg_",
-    "_size_m": "_size_m_18vdl_gg_",
-    "_shape_Line": "_shape_Line_18vdl_gg_",
-    "_shape_Square": "_shape_Square_18vdl_gg_",
-    "_shape_Pattern": "_shape_Pattern_18vdl_gg_",
-    "__SIcon": "___SIcon_18vdl_gg_",
-    "__SLabel": "___SLabel_18vdl_gg_",
-    "__SAdditionalLabel": "___SAdditionalLabel_18vdl_gg_",
-    "__SCount": "___SCount_18vdl_gg_",
-    "__SPatternSymbol": "___SPatternSymbol_18vdl_gg_"
+    "__SLegendItem": "___SLegendItem_uk6mx_gg_",
+    "_disabled": "__disabled_uk6mx_gg_",
+    "__SPointShape": "___SPointShape_uk6mx_gg_",
+    "_color": "__color_uk6mx_gg_",
+    "--color": "--color_uk6mx",
+    "_shape_Circle": "_shape_Circle_uk6mx_gg_",
+    "_size_l": "_size_l_uk6mx_gg_",
+    "_size_m": "_size_m_uk6mx_gg_",
+    "_shape_Line": "_shape_Line_uk6mx_gg_",
+    "_shape_Square": "_shape_Square_uk6mx_gg_",
+    "_shape_Pattern": "_shape_Pattern_uk6mx_gg_",
+    "__SIcon": "___SIcon_uk6mx_gg_",
+    "__SLabel": "___SLabel_uk6mx_gg_",
+    "__SAdditionalLabel": "___SAdditionalLabel_uk6mx_gg_",
+    "__SCount": "___SCount_uk6mx_gg_",
+    "__SPatternSymbol": "___SPatternSymbol_uk6mx_gg_"
   })
 );
 const enhance = [resolveColorEnhance(), uniqueIDEnhancement()];
@@ -68,10 +68,20 @@ class LegendItemRoot extends Component {
       patterns,
       size,
       "onChange": (value) => {
-        onChangeLegendItem(id, value);
+        if (onChangeLegendItem && id) {
+          onChangeLegendItem(id, value);
+        }
+      },
+      "onFocus": () => {
+        if (onFocusLegendItem && id) {
+          onFocusLegendItem(id);
+        }
+      },
+      "onBlur": () => {
+        if (onBlurLegendItem && id) {
+          onBlurLegendItem(id);
+        }
       },
-      "onFocus": () => onFocusLegendItem(id),
-      "onBlur": () => onBlurLegendItem(id),
       "aria-labelledby": shape === "Checkbox" ? this.getUniqueID() : null
     };
   }
@@ -80,7 +90,11 @@ class LegendItemRoot extends Component {
     return {
       ...props,
       children: props.icon,
-      onClick: () => props.onChangeLegendItem(props.id, !props.checked)
+      onClick: () => {
+        if (props.onChangeLegendItem && props.id) {
+          props.onChangeLegendItem(props.id, !props.checked);
+        }
+      }
     };
   }
   getLabelProps() {
@@ -96,7 +110,11 @@ class LegendItemRoot extends Component {
       ...props,
       id: this.getUniqueID(),
       checked,
-      onClick: () => onChangeLegendItem(id, !checked),
+      onClick: () => {
+        if (onChangeLegendItem && id) {
+          onChangeLegendItem(id, !checked);
+        }
+      },
       children: props.label
     };
   }
@@ -111,7 +129,11 @@ class LegendItemRoot extends Component {
     return {
       ...props,
       children: additionalInfo && "label" in additionalInfo ? `${additionalInfo.label}` : void 0,
-      onClick: () => onChangeLegendItem(id, !checked)
+      onClick: () => {
+        if (onChangeLegendItem && id) {
+          onChangeLegendItem(id, !checked);
+        }
+      }
     };
   }
   getCountProps() {
@@ -125,7 +147,11 @@ class LegendItemRoot extends Component {
     return {
       ...props,
       children: additionalInfo && "count" in additionalInfo ? `(${additionalInfo.count})` : void 0,
-      onClick: () => onChangeLegendItem(id, !checked)
+      onClick: () => {
+        if (onChangeLegendItem && id) {
+          onChangeLegendItem(id, !checked);
+        }
+      }
     };
   }
   render() {
@@ -206,12 +232,13 @@ function Shape(props) {
     ...assignProps({}, _ref2)
   }), /* @__PURE__ */ React.createElement(Children, _ref0.cn("Children", {})));
 }
-function Icon({
-  styles,
-  children: hasChildren,
-  Children
-}) {
+function Icon(props) {
   var _ref3 = arguments[0], _ref1;
+  const {
+    styles,
+    children: hasChildren,
+    Children
+  } = props;
   const SIcon = Box;
   if (!hasChildren) {
     return null;
@@ -223,12 +250,13 @@ function Icon({
   }), /* @__PURE__ */ React.createElement(Children, _ref1.cn("Children", {})));
 }
 Icon.displayName = "Icon";
-function Label({
-  styles,
-  children: hasChildren,
-  Children
-}) {
+function Label(props) {
   var _ref4 = arguments[0], _ref10;
+  const {
+    styles,
+    children: hasChildren,
+    Children
+  } = props;
   const SLabel = Text;
   if (!hasChildren) {
     return null;
@@ -240,12 +268,13 @@ function Label({
   }), /* @__PURE__ */ React.createElement(Children, _ref10.cn("Children", {})));
 }
 Label.displayName = "Label";
-function AdditionalLabel({
-  styles,
-  children: hasChildren,
-  Children
-}) {
+function AdditionalLabel(props) {
   var _ref5 = arguments[0], _ref11;
+  const {
+    styles,
+    children: hasChildren,
+    Children
+  } = props;
   const SAdditionalLabel = Text;
   if (!hasChildren) {
     return null;
@@ -257,12 +286,13 @@ function AdditionalLabel({
   }), /* @__PURE__ */ React.createElement(Children, _ref11.cn("Children", {})));
 }
 AdditionalLabel.displayName = "AdditionalLabel";
-function Count({
-  styles,
-  children: hasChildren,
-  Children
-}) {
+function Count(props) {
   var _ref6 = arguments[0], _ref12;
+  const {
+    styles,
+    children: hasChildren,
+    Children
+  } = props;
   const SCount = Text;
   if (!hasChildren) {
     return null;

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

@@ -1,4 +1,8 @@
 const StaticShapes = ["Circle", "Line", "Square", "Pattern"];
+;
+;
+;
+;
 export {
   StaticShapes
 };

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

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { sstyled, assignProps, createComponent } from "@semcore/core";
 import { Box } from "@semcore/base-components";
 import React from "react";
@@ -9,16 +9,16 @@ const style = (
   /*__reshadow_css_start__*/
   (sstyled.insert(
     /*__inner_css_start__*/
-    '.___SLegendTable_8u9rt_gg_.__columns-count_8u9rt_gg_{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_8u9rt_gg_._size_l_8u9rt_gg_{font-size:var(--intergalactic-fs-300, 16px);text-align:right}.___SColumnItem_8u9rt_gg_._size_m_8u9rt_gg_{font-size:var(--intergalactic-fs-200, 14px);text-align:right}',
+    '.___SLegendTable_1vvs7_gg_.__columns-count_1vvs7_gg_{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:grid;grid-template-columns:auto .2fr;align-items:center;height:-moz-fit-content;height:fit-content;grid-column-gap:16px;grid-row-gap:8px}.___SColumnItem_1vvs7_gg_._size_l_1vvs7_gg_{font-size:var(--intergalactic-fs-300,16px);text-align:right}.___SColumnItem_1vvs7_gg_._size_m_1vvs7_gg_{font-size:var(--intergalactic-fs-200,14px);text-align:right}',
     /*__inner_css_end__*/
-    "8u9rt_gg_"
+    "1vvs7_gg_"
   ), /*__reshadow_css_end__*/
   {
-    "__SLegendTable": "___SLegendTable_8u9rt_gg_",
-    "_columns-count": "__columns-count_8u9rt_gg_",
-    "__SColumnItem": "___SColumnItem_8u9rt_gg_",
-    "_size_l": "_size_l_8u9rt_gg_",
-    "_size_m": "_size_m_8u9rt_gg_"
+    "__SLegendTable": "___SLegendTable_1vvs7_gg_",
+    "_columns-count": "__columns-count_1vvs7_gg_",
+    "__SColumnItem": "___SColumnItem_1vvs7_gg_",
+    "_size_l": "_size_l_1vvs7_gg_",
+    "_size_m": "_size_m_1vvs7_gg_"
   })
 );
 class LegendTableRoot extends BaseLegend {

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

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Component, sstyled } from "@semcore/core";
 import { callAllEventHandlers } from "@semcore/core/lib/utils/assignProps";
 import uniqueIDEnhancement from "@semcore/core/lib/utils/uniqueID";

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

@@ -1,4 +1,4 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import { Component } from "@semcore/core";
 import { scaleBand } from "d3-scale";
 import { stack } from "d3-shape";

package/lib/esm/createElement.mjs

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

package/lib/esm/style/plot.shadow.css

@@ -17,5 +17,5 @@ foreignObject[data-aria-only] {
 
 SPlot:has(foreignObject[data-aria-only]:focus-within) {
   @mixin focus-outline-mixin;
-  border-radius: var(--intergalactic-surface-rounded, calc(6px + 2px));
+  border-radius: var(--intergalactic-surface-rounded, 8px);
 }

package/lib/types/RadialTree.d.ts

@@ -189,6 +189,11 @@ export type RadialTreeTitleProps = {
     color?: string;
 };
 type IntergalacticD3Component<BaseTag extends Intergalactic.Tag, Props, Context = {}> = (<Tag extends Intergalactic.Tag = Intergalactic.Tag>(props: Intergalactic.InternalTypings.PropsRenderingResultComponentProps<Tag, Props, Context>) => Intergalactic.InternalTypings.ComponentRenderingResults) & Intergalactic.InternalTypings.ComponentAdditive<BaseTag, BaseTag, Props>;
+/**
+ * RadialTree
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/radial-tree-chart/radial-tree-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/radial-tree-chart/radial-tree-chart-code/|Examples}
+ */
 declare const RadialTree: IntergalacticD3Component<"g", RadialTreeProps> & {
     Title: IntergalacticD3Component<"text", RadialTreeTitleProps>;
     Radian: IntergalacticD3Component<"g", RadialTreeRadianProps> & {

package/lib/types/component/Chart/AbstractChart.d.ts

@@ -1,3 +1,4 @@
+import type { Intergalactic } from '@semcore/core';
 import { Component } from '@semcore/core';
 import type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
 import React from 'react';
@@ -13,11 +14,10 @@ export type ChartState = {
     withTrend: boolean;
 };
 export declare const NOT_A_VALUE = "n/a";
-export declare abstract class AbstractChart<Data extends ListData | ObjectData, Props extends BaseChartProps<Data>, Enhancers extends readonly ((...args: any[]) => any)[] = [], DefaultProps = {}, State extends ChartState = ChartState> extends Component<Props, Enhancers, Readonly<{}>, DefaultProps, State> {
+export declare abstract class AbstractChart<Data extends ListData | ObjectData, Props extends BaseChartProps<Data>, Enhancers extends readonly ((...args: any[]) => any)[] = [], InnerProps = {}, State extends ChartState = ChartState, DefaultProps extends Intergalactic.InternalTypings.ValidDefaultProps<DefaultProps, Props & InnerProps> = never> extends Component<Props, Enhancers, Readonly<{}>, InnerProps, State, DefaultProps> {
     static style: {
         [key: string]: string;
     };
-    static defaultProps: Partial<BaseChartProps<any>>;
     /**
      * Padding from the end's of chart to the container (except axis sides)
      */

package/lib/types/component/Chart/AreaChart.d.ts

@@ -1,2 +1,7 @@
 import type { AreaChartType } from './AreaChart.type';
+/**
+ * AreaChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/area-chart/area-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/area-chart/area-chart-code/|Examples}
+ */
 export declare const AreaChart: AreaChartType;

package/lib/types/component/Chart/AreaChart.type.d.ts

@@ -21,6 +21,12 @@ export type AreaChartProps = BaseChartProps<AreaChartData> & {
     /** Callback triggered when a user clicks on a chart at a position corresponding to a data item */
     onClickArea?: (index: number, event: React.SyntheticEvent) => void;
 };
+export type AreaChartDefaultProps = {
+    direction: 'column';
+    showXAxis: true;
+    showYAxis: true;
+    showTooltip: true;
+};
 export type AreaChartType = Intergalactic.Component<typeof Flex, Intergalactic.InternalTypings.EfficientOmit<AreaChartProps, 'showLegend'> & {
     showLegend?: boolean;
 } & AriaNameProps>;

package/lib/types/component/Chart/BarChart.d.ts

@@ -1,2 +1,7 @@
 import type { BarChartType } from './BarChart.type';
+/**
+ * BarChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-chart/bar-chart-code/|Examples}
+ */
 export declare const BarChart: BarChartType;

package/lib/types/component/Chart/BarChart.type.d.ts

@@ -26,5 +26,11 @@ export type BarChartProps = BaseChartProps<BarChartData> & {
     /** Handle click by Bar. */
     onClickBar?: (barItem: number, barKey: BarKey, e: React.SyntheticEvent) => void;
 };
+export type BarChartDefaultProps = {
+    direction: 'column';
+    showXAxis: true;
+    showYAxis: true;
+    showTooltip: true;
+};
 export type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps & AriaNameProps>;
 export {};

package/lib/types/component/Chart/BubbleChart.d.ts

@@ -1,2 +1,7 @@
 import type { BubbleChartType } from './BubbleChart.type';
+/**
+ * BubbleChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bubble-chart/bubble-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bubble-chart/bubble-chart-code/|Examples}
+ */
 export declare const BubbleChart: BubbleChartType;

package/lib/types/component/Chart/BubbleChart.type.d.ts

@@ -23,4 +23,10 @@ export type BubbleChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseC
     /** Callback triggered when a user clicks on a bubble */
     onClickBubble?: (index: number, event: React.SyntheticEvent) => void;
 };
+export type BubbleChartDefaultProps = {
+    direction: 'column';
+    showXAxis: true;
+    showYAxis: true;
+    showTooltip: true;
+};
 export type BubbleChartType = Intergalactic.Component<typeof Flex, BubbleChartProps>;

package/lib/types/component/Chart/CigaretteChart.d.ts

@@ -1,2 +1,7 @@
 import type { CigaretteChartType } from './CigaretteChart.type';
+/**
+ * CigaretteChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/cigarette-chart/cigarette-chart-code/|Examples}
+ */
 export declare const CigaretteChart: CigaretteChartType;

package/lib/types/component/Chart/CigaretteChart.type.d.ts

@@ -22,4 +22,18 @@ export type CigaretteChartProps = Intergalactic.InternalTypings.EfficientOmit<Ba
     /** Minimal bar width in pixels. Default is `2`. */
     minimalBarWidth?: number;
 };
+export type CigaretteChartDefaultProps = {
+    invertAxis: CigaretteChartProps['invertAxis'];
+    showXAxis: false;
+    showYAxis: false;
+    showTooltip: true;
+    showLegend: false;
+    marginX: 0;
+    marginY: 0;
+    duration: 500;
+    plotWidth: CigaretteChartProps['plotWidth'];
+    plotHeight: CigaretteChartProps['plotHeight'];
+    showPercentValueInTooltip: false;
+    minimalBarWidth: 2;
+};
 export type CigaretteChartType = Intergalactic.Component<'div', CigaretteChartProps>;

package/lib/types/component/Chart/CompactHorizontalBarChart.d.ts

@@ -1,2 +1,7 @@
 import type { CompactHorizontalBarChartType } from './CompactHorizontalBarChart.type';
+/**
+ * CompactHorizontalBarChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal-compact/bar-horizontal-compact-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/bar-horizontal-compact/bar-horizontal-compact-code/|Examples}
+ */
 export declare const CompactHorizontalBarChart: CompactHorizontalBarChartType;

package/lib/types/component/Chart/CompactHorizontalBarChart.type.d.ts

@@ -19,5 +19,12 @@ export type CompactHorizontalBarChartProps = Intergalactic.InternalTypings.Effic
     /** Handle click by Bar. */
     onClickBar?: (barItem: number, e: React.SyntheticEvent) => void;
 };
+export type CompactHorizontalBarChartDefaultProps = {
+    direction: 'column';
+    showXAxis: false;
+    showYAxis: false;
+    showTooltip: true;
+    showLegend: false;
+};
 export type CompactHorizontalBarChartType = Intergalactic.Component<typeof Flex, CompactHorizontalBarChartProps>;
 export {};

package/lib/types/component/Chart/DonutChart.d.ts

@@ -1,2 +1,7 @@
 import type { DonutChartType } from './DonutChart.type';
+/**
+ * DonutChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/donut-chart/donut-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/donut-chart/donut-chart-code/|Examples}
+ */
 export declare const DonutChart: DonutChartType;

package/lib/types/component/Chart/DonutChart.type.d.ts

@@ -21,4 +21,11 @@ export type DonutChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseCh
     /** Callback triggered when a user clicks on a pie */
     onClickPie?: (key: DataKey, e: React.SyntheticEvent) => void;
 };
+export type DonutChartDefaultProps = {
+    direction: 'row-reverse';
+    alignItems: 'flex-start';
+    innerRadius: 100;
+    marginX: 0;
+    marginY: 0;
+};
 export type DonutChartType = Intergalactic.Component<typeof Flex, DonutChartProps>;

package/lib/types/component/Chart/HistogramChart.d.ts

@@ -1,2 +1,7 @@
 import type { HistogramChartType } from './HistogramChart.type';
+/**
+ * HistogramChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/histogram-chart/histogram-chart-api/|API}
+ */
 export declare const HistogramChart: HistogramChartType;

package/lib/types/component/Chart/HistogramChart.type.d.ts

@@ -11,4 +11,10 @@ export type HistogramChartProps = BaseChartProps<HistogramChartData> & {
     /** Custom y-axis scale */
     yScale?: ScaleLinear<any, any>;
 };
+export type HistogramChartDefaultProps = {
+    direction: 'column';
+    showXAxis: true;
+    showYAxis: true;
+    showTooltip: true;
+};
 export type HistogramChartType = Intergalactic.Component<typeof Flex, HistogramChartProps>;

package/lib/types/component/Chart/LineChart.d.ts

@@ -1,2 +1,7 @@
 import type { LineChartType } from './LineChart.type';
+/**
+ * LineChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/line-chart/line-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/line-chart/line-chart-code/|Examples}
+ */
 export declare const LineChart: LineChartType;

package/lib/types/component/Chart/LineChart.type.d.ts

@@ -29,5 +29,11 @@ export type LineChartProps = BaseChartProps<LineChartData> & {
     /** Callback triggered when a user clicks on a line */
     onClickLine?: (index: number, event: React.SyntheticEvent) => void;
 };
+export type LineChartDefaultProps = {
+    direction: 'column';
+    showXAxis: true;
+    showYAxis: true;
+    showTooltip: true;
+};
 export type LineChartType = Intergalactic.Component<typeof Flex, LineChartProps>;
 export {};

package/lib/types/component/Chart/RadarChart.d.ts

@@ -1,2 +1,7 @@
 import type { RadarChartType } from './RadarChart.type';
+/**
+ * RadarChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/radar-chart/radar-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/radar-chart/radar-chart-code/|Examples}
+ */
 export declare const RadarChart: RadarChartType;

package/lib/types/component/Chart/RadarChart.type.d.ts

@@ -13,4 +13,10 @@ export type RadarChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseCh
     /** Callback triggered when a user clicks on a chart at a position corresponding to a category */
     onClickRadar?: (index: number, e: React.SyntheticEvent) => void;
 };
+export type RadarChartDefaultProps = {
+    direction: 'column';
+    showXAxis: true;
+    showYAxis: true;
+    showTooltip: true;
+};
 export type RadarChartType = Intergalactic.Component<typeof Flex, RadarChartProps>;

package/lib/types/component/Chart/ScatterPlotChart.d.ts

@@ -1,2 +1,7 @@
 import type { ScatterPlotChartType } from './ScatterPlotChart.type';
+/**
+ * ScatterPlotChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/scatterplot-chart/scatterplot-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/scatterplot-chart/scatterplot-chart-code/|Examples}
+ */
 export declare const ScatterPlotChart: ScatterPlotChartType;

package/lib/types/component/Chart/ScatterPlotChart.type.d.ts

@@ -16,4 +16,11 @@ export type ScatterPlotChartProps = Intergalactic.InternalTypings.EfficientOmit<
     /** Callback triggered when a user clicks on a scatter item */
     onClickScatterItem?: (index: number, event: React.SyntheticEvent) => void;
 };
+export type ScatterPlotChartDefaultProps = {
+    direction: 'column';
+    showXAxis: true;
+    showYAxis: true;
+    showTooltip: true;
+    showLegend: false;
+};
 export type ScatterPlotChartType = Intergalactic.Component<typeof Flex, ScatterPlotChartProps>;

package/lib/types/component/Chart/VennChart.d.ts

@@ -1,2 +1,7 @@
 import type { VennChartType } from './VennChart.type';
+/**
+ * VennChart
+ *
+ * {@link https://developer.semrush.com/intergalactic/data-display/venn-chart/venn-chart-api/|API} | {@link https://developer.semrush.com/intergalactic/data-display/venn-chart/venn-chart-code/|Examples}
+ */
 export declare const VennChart: VennChartType;