secullum-react-native-ui 4.11.1 → 4.13.0

package/lib/components/Card.js

@@ -17,6 +17,7 @@ const react_native_elevated_view_1 = require("react-native-elevated-view");
 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");
 const react_native_1 = require("react-native");
 class CardHeader extends React.Component {
     constructor() {
@@ -49,7 +50,7 @@ class CardHeader extends React.Component {
     render() {
         const { title, titleStyle, onHelpPress, nativeID, containerStyle, numberOfLines } = this.props;
         const styles = this.getStyles();
-        return (React.createElement(react_native_1.View, { nativeID: nativeID, style: [styles.container, containerStyle] },
+        return (React.createElement(react_native_1.View, { nativeID: nativeID, testID: (0, test_1.getTestID)(nativeID), style: [styles.container, containerStyle] },
             React.createElement(react_native_1.Text, { style: [styles.title, titleStyle], numberOfLines: numberOfLines }, title),
             onHelpPress && (React.createElement(react_native_1.TouchableOpacity, { onPress: onHelpPress, style: styles.help },
                 React.createElement(FontAwesome_1.default, { name: "question-circle", style: styles.helpIcon })))));
@@ -58,15 +59,15 @@ class CardHeader extends React.Component {
 exports.CardHeader = CardHeader;
 class CardFooter extends React.Component {
     render() {
-        const _a = this.props, { children } = _a, otherProps = __rest(_a, ["children"]);
-        return (React.createElement(react_native_1.View, Object.assign({ style: [cardFooterStyles.container] }, otherProps), children));
+        const _a = this.props, { children, nativeID } = _a, otherProps = __rest(_a, ["children", "nativeID"]);
+        return (React.createElement(react_native_1.View, Object.assign({ nativeID: nativeID, testID: (0, test_1.getTestID)(nativeID), style: [cardFooterStyles.container] }, otherProps), children));
     }
 }
 exports.CardFooter = CardFooter;
 class CardSection extends React.Component {
     render() {
-        const _a = this.props, { children, style } = _a, otherProps = __rest(_a, ["children", "style"]);
-        return (React.createElement(react_native_1.View, Object.assign({ style: [cardSectionStyles.container, style] }, otherProps), children));
+        const _a = this.props, { children, style, nativeID } = _a, otherProps = __rest(_a, ["children", "style", "nativeID"]);
+        return (React.createElement(react_native_1.View, Object.assign({ nativeID: nativeID, testID: (0, test_1.getTestID)(nativeID), style: [cardSectionStyles.container, style] }, otherProps), children));
     }
 }
 exports.CardSection = CardSection;

package/lib/components/DropDown.d.ts

@@ -11,6 +11,7 @@ export interface DropDownProperties {
     }>;
     value: any | null;
     onChange: (value: any) => void;
+    onPress?: () => void | boolean | Promise<void> | Promise<boolean>;
     emptyMessage?: string;
     disabled?: boolean;
     style?: StyleProp<ViewStyle>;

package/lib/components/DropDown.js

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropDown = void 0;
 const React = require("react");
@@ -232,11 +241,19 @@ class DropDown extends React.Component {
     }
     render() {
         const { modalOpen } = this.state;
-        const { label, items, value, emptyMessage, style, disabledStyle, disabled, labelStyle, inputStyle, iconComponent, nativeID, icon } = this.props;
+        const { label, items, value, emptyMessage, style, disabledStyle, disabled, labelStyle, inputStyle, iconComponent, nativeID, onPress, 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 },
+        return (React.createElement(react_native_1.TouchableWithoutFeedback, { onPress: () => __awaiter(this, void 0, void 0, function* () {
+                if (onPress) {
+                    const result = yield onPress();
+                    if (result === false) {
+                        return;
+                    }
+                }
+                this.setState({ modalOpen: true });
+            }), disabled: disabled },
             React.createElement(react_native_1.View, { nativeID: nativeID, testID: (0, test_1.getTestID)(nativeID), style: [
                     styles.container,
                     style,

package/lib/components/Question.d.ts

@@ -5,22 +5,21 @@ export interface QuestionProperties {
     visible: boolean;
     nativeID?: string;
     textStyle?: StyleProp<TextStyle>;
-    okButton: {
-        text: string;
-        onPress: () => void;
-        style?: StyleProp<ViewStyle>;
-        textStyle?: StyleProp<TextStyle>;
-        nativeID?: string;
-    };
-    cancelButton: {
-        text: string;
-        onPress: () => void;
-        style?: StyleProp<ViewStyle>;
-        textStyle?: StyleProp<TextStyle>;
-        nativeID?: string;
-    };
+    buttonOrder: 'ok,cancel' | 'cancel,ok';
+    okButton: QuestionButtonProperties;
+    cancelButton: QuestionButtonProperties;
+}
+export interface QuestionButtonProperties {
+    text: string;
+    onPress: () => void;
+    style?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    nativeID?: string;
 }
 export declare class Question extends React.Component<QuestionProperties> {
+    static defaultProps: {
+        buttonOrder: string;
+    };
     getStyles: () => {
         botoesAcao: {
             flexDirection: "row";

package/lib/components/Question.js

@@ -50,8 +50,11 @@ class Question extends React.Component {
         };
     }
     render() {
-        const { message, textStyle, visible, nativeID, okButton, cancelButton } = this.props;
+        const { message, textStyle, visible, nativeID, buttonOrder, okButton, cancelButton } = this.props;
         const styles = this.getStyles();
+        const [leftButtonProps, rightButtonProps] = buttonOrder === 'ok,cancel'
+            ? [okButton, cancelButton]
+            : [cancelButton, okButton];
         return (React.createElement(react_native_1.Modal, { animationType: "fade", transparent: true, visible: visible },
             React.createElement(react_native_1.View, { style: [styles.overlay], nativeID: nativeID },
                 React.createElement(react_native_1.View, { style: styles.container },
@@ -59,14 +62,17 @@ class Question extends React.Component {
                     React.createElement(react_native_1.Text, { style: [styles.text, textStyle] }, message),
                     React.createElement(Space_1.Space, null),
                     React.createElement(react_native_1.View, { style: styles.botoesAcao },
-                        React.createElement(Button_1.Button, { text: cancelButton.text, onPress: cancelButton.onPress, style: [
+                        React.createElement(Button_1.Button, { text: leftButtonProps.text, onPress: leftButtonProps.onPress, style: [
                                 { flex: 1, marginRight: (0, layout_1.isTablet)() ? 13 : 8 },
-                                cancelButton.style
-                            ], textStyle: cancelButton.textStyle, primary: false, nativeID: cancelButton.nativeID }),
-                        React.createElement(Button_1.Button, { text: okButton.text, onPress: okButton.onPress, style: [
+                                leftButtonProps.style
+                            ], textStyle: leftButtonProps.textStyle, primary: buttonOrder === 'ok,cancel', nativeID: leftButtonProps.nativeID }),
+                        React.createElement(Button_1.Button, { text: rightButtonProps.text, onPress: rightButtonProps.onPress, style: [
                                 { flex: 1, marginLeft: (0, layout_1.isTablet)() ? 13 : 8 },
-                                okButton.style
-                            ], textStyle: okButton.textStyle, primary: true, nativeID: okButton.nativeID }))))));
+                                rightButtonProps.style
+                            ], textStyle: rightButtonProps.textStyle, primary: buttonOrder === 'cancel,ok', nativeID: rightButtonProps.nativeID }))))));
     }
 }
 exports.Question = Question;
+Question.defaultProps = {
+    buttonOrder: 'cancel,ok'
+};

package/lib/components/TextBox.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextBox = void 0;
 const React = require("react");
@@ -41,7 +52,10 @@ class TextBox extends React.Component {
                 this.input.focus();
             }
         };
-        this.renderInput = (props) => React.createElement(react_native_1.TextInput, Object.assign({}, props));
+        this.renderInput = (props) => {
+            const { nativeID } = props, otherProps = __rest(props, ["nativeID"]);
+            return (React.createElement(react_native_1.TextInput, Object.assign({ nativeID: nativeID, testID: (0, test_1.getTestID)(nativeID) }, otherProps)));
+        };
     }
     render() {
         const { label, style, labelStyle, editable, inputRef, renderInput, icon, onPress } = this.props;

package/lib/components/TimePicker.js

@@ -7,6 +7,7 @@ const ImageButton_1 = require("./ImageButton");
 const format_1 = require("../modules/format");
 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 TimePicker extends React.Component {
     constructor() {
@@ -97,7 +98,7 @@ class TimePicker extends React.Component {
         }
         return (React.createElement(React.Fragment, null,
             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: (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)),

package/package.json

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