@hero-design/rn 8.113.1 → 8.114.0

package/types/components/Carousel/CarouselItem.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { CarouselData } from './types';
-interface CarouselItemProps extends Omit<CarouselData, 'background'> {
-    width: number;
-}
-declare const CarouselItem: ({ width, image, content, heading, body, }: CarouselItemProps) => React.JSX.Element;
-export default CarouselItem;

package/types/components/Carousel/StyledCardCarousel.d.ts

@@ -1,27 +0,0 @@
-import type { ViewProps } from 'react-native';
-import { View } from 'react-native';
-import type { CardProps } from '../Card';
-import type { PageControlProps } from '../PageControl';
-declare const StyledPageControl: import("@emotion/native").StyledComponent<PageControlProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledCard: import("@emotion/native").StyledComponent<CardProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledItemWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeGap: "xsmall" | "small" | "medium";
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export { StyledCard, StyledItemWrapper, StyledWrapper, StyledPageControl };

package/types/components/Carousel/StyledCarousel.d.ts

@@ -1,55 +0,0 @@
-import type { ImageResizeMode } from 'react-native';
-import { View } from 'react-native';
-declare const StyledBackDrop: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeSlideBackground: string;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledCarouselView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledCarouselHeading: import("@emotion/native").StyledComponent<import("../..").TitleProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledCarouselImage: import("@emotion/native").StyledComponent<import("../Image").ImageProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledCustomSizeCarouselImage: import("@emotion/native").StyledComponent<import("../Image").ImageProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeHeight?: number | `${number}%`;
-    themeWidth?: number | `${number}%`;
-    themeResizeMode?: ImageResizeMode;
-}, {}, {}>;
-declare const StyledCarouselContentWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    width: number;
-}, {}, {}>;
-declare const StyledCarouselFooterWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledPageControl: import("@emotion/native").StyledComponent<import("../PageControl").PageControlProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledPageControlWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export { StyledBackDrop, StyledCarouselView, StyledCarouselHeading, StyledCarouselImage, StyledCarouselContentWrapper, StyledCarouselFooterWrapper, StyledCustomSizeCarouselImage, StyledPageControl, StyledPageControlWrapper, };

package/types/components/Carousel/contants.d.ts

@@ -1,2 +0,0 @@
-export declare const ITEM_WIDTH_RATE = 0.85;
-export declare const VIEW_POSITION_CENTER = 0.5;

package/types/components/Carousel/index.d.ts

@@ -1,46 +0,0 @@
-import type { Dispatch, ReactElement, SetStateAction } from 'react';
-import React from 'react';
-import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
-import type { CarouselData } from './types';
-interface CarouselProps extends ViewProps {
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * onItemIndexChange event handler receiving index of selected Item.
-     */
-    onItemIndexChange?: Dispatch<SetStateAction<number>>;
-    /**
-     * Carousel data.
-     */
-    items: CarouselData[];
-    /**
-     * Render action elements function.
-     */
-    renderActions?: (pageIndex: number) => ReactElement;
-    /**
-     * @deprecated will be removed in 9.0.0
-     *
-     * Should show paginations
-     */
-    shouldShowPagination?: (pageIndex: number) => boolean;
-    /**
-     * Current selected item index.
-     */
-    selectedItemIndex?: number;
-    /**
-     * Position of the page control
-     *
-     * pageControlPosition['bottom'] - @deprecated
-     */
-    pageControlPosition?: 'top' | 'bottom';
-}
-declare const _default: (({ items, onItemIndexChange, renderActions, selectedItemIndex, style, shouldShowPagination, testID, pageControlPosition, ...nativeProps }: CarouselProps) => React.JSX.Element) & {
-    Card: React.ForwardRefExoticComponent<Omit<import("./CardCarousel").CardCarouselProps, "ref"> & React.RefAttributes<import("./CardCarousel").CardCarouselHandles>>;
-};
-export default _default;

package/types/components/Carousel/types.d.ts

@@ -1,14 +0,0 @@
-import type { ReactNode } from 'react';
-import type { ImageSourcePropType, ImageResizeMode } from 'react-native';
-export type CarouselImageProps = ImageSourcePropType & {
-    height?: number | `${number}%`;
-    width?: number | `${number}%`;
-    resizeMode?: ImageResizeMode;
-};
-export type CarouselData = {
-    image?: CarouselImageProps | string;
-    content?: ReactNode;
-    heading?: string;
-    body?: string;
-    background: string;
-};

package/types/components/Chart/ChartSelect/StyledChartSelect.d.ts

