secullum-react-native-ui 4.11.1 → 4.12.0

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/package.json

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