react-native-boxes 1.4.26 → 1.4.28

package/package.json

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

package/src/Input.tsx

@@ -217,6 +217,7 @@ export function CompositeTextInputView(props: CompositeTextInputViewProps) {
                         }
                     }}
                     style={[{
+                        paddingStart: props.readOnly ? theme.dimens.space.xs : undefined,
                         color: theme.colors.text,
                         fontSize: theme.dimens.font.md,
                         fontFamily: theme.fonts.Regular,

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/Modal.tsx

@@ -7,7 +7,7 @@ import { ThemeContext } from './ThemeContext';
 import { Center, HBox, VBox, VPage } from './Box';
 import { Subtitle, TextView, Title } from './Text';
 import { ButtonView, ButtonViewProps, LoadingButton, PressableView, TertiaryButtonView } from './Button';
-import { CompositeTextInputView } from './Input';
+import { CompositeTextInputView, CompositeTextInputViewProps } from './Input';
 import * as WebBrowser from 'expo-web-browser';
 import { TransparentCenterToolbar } from './Bar';
 import { GestureDetector, Gesture, Directions } from 'react-native-gesture-handler';
@@ -380,7 +380,7 @@ export type DropDownViewProps = {
     onRenderOption?: (opt: DropDownViewOption) => any,
     forceDialogSelectOnWeb?: Boolean
     swipeToCloseDisabled?: boolean
-} & ViewProps
+} & CompositeTextInputViewProps
 
 /**
  * set swipeToCloseDisabled = true if you face issues with scrolling

package/src/utils.ts

@@ -3,10 +3,21 @@ import { Dimensions } from 'react-native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 
 
+function extractPathFromUrl(url: string): string {
+    const pathStartIndex = url.indexOf('/', url.indexOf('//') + 2);
+    if (pathStartIndex === -1) {
+        return '';
+    }
+    return url.substring(pathStartIndex + 1); // +1 to remove leading '/'
+}
+
 export function getNavParamsFromDeeplink(url: string) {
     if (url?.startsWith("/")) {
         url = url.substring(1)
     }
+    if (url?.startsWith("http")) {
+        url = extractPathFromUrl(url)
+    }
     let parts = url.split("/");
 
     let root, rootParams: any = {};