secullum-react-native-ui 4.17.5 → 4.17.6

package/lib/components/Button.d.ts

@@ -10,6 +10,7 @@ export interface ButtonProperties {
     disabledBackgroundColor?: string;
     disabledLabelColor?: string;
     nativeID?: string;
+    loading?: boolean;
 }
 export declare class Button extends React.Component<ButtonProperties> {
     static defaultProps: {
@@ -17,6 +18,7 @@ export declare class Button extends React.Component<ButtonProperties> {
     };
     getStyles: () => {
         touchable: {
+            flexDirection: "row";
             backgroundColor: string;
             borderColor: string;
             borderWidth: number;

package/lib/components/Button.js

@@ -14,6 +14,7 @@ class Button extends React.Component {
             const theme = (0, theme_1.getTheme)();
             const styles = react_native_1.StyleSheet.create({
                 touchable: {
+                    flexDirection: 'row',
                     backgroundColor: theme.backgroundColor1,
                     borderColor: theme.borderColor1,
                     borderWidth: 1,
@@ -48,14 +49,16 @@ class Button extends React.Component {
         };
     }
     render() {
-        const { text, primary, style, textStyle, onPress, disabled, nativeID } = this.props;
+        const { text, primary, style, textStyle, onPress, disabled, nativeID, loading } = this.props;
         const styles = this.getStyles();
+        const theme = (0, theme_1.getTheme)();
         return (React.createElement(react_native_1.TouchableOpacity, { activeOpacity: 0.7, style: [
                 styles.touchable,
                 primary && styles.touchablePrimary,
                 style,
                 disabled && styles.disabled
             ], onPress: onPress, disabled: disabled, testID: (0, test_1.getTestID)(nativeID) },
+            loading && React.createElement(react_native_1.ActivityIndicator, { color: theme.borderColor1 }),
             React.createElement(react_native_1.Text, { nativeID: nativeID, style: [
                     styles.text,
                     primary && styles.textPrimary,

package/lib/components/DropDown.d.ts

@@ -26,7 +26,6 @@ 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, animation } = this.props;
+        const { label, items, value, emptyMessage, style, disabledStyle, disabled, labelStyle, inputStyle, nativeID, onPress, icon, searchable, useKeyboardAvoidingView } = 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, animation: animation || 'fade' }, 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 }, 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

@@ -7,7 +7,6 @@ export interface MessageProperties {
     onRequestClose?: () => void;
     nativeID?: string;
     textStyle?: StyleProp<TextStyle>;
-    animation?: 'none' | 'fade' | 'slide';
 }
 export declare class Message extends React.Component<MessageProperties> {
     static defaultProps: {

package/lib/components/Message.js

@@ -37,10 +37,10 @@ class Message extends React.Component {
         };
     }
     render() {
-        const { message, visible, type, onRequestClose, nativeID, textStyle, animation } = this.props;
+        const { message, visible, type, onRequestClose, nativeID, textStyle } = 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, animation: animation || 'fade' },
+        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: (0, test_1.getTestID)(nativeID) }, message))));

package/lib/components/Modal.d.ts

@@ -5,7 +5,6 @@ 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, animation } = this.props;
+        const { children, visible, overlayStyle, onRequestClose } = this.props;
         const { isMounted } = this.state;
-        return (React.createElement(react_native_1.Modal, { animationType: animation || 'fade', transparent: true, visible: visible, supportedOrientations: ['landscape', 'portrait'], onRequestClose: onRequestClose, onShow: this.handleShow },
+        return (React.createElement(react_native_1.Modal, { animationType: react_native_1.Platform.OS === 'ios' ? 'none' : '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/Question.js

@@ -56,7 +56,7 @@ class Question extends React.Component {
         const [leftButtonProps, rightButtonProps] = buttonOrder === 'ok,cancel'
             ? [okButton, cancelButton]
             : [cancelButton, okButton];
-        return (React.createElement(react_native_1.Modal, { animationType: "fade", transparent: true, visible: visible },
+        return (React.createElement(react_native_1.Modal, { animationType: react_native_1.Platform.OS === 'ios' ? 'none' : '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 },
                     React.createElement(FontAwesome_1.default, { name: 'question-circle', style: styles.icon }),

package/package.json

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