react-native-boxes 1.4.23 → 1.4.25

package/package.json

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

package/src/Button.tsx

@@ -81,7 +81,7 @@ export function TransparentButton(props: TextProps & TouchableHighlightProps
                             //@ts-ignore
                             fontFamily: tstyle.fontFamily || theme.fonts.Bold,
                             //@ts-ignore
-                            color: isPressed ? (props.underlayColor || theme.colors.accent) : tstyle.color || theme.colors.text,
+                            color: isPressed ? (props.underlayColor || theme.colors.accentLight) : tstyle.color || theme.colors.accent,
                         }}>
                             {props.text || props.children}
                         </TextView>

package/src/Input.tsx

@@ -68,16 +68,7 @@ export function TextInputView(props: TextInputProps & {
     )
 }
 
-
-/**
- * Note: if input is inside a ScrollView in heirarchy anywhere then add keyboardShouldPersistTaps={'handled'}
- * to the scrollview else the icon click wont work
- * In case, you textinput is getting hidden due to keyboard see https://stackoverflow.com/a/77563800/6865753
-
- * @param props 
- * @returns 
- */
-export function CompositeTextInputView(props: TextInputProps & {
+export type CompositeTextInputViewProps = TextInputProps & {
     hint?: string,
     alertText?: string,
     alertTextColor?: string,
@@ -87,7 +78,17 @@ export function CompositeTextInputView(props: TextInputProps & {
     icon?: 'close' | 'eye' | string | React.Component,
     onIconPress?: ((event: GestureResponderEvent) => void) | undefined,
     textInputProps?: TextInputProps,
-}) {
+    onDone?: (txt: string) => void
+}
+/**
+ * Note: if input is inside a ScrollView in heirarchy anywhere then add keyboardShouldPersistTaps={'handled'}
+ * to the scrollview else the icon click wont work
+ * In case, you textinput is getting hidden due to keyboard see https://stackoverflow.com/a/77563800/6865753
+
+ * @param props 
+ * @returns 
+ */
+export function CompositeTextInputView(props: CompositeTextInputViewProps) {
     const theme = useContext(ThemeContext)
     const [text, setText] = useState(props.initialText)
     const [alerttext, setAlertText] = useState(props.alertText)
@@ -187,6 +188,9 @@ export function CompositeTextInputView(props: TextInputProps & {
                     }}
                 >{props.placeholder || ''}</TextView>}
                 <TextComponent
+                    onSubmitEditing={(e) => {
+                        props.onDone && props.onDone(text!)
+                    }}
                     selectionColor={props.selectionColor || theme.colors.accent}
                     secureTextEntry={props.secureTextEntry}
                     placeholderTextColor={theme.colors.caption}