react-native-boxes 1.4.27 → 1.4.29

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-boxes",
-  "version": "1.4.27",
+  "version": "1.4.29",
   "description": "A react native library for rapid development of UI using boxes",
   "main": "src/index.js",
   "scripts": {

package/src/Message.tsx

@@ -3,19 +3,22 @@ import * as React from "react";
 import { useContext } from 'react'
 import { ThemeContext } from "./ThemeContext";
 import FontAwesome from '@expo/vector-icons/FontAwesome';
-import { Platform, Pressable, Text, ViewProps } from "react-native";
+import { Platform, Pressable, Text, ViewProps, ViewStyle } from "react-native";
 import { TextView } from "./Text";
 import { isDesktop } from "./utils";
+import { TransparentButton } from "./Button";
 
 
 
 export function AlertMessage(props:
-    ViewProps & {
+    {
         text: string,
         type?: 'info' | 'success' | 'warning' | 'critical',
         color?: string,
-        onDismiss?: Function
-
+        onDismiss?: () => void
+        action?: React.ReactNode
+        style?: ViewStyle
+        onPress?: () => void
     }) {
     const theme = useContext(ThemeContext)
     const type = props.type || 'info'
@@ -74,6 +77,7 @@ export function AlertMessage(props:
                 }}>{props.text}
                 </TextView>
             </HBox>
+            {props.action}
             {
                 props.onDismiss && <Pressable
                     style={{

package/src/utils.ts

@@ -96,6 +96,17 @@ export function isWeb() {
     return Platform.OS == 'web'
 }
 
+export function isNative() {
+    return Platform.OS !== 'web'
+}
+
+export function isAndroid() {
+    return Platform.OS == 'android'
+}
+
+export function isIOS() {
+    return Platform.OS == 'ios'
+}
 
 export function isDesktop() {
     const windowWidth = Dimensions.get('window').width;