@hero-design/rn 8.113.0 → 8.114.0

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

@@ -1,12 +0,0 @@
-import type { DataValue } from '../types';
-export declare const createNiceScale: (min: number, max: number, maxTicks?: number) => {
-    niceMin: number;
-    niceMax: number;
-    tickSpacing: number;
-};
-export declare const maxValueFromDataSet: (data: {
-    data: DataValue[];
-}[]) => number;
-export declare const minValueFromDataSet: (data: {
-    data: DataValue[];
-}[]) => number;

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

@@ -1,11 +0,0 @@
-/**
- * Filter elements that have no color.
- * @param data - The data to filter.
- * @returns The filtered data.
- */
-declare const filterElementHasNoColor: <D extends object>(data: Array<D & {
-    color?: string;
-}>) => Array<D & {
-    color: string;
-}>;
-export { filterElementHasNoColor };

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

@@ -1,91 +0,0 @@
-/**
- * Represents a data series for the chart.
- * @template Data - The type of the data array for the series.
- */
-interface Series<Data> {
-    /**
-     * Label of the series (used for legends, etc.).
-     */
-    label: string;
-    /**
-     * Data values for the series.
-     */
-    data: Data;
-}
-/**
- * Configuration for axis ticks.
- */
-interface TickConfig {
-    /**
-     * The interval between ticks on the axis.
-     */
-    interval: number;
-}
-/**
- * Configuration for the Y axis of the chart.
- */
-interface YAxisConfig {
-    /**
-     * Maximum value for the Y axis.
-     */
-    maxValue?: number;
-    /**
-     * Minimum value for the Y axis.
-     */
-    minValue?: number;
-    /**
-     * Labels for the Y axis.
-     */
-    labels?: Array<string>;
-    /**
-     * Step size between ticks on the Y axis.
-     */
-    step?: number;
-    /**
-     * Tick configuration for the Y axis.
-     */
-    tick?: TickConfig;
-}
-/**
- * Configuration for the X axis of the chart.
- */
-interface XAxisConfig {
-    /**
-     * Labels for the X axis.
-     */
-    labels?: Array<string>;
-}
-/**
- * Represents a single data value in the chart (can be a number or undefined).
- */
-type DataValue = number | undefined;
-/**
- * Represents the position of an object in the chart.
- */
-type AxisCoordinates = {
-    xStart: number;
-    xEnd: number;
-    yStart: number;
-    yEnd: number;
-};
-/**
- * Represents the configuration for the header of the chart.
- */
-type HeaderConfig = {
-    title?: string;
-    actionsExtra?: React.ReactNode;
-};
-type ChartColor = 'primaryLight' | 'blueLight' | 'greenLight' | 'redLight' | 'orangeLight' | 'yellowLight' | 'pinkLight' | 'greyLight' | 'primaryMedium' | 'blueMedium' | 'greenMedium' | 'redMedium' | 'orangeMedium' | 'yellowMedium' | 'pinkMedium' | 'greyMedium';
-/**
- * Represents the configuration for the style of the chart.
- */
-type StyleConfig = {
-    /**
-     * Chart colors config.
-     */
-    series?: Array<{
-        label: string;
-        color?: ChartColor;
-    }>;
-};
-export type { Series, XAxisConfig, YAxisConfig, DataValue, AxisCoordinates, HeaderConfig, StyleConfig, };

package/types/components/Checkbox/DefaultCheckBox.d.ts

@@ -1,40 +0,0 @@
-import React from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-export interface DefaultCheckboxProps {
-    /**
-     * Control whether the switch is checked
-     */
-    checked?: boolean;
-    /**
-     * Checkbox's description.
-     */
-    description?: string;
-    /**
-     * @deprecated `withBorder` prop will be removed in the next major release, all checkboxes will have border by default. Please remove it.
-     *
-     * Whether the border is shown.
-     */
-    withBorder?: boolean;
-    /**
-     * Whether the switch is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Event handler.
-     */
-    onPress?: () => void;
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Readonly of the checkbox.
-     */
-    readonly?: boolean;
-}
-declare const DefaultCheckbox: ({ checked, description, withBorder, disabled, onPress, style, testID, readonly, }: DefaultCheckboxProps) => React.JSX.Element;
-export default DefaultCheckbox;

