@hero-design/rn 8.103.4 → 8.103.6

package/types/components/RichTextEditor/StyledRichTextEditor.d.ts

@@ -9,8 +9,6 @@ export declare const StyledWrapper: import("@emotion/native").StyledComponent<im
 export declare const StyledWebView: import("@emotion/native").StyledComponent<import("react-native-webview/lib/WebViewTypes").IOSWebViewProps & import("react-native-webview/lib/WebViewTypes").AndroidWebViewProps & import("react-native-webview/lib/WebViewTypes").WindowsWebViewProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
-} & {
-    height: number | undefined;
 }, {}, {
     ref?: import("react").Ref<WebView<unknown>> | undefined;
 }>;

package/types/components/Select/MultiSelect/index.d.ts

@@ -29,6 +29,7 @@ export interface MultiSelectProps<V, T extends SelectOptionType<V> = SelectOptio
 }
 export interface InternalMultiSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends MultiSelectProps<V, T> {
     TextInputComponent?: React.ComponentType<TextInputProps>;
+    groupStyleEnabled?: boolean;
 }
-declare function MultiSelect<V, T extends SelectOptionType<V>>({ footerLabel, label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, ...rest }: InternalMultiSelectProps<V, T>): React.JSX.Element;
+declare function MultiSelect<V, T extends SelectOptionType<V>>({ footerLabel, label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, groupStyleEnabled, ...rest }: InternalMultiSelectProps<V, T>): React.JSX.Element;
 export default MultiSelect;

package/types/components/Select/SingleSelect/index.d.ts

@@ -22,6 +22,7 @@ export interface SingleSelectProps<V, T extends SelectOptionType<V> = SelectOpti
 }
 export interface InternalSingleSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends SingleSelectProps<V, T> {
     TextInputComponent?: React.ComponentType<TextInputProps>;
+    groupStyleEnabled?: boolean;
 }
-declare const SingleSelect: <V, T extends SelectOptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, ...rest }: InternalSingleSelectProps<V, T>) => React.JSX.Element;
+declare const SingleSelect: <V, T extends SelectOptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, groupStyleEnabled, ...rest }: InternalSingleSelectProps<V, T>) => React.JSX.Element;
 export default SingleSelect;

package/types/components/Select/StyledSelect.d.ts

@@ -18,4 +18,11 @@ declare const StyledSearchBar: import("@emotion/native").StyledComponent<import(
     ref?: import("react").Ref<View> | undefined;
 }>;
 declare const StyledSectionList: typeof SectionList;
-export { SectionSpacer, OptionSpacer, StyledSearchBar, StyledSectionList };
+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 { SectionSpacer, OptionSpacer, StyledSearchBar, StyledSectionList, StyledTouchableOpacity, };

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

@@ -2,8 +2,8 @@ import type { MultiSelectProps } from './MultiSelect';
 import type { SingleSelectProps } from './SingleSelect';
 import { SelectOptionType } from './types';
 export type { MultiSelectProps, SingleSelectProps };
-type SingleSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(props: Omit<SingleSelectProps<V, T>, 'TextInputComponent'>) => React.ReactElement;
-type MultiSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(props: Omit<MultiSelectProps<V, T>, 'TextInputComponent'>) => React.ReactElement;
+type SingleSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(props: Omit<SingleSelectProps<V, T>, 'TextInputComponent' | 'groupStyleEnabled'>) => React.ReactElement;
+type MultiSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(props: Omit<MultiSelectProps<V, T>, 'TextInputComponent' | 'groupStyleEnabled'>) => React.ReactElement;
 declare const _default: SingleSelectType & {
     Multi: MultiSelectType;
 };

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

@@ -2,7 +2,7 @@ import MultiSelect from './MultiSelect';
 import type { InternalMultiSelectProps } from './MultiSelect';
 import type { InternalSingleSelectProps } from './SingleSelect';
 export type { InternalMultiSelectProps as MultiSelectProps, InternalSingleSelectProps as SingleSelectProps, };
-declare const _default: (<V, T extends import("./types").SelectOptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, ...rest }: InternalSingleSelectProps<V, T>) => import("react").JSX.Element) & {
+declare const _default: (<V, T extends import("./types").SelectOptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, groupStyleEnabled, ...rest }: InternalSingleSelectProps<V, T>) => import("react").JSX.Element) & {
     Multi: typeof MultiSelect;
 };
 export default _default;

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

@@ -1,11 +1,22 @@
 import React from 'react';
 import { TextInput as RNTextInput } from 'react-native';
-import type { TextInputProps as NativeTextInputProps, StyleProp, ViewStyle, TextStyle } from 'react-native';
+import type { TextInputProps as RNTextInputProps, StyleProp, ViewStyle, TextStyle, NativeSyntheticEvent, TextInputFocusEventData } from 'react-native';
 import { Theme } from '../../theme';
 import type { State } from './StyledTextInput';
 import type { IconName } from '../Icon';
 export type TextInputHandles = Pick<RNTextInput, 'focus' | 'clear' | 'blur' | 'isFocused' | 'setNativeProps'>;
 export type TextInputVariant = 'text' | 'textarea';
+type NativeTextInputProps = Omit<RNTextInputProps, 'onFocus' | 'onBlur'> & {
+    onFocus?: (event?: NativeSyntheticEvent<TextInputFocusEventData>) => void | undefined;
+    onBlur?: (event?: NativeSyntheticEvent<TextInputFocusEventData>) => void | undefined;
+};
+export interface TextInputRef {
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+    isFocused: () => boolean;
+    setNativeProps?: (props: RNTextInputProps) => void;
+}
 export interface TextInputProps extends NativeTextInputProps {
     /**
      * Field label.
@@ -75,7 +86,7 @@ export interface TextInputProps extends NativeTextInputProps {
     /**
      * Customise input value renderer
      */
-    renderInputValue?: (inputProps: NativeTextInputProps) => React.ReactNode;
+    renderInputValue?: (inputProps: NativeTextInputProps, ref?: React.ForwardedRef<TextInputRef>) => React.ReactNode;
     /**
      * Component ref.
      */
@@ -102,7 +113,7 @@ export declare const renderInput: ({ variant, nativeInputProps, renderInputValue
     variant: TextInputVariant;
     nativeInputProps: NativeTextInputProps;
     multiline?: boolean;
-    renderInputValue?: (inputProps: NativeTextInputProps) => React.ReactNode;
+    renderInputValue?: (inputProps: NativeTextInputProps, ref?: React.Ref<TextInputRef>) => React.ReactNode;
     ref?: React.Ref<RNTextInput>;
     theme: Theme;
 }) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;

package/types/index.internal.d.ts

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

package/types/types.internal.d.ts

@@ -1,5 +1,5 @@
+import { DatePickerProps } from './components/DatePicker/index.internal';
 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';
+import { TimePickerProps } from './components/TimePicker/index.internal';
 export * from './types';
 export { SingleSelectProps, MultiSelectProps, DatePickerProps, TimePickerProps, };