@hoddy-ui/core 2.5.31 → 2.5.33

package/next/dist/index.mjs

@@ -389,6 +389,7 @@ var UIThemeContext = createContext({
   themeState: { mode: "default", value: "light" }
 });
 function themeReducer(state, { type, payload }) {
+  AsyncStorage.setItem("theme", type);
   switch (type) {
     case "dark":
       return { mode: "dark", value: "dark" };
@@ -407,12 +408,20 @@ var ConfigureSystemUI = () => {
     const config2 = getConfig();
     if (colors2) {
       SystemUI.setBackgroundColorAsync(colors2.white[1]);
-      if (Platform.OS === "android" && !config2.EDGE_TO_EDGE) {
-        NavigationBar.setBackgroundColorAsync(colors2.white[1]);
-        if (theme === "dark") {
-          NavigationBar.setButtonStyleAsync("light");
+      if (Platform.OS === "android") {
+        if (config2.EDGE_TO_EDGE) {
+          if (theme === "dark") {
+            NavigationBar.setStyle("light");
+          } else {
+            NavigationBar.setStyle("dark");
+          }
         } else {
-          NavigationBar.setButtonStyleAsync("dark");
+          NavigationBar.setBackgroundColorAsync(colors2.white[1]);
+          if (theme === "dark") {
+            NavigationBar.setButtonStyleAsync("light");
+          } else {
+            NavigationBar.setButtonStyleAsync("dark");
+          }
         }
       }
     }
@@ -460,7 +469,6 @@ var UIThemeProvider = ({ children }) => {
 };
 
 // ../src/hooks.ts
-import AsyncStorage2 from "@react-native-async-storage/async-storage";
 var useColors = () => {
   const { themeState } = useContext(UIThemeContext);
   return colors(themeState.value);
@@ -475,10 +483,8 @@ var useThemeContext = () => {
   const setTheme = (theme2) => {
     if (theme2 === "default") {
       themeDispatch?.({ type: "default", payload: colorScheme });
-      AsyncStorage2.setItem("theme", "default");
     } else {
       themeDispatch?.({ type: theme2 });
-      AsyncStorage2.setItem("theme", theme2);
     }
   };
   return { theme, setTheme };
@@ -607,7 +613,7 @@ var AlertX_default = AlertX;
 
 // ../src/Components/Avatar.tsx
 import { AntDesign } from "@expo/vector-icons";
-import React7 from "react";
+import React7, { useState as useState3 } from "react";
 import { Image, View as View3 } from "react-native";
 import { ms as ms3, ScaledSheet as ScaledSheet3 } from "react-native-size-matters";
 var Avatar = ({
@@ -619,6 +625,7 @@ var Avatar = ({
   style = {}
 }) => {
   const colors2 = useColors();
+  const [imageError, setImageError] = useState3(false);
   const styles = ScaledSheet3.create({
     root: {
       borderRadius: 150,
@@ -637,7 +644,15 @@ var Avatar = ({
       width: "110%"
     }
   });
-  return /* @__PURE__ */ React7.createElement(View3, { style: styles.root }, source ? /* @__PURE__ */ React7.createElement(Image, { resizeMode: "cover", style: styles.image, source }) : label ? /* @__PURE__ */ React7.createElement(Typography_default, { style: { color: colors2[color].text } }, label[0]) : /* @__PURE__ */ React7.createElement(AntDesign, { name: "user", color: "#fff", size: Math.round(size / 1.5) }));
+  return /* @__PURE__ */ React7.createElement(View3, { style: styles.root }, source && !imageError ? /* @__PURE__ */ React7.createElement(
+    Image,
+    {
+      resizeMode: "cover",
+      style: styles.image,
+      source,
+      onError: () => setImageError(true)
+    }
+  ) : label ? /* @__PURE__ */ React7.createElement(Typography_default, { style: { color: colors2[color].text } }, label[0]) : /* @__PURE__ */ React7.createElement(AntDesign, { name: "user", color: "#fff", size: Math.round(size / 1.5) }));
 };
 var Avatar_default = Avatar;
 
@@ -891,7 +906,7 @@ var FormWrapper = ({
 // ../src/Components/StarRating.tsx
 import { Ionicons as Ionicons2 } from "@expo/vector-icons";
 import * as Haptics from "expo-haptics";
-import { useEffect as useEffect4, useState as useState4 } from "react";
+import { useEffect as useEffect4, useState as useState5 } from "react";
 import {
   ActivityIndicator as ActivityIndicator2,
   TextInput,
@@ -911,7 +926,7 @@ import {
   TouchableWithoutFeedback as TouchableWithoutFeedback2,
   View as View5
 } from "react-native";
-import React11, { useEffect as useEffect3, useState as useState3 } from "react";
+import React11, { useEffect as useEffect3, useState as useState4 } from "react";
 import Animated2, {
   LinearTransition,
   runOnJS as runOnJS2,
@@ -932,13 +947,14 @@ var Popup = ({
   },
   style,
   onModalShow,
-  onModalHide
+  onModalHide,
+  disableAutoKeyboardManagement = false
 }) => {
   const theme = useTheme();
   const colors2 = useColors();
-  const [modalVisible, setModalVisible] = useState3(false);
-  const [modalOpen, setModalOpen] = useState3(false);
-  const [keyboardVisible, setKeyboardVisible] = useState3(false);
+  const [modalVisible, setModalVisible] = useState4(false);
+  const [modalOpen, setModalOpen] = useState4(false);
+  const [keyboardVisible, setKeyboardVisible] = useState4(false);
   const { bottom } = useSafeAreaInsets3();
   const backdropOpacity = useSharedValue2(0);
   const contentTranslateY = useSharedValue2(1e3);
@@ -1060,27 +1076,34 @@ var Popup = ({
         behavior: Platform5.OS === "ios" ? "padding" : "height",
         keyboardVerticalOffset: keyboardVerticalOffset || keyboardVerticalOffsetValue
       },
-      /* @__PURE__ */ React11.createElement(TouchableWithoutFeedback2, { onPress: Keyboard2.dismiss }, /* @__PURE__ */ React11.createElement(View5, { style: styles.root }, modalOpen && /* @__PURE__ */ React11.createElement(
-        Pressable,
-        {
-          style: [StyleSheet2.absoluteFill, { zIndex: 1 }],
-          onPress: closeAction
-        }
-      ), /* @__PURE__ */ React11.createElement(
-        Animated2.View,
+      /* @__PURE__ */ React11.createElement(
+        TouchableWithoutFeedback2,
         {
-          style: [styles.avoidingView, contentAnimatedStyle],
-          layout: modalVisible ? LinearTransition.springify().stiffness(200).mass(0.5).damping(100) : void 0
+          onPress: Keyboard2.dismiss,
+          disabled: disableAutoKeyboardManagement
         },
-        /* @__PURE__ */ React11.createElement(View5, { style: styles.container }, !bare && /* @__PURE__ */ React11.createElement(View5, { style: styles.title }, /* @__PURE__ */ React11.createElement(View5, { style: styles.titleIcon }, /* @__PURE__ */ React11.createElement(
-          IconButton,
+        /* @__PURE__ */ React11.createElement(View5, { style: styles.root }, modalOpen && /* @__PURE__ */ React11.createElement(
+          Pressable,
           {
-            size: 20,
-            icon: "close",
+            style: [StyleSheet2.absoluteFill, { zIndex: 1 }],
             onPress: closeAction
           }
-        )), /* @__PURE__ */ React11.createElement(Typography_default, { align: "center", fontWeight: 500 }, title)), /* @__PURE__ */ React11.createElement(View5, { style: styles.content }, children))
-      )))
+        ), /* @__PURE__ */ React11.createElement(
+          Animated2.View,
+          {
+            style: [styles.avoidingView, contentAnimatedStyle],
+            layout: modalVisible ? LinearTransition.springify().stiffness(200).mass(0.5).damping(100) : void 0
+          },
+          /* @__PURE__ */ React11.createElement(View5, { style: styles.container }, !bare && /* @__PURE__ */ React11.createElement(View5, { style: styles.title }, /* @__PURE__ */ React11.createElement(View5, { style: styles.titleIcon }, /* @__PURE__ */ React11.createElement(
+            IconButton,
+            {
+              size: 20,
+              icon: "close",
+              onPress: closeAction
+            }
+          )), /* @__PURE__ */ React11.createElement(Typography_default, { align: "center", fontWeight: 500 }, title)), /* @__PURE__ */ React11.createElement(View5, { style: styles.content }, children))
+        ))
+      )
     ))
   );
 };
@@ -1112,11 +1135,11 @@ var RatingInput = ({
   rating = 0,
   size = 16
 }) => {
-  const [showReviewsModal, setShowReviewsModal] = useState4(false);
-  const [rate, setRate] = useState4(0);
+  const [showReviewsModal, setShowReviewsModal] = useState5(false);
+  const [rate, setRate] = useState5(0);
   const colors2 = useColors();
-  const [loading, setLoading] = useState4(false);
-  const [review, setReview] = useState4("");
+  const [loading, setLoading] = useState5(false);
+  const [review, setReview] = useState5("");
   const styles = ScaledSheet8.create({
     root: {
       flexDirection: "row",
@@ -1259,7 +1282,7 @@ var Grid = ({
 
 // ../src/Components/Locator.tsx
 import { Ionicons as Ionicons4 } from "@expo/vector-icons";
-import React16, { useEffect as useEffect5, useState as useState7 } from "react";
+import React16, { useEffect as useEffect5, useState as useState8 } from "react";
 import { Alert, TouchableOpacity as TouchableOpacity8, View as View11 } from "react-native";
 
 // ../src/Components/List.tsx
@@ -1303,7 +1326,7 @@ var ListItem = ({
 
 // ../src/Components/TextField.tsx
 import { Ionicons as Ionicons3, MaterialIcons as MaterialIcons5 } from "@expo/vector-icons";
-import React15, { useRef as useRef2, useState as useState6 } from "react";
+import React15, { useRef as useRef2, useState as useState7 } from "react";
 import { Animated as Animated3, TextInput as TextInput2, TouchableOpacity as TouchableOpacity7, View as View10 } from "react-native";
 import {
   ScaledSheet as ScaledSheet12,
@@ -1314,7 +1337,7 @@ import {
 
 // ../src/Components/SelectMenu.tsx
 import { MaterialIcons as MaterialIcons4 } from "@expo/vector-icons";
-import React14, { useCallback, useState as useState5 } from "react";
+import React14, { useCallback, useState as useState6 } from "react";
 import { FlatList, TouchableOpacity as TouchableOpacity6, View as View9 } from "react-native";
 import { useSafeAreaInsets as useSafeAreaInsets4 } from "react-native-safe-area-context";
 import { ScaledSheet as ScaledSheet11 } from "react-native-size-matters";
@@ -1333,7 +1356,7 @@ var SelectMenu = ({
 }) => {
   const colors2 = useColors();
   const { bottom } = useSafeAreaInsets4();
-  const [search, setSearch] = useState5("");
+  const [search, setSearch] = useState6("");
   const styles = ScaledSheet11.create({
     header: {
       marginBottom: "20@vs"
@@ -1395,27 +1418,36 @@ var SelectMenu = ({
     ),
     [value, colors2]
   );
-  return /* @__PURE__ */ React14.createElement(Popup, { open, onClose, title: label }, /* @__PURE__ */ React14.createElement(View9, { style: styles.content }, /* @__PURE__ */ React14.createElement(View9, { style: styles.header }, helperText && /* @__PURE__ */ React14.createElement(Typography_default, { variant: "body2", color: "textSecondary", gutterBottom: 5 }, helperText), searchEnabled && /* @__PURE__ */ React14.createElement(
-    TextField_default,
-    {
-      label: searchPlaceholder,
-      value: search,
-      type: "search",
-      onChangeText: setSearch,
-      variant: "outlined"
-    }
-  )), /* @__PURE__ */ React14.createElement(
-    FlatList,
+  return /* @__PURE__ */ React14.createElement(
+    Popup,
     {
-      removeClippedSubviews: true,
-      keyExtractor: (item) => item.value,
-      bounces: false,
-      renderItem,
-      data: options.filter(
-        (item) => search.length > 1 ? item.label.toLowerCase().indexOf(search.toLowerCase()) > -1 : item
-      ).sort((a, b) => a.label.localeCompare(b.label))
-    }
-  )));
+      open,
+      onClose,
+      title: label,
+      disableAutoKeyboardManagement: true
+    },
+    /* @__PURE__ */ React14.createElement(View9, { style: styles.content }, /* @__PURE__ */ React14.createElement(View9, { style: styles.header }, helperText && /* @__PURE__ */ React14.createElement(Typography_default, { variant: "body2", color: "textSecondary", gutterBottom: 5 }, helperText), searchEnabled && /* @__PURE__ */ React14.createElement(
+      TextField_default,
+      {
+        label: searchPlaceholder,
+        value: search,
+        type: "search",
+        onChangeText: setSearch,
+        variant: "outlined"
+      }
+    )), /* @__PURE__ */ React14.createElement(
+      FlatList,
+      {
+        removeClippedSubviews: true,
+        keyExtractor: (item) => item.value,
+        bounces: false,
+        renderItem,
+        data: options.filter(
+          (item) => search.length > 1 ? item.label.toLowerCase().indexOf(search.toLowerCase()) > -1 : item
+        ).sort((a, b) => a.label.localeCompare(b.label))
+      }
+    ))
+  );
 };
 var SelectMenu_default = SelectMenu;
 
@@ -1449,7 +1481,7 @@ var TextField = ({
   ...props
 }) => {
   const colors2 = useColors();
-  const [focused, setFocused] = useState6(false);
+  const [focused, setFocused] = useState7(false);
   const height = moderateScale3(variant === "text" ? 50 : 45) * (size === "large" ? 1.2 : size === "small" ? 0.8 : 1);
   const labelAnim = useRef2(
     new Animated3.Value(height / moderateScale3(variant === "text" ? 2.5 : 3.2))
@@ -1678,8 +1710,8 @@ var TextField2 = React15.forwardRef(
     ...props
   }, ref) => {
     const colors2 = useColors();
-    const [focused, _setFocused] = useState6(false);
-    const [showPassword, setShowPassword] = useState6(false);
+    const [focused, _setFocused] = useState7(false);
+    const [showPassword, setShowPassword] = useState7(false);
     const height = moderateScale3(
       multiline ? 50 + (props.numberOfLines || 1) * 18 : 50
     );
@@ -1914,9 +1946,9 @@ var Locator = ({
   country = "ng"
 }) => {
   const { GOOGLE_MAP_API_KEY } = getConfig();
-  const [changed, setChanged] = useState7(false);
-  const [value, setValue] = useState7("");
-  const [prediction, setPrediction] = useState7([]);
+  const [changed, setChanged] = useState8(false);
+  const [value, setValue] = useState8("");
+  const [prediction, setPrediction] = useState8([]);
   const colors2 = useColors();
   const styles = ScaledSheet13.create({
     list: {