package/types/components/Checkbox/InlineCheckBox.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { type StyleProp, type ViewStyle } from 'react-native';
-export interface InlineCheckboxProps {
-    /**
-     * Control whether the checkbox is checked
-     */
-    checked?: boolean;
-    /**
-     * Checkbox's description.
-     */
-    description?: string;
-    /**
-     * Whether the checkbox is disabled
-     */
-    disabled?: boolean;
-    /**
-     * Event handler.
-     */
-    onPress?: () => void;
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-    /**
-     * Readonly of the checkbox.
-     */
-    readonly?: boolean;
-    /**
-     * Size of the checkbox. Can be 'medium' or 'large'.
-     */
-    size?: 'medium' | 'large';
-}
-declare const InlineCheckbox: ({ checked, description, disabled, onPress, style, testID, readonly, size, }: InlineCheckboxProps) => React.JSX.Element;
-export default InlineCheckbox;

package/types/components/Checkbox/StyledDefaultCheckBox.d.ts

@@ -1,33 +0,0 @@
-import { View } from 'react-native';
-type CheckboxThemeState = 'default' | 'checked' | 'disabled' | 'readonly';
-export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeState: CheckboxThemeState;
-}, {}, {}>;
-export declare const StyledDescription: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-export declare const StyledCheckboxContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledCheckbox: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeState: CheckboxThemeState;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledCheckMark: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeState: CheckboxThemeState;
-}, {}, {}>;
-export {};

package/types/components/Checkbox/StyledInlineCheckBox.d.ts

@@ -1,45 +0,0 @@
-import { View } from 'react-native';
-type CheckboxThemeState = 'default' | 'checked' | 'disabled' | 'readonly';
-export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeState: CheckboxThemeState;
-}, {}, {}>;
-export declare const StyledDescription: import("@emotion/native").StyledComponent<import("../..").BodyProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-export declare const StyledCheckboxContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeSize?: "medium" | "large";
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledCheckbox: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeState: CheckboxThemeState;
-    themeSize?: "medium" | "large";
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export declare const StyledCheckMark: import("@emotion/native").StyledComponent<import("react-native-vector-icons/Icon").IconProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeSize: "small" | "xsmall" | "medium" | "large" | "xlarge" | "xxxsmall";
-    themeIntent: "secondary" | "primary" | "text" | "warning" | "info" | "danger" | "success" | "disabled-text" | "text-inverted" | "muted" | "inactive";
-} & {
-    ref?: import("react").Ref<import("react-native-vector-icons/Icon").Icon> | undefined;
-} & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeState: CheckboxThemeState;
-    themeSize?: "medium" | "large";
-}, {}, {}>;
-export {};

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

@@ -1,6 +0,0 @@
-import type { DefaultCheckboxProps } from './DefaultCheckBox';
-export type { DefaultCheckboxProps as CheckboxProps };
-declare const _default: (({ checked, description, withBorder, disabled, onPress, style, testID, readonly, }: DefaultCheckboxProps) => import("react").JSX.Element) & {
-    Inline: ({ checked, description, disabled, onPress, style, testID, readonly, size, }: import("./InlineCheckBox").InlineCheckboxProps) => import("react").JSX.Element;
-};
-export default _default;

package/types/components/Checkbox/utils.d.ts

@@ -1,7 +0,0 @@
-type getStateType = {
-    disabled: boolean;
-    readonly: boolean;
-    checked?: boolean;
-};
-export declare const getThemeState: ({ disabled, readonly, checked, }: getStateType) => "disabled" | "default" | "readonly" | "checked";
-export {};

package/types/components/Chip/StyledChip.d.ts

@@ -1,13 +0,0 @@
-type StyledChipWrapperProps = {
-    themeVariant?: 'selection' | 'filter' | 'compact' | 'compact-outlined';
-    themeSelected?: boolean;
-};
-declare const StyledChipWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<import("react-native").View> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & StyledChipWrapperProps, {}, {}>;
-declare const StyledChipIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-export { StyledChipWrapper, StyledChipIcon };

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

@@ -1,43 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { ViewProps } from 'react-native';
-import type { IconName } from '../Icon';
-/**
- * @deprecated Use 'selection' | 'filter' | 'compact' | 'compact-outlined' instead.
- */
-type DeprecatedVariant = 'outlined' | 'filled';
-type ValidVariant = 'selection' | 'filter' | 'compact' | 'compact-outlined';
-interface ChipProps extends ViewProps {
-    /**
-     * The label of the chip.
-     */
-    label: string | ReactNode;
-    /**
-     * Variant of the chip.
-     *
-     * ⚠️ 'outlined' | 'filled' variants are deprecated and will be removed in the next major release. Please use 'selection' | 'filter' | 'compact' | 'compact-outlined' instead.
-     */
-    variant?: ValidVariant | DeprecatedVariant;
-    /**
-     * Whether the chip is selected.
-     */
-    selected?: boolean;
-    /**
-     * Icon of the chip.
-     */
-    icon?: IconName;
-    /**
-     * Callback when the chip is pressed.
-     */
-    onPress?: () => void;
-    /**
-     * Whether to show the selected icon when using outlined variant.
-     */
-    showSelectedIcon?: boolean;
-    /**
-     * If true, indicates that the Chip is accessible to screen readers.
-     */
-    accessible?: boolean;
-}
-declare const Chip: ({ label, variant, selected, icon, onPress, showSelectedIcon, accessible, ...otherProps }: ChipProps) => React.JSX.Element;
-export default Chip;

