@hoddy-ui/core 2.5.31 → 2.5.33

package/next/dist/index.d.mts

@@ -188,6 +188,7 @@ interface PopupProps {
     open: boolean;
     onClose?: () => void;
     style?: ViewStyle;
+    disableAutoKeyboardManagement?: boolean;
     onModalShow?: () => void;
     onModalHide?: () => void;
 }

package/next/dist/index.d.ts

@@ -188,6 +188,7 @@ interface PopupProps {
     open: boolean;
     onClose?: () => void;
     style?: ViewStyle;
+    disableAutoKeyboardManagement?: boolean;
     onModalShow?: () => void;
     onModalHide?: () => void;
 }

package/next/dist/index.js

@@ -452,6 +452,7 @@ var UIThemeContext = (0, import_react3.createContext)({
   themeState: { mode: "default", value: "light" }
 });
 function themeReducer(state, { type, payload }) {
+  import_async_storage.default.setItem("theme", type);
   switch (type) {
     case "dark":
       return { mode: "dark", value: "dark" };
@@ -470,12 +471,20 @@ var ConfigureSystemUI = () => {
     const config2 = getConfig();
     if (colors2) {
       SystemUI.setBackgroundColorAsync(colors2.white[1]);
-      if (import_react_native3.Platform.OS === "android" && !config2.EDGE_TO_EDGE) {
-        NavigationBar.setBackgroundColorAsync(colors2.white[1]);
-        if (theme === "dark") {
-          NavigationBar.setButtonStyleAsync("light");
+      if (import_react_native3.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");
+          }
         }
       }
     }
@@ -523,7 +532,6 @@ var UIThemeProvider = ({ children }) => {
 };
 
 // ../src/hooks.ts
-var import_async_storage2 = __toESM(require("@react-native-async-storage/async-storage"));
 var useColors = () => {
   const { themeState } = (0, import_react4.useContext)(UIThemeContext);
   return colors(themeState.value);
@@ -538,10 +546,8 @@ var useThemeContext = () => {
   const setTheme = (theme2) => {
     if (theme2 === "default") {
       themeDispatch?.({ type: "default", payload: colorScheme });
-      import_async_storage2.default.setItem("theme", "default");
     } else {
       themeDispatch?.({ type: theme2 });
-      import_async_storage2.default.setItem("theme", theme2);
     }
   };
   return { theme, setTheme };
@@ -682,6 +688,7 @@ var Avatar = ({
   style = {}
 }) => {
   const colors2 = useColors();
+  const [imageError, setImageError] = (0, import_react7.useState)(false);
   const styles = import_react_native_size_matters4.ScaledSheet.create({
     root: {
       borderRadius: 150,
@@ -700,7 +707,15 @@ var Avatar = ({
       width: "110%"
     }
   });
-  return /* @__PURE__ */ import_react7.default.createElement(import_react_native7.View, { style: styles.root }, source ? /* @__PURE__ */ import_react7.default.createElement(import_react_native7.Image, { resizeMode: "cover", style: styles.image, source }) : label ? /* @__PURE__ */ import_react7.default.createElement(Typography_default, { style: { color: colors2[color].text } }, label[0]) : /* @__PURE__ */ import_react7.default.createElement(import_vector_icons2.AntDesign, { name: "user", color: "#fff", size: Math.round(size / 1.5) }));
+  return /* @__PURE__ */ import_react7.default.createElement(import_react_native7.View, { style: styles.root }, source && !imageError ? /* @__PURE__ */ import_react7.default.createElement(
+    import_react_native7.Image,
+    {
+      resizeMode: "cover",
+      style: styles.image,
+      source,
+      onError: () => setImageError(true)
+    }
+  ) : label ? /* @__PURE__ */ import_react7.default.createElement(Typography_default, { style: { color: colors2[color].text } }, label[0]) : /* @__PURE__ */ import_react7.default.createElement(import_vector_icons2.AntDesign, { name: "user", color: "#fff", size: Math.round(size / 1.5) }));
 };
 var Avatar_default = Avatar;
 
@@ -969,7 +984,8 @@ var Popup = ({
   },
   style,
   onModalShow,
-  onModalHide
+  onModalHide,
+  disableAutoKeyboardManagement = false
 }) => {
   const theme = useTheme();
   const colors2 = useColors();
@@ -1097,27 +1113,34 @@ var Popup = ({
         behavior: import_react_native11.Platform.OS === "ios" ? "padding" : "height",
         keyboardVerticalOffset: keyboardVerticalOffset || keyboardVerticalOffsetValue
       },
-      /* @__PURE__ */ import_react11.default.createElement(import_react_native11.TouchableWithoutFeedback, { onPress: import_react_native11.Keyboard.dismiss }, /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles.root }, modalOpen && /* @__PURE__ */ import_react11.default.createElement(
-        import_react_native11.Pressable,
-        {
-          style: [import_react_native11.StyleSheet.absoluteFill, { zIndex: 1 }],
-          onPress: closeAction
-        }
-      ), /* @__PURE__ */ import_react11.default.createElement(
-        import_react_native_reanimated2.default.View,
+      /* @__PURE__ */ import_react11.default.createElement(
+        import_react_native11.TouchableWithoutFeedback,
         {
-          style: [styles.avoidingView, contentAnimatedStyle],
-          layout: modalVisible ? import_react_native_reanimated2.LinearTransition.springify().stiffness(200).mass(0.5).damping(100) : void 0
+          onPress: import_react_native11.Keyboard.dismiss,
+          disabled: disableAutoKeyboardManagement
         },
-        /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles.container }, !bare && /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles.title }, /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles.titleIcon }, /* @__PURE__ */ import_react11.default.createElement(
-          IconButton,
+        /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles.root }, modalOpen && /* @__PURE__ */ import_react11.default.createElement(
+          import_react_native11.Pressable,
           {
-            size: 20,
-            icon: "close",
+            style: [import_react_native11.StyleSheet.absoluteFill, { zIndex: 1 }],
             onPress: closeAction
           }
-        )), /* @__PURE__ */ import_react11.default.createElement(Typography_default, { align: "center", fontWeight: 500 }, title)), /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles.content }, children))
-      )))
+        ), /* @__PURE__ */ import_react11.default.createElement(
+          import_react_native_reanimated2.default.View,
+          {
+            style: [styles.avoidingView, contentAnimatedStyle],
+            layout: modalVisible ? import_react_native_reanimated2.LinearTransition.springify().stiffness(200).mass(0.5).damping(100) : void 0
+          },
+          /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles.container }, !bare && /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles.title }, /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles.titleIcon }, /* @__PURE__ */ import_react11.default.createElement(
+            IconButton,
+            {
+              size: 20,
+              icon: "close",
+              onPress: closeAction
+            }
+          )), /* @__PURE__ */ import_react11.default.createElement(Typography_default, { align: "center", fontWeight: 500 }, title)), /* @__PURE__ */ import_react11.default.createElement(import_react_native11.View, { style: styles.content }, children))
+        ))
+      )
     ))
   );
 };