@@ -1,8 +0,0 @@
-import { View } from 'react-native';
-declare const StyledHeaderContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export { StyledHeaderContainer };

package/types/components/Chart/ChartSelect/index.d.ts

@@ -1,63 +0,0 @@
-import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-import type { BottomSheetProps } from '../../BottomSheet';
-/**
- * Represents a selectable option for ChartSelect.
- * @template V The type of the option value.
- * @property value The value of the option. Used for selection and comparison.
- * @property text The display text for the option.
- * @property key (Optional) A unique key for the option. If provided, used as the FlatList key for better performance and stability.
- */
-type OptionType<V> = {
-    value: V;
-    text: string;
-    key?: string;
-};
-export interface SingleSelectProps<V> {
-    /**
-     * The currently selected value. Should match one of the values in the options array.
-     */
-    value: V | null;
-    /**
-     * Callback fired when an option is selected.
-     * @param value The value of the selected option.
-     */
-    onConfirm: (value: V) => void;
-    /**
-     * Array of supported orientations for the Select modal (iOS only).
-     * Defaults to ['portrait'].
-     */
-    supportedOrientations?: ('portrait' | 'landscape')[];
-    /**
-     * The list of selectable options. Each option should have a value and display text.
-     */
-    options: OptionType<V>[];
-    /**
-     * Callback fired when the selection modal is dismissed without selecting an option.
-     */
-    onDismiss?: () => void;
-    /**
-     * Configuration for the bottom sheet modal.
-     * - variant: The visual variant of the bottom sheet.
-     * - header: Optional header text to display at the top of the bottom sheet.
-     */
-    bottomSheetConfig?: {
-        variant?: BottomSheetProps['variant'];
-        header?: BottomSheetProps['header'];
-    };
-    /**
-     * If true, the select is disabled and cannot be interacted with.
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Additional style to apply to the select container.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Optional test ID for testing purposes. Applied to the main touchable area.
-     */
-    testID?: string;
-}
-declare const SingleSelect: <V>({ onConfirm, onDismiss, options, disabled, style, testID, value, supportedOrientations, bottomSheetConfig, }: SingleSelectProps<V>) => React.JSX.Element;
-export default SingleSelect;

package/types/components/Chart/ColumnChart/ColumnChartContent.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import type { DataValue, Series, XAxisConfig, YAxisConfig } from '../types';
-interface ColumnChartContentProps {
-    coordinates: {
-        yStart: number;
-        yEnd: number;
-        xStart: number;
-        xEnd: number;
-    };
-    data: Array<Series<Array<DataValue>>>;
-    yAxisConfig: Omit<YAxisConfig, 'minValue'>;
-    xAxisConfig: XAxisConfig;
-    /**
-     * Called when a bar (column segment) is pressed.
-     */
-    onBarPress?: (info: {
-        value: number | undefined;
-        xLabel: string;
-        seriesLabel: string;
-        seriesIndex: number;
-        xIndex: number;
-    }) => void;
-    /**
-     * A function that maps series labels to colors.
-     */
-    colorScale?: (label: string) => string | undefined;
-}
-declare const _default: React.MemoExoticComponent<({ coordinates, data, yAxisConfig, xAxisConfig, onBarPress, colorScale, }: ColumnChartContentProps) => React.JSX.Element>;
-export default _default;

package/types/components/Chart/ColumnChart/Segment.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-interface SegmentProps {
-    xCenter: number;
-    y: number;
-    height: number;
-    color?: string;
-    value?: number;
-    xLabel: string;
-    seriesLabel: string;
-    testID: string;
-    onPress?: () => void;
-}
-declare const _default: React.MemoExoticComponent<({ xCenter, y, height, color, value, xLabel, seriesLabel, testID, onPress, }: SegmentProps) => React.JSX.Element>;
-export default _default;

package/types/components/Chart/ColumnChart/StackedSegment.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import type { DataValue, YAxisConfig } from '../types';
-interface StackedSegmentProps {
-    stackedData: Array<DataValue>;
-    seriesLabels: Array<string>;
-    xLabel: string;
-    yAxisConfig: YAxisConfig;
-    coordinates: {
-        yStart: number;
-        yEnd: number;
-        xStart: number;
-        xEnd: number;
-    };
-    xCenter: number;
-    xIndex: number;
-    /**
-     * Called when a bar (column segment) is pressed.
-     */
-    onBarPress?: (info: {
-        value: number | undefined;
-        xLabel: string;
-        seriesLabel: string;
-        seriesIndex: number;
-        xIndex: number;
-    }) => void;
-    /**
-     * A function that maps series labels to colors.
-     */
-    colorScale?: (label: string) => string | undefined;
-}
-declare const _default: React.NamedExoticComponent<StackedSegmentProps>;
-export default _default;