package/types/components/Collapse/StyledCollapse.d.ts

@@ -1,23 +0,0 @@
-import { Animated, View } from 'react-native';
-declare const StyledWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {}>;
-/**
- * Height need to be high enough to cover most scenario
- * This container's purpose is only to help get correct children height and returns it
- * to use with Animated.timing
- */
-declare const StyledHiddenWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledChildWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-export { StyledWrapper, StyledHiddenWrapper, StyledChildWrapper };

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

@@ -1,20 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { StyleProp, ViewProps, ViewStyle } from 'react-native';
-export interface CollapseProps extends ViewProps {
-    children: ReactNode;
-    /**
-     * Whether the component is open or closed.
-     */
-    open?: boolean;
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const Collapse: ({ open, children, testID, style, onLayout, }: CollapseProps) => React.JSX.Element;
-export default Collapse;

package/types/components/ContentNavigator/StyledContentNavigator.d.ts

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

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

@@ -1,43 +0,0 @@
-import React from 'react';
-import type { ReactElement } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-interface ContentNavigatorProps {
-    /**
-     * The navigator's content value.
-     */
-    value: number | string | ReactElement;
-    /**
-     * Handler to handle press event of previous icon.
-     */
-    onPreviousPress: () => void;
-    /**
-     * Handler to handle press event of next icon.
-     */
-    onNextPress: () => void;
-    /**
-     * Handler to handle press event of content navigator value.
-     */
-    onPress?: () => void;
-    /**
-     * Whether the previous icon is disabled.
-     */
-    previousDisabled?: boolean;
-    /**
-     * Whether the next icon is disabled.
-     */
-    nextDisabled?: boolean;
-    /**
-     * Content font size.
-     */
-    fontSize?: 'medium' | 'large';
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare function ContentNavigator({ onPreviousPress, onNextPress, onPress, value, previousDisabled, nextDisabled, fontSize, testID, style, }: ContentNavigatorProps): React.JSX.Element;
-export default ContentNavigator;

package/types/components/DatePicker/DatePicker.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { InternalDatePickerProps } from './types';
-declare const DatePicker: ({ variant, TextInputComponent, ...props }: InternalDatePickerProps) => React.JSX.Element;
-export default DatePicker;

package/types/components/DatePicker/DatePickerAndroid.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { InternalDatePickerProps } from './types';
-type DatePickerAndroidProps = Omit<InternalDatePickerProps, 'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'> & {
-    variant?: 'default' | 'month-year';
-};
-declare const DatePickerAndroid: ({ value, minDate, maxDate, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, variant, renderSelectedValue, locale, TextInputComponent, inputProps, groupStyleEnabled, }: DatePickerAndroidProps) => React.JSX.Element;
-export default DatePickerAndroid;

package/types/components/DatePicker/DatePickerCalendar.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { InternalDatePickerProps } from './types';
-declare const DatePickerCalendar: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, monthPickerConfirmLabel, monthPickerCancelLabel, supportedOrientations, renderSelectedValue, locale, TextInputComponent, inputProps, groupStyleEnabled, }: Omit<InternalDatePickerProps, "variant">) => React.JSX.Element;
-export default DatePickerCalendar;

package/types/components/DatePicker/DatePickerIOS.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import type { InternalDatePickerProps } from './types';
-type DatePickerIOSProps = Omit<InternalDatePickerProps, 'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'> & {
-    variant?: 'default' | 'month-year';
-};
-declare const DatePickerIOS: ({ value, minDate, maxDate, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, supportedOrientations, variant, locale, renderSelectedValue, TextInputComponent, inputProps, groupStyleEnabled, }: DatePickerIOSProps) => React.JSX.Element;
-export default DatePickerIOS;

package/types/components/DatePicker/Dialog/AndroidDialog.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { DatePickerDialogProps } from './type';
-export type AndroidDatePickerDialogProps = Omit<DatePickerDialogProps, 'supportedOrientations' | 'confirmLabel' | 'label' | 'locale'>;
-declare const AndroidDatePickerDialog: ({ open, onClose, value, minDate, maxDate, onChange, testID, variant, }: AndroidDatePickerDialogProps) => React.JSX.Element | null;
-export default AndroidDatePickerDialog;

