secullum-react-native-ui 4.6.6 → 4.6.7

package/lib/components/StatusBar.d.ts

@@ -1,5 +1,8 @@
 import * as React from 'react';
-export declare class StatusBar extends React.Component {
+interface Props {
+    extraHeight: number;
+}
+export declare class StatusBar extends React.Component<Props> {
     static height: number;
     getStyles: () => {
         statusBar: {
@@ -7,5 +10,9 @@ export declare class StatusBar extends React.Component {
             height: number;
         };
     };
+    static defaultProps: {
+        extraHeight: number;
+    };
     render(): JSX.Element;
 }
+export {};

package/lib/components/StatusBar.js

@@ -10,10 +10,11 @@ class StatusBar extends React.Component {
         super(...arguments);
         this.getStyles = () => {
             const theme = (0, theme_1.getTheme)();
+            const { extraHeight } = this.props;
             const styles = react_native_1.StyleSheet.create({
                 statusBar: {
                     backgroundColor: theme.statusBarColor,
-                    height: (0, react_native_status_bar_height_1.getStatusBarHeight)()
+                    height: (0, react_native_status_bar_height_1.getStatusBarHeight)() + extraHeight
                 }
             });
             return styles;
@@ -27,3 +28,6 @@ class StatusBar extends React.Component {
 }
 exports.StatusBar = StatusBar;
 StatusBar.height = (0, react_native_status_bar_height_1.getStatusBarHeight)();
+StatusBar.defaultProps = {
+    extraHeight: 0
+};

package/lib/components/TextBox.js

@@ -86,15 +86,17 @@ class TextBox extends React.Component {
                 this.props.onKeyPress(react_native_1.Platform.OS === 'web' ? event : event.nativeEvent);
             }
         };
-        const content = (React.createElement(react_native_1.View, { style: [styles.container, style, editable ? null : styles.readonly] },
-            icon ? (React.createElement(FontAwesome_1.default, { name: icon, style: styles.icon })) : (React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, label)),
-            renderInput
-                ? renderInput(incomingProps)
-                : this.renderInput(incomingProps)));
-        if (react_native_1.Platform.OS === 'web') {
-            return (React.createElement("div", { onClick: () => (onPress ? onPress() : this.focus()) }, content));
-        }
-        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, onPress: () => (onPress ? onPress() : this.focus()) }, content));
+        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, onPress: () => (onPress ? onPress() : this.focus()), ref: react_native_1.Platform.OS === 'web'
+                ? //@ts-ignore
+                    //removed while we fix the bug of textboxes closing modals
+                    //ref => ref && ref.setNativeProps({ tabIndex: -1 })
+                    undefined
+                : undefined },
+            React.createElement(react_native_1.View, { style: [styles.container, style, editable ? null : styles.readonly] },
+                icon ? (React.createElement(FontAwesome_1.default, { name: icon, style: styles.icon })) : (React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, label)),
+                renderInput
+                    ? renderInput(incomingProps)
+                    : this.renderInput(incomingProps))));
     }
 }
 exports.TextBox = TextBox;

package/lib/components/TimePicker.web.js

@@ -45,7 +45,9 @@ class TimePicker extends React.Component {
     render() {
         const { label, style, disabled, value, nativeID } = this.props;
         const styles = this.getStyles();
-        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, disabled: disabled },
+        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, disabled: disabled, 
+            //@ts-ignore
+            ref: ref => ref && ref.setNativeProps({ tabIndex: -1 }) },
             React.createElement(react_native_1.View, { style: [styles.container, style, !disabled ? null : styles.readonly] },
                 React.createElement(react_native_1.Text, { style: styles.label }, label),
                 React.createElement(react_native_1.TextInput, { nativeID: nativeID, value: value, style: styles.input, maxLength: 5, onKeyPress: (e) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "secullum-react-native-ui",
-  "version": "4.6.6",
+  "version": "4.6.7",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [