secullum-react-native-ui 4.17.0 → 4.17.2-beta.1

package/lib/components/DropDown.d.ts

@@ -26,6 +26,7 @@ export interface DropDownProperties {
     searchable?: SearchableProps;
     virtualized?: true | VirtualizedProps;
     useKeyboardAvoidingView?: boolean;
+    animation?: 'none' | 'fade' | 'slide';
 }
 export interface SearchableProps {
     placeHolder: string;

package/lib/components/DropDown.js

@@ -305,7 +305,7 @@ class DropDown extends React.Component {
     }
     render() {
         const { modalOpen, searchText } = this.state;
-        const { label, items, value, emptyMessage, style, disabledStyle, disabled, labelStyle, inputStyle, nativeID, onPress, icon, searchable, useKeyboardAvoidingView } = this.props;
+        const { label, items, value, emptyMessage, style, disabledStyle, disabled, labelStyle, inputStyle, nativeID, onPress, icon, searchable, useKeyboardAvoidingView, animation } = this.props;
         const selectedItem = items.find(x => x.value === value);
         const styles = this.getStyles();
         const theme = (0, theme_1.getTheme)();
@@ -345,7 +345,7 @@ class DropDown extends React.Component {
                 ] },
                 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 }, useKeyboardAvoidingView ? (React.createElement(react_native_1.KeyboardAvoidingView, { behavior: react_native_1.Platform.OS === 'ios' ? 'padding' : 'height' }, conteudoModal)) : (conteudoModal)))));
+                React.createElement(Modal_1.Modal, { visible: modalOpen, onRequestClose: () => this.setState({ modalOpen: false }), overlayStyle: styles.modalOverlay, animation: animation !== null && animation !== void 0 ? animation : 'fade' }, useKeyboardAvoidingView ? (React.createElement(react_native_1.KeyboardAvoidingView, { behavior: react_native_1.Platform.OS === 'ios' ? 'padding' : 'height' }, conteudoModal)) : (conteudoModal)))));
     }
 }
 exports.DropDown = DropDown;

package/lib/components/Message.d.ts

@@ -1,5 +1,12 @@
 import * as React from 'react';
-import { StyleProp, TextStyle } from 'react-native';
+import { StyleProp, TextStyle, ViewStyle } from 'react-native';
+export interface MessageButtonProperties {
+    text: string;
+    onPress: () => void;
+    style?: StyleProp<ViewStyle>;
+    textStyle?: StyleProp<TextStyle>;
+    nativeID?: string;
+}
 export interface MessageProperties {
     message: string;
     visible: boolean;
@@ -7,6 +14,9 @@ export interface MessageProperties {
     onRequestClose?: () => void;
     nativeID?: string;
     textStyle?: StyleProp<TextStyle>;
+    animation?: 'none' | 'fade' | 'slide';
+    firstButton?: MessageButtonProperties;
+    secondButton?: MessageButtonProperties;
 }
 export declare class Message extends React.Component<MessageProperties> {
     static defaultProps: {

package/lib/components/Message.js

@@ -8,6 +8,8 @@ const Modal_1 = require("./Modal");
 const theme_1 = require("../modules/theme");
 const layout_1 = require("../modules/layout");
 const test_1 = require("../modules/test");
+const Space_1 = require("./Space");
+const Button_1 = require("./Button");
 class Message extends React.Component {
     constructor() {
         super(...arguments);
@@ -37,13 +39,20 @@ class Message extends React.Component {
         };
     }
     render() {
-        const { message, visible, type, onRequestClose, nativeID, textStyle } = this.props;
+        const { message, visible, type, onRequestClose, nativeID, textStyle, animation, firstButton, secondButton } = this.props;
         const styles = this.getStyles();
         const theme = (0, theme_1.getTheme)();
-        return (React.createElement(Modal_1.Modal, { visible: visible, onRequestClose: onRequestClose, overlayStyle: styles.overlay },
+        return (React.createElement(Modal_1.Modal, { visible: visible, onRequestClose: onRequestClose, overlayStyle: styles.overlay, animation: animation !== null && animation !== void 0 ? animation : 'fade' },
             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: (0, test_1.getTestID)(nativeID) }, message))));
+                React.createElement(react_native_1.Text, { style: [styles.text, textStyle], testID: (0, test_1.getTestID)(nativeID) }, message),
+                React.createElement(react_native_1.View, null,
+                    firstButton && (React.createElement(React.Fragment, null,
+                        React.createElement(Space_1.Space, null),
+                        React.createElement(Button_1.Button, { text: firstButton.text, textStyle: firstButton.textStyle, onPress: firstButton.onPress, style: firstButton.style, nativeID: firstButton.nativeID }))),
+                    secondButton && (React.createElement(React.Fragment, null,
+                        React.createElement(Space_1.Space, null),
+                        React.createElement(Button_1.Button, { text: secondButton.text, textStyle: secondButton.textStyle, onPress: secondButton.onPress, style: secondButton.style, nativeID: secondButton.nativeID })))))));
     }
 }
 exports.Message = Message;

