@hero-design/rn 8.30.3 → 8.31.0

package/src/components/Typography/Caption/__tests__/index.spec.tsx

@@ -0,0 +1,46 @@
+import React from 'react';
+import renderWithTheme from '../../../../testHelpers/renderWithTheme';
+import Caption from '..';
+
+describe('Caption', () => {
+  it('renders correctly', () => {
+    const { queryAllByText } = renderWithTheme(
+      <Caption>This is a test</Caption>
+    );
+
+    expect(queryAllByText('This is a test')).toHaveLength(1);
+  });
+
+  it.each`
+    fontWeight
+    ${'regular'}
+    ${'semi-bold'}
+  `('has $fontWeight fontWeight style', ({ fontWeight }) => {
+    const { toJSON } = renderWithTheme(
+      <Caption fontWeight={fontWeight}>This is a test</Caption>
+    );
+
+    expect(toJSON()).toMatchSnapshot();
+  });
+
+  it.each`
+    intent
+    ${'body'}
+    ${'subdued'}
+    ${'primary'}
+    ${'secondary'}
+    ${'success'}
+    ${'info'}
+    ${'warning'}
+    ${'danger'}
+    ${'inverted'}
+    ${'archived'}
+    ${'disabled'}
+  `('has $intent intent style', ({ intent }) => {
+    const { toJSON } = renderWithTheme(
+      <Caption intent={intent}>This is a test</Caption>
+    );
+
+    expect(toJSON()).toMatchSnapshot();
+  });
+});

package/src/components/Typography/Caption/index.tsx

@@ -0,0 +1,61 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import type {
+  TextProps as NativeTextProps,
+  StyleProp,
+  TextStyle,
+} from 'react-native';
+import { StyledCaption } from './StyledCaption';
+
+export interface CaptionProps extends NativeTextProps {
+  /**
+   * Text content.
+   */
+  children: ReactNode;
+  /**
+   * Font weight of the text.
+   */
+  fontWeight?: 'regular' | 'semi-bold';
+  /**
+   * Visual intent color to apply to the text.
+   */
+  intent?:
+    | 'body'
+    | 'subdued'
+    | 'primary'
+    | 'secondary'
+    | 'success'
+    | 'info'
+    | 'warning'
+    | 'danger'
+    | 'inverted'
+    | 'archived'
+    | 'disabled';
+  /**
+   * Additional style.
+   */
+  style?: StyleProp<TextStyle>;
+  /**
+   * Testing id of the component.
+   */
+  testID?: string;
+}
+
+const Caption = ({
+  children,
+  fontWeight = 'regular',
+  intent = 'body',
+  allowFontScaling = false,
+  ...nativeProps
+}: CaptionProps) => (
+  <StyledCaption
+    {...nativeProps}
+    themeFontWeight={fontWeight}
+    themeIntent={intent}
+    allowFontScaling={allowFontScaling}
+  >
+    {children}
+  </StyledCaption>
+);
+
+export default Caption;

package/src/components/Typography/index.tsx

@@ -1,11 +1,14 @@
 import Text from './Text';
+import Caption from './Caption';
 
 interface TypographyProps {
   Text: typeof Text;
+  Caption: typeof Caption;
 }
 
 const Typography: TypographyProps = {
   Text,
+  Caption,
 };
 
 export default Typography;

package/src/components/Typography/types.ts

