@hero-design/rn 8.32.1 → 8.33.0

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

@@ -1,5 +1,5 @@
 import type { ComponentProps } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
+import { type StyleProp, type ViewStyle } from 'react-native';
 import Icon from '../../Icon';
 export interface ActionItemProps {
     testID?: string;
@@ -8,6 +8,8 @@ export interface ActionItemProps {
     onPress?: () => void;
     style?: StyleProp<ViewStyle>;
     key?: string;
+    index: number;
+    active?: boolean;
 }
-declare const ActionItem: ({ icon, title, onPress, style, testID, }: ActionItemProps) => JSX.Element;
+declare const ActionItem: ({ icon, title, onPress, style, testID, index, active, }: ActionItemProps) => JSX.Element;
 export default ActionItem;

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

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

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

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

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

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

@@ -1,4 +1,5 @@
-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;
+/// <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>>;
 };
 export default _default;

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

@@ -4,6 +4,9 @@ import Label from './Label';
 import Title from './Title';
 import Body from './Body';
 interface TypographyProps {
+    /**
+     * @deprecated Typography.Text will be removed in the next major release, please refer to https://design.employmenthero.com/mobile/Components/typography for the appropriate alternatives.
+     */
     Text: typeof Text;
     Caption: typeof Caption;
     Label: typeof Label;

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

@@ -48,6 +48,7 @@ declare const getButtonTheme: (theme: GlobalTheme) => {
         textButtonPadding: number;
         iconPadding: number;
         utilityPadding: number;
+        loadingIndicatorWrapperVerticalPadding: number;
     };
 };
 export default getButtonTheme;

package/types/types.d.ts

@@ -9,4 +9,6 @@ import type { ListRenderOptionInfo, SectionListRenderOptionInfo } from './compon
 import { SwipeableProps } from './components/Swipeable';
 import { TextProps } from './components/Typography/Text';
 import { CardCarouselHandles } from './components/Carousel/CardCarousel';
-export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, };
+import { FABHandles } from './components/FAB/FAB';
+import { ActionGroupHandles } from './components/FAB/ActionGroup';
+export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, };