@hero-design/rn 8.103.3 → 8.103.4

package/types/components/Calendar/CalendarRowItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare const getCellVariant: (isSelected?: boolean, isCurrent?: boolean, isHighlighted?: boolean) => "default" | "current" | "selected" | "highlighted";
+export declare const getCellVariant: (isSelected?: boolean, isCurrent?: boolean, isHighlighted?: boolean) => "default" | "highlighted" | "current" | "selected";
 export interface CalendarRowItemProps {
     date?: Date;
     onPress?: () => void;

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,6 @@
-import React from 'react';
-import type { DatePickerProps } from './types';
-import { DatePickerDialogProps } from './Dialog/type';
-declare const _default: (({ variant, ...props }: DatePickerProps) => React.JSX.Element) & {
-    Dialog: ({ ...props }: DatePickerDialogProps) => React.JSX.Element;
+import { FunctionComponent } from 'react';
+import { 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

@@ -0,0 +1,7 @@
+import { FunctionComponent } from 'react';
+import { 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;

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

@@ -1,4 +1,5 @@
 import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle } from 'react-native';
+import { TextInputProps } from '../TextInput';
 export interface DatePickerProps {
     /**
      * Date picker input label.
@@ -92,3 +93,6 @@ export interface DatePickerProps {
         formattedDateString: string;
     }, props?: NativeTextInputProps) => React.ReactNode;
 }
+export interface InternalDatePickerProps extends DatePickerProps {
+    TextInputComponent?: React.ComponentType<TextInputProps>;
+}

package/types/components/TimePicker/TimePicker.d.ts

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

package/types/components/TimePicker/TimePickerAndroid.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { TimePickerProps } from './types';
-declare const TimePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, }: TimePickerProps) => React.JSX.Element;
+import type { InternalTimePickerProps } from './types';
+declare const TimePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, TextInputComponent, }: InternalTimePickerProps) => React.JSX.Element;
 export default TimePickerAndroid;

package/types/components/TimePicker/TimePickerIOS.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { TimePickerProps } from './types';
-declare const TimePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, supportedOrientations, }: TimePickerProps) => React.JSX.Element;
+import type { InternalTimePickerProps } from './types';
+declare const TimePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, supportedOrientations, TextInputComponent, }: InternalTimePickerProps) => React.JSX.Element;
 export default TimePickerIOS;

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FunctionComponent } from 'react';
 import type { TimePickerProps } from './types';
-declare const TimePicker: (props: TimePickerProps) => React.JSX.Element;
-export default TimePicker;
+declare const PublicTimePicker: FunctionComponent<TimePickerProps>;
+export default PublicTimePicker;

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

@@ -0,0 +1,5 @@
+import { FunctionComponent } from 'react';
+import { InternalTimePickerProps } from './types';
+declare const InternalTimePicker: FunctionComponent<InternalTimePickerProps>;
+export type { InternalTimePickerProps as TimePickerProps };
+export default InternalTimePicker;

package/types/components/TimePicker/types.d.ts

@@ -1,4 +1,5 @@
 import type { StyleProp, ViewStyle } from 'react-native';
+import { TextInputProps } from '../TextInput';
 export interface TimePickerProps {
     /**
      * Time picker input label.
@@ -59,3 +60,6 @@ export interface TimePickerProps {
      */
     supportedOrientations?: ('portrait' | 'landscape')[];
 }
+export interface InternalTimePickerProps extends TimePickerProps {
+    TextInputComponent?: React.ComponentType<TextInputProps>;
+}

package/types/index.internal.d.ts

@@ -1,4 +1,6 @@
 import Select from './components/Select/index.internal';
+import DatePicker from './components/DatePicker/index.internal';
+import TimePicker from './components/TimePicker/index.internal';
 export * from '.';
-export { Select };
+export { Select, DatePicker, TimePicker };
 export type { MultiSelectProps, SingleSelectProps } from './types.internal';

package/types/types.d.ts

@@ -36,4 +36,6 @@ import { TitleProps } from './components/Typography/Title';
 import { CarouselData, CarouselImageProps } from './components/Carousel/types';
 import { PinInputHandler } from './components/PinInput';
 import { ThemeScale } from './components/Box/types';
-export type { Space, CaptionProps, Radii, TitleProps, CarouselData, CarouselImageProps, PinInputHandler, ThemeScale, ToastProps, ActionGroupProps, ToolbarItemProps, BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SelectOptionType, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, ActionItemProps, SliderRangeValue, CalendarDateRange, LocaleCode, LocaleValues, DateTimeFormats, ColumnChartProps, LineChartProps, Scale, SystemPalette, BrandSystemPalette, GlobalSystemPalette, IconProps, CheckboxProps, SwitchOptionType, BoxProps, BodyProps, ToolbarButtonName, ListItemProps, IconButtonProps, BadgeProps, };
+import { TimePickerProps } from './components/TimePicker/types';
+import { DatePickerProps } from './components/DatePicker/types';
+export type { Space, CaptionProps, Radii, TitleProps, CarouselData, CarouselImageProps, PinInputHandler, ThemeScale, ToastProps, ActionGroupProps, ToolbarItemProps, BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SelectOptionType, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, ActionItemProps, SliderRangeValue, CalendarDateRange, LocaleCode, LocaleValues, DateTimeFormats, ColumnChartProps, LineChartProps, Scale, SystemPalette, BrandSystemPalette, GlobalSystemPalette, IconProps, CheckboxProps, SwitchOptionType, BoxProps, BodyProps, ToolbarButtonName, ListItemProps, IconButtonProps, BadgeProps, TimePickerProps, DatePickerProps, };

package/types/types.internal.d.ts

@@ -1,3 +1,5 @@
 import type { SingleSelectProps, MultiSelectProps } from './components/Select/index.internal';
+import type { DatePickerProps } from './components/DatePicker/index.internal';
+import type { TimePickerProps } from './components/TimePicker/index.internal';
 export * from './types';
-export { SingleSelectProps, MultiSelectProps };
+export { SingleSelectProps, MultiSelectProps, DatePickerProps, TimePickerProps, };