@hero-design/rn 7.16.2 → 7.17.1

package/src/theme/components/select.ts

@@ -7,9 +7,9 @@ const getSelectTheme = (theme: GlobalTheme) => {
 
   const space = {
     minimumOptionListHeight: theme.space.xxxxlarge * 5,
-    optionPadding: theme.space.medium,
-    optionListPadding: theme.space.medium, // left padding should be 12 according to the design
-    optionListSpacing: theme.space.xsmall,
+    sectionSpacing: theme.space.smallMedium,
+    optionSpacing: theme.space.xsmall,
+    optionHorizontalMargin: theme.space.smallMedium,
     searchBarMarginTopSpacing: theme.space.small,
     searchBarHorizontalSpacing: theme.space.medium,
     searchBarBottomSpacing: theme.space.small,

package/src/theme/components/toast.ts

@@ -5,9 +5,9 @@ const getToastTheme = (theme: GlobalTheme) => {
   const colors = {
     success: theme.colors.success,
     warning: theme.colors.warning,
-    error: theme.colors.danger,
-    info: theme.colors.infoMediumLight,
-    divider: theme.colors.backgroundLight,
+    error: theme.colors.dangerLight,
+    info: theme.colors.infoLight,
+    divider: theme.colors.outline,
   };
 
   const sizes = {

package/src/theme/global/colors.ts

@@ -1,48 +1,49 @@
-import palette, {
-  defaultMobilePalette as mobilePalette,
+import {
+  defaultMobilePalette as palette,
+  swagPalette,
 } from '@hero-design/colors';
 
 const systemPalette = {
-  primary: palette.violet,
-  primaryLight: palette.violetLight60,
-  primaryDark: palette.purpleDark15,
-  primaryBackground: palette.violetLight90,
-  primaryBackgroundDark: mobilePalette.maasstrichtBlueLight30,
-  secondary: palette.dodgerBlue,
-  secondaryLight: palette.dodgerBlueLight75,
-  secondaryBackground: palette.dodgerBlueLight90,
-  info: palette.dodgerBlue,
-  infoMediumLight: mobilePalette.vodka,
-  infoLight: palette.dodgerBlueLight75,
-  infoBackground: palette.dodgerBlueLight90,
-  success: palette.green,
-  successLight: mobilePalette.emerald,
-  successDark: palette.greenDark30,
-  successBackground: palette.grotesqueGreenLight90,
-  danger: palette.red,
-  dangerMediumLight: mobilePalette.apple,
-  dangerLight: palette.redLight60,
-  dangerBackground: palette.redLight90,
-  warning: palette.orange,
-  warningLight: mobilePalette.mellowApricot,
-  warningDark: palette.orangeDark15,
-  warningBackground: palette.orangeLight90,
+  primary: swagPalette.violet,
+  primaryLight: swagPalette.violetLight50, // no longer needed after revising Button
+  primaryDark: swagPalette.scarletGumLight30, // DEPRECATED
+  primaryBackground: swagPalette.violetLight90,
+  primaryBackgroundDark: palette.maasstrichtBlueLight30,
+  secondary: swagPalette.ultramarineBlue, // no longer needed after revising Button
+  secondaryLight: swagPalette.vodka, // no longer needed after revising Button
+  secondaryBackground: swagPalette.aliceBlue, // no longer needed after revising Button
+  info: palette.ultramarineBlue,
+  infoMediumLight: palette.vodka, // DEPRECATED, use infoLight instead
+  infoLight: palette.vodka,
+  infoBackground: palette.aliceBlue,
+  success: palette.emerald,
+  successLight: palette.emerald, // DEPRECATED, use success instead
+  successDark: palette.pineGreen,
+  successBackground: palette.honeydew,
+  danger: palette.vermilion,
+  dangerMediumLight: palette.apple, // should be dangerDark?
+  dangerLight: palette.pastelRed,
+  dangerBackground: palette.linen,
+  warning: palette.mellowApricot,
+  warningLight: palette.mellowApricot, // DEPRECATED, use warning instead
+  warningDark: palette.deepSaffron,
+  warningBackground: palette.seashell,
   platformBackground: palette.white,
-  backgroundLight: palette.greyLight95,
-  backgroundDark: palette.greyDark75,
-  text: palette.greyDark75, // should be Maastricht Blue
-  subduedText: palette.greyDark30,
-  disabledText: palette.greyDark15,
-  disabledLightText: palette.greyLight45,
+  backgroundLight: palette.greyLight90,
+  backgroundDark: palette.maasstrichtBlue,
+  text: palette.maasstrichtBlue,
+  subduedText: palette.maasstrichtBlueLight30, // secondary
+  disabledText: palette.maasstrichtBlueLight50, // readonly
+  disabledLightText: palette.greyLight30, // disabled
   invertedText: palette.white,
-  outline: palette.greyLight60,
-  archived: palette.greyLight45,
-  archivedLight: mobilePalette.greyLight30,
-  archivedDark: mobilePalette.sonicSilver,
-  archivedBackground: mobilePalette.antiFlashWhite,
+  outline: palette.greyLight75, // divider
+  archived: palette.greyLight45, // no usage
+  archivedLight: palette.greyLight30,
+  archivedDark: palette.sonicSilver, // should replace archived as archived has no usage?
+  archivedBackground: palette.antiFlashWhite,
   black: palette.black,
-  inactiveBackground: palette.greyDark30,
-  shadow: palette.greyLight60,
+  inactiveBackground: palette.maasstrichtBlueLight50,
+  shadow: palette.greyLight45, // waiting for new color
 };
 
 type SystemPalette = typeof systemPalette;

package/src/types.ts

@@ -10,14 +10,20 @@ import {
 } from './components/RichTextEditor';
 
 import { Theme } from './theme';
+import {
+  ListRenderOptionInfo,
+  SectionListRenderOptionInfo,
+} from './components/Select/types';
 
 export type {
   BottomNavigationTabType,
   IconName,
+  SingleSelectProps,
   MultiSelectProps,
+  ListRenderOptionInfo,
+  SectionListRenderOptionInfo,
   RichTextEditorProps,
   RichTextEditorRef,
-  SingleSelectProps,
   TabType,
   TextInputProps,
   Theme,

package/types/components/List/BasicListItem.d.ts

@@ -13,7 +13,7 @@ export interface ListItemProps {
     /**
      * The title of the component.
      */
-    title: string;
+    title: string | React.ReactElement;
     /**
      * The subtile title of the component.
      */

package/types/components/Progress/StyledProgressCircle.d.ts

@@ -1,12 +1,18 @@
 import { View, ViewProps } from 'react-native';
 import { ThemeIntent } from './types';
-declare const HalfCircleWrapper: import("@emotion/native").StyledComponent<ViewProps & {
+declare const StyledContainer: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const HalfCircleInnerFG: import("@emotion/native").StyledComponent<ViewProps & {
+declare const StyledHalfCircleWrapper: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledHalfCircleInnerFG: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
@@ -14,19 +20,19 @@ declare const HalfCircleInnerFG: import("@emotion/native").StyledComponent<ViewP
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const HalfCircleInnerBG: import("@emotion/native").StyledComponent<ViewProps & {
+declare const StyledHalfCircleInnerBG: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const DonutCircle: import("@emotion/native").StyledComponent<ViewProps & {
+declare const StyledDonutCircle: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-declare const StrokeEnd: import("@emotion/native").StyledComponent<ViewProps & {
+declare const StyledStrokeEnd: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
@@ -34,4 +40,4 @@ declare const StrokeEnd: import("@emotion/native").StyledComponent<ViewProps & {
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export { DonutCircle, HalfCircleWrapper, HalfCircleInnerFG, HalfCircleInnerBG, StrokeEnd, };
+export { StyledContainer, StyledDonutCircle, StyledHalfCircleWrapper, StyledHalfCircleInnerFG, StyledHalfCircleInnerBG, StyledStrokeEnd, };

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

@@ -1,5 +1,7 @@
-declare const Option: ({ text, selected, onPress, }: {
-    text: string;
+import { ReactElement } from 'react';
+declare const Option: ({ text, disabled, selected, onPress, }: {
+    text: string | ReactElement;
+    disabled?: boolean | undefined;
     selected: boolean;
     onPress: () => void;
 }) => JSX.Element;

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

@@ -1,9 +1,8 @@
 import { MultiSelectProps } from '.';
-interface OptionListProps<T> extends MultiSelectProps<T> {
-    /**
-     * event handler for select
-     */
-    onPress: (value: T[]) => void;
-}
-declare const OptionList: <T>({ keyExtractor, loading, onEndReached, onPress, onQueryChange, options, value, }: Pick<OptionListProps<T>, "value" | "onPress" | "loading" | "options" | "keyExtractor" | "onQueryChange" | "onEndReached">) => JSX.Element;
+import { OptionType, SectionData } from '../types';
+declare type OptionListProps<V, T extends OptionType<V>> = Pick<MultiSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
+    onPress: (value: V[]) => void;
+    sections: SectionData<V, T>[];
+};
+declare const OptionList: <V, T extends OptionType<V>>({ keyExtractor, loading, onEndReached, onPress, onQueryChange, sections, renderOption, value, }: OptionListProps<V, T>) => JSX.Element;
 export default OptionList;

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

@@ -1,17 +1,17 @@
-import { SelectProps } from '../types';
-export interface MultiSelectProps<T> extends SelectProps<T> {
+import { OptionType, SelectProps } from '../types';
+export interface MultiSelectProps<V, T extends OptionType<V> = OptionType<V>> extends SelectProps<V, T> {
     /**
      * Current selected value.
      */
-    value: T[];
+    value: V[];
     /**
      * event handler for footer button.
      */
-    onConfirm: (value: T[]) => void;
+    onConfirm: (value: V[]) => void;
     /**
      * Footer label.
      */
     footerLabel: string;
 }
-declare function MultiSelect<T>({ footerLabel, label, loading, onConfirm, onDimiss, onEndReached, onQueryChange, options, query, error, editable, disabled, numberOfLines, style, testID, value, }: MultiSelectProps<T>): JSX.Element;
+declare function MultiSelect<V, T extends OptionType<V>>({ footerLabel, label, loading, inputProps, onConfirm, onDimiss, onEndReached, onQueryChange, options, renderOption, query, error, editable, disabled, numberOfLines, style, testID, value, }: MultiSelectProps<V, T>): JSX.Element;
 export default MultiSelect;

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

@@ -1,5 +1,7 @@
-declare const Option: ({ text, selected, onPress, }: {
-    text: string;
+import { ReactElement } from 'react';
+declare const Option: ({ text, disabled, selected, onPress, }: {
+    text: string | ReactElement;
+    disabled?: boolean | undefined;
     selected: boolean;
     onPress: () => void;
 }) => JSX.Element;

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

@@ -1,9 +1,8 @@
 import { SingleSelectProps } from '.';
-interface OptionListProps<T> extends SingleSelectProps<T> {
-    /**
-     * event handler for select
-     */
-    onPress: (value: T | null) => void;
-}
-declare const OptionList: <T>({ keyExtractor, loading, onEndReached, onPress, onQueryChange, options, value, }: Pick<OptionListProps<T>, "value" | "onPress" | "loading" | "options" | "keyExtractor" | "onQueryChange" | "onEndReached">) => JSX.Element;
+import { OptionType, SectionData } from '../types';
+declare type OptionListProps<V, T extends OptionType<V>> = Pick<SingleSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
+    onPress: (value: V | null) => void;
+    sections: SectionData<V, T>[];
+};
+declare const OptionList: <V, T extends OptionType<V>>({ keyExtractor, loading, onEndReached, onPress, onQueryChange, sections, renderOption, value, }: OptionListProps<V, T>) => JSX.Element;
 export default OptionList;

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

@@ -1,13 +1,13 @@
-import { SelectProps } from '../types';
-export interface SingleSelectProps<T> extends SelectProps<T> {
+import { OptionType, SelectProps } from '../types';
+export interface SingleSelectProps<V, T extends OptionType<V> = OptionType<V>> extends SelectProps<V, T> {
     /**
      * Current selected value.
      */
-    value: T | null;
+    value: V | null;
     /**
      * on select event handler
      */
-    onConfirm: (value: T | null) => void;
+    onConfirm: (value: V | null) => void;
 }
-declare const SingleSelect: <T>({ label, loading, onConfirm, onDimiss, onEndReached, onQueryChange, options, query, error, editable, disabled, numberOfLines, style, testID, value, }: SingleSelectProps<T>) => JSX.Element;
+declare const SingleSelect: <V, T extends OptionType<V>>({ label, loading, inputProps, onConfirm, onDimiss, onEndReached, onQueryChange, options, renderOption, query, error, editable, disabled, numberOfLines, style, testID, value, }: SingleSelectProps<V, T>) => JSX.Element;
 export default SingleSelect;

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

@@ -1,17 +1,11 @@
-import React from 'react';
-import { OptionType, SelectProps } from './types';
-export interface RenderItemProps<T> {
-    item: OptionType<T>;
-}
-export interface OptionListProps<T> extends SelectProps<T> {
-    /**
-     * FlatList renderItem Element
-     */
-    RenderItem: React.FC<RenderItemProps<T>>;
-    /**
-     * Selected scroll index
-     */
-    scrollIndex?: number;
-}
-declare const StyledOptionList: <T>({ keyExtractor, loading, onEndReached, onQueryChange, options, RenderItem, scrollIndex, }: Pick<OptionListProps<T>, "loading" | "options" | "keyExtractor" | "onQueryChange" | "onEndReached" | "scrollIndex" | "RenderItem">) => JSX.Element;
+import { ReactElement } from 'react';
+import { SectionListRenderItemInfo } from 'react-native';
+import { ScrollParams } from './helpers';
+import { SectionData, OptionType, SelectProps, SectionType } from './types';
+export declare type StyledOptionListProps<V, T extends OptionType<V>> = Pick<SelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange'> & {
+    scrollParams: ScrollParams;
+    sections: SectionData<V, T>[];
+    renderItem: (info: SectionListRenderItemInfo<T, SectionType>) => ReactElement;
+};
+declare const StyledOptionList: <V, T extends OptionType<V>>({ keyExtractor, loading, onEndReached, onQueryChange, sections, renderItem, scrollParams, }: StyledOptionListProps<V, T>) => JSX.Element;
 export default StyledOptionList;

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

@@ -1,5 +1,11 @@
 import { View } from 'react-native';
-declare const Spacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+declare const SectionSpacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const OptionSpacer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {
@@ -15,4 +21,4 @@ declare const StyledSearchBar: import("@emotion/native").StyledComponent<import(
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export { Spacer, FooterText, StyledSearchBar };
+export { SectionSpacer, OptionSpacer, FooterText, StyledSearchBar };

package/types/components/Select/__tests__/helpers.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,2 +1,14 @@
-import { OptionType } from './types';
-export declare const getKey: <T>(option: OptionType<T>, index: number, keyExtractor?: ((opt: OptionType<T>, i?: number | undefined) => string) | undefined) => import("react").Key;
+import { SectionData, CombinedOptionsType, OptionType } from './types';
+export declare const getKey: <V, T extends OptionType<V>>(option: T, index: number, keyExtractor?: ((opt: T, i?: number | undefined) => string) | undefined) => import("react").Key;
+export declare const isSections: <V, T extends OptionType<V>>(options: CombinedOptionsType<V, T>) => options is SectionData<V, T>[];
+export declare const toSections: <V, T extends OptionType<V>>(options: CombinedOptionsType<V, T>) => SectionData<V, T>[];
+export declare const toFlatOptions: <V, T extends OptionType<V>>(options: CombinedOptionsType<V, T>) => OptionType<V>[];
+export declare type ScrollParams = {
+    itemIndex: number;
+    sectionIndex: number;
+};
+export declare const getScrollParams: <V, T extends OptionType<V>>(value: V, sections: SectionData<V, T>[]) => ScrollParams;
+export declare const useKeyboard: () => {
+    isKeyboardVisible: boolean;
+    keyboardHeight: number;
+};

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

@@ -1,6 +1,6 @@
 import MultiSelect, { MultiSelectProps } from './MultiSelect';
 import { SingleSelectProps } from './SingleSelect';
-declare const _default: (<T>({ label, loading, onConfirm, onDimiss, onEndReached, onQueryChange, options, query, error, editable, disabled, numberOfLines, style, testID, value, }: SingleSelectProps<T>) => JSX.Element) & {
+declare const _default: (<V, T extends import("./types").OptionType<V>>({ label, loading, inputProps, onConfirm, onDimiss, onEndReached, onQueryChange, options, renderOption, query, error, editable, disabled, numberOfLines, style, testID, value, }: SingleSelectProps<V, T>) => JSX.Element) & {
     Multi: typeof MultiSelect;
 };
 export default _default;

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

@@ -1,20 +1,39 @@
-import { StyleProp, ViewStyle } from 'react-native';
+import { ReactElement } from 'react';
+import { ListRenderItemInfo, SectionListData, SectionListRenderItemInfo, StyleProp, ViewStyle } from 'react-native';
 import { TextInputProps } from '../TextInput';
-export declare type OptionType<T> = {
-    value: T;
+export declare type OptionType<V> = {
+    value: V;
     text: string;
     key?: string;
+    disabled?: boolean;
 };
-export interface SelectProps<T> extends Pick<TextInputProps, 'editable' | 'disabled' | 'numberOfLines' | 'error'> {
+export declare type SectionType = {
+    category: string;
+};
+export declare type SectionData<V, T extends OptionType<V>> = SectionListData<T, SectionType>;
+export declare type CombinedOptionsType<V, T extends OptionType<V>> = T[] | SectionData<V, T>[];
+export declare type ListRenderOptionInfo<V, T extends OptionType<V>> = ListRenderItemInfo<T> & {
+    selected: boolean;
+    onPress: () => void;
+};
+export declare type SectionListRenderOptionInfo<V, T extends OptionType<V>> = SectionListRenderItemInfo<T, SectionType> & {
+    selected: boolean;
+    onPress: () => void;
+};
+export interface SelectProps<V, T extends OptionType<V>> extends Pick<TextInputProps, 'editable' | 'disabled' | 'numberOfLines' | 'error'> {
     /**
      * An array of options to be selected.
      */
-    options: OptionType<T>[];
+    options: CombinedOptionsType<V, T>;
+    /**
+     * Customize option renderer.
+     */
+    renderOption?: ((info: ListRenderOptionInfo<V, T>) => ReactElement) | ((info: SectionListRenderOptionInfo<V, T>) => ReactElement);
     /**
      * Used to extract a unique key for a given option at the specified index. Key is used for caching and as the react key to track item re-ordering.
      * The default extractor checks option.key, and then falls back to using the index, like React does.
      */
-    keyExtractor?: (option: OptionType<T>, index?: number) => string;
+    keyExtractor?: (option: T, index?: number) => string;
     /**
      * Current search value.
      */
@@ -32,9 +51,15 @@ export interface SelectProps<T> extends Pick<TextInputProps, 'editable' | 'disab
      */
     onEndReached?: () => void;
     /**
-     * Show indicator at bottom of option list
+     * Show loading indicator at bottom of option list
      */
     loading?: boolean;
+    /**
+     * Props that are passed to TextInput.
+     */
+    inputProps?: {
+        loading?: boolean;
+    };
     /**
      * Field label.
      */

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

@@ -48,15 +48,17 @@ export interface TextInputProps extends NativeTextInputProps {
      * */
     editable?: boolean;
     disabled?: boolean;
+    loading?: boolean;
     maxLength?: number;
     helpText?: string;
 }
-export declare const getVariant: ({ disabled, error, editable, isFocused, isEmptyValue, }: {
+export declare const getVariant: ({ disabled, error, editable, loading, isFocused, isEmptyValue, }: {
     disabled?: boolean | undefined;
     error?: string | undefined;
     editable?: boolean | undefined;
+    loading: boolean;
     isFocused?: boolean | undefined;
     isEmptyValue?: boolean | undefined;
 }) => Variant;
-declare const TextInput: ({ label, prefix, suffix, style, textStyle, testID, accessibilityLabelledBy, error, required, editable, disabled, maxLength, helpText, value, defaultValue, ...nativeProps }: TextInputProps) => JSX.Element;
+declare const TextInput: ({ label, prefix, suffix, style, textStyle, testID, accessibilityLabelledBy, error, required, editable, disabled, loading, maxLength, helpText, value, defaultValue, ...nativeProps }: TextInputProps) => JSX.Element;
 export default TextInput;

package/types/theme/components/progress.d.ts

@@ -10,8 +10,7 @@ declare const getProgressTheme: (theme: GlobalTheme) => {
         innerBackground: string;
     };
     sizes: {
-        radius: number;
-        strokeWidth: number;
+        circleWidth: number;
         barHeight: number;
     };
     radii: {

package/types/theme/components/select.d.ts

@@ -2,9 +2,9 @@ import { GlobalTheme } from '../global';
 declare const getSelectTheme: (theme: GlobalTheme) => {
     space: {
         minimumOptionListHeight: number;
-        optionPadding: number;
-        optionListPadding: number;
-        optionListSpacing: number;
+        sectionSpacing: number;
+        optionSpacing: number;
+        optionHorizontalMargin: number;
         searchBarMarginTopSpacing: number;
         searchBarHorizontalSpacing: number;
         searchBarBottomSpacing: number;

package/types/types.d.ts

@@ -5,4 +5,5 @@ import { TabType } from './components/Tabs';
 import { TextInputProps } from './components/TextInput';
 import { RichTextEditorRef, RichTextEditorProps, ToolbarButtonName } from './components/RichTextEditor';
 import { Theme } from './theme';
-export type { BottomNavigationTabType, IconName, MultiSelectProps, RichTextEditorProps, RichTextEditorRef, SingleSelectProps, TabType, TextInputProps, Theme, ToolbarButtonName, };
+import { ListRenderOptionInfo, SectionListRenderOptionInfo } from './components/Select/types';
+export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, Theme, ToolbarButtonName, };

package/src/components/Select/types.tsx

@@ -1,52 +0,0 @@
-import { StyleProp, ViewStyle } from 'react-native';
-import { TextInputProps } from '../TextInput';
-
-export type OptionType<T> = { value: T; text: string; key?: string };
-
-export interface SelectProps<T>
-  extends Pick<
-    TextInputProps,
-    'editable' | 'disabled' | 'numberOfLines' | 'error'
-  > {
-  /**
-   * An array of options to be selected.
-   */
-  options: OptionType<T>[];
-  /**
-   * Used to extract a unique key for a given option at the specified index. Key is used for caching and as the react key to track item re-ordering.
-   * The default extractor checks option.key, and then falls back to using the index, like React does.
-   */
-  keyExtractor?: (option: OptionType<T>, index?: number) => string;
-  /**
-   * Current search value.
-   */
-  query?: string;
-  /**
-   * Search bar onChangeText event handler
-   */
-  onQueryChange?: (value: string) => void;
-  /**
-   * Event handler when selection dismiss
-   */
-  onDimiss?: () => void;
-  /**
-   * Event handler when end of the list reached
-   */
-  onEndReached?: () => void;
-  /**
-   * Show indicator at bottom of option list
-   */
-  loading?: boolean;
-  /**
-   * Field label.
-   */
-  label: string;
-  /**
-   * Additional style.
-   */
-  style?: StyleProp<ViewStyle>;
-  /**
-   * Testing id of the component.
-   */
-  testID?: string;
-}