package/types/components/Chart/ColumnChart/StyledColumnChart.d.ts

@@ -1,8 +0,0 @@
-import { View } from 'react-native';
-declare const StyledColumnChartWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export { StyledColumnChartWrapper };

package/types/components/Chart/ColumnChart/index.d.ts

@@ -1,86 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-import type { DataValue, HeaderConfig, Series, StyleConfig, XAxisConfig, YAxisConfig } from '../types';
-/**
- * Props for the ColumnChart component.
- *
- * @property data - The data to be displayed in the chart. Each item represents a series.
- * @property yAxisConfig - Optional configuration for the Y axis.
- * @property xAxisConfig - Optional configuration for the X axis.
- * @property style - Additional style for the root View. Follows the same convention as other components (e.g., Button).
- * @property testID - Testing id of the component. Passed to the root View and used as a suffix for inner elements.
- * @property headerConfig - Optional header configuration (title, actions).
- * @property emptyText - Optional text to display when data is empty.
- * @property onBarPress - Called when a bar (column segment) is pressed. Receives info about the bar.
- */
-export interface ColumnChartProps {
-    /**
-     * The data to be displayed in the chart. Each item represents a series.
-     */
-    data: Array<Series<Array<DataValue>>>;
-    /**
-     * Optional configuration for the Y axis.
-     * Note: minValue is omitted and always set to zero internally by the component.
-     */
-    yAxisConfig?: Omit<YAxisConfig, 'minValue'>;
-    /**
-     * Optional configuration for the X axis.
-     */
-    xAxisConfig?: XAxisConfig;
-    /**
-     * Additional style for the root View.
-     */
-    style?: ViewStyle;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Header configuration for the chart.
-     */
-    headerConfig?: HeaderConfig;
-    /**
-     * Text to display when the chart has no data (empty state).
-     */
-    emptyText?: string;
-    /**
-     * Called when a bar (column segment) is pressed. Receives info about the bar.
-     */
-    onBarPress?: (info: {
-        value: number | undefined;
-        xLabel: string;
-        seriesLabel: string;
-        seriesIndex: number;
-        xIndex: number;
-    }) => void;
-    /**
-     * * styleConfig use to custom the style of the chart.
-     * * styleConfig must be an object:
-     *    * color?: use to custom the legend colors.
-     */
-    styleConfig?: StyleConfig;
-}
-/**
- * ColumnChart component for rendering grouped/stacked column charts.
- * Handles layout, axis configuration, empty state, and data validation.
- * Uses ChartFrame for layout and axes, and ColumnChartContent for rendering columns.
- *
- * @param data - Array of series, each with a label and array of values.
- * @param yAxisConfig - Optional Y axis configuration.
- * @param xAxisConfig - Optional X axis configuration.
- * @param style - Optional style for the chart container.
- * @param testID - Optional test ID for testing.
- * @param headerConfig - Optional header configuration (title, actions).
- * @param emptyText - Optional text to display when data is empty.
- * @param onBarPress - Called when a bar (column segment) is pressed. Receives info about the bar.
- *
- * Example usage:
- * <ColumnChart
- *   data={data}
- *   xAxisConfig={xAxisConfig}
- *   yAxisConfig={yAxisConfig}
- *   emptyText="No data available"
- * />
- */
-declare const ColumnChart: ({ data, yAxisConfig, xAxisConfig, style, testID, headerConfig, emptyText, onBarPress, styleConfig, }: ColumnChartProps) => React.JSX.Element;
-export default ColumnChart;

package/types/components/Chart/Line/Line.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import type { AxisCoordinates, DataValue } from '../types';
-/**
- * Props for the Line chart component
- */
-type LineProps = {
-    /** Array of data points to be plotted on the line chart */
-    data: DataValue[];
-    /** Maximum value for the Y-axis scale */
-    maxValue: number;
-    /** Minimum value for the Y-axis scale */
-    minValue: number;
-    /** Array of labels for the X-axis points */
-    labels: string[];
-    /** Coordinates defining the chart's boundaries and scale */
-    coordinates: AxisCoordinates;
-    /** Color for the line */
-    color?: string;
-    /** Test ID for the line */
-    testID?: string;
-};
-declare const Line: ({ data, maxValue, minValue, labels, coordinates, color, testID, }: LineProps) => React.JSX.Element | null;
-export default Line;

package/types/components/Chart/Line/index.d.ts

