@hero-design/rn 7.26.0 → 7.27.0

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

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

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

@@ -20,7 +20,7 @@ export declare type SectionListRenderOptionInfo<V, T extends OptionType<V>> = Se
     selected: boolean;
     onPress: () => void;
 };
-export interface SelectProps<V, T extends OptionType<V>> extends Pick<TextInputProps, 'editable' | 'disabled' | 'numberOfLines' | 'error'> {
+export interface SelectProps<V, T extends OptionType<V>> extends Pick<TextInputProps, 'editable' | 'disabled' | 'error' | 'required'> {
     /**
      * An array of options to be selected.
      */
@@ -43,9 +43,14 @@ export interface SelectProps<V, T extends OptionType<V>> extends Pick<TextInputP
      */
     onQueryChange?: (value: string) => void;
     /**
-     * Event handler when selection dismiss
+     * @deprecated due to typo.
+     * Please use onDismiss instead.
      */
     onDimiss?: () => void;
+    /**
+     * Event handler when selection dismiss
+     */
+    onDismiss?: () => void;
     /**
      * Event handler when end of the list reached
      */
@@ -56,8 +61,10 @@ export interface SelectProps<V, T extends OptionType<V>> extends Pick<TextInputP
     loading?: boolean;
     /**
      * Props that are passed to TextInput.
+     * Required is deprecated and will be removed in the next major release.
+     * Please use the outer required instead.
      */
-    inputProps?: Pick<TextInputProps, 'loading' | 'required'>;
+    inputProps?: Pick<TextInputProps, 'loading' | 'required' | 'numberOfLines'>;
     /**
      * Field label.
      */
@@ -70,4 +77,9 @@ export interface SelectProps<V, T extends OptionType<V>> extends Pick<TextInputP
      * Testing id of the component.
      */
     testID?: string;
+    /**
+     * @deprecated
+     * Please use inputProps.numberOfLines instead.
+     */
+    numberOfLines?: number;
 }

package/types/components/Tabs/ScrollableTabs.d.ts

@@ -1,3 +1,3 @@
 import type { TabsProps } from '.';
-declare const ScrollableTab: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, testID: componentTestID, }: TabsProps) => JSX.Element;
+declare const ScrollableTab: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, swipeEnabled, testID: componentTestID, }: TabsProps) => JSX.Element;
 export default ScrollableTab;

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

@@ -45,12 +45,17 @@ export interface TabsProps extends ViewProps {
      * Defaults value is `1`.
      */
     lazyPreloadDistance?: number;
+    /**
+     * Boolean indicating whether to enable swipe gestures. Passing `false` will disable swipe gestures, but the user can still switch tabs by pressing the tab bar.
+     * Defaults value is `true`.
+     */
+    swipeEnabled?: boolean;
     /**
      * Testing id of the component.
      */
     testID?: string;
 }
-declare const _default: (({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, testID: componentTestID, }: TabsProps) => JSX.Element) & {
-    Scroll: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, testID: componentTestID, }: TabsProps) => JSX.Element;
+declare const _default: (({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, swipeEnabled, testID: componentTestID, }: TabsProps) => JSX.Element) & {
+    Scroll: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, swipeEnabled, testID: componentTestID, }: TabsProps) => JSX.Element;
 };
 export default _default;

package/types/components/Tag/StyledTag.d.ts

@@ -1,10 +1,12 @@
 import { View, Text } from 'react-native';
 declare type ThemeIntent = 'default' | 'primary' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
+declare type ThemeVariant = 'filled' | 'outlined';
 declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeIntent: ThemeIntent;
+    themeVariant: ThemeVariant;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;
@@ -13,6 +15,7 @@ declare const StyledText: import("@emotion/native").StyledComponent<import("reac
     as?: import("react").ElementType<any> | undefined;
 } & {
     themeIntent: ThemeIntent;
+    themeVariant: ThemeVariant;
 }, {}, {
     ref?: import("react").Ref<Text> | undefined;
 }>;

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

@@ -1,13 +1,18 @@
+import { ReactElement } from 'react';
 import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
 interface TagProps extends ViewProps {
     /**
      * Content of the Tag.
      */
-    content: string;
+    content: string | ReactElement;
     /**
      * Visual intent color to apply to Tag.
      */
     intent?: 'primary' | 'default' | 'info' | 'success' | 'warning' | 'danger' | 'archived';
+    /**
+     * Tag variant.
+     */
+    variant?: 'filled' | 'outlined';
     /**
      * Additional style.
      */
@@ -17,5 +22,5 @@ interface TagProps extends ViewProps {
      */
     testID?: string;
 }
-declare const Tag: ({ content, intent, style, testID, ...nativeProps }: TagProps) => JSX.Element;
+declare const Tag: ({ content, variant, intent, style, testID, ...nativeProps }: TagProps) => JSX.Element;
 export default Tag;

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

@@ -18,6 +18,7 @@ declare const getTagTheme: (theme: GlobalTheme) => {
         dangerBackground: string;
         archived: string;
         archivedBackground: string;
+        text: string;
     };
     fonts: {
         default: string;

package/types/utils/hooks.d.ts

@@ -1 +1,3 @@
 export declare const usePrevious: <T>(value: T) => T | undefined;
+export declare function usePropsOrInternalState<T>(initialState: T, state: T | undefined, setState: ((val: T) => void) | undefined): [T, (val: T) => void];
+export declare const useDeprecation: (message: string, cond?: boolean) => void;

package/src/components/Accordion/utils.tsx

@@ -1,11 +0,0 @@
-import React from 'react';
-
-export function usePropsOrInternalState<T>(
-  initialState: T,
-  state: T | undefined,
-  setState: ((val: T) => void) | undefined
-): [T, (val: T) => void] {
-  const [internalState, setInternalState] = React.useState<T>(initialState);
-
-  return [state || internalState, setState || setInternalState];
-}

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

@@ -1 +0,0 @@
-export declare function usePropsOrInternalState<T>(initialState: T, state: T | undefined, setState: ((val: T) => void) | undefined): [T, (val: T) => void];