@semcore/d3-chart 3.61.0-prerelease.5 → 3.61.0-prerelease.7

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

@@ -1,13 +1,12 @@
-import type { FlexProps } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type Icon from '@semcore/icon';
-import type React from 'react';
-import type { PatternsConfig } from '../../Pattern';
-import type { PlotSummarizerConfig } from '../../Plot';
-import type { PlotEventEmitter } from '../../utils';
-import type { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';
-import type { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';
-import type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
+import React from 'react';
+import { FlexProps } from '@semcore/flex-box';
+import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
+import Icon from '@semcore/icon';
+import { BaseChartLegendProps } from '../ChartLegend/BaseLegend.type';
+import { TrendProps } from '../ChartLegend/LegendFlex/LegendFlex.type';
+import { PatternsConfig } from '../../Pattern';
+import { PlotSummarizerConfig } from '../../Plot';
+import { Intergalactic } from '@semcore/utils/lib/core';
 export type BaseLegendProps = BaseChartLegendProps & {
     /**
      * Disable hover (for transition items legend of each not hovered)
@@ -19,21 +18,21 @@ export type BaseLegendProps = BaseChartLegendProps & {
     disableSelectItems?: boolean;
 } & ((TrendProps & {
     /**
-       * How to render Legend - Flex view. Just list of legend items
-       */
+     * How to render Legend - Flex view. Just list of legend items
+     */
     legendType?: never | 'Flex';
     /**
-       * Config for Legend items
-       */
+     * Config for Legend items
+     */
     legendMap?: LegendDataMap<'Flex'>;
 }) | {
     /**
-       * How to render Legend - Table view. Table of legend items with some additional information in columns
-       */
+     * How to render Legend - Table view. Table of legend items with some additional information in columns
+     */
     legendType: 'Table';
     /**
-       * Config for Legend items
-       */
+     * Config for Legend items
+     */
     legendMap?: LegendDataMap<'Table'>;
 });
 export type ObjectData = Record<string, unknown>;
@@ -45,9 +44,9 @@ export type ListData = ObjectData[];
 export type AriaNameProps = Intergalactic.RequireAtLeastOne<{
     'aria-label'?: string;
     'aria-labelledby'?: string;
-    'title'?: string;
+    title?: string;
 }>;