@@ -1427,27 +1450,36 @@ var SelectMenu = ({
     ),
     [value, colors2]
   );
-  return /* @__PURE__ */ import_react15.default.createElement(Popup, { open, onClose, title: label }, /* @__PURE__ */ import_react15.default.createElement(import_react_native15.View, { style: styles.content }, /* @__PURE__ */ import_react15.default.createElement(import_react_native15.View, { style: styles.header }, helperText && /* @__PURE__ */ import_react15.default.createElement(Typography_default, { variant: "body2", color: "textSecondary", gutterBottom: 5 }, helperText), searchEnabled && /* @__PURE__ */ import_react15.default.createElement(
-    TextField_default,
-    {
-      label: searchPlaceholder,
-      value: search,
-      type: "search",
-      onChangeText: setSearch,
-      variant: "outlined"
-    }
-  )), /* @__PURE__ */ import_react15.default.createElement(
-    import_react_native15.FlatList,
+  return /* @__PURE__ */ import_react15.default.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__ */ import_react15.default.createElement(import_react_native15.View, { style: styles.content }, /* @__PURE__ */ import_react15.default.createElement(import_react_native15.View, { style: styles.header }, helperText && /* @__PURE__ */ import_react15.default.createElement(Typography_default, { variant: "body2", color: "textSecondary", gutterBottom: 5 }, helperText), searchEnabled && /* @__PURE__ */ import_react15.default.createElement(
+      TextField_default,
+      {
+        label: searchPlaceholder,
+        value: search,
+        type: "search",
+        onChangeText: setSearch,
+        variant: "outlined"
+      }
+    )), /* @__PURE__ */ import_react15.default.createElement(
+      import_react_native15.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;