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

package/lib/types/Venn.d.ts

@@ -1,9 +1,10 @@
-import { UnknownProperties } from '@semcore/core';
-import { Context } from './context';
-import { FadeInOutProps } from '@semcore/animation';
-import { TooltipType } from './Tooltip';
-import { IntergalacticD3Component } from './Plot';
-import { PatternsConfig } from './Pattern';
+import type { FadeInOutProps } from '@semcore/base-components';
+import type { UnknownProperties } from '@semcore/core';
+
+import type { Context } from './context';
+import type { PatternsConfig } from './Pattern';
+import type { IntergalacticD3Component } from './Plot';
+import type { TooltipType } from './Tooltip';
 
 /** @deprecated */
 export interface IVennProps extends VennProps, UnknownProperties {}

package/lib/types/a11y/DataAccessibilityTable.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { DataStructureHints, DataSummarizationConfig } from './hints';
-import { Intl } from './intl';
+import type { DataStructureHints, DataSummarizationConfig } from './hints';
+import type { Intl } from './intl';
 export declare const DataAccessibilityTable: React.FC<{
     id: string;
     dataTableRef: React.RefObject<HTMLTableElement>;

package/lib/types/a11y/PlotA11yModule.d.ts

@@ -1,12 +1,5 @@
 import React from 'react';
-import { DataStructureHints, PartialDataSummarizationConfig } from './hints';
-export type A11yViewProps = {
-    id: string;
-    data: Record<string, unknown>[];
-    hints: DataStructureHints;
-    plotLabel: string;
-    locale: NavigatorLanguage['language'];
-    config: PartialDataSummarizationConfig;
-    plotRef: React.RefObject<HTMLElement>;
-};
-export declare const PlotA11yModule: React.FC<A11yViewProps>;
+import type { A11yViewProps } from './PlotA11yView';
+type A11yModuleProps = Omit<A11yViewProps, 'onBlurHandler' | 'triggerRef'>;
+export declare function PlotA11yModule(props: A11yModuleProps): React.ReactNode;
+export {};

package/lib/types/a11y/PlotA11yView.d.ts

@@ -1,3 +1,14 @@
 import React from 'react';
-import type { A11yViewProps } from './PlotA11yModule';
-export declare const PlotA11yView: React.FC<A11yViewProps>;
+import type { DataStructureHints, PartialDataSummarizationConfig } from './hints';
+export type A11yViewProps = {
+    id: string;
+    payload: Record<string, unknown>[];
+    hints: DataStructureHints;
+    plotLabel: string;
+    locale: NavigatorLanguage['language'];
+    config: PartialDataSummarizationConfig;
+    plotRef: React.RefObject<HTMLElement>;
+    triggerRef: React.RefObject<HTMLElement>;
+    onCloseHandler: () => void;
+};
+export declare function PlotA11yView({ id, payload: providedData, hints, plotLabel, triggerRef, plotRef, config: providedConfig, locale, onCloseHandler, }: A11yViewProps): React.ReactElement;

package/lib/types/a11y/hints.d.ts

@@ -1,4 +1,4 @@
-import { SerializableDataType } from './insights';
+import type { SerializableDataType } from './insights';
 type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
 } : T;
@@ -70,13 +70,13 @@ export type PartialDataSummarizationConfig = DeepPartial<Omit<DataSummarizationC
 export declare const makeDataHintsContainer: () => DataStructureHints;
 export declare const makeDataHintsHandlers: (mutableContainer: DataStructureHints) => {
     specifyDataRowFields: (x?: string, y?: string, value?: string) => void;
-    setupGrid: (direction: 'vertical' | 'horizontal', size: number) => void;
+    setupGrid: (direction: "vertical" | "horizontal", size: number) => void;
     establishDataType: (dataType: SerializableDataType) => void;
     describeValueEntity: (dataKey: string | number, readableName: string) => void;
     describeGroupedValues: (groupKey: string | number, dataKey: string | number) => void;
-    labelKey: (axes: 'vertical' | 'horizontal' | 'value', dataKey: string | number, label: string) => void;
-    addKeyLabelGetter: (axes: 'vertical' | 'horizontal' | 'value', getter: (dataKey: string | number) => string) => void;
-    setTitle: (describedDataAxes: 'vertical' | 'horizontal', title: string) => void;
+    labelKey: (axes: "vertical" | "horizontal" | "value", dataKey: string | number, label: string) => void;
+    addKeyLabelGetter: (axes: "vertical" | "horizontal" | "value", getter: (dataKey: string | number) => string) => void;
+    setTitle: (describedDataAxes: "vertical" | "horizontal", title: string) => void;
     setPointsDensity: (horizontalAxes: number, verticalAxes: number) => void;
 };
 export type DataHintsHandler = ReturnType<typeof makeDataHintsHandlers>;

