@hero-design/rn 8.27.3 → 9.0.0-0

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SectionList } from 'react-native';
+import type { ReactElement } from 'react';
+import type { SectionListRenderItemInfo } from 'react-native';
+import type { SectionData, OptionType, SelectProps, SectionType } from './types';
+export declare type StyledOptionListProps<V, T extends OptionType<V>> = Pick<SelectProps<V, T>, 'keyExtractor' | 'loading' | 'onEndReached' | 'onQueryChange'> & {
+    sections: SectionData<V, T>[];
+    renderItem: (info: SectionListRenderItemInfo<T, SectionType>) => ReactElement;
+    sectionListRef?: React.RefObject<SectionList<T, SectionType>>;
+};
+declare const StyledOptionList: <V, T extends OptionType<V>>({ keyExtractor, loading, onEndReached, onQueryChange, sections, renderItem, sectionListRef, }: StyledOptionListProps<V, T>) => JSX.Element;
+export default StyledOptionList;

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

@@ -0,0 +1,15 @@
+import { Animated, View } from 'react-native';
+export declare type ActionIntent = 'primary' | 'success' | 'danger';
+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 { StyledWrapper, StyledContent };

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

@@ -0,0 +1,46 @@
+import React from 'react';
+import { GestureResponderEvent, PanResponderGestureState, StyleProp, ViewStyle } from 'react-native';
+export declare type SwipeableV2Props = {
+    /**
+     * Content panel that is going to be revealed from the left side when user swipes right.
+     */
+    leftContent?: React.ReactNode;
+    /**
+     * Content panel that is going to be revealed from the right side when user swipes left.
+     */
+    rightContent?: React.ReactNode;
+    /**
+     * If the user swipe a distance greater than this value, the callback onSwipeRightEnd is called.
+     */
+    leftActionsWidth?: number;
+    /**
+     * If the user swipe a distance greater than this value, the callback onSwipeLeftEnd is called.
+     */
+    rightActionsWidth?: number;
+    /**
+     * Callback when start swiping to left.
+     */
+    onSwipeLeftStart?: (event: GestureResponderEvent, gestureState: PanResponderGestureState) => void;
+    /**
+     * Callback when end swiping to left.
+     */
+    onSwipeLeftEnd?: (event: GestureResponderEvent, gestureState: PanResponderGestureState) => void;
+    /**
+     * Callback when start swiping to right.
+     */
+    onSwipeRightStart?: (event: GestureResponderEvent, gestureState: PanResponderGestureState) => void;
+    /**
+     * Callback when end swiping to right.
+     */
+    onSwipeRightEnd?: (event: GestureResponderEvent, gestureState: PanResponderGestureState) => void;
+    /**
+     * additional styles
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * React node that is swipeable.
+     */
+    children: React.ReactNode;
+};
+declare const SwipeableV2: ({ children, leftContent, rightContent, style, leftActionsWidth, onSwipeLeftStart, onSwipeLeftEnd, rightActionsWidth, onSwipeRightStart, onSwipeRightEnd, ...rest }: SwipeableV2Props) => JSX.Element;
+export default SwipeableV2;

package/types/theme/global/colors/legacySystemPalette.d.ts

@@ -0,0 +1,3 @@
+import type { LegacySystemPalette } from './types';
+declare const legacySystemPalette: LegacySystemPalette;
+export default legacySystemPalette;