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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/lib/components/DropDown.js +8 -5
  2. package/lib/components/TextBox.d.ts +20 -1
  3. package/lib/components/TextBox.js +2 -2
  4. package/package.json +1 -1
package/lib/components/DropDown.js CHANGED
@@ -133,9 +133,12 @@ class DropDown extends React.Component {
133
133
  const theme = theme_1.getTheme();
134
134
  const { icon } = this.props;
135
135
  const styles = react_native_1.StyleSheet.create({
136
- container: Object.assign({ paddingHorizontal: 16, paddingVertical: 8, borderWidth: 1, borderColor: theme.borderColor1, borderRadius: 3 }, (icon ? { flexDirection: 'row' } : {}), (icon && react_native_1.Platform.OS === 'web'
137
- ? { minHeight: 40 }
138
- : { minHeight: 48 })),
136
+ container: Object.assign({ paddingHorizontal: 16, paddingVertical: 8, borderWidth: 1, borderColor: theme.borderColor1, borderRadius: 3 }, (icon
137
+ ? {
138
+ flexDirection: 'row',
139
+ minHeight: react_native_1.Platform.OS === 'web' || react_native_1.Platform.OS === 'ios' ? 40 : 46
140
+ }
141
+ : {})),
139
142
  label: {
140
143
  color: theme.textColor2,
141
144
  fontFamily: theme.fontFamily3,
@@ -213,7 +216,7 @@ class DropDown extends React.Component {
213
216
  paddingVertical: 8,
214
217
  fontSize: 26
215
218
  },
216
- icone: {
219
+ iconOnLine: {
217
220
  color: theme.textColor2,
218
221
  fontSize: layout_1.isTablet() ? 21 : 19,
219
222
  marginRight: 10,
@@ -233,7 +236,7 @@ class DropDown extends React.Component {
233
236
  const theme = theme_1.getTheme();
234
237
  return (React.createElement(react_native_1.TouchableWithoutFeedback, { onPress: () => this.setState({ modalOpen: true }), disabled: disabled },
235
238
  React.createElement(react_native_1.View, { nativeID: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
236
- icon ? (React.createElement(FontAwesome_1.default, { name: icon, style: styles.icone })) : (React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, label)),
239
+ icon ? (React.createElement(FontAwesome_1.default, { name: icon, style: styles.iconOnLine })) : (React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, label)),
237
240
  this.renderClosedDropDown(selectedItem, inputStyle),
238
241
  React.createElement(Modal_1.Modal, { visible: modalOpen, onRequestClose: () => this.setState({ modalOpen: false }), overlayStyle: styles.modalOverlay },
239
242
  React.createElement(react_native_1.TouchableWithoutFeedback, null,
package/lib/components/TextBox.d.ts CHANGED
@@ -58,7 +58,7 @@ export declare class TextBox extends React.Component<TextBoxProperties> {
58
58
  icon: {
59
59
  color: string;
60
60
  fontSize: number;
61
- paddingRight: number;
61
+ marginRight: number;
62
62
  alignSelf: "center";
63
63
  minHeight: number;
64
64
  };
@@ -69,6 +69,7 @@ export declare class TextBox extends React.Component<TextBoxProperties> {
69
69
  lineHeight: number;
70
70
  };
71
71
  input: {
72
+ flex: number;
72
73
  outline: string;
73
74
  color: string;
74
75
  fontFamily: string;
@@ -77,6 +78,24 @@ export declare class TextBox extends React.Component<TextBoxProperties> {
77
78
  minHeight: number;
78
79
  padding: number;
79
80
  margin: number;
81
+ } | {
82
+ outline: string;
83
+ color: string;
84
+ fontFamily: string;
85
+ fontWeight: "normal";
86
+ fontSize: number;
87
+ minHeight: number;
88
+ padding: number;
89
+ margin: number;
90
+ } | {
91
+ flex: number;
92
+ color: string;
93
+ fontFamily: string;
94
+ fontWeight: "normal";
95
+ fontSize: number;
96
+ minHeight: number;
97
+ padding: number;
98
+ margin: number;
80
99
  } | {
81
100
  color: string;
82
101
  fontFamily: string;
package/lib/components/TextBox.js CHANGED
@@ -17,7 +17,7 @@ class TextBox extends React.Component {
17
17
  icon: {
18
18
  color: theme.textColor2,
19
19
  fontSize: layout_1.isTablet() ? 21 : 19,
20
- paddingRight: 10,
20
+ marginRight: 10,
21
21
  alignSelf: 'center',
22
22
  minHeight: 22
23
23
  },
@@ -27,7 +27,7 @@ class TextBox extends React.Component {
27
27
  fontSize: layout_1.isTablet() ? 15 : 12,
28
28
  lineHeight: 16
29
29
  },
30
- 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' } : {})),
30
+ 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' } : {}), (icon ? { flex: 1 } : {})),
31
31
  readonly: {
32
32
  backgroundColor: theme.disabledColor
33
33
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "secullum-react-native-ui",
3
- "version": "4.3.8-beta.0",
3
+ "version": "4.3.8-beta.3",
4
4
  "main": "lib/index.js",
5
5
  "types": "lib/index.d.ts",
6
6
  "files": [