secullum-react-native-ui 4.6.13 → 4.7.1-beta.0

package/lib/components/Button.d.ts

@@ -10,6 +10,7 @@ export interface ButtonProperties {
     disabledBackgroundColor?: string;
     disabledLabelColor?: string;
     nativeID?: string;
+    testID?: string;
 }
 export declare class Button extends React.Component<ButtonProperties> {
     static defaultProps: {

package/lib/components/Button.js

@@ -54,7 +54,7 @@ class Button extends React.Component {
                 primary && styles.touchablePrimary,
                 style,
                 disabled && styles.disabled
-            ], onPress: onPress, disabled: disabled },
+            ], onPress: onPress, disabled: disabled, testID: nativeID },
             React.createElement(react_native_1.Text, { nativeID: nativeID, style: [
                     styles.text,
                     primary && styles.textPrimary,

package/lib/components/CheckBox.js

@@ -41,7 +41,7 @@ class CheckBox extends React.Component {
                     onChange(!value);
                 }
             } },
-            React.createElement(FontAwesome_1.default, { nativeID: nativeID, name: value ? 'check-square-o' : 'square-o', style: styles.icon }),
+            React.createElement(FontAwesome_1.default, { nativeID: nativeID, testID: nativeID, name: value ? 'check-square-o' : 'square-o', style: styles.icon }),
             React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, renderLabel ? renderLabel() : label)));
     }
 }

package/lib/components/DatePicker.js

