@bigbinary/neetoui-rn 3.1.3 → 3.1.5

package/lib/typescript/src/components/Alert/Alert.d.ts

@@ -7,7 +7,7 @@ export type AlertButton = {
 export type AlertParams = {
     title: string;
     description?: string;
-    /** When true (default), backdrop tap / swipe-down dismiss the sheet. */
+    /** When true (default), backdrop tap, swipe-down and Android back dismiss the sheet. */
     isCancelable?: boolean;
     /**
      * First button is the full-width primary action; the rest render as

package/lib/typescript/src/components/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAGrD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAQF;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;;iBAqHI,WAAW;CAHhC,CAAC"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../../src/components/Alert/Alert.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAGrD,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wFAAwF;IACxF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,kEAAkE;IAClE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAQF;;;;;;GAMG;AACH,eAAO,MAAM,KAAK;;iBAsII,WAAW;CAHhC,CAAC"}

package/lib/typescript/src/components/BottomSheetMenu/BottomSheetMenu.d.ts

@@ -19,10 +19,11 @@ export type BottomSheetMenuProps = {
     header?: ReactNode;
     title?: string;
     cancelLabel?: string;
+    maxHeightRatio?: number;
 };
 /**
  * Action-menu sheet (promoted from neeto-commons-rn, 10 call sites).
  * Same props; rows render as the sheet's footer content.
  */
-export declare const BottomSheetMenu: ({ isVisible, onClose, items, onItemPress, header, title, cancelLabel, }: BottomSheetMenuProps) => import("react").JSX.Element;
+export declare const BottomSheetMenu: ({ isVisible, onClose, items, onItemPress, header, title, cancelLabel, maxHeightRatio, }: BottomSheetMenuProps) => import("react").JSX.Element;
 //# sourceMappingURL=BottomSheetMenu.d.ts.map

package/lib/typescript/src/components/BottomSheetMenu/BottomSheetMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BottomSheetMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheetMenu/BottomSheetMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxD,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,yEAQ7B,oBAAoB,gCA6DtB,CAAC"}
+{"version":3,"file":"BottomSheetMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/BottomSheetMenu/BottomSheetMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAQ3D,MAAM,MAAM,mBAAmB,GAAG;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxD,kEAAkE;IAClE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC,SAAS,EAAE,OAAO,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,GAAI,yFAS7B,oBAAoB,gCA8DtB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neetoui-rn",
-  "version": "3.1.3",
+  "version": "3.1.5",
   "description": "neeto UI component library for React Native — v3 (Unistyles, TypeScript, New Architecture)",
   "author": "BigBinary",
   "license": "MIT",

package/src/components/Alert/Alert.tsx

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef, useState } from "react";
-import { Pressable, View } from "react-native";
+import { BackHandler, Pressable, View } from "react-native";
 import {
   BottomSheetBackdrop,
   BottomSheetModal,
@@ -21,7 +21,7 @@ export type AlertButton = {
 export type AlertParams = {
   title: string;
   description?: string;
-  /** When true (default), backdrop tap / swipe-down dismiss the sheet. */
+  /** When true (default), backdrop tap, swipe-down and Android back dismiss the sheet. */
   isCancelable?: boolean;
   /**
    * First button is the full-width primary action; the rest render as
@@ -88,6 +88,23 @@ export const Alert = () => {
     }
   }, [isVisible]);
 
+  // gorhom leaves Android back alone, so without this the press falls
+  // through to the navigator and pops the screen underneath the sheet.
+  useEffect(() => {
+    if (!isVisible) return undefined;
+
+    const subscription = BackHandler.addEventListener(
+      "hardwareBackPress",
+      () => {
+        if (isCancelable) setIsVisible(false);
+
+        return true;
+      }
+    );
+
+    return () => subscription.remove();
+  }, [isVisible, isCancelable]);
+
   const hide = () => setIsVisible(false);
 
   // Fires for every close path — button press, backdrop tap, swipe down and

package/src/components/BottomSheetMenu/BottomSheetMenu.tsx

@@ -24,6 +24,7 @@ export type BottomSheetMenuProps = {
   header?: ReactNode;
   title?: string;
   cancelLabel?: string;
+  maxHeightRatio?: number;
 };
 
 /**
@@ -38,6 +39,7 @@ export const BottomSheetMenu = ({
   header,
   title,
   cancelLabel = "Cancel",
+  maxHeightRatio,
 }: BottomSheetMenuProps) => {
   const { theme } = useUnistyles();
 
@@ -46,6 +48,7 @@ export const BottomSheetMenu = ({
       data={[]}
       hide={onClose}
       isVisible={isVisible}
+      maxHeightRatio={maxHeightRatio}
       shouldShowItemSeparator={false}
       style={styles.sheetContent}
       onBackdropPress={onClose}