@hoddy-ui/next 2.0.33 → 2.0.35

package/components/AdaptiveStatusBarNext.tsx

@@ -7,30 +7,24 @@ const AdaptiveStatusBar = ({ translucent = false }) => {
   const [focused, setFocused] = useState(false);
   const colors = useColors();
   const theme = useTheme();
+  const statusbarHandler = () => {
+    StatusBar.setBarStyle(theme === "dark" ? "light-content" : "dark-content");
+    if (Platform.OS === "android") {
+      StatusBar.setBackgroundColor(
+        translucent ? "transparent" : colors.white[1]
+      );
+      StatusBar.setTranslucent(true);
+    }
+  };
+
   useFocusEffect(
     React.useCallback(() => {
-      // setFocused(true);
-      StatusBar.setBarStyle(
-        theme === "dark" ? "light-content" : "dark-content"
-      );
-      if (Platform.OS === "android") {
-        StatusBar.setBackgroundColor(
-          colors.white[1] + (translucent ? "0" : "")
-        );
-        StatusBar.setTranslucent(true);
-      }
-      // return () => setFocused(false);
+      statusbarHandler();
     }, [theme])
   );
 
   React.useEffect(() => {
-    // setFocused(true);
-    StatusBar.setBarStyle(theme === "dark" ? "light-content" : "dark-content");
-    if (Platform.OS === "android") {
-      StatusBar.setBackgroundColor(colors.white[1] + (translucent ? "0" : ""));
-      StatusBar.setTranslucent(true);
-    }
-    // return () => setFocused(false);
+    statusbarHandler();
   }, [theme]);
   return <></>;
 };

package/dist/index.d.mts

@@ -1,5 +1,6 @@
 import React, { ReactNode, FC } from 'react';
 import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps, TextProps } from 'react-native';
+import * as index from 'index';
 
 type ThemeTypes = "dark" | "light";
 type ThemeModes = "dark" | "light" | "default";
@@ -24,6 +25,10 @@ type extraColorTypes = {
         };
     };
 };
