@semcore/d3-chart 3.61.0-prerelease.0 → 3.61.0-prerelease.4

package/lib/types/Venn.d.ts

@@ -1,10 +1,9 @@
-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';
+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';
 
 /** @deprecated */
 export interface IVennProps extends VennProps, UnknownProperties {}

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

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

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

@@ -1,5 +1,12 @@
 import React from 'react';
-import type { A11yViewProps } from './PlotA11yView';
-type A11yModuleProps = Omit<A11yViewProps, 'onBlurHandler' | 'triggerRef'>;
-export declare function PlotA11yModule(props: A11yModuleProps): React.ReactNode;
-export {};
+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>;

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

@@ -1,14 +1,3 @@
 import React from 'react';
-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;
+import type { A11yViewProps } from './PlotA11yModule';
+export declare const PlotA11yView: React.FC<A11yViewProps>;

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

@@ -1,4 +1,4 @@
-import type { SerializableDataType } from './insights';
+import { 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 type { DataStructureHints, DataSummarizationConfig } from './hints';
+import { DataStructureHints, DataSummarizationConfig } from './hints';
 export type TrendNode = {
     type: 'trend';
     priority: number;

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

@@ -1,4 +1,4 @@
-import { type IntlShape } from '@formatjs/intl';
+import { 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 type { DataSummarizationConfig } from './hints';
-import type { AnalyzedData } from './insights';
-import { type Intl } from './intl';
+import { AnalyzedData } from './insights';
+import { DataSummarizationConfig } from './hints';
+import { Intl } from './intl';
 export declare const defaultValueFormatter: (intl: Intl, value: unknown, { siblingsTimeMark, maxListSymbols, datesWithTime, }?: {
     siblingsTimeMark?: unknown;
-    maxListSymbols?: number;
-    datesWithTime?: boolean;
+    maxListSymbols?: number | undefined;
+    datesWithTime?: boolean | undefined;
 }) => 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 type { DataStructureHints, DataSummarizationConfig } from './hints';
-export declare const summarize: (data: Record<string, unknown>[] | Record<string, unknown>, hints: DataStructureHints, config: DataSummarizationConfig, locale: NavigatorLanguage["language"], translations: {
+import { 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,30 +1,27 @@
-import { Component } from '@semcore/core';
-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 { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';
+import { ScaleBand, ScaleLinear, ScaleTime } from 'd3-scale';
 import { interpolateValue } from '../../utils';
-import type { LegendItem } from '../ChartLegend/LegendItem/LegendItem.type';
-export type ChartState = {
+import React from 'react';
+import { Component } from '@semcore/core';
+import { BaseChartProps, BaseLegendProps, ListData, ObjectData } from './AbstractChart.type';
+type ChartState = {
     dataDefinitions: Array<LegendItem & {
         columns: React.ReactNode[];
     }>;
     highlightedLine: number;
     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> {
-    static style: {
-        [key: string]: string;
-    };
+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: {};
     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;
-    constructor(props: Props);
-    componentDidUpdate(prevProps: Props): void;
+    state: ChartState;
+    constructor(props: T);
+    componentDidUpdate(prevProps: T): void;
     protected getDefaultDataDefinitions(): Array<LegendItem & {
         columns: React.ReactNode[];
     }>;
@@ -48,12 +45,8 @@ export declare abstract class AbstractChart<Data extends ListData | ObjectData,
     protected resolveColor(id: string, index: number): string;
     protected tooltipValueFormatter(value?: string | number | typeof interpolateValue | Date): string;
     protected defaultLegendProps(): Partial<BaseLegendProps>;
-    protected renderLegend(): React.JSX.Element | null;
+    protected renderLegend(): 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,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;