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

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 getTestId_1 = require("../modules/getTestId");
 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, testID: nativeID },
+            ], onPress: onPress, disabled: disabled, testID: (0, getTestId_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 getTestId_1 = require("../modules/getTestId");
 const react_native_1 = require("react-native");
 class CheckBox extends React.Component {
     constructor() {
@@ -41,7 +42,7 @@ class CheckBox extends React.Component {
                     onChange(!value);
                 }
             } },
-            React.createElement(FontAwesome_1.default, { nativeID: nativeID, testID: nativeID, name: value ? 'check-square-o' : 'square-o', style: styles.icon }),
+            React.createElement(FontAwesome_1.default, { nativeID: nativeID, testID: (0, getTestId_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 getTestId_1 = require("../modules/getTestId");
 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, testID: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
+            React.createElement(react_native_1.View, { nativeID: nativeID, testID: (0, getTestId_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/Details.js

@@ -8,6 +8,7 @@ const Card_1 = require("./Card");
 const Space_1 = require("./Space");
 const theme_1 = require("../modules/theme");
 const layout_1 = require("../modules/layout");
+const getTestId_1 = require("../modules/getTestId");
 class Details extends React.Component {
     constructor() {
         super(...arguments);
@@ -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, testID: 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, getTestId_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 getTestId_1 = require("../modules/getTestId");
 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), testID: nativeID, underlayColor: theme.backgroundColor2, style: {
+        return (React.createElement(react_native_1.TouchableHighlight, { onPress: () => onPress(value), testID: (0, getTestId_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, testID: nativeID, style: [styles.container, style, disabled ? styles.readonly : null] },
+            React.createElement(react_native_1.View, { nativeID: nativeID, testID: (0, getTestId_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 getTestId_1 = require("../modules/getTestId");
 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, testID: nativeID, style: [styles.errorMessage, style] }, message));
+        return (React.createElement(react_native_1.Text, { nativeID: nativeID, testID: (0, getTestId_1.getTestID)(nativeID), style: [styles.errorMessage, style] }, message));
     }
 }
 exports.ErrorMessage = ErrorMessage;

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 getTestId_1 = require("../modules/getTestId");
 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, testID: 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, getTestId_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 getTestId_1 = require("../modules/getTestId");
 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, testID: nativeID, name: icon, size: iconSize || 20, color: iconColor || theme.textColor1 })));
+            React.createElement(FontAwesome_1.default, { nativeID: nativeID, testID: (0, getTestId_1.getTestID)(nativeID), name: icon, size: iconSize || 20, color: iconColor || theme.textColor1 })));
     }
 }
 exports.ImageButton = ImageButton;

package/lib/components/Menu.js

@@ -5,6 +5,7 @@ const React = require("react");
 const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const theme_1 = require("../modules/theme");
 const layout_1 = require("../modules/layout");
+const getTestId_1 = require("../modules/getTestId");
 const react_native_1 = require("react-native");
 function MenuItem(props) {
     const theme = (0, theme_1.getTheme)();
@@ -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, testID: menuItem.nativeID, style: [
+        React.createElement(react_native_1.Text, { nativeID: menuItem.nativeID, testID: (0, getTestId_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 getTestId_1 = require("../modules/getTestId");
 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], testID: nativeID }, message))));
+                React.createElement(react_native_1.Text, { style: [styles.text, textStyle], testID: (0, getTestId_1.getTestID)(nativeID) }, message))));
     }
 }
 exports.Message = Message;

package/lib/components/RangeDatePicker.js

@@ -7,6 +7,7 @@ const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const format_1 = require("../modules/format");
 const layout_1 = require("../modules/layout");
 const theme_1 = require("../modules/theme");
+const getTestId_1 = require("../modules/getTestId");
 const Delay_1 = require("./Delay");
 const react_native_1 = require("react-native");
 class RangeDatePicker extends React.Component {
@@ -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, testID: nativeID, style: [styles.container, style] },
+            React.createElement(react_native_1.View, { nativeID: nativeID, testID: (0, getTestId_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/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 getTestId_1 = require("../modules/getTestId");
 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, testID: nativeID, style: [textStyle.text, style] }, children));
+        return (React.createElement(react_native_1.Text, { nativeID: nativeID, testID: (0, getTestId_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 getTestId_1 = require("../modules/getTestId");
 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,
-            testID: this.props.nativeID,
+            testID: (0, getTestId_1.getTestID)(this.props.nativeID),
             autoFocus: this.props.autoFocus,
             value: this.props.value,
             onChangeText: this.props.onChange,

package/lib/modules/getTestId.d.ts

@@ -0,0 +1,2 @@
+export declare function getTestID(testID?: string): string | undefined;
+export declare const testID: typeof getTestID;

package/lib/modules/getTestId.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.testID = exports.getTestID = void 0;
+const react_native_1 = require("react-native");
+const { RNDeviceInfo } = require('react-native').NativeModules;
+function getTestID(testID) {
+    if (!testID) {
+        return undefined;
+    }
+    const prefix = `${RNDeviceInfo.bundleId}:id/`;
+    return react_native_1.Platform.select({
+        android: `${prefix}${testID}`,
+        ios: testID
+    });
+}
+exports.getTestID = getTestID;
+exports.testID = getTestID;

package/package.json

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