secullum-react-native-ui 4.7.2 → 4.7.4

package/lib/components/Button.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 const React = require("react");
 const theme_1 = require("../modules/theme");
+const test_1 = require("../modules/test");
 const react_native_1 = require("react-native");
 const layout_1 = require("../modules/layout");
 class Button extends React.Component {
@@ -54,7 +55,7 @@ class Button extends React.Component {
                 primary && styles.touchablePrimary,
                 style,
                 disabled && styles.disabled
-            ], onPress: onPress, disabled: disabled, accessibilityLabel: nativeID },
+            ], onPress: onPress, disabled: disabled, testID: (0, test_1.getTestID)(nativeID) },
             React.createElement(react_native_1.Text, { nativeID: nativeID, style: [
                     styles.text,
                     primary && styles.textPrimary,

package/lib/components/CheckBox.js

@@ -5,6 +5,7 @@ const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const layout_1 = require("../modules/layout");
 const theme_1 = require("../modules/theme");
+const test_1 = require("../modules/test");
 const react_native_1 = require("react-native");
 class CheckBox extends React.Component {
     constructor() {
@@ -42,7 +43,7 @@ class CheckBox extends React.Component {
                     onChange(!value);
                 }
             } },
-            React.createElement(FontAwesome_1.default, { nativeID: nativeID, accessibilityLabel: nativeID, name: value ? 'check-square-o' : 'square-o', style: styles.icon }),
+            React.createElement(FontAwesome_1.default, { nativeID: nativeID, testID: (0, test_1.getTestID)(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

@@ -7,6 +7,7 @@ const format_1 = require("../modules/format");
 const layout_1 = require("../modules/layout");
 const theme_1 = require("../modules/theme");
 const ImageButton_1 = require("./ImageButton");
+const test_1 = require("../modules/test");
 const react_native_1 = require("react-native");
 class DatePicker extends React.Component {
     constructor() {
@@ -89,7 +90,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, accessibilityLabel: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
+            React.createElement(react_native_1.View, { nativeID: nativeID, testID: (0, test_1.getTestID)(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/DatePicker.web.js

@@ -84,9 +84,7 @@ class DatePicker extends React.Component {
         const theme = (0, theme_1.getTheme)();
         return (React.createElement(react_native_1.TouchableWithoutFeedback, { onPress: this.handlePress },
             React.createElement(react_native_1.View, { nativeID: nativeID, style: [styles.container, style] },
-                React.createElement(react_native_1.View, { ref: ref => ref &&
-                        ref.setNativeProps &&
-                        ref.setNativeProps({ id: 'date-picker' }) },
+                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 != undefined ? (0, format_1.formatDate)(value, dateFormat) : '')),
                 React.createElement(ImageButton_1.ImageButton, { icon: value && clearable ? 'times' : 'calendar', style: styles.clearIcon, iconColor: value && clearable ? theme.textColor1 : theme.textColor2, onPress: value && clearable ? this.handleClear : this.handlePress, hitBoxSize: 30 }),

package/lib/components/Details.js

@@ -7,6 +7,7 @@ const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const Card_1 = require("./Card");
 const Space_1 = require("./Space");
 const theme_1 = require("../modules/theme");
+const test_1 = require("../modules/test");
 const layout_1 = require("../modules/layout");
 class Details extends React.Component {
     constructor() {
@@ -58,7 +59,7 @@ class Details extends React.Component {
         };
         this.renderIcon = (icon, index) => {
             const styles = this.getStyles();
-            const fa = (React.createElement(FontAwesome_1.default, { key: index, accessibilityLabel: icon.name, name: icon.name, color: icon.color, size: icon.size, style: styles.lineValueIcon }));
+            const fa = (React.createElement(FontAwesome_1.default, { key: index, testID: (0, test_1.getTestID)(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

@@ -6,6 +6,7 @@ const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const Modal_1 = require("./Modal");
 const layout_1 = require("../modules/layout");
 const theme_1 = require("../modules/theme");
+const test_1 = require("../modules/test");
 const react_native_1 = require("react-native");
 class DropDownItem extends React.PureComponent {
     constructor() {
@@ -75,7 +76,7 @@ class DropDownItem extends React.PureComponent {
     render() {
         const { first, last, value, onPress, nativeID } = this.props;
         const theme = (0, theme_1.getTheme)();
-        return (React.createElement(react_native_1.TouchableHighlight, { onPress: () => onPress(value), accessibilityLabel: nativeID, underlayColor: theme.backgroundColor2, style: {
+        return (React.createElement(react_native_1.TouchableHighlight, { onPress: () => onPress(value), testID: (0, test_1.getTestID)(nativeID), underlayColor: theme.backgroundColor2, style: {
                 borderTopLeftRadius: first ? 5 : 0,
                 borderTopRightRadius: first ? 5 : 0,
                 borderBottomLeftRadius: last ? 5 : 0,
@@ -236,7 +237,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, accessibilityLabel: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
+            React.createElement(react_native_1.View, { nativeID: nativeID, testID: (0, test_1.getTestID)(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

@@ -4,6 +4,7 @@ exports.ErrorMessage = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const theme_1 = require("../modules/theme");
+const test_1 = require("../modules/test");
 class ErrorMessage extends React.Component {
     constructor() {
         super(...arguments);
@@ -24,7 +25,7 @@ class ErrorMessage extends React.Component {
         if (!message) {
             return null;
         }
-        return (React.createElement(react_native_1.Text, { nativeID: nativeID, accessibilityLabel: nativeID, style: [styles.errorMessage, style] }, message));
+        return (React.createElement(react_native_1.Text, { nativeID: nativeID, testID: (0, test_1.getTestID)(nativeID), style: [styles.errorMessage, style] }, message));
     }
 }
 exports.ErrorMessage = ErrorMessage;

package/lib/components/FilePicker.js

@@ -6,6 +6,7 @@ const react_native_1 = require("react-native");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const theme_1 = require("../modules/theme");
 const layout_1 = require("../modules/layout");
+const test_1 = require("../modules/test");
 class FilePicker extends React.Component {
     constructor() {
         super(...arguments);
@@ -36,7 +37,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, accessibilityLabel: nativeID, style: styles.text }, label)));
+            React.createElement(react_native_1.Text, { nativeID: nativeID, testID: (0, test_1.getTestID)(nativeID), style: styles.text }, label)));
     }
 }
 exports.FilePicker = FilePicker;

package/lib/components/Header.js

@@ -6,6 +6,7 @@ const react_native_1 = require("react-native");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const theme_1 = require("../modules/theme");
 const layout_1 = require("../modules/layout");
+const test_1 = require("../modules/test");
 class Header extends React.Component {
     constructor() {
         super(...arguments);
@@ -49,7 +50,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, accessibilityLabel: 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: (0, test_1.getTestID)(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

@@ -4,6 +4,7 @@ exports.ImageButton = void 0;
 const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const theme_1 = require("../modules/theme");
+const test_1 = require("../modules/test");
 const react_native_1 = require("react-native");
 class ImageButton extends React.Component {
     render() {
@@ -16,7 +17,7 @@ class ImageButton extends React.Component {
                     right: hitBoxSize
                 }
                 : undefined },
-            React.createElement(FontAwesome_1.default, { nativeID: nativeID, accessibilityLabel: nativeID, name: icon, size: iconSize || 20, color: iconColor || theme.textColor1 })));
+            React.createElement(FontAwesome_1.default, { nativeID: nativeID, testID: (0, test_1.getTestID)(nativeID), name: icon, size: iconSize || 20, color: iconColor || theme.textColor1 })));
     }
 }
 exports.ImageButton = ImageButton;

package/lib/components/Menu.js

@@ -4,6 +4,7 @@ exports.Menu = exports.MenuItem = void 0;
 const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const theme_1 = require("../modules/theme");
+const test_1 = require("../modules/test");
 const layout_1 = require("../modules/layout");
 const react_native_1 = require("react-native");
 function MenuItem(props) {
@@ -42,7 +43,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, accessibilityLabel: menuItem.nativeID, style: [
+        React.createElement(react_native_1.Text, { nativeID: menuItem.nativeID, testID: (0, test_1.getTestID)(menuItem.nativeID), style: [
                 styles.text,
                 menuItem.disabled && styles.textDisabled,
                 selected && styles.textSelected,

package/lib/components/Message.js

@@ -7,6 +7,7 @@ const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const Modal_1 = require("./Modal");
 const theme_1 = require("../modules/theme");
 const layout_1 = require("../modules/layout");
+const test_1 = require("../modules/test");
 class Message extends React.Component {
     constructor() {
         super(...arguments);
@@ -42,7 +43,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], accessibilityLabel: nativeID }, message))));
+                React.createElement(react_native_1.Text, { style: [styles.text, textStyle], testID: (0, test_1.getTestID)(nativeID) }, message))));
     }
 }
 exports.Message = Message;

package/lib/components/RangeDatePicker.js

@@ -8,6 +8,7 @@ const format_1 = require("../modules/format");
 const layout_1 = require("../modules/layout");
 const theme_1 = require("../modules/theme");
 const Delay_1 = require("./Delay");
+const test_1 = require("../modules/test");
 const react_native_1 = require("react-native");
 class RangeDatePicker extends React.Component {
     constructor() {
@@ -109,7 +110,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, accessibilityLabel: nativeID, style: [styles.container, style] },
+            React.createElement(react_native_1.View, { nativeID: nativeID, testID: (0, test_1.getTestID)(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/RangeDatePicker.web.js

@@ -96,9 +96,7 @@ class RangeDatePicker extends React.Component {
         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, { ref: ref => ref &&
-                        ref.setNativeProps &&
-                        ref.setNativeProps({ id: 'range-date-picker' }) },
+                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)),
                 React.createElement(FontAwesome_1.default, { name: "calendar", style: styles.icon }),

package/lib/components/Table.js

@@ -4,6 +4,7 @@ exports.Table = void 0;
 const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const theme_1 = require("../modules/theme");
+const test_1 = require("../modules/test");
 const react_native_1 = require("react-native");
 const CheckBox_1 = require("./CheckBox");
 class Table extends React.Component {
@@ -43,7 +44,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, accessibilityLabel: nativeID },
+            React.createElement(react_native_1.View, { nativeID: nativeID, style: style, testID: (0, test_1.getTestID)(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

@@ -4,6 +4,7 @@ exports.Text = void 0;
 const React = require("react");
 const react_native_1 = require("react-native");
 const theme_1 = require("../modules/theme");
+const test_1 = require("../modules/test");
 const theme = (0, theme_1.getTheme)();
 class Text extends React.Component {
     constructor() {
@@ -26,7 +27,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, accessibilityLabel: nativeID, style: [textStyle.text, style] }, children));
+        return (React.createElement(react_native_1.Text, { nativeID: nativeID, testID: (0, test_1.getTestID)(nativeID), style: [textStyle.text, style] }, children));
     }
 }
 exports.Text = Text;

package/lib/components/TextBox.js

@@ -5,6 +5,7 @@ const React = require("react");
 const theme_1 = require("../modules/theme");
 const layout_1 = require("../modules/layout");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
+const test_1 = require("../modules/test");
 const react_native_1 = require("react-native");
 class TextBox extends React.Component {
     constructor() {
@@ -47,7 +48,7 @@ class TextBox extends React.Component {
         const styles = this.getStyles();
         const incomingProps = {
             nativeID: this.props.nativeID,
-            accessibilityLabel: this.props.nativeID,
+            testID: (0, test_1.getTestID)(this.props.nativeID),
             autoFocus: this.props.autoFocus,
             value: this.props.value,
             onChangeText: this.props.onChange,
@@ -87,13 +88,12 @@ class TextBox extends React.Component {
                 this.props.onKeyPress(react_native_1.Platform.OS === 'web' ? event : event.nativeEvent);
             }
         };
-        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, onPress: () => (onPress ? onPress() : this.focus()), ref: react_native_1.Platform.OS === 'web'
-                ? ref => ref &&
-                    //@ts-ignore
-                    ref.setNativeProps &&
-                    //@ts-ignore
-                    ref.setNativeProps({ tabIndex: -1 })
-                : undefined },
+        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, onPress: () => (onPress ? onPress() : this.focus()), ref: ref => {
+                if (react_native_1.Platform.OS === 'web' && ref != null) {
+                    // @ts-ignore na web, a ref recebida é o próprio elemento DOM
+                    ref.tabIndex = -1;
+                }
+            } },
             React.createElement(react_native_1.View, { style: [styles.container, style, editable ? null : styles.readonly] },
                 icon ? (React.createElement(FontAwesome_1.default, { name: icon, style: styles.icon })) : (React.createElement(react_native_1.Text, { style: [styles.label, labelStyle] }, label)),
                 renderInput

package/lib/components/TimePicker.web.js

@@ -45,9 +45,12 @@ class TimePicker extends React.Component {
     render() {
         const { label, style, disabled, value, nativeID } = this.props;
         const styles = this.getStyles();
-        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, disabled: disabled, ref: ref => 
-            //@ts-ignore
-            ref && ref.setNativeProps && ref.setNativeProps({ tabIndex: -1 }) },
+        return (React.createElement(react_native_1.TouchableWithoutFeedback, { accessible: false, disabled: disabled, ref: ref => {
+                if (ref != null) {
+                    //@ts-ignore
+                    ref.tabIndex = -1;
+                }
+            } },
             React.createElement(react_native_1.View, { style: [styles.container, style, !disabled ? null : styles.readonly] },
                 React.createElement(react_native_1.Text, { style: styles.label }, label),
                 React.createElement(react_native_1.TextInput, { nativeID: nativeID, value: value, style: styles.input, maxLength: 5, onKeyPress: (e) => {

package/lib/modules/test.d.ts

@@ -0,0 +1,2 @@
+export declare const setTestIDPrefix: (value: string) => void;
+export declare const getTestID: (testID?: string) => string | undefined;

package/lib/modules/test.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTestID = exports.setTestIDPrefix = void 0;
+let testIdPrefix = '';
+const setTestIDPrefix = (value) => {
+    testIdPrefix = value;
+};
+exports.setTestIDPrefix = setTestIDPrefix;
+const getTestID = (testID) => {
+    if (!testID) {
+        return testID;
+    }
+    if (testIdPrefix) {
+        return `${testIdPrefix}${testID}`;
+    }
+    return testID;
+};
+exports.getTestID = getTestID;

package/package.json

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