@@ -89,7 +89,7 @@ class DatePicker extends React.Component {
         const styles = this.getStyles();
         const theme = (0, theme_1.getTheme)();
         return (React.createElement(react_native_1.TouchableWithoutFeedback, { disabled: disabled, onPress: this.handlePress },
-            React.createElement(react_native_1.View, { nativeID: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
+            React.createElement(react_native_1.View, { nativeID: nativeID, testID: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
                 React.createElement(react_native_1.View, null,
                     React.createElement(react_native_1.Text, { style: styles.label }, label),
                     React.createElement(react_native_1.Text, { style: styles.value }, value ? (0, format_1.formatDate)(value, 'cccc, dd/MM/yyyy') : '')),

package/lib/components/DropDown.js

@@ -73,9 +73,9 @@ class DropDownItem extends React.PureComponent {
         };
     }
     render() {
-        const { first, last, value, onPress } = this.props;
+        const { first, last, value, onPress, nativeID } = this.props;
         const theme = (0, theme_1.getTheme)();
-        return (React.createElement(react_native_1.TouchableHighlight, { onPress: () => onPress(value), underlayColor: theme.backgroundColor2, style: {
+        return (React.createElement(react_native_1.TouchableHighlight, { onPress: () => onPress(value), testID: nativeID, underlayColor: theme.backgroundColor2, style: {
                 borderTopLeftRadius: first ? 5 : 0,
                 borderTopRightRadius: first ? 5 : 0,
                 borderBottomLeftRadius: last ? 5 : 0,
@@ -236,7 +236,7 @@ class DropDown extends React.Component {
         const styles = this.getStyles();
         const theme = (0, 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] },
+            React.createElement(react_native_1.View, { nativeID: nativeID, testID: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
                 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 },

package/lib/components/ErrorMessage.js

@@ -24,7 +24,7 @@ class ErrorMessage extends React.Component {
         if (!message) {
             return null;
         }
-        return (React.createElement(react_native_1.Text, { nativeID: nativeID, style: [styles.errorMessage, style] }, message));
+        return (React.createElement(react_native_1.Text, { nativeID: nativeID, testID: nativeID, style: [styles.errorMessage, style] }, message));
     }
 }
 exports.ErrorMessage = ErrorMessage;

package/lib/components/Header.js

@@ -49,7 +49,7 @@ class Header extends React.Component {
             const styles = this.getStyles();
             const theme = (0, theme_1.getTheme)();
             const icon = (React.createElement(React.Fragment, null,
-                React.createElement(FontAwesome_1.default, { nativeID: button.nativeID, name: button.icon, size: (0, layout_1.isTablet)() ? 30 : 20, color: button.disabled ? theme.textColor1 : theme.textColor4, 
+                React.createElement(FontAwesome_1.default, { nativeID: button.nativeID, testID: button.nativeID, name: button.icon, size: (0, layout_1.isTablet)() ? 30 : 20, color: button.disabled ? theme.textColor1 : theme.textColor4, 
                     // @ts-ignore : The component uses a different version of typing
                     style: button.buttonStyle }),
                 button.counter ? (React.createElement(react_native_1.View, { style: styles.counterContainer },

package/lib/components/ImageButton.js

@@ -16,7 +16,7 @@ class ImageButton extends React.Component {
                     right: hitBoxSize
                 }
                 : undefined },
-            React.createElement(FontAwesome_1.default, { nativeID: nativeID, name: icon, size: iconSize || 20, color: iconColor || theme.textColor1 })));
+            React.createElement(FontAwesome_1.default, { nativeID: nativeID, testID: nativeID, name: icon, size: iconSize || 20, color: iconColor || theme.textColor1 })));
     }
 }
 exports.ImageButton = ImageButton;

package/lib/components/Menu.js

@@ -42,7 +42,7 @@ function MenuItem(props) {
         menuItem.path != undefined &&
         isCurrentMenuPath(menuItem.path);
     return (React.createElement(react_native_1.TouchableOpacity, { disabled: menuItem.disabled, style: styles.container, onPress: onPress },
-        React.createElement(react_native_1.Text, { nativeID: menuItem.nativeID, style: [
+        React.createElement(react_native_1.Text, { nativeID: menuItem.nativeID, testID: menuItem.nativeID, style: [
                 styles.text,
                 menuItem.disabled && styles.textDisabled,
                 selected && styles.textSelected,

package/lib/components/Message.js

@@ -42,7 +42,7 @@ class Message extends React.Component {
         return (React.createElement(Modal_1.Modal, { visible: visible, onRequestClose: onRequestClose, overlayStyle: styles.overlay },
             React.createElement(react_native_1.View, { nativeID: nativeID, style: styles.container },
                 React.createElement(FontAwesome_1.default, { name: type === 'warning' ? 'warning' : 'check-circle', color: type === 'warning' ? theme.warningColor : theme.successColor, size: (0, layout_1.isTablet)() ? 52 : 42 }),
-                React.createElement(react_native_1.Text, { style: [styles.text, textStyle] }, message))));
+                React.createElement(react_native_1.Text, { style: [styles.text, textStyle], testID: nativeID }, message))));
     }
 }
 exports.Message = Message;

package/lib/components/RangeDatePicker.js

@@ -109,7 +109,7 @@ class RangeDatePicker extends React.Component {
             (0, format_1.formatDate)(endDate, displayFormat);
         const styles = this.getStyles();
         return (React.createElement(react_native_1.TouchableWithoutFeedback, { onPress: this.handleDatePickerPress },
-            React.createElement(react_native_1.View, { nativeID: nativeID, style: [styles.container, style] },
+            React.createElement(react_native_1.View, { nativeID: nativeID, testID: nativeID, style: [styles.container, style] },
                 React.createElement(react_native_1.View, null,
                     React.createElement(react_native_1.Text, { style: styles.label }, label),
                     React.createElement(react_native_1.Text, { style: styles.value }, displayText)),

package/lib/components/Text.js

@@ -26,7 +26,7 @@ class Text extends React.Component {
     render() {
         const { style, children, nativeID } = this.props;
         const textStyle = this.getStyles();
-        return (React.createElement(react_native_1.Text, { nativeID: nativeID, style: [textStyle.text, style] }, children));
+        return (React.createElement(react_native_1.Text, { nativeID: nativeID, testID: nativeID, style: [textStyle.text, style] }, children));
     }
 }
 exports.Text = Text;

package/lib/components/TextBox.js

@@ -47,6 +47,7 @@ class TextBox extends React.Component {
         const styles = this.getStyles();
         const incomingProps = {
             nativeID: this.props.nativeID,
+            testID: this.props.nativeID,
             autoFocus: this.props.autoFocus,
             value: this.props.value,
             onChangeText: this.props.onChange,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "secullum-react-native-ui",
-  "version": "4.6.13",
+  "version": "4.7.1-beta.0",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [
@@ -19,13 +19,13 @@
     "docs:publish": "docz build && gh-pages -d .docz/dist"
   },
   "dependencies": {
-    "@react-native-community/datetimepicker": "^3.0.9",
+    "@react-native-community/datetimepicker": "7.6.1",
     "date-fns": "^2.29.3",
     "react-date-range": "^1.4.0",
     "react-native-drawer-layout": "^2.0.0",
     "react-native-elevated-view": "^0.0.6",
     "react-native-masked-text": "^1.7.2",
-    "react-native-modal-datetime-picker": "^14.0.1",
+    "react-native-modal-datetime-picker": "^17.1.0",
     "react-native-status-bar-height": "^2.6.0",
     "react-native-vector-icons": "^8.0.0"
   },