@hoddy-ui/next 2.0.59 → 2.0.60

package/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 };
@@ -932,7 +938,8 @@ var Popup = ({
   },
   style,
   onModalShow,
-  onModalHide
+  onModalHide,
+  disableAutoKeyboardManagement = false
 }) => {
   const theme = useTheme();
   const colors2 = useColors();
@@ -1060,27 +1067,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,
+      /* @__PURE__ */ React11.createElement(
+        TouchableWithoutFeedback2,
         {
-          style: [StyleSheet2.absoluteFill, { zIndex: 1 }],
-          onPress: closeAction
-        }
-      ), /* @__PURE__ */ React11.createElement(
-        Animated2.View,
-        {
-          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))
+        ))
+      )
     ))
   );
 };
@@ -1395,27 +1409,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;