package/types/components/DatePicker/Dialog/IOSDialog.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { DatePickerDialogProps } from './type';
-declare const IOSDatePickerDialog: ({ label, open, onClose, confirmLabel, locale, value, minDate, maxDate, onChange, testID, variant, supportedOrientations, }: DatePickerDialogProps) => React.JSX.Element;
-export default IOSDatePickerDialog;

package/types/components/DatePicker/Dialog/type.d.ts

@@ -1,50 +0,0 @@
-export interface DatePickerDialogProps {
-    /**
-     * The value of the date picker.
-     */
-    value?: Date;
-    /**
-     * The minimum date of the date picker.
-     */
-    minDate?: Date;
-    /**
-     * The maximum date of the date picker.
-     */
-    maxDate?: Date;
-    /**
-     * The function to call when the date is changed.
-     */
-    onChange: (date: Date) => void;
-    /**
-     * The test ID of the date picker.
-     */
-    testID?: string;
-    /**
-     * Whether the dialog is open
-     */
-    open: boolean;
-    /**
-     * The function to call when the dialog is closed.
-     */
-    onClose: () => void;
-    /**
-     * The variant of the date picker.
-     */
-    variant?: 'default' | 'month-year';
-    /**
-     * [iOS only] The label of the DatePicker bottom sheet.
-     */
-    label: string;
-    /**
-     * [iOS only] The confirm label of the date picker bottom sheet.
-     */
-    confirmLabel: string;
-    /**
-     * [iOS only] The supported orientations of the date picker.
-     */
-    supportedOrientations?: ('portrait' | 'landscape')[];
-    /**
-     * [iOS only] The locale of the date picker.
-     */
-    locale?: string;
-}

package/types/components/DatePicker/Dialog.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { DatePickerDialogProps } from './Dialog/type';
-declare const Dialog: ({ ...props }: DatePickerDialogProps) => React.JSX.Element;
-export default Dialog;

package/types/components/DatePicker/StyledDatePicker.d.ts

@@ -1,16 +0,0 @@
-import { View } from 'react-native';
-import type { ViewProps } from 'react-native';
-declare const StyledPickerWrapper: import("@emotion/native").StyledComponent<ViewProps & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledTouchableOpacity: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    themeGroupStyleEnabled: boolean;
-    themeHasError: boolean;
-}, {}, {}>;
-export { StyledPickerWrapper, StyledTouchableOpacity };

package/types/components/DatePicker/hooks/useCalculateDate.d.ts

@@ -1,4 +0,0 @@
-import type { DatePickerProps } from '../types';
-export declare const getDateValue: (value: Date, minDate?: Date | undefined, maxDate?: Date | undefined) => Date;
-declare const useCalculateDate: ({ maxDate, minDate, onChange, value, }: Pick<DatePickerProps, "maxDate" | "minDate" | "onChange" | "value">) => void;
-export default useCalculateDate;

package/types/components/DatePicker/hooks/useFormatDate.d.ts

@@ -1,10 +0,0 @@
-type UseFormatDateProps = {
-    displayFormat?: string;
-    locale?: string;
-    value?: Date;
-};
-declare const useFormatDate: ({ displayFormat, locale, value, }: UseFormatDateProps) => {
-    displayValue: string;
-    format: string;
-};
-export default useFormatDate;

package/types/components/DatePicker/hooks/utils.d.ts

@@ -1,6 +0,0 @@
-import type { DateTimeFormats } from '../../../types';
-export declare const getDateFormat: ({ displayFormat, locale, localizeDateTime, }: {
-    displayFormat?: string;
-    locale?: string;
-    localizeDateTime: (key: keyof DateTimeFormats) => string;
-}) => string;

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

@@ -1,6 +0,0 @@
-import type { FunctionComponent } from 'react';
-import type { DatePickerProps } from './types';
-declare const _default: FunctionComponent<DatePickerProps> & {
-    Dialog: ({ ...props }: import("./Dialog/type").DatePickerDialogProps) => import("react").JSX.Element;
-};
-export default _default;

package/types/components/DatePicker/index.internal.d.ts

@@ -1,7 +0,0 @@
-import type { FunctionComponent } from 'react';
-import type { InternalDatePickerProps } from './types';
-export type { InternalDatePickerProps as DatePickerProps };
-declare const _default: FunctionComponent<InternalDatePickerProps> & {
-    Dialog: ({ ...props }: import("./Dialog/type").DatePickerDialogProps) => import("react").JSX.Element;
-};
-export default _default;