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

package/lib/components/Button.d.ts

@@ -10,7 +10,6 @@ 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

@@ -47,14 +47,14 @@ class Button extends React.Component {
         };
     }
     render() {
-        const { text, primary, style, textStyle, onPress, disabled, nativeID, testID } = this.props;
+        const { text, primary, style, textStyle, onPress, disabled, nativeID } = this.props;
         const styles = this.getStyles();
         return (React.createElement(react_native_1.TouchableOpacity, { activeOpacity: 0.7, style: [
                 styles.touchable,
                 primary && styles.touchablePrimary,
                 style,
                 disabled && styles.disabled
-            ], onPress: onPress, disabled: disabled, testID: testID || nativeID },
+            ], onPress: onPress, disabled: disabled, accessibilityLabel: nativeID },
             React.createElement(react_native_1.Text, { nativeID: nativeID, style: [
                     styles.text,
                     primary && styles.textPrimary,

package/lib/components/CheckBox.js

@@ -42,7 +42,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, accessibilityLabel: 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, accessibilityLabel: 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/Details.js

@@ -58,7 +58,7 @@ class Details extends React.Component {
         };
         this.renderIcon = (icon, index) => {
             const styles = this.getStyles();
-            const fa = (React.createElement(FontAwesome_1.default, { key: index, testID: icon.name, name: icon.name, color: icon.color, size: icon.size, style: styles.lineValueIcon }));
+            const fa = (React.createElement(FontAwesome_1.default, { key: index, accessibilityLabel: icon.name, name: icon.name, color: icon.color, size: icon.size, style: styles.lineValueIcon }));
             if (icon.onPress) {
                 return (React.createElement(react_native_1.TouchableOpacity, { key: index, onPress: icon.onPress }, fa));
             }

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), accessibilityLabel: 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, accessibilityLabel: 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.d.ts

@@ -4,7 +4,6 @@ export interface Props {
     message?: string | null;
     style?: StyleProp<TextStyle>;
     nativeID?: string;
-    testID?: string;
 }
 export declare class ErrorMessage extends React.Component<Props> {
     getStyles: () => {

package/lib/components/ErrorMessage.js

@@ -19,12 +19,12 @@ class ErrorMessage extends React.Component {
         };
     }
     render() {
-        const { message, style, nativeID, testID } = this.props;
+        const { message, style, nativeID } = this.props;
         const styles = this.getStyles();
         if (!message) {
             return null;
         }
-        return (React.createElement(react_native_1.Text, { nativeID: nativeID, testID: testID || nativeID, style: [styles.errorMessage, style] }, message));
+        return (React.createElement(react_native_1.Text, { nativeID: nativeID, accessibilityLabel: nativeID, style: [styles.errorMessage, style] }, message));
     }
 }
 exports.ErrorMessage = ErrorMessage;

package/lib/components/FilePicker.js

@@ -36,7 +36,7 @@ class FilePicker extends React.Component {
         const styles = this.getStyles();
         return (React.createElement(react_native_1.TouchableOpacity, { activeOpacity: 0.5, style: styles.container, onPress: onPress },
             React.createElement(FontAwesome_1.default, { name: icon, color: theme.textColor3, size: 30 }),
-            React.createElement(react_native_1.Text, { nativeID: nativeID, style: styles.text }, label)));
+            React.createElement(react_native_1.Text, { nativeID: nativeID, accessibilityLabel: nativeID, style: styles.text }, label)));
     }
 }
 exports.FilePicker = FilePicker;

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, accessibilityLabel: 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, accessibilityLabel: 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, accessibilityLabel: 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], accessibilityLabel: 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, accessibilityLabel: 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/Table.js

@@ -43,7 +43,7 @@ class Table extends React.Component {
     render() {
         const { columns, data, style, nativeID, subHeaderData } = this.props;
         return (React.createElement(react_native_1.ScrollView, { horizontal: true },
-            React.createElement(react_native_1.View, { nativeID: nativeID, style: style },
+            React.createElement(react_native_1.View, { nativeID: nativeID, style: style, accessibilityLabel: nativeID },
                 React.createElement(react_native_1.View, { style: styles.row }, columns.map(column => this.renderHeaderColumn(column))),
                 subHeaderData && (React.createElement(react_native_1.View, { style: styles.row }, subHeaderData.map(column => this.renderHeaderColumn(column)))),
                 data.map((row, rowIndex) => this.renderDataTable(row, rowIndex)))));

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, accessibilityLabel: nativeID, style: [textStyle.text, style] }, children));
     }
 }
 exports.Text = Text;

package/lib/components/TextBox.d.ts

@@ -29,7 +29,6 @@ export interface TextBoxProperties {
     returnKeyType?: ReturnKeyTypeOptions;
     blurOnSubmit?: boolean;
     nativeID?: string;
-    testID?: string;
     selection?: {
         start: number;
         end?: number;

package/lib/components/TextBox.js

@@ -47,7 +47,7 @@ class TextBox extends React.Component {
         const styles = this.getStyles();
         const incomingProps = {
             nativeID: this.props.nativeID,
-            testID: this.props.testID || this.props.nativeID,
+            accessibilityLabel: 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.7.2-beta.1",
+  "version": "4.7.2",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
   "files": [