react-native-boxes 1.4.1 → 1.4.3

package/package.json

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

package/src/List.tsx

@@ -66,13 +66,15 @@ export function SimpleDatatlistViewItem(props: SimpleDatatableViewItemProps & Vi
                 style={[{
                     margin: 0,
                     marginBottom: theme.dimens.space.sm,
-                    padding: theme.dimens.space.md,
+                    padding: theme.dimens.space.sm,
                     alignItems: 'center',
                     flexDirection: 'row',
                     justifyContent: 'space-evenly'
                 }, props.style]}>
 
                 <Box style={{
+                    margin: 0,
+                    padding: 0,
                     justifyContent: 'center',
                     alignContent: 'center',
                     alignItems: 'center',
@@ -86,6 +88,8 @@ export function SimpleDatatlistViewItem(props: SimpleDatatableViewItemProps & Vi
                     }} />}
                 </Box>
                 <VBox style={{
+                    margin: 0,
+                    padding: 0,
                     //@ts-ignore
                     paddingStart: flexRatio.left > 1 ? theme.dimens.space.md : 0,
                     width: `${percentages.middle}%`,
@@ -101,9 +105,13 @@ export function SimpleDatatlistViewItem(props: SimpleDatatableViewItemProps & Vi
                     }}>{props.title}</Subtitle>)}
                     {props.subtitle && (<TextView style={{
                         marginTop: 0,
+                        padding: 0,
                         paddingTop: theme.dimens.space.sm,
                     }}>{props.subtitle}</TextView>)}
-                    {props.body && (<Caption >{props.body}</Caption>)}
+                    {props.body && (<Caption style={{
+                        padding: 0,
+                        margin: 0
+                    }}>{props.body}</Caption>)}
                 </VBox>
                 <Box style={{
                     alignItems: 'flex-end',

package/src/Message.tsx

@@ -12,6 +12,7 @@ export function AlertMessage(props:
     ViewProps & {
         text: string,
         type?: 'info' | 'success' | 'warning' | 'critical',
+        color?: string,
         onDismiss?: Function
 
     }) {
@@ -63,11 +64,11 @@ export function AlertMessage(props:
                     }}
                     name={icon}
                     size={theme.dimens.icon.md}
-                    color={theme.colors.invert.text} />
+                    color={props.color || theme.colors.invert.text} />
                 <TextView style={{
                     flexShrink: 1,
                     padding: 0,
-                    color: theme.colors.invert.text,
+                    color: props.color || theme.colors.invert.text,
                 }}>{props.text}
                 </TextView>
             </HBox>

package/src/Modal.tsx

@@ -481,10 +481,14 @@ export function ConfirmationDialog(props: ConfirmationDialogProps) {
                     props.onDismiss && props.onDismiss()
                     props.onConfirm && props.onConfirm()
                 }} />
-                <TertiaryButtonView text={cancelText as string} onPress={() => {
-                    props.onDismiss && props.onDismiss()
-                    props.onCancel && props.onCancel()
-                }} />
+                <TertiaryButtonView
+                    style={{
+                        marginTop: 0
+                    }}
+                    text={cancelText as string} onPress={() => {
+                        props.onDismiss && props.onDismiss()
+                        props.onCancel && props.onCancel()
+                    }} />
             </VBox>
 
         </BottomSheet>

package/src/Text.tsx

@@ -4,14 +4,24 @@ import { ThemeContext } from "./ThemeContext";
 
 export type TextViewProps = TextProps & {
     skipI18n?: boolean
+    value?: string
+    text?: string
 }
 export function TextView(props: TextViewProps) {
     const theme = useContext(ThemeContext)
     let children = props.children
+    let value = props.value
+    let text = props.text
     if (theme.i18n && !props.skipI18n) {
         if (children && typeof children == 'string') {
             children = theme.i18n.t(children)
         }
+        if (value) {
+            value = theme.i18n.t(value)
+        }
+        if (text) {
+            text = theme.i18n.t(text)
+        }
     }
     return (
         <Text {...props}
@@ -20,7 +30,7 @@ export function TextView(props: TextViewProps) {
                 color: theme.colors.text,
                 padding: theme.dimens.space.sm
             }, theme.styles.text, props.style]} >
-            {children}
+            {children || text || value}
         </Text>
     )
 }