secullum-react-native-ui 4.3.8-beta.0 → 4.3.8-beta.1

package/lib/components/DropDown.js

@@ -133,9 +133,12 @@ class DropDown extends React.Component {
             const theme = theme_1.getTheme();
             const { icon } = this.props;
             const styles = react_native_1.StyleSheet.create({
-                container: Object.assign({ paddingHorizontal: 16, paddingVertical: 8, borderWidth: 1, borderColor: theme.borderColor1, borderRadius: 3 }, (icon ? { flexDirection: 'row' } : {}), (icon && react_native_1.Platform.OS === 'web'
-                    ? { minHeight: 40 }
-                    : { minHeight: 48 })),
+                container: Object.assign({ paddingHorizontal: 16, paddingVertical: 8, borderWidth: 1, borderColor: theme.borderColor1, borderRadius: 3 }, (icon
+                    ? {
+                        flexDirection: 'row',
+                        minHeight: react_native_1.Platform.OS === 'web' || react_native_1.Platform.OS === 'ios' ? 40 : 46
+                    }
+                    : {})),
                 label: {
                     color: theme.textColor2,
                     fontFamily: theme.fontFamily3,
@@ -213,7 +216,7 @@ class DropDown extends React.Component {
                     paddingVertical: 8,
                     fontSize: 26
                 },
-                icone: {
+                iconOnLine: {
                     color: theme.textColor2,
                     fontSize: layout_1.isTablet() ? 21 : 19,
                     marginRight: 10,
@@ -233,7 +236,7 @@ class DropDown extends React.Component {
         const theme = theme_1.getTheme();
         return (React.createElement(react_native_1.TouchableWithoutFeedback, { onPress: () => this.setState({ modalOpen: true }), disabled: disabled },
             React.createElement(react_native_1.View, { nativeID: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
-                icon ? (React.createElement(FontAwesome_1.default, { name: icon, style: styles.icone })) : (React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, label)),
+                icon ? (React.createElement(FontAwesome_1.default, { name: icon, style: styles.iconOnLine })) : (React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, label)),
                 this.renderClosedDropDown(selectedItem, inputStyle),
                 React.createElement(Modal_1.Modal, { visible: modalOpen, onRequestClose: () => this.setState({ modalOpen: false }), overlayStyle: styles.modalOverlay },
                     React.createElement(react_native_1.TouchableWithoutFeedback, null,

package/lib/components/TextBox.d.ts

@@ -58,7 +58,7 @@ export declare class TextBox extends React.Component<TextBoxProperties> {
         icon: {
             color: string;
             fontSize: number;
-            paddingRight: number;
+            marginRight: number;
             alignSelf: "center";
             minHeight: number;
         };
@@ -69,6 +69,7 @@ export declare class TextBox extends React.Component<TextBoxProperties> {
             lineHeight: number;
         };
         input: {
+            flex: number;
             outline: string;
             color: string;
             fontFamily: string;
@@ -78,6 +79,7 @@ export declare class TextBox extends React.Component<TextBoxProperties> {
             padding: number;
             margin: number;
         } | {
+            flex: number;
             color: string;
             fontFamily: string;
             fontWeight: "normal";

package/lib/components/TextBox.js

@@ -17,7 +17,7 @@ class TextBox extends React.Component {
                 icon: {
                     color: theme.textColor2,
                     fontSize: layout_1.isTablet() ? 21 : 19,
-                    paddingRight: 10,
+                    marginRight: 10,
                     alignSelf: 'center',
                     minHeight: 22
                 },
@@ -27,7 +27,7 @@ class TextBox extends React.Component {
                     fontSize: layout_1.isTablet() ? 15 : 12,
                     lineHeight: 16
                 },
-                input: Object.assign({ color: theme.textColor1, fontFamily: this.props.value ? theme.fontFamily1 : theme.fontFamily3, fontWeight: 'normal', fontSize: 16, minHeight: 22, padding: 0, margin: 0 }, (react_native_1.Platform.OS === 'web' ? { outline: 'none' } : {})),
+                input: Object.assign({ color: theme.textColor1, fontFamily: this.props.value ? theme.fontFamily1 : theme.fontFamily3, fontWeight: 'normal', fontSize: 16, minHeight: 22, padding: 0, margin: 0 }, (react_native_1.Platform.OS === 'web' ? { outline: 'none' } : {}), { flex: 1 }),
                 readonly: {
                     backgroundColor: theme.disabledColor
                 }

package/package.json

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