+interface ThemeActionTypes {
+    type: ThemeModes;
+    payload?: ThemeTypes;
+}
 interface ThemeState {
     value: ThemeTypes;
     mode: ThemeModes;
@@ -51,6 +56,14 @@ interface AvatarProps {
     size?: number;
     style?: ViewStyle;
 }
+interface AnimatorProps {
+    style?: ViewStyle;
+    duration?: number;
+    children: ReactNode;
+    delay?: number;
+    animationType?: "easeInEaseOut" | "linear" | "spring";
+    type?: "fade" | "slideInLeft" | "slideInRight" | "slideInUp" | "slideInDown";
+}
 interface ButtonProps {
     color?: colorTypes;
     variant?: "text" | "outlined" | "contained";
@@ -133,6 +146,26 @@ interface LocatorProps {
     renderInput?: (props: LocatorInputProps) => ReactNode;
     country?: string;
 }
+interface ListProps {
+    style?: ViewStyle;
+    children: ReactNode;
+}
+interface ListItemTextProps {
+    primary: string;
+    divider?: boolean;
+    primaryProps?: TypographyProps;
+    secondaryProps?: TypographyProps;
+    secondary?: string;
+    style?: ViewStyle;
+}
+interface ListItemProps {
+    link?: boolean;
+    divider?: boolean;
+    onPress?: () => void;
+    index?: number;
+    style?: ViewStyle;
+    children: ReactNode;
+}
 interface FormWrapperProps {
     children: ReactNode;
     behavior?: "position" | "height" | "padding";
@@ -287,6 +320,10 @@ declare const RatingInput: FC<RatingInputProps>;
 declare const GridItem: React.FC<GridItemProps>;
 declare const Grid: React.FC<GridProps>;
 
+type predictionType = {
+    id: string;
+    description: string;
+};
 declare const getPredictionsFromCoords: (coords: any) => Promise<{
     description: any;
     id: any;
@@ -564,7 +601,7 @@ declare const useColors: () => {
         text: string;
     };
 };
-declare const useTheme: () => ThemeTypes;
+declare const useTheme: () => index.ThemeTypes;
 declare const useNavScreenOptions: (type: "stack" | "tab" | "drawer") => any;
 
 declare const UIThemeContext: React.Context<ThemeContext>;
@@ -574,4 +611,4 @@ declare const HoddyUI: {
     initialize: typeof initialize;
 };
 
-export { AdaptiveStatusBar, AlertX, Avatar, Button, CheckBox, Divider, FormWrapper, Grid, GridItem, IconButton, LinkButton, Locator, OTPInput, Popup, RatingInput, RatingStars, SafeAreaView, SelectMenu, Spinner, TextField, TextField2, Typography, UIThemeContext, UIThemeProvider, HoddyUI as default, getPredictionsFromCoords, showFlashMessage, useColors, useNavScreenOptions, useTheme };
+export { AdaptiveStatusBar, AlertX, type AlertXProps, type AnimatorProps, Avatar, type AvatarProps, Button, type ButtonProps, CheckBox, type CheckboxProps, Divider, type DividerProps, type FlashMessageProps, FormWrapper, type FormWrapperProps, Grid, GridItem, type GridItemProps, type GridProps, IconButton, type IconButtonProps, LinkButton, type LinkButtonProps, type ListItemProps, type ListItemTextProps, type ListProps, Locator, type LocatorInputProps, type LocatorProps, OTPInput, type OTPInputProps, Popup, type PopupProps, RatingInput, type RatingInputProps, RatingStars, type RatingStarsProps, SafeAreaView, type SafeAreaViewProps, SelectMenu, type SelectMenuProps, Spinner, type SpinnerProps, TextField, TextField2, type TextFieldProps, type ThemeActionTypes, type ThemeContext, type ThemeModes, type ThemeProviderProps, type ThemeState, type ThemeTypes, Typography, type TypographyProps, UIThemeContext, UIThemeProvider, type colorTypes, HoddyUI as default, type extraColorTypes, getPredictionsFromCoords, type locatorLocation, type predictionType, showFlashMessage, useColors, useNavScreenOptions, useTheme };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode, FC } from 'react';
 import { ViewStyle, TextStyle, NativeSyntheticEvent, NativeScrollEvent, TextInputProps, TextProps } from 'react-native';
+import * as index from 'index';
 
 type ThemeTypes = "dark" | "light";
 type ThemeModes = "dark" | "light" | "default";
@@ -24,6 +25,10 @@ type extraColorTypes = {
         };
     };
 };
+interface ThemeActionTypes {
+    type: ThemeModes;
+    payload?: ThemeTypes;
+}
 interface ThemeState {
     value: ThemeTypes;
     mode: ThemeModes;
@@ -51,6 +56,14 @@ interface AvatarProps {
     size?: number;
     style?: ViewStyle;
 }
+interface AnimatorProps {
+    style?: ViewStyle;
+    duration?: number;
+    children: ReactNode;
+    delay?: number;
+    animationType?: "easeInEaseOut" | "linear" | "spring";
+    type?: "fade" | "slideInLeft" | "slideInRight" | "slideInUp" | "slideInDown";
+}
 interface ButtonProps {
     color?: colorTypes;
     variant?: "text" | "outlined" | "contained";
@@ -133,6 +146,26 @@ interface LocatorProps {
     renderInput?: (props: LocatorInputProps) => ReactNode;
     country?: string;
 }
+interface ListProps {
+    style?: ViewStyle;
+    children: ReactNode;
+}
+interface ListItemTextProps {
+    primary: string;
+    divider?: boolean;
+    primaryProps?: TypographyProps;
+    secondaryProps?: TypographyProps;
+    secondary?: string;
+    style?: ViewStyle;
+}
+interface ListItemProps {
+    link?: boolean;
+    divider?: boolean;
+    onPress?: () => void;
+    index?: number;
+    style?: ViewStyle;
+    children: ReactNode;
+}
 interface FormWrapperProps {
     children: ReactNode;
     behavior?: "position" | "height" | "padding";
@@ -287,6 +320,10 @@ declare const RatingInput: FC<RatingInputProps>;
 declare const GridItem: React.FC<GridItemProps>;
 declare const Grid: React.FC<GridProps>;
 
+type predictionType = {
+    id: string;
+    description: string;
+};
 declare const getPredictionsFromCoords: (coords: any) => Promise<{
     description: any;
     id: any;
@@ -564,7 +601,7 @@ declare const useColors: () => {
         text: string;
     };
 };
-declare const useTheme: () => ThemeTypes;
+declare const useTheme: () => index.ThemeTypes;
 declare const useNavScreenOptions: (type: "stack" | "tab" | "drawer") => any;
 
 declare const UIThemeContext: React.Context<ThemeContext>;
@@ -574,4 +611,4 @@ declare const HoddyUI: {
     initialize: typeof initialize;
 };
 
-export { AdaptiveStatusBar, AlertX, Avatar, Button, CheckBox, Divider, FormWrapper, Grid, GridItem, IconButton, LinkButton, Locator, OTPInput, Popup, RatingInput, RatingStars, SafeAreaView, SelectMenu, Spinner, TextField, TextField2, Typography, UIThemeContext, UIThemeProvider, HoddyUI as default, getPredictionsFromCoords, showFlashMessage, useColors, useNavScreenOptions, useTheme };
+export { AdaptiveStatusBar, AlertX, type AlertXProps, type AnimatorProps, Avatar, type AvatarProps, Button, type ButtonProps, CheckBox, type CheckboxProps, Divider, type DividerProps, type FlashMessageProps, FormWrapper, type FormWrapperProps, Grid, GridItem, type GridItemProps, type GridProps, IconButton, type IconButtonProps, LinkButton, type LinkButtonProps, type ListItemProps, type ListItemTextProps, type ListProps, Locator, type LocatorInputProps, type LocatorProps, OTPInput, type OTPInputProps, Popup, type PopupProps, RatingInput, type RatingInputProps, RatingStars, type RatingStarsProps, SafeAreaView, type SafeAreaViewProps, SelectMenu, type SelectMenuProps, Spinner, type SpinnerProps, TextField, TextField2, type TextFieldProps, type ThemeActionTypes, type ThemeContext, type ThemeModes, type ThemeProviderProps, type ThemeState, type ThemeTypes, Typography, type TypographyProps, UIThemeContext, UIThemeProvider, type colorTypes, HoddyUI as default, type extraColorTypes, getPredictionsFromCoords, type locatorLocation, type predictionType, showFlashMessage, useColors, useNavScreenOptions, useTheme };

package/dist/index.js

@@ -528,25 +528,22 @@ var AdaptiveStatusBar = ({ translucent = false }) => {
   const [focused, setFocused] = (0, import_react5.useState)(false);
   const colors2 = useColors();
   const theme = useTheme();
+  const statusbarHandler = () => {
+    import_react_native5.StatusBar.setBarStyle(theme === "dark" ? "light-content" : "dark-content");
+    if (import_react_native5.Platform.OS === "android") {
+      import_react_native5.StatusBar.setBackgroundColor(
+        translucent ? "transparent" : colors2.white[1]
+      );
+      import_react_native5.StatusBar.setTranslucent(true);
+    }
+  };
   (0, import_expo_router.useFocusEffect)(
     import_react5.default.useCallback(() => {
-      import_react_native5.StatusBar.setBarStyle(
-        theme === "dark" ? "light-content" : "dark-content"
-      );
-      if (import_react_native5.Platform.OS === "android") {
-        import_react_native5.StatusBar.setBackgroundColor(
-          colors2.white[1] + (translucent ? "0" : "")
-        );
-        import_react_native5.StatusBar.setTranslucent(true);
-      }
+      statusbarHandler();
     }, [theme])
   );
   import_react5.default.useEffect(() => {
-    import_react_native5.StatusBar.setBarStyle(theme === "dark" ? "light-content" : "dark-content");
-    if (import_react_native5.Platform.OS === "android") {
-      import_react_native5.StatusBar.setBackgroundColor(colors2.white[1] + (translucent ? "0" : ""));
-      import_react_native5.StatusBar.setTranslucent(true);
-    }
+    statusbarHandler();
   }, [theme]);
   return /* @__PURE__ */ import_react5.default.createElement(import_react5.default.Fragment, null);
 };