@@ -1,41 +0,0 @@
-import React from 'react';
-import type { ViewStyle } from 'react-native';
-import type { DataValue, HeaderConfig, Series, StyleConfig, XAxisConfig, YAxisConfig } from '../types';
-export interface LineChartProps {
-    /**
-     * The data to be displayed in the chart. Each item represents a series.
-     */
-    data: Array<Series<Array<DataValue>>>;
-    /**
-     * Optional configuration for the Y axis.
-     */
-    yAxisConfig?: YAxisConfig;
-    /**
-     * Optional configuration for the X axis.
-     */
-    xAxisConfig?: XAxisConfig;
-    /**
-     * Additional style for the root View.
-     */
-    style?: ViewStyle;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Header configuration for the chart.
-     */
-    headerConfig?: HeaderConfig;
-    /**
-     * Text to display when the chart is empty.
-     */
-    emptyText?: string;
-    /**
-     * * styleConfig use to custom the style of the chart.
-     * * styleConfig must be an object:
-     *    * color?: use to custom the legend colors.
-     */
-    styleConfig?: StyleConfig;
-}
-declare const LineChart: ({ data, yAxisConfig, xAxisConfig, style, testID, headerConfig, emptyText, styleConfig, }: LineChartProps) => React.JSX.Element;
-export default LineChart;

package/types/components/Chart/StyledChart.d.ts

@@ -1,9 +0,0 @@
-declare const StyledChartHeader: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-declare const StyledLineChartWrapper: import("@emotion/native").StyledComponent<import("../Box").BoxProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-export { StyledChartHeader, StyledLineChartWrapper };

package/types/components/Chart/index.d.ts

@@ -1,6 +0,0 @@
-declare const Chart: {
-    Column: ({ data, yAxisConfig, xAxisConfig, style, testID, headerConfig, emptyText, onBarPress, styleConfig, }: import("./ColumnChart").ColumnChartProps) => import("react").JSX.Element;
-    Line: ({ data, yAxisConfig, xAxisConfig, style, testID, headerConfig, emptyText, styleConfig, }: import("./Line").LineChartProps) => import("react").JSX.Element;
-    SelectAction: <V>({ onConfirm, onDismiss, options, disabled, style, testID, value, supportedOrientations, bottomSheetConfig, }: import("./ChartSelect").SingleSelectProps<V>) => import("react").JSX.Element;
-};
-export default Chart;

package/types/components/Chart/shared/AxisLabel.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const AxisLabel: ({ label, numberOfLines, textAlign, }: {
-    label: string;
-    numberOfLines?: number;
-    textAlign?: "right" | "center";
-}) => React.JSX.Element;
-export default AxisLabel;

package/types/components/Chart/shared/ChartFrame.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import type { AxisCoordinates, HeaderConfig, XAxisConfig, YAxisConfig } from '../types';
-export type ChartFrameProps = {
-    isEmpty?: boolean;
-    xAxisConfig: XAxisConfig;
-    yAxisConfig: YAxisConfig;
-    headerConfig?: HeaderConfig;
-    width: number;
-    height: number;
-    renderContent: (props: {
-        coordinates: AxisCoordinates;
-    }) => React.ReactNode;
-    /**
-     * Text to display when the chart has no data (empty state).
-     * If undefined, no empty label will appear even if the chart is empty.
-     */
-    emptyText?: string;
-    /**
-     * If true, hides the grid lines for the Y-axis.
-     * Defaults to false.
-     */
-    hideYAxisGrid?: boolean;
-    /**
-     * If true, hides the grid lines for the X-axis.
-     * Defaults to false.
-     */
-    hideXAxisGrid?: boolean;
-};
-declare const ChartFrame: ({ xAxisConfig, yAxisConfig, width, height, headerConfig, renderContent, isEmpty, emptyText, hideYAxisGrid, hideXAxisGrid, }: ChartFrameProps) => React.JSX.Element;
-export default ChartFrame;

package/types/components/Chart/shared/ChartHeader.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { LayoutChangeEvent } from 'react-native';
-import type { HeaderConfig } from '../types';
-type ChartHeaderProps = HeaderConfig & {
-    onLayout?: (event: LayoutChangeEvent) => void;
-};
-declare const ChartHeader: ({ title, actionsExtra, onLayout }: ChartHeaderProps) => React.JSX.Element;
-export default ChartHeader;

package/types/components/Chart/shared/EmptyState.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { AxisCoordinates } from '../types';
-type EmptyStateProps = {
-    coordinates: AxisCoordinates;
-    content: string;
-};
-declare const EmptyState: ({ content, coordinates }: EmptyStateProps) => React.JSX.Element;
-export default EmptyState;