package/lib/components/Modal.d.ts

@@ -5,6 +5,7 @@ export interface ModalProperties {
     visible: boolean;
     overlayStyle?: StyleProp<ViewStyle>;
     onRequestClose?: () => void;
+    animation?: 'none' | 'fade' | 'slide';
 }
 interface ModalState {
     isMounted: boolean;

package/lib/components/Modal.js

@@ -19,9 +19,9 @@ class Modal extends React.Component {
         }
     }
     render() {
-        const { children, visible, overlayStyle, onRequestClose } = this.props;
+        const { children, visible, overlayStyle, onRequestClose, animation } = this.props;
         const { isMounted } = this.state;
-        return (React.createElement(react_native_1.Modal, { animationType: "fade", transparent: true, visible: visible, supportedOrientations: ['landscape', 'portrait'], onRequestClose: onRequestClose, onShow: this.handleShow },
+        return (React.createElement(react_native_1.Modal, { animationType: animation !== null && animation !== void 0 ? animation : 'fade', transparent: true, visible: visible, supportedOrientations: ['landscape', 'portrait'], onRequestClose: onRequestClose, onShow: this.handleShow },
             React.createElement(react_native_1.TouchableWithoutFeedback, { onPress: onRequestClose },
                 React.createElement(react_native_1.View, { style: [styles.overlay, overlayStyle] }, react_native_1.Platform.OS !== 'android' || isMounted ? children : React.createElement(react_native_1.View, null)))));
     }

package/lib/components/TextBox.js

@@ -58,8 +58,10 @@ class TextBox extends React.Component {
         };
     }
     render() {
-        const { label, style, labelStyle, editable, inputRef, renderInput, icon, onPress } = this.props;
+        const { label, style, labelStyle, editable, inputRef, renderInput, icon, onPress, autoCapitalize, secureTextEntry } = this.props;
         const styles = this.getStyles();
+        // Força primeira letra minúscula em campos de senha, a menos que autoCapitalize seja definido explicitamente.
+        const capitalize = secureTextEntry && !autoCapitalize ? 'none' : autoCapitalize;
         const incomingProps = {
             nativeID: this.props.nativeID,
             testID: (0, test_1.getTestID)(this.props.nativeID),
@@ -79,13 +81,13 @@ class TextBox extends React.Component {
             // We set a fixed color for the placeholder to prevent it from being affected by the device's theme.
             // Related issue on GitLab: 12074
             placeholderTextColor: (0, theme_1.getTheme)().textColor3,
-            secureTextEntry: this.props.secureTextEntry,
+            secureTextEntry: secureTextEntry,
             multiline: this.props.multiline,
             editable: this.props.editable,
             keyboardType: this.props.keyboardType,
             maxLength: this.props.maxLength,
             onSubmitEditing: this.props.onSubmitEditing,
-            autoCapitalize: this.props.autoCapitalize,
+            autoCapitalize: capitalize,
             autoCorrect: this.props.autoCorrect,
             returnKeyType: react_native_1.Platform.OS === 'ios' &&
                 this.props.keyboardType === 'numeric' &&

package/package.json

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