@@ -0,0 +1,18 @@
+export const FONTWEIGHT_MAP = {
+  light: 'light',
+  regular: 'regular',
+  'semi-bold': 'semiBold',
+} as const;
+
+export type ThemeIntent =
+  | 'body'
+  | 'subdued'
+  | 'primary'
+  | 'secondary'
+  | 'success'
+  | 'info'
+  | 'warning'
+  | 'danger'
+  | 'inverted'
+  | 'archived'
+  | 'disabled';

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -1114,6 +1114,7 @@ Object {
       "fontSizes": Object {
         "6xlarge": 36,
         "7xlarge": 42,
+        "caption": 12,
         "large": 16,
         "medium": 14,
         "small": 12,
@@ -1138,6 +1139,7 @@ Object {
       "lineHeights": Object {
         "6xlarge": 44,
         "7xlarge": 50,
+        "caption": 16,
         "large": 24,
         "medium": 22,
         "small": 16,

package/src/theme/components/typography.ts

@@ -26,6 +26,7 @@ const getTypographyTheme = (theme: GlobalTheme) => {
     xxxxxlarge: theme.fontSizes.xxxxxlarge,
     '6xlarge': theme.fontSizes['6xlarge'],
     '7xlarge': theme.fontSizes['7xlarge'],
+    caption: theme.fontSizes.small,
   };
 
   const lineHeights = {
@@ -39,6 +40,7 @@ const getTypographyTheme = (theme: GlobalTheme) => {
     xxxxxlarge: theme.lineHeights.xxxxxlarge,
     '6xlarge': theme.lineHeights['6xlarge'],
     '7xlarge': theme.lineHeights['7xlarge'],
+    caption: theme.lineHeights.small,
   };
 
   return { colors, fonts: theme.fonts, fontSizes, lineHeights };

package/src/types.ts

@@ -15,8 +15,6 @@ import type {
 import { SwipeableProps } from './components/Swipeable';
 import { TextProps } from './components/Typography/Text';
 import { CardCarouselHandles } from './components/Carousel/CardCarousel';
-import { FABHandles } from './components/FAB/FAB';
-import { ActionGroupHandles } from './components/FAB/ActionGroup';
 
 export type {
   BottomNavigationTabType,
@@ -34,6 +32,4 @@ export type {
   TextInputHandles,
   Theme,
   CardCarouselHandles,
-  FABHandles,
-  ActionGroupHandles,
 };

package/src/utils/helpers.ts

@@ -3,7 +3,10 @@ import { Platform } from 'react-native';
 export const isIOS = Platform.OS === 'ios';
 export const isAndroid = Platform.OS === 'android';
 
-export function pick<O, T extends keyof O>(keys: T[], obj: O): Pick<O, T> {
+export function pick<O extends object, T extends keyof O>(
+  keys: T[],
+  obj: O
+): Pick<O, T> {
   return keys
     .filter((key) => key in obj)
     .reduce<Partial<O>>(

package/testUtils/setup.tsx

@@ -11,7 +11,6 @@ jest.mock('react-native', () => {
   const RN = jest.requireActual('react-native');
 
   const mockedAnimatedFunctions = {
-    setImmediate: () => jest.fn(),
     start: () => jest.fn(),
     stop: () => jest.fn(),
     _isUsingNativeDriver: () => jest.fn(),
@@ -20,7 +19,6 @@ jest.mock('react-native', () => {
 
   RN.Animated.timing = () => mockedAnimatedFunctions;
   RN.Animated.spring = () => mockedAnimatedFunctions;
-  RN.Animated.stagger = () => mockedAnimatedFunctions;
 
   return RN;
 });

package/types/components/Accordion/AccordionItem.d.ts

@@ -1,7 +1,7 @@
 import type { ReactElement } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { Variant } from './StyledAccordion';
-export declare type AccordionItemProps = {
+export type AccordionItemProps = {
     header: string | ReactElement;
     content: ReactElement;
     open?: boolean;

package/types/components/Accordion/StyledAccordion.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TouchableOpacity, View } from 'react-native';
-export declare type Variant = 'default' | 'card';
+export type Variant = 'default' | 'card';
 export declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Avatar/StyledAvatar.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { View, Image, TouchableOpacity } from 'react-native';
 import { TextProps } from '../Typography/Text';
-declare type ThemeSize = 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | 'xxxxlarge' | 'xxxxxlarge';
-declare type ThemeIntent = 'primary' | 'info' | 'danger' | 'success' | 'warning';
+type ThemeSize = 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | 'xxxxlarge' | 'xxxxxlarge';
+type ThemeIntent = 'primary' | 'info' | 'danger' | 'success' | 'warning';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Badge/StyledBadge.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { Animated } from 'react-native';
-declare type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'archived';
-declare type ThemePadding = 'narrowContent' | 'wideContent';
+type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'archived';
+type ThemePadding = 'narrowContent' | 'wideContent';
 declare const StyledView: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
     children?: import("react").ReactNode;
 } & {

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

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
 import type { IconName } from '../Icon';
-export declare type BottomNavigationTabType = {
+export type BottomNavigationTabType = {
     key: string;
     title?: string;
     icon: IconName;

package/types/components/BottomSheet/BottomSheetContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type BottomSheetContextType = {
+export type BottomSheetContextType = {
     setInternalShowDivider: (value: boolean) => void;
 };
 declare const BottomSheetContext: import("react").Context<BottomSheetContextType>;

package/types/components/Box/config.d.ts

@@ -165,6 +165,6 @@ declare const config: {
     };
 };
 export declare const flexPropsKey: readonly ["alignContent", "alignItems", "alignSelf", "display", "flex", "flexBasis", "flexDirection", "flexGrow", "flexShrink", "flexWrap", "justifyContent"];
-export declare type ConfigType = typeof config;
-export declare type FlexPropsKeyType = typeof flexPropsKey[number];
+export type ConfigType = typeof config;
+export type FlexPropsKeyType = typeof flexPropsKey[number];
 export default config;

package/types/components/Box/types.d.ts

@@ -10,11 +10,11 @@ export interface ThemeScale {
     radii: keyof Radii;
     borderWidths: keyof BorderWidths;
 }
-declare type ConfigKeyType = keyof ConfigType;
-export declare type StyleProps = {
+type ConfigKeyType = keyof ConfigType;
+export type StyleProps = {
     [key in ConfigKeyType]?: ThemeScale[ConfigType[key]['scale']];
 };
-export declare type FlexStyleProps = Pick<Omit<ViewStyle, keyof StyleProps>, FlexPropsKeyType>;
+export type FlexStyleProps = Pick<Omit<ViewStyle, keyof StyleProps>, FlexPropsKeyType>;
 export interface BoxViewProps extends ViewProps {
     /**
      * Box's content.

package/types/components/Button/LoadingIndicator/StyledLoadingIndicator.d.ts

@@ -2,7 +2,7 @@
 import { View } from 'react-native';
 import type { ViewProps } from 'react-native';
 import type { Theme } from '@emotion/react';
-declare type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
+type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
 declare const StyledLoadingIndicatorWrapper: import("@emotion/native").StyledComponent<ViewProps & {
     theme?: Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Button/LoadingIndicator/index.d.ts

@@ -1,5 +1,5 @@
 import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
-declare type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
+type ThemeVariant = 'basic-transparent' | 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
 interface LoadingIndicatorProps extends ViewProps {
     /**
      * Size of the loading dot.

package/types/components/Button/StyledButton.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { TouchableHighlight, View } from 'react-native';
 import type { Theme } from '@emotion/react';
-declare type Intent = 'primary' | 'secondary' | 'danger';
-declare type ThemeVariant = 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
+type Intent = 'primary' | 'secondary' | 'danger';
+type ThemeVariant = 'filled-primary' | 'filled-secondary' | 'filled-danger' | 'outlined-primary' | 'outlined-secondary' | 'outlined-danger' | 'text-primary' | 'text-secondary' | 'text-danger';
 declare const StyledButtonContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
     theme?: Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LayoutChangeEvent, StyleProp, ViewStyle } from 'react-native';
-export declare type CardCarouselHandles = {
+export type CardCarouselHandles = {
     snapToIndex: (index: number) => void;
 };
 export interface CardCarouselProps {

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

@@ -1,11 +1,11 @@
 import { ReactNode } from 'react';
 import { ImageSourcePropType, ImageResizeMode } from 'react-native';
-export declare type CarouselImageProps = ImageSourcePropType & {
+export type CarouselImageProps = ImageSourcePropType & {
     height?: number;
     width?: number;
     resizeMode?: ImageResizeMode;
 };
-export declare type CarouselData = {
+export type CarouselData = {
     image: CarouselImageProps | string;
     content?: ReactNode;
     heading: string;

package/types/components/Divider/StyledDivider.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { View } from 'react-native';
-declare type MarginSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+type MarginSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 declare const StyledDivider: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Drawer/DragableDrawer/helpers.d.ts

@@ -1,5 +1,5 @@
 export declare const getOffset: (height: number, percentage: number) => number;
-export declare type SnapPointsData = {
+export type SnapPointsData = {
     list: number[];
     minHeightOffset: number;
     maxHeightOffset: number;

package/types/components/Empty/StyledEmpty.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { View } from 'react-native';
-declare type ThemeVariant = 'light' | 'dark';
+type ThemeVariant = 'light' | 'dark';
 declare const StyledWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/Error/StyledError.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Modal, View } from 'react-native';
-declare type ErrorVariant = 'full-screen' | 'in-page';
+type ErrorVariant = 'full-screen' | 'in-page';
 declare const StyledErrorModal: import("@emotion/native").StyledComponent<import("react-native").ModalBaseProps & import("react-native").ModalPropsIOS & import("react-native").ModalPropsAndroid & import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/FAB/ActionGroup/StyledActionGroup.d.ts

@@ -14,7 +14,7 @@ declare const StyledActionGroupContainer: import("@emotion/native").StyledCompon
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;
-declare const StyledFAB: import("@emotion/native").StyledComponent<import("../FAB").FABProps & import("react").RefAttributes<import("../FAB").FABHandles> & {
+declare const StyledFAB: import("@emotion/native").StyledComponent<import("../FAB").FABProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 }, {}, {}>;

package/types/components/FAB/ActionGroup/index.d.ts

@@ -1,12 +1,6 @@
-import React from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../../Icon';
 import type { ActionItemProps } from './ActionItem';
-export declare type ActionGroupHandles = {
-    showFAB: () => void;
-    collapseFAB: () => void;
-    hideFAB: () => void;
-};
 export interface ActionGroupProps {
     /**
      * Title of the action group header.
@@ -41,5 +35,5 @@ export interface ActionGroupProps {
      */
     testID?: string;
 }
-declare const ActionGroup: React.ForwardRefExoticComponent<ActionGroupProps & React.RefAttributes<ActionGroupHandles>>;
+declare const ActionGroup: ({ headerTitle, onPress, active, style, items, testID, fabTitle, fabIcon, }: ActionGroupProps) => JSX.Element;
 export default ActionGroup;

package/types/components/FAB/AnimatedFABIcon.d.ts

@@ -1,5 +1,5 @@
 import type { IconProps } from '../Icon';
-declare type Props = {
+type Props = {
     active?: boolean;
 } & IconProps;
 declare const AnimatedFABIcon: ({ active, ...iconProps }: Props) => JSX.Element;

package/types/components/FAB/FAB.d.ts

@@ -1,11 +1,5 @@
-import React from 'react';
-import { StyleProp, ViewStyle } from 'react-native';
+import type { StyleProp, ViewStyle } from 'react-native';
 import type { IconName } from '../Icon';
-export declare type FABHandles = {
-    show: () => void;
-    collapse: () => void;
-    hide: () => void;
-};
 export interface FABProps {
     /**
      * Name of the Icon.
@@ -36,5 +30,5 @@ export interface FABProps {
      */
     testID?: string;
 }
-declare const FAB: React.ForwardRefExoticComponent<FABProps & React.RefAttributes<FABHandles>>;
+declare const FAB: ({ onPress, title, icon, animated, testID, active, style, }: FABProps) => JSX.Element;
 export default FAB;

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

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-declare const _default: import("react").ForwardRefExoticComponent<import("./FAB").FABProps & import("react").RefAttributes<import("./FAB").FABHandles>> & {
-    ActionGroup: import("react").ForwardRefExoticComponent<import("./ActionGroup").ActionGroupProps & import("react").RefAttributes<import("./ActionGroup").ActionGroupHandles>>;
+declare const _default: (({ onPress, title, icon, animated, testID, active, style, }: import("./FAB").FABProps) => JSX.Element) & {
+    ActionGroup: ({ headerTitle, onPress, active, style, items, testID, fabTitle, fabIcon, }: import("./ActionGroup").ActionGroupProps) => JSX.Element;
 };
 export default _default;

package/types/components/Icon/AnimatedIcon.d.ts

@@ -1,5 +1,5 @@
 import type { ComponentProps } from 'react';
 import StyledHeroIcon from './HeroIcon';
-declare type AnimatedIconProps = ComponentProps<typeof StyledHeroIcon>;
+type AnimatedIconProps = ComponentProps<typeof StyledHeroIcon>;
 declare const AnimatedIcon: ({ style, ...otherProps }: AnimatedIconProps) => JSX.Element;
 export default AnimatedIcon;

package/types/components/Icon/HeroIcon/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-declare type ThemeSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-declare type ThemeIntent = 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted';
+type ThemeSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+type ThemeIntent = 'text' | 'primary' | 'secondary' | 'info' | 'danger' | 'success' | 'warning' | 'disabled-text' | 'text-inverted';
 declare const StyledHeroIcon: import("@emotion/native").StyledComponent<import("react-native-vector-icons/Icon").IconProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -1,6 +1,6 @@
 import type { AccessibilityProps, StyleProp, TextStyle } from 'react-native';
 import IconList from './IconList';
-export declare type IconName = typeof IconList[number];
+export type IconName = typeof IconList[number];
 export interface IconProps extends AccessibilityProps {
     /**
      * Name of the Icon.

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { TouchableHighlight, View } from 'react-native';
-export declare type Variant = 'full-width' | 'card';
-export declare type LeadingStatusIntent = 'success' | 'warning' | 'danger' | 'info' | 'archived';
+export type Variant = 'full-width' | 'card';
+export type LeadingStatusIntent = 'success' | 'warning' | 'danger' | 'info' | 'archived';
 declare const StyledListItemContainer: import("@emotion/native").StyledComponent<import("react-native").TouchableHighlightProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/types/components/PinInput/StyledPinInput.d.ts

@@ -12,7 +12,7 @@ export declare const StyledPinWrapper: import("@emotion/native").StyledComponent
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
-export declare type State = 'default' | 'disabled' | 'error';
+export type State = 'default' | 'disabled' | 'error';
 export declare const StyledCell: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

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

@@ -1 +1 @@
-export declare type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'archived' | 'primary-inverted' | 'success-inverted' | 'warning-inverted' | 'danger-inverted' | 'info-inverted' | 'archived-inverted';
+export type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'archived' | 'primary-inverted' | 'success-inverted' | 'warning-inverted' | 'danger-inverted' | 'info-inverted' | 'archived-inverted';

package/types/components/Radio/types.d.ts

@@ -1,4 +1,4 @@
-export declare type OptionType<T> = {
+export type OptionType<T> = {
     value: T;
     text: string;
     key?: string;

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

@@ -1,4 +1,4 @@
 import { RefreshControlProps as NativeRefreshControlProps } from 'react-native';
-export declare type RefreshControlProps = Omit<NativeRefreshControlProps, 'colors' | 'tintColor'>;
+export type RefreshControlProps = Omit<NativeRefreshControlProps, 'colors' | 'tintColor'>;
 declare const RefreshControl: ({ ...props }: RefreshControlProps) => JSX.Element;
 export default RefreshControl;

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

@@ -4,7 +4,7 @@ import type { StyleProp, ViewStyle } from 'react-native';
 export interface RichTextEditorRef {
     requestBlur: VoidFunction;
 }
-export declare type EditorValue = {
+export type EditorValue = {
     type: string;
     children: any;
 }[];

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

@@ -1 +1 @@
-export declare type ToolbarButtonName = 'bold' | 'italic' | 'underline' | 'bulletedList' | 'numberedList' | 'headingOne' | 'headingTwo' | '|';
+export type ToolbarButtonName = 'bold' | 'italic' | 'underline' | 'bulletedList' | 'numberedList' | 'headingOne' | 'headingTwo' | '|';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { SectionList, SectionListProps } from 'react-native';
 import type { OptionType, SelectProps, SectionType } from './types';
-export declare type BaseOptionListProps<V, T extends OptionType<V>> = Pick<SelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange'> & {
+export type BaseOptionListProps<V, T extends OptionType<V>> = Pick<SelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange'> & {
     sectionListRef?: React.RefObject<SectionList<T, SectionType>>;
 } & SectionListProps<T, SectionType>;
 declare const BaseOptionList: <V, T extends OptionType<V>>({ keyExtractor, loading, onEndReached, onQueryChange, sections, renderItem, sectionListRef, ...rest }: BaseOptionListProps<V, T>) => JSX.Element;

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

@@ -1,7 +1,7 @@
 import { BaseOptionListProps } from '../BaseOptionList';
 import type { MultiSelectProps } from '.';
 import type { OptionType } from '../types';
-declare type OptionListProps<V, T extends OptionType<V>> = Pick<MultiSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
+type OptionListProps<V, T extends OptionType<V>> = Pick<MultiSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
     onPress: (value: V[]) => void;
 } & BaseOptionListProps<V, T>;
 declare const OptionList: <V, T extends OptionType<V>>({ keyExtractor, loading, onEndReached, onPress, onQueryChange, sections, renderOption, value, sectionListRef, ...rest }: OptionListProps<V, T>) => JSX.Element;

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

@@ -3,7 +3,7 @@ import { SectionList } from 'react-native';
 import type { SingleSelectProps } from '.';
 import type { OptionType, SectionType } from '../types';
 import { BaseOptionListProps } from '../BaseOptionList';
-declare type OptionListProps<V, T extends OptionType<V>> = Pick<SingleSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
+type OptionListProps<V, T extends OptionType<V>> = Pick<SingleSelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange' | 'value' | 'renderOption'> & {
     onPress: (value: V | null) => void;
     sectionListRef?: React.RefObject<SectionList<T, SectionType>>;
 } & BaseOptionListProps<V, T>;

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

@@ -4,7 +4,7 @@ export declare const getKey: <V, T extends OptionType<V>>(option: T, index: numb
 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 = {
+export type ScrollParams = {
     itemIndex: number;
     sectionIndex: number;
 };