package/lib/types/a11y/insights.d.ts

@@ -1,4 +1,4 @@
-import { DataStructureHints, DataSummarizationConfig } from './hints';
+import type { DataStructureHints, DataSummarizationConfig } from './hints';
 export type TrendNode = {
     type: 'trend';
     priority: number;

package/lib/types/a11y/intl.d.ts

@@ -1,4 +1,4 @@
-import { IntlShape } from '@formatjs/intl';
+import { type IntlShape } from '@formatjs/intl';
 import type { localizedMessages as localizedMessagesTypeBase } from './translations/view/__intergalactic-dynamic-locales';
 export type Intl = IntlShape<typeof localizedMessagesTypeBase['en']>;
 export declare const getIntl: (locale: string, translations: {

package/lib/types/a11y/serialize.d.ts

@@ -1,17 +1,17 @@
-import { AnalyzedData } from './insights';
-import { DataSummarizationConfig } from './hints';
-import { Intl } from './intl';
+import type { DataSummarizationConfig } from './hints';
+import type { AnalyzedData } from './insights';
+import { type Intl } from './intl';
 export declare const defaultValueFormatter: (intl: Intl, value: unknown, { siblingsTimeMark, maxListSymbols, datesWithTime, }?: {
     siblingsTimeMark?: unknown;
-    maxListSymbols?: number | undefined;
-    datesWithTime?: boolean | undefined;
+    maxListSymbols?: number;
+    datesWithTime?: boolean;
 }) => string;
 export declare const serialize: ({ insights, dataType, dataRange, dataTitle, entitiesCount }: AnalyzedData, { datesWithTime, maxListSymbols, clustersLimit, valuesLimit, groupsLimit, titlesFormatter, valuesFormatter, }: DataSummarizationConfig, { locale, translations, availableLocales, }: {
     locale: string;
     translations?: {
         [messageId: string]: string;
-    } | undefined;
+    };
     availableLocales?: {
         [localeId: string]: any;
-    } | undefined;
+    };
 }) => string | null;

package/lib/types/a11y/summarize.d.ts

@@ -1,5 +1,5 @@
-import { DataStructureHints, DataSummarizationConfig } from './hints';
-export declare const summarize: (data: Record<string, unknown>[] | Record<string, unknown>, hints: DataStructureHints, config: DataSummarizationConfig, locale: NavigatorLanguage['language'], translations: {
+import type { DataStructureHints, DataSummarizationConfig } from './hints';
+export declare const summarize: (data: Record<string, unknown>[] | Record<string, unknown>, hints: DataStructureHints, config: DataSummarizationConfig, locale: NavigatorLanguage["language"], translations: {
     [messageId: string]: string;
 }, availableLocales: {
     [localeId: string]: any;

package/lib/types/a11y/translations/module/__intergalactic-dynamic-locales.d.ts

@@ -1,72 +1,72 @@
 export declare const localizedMessages: {
     de: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     en: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     es: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     fr: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     it: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     ja: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     ko: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     nl: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     pt: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     tr: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     vi: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     zh: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     pl: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
     sv: {
-        disabled: string;
         loading: string;
         failed: string;
+        "PlotA11yModule.ScreenReaderOnlyButton.Label": string;
     };
 };

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

@@ -1,27 +1,30 @@
-import { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';
-import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
-import { interpolateValue } from '../../utils';
-import React from 'react';
 import { Component } from '@semcore/core';
-import { BaseChartProps, BaseLegendProps, ListData, ObjectData } from './AbstractChart.type';
-type ChartState = {
+import type { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
+import React from 'react';
+import type { BaseChartProps, BaseLegendProps, ListData, ObjectData } from './AbstractChart.type';
+import type { HoverLine, HoverRect } from '../..';
+import { interpolateValue } from '../../utils';
+import type { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';
+export type ChartState = {
     dataDefinitions: Array<LegendItem & {
         columns: React.ReactNode[];
     }>;
     highlightedLine: number;
     withTrend: boolean;
 };
-export declare abstract class AbstractChart<D extends ListData | ObjectData, T extends BaseChartProps<D>, E extends readonly ((...args: any[]) => any)[] = []> extends Component<T, {}, ChartState, E> {
-    static style: {};
+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> {
+    static style: {
+        [key: string]: string;
+    };
     static defaultProps: Partial<BaseChartProps<any>>;
     /**
      * Padding from the end's of chart to the container (except axis sides)
      */
     protected plotPadding: number;
     protected dataHints: import("../../a11y/hints").DataStructureHints;
-    state: ChartState;
-    constructor(props: T);
-    componentDidUpdate(prevProps: T): void;
+    constructor(props: Props);
+    componentDidUpdate(prevProps: Props): void;
     protected getDefaultDataDefinitions(): Array<LegendItem & {
         columns: React.ReactNode[];
     }>;
@@ -45,8 +48,12 @@ export declare abstract class AbstractChart<D extends ListData | ObjectData, T e
     protected resolveColor(id: string, index: number): string;
     protected tooltipValueFormatter(value?: string | number | typeof interpolateValue | Date): string;
     protected defaultLegendProps(): Partial<BaseLegendProps>;
-    protected renderLegend(): JSX.Element | null;
+    protected renderLegend(): React.JSX.Element | null;
     protected renderAxis(): React.ReactNode;
+    protected getTooltipChildren<D extends ObjectData>(options: {
+        Tooltip: typeof HoverLine['Tooltip'] | typeof HoverRect['Tooltip'];
+        dataItem: D;
+    }): React.ReactNode;
+    protected renderTooltipTotalLine<D extends ObjectData>(dataItem: D): React.JSX.Element | null;
     render(): React.ReactNode;
 }
-export {};

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

@@ -1,12 +1,13 @@
-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';
+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';
 export type BaseLegendProps = BaseChartLegendProps & {
     /**
      * Disable hover (for transition items legend of each not hovered)
@@ -18,21 +19,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>;
@@ -44,9 +45,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 & AriaNameProps & {
+export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & {
     /**
      * Chart data. For all charts except Donut(Pie), Radar and Venn should be an Array
      */
@@ -112,6 +113,10 @@ export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & AriaNa
      * 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)
      */
@@ -125,6 +130,10 @@ export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & AriaNa
      * 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
      */
@@ -133,10 +142,15 @@ export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & AriaNa
      * Animations duration, set 0 to disable animations
      */
     duration?: number;
-} /**
- * 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`.
- */ & ({
+    /**
+     * Flag to show/hide legend
+     */
+    showLegend?: boolean;
+    /**
+     * Props for Legend
+     */
+    legendProps?: Partial<BaseLegendProps>;
+} & ({
     /**
      * Don't show legend
      */
@@ -150,8 +164,8 @@ export type BaseChartProps<T extends ListData | ObjectData> = FlexProps & AriaNa
      */
     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 { AreaChartType } from './AreaChart.type';
+import type { AreaChartType } from './AreaChart.type';
 export declare const AreaChart: AreaChartType;

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

@@ -1,16 +1,26 @@
-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 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';
 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, AreaChartProps>;
+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,2 @@
-import { BarChartType } from './BarChart.type';
+import type { BarChartType } from './BarChart.type';
 export declare const BarChart: BarChartType;

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

@@ -1,25 +1,30 @@
-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';
+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';
 type TrendItem = {
-    x: number;
-    y: number;
+    x: number | string;
+    y: number | string;
 };
 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>;
+export type BarChartType = Intergalactic.Component<typeof Flex, BarChartProps & AriaNameProps>;
 export {};

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

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

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

@@ -1,7 +1,7 @@
-import { Intergalactic } from '@semcore/core';
-import { Flex } from '@semcore/flex-box';
-import { ScaleLinear } from 'd3-scale';
-import { BaseChartProps } from './AbstractChart.type';
+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 ScaledValues = {
     x: number[];
     y: number[];
@@ -13,9 +13,14 @@ export type BubbleChartData = Array<{
     label?: string;
     color?: string;
 }>;
-export type BubbleChartProps = BaseChartProps<BubbleChartData> & {
+export type BubbleChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseChartProps<BubbleChartData>, 'showTotalInTooltip'> & {
+    /** Field name that groups the data points */
     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 { CigaretteChartType } from './CigaretteChart.type';
+import type { CigaretteChartType } from './CigaretteChart.type';
 export declare const CigaretteChart: CigaretteChartType;

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

@@ -1,15 +1,25 @@
-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>;
+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>;
 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;
-    onClick?: (key: DataKey, event: React.SyntheticEvent) => void;
+    /** 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;
 };
 export type CigaretteChartType = Intergalactic.Component<'div', CigaretteChartProps>;
-export {};

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

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

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

@@ -1,14 +1,18 @@
-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 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';
 type BarKey = string;
 export type CompactHorizontalBarChartData = Array<Record<BarKey, number | string>>;
-export type CompactHorizontalBarChartProps = BaseChartProps<CompactHorizontalBarChartData> & {
+export type CompactHorizontalBarChartProps = Intergalactic.InternalTypings.EfficientOmit<BaseChartProps<CompactHorizontalBarChartData>, 'showTotalInTooltip'> & {
+    /** Field name from data array for the x-axis values */
     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 { DonutChartType } from './DonutChart.type';
+import type { DonutChartType } from './DonutChart.type';
 export declare const DonutChart: DonutChartType;

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

@@ -1,15 +1,24 @@
-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> & {
+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 */
     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 { HistogramChartType } from './HistogramChart.type';
+import type { HistogramChartType } from './HistogramChart.type';
 export declare const HistogramChart: HistogramChartType;