package/types/components/Chart/shared/XAxis.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { AxisCoordinates, XAxisConfig } from '../types';
-export type XAxisProps = {
-    xAxisConfig: XAxisConfig;
-    coordinates: AxisCoordinates;
-};
-declare const XAxis: ({ xAxisConfig, coordinates }: XAxisProps) => React.JSX.Element;
-export default XAxis;

package/types/components/Chart/shared/XAxisGrid.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { AxisCoordinates, XAxisConfig } from '../types';
-export type XAxisGridProps = {
-    xAxisConfig: XAxisConfig;
-    coordinates: AxisCoordinates;
-};
-declare const XAxisGrid: ({ xAxisConfig, coordinates }: XAxisGridProps) => React.JSX.Element;
-export default XAxisGrid;

package/types/components/Chart/shared/YAxis.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { AxisCoordinates, YAxisConfig } from '../types';
-export type YAxisProps = {
-    yAxisConfig: YAxisConfig & {
-        minValue?: number;
-    };
-    coordinates: AxisCoordinates;
-};
-declare const YAxis: ({ yAxisConfig, coordinates }: YAxisProps) => React.JSX.Element;
-export default YAxis;

package/types/components/Chart/shared/YAxisGrid.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import type { AxisCoordinates, YAxisConfig } from '../types';
-export type YAxisGridProps = {
-    yAxisConfig: Omit<YAxisConfig, 'labels'> & {
-        minValue?: number;
-    };
-    coordinates: AxisCoordinates;
-};
-declare const YAxisGrid: ({ yAxisConfig, coordinates }: YAxisGridProps) => React.JSX.Element;
-export default YAxisGrid;

package/types/components/Chart/shared/constants.d.ts

@@ -1,4 +0,0 @@
-export declare const DASH_ARRAY: number[];
-export declare const DEFAULT_LINE_STROKE_WIDTH = 2;
-export declare const ERROR_COLOR_NUMBER_MISMATCH = "styleConfig.series should have exact number of colors as the number of labels";
-export declare const ERROR_COLOR_NOT_FOUND = "Color {color} not found in the mobile visualization palette.";

package/types/components/Chart/shared/hooks/useColorScale.d.ts

@@ -1,7 +0,0 @@
-/**
- * useColorScale - Returns a d3 ordinal scale for mapping labels to colors.
- * @param labels Array of labels (series names or keys)
- * @param customColors Optional custom color palette
- * @returns Ordinal scale function: (label: string) => color
- */
-export default function useColorScale(labels: string[], customColors?: string[]): (label: string) => string | undefined;

package/types/components/Chart/shared/hooks/useCustomColor.d.ts

@@ -1,22 +0,0 @@
-import type { DataValue, Series, StyleConfig } from '../../types';
-/**
- * Props for the useCustomColor hook
- */
-type useCustomColorProps = {
-    /** Array of data series containing values and labels */
-    data: Array<Series<Array<DataValue>>>;
-    /** Optional configuration for custom series colors */
-    seriesConfig?: StyleConfig['series'];
-};
-/**
- * Hook to handle custom color assignments for chart series
- *
- * This hook manages:
- * 1. Validation of custom color configurations
- * 2. Color mapping between series and palette
- * 3. Fallback to default colors when custom colors aren't provided
- *
- * @throws {Error} When custom colors are invalid or don't match data series
- */
-declare const useCustomColor: ({ data, seriesConfig }: useCustomColorProps) => (label: string) => string | undefined;
-export default useCustomColor;

package/types/components/Chart/shared/hooks/useGenerateTicks.d.ts

@@ -1,6 +0,0 @@
-declare const useGenerateTicks: ({ maxValue, minValue, step, }: {
-    maxValue?: number;
-    minValue?: number;
-    step?: number;
-}) => number[];
-export default useGenerateTicks;

package/types/components/Chart/shared/hooks/useScaleBandX.d.ts

@@ -1,7 +0,0 @@
-type UseScaleBandXProps = {
-    labels: string[];
-    xStart: number;
-    xEnd: number;
-};
-declare const useScaleBandX: ({ labels, xStart, xEnd }: UseScaleBandXProps) => import("d3-scale").ScaleBand<string>;
-export default useScaleBandX;

package/types/components/Chart/shared/hooks/useScaleLinearY.d.ts

@@ -1,8 +0,0 @@
-type UseScaleLinearYProps = {
-    maxValue: number;
-    minValue: number;
-    yStart: number;
-    yEnd: number;
-};
-declare const useScaleLinearY: ({ maxValue, minValue, yStart, yEnd, }: UseScaleLinearYProps) => import("d3-scale").ScaleLinear<number, number, never>;
-export default useScaleLinearY;