-export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {
+export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & AriaNameProps & {
     /**
      * Chart data. For all charts except Donut(Pie), Radar and Venn should be an Array
      */
@@ -113,10 +112,6 @@ export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {
      * Count of ticks for Y axis
      */
     yTicksCount?: number;
-    /** Enables multiline tick labels for X axis, applicable only for band scales */
-    multilineXTicks?: boolean;
-    /** Enables multiline tick labels for Y axis, applicable only for band scales */
-    multilineYTicks?: boolean;
     /**
      * Group key for all array-based charts (for get keys of items for legend except that group key)
      */
@@ -130,10 +125,6 @@ export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {
      * Function for format text for tooltip
      */
     tooltipValueFormatter?: (value?: unknown) => string;
-    /**
-     * Custom event emitter. Could be useful to handle event on few charts at the same time.
-     */
-    eventEmitter?: InstanceType<typeof PlotEventEmitter>;
     /**
      * Config for a11y summary
      */
@@ -142,15 +133,10 @@ export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {
      * Animations duration, set 0 to disable animations
      */
     duration?: number;
-    /**
-     * Flag to show/hide legend
-     */
-    showLegend?: boolean;
-    /**
-     * Props for Legend
-     */
-    legendProps?: Partial<BaseLegendProps>;
-} & ({
+} /**
+ * By default, we show the Legend for all charts with more the one data item.
+ * For hide the Legend, you should set showLegend prop to `false`.
+ */ & ({
     /**
      * Don't show legend
      */
@@ -164,8 +150,8 @@ export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {
      */
     showLegend?: true;
     /**
-   * Props for Legend
-   */
+     * Props for Legend
+     */
     legendProps?: Partial<BaseLegendProps>;
 });
 type LegendDataMap<T extends 'Flex' | 'Table'> = Record<LegendItemKey, {

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

@@ -1,2 +1,2 @@
-import type { AreaChartType } from './AreaChart.type';
+import { AreaChartType } from './AreaChart.type';
 export declare const AreaChart: AreaChartType;

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

@@ -1,26 +1,16 @@
-import type { Flex } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type { ScaleLinear, ScaleTime } from 'd3-scale';
-import type { CurveFactory } from 'd3-shape';
-import type { AriaNameProps, BaseChartProps } from './AbstractChart.type';
-import type { interpolateValue } from '../../utils';
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { interpolateValue } from '../../utils';
+import { ScaleLinear, ScaleTime } from 'd3-scale';
+import { CurveFactory } from 'd3-shape';
+import { BaseChartProps } from './AbstractChart.type';
 export type AreaChartData = Array<Record<string, number | typeof interpolateValue | Date>>;
 export type AreaChartProps = BaseChartProps<AreaChartData> & {
-    /** Field name that groups the data points */
     groupKey: string;
-    /** Custom x-axis scale */
     xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;
-    /** Custom y-axis scale */
     yScale?: ScaleLinear<any, any>;
-    /** Controls whether to display dots on the area chart lines */
     showDots?: boolean;
-    /** D3 curve factory for line interpolation (e.g., curveLinear, curveCardinal) */
     curve?: CurveFactory;
-    /**  Enables stacked area chart mode */
     stacked?: boolean;
-    /** 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 AreaChartType = Intergalactic.Component<typeof Flex, Intergalactic.InternalTypings.EfficientOmit<AreaChartProps, 'showLegend'> & {
-    showLegend?: boolean;
-} & AriaNameProps>;
+export type AreaChartType = Intergalactic.Component<typeof Flex, AreaChartProps>;

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

@@ -1,2 +1,2 @@
-import type { BarChartType } from './BarChart.type';
+import { BarChartType } from './BarChart.type';
 export declare const BarChart: BarChartType;

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

@@ -1,30 +1,25 @@
-import type { Flex } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
-import type React from 'react';
-import type { AriaNameProps, BaseChartProps } from './AbstractChart.type';
-import type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
+import React from 'react';
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
 type TrendItem = {
-    x: number | string;
-    y: number | string;
+    x: number;
+    y: number;
 };
 type BarKey = string;
 export type BarChartData = Array<Record<BarKey, string | number | Date>>;
 export type BarChartProps = BaseChartProps<BarChartData> & {
-    /** Field name that groups the data points */
     groupKey: string;
-    /** Custom x-axis scale */
     xScale?: ScaleBand<any> | ScaleTime<any, any>;
-    /** Custom y-axis scale */
     yScale?: ScaleLinear<any, any>;
-    /** Controls whether bars are grouped side-by-side or stacked */
     type?: 'stack' | 'group';
-    /** Optional trend line data to overlay on the bars */
     trend?: Record<LegendItemKey, TrendItem[]>;
     /** Handle click by `HoverRect`. `index` is an index of the data array. */
     onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;
     /** Handle click by Bar. */
     onClickBar?: (barItem: number, barKey: BarKey, e: React.SyntheticEvent) => void;
 };
-export type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps & AriaNameProps>;
+export type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps>;
 export {};

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

@@ -1,2 +1,2 @@
-import type { BubbleChartType } from './BubbleChart.type';
+import { BubbleChartType } from './BubbleChart.type';
 export declare const BubbleChart: BubbleChartType;

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

@@ -1,7 +1,7 @@
-import type { Flex } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type { ScaleLinear } from 'd3-scale';
-import type { BaseChartProps } from './AbstractChart.type';
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleLinear } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
 export type ScaledValues = {
     x: number[];
     y: number[];
@@ -13,14 +13,9 @@ export type BubbleChartData = Array<{
     label?: string;
     color?: string;
 }>;
-export type BubbleChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseChartProps<BubbleChartData>, 'showTotalInTooltip'> & {
-    /** Field name that groups the data points */
+export type BubbleChartProps = BaseChartProps<BubbleChartData> & {
     groupKey?: never;
-    /** Custom x-axis scale */
     xScale?: ScaleLinear<any, any>;
-    /** Custom y-axis scale */
     yScale?: ScaleLinear<any, any>;
-    /** Callback triggered when a user clicks on a bubble */
-    onClickBubble?: (index: number, event: React.SyntheticEvent) => void;
 };
 export type BubbleChartType = Intergalactic.Component<typeof Flex, BubbleChartProps>;

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

@@ -1,2 +1,2 @@
-import type { CigaretteChartType } from './CigaretteChart.type';
+import { CigaretteChartType } from './CigaretteChart.type';
 export declare const CigaretteChart: CigaretteChartType;

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

@@ -1,25 +1,15 @@
-import type { Intergalactic } from '@semcore/core';
-import type React from 'react';
-import type { BaseChartProps } from './AbstractChart.type';
-import type { interpolateValue } from '../../utils';
-export type CigaretteChartDataKey = string;
-export type CigaretteChartData = Record<CigaretteChartDataKey, number | typeof interpolateValue>;
+import React from 'react';
+import { Intergalactic } from '@semcore/core';
+import { BaseChartProps } from './AbstractChart.type';
+import { interpolateValue } from '../../utils';
+type DataKey = string;
+export type CigaretteChartData = Record<DataKey, number | typeof interpolateValue>;
 export type CigaretteChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseChartProps<CigaretteChartData>, 'xScale' | 'yScale'> & {
-    /** Title text displayed in the tooltip */
     tooltipTitle?: string;
-    /** Controls whether the tooltip shows all data or single item data */
     tooltipViewType?: 'all' | 'single';
-    /** Show percent value in tooltip */
-    showPercentValueInTooltip?: boolean;
-    /** Custom percent formatter. */
-    percentFormatter?: (value: number) => number;
-    /** Header content for the chart */
     header?: React.ReactNode;
-    /** Animation duration in milliseconds */
     duration?: number;
-    /** Click handler that receives the data key and event */
-    onClick?: (key: CigaretteChartDataKey, event: React.SyntheticEvent) => void;
-    /** Minimal bar width in pixels. Default is `2`. */
-    minimalBarWidth?: number;
+    onClick?: (key: DataKey, event: React.SyntheticEvent) => void;
 };
 export type CigaretteChartType = Intergalactic.Component<'div', CigaretteChartProps>;
+export {};

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

@@ -1,2 +1,2 @@
-import type { CompactHorizontalBarChartType } from './CompactHorizontalBarChart.type';
+import { CompactHorizontalBarChartType } from './CompactHorizontalBarChart.type';
 export declare const CompactHorizontalBarChart: CompactHorizontalBarChartType;

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

@@ -1,18 +1,14 @@
-import type { Flex } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
-import type React from 'react';
-import type { BaseChartProps } from './AbstractChart.type';
+import React from 'react';
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
 type BarKey = string;
 export type CompactHorizontalBarChartData = Array<Record<BarKey, number | string>>;
-export type CompactHorizontalBarChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseChartProps<CompactHorizontalBarChartData>, 'showTotalInTooltip'> & {
-    /** Field name from data array for the x-axis values */
+export type CompactHorizontalBarChartProps = BaseChartProps<CompactHorizontalBarChartData> & {
     x: string;
-    /** Field name from data array for the y-axis values */
     y: string;
-    /** Custom x-axis scale */
     xScale?: ScaleBand<any> | ScaleTime<any, any>;
-    /** Custom y-axis scale */
     yScale?: ScaleLinear<any, any>;
     /** Handle click by `HoverRect`. `index` is an index of the data array. */
     onClickHoverRect?: (index: number, e: React.SyntheticEvent) => void;

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

@@ -1,2 +1,2 @@
-import type { DonutChartType } from './DonutChart.type';
+import { DonutChartType } from './DonutChart.type';
 export declare const DonutChart: DonutChartType;

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

@@ -1,24 +1,15 @@
-import type { Flex } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type { ScaleLinear } from 'd3-scale';
-import type React from 'react';
-import type { BaseChartProps } from './AbstractChart.type';
-export type DataKey = string;
-export type DonutChartData = Record<DataKey, number>;
-export type DonutChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseChartProps<DonutChartData>, 'showTotalInTooltip'> & {
-    /** Internal */
+import React from 'react';
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleLinear } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type DonutChartData = Record<string, number>;
+export type DonutChartProps = BaseChartProps<DonutChartData> & {
     groupKey?: never;
-    /** Custom x-axis scale */
     xScale?: ScaleLinear<any, any>;
-    /** Custom y-axis scale */
     yScale?: ScaleLinear<any, any>;
-    /** Controls the inner radius of the donut */
     innerRadius?: number;
-    /** Creates a semi-donut chart when enabled */
     halfsize?: boolean;
-    /** Content displayed in the center of the donut */
     innerLabel?: React.ReactNode;
-    /** Callback triggered when a user clicks on a pie */
-    onClickPie?: (key: DataKey, e: React.SyntheticEvent) => void;
 };
 export type DonutChartType = Intergalactic.Component<typeof Flex, DonutChartProps>;

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

@@ -1,2 +1,2 @@
-import type { HistogramChartType } from './HistogramChart.type';
+import { HistogramChartType } from './HistogramChart.type';
 export declare const HistogramChart: HistogramChartType;

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

@@ -1,14 +1,11 @@
-import type { Flex } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
-import type { BaseChartProps } from './AbstractChart.type';
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
 export type HistogramChartData = Array<Record<string, number | Date>>;
 export type HistogramChartProps = BaseChartProps<HistogramChartData> & {
-    /** Field name that groups the data points */
     groupKey: string;
-    /** Custom x-axis scale */
     xScale?: ScaleBand<any> | ScaleTime<any, any>;
-    /** Custom y-axis scale */
     yScale?: ScaleLinear<any, any>;
 };
 export type HistogramChartType = Intergalactic.Component<typeof Flex, HistogramChartProps>;

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

@@ -1,2 +1,2 @@
-import type { LineChartType } from './LineChart.type';
+import { LineChartType } from './LineChart.type';
 export declare const LineChart: LineChartType;

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

@@ -1,10 +1,10 @@
-import type { Flex } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type { ScaleLinear, ScaleTime } from 'd3-scale';
-import type { CurveFactory } from 'd3-shape';
-import type { BaseChartProps } from './AbstractChart.type';
-import type { interpolateValue } from '../../utils';
-import type { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { interpolateValue } from '../../utils';
+import { ScaleLinear, ScaleTime } from 'd3-scale';
+import { CurveFactory } from 'd3-shape';
+import { BaseChartProps } from './AbstractChart.type';
+import { LegendItemKey } from '../ChartLegend/LegendItem/LegendItem.type';
 type AreaItem = {
     x: number;
     y0: number;
@@ -12,22 +12,13 @@ type AreaItem = {
 };
 export type LineChartData = Array<Record<string, string | number | typeof interpolateValue | Date>>;
 export type LineChartProps = BaseChartProps<LineChartData> & {
-    /**  Field name that groups the data points */
     groupKey: string;
-    /** Optional area data for rendering filled areas under lines */
     area?: Record<LegendItemKey, AreaItem[]>;
-    /** Custom x-axis scale */
     xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;
-    /** Custom y-axis scale */
     yScale?: ScaleLinear<any, any>;
-    /** Controls whether to display dots on the line chart */
     showDots?: boolean;
-    /** D3 curve factory for line interpolation */
     curve?: CurveFactory;
-    /** Curve factory specifically for area rendering */
     areaCurve?: CurveFactory;
-    /** Callback triggered when a user clicks on a line */
-    onClickLine?: (index: number, event: React.SyntheticEvent) => void;
 };
 export type LineChartType = Intergalactic.Component<typeof Flex, LineChartProps>;
 export {};

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

@@ -1,2 +1,2 @@
-import type { RadarChartType } from './RadarChart.type';
+import { RadarChartType } from './RadarChart.type';
 export declare const RadarChart: RadarChartType;

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

@@ -1,16 +1,14 @@
-import type { Flex } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type { ScaleLinear } from 'd3-scale';
-import type { BaseChartProps } from './AbstractChart.type';
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleLinear } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
 export type RadarChartData = Record<string, string[] | number[]>;
-export type RadarChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseChartProps<RadarChartData>, 'showTotalInTooltip' | 'showPercentValueInTooltip'> & {
+export type RadarChartProps = BaseChartProps<RadarChartData> & {
     groupKey: string;
     scale?: ScaleLinear<any, any>;
     xScale?: never;
     yScale?: never;
     showDots?: boolean;
     circle?: boolean;
-    /** 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 RadarChartType = Intergalactic.Component<typeof Flex, RadarChartProps>;

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

@@ -1,2 +1,2 @@
-import type { ScatterPlotChartType } from './ScatterPlotChart.type';
+import { ScatterPlotChartType } from './ScatterPlotChart.type';
 export declare const ScatterPlotChart: ScatterPlotChartType;

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

@@ -1,19 +1,13 @@
-import type { Flex } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type { ScaleLinear, ScaleTime } from 'd3-scale';
-import type { BaseChartProps } from './AbstractChart.type';
-import type { interpolateValue } from '../../utils';
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { interpolateValue } from '../../utils';
+import { ScaleLinear, ScaleTime } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
 export type ScatterPlotChartData = Array<Record<string, number | typeof interpolateValue | Date>>;
-export type ScatterPlotChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseChartProps<ScatterPlotChartData>, 'showTotalInTooltip'> & {
-    /** Field name that groups the data points */
+export type ScatterPlotChartProps = BaseChartProps<ScatterPlotChartData> & {
     groupKey: string;
-    /** Custom x-axis scale */
     xScale?: ScaleLinear<any, any> | ScaleTime<any, any>;
-    /** Custom y-axis scale */
     yScale?: ScaleLinear<any, any>;
-    /**  Optional field name for additional value data */
     valueKey?: string;
-    /** Callback triggered when a user clicks on a scatter item */
-    onClickScatterItem?: (index: number, event: React.SyntheticEvent) => void;
 };
 export type ScatterPlotChartType = Intergalactic.Component<typeof Flex, ScatterPlotChartProps>;

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

@@ -1,2 +1,2 @@
-import type { VennChartType } from './VennChart.type';
+import { VennChartType } from './VennChart.type';
 export declare const VennChart: VennChartType;

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

@@ -1,17 +1,11 @@
-import type { Flex } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type { ScaleLinear } from 'd3-scale';
-import type { BaseChartProps } from './AbstractChart.type';
-export type DataKey = string;
-export type VennChartData = Record<DataKey, number>;
-export type VennChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseChartProps<VennChartData>, 'showTotalInTooltip'> & {
-    /** Internal */
+import { Intergalactic } from '@semcore/core';
+import { Flex } from '@semcore/flex-box';
+import { ScaleLinear } from 'd3-scale';
+import { BaseChartProps } from './AbstractChart.type';
+export type VennChartData = Record<string, number>;
+export type VennChartProps = BaseChartProps<VennChartData> & {
     groupKey?: never;
-    /** Custom x-axis scale */
     xScale?: ScaleLinear<any, any>;
-    /** Custom y-axis scale */
     yScale?: ScaleLinear<any, any>;
-    /** Callback triggered when a user clicks on a circle */
-    onClickVennItem?: (key: DataKey, e: React.SyntheticEvent) => void;
 };
 export type VennChartType = Intergalactic.Component<typeof Flex, VennChartProps>;

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

@@ -1,16 +1,14 @@
-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> {
+import React from 'react';
+import { Component, Intergalactic } from '@semcore/core';
+import { LegendItemKey, LegendItemProps } from './LegendItem/LegendItem.type';
+import { LegendProps } from './BaseLegend.type';
+export declare abstract class BaseLegend<T extends LegendProps> extends Component<T> {
     componentDidMount(): void;
     componentDidUpdate(prevProps: T): void;
     setHints(): void;
     getItem(index: number): import("./LegendItem/LegendItem.type").LegendItem;
     getLegendItemProps(_: {}, index: number): LegendItemProps & Intergalactic.InternalTypings.ComponentPropsNesting<'div'>;
-    onChangeLegendItem: (shape: ShapeType) => (id: LegendItemKey, checked: boolean) => void;
-    onFocusLegendItem: (checked: boolean) => (id: LegendItemKey) => void;
-    onBlurLegendItem: (id: LegendItemKey) => void;
+    onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;
     bindOnMouseEnterItem: (id: LegendItemKey) => (e: React.SyntheticEvent) => void;
     bindOnMouseLeaveItem: (id: LegendItemKey) => (e: React.SyntheticEvent) => void;
 }

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

@@ -1,8 +1,9 @@
-import type { BoxProps, FlexProps } from '@semcore/base-components';
-import type { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';
-import type { DataStructureHints } from '../../a11y/hints';
+/// <reference types="react" />
+import { BoxProps, FlexProps } from '@semcore/flex-box';
+import { LegendItem, LegendItemKey, ShapeType } from './LegendItem/LegendItem.type';
+import { DataStructureHints } from '../../a11y/hints';
 import type { PatternsConfig } from '../../Pattern';
-import type { AriaNameProps } from '../Chart/AbstractChart.type';
+import { AriaNameProps } from '../Chart/AbstractChart.type';
 export type LSize = 'm' | 'l';
 export type BaseChartLegendProps = FlexProps & AriaNameProps & {
     /**

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

@@ -1,2 +1,2 @@
-import type { LegendFlexType } from './LegendFlex.type';
+import { LegendFlexType } from './LegendFlex.type';
 export declare const LegendFlex: LegendFlexType;

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

@@ -1,7 +1,8 @@
-import type { Flex, FlexProps } from '@semcore/base-components';
-import type { Intergalactic } from '@semcore/core';
-import type { LegendProps } from '../BaseLegend.type';
-import type { LegendItemType } from '../LegendItem/LegendItem.type';
+/// <reference types="react" />
+import { Flex, FlexProps } from '@semcore/flex-box';
+import { Intergalactic } from '@semcore/core';
+import { LegendItemType } from '../LegendItem/LegendItem.type';
+import { LegendProps } from '../BaseLegend.type';
 export type TrendProps = {
     /**
      * Flag for include trend LegendItem in Legend

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

@@ -1,2 +1,2 @@
-import { type LegendItemType } from './LegendItem.type';
+import { LegendItemType } from './LegendItem.type';
 export declare const LegendItemComponent: LegendItemType;

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

@@ -1,9 +1,10 @@
-import type { Flex } from '@semcore/base-components';
-import type { Intergalactic, Root } from '@semcore/core';
-import type Icon from '@semcore/icon';
-import type { Text } from '@semcore/typography';
-import type { PatternsConfig } from '../../../Pattern';
-import type { LSize } from '../BaseLegend.type';
+/// <reference types="react" />
+import { Flex } from '@semcore/flex-box';
+import { Intergalactic, Root } from '@semcore/core';
+import Icon from '@semcore/icon';
+import { Text } from '@semcore/typography';
+import { LSize } from '../BaseLegend.type';
+import { PatternsConfig } from '../../../Pattern';
 /**
  * Key of chart data item
  */
@@ -62,22 +63,14 @@ export type LegendItemProps = LegendItem & {
      * Handler for select/deselect legend item
      */
     onChangeLegendItem: (id: LegendItemKey, checked: boolean) => void;
-    /**
-     * Handler for focus legend item
-     */
-    onFocusLegendItem: (id: LegendItemKey) => void;
-    /**
-     * Handler for focus out legend item
-     */
-    onBlurLegendItem: (id: LegendItemKey) => void;
 };
 export type ShapeProps = LegendItem & ({
     size: LSize;
     shape: Exclude<ShapeType, 'Checkbox'>;
 } | {
-    'size': LSize;
-    'shape': Extract<ShapeType, 'Checkbox'>;
-    'onChange': (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;
+    size: LSize;
+    shape: Extract<ShapeType, 'Checkbox'>;
+    onChange: (checked: boolean, e?: React.SyntheticEvent<HTMLInputElement>) => void;
     'aria-labelledby'?: string;
 });
 export declare const StaticShapes: readonly ["Circle", "Line", "Square", "Pattern"];

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

@@ -1,2 +1,2 @@
-import type { LegendTableType } from './LegendTable.type';
+import { LegendTableType } from './LegendTable.type';
 export declare const LegendTable: LegendTableType;