@hero-design/rn 8.3.4 → 8.5.0-alpha.0

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

@@ -1,3 +1,3 @@
 export declare const initArray: <T>(length: number, func: (value: number) => T) => T[];
-export declare const isEqDate: (dateA?: Date | undefined, dateB?: Date | undefined) => boolean;
-export declare const getValidDate: (date: Date, minDate?: Date | undefined, maxDate?: Date | undefined) => Date | undefined;
+export declare const isEqDate: (dateA?: Date, dateB?: Date) => boolean;
+export declare const getValidDate: (date: Date, minDate?: Date, maxDate?: Date) => Date | undefined;

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

@@ -1,5 +1,5 @@
 import type { 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 getKey: <V, T extends OptionType<V>>(option: T, index: number, keyExtractor?: ((opt: T, i?: number) => 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>[];

package/types/components/Swipeable/Buttons.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Animated, StyleProp, ViewStyle } from 'react-native';
+declare type Props = {
+    buttons?: React.ReactNode[];
+    isLeftButtons: boolean;
+    leftButtonContainerStyle?: StyleProp<ViewStyle>;
+    rightButtonContainerStyle?: StyleProp<ViewStyle>;
+    panAnimatedValue: Animated.ValueXY;
+    width: number;
+    canSwipeLeft?: boolean;
+    canSwipeRight?: boolean;
+    buttonWidth: number;
+};
+declare const Buttons: ({ buttons, isLeftButtons, leftButtonContainerStyle, rightButtonContainerStyle, panAnimatedValue, width, canSwipeLeft, canSwipeRight, buttonWidth, }: Props) => JSX.Element;
+export default Buttons;

package/types/components/Swipeable/StyledSwipeable.d.ts

@@ -1,6 +1,6 @@
-import { TouchableOpacity } from 'react-native';
+import { Animated, TouchableOpacity, View } from 'react-native';
 export declare type ActionIntent = 'primary' | 'success' | 'danger';
-export declare const StyledRectButton: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
+declare const StyledRectButton: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
@@ -8,3 +8,16 @@ export declare const StyledRectButton: import("@emotion/native").StyledComponent
 }, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;
 }>;
+declare const StyledWrapper: 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 StyledContent: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+export { StyledRectButton, StyledWrapper, StyledContent };

package/types/components/Swipeable/SwipeableAction.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from 'react';
 import { StyleProp, ViewStyle } from 'react-native';
+import { IconName } from '../Icon';
 import { ActionIntent } from './StyledSwipeable';
 export interface SwipeableActionProps {
     /**
@@ -10,10 +10,6 @@ export interface SwipeableActionProps {
      * Callback when the action button is pressed.
      */
     onPress?: () => void;
-    /**
-     * Action button's content
-     */
-    children?: ReactNode;
     /**
      * Additional style.
      */
@@ -22,6 +18,14 @@ export interface SwipeableActionProps {
      * Testing id of the component.
      */
     testID?: string;
+    /**
+     * Name of the Icon.
+     */
+    icon: IconName;
+    /**
+     * Action label of the component.
+     */
+    label: string;
 }
-declare const SwipeableAction: ({ intent, onPress, style, children, testID, }: SwipeableActionProps) => JSX.Element;
+declare const SwipeableAction: ({ intent, onPress, style, testID, label, icon, }: SwipeableActionProps) => JSX.Element;
 export default SwipeableAction;

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

@@ -1,45 +1,28 @@
-import { ComponentProps, ReactNode } from 'react';
-import { Swipeable as RnghSwipeable, RectButton } from 'react-native-gesture-handler';
-declare type State = 'closed' | 'leftOpen' | 'rightOpen';
-declare type RnghSwipeableProps = ComponentProps<typeof RnghSwipeable>;
-export interface SwipeableProps extends Pick<RnghSwipeableProps, 'enableTrackpadTwoFingerGesture' | 'friction' | 'leftThreshold' | 'rightThreshold' | 'overshootLeft' | 'overshootRight' | 'overshootFriction' | 'useNativeAnimations' | 'containerStyle' | 'childrenContainerStyle'> {
-    /**
-     * React node that is swipeable.
-     */
-    children: ReactNode;
-    /**
-     * State of the component.
-     */
-    state?: 'closed' | 'leftOpen' | 'rightOpen';
-    /**
-     * Callback when the state of the component changes.
-     */
-    onStateChange?: (state: State) => void;
-    /**
-     * Action panel that is going to be revealed from the left side when user swipes right.
-     */
-    leftActions?: ReactNode;
-    /**
-     * Width of the left action panel.
-     * By default, it will take up the whole width of the device.
-     */
+import React from 'react';
+import { GestureResponderEvent, PanResponderGestureState, StyleProp, ViewStyle } from 'react-native';
+import SwipeableAction from './SwipeableAction';
+export declare type SwipeState = 'closed' | 'leftOpen' | 'rightOpen';
+export declare type SwipeableProps = {
+    leftContent?: React.ReactNode;
+    rightContent?: React.ReactNode;
+    leftActions?: [typeof SwipeableAction][];
+    rightActions?: [typeof SwipeableAction][];
+    onSwipeLeftStart?: (event: GestureResponderEvent, gestureState: PanResponderGestureState) => void;
+    onSwipeLeftEnd?: (event: GestureResponderEvent, gestureState: PanResponderGestureState) => void;
     leftActionsWidth?: number;
-    /**
-     * Action panel that is going to be revealed from the right side when user swipes left.
-     */
-    rightActions?: ReactNode;
-    /**
-     * Width of the right action panel.
-     * By default, it will take up the whole width of the device.
-     */
     rightActionsWidth?: number;
-    /**
-     * Testing ID of the component
-     */
-    testID?: string;
-}
-declare const _default: (({ children, state, onStateChange, leftActions, leftActionsWidth, rightActions, rightActionsWidth, ...swipeableProps }: SwipeableProps) => JSX.Element) & {
-    Action: ({ intent, onPress, style, children, testID, }: import("./SwipeableAction").SwipeableActionProps) => JSX.Element;
-    Content: typeof RectButton;
+    onStateChange?: (state: SwipeState) => void;
+    onSwipeRightStart?: (event: GestureResponderEvent, gestureState: PanResponderGestureState) => void;
+    onSwipeRightEnd?: (event: GestureResponderEvent, gestureState: PanResponderGestureState) => void;
+    leftButtonWidth?: number;
+    rightButtonWidth?: number;
+    swipeState?: SwipeState;
+    style?: StyleProp<ViewStyle>;
+    children: React.ReactNode;
+};
+declare const _default: React.NamedExoticComponent<SwipeableProps> & {
+    readonly type: ({ children, leftActions, leftContent, rightActions, rightContent, style, leftActionsWidth, leftButtonWidth, onSwipeLeftStart, onSwipeLeftEnd, rightActionsWidth, rightButtonWidth, onSwipeRightStart, onSwipeRightEnd, swipeState, onStateChange, ...rest }: SwipeableProps) => JSX.Element;
+} & {
+    Action: ({ intent, onPress, style, testID, label, icon, }: import("./SwipeableAction").SwipeableActionProps) => JSX.Element;
 };
 export default _default;

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

@@ -1,12 +1,11 @@
 import type { ReactNode } from 'react';
-import { ViewProps } from 'react-native';
-export interface ToolbarProps extends Omit<ViewProps, 'style'> {
+export interface ToolbarProps {
     /**
      * Toolbar's content.
      */
     children?: ReactNode;
 }
-declare const _default: (({ children, ...rest }: ToolbarProps) => JSX.Element) & {
+declare const _default: (({ children }: ToolbarProps) => JSX.Element) & {
     Group: ({ align, items }: import("./ToolbarGroup").ToolbarGroupProps) => JSX.Element;
 };
 export default _default;

package/types/testHelpers/renderWithTheme.d.ts

@@ -1,3 +1,3 @@
 import type { RenderOptions } from '@testing-library/react-native';
-declare const renderWithTheme: (ui: JSX.Element, options?: RenderOptions | undefined) => import("@testing-library/react-native").RenderAPI;
+declare const renderWithTheme: (ui: JSX.Element, options?: RenderOptions) => import("@testing-library/react-native").RenderAPI;
 export default renderWithTheme;