secullum-react-native-ui 4.9.0 → 4.11.0

package/lib/components/DetailsHeader.d.ts

@@ -5,6 +5,8 @@ export interface DetailsHeaderProperties {
     textStyle?: StyleProp<TextStyle>;
     onLeftPress?: () => void;
     onRightPress?: () => void;
+    leftNativeID?: string;
+    rightNativeID?: string;
 }
 export declare class DetailsHeader extends React.Component<DetailsHeaderProperties> {
     getStyles: () => {
@@ -34,6 +36,6 @@ export declare class DetailsHeader extends React.Component<DetailsHeaderProperti
             width: number;
         };
     };
-    renderButton: (type: 'left' | 'right', onPress: (() => void) | undefined) => JSX.Element;
+    renderButton: (type: 'left' | 'right', onPress: (() => void) | undefined, nativeID?: string) => JSX.Element;
     render(): JSX.Element;
 }

package/lib/components/DetailsHeader.js

@@ -7,6 +7,7 @@ const FontAwesome_1 = require("react-native-vector-icons/FontAwesome");
 const Card_1 = require("./Card");
 const theme_1 = require("../modules/theme");
 const layout_1 = require("../modules/layout");
+const test_1 = require("../modules/test");
 class DetailsHeader extends React.Component {
     constructor() {
         super(...arguments);
@@ -41,24 +42,24 @@ class DetailsHeader extends React.Component {
             });
             return styles;
         };
-        this.renderButton = (type, onPress) => {
+        this.renderButton = (type, onPress, nativeID) => {
             const styles = this.getStyles();
             const theme = (0, theme_1.getTheme)();
             if (onPress) {
-                return (React.createElement(react_native_1.TouchableOpacity, { style: styles.button, onPress: onPress },
-                    React.createElement(FontAwesome_1.default, { name: type === 'left' ? 'angle-left' : 'angle-right', color: theme.textColor3, size: 14 })));
+                return (React.createElement(react_native_1.TouchableOpacity, { testID: (0, test_1.getTestID)(nativeID), style: styles.button, onPress: onPress },
+                    React.createElement(FontAwesome_1.default, { nativeID: nativeID, name: type === 'left' ? 'angle-left' : 'angle-right', color: theme.textColor3, size: 14 })));
             }
             return React.createElement(react_native_1.View, { style: styles.buttonPlaceholder });
         };
     }
     render() {
-        const { text, textStyle, onLeftPress, onRightPress } = this.props;
+        const { text, textStyle, onLeftPress, onRightPress, leftNativeID, rightNativeID } = this.props;
         const styles = this.getStyles();
         return (React.createElement(Card_1.Card, null,
             React.createElement(Card_1.Card.Section, { style: styles.container },
-                this.renderButton('left', onLeftPress),
+                this.renderButton('left', onLeftPress, leftNativeID),
                 React.createElement(react_native_1.Text, { style: [styles.text, textStyle] }, text),
-                this.renderButton('right', onRightPress))));
+                this.renderButton('right', onRightPress, rightNativeID))));
     }
 }
 exports.DetailsHeader = DetailsHeader;

package/lib/components/DropDown.d.ts

@@ -14,6 +14,7 @@ export interface DropDownProperties {
     emptyMessage?: string;
     disabled?: boolean;
     style?: StyleProp<ViewStyle>;
+    disabledStyle?: StyleProp<ViewStyle>;
     labelStyle?: StyleProp<TextStyle>;
     inputStyle?: StyleProp<TextStyle>;
     iconComponent?: React.ComponentClass<IconProps>;

package/lib/components/DropDown.js

@@ -232,12 +232,16 @@ class DropDown extends React.Component {
     }
     render() {
         const { modalOpen } = this.state;
-        const { label, items, value, emptyMessage, style, disabled, labelStyle, inputStyle, iconComponent, nativeID, icon } = this.props;
+        const { label, items, value, emptyMessage, style, disabledStyle, disabled, labelStyle, inputStyle, iconComponent, nativeID, icon } = this.props;
         const selectedItem = items.find(x => x.value === value);
         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: (0, test_1.getTestID)(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, disabledStyle] : 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/Link.d.ts

@@ -4,6 +4,7 @@ export interface LinkProperties {
     text: string;
     style?: StyleProp<TextStyle>;
     onPress: () => void;
+    nativeID?: string;
 }
 export declare class Link extends React.Component<LinkProperties> {
     getStyles: () => {

package/lib/components/Link.js

@@ -4,6 +4,7 @@ exports.Link = void 0;
 const React = require("react");
 const theme_1 = require("../modules/theme");
 const react_native_1 = require("react-native");
+const test_1 = require("../modules/test");
 class Link extends React.Component {
     constructor() {
         super(...arguments);
@@ -20,10 +21,10 @@ class Link extends React.Component {
         };
     }
     render() {
-        const { text, style, onPress } = this.props;
+        const { text, style, onPress, nativeID } = this.props;
         const styles = this.getStyles();
-        return (React.createElement(react_native_1.TouchableOpacity, { activeOpacity: 0.7, onPress: onPress },
-            React.createElement(react_native_1.Text, { style: [styles.link, style] }, text)));
+        return (React.createElement(react_native_1.TouchableOpacity, { activeOpacity: 0.7, onPress: onPress, testID: (0, test_1.getTestID)(nativeID) },
+            React.createElement(react_native_1.Text, { nativeID: nativeID, style: [styles.link, style] }, text)));
     }
 }
 exports.Link = Link;

package/lib/components/RadioGroup.d.ts

@@ -7,6 +7,7 @@ export interface RadioGroupProperties {
     value: string;
     onChange: (value: string) => void;
     disabled?: Array<string>;
+    nativeID?: string;
 }
 export declare class RadioGroup extends React.Component<RadioGroupProperties> {
     getStyles: () => {

package/lib/components/RadioGroup.js

@@ -5,6 +5,7 @@ const React = require("react");
 const react_native_1 = require("react-native");
 const theme_1 = require("../modules/theme");
 const layout_1 = require("../modules/layout");
+const test_1 = require("../modules/test");
 class RadioGroup extends React.Component {
     constructor() {
         super(...arguments);
@@ -45,7 +46,7 @@ class RadioGroup extends React.Component {
         };
     }
     render() {
-        const { items, value, onChange, disabled } = this.props;
+        const { items, value, onChange, disabled, nativeID } = this.props;
         const styles = this.getStyles();
         return (React.createElement(react_native_1.View, { style: styles.container }, items.map((item, index) => (React.createElement(react_native_1.TouchableWithoutFeedback, { key: index, disabled: disabled && disabled.includes(item.value), onPress: () => onChange(item.value) },
             React.createElement(react_native_1.View, { style: [
@@ -55,7 +56,7 @@ class RadioGroup extends React.Component {
                     disabled && disabled.includes(item.value)
                         ? styles.readonly
                         : null
-                ] },
+                ], testID: (0, test_1.getTestID)(nativeID + '-' + item.value), nativeID: nativeID + '-' + item.value },
                 React.createElement(react_native_1.Text, { style: [
                         styles.itemText,
                         item.value === value ? styles.selectedItemText : null

package/package.json

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