secullum-react-native-ui 4.7.1 → 4.7.2-beta.1

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.
@@ -18,9 +18,9 @@ export declare class CheckBox extends React.Component<Props> {
18
18
  };
19
19
  icon: {
20
20
  color: string;
21
+ width: number;
21
22
  fontSize: number;
22
23
  height: number;
23
- width: number;
24
24
  lineHeight: number;
25
25
  };
26
26
  label: {
@@ -12,6 +12,7 @@ class CheckBox extends React.Component {
12
12
  this.getStyles = () => {
13
13
  const theme = (0, theme_1.getTheme)();
14
14
  const { disabled } = this.props;
15
+ const iconSize = (0, layout_1.isTablet)() ? 24 : 20;
15
16
  return react_native_1.StyleSheet.create({
16
17
  container: {
17
18
  flexDirection: 'row',
@@ -19,10 +20,10 @@ class CheckBox extends React.Component {
19
20
  },
20
21
  icon: {
21
22
  color: disabled ? theme.disabledColor : theme.textColor1,
22
- fontSize: 20,
23
- height: 20,
24
- width: 24,
25
- lineHeight: 20
23
+ width: (0, layout_1.isTablet)() ? 28 : 24,
24
+ fontSize: iconSize,
25
+ height: iconSize,
26
+ lineHeight: iconSize
26
27
  },
27
28
  label: {
28
29
  color: disabled ? theme.disabledColor : theme.textColor1,
@@ -147,8 +147,8 @@ class DropDown extends React.Component {
147
147
  lineHeight: 16
148
148
  },
149
149
  text: {
150
- lineHeight: 22,
151
- minHeight: 22,
150
+ lineHeight: (0, layout_1.isTablet)() ? 28 : 22,
151
+ minHeight: (0, layout_1.isTablet)() ? 28 : 22,
152
152
  textAlignVertical: 'center',
153
153
  color: theme.textColor1,
154
154
  fontFamily: theme.fontFamily1,
@@ -22,7 +22,7 @@ class Header extends React.Component {
22
22
  title: {
23
23
  color: theme.textColor4,
24
24
  fontFamily: theme.fontFamily1,
25
- fontSize: (0, layout_1.isTablet)() ? 25 : 18,
25
+ fontSize: (0, layout_1.isTablet)() ? 22 : 18,
26
26
  marginHorizontal: 35
27
27
  },
28
28
  button: {
@@ -4,6 +4,7 @@ export interface QuestionProperties {
4
4
  message: string;
5
5
  visible: boolean;
6
6
  nativeID?: string;
7
+ textStyle?: StyleProp<TextStyle>;
7
8
  okButton: {
8
9
  text: string;
9
10
  onPress: () => void;
@@ -50,13 +50,13 @@ class Question extends React.Component {
50
50
  };
51
51
  }
52
52
  render() {
53
- const { message, visible, nativeID, okButton, cancelButton } = this.props;
53
+ const { message, textStyle, visible, nativeID, okButton, cancelButton } = this.props;
54
54
  const styles = this.getStyles();
55
55
  return (React.createElement(react_native_1.Modal, { animationType: "fade", transparent: true, visible: visible },
56
56
  React.createElement(react_native_1.View, { style: [styles.overlay], nativeID: nativeID },
57
57
  React.createElement(react_native_1.View, { style: styles.container },
58
58
  React.createElement(FontAwesome_1.default, { name: 'question-circle', style: styles.icon }),
59
- React.createElement(react_native_1.Text, { style: styles.text }, message),
59
+ React.createElement(react_native_1.Text, { style: [styles.text, textStyle] }, message),
60
60
  React.createElement(Space_1.Space, null),
61
61
  React.createElement(react_native_1.View, { style: styles.botoesAcao },
62
62
  React.createElement(Button_1.Button, { text: cancelButton.text, onPress: cancelButton.onPress, style: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "secullum-react-native-ui",
3
- "version": "4.7.1",
3
+ "version": "4.7.2-beta.1",
4
4
  "main": "lib/index.js",
5
5
  "types": "lib/index.d.ts",
6
6
  "files": [