react-native-boxes 1.3.32 → 1.4.2

package/package.json

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

package/src/Input.tsx

@@ -86,7 +86,7 @@ export function CompositeTextInputView(props: TextInputProps & {
     leftIcon?: 'edit' | string | React.Component,
     icon?: 'close' | 'eye' | string | React.Component,
     onIconPress?: ((event: GestureResponderEvent) => void) | undefined,
-    textInputProps?: TextInputProps
+    textInputProps?: TextInputProps,
 }) {
     const theme = useContext(ThemeContext)
     const [text, setText] = useState(props.initialText)
@@ -148,6 +148,7 @@ export function CompositeTextInputView(props: TextInputProps & {
             }} name={props.leftIcon} />
     ) : props.leftIcon
 
+    const TextComponent = props.readOnly ? TextView : TextInputView
     return (
         <HBox style={[{
             paddingEnd: theme.dimens.space.md,
@@ -185,7 +186,7 @@ export function CompositeTextInputView(props: TextInputProps & {
 
                     }}
                 >{props.placeholder || ''}</TextView>}
-                <TextInput
+                <TextComponent
                     selectionColor={props.selectionColor || theme.colors.accent}
                     secureTextEntry={props.secureTextEntry}
                     placeholderTextColor={theme.colors.caption}

package/src/Modal.tsx

@@ -420,6 +420,7 @@ export const DropDownView = (props: DropDownViewProps) => {
                             }}
                         >
                             <CompositeTextInputView
+                                readOnly={true}
                                 placeholder={props.title}
                                 {...props}
                                 value={getSelected()?.title || getSelected()?.id}

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>
     )
 }