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

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

@@ -14,4 +14,10 @@ export type VennChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseCha
     /** Callback triggered when a user clicks on a circle */
     onClickVennItem?: (key: DataKey, e: React.SyntheticEvent) => void;
 };
+export type VennChartDefaultProps = {
+    direction: 'row-reverse';
+    alignItems: 'flex-start';
+    marginY: 0;
+    marginX: 0;
+};
 export type VennChartType = Intergalactic.Component<typeof Flex, VennChartProps>;

package/lib/types/component/ChartLegend/BaseLegend.d.ts

@@ -2,9 +2,9 @@ import { Component, type Intergalactic } from '@semcore/core';
 import type React from 'react';
 import type { LegendProps } from './BaseLegend.type';
 import { type LegendItemKey, type LegendItemProps, type ShapeType } from './LegendItem/LegendItem.type';
-export declare abstract class BaseLegend<T extends LegendProps, E extends readonly ((...args: any[]) => any)[] = never[]> extends Component<T, E> {
+export declare abstract class BaseLegend<P extends LegendProps, E extends readonly ((...args: any[]) => any)[] = never[], DP extends Intergalactic.InternalTypings.ValidDefaultProps<DP, P> = never> extends Component<P, E, never, {}, {}, DP> {
     componentDidMount(): void;
-    componentDidUpdate(prevProps: T): void;
+    componentDidUpdate(prevProps: P): void;
     setHints(): void;
     getItem(index: number): import("./LegendItem/LegendItem.type").LegendItem;
     getLegendItemProps(_: {}, index: number): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'>;

package/lib/types/component/ChartLegend/LegendFlex/LegendFlex.d.ts

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

package/lib/types/component/ChartLegend/LegendFlex/LegendFlex.type.d.ts

@@ -32,6 +32,10 @@ type AddonProps = ({
     suffix?: never;
 } & TrendProps);
 export type LegendFlexProps = LegendProps & AddonProps & FlexProps;
+export type LegendFlexDefaultProps = {
+    direction: 'row';
+    children: React.JSX.Element;
+};
 export type LegendFlexType = Intergalactic.Component<typeof Flex, LegendFlexProps> & {
     LegendItem: LegendItemType;
 };

package/lib/types/component/ChartLegend/LegendItem/LegendItem.d.ts

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

package/lib/types/component/ChartLegend/LegendItem/LegendItem.type.d.ts

@@ -1,5 +1,5 @@
-import type { Flex } from '@semcore/base-components';
-import type { Intergalactic, Root } from '@semcore/core';
+import type { Box, Flex } from '@semcore/base-components';
+import type { Intergalactic } from '@semcore/core';
 import type Icon from '@semcore/icon';
 import type { Text } from '@semcore/typography';
 import type { PatternsConfig } from '../../../Pattern';
@@ -71,6 +71,9 @@ export type LegendItemProps = LegendItem & {
      */
     onBlurLegendItem: (id: LegendItemKey) => void;
 };
+export type LegendItemDefaultProps = {
+    children: React.JSX.Element;
+};
 export type ShapeProps = LegendItem & ({
     size: LSize;
     shape: Exclude<ShapeType, 'Checkbox'>;
@@ -82,10 +85,15 @@ export type ShapeProps = LegendItem & ({
 });
 export declare const StaticShapes: readonly ["Circle", "Line", "Square", "Pattern"];
 export type ShapeType = 'Checkbox' | typeof StaticShapes[number];
+export type LegendItemShapeType = Intergalactic.Component<typeof Box, Partial<ShapeProps>>;
+export type LegendItemIconType = Intergalactic.Component<typeof Icon, Partial<LegendItem>>;
+export type LegendItemLabelType = Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>;
+export type LegendItemAdditionalLabelType = Intergalactic.Component<typeof Text, Partial<LegendItem>>;
+export type LegendItemCountType = Intergalactic.Component<typeof Text, Partial<LegendItem>>;
 export type LegendItemType = Intergalactic.Component<typeof Flex, Partial<LegendItemProps>> & {
-    Shape: Intergalactic.Component<typeof Root, Partial<ShapeProps>>;
-    Icon: Intergalactic.Component<typeof Icon, Partial<LegendItem>>;
-    Label: Intergalactic.Component<typeof Text, Partial<Omit<LegendItem, 'theme'>>>;
-    AdditionalLabel: Intergalactic.Component<typeof Text, Partial<LegendItem>>;
-    Count: Intergalactic.Component<typeof Text, Partial<LegendItem>>;
+    Shape: LegendItemShapeType;
+    Icon: LegendItemIconType;
+    Label: LegendItemLabelType;
+    AdditionalLabel: LegendItemAdditionalLabelType;
+    Count: LegendItemCountType;
 };

package/lib/types/component/ChartLegend/LegendTable/LegendTable.d.ts

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

package/lib/types/component/ChartLegend/LegendTable/LegendTable.type.d.ts

@@ -11,6 +11,9 @@ export type LegendTableProps = Intergalactic.InternalTypings.EfficientOmit<Legen
         columns: Array<React.ReactNode>;
     }>;
 };
+export type LegendTableDefaultProps = {
+    children: React.JSX.Element;
+};
 export type LegendColumnProps = {
     index: number;
     size: LSize;

package/lib/types/component/Cigarette/Cigarette.d.ts

@@ -1,2 +1,7 @@
+/**
+ * CigaretteBar
+ *
+ * {@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}
+ */
 declare const _default: any;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/d3-chart",
   "description": "Semrush D3 Chart Component",
-  "version": "17.1.0",
+  "version": "17.2.0-prerelease.5",
   "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.1.0",
-    "@semcore/divider": "^17.1.0",
-    "@semcore/typography": "^17.1.0",
+    "@semcore/checkbox": "^17.2.0-prerelease.5",
+    "@semcore/divider": "^17.2.0-prerelease.5",
+    "@semcore/typography": "^17.2.0-prerelease.5",
     "@types/d3-shape": "3.1.7",
     "@upsetjs/venn.js": "2.0.0",
     "d3-array": "3.1.6",
@@ -31,7 +31,7 @@
     "hoist-non-react-statics": "3.3.2"
   },
   "peerDependencies": {
-    "@semcore/base-components": "^17.0.2",
+    "@semcore/base-components": "^17.2.0",
     "@semcore/icon": "^17.0.1"
   },
   "repository": {
@@ -44,15 +44,15 @@
     "@types/d3-array": "^3.2.1",
     "@types/d3-scale": "^4.0.9",
     "@types/d3-transition": "^3.0.9",
-    "@semcore/core": "17.1.0",
-    "@semcore/base-components": "17.0.2",
-    "@semcore/button": "17.1.0",
-    "@semcore/checkbox": "17.1.0",
-    "@semcore/dropdown-menu": "17.1.0",
-    "@semcore/divider": "17.1.0",
-    "@semcore/ellipsis": "17.1.0",
+    "@semcore/base-components": "17.2.0-prerelease.5",
+    "@semcore/core": "17.2.0-prerelease.5",
+    "@semcore/checkbox": "17.2.0-prerelease.5",
+    "@semcore/divider": "17.2.0-prerelease.5",
+    "@semcore/button": "17.2.0-prerelease.5",
+    "@semcore/dropdown-menu": "17.2.0-prerelease.5",
+    "@semcore/ellipsis": "17.2.0-prerelease.5",
     "@semcore/testing-utils": "1.0.0",
-    "@semcore/typography": "17.1.0",
+    "@semcore/typography": "17.2.0-prerelease.5",
     "@semcore/icon": "17.1.0"
   },
   "scripts": {