react-crud-mobile 1.3.556 → 1.3.558

package/package.json

@@ -1,6 +1,6 @@
 {
    "name": "react-crud-mobile",
-   "version": "1.3.556",
+   "version": "1.3.558",
    "license": "MIT",
    "description": "Uma biblioteca de componentes para React Native v1",
    "author": "juarez",

package/src/elements/core/UIButton.tsx

@@ -3,7 +3,6 @@ import { Pressable, Text, Modal, View, TouchableWithoutFeedback } from 'react-na
 import UI from '../UI';
 import { useState } from 'react';
 import LoadingIcon from './LoadingIcon';
-import Animated, { useSharedValue, useAnimatedStyle, withSpring, withTiming } from 'react-native-reanimated';
 
 const BUTTONS_SIZE: any = { small: { minWidth: 30, height: 30 } };
 
@@ -21,12 +20,6 @@ export default function UIButton(props: ChildType) {
    let icon = scope.getPart('icon');
    let children = ComponentUtils.getChild(props, 'button');
 
-   const pressed = useSharedValue(0);
-   const animatedStyle = useAnimatedStyle(() => ({
-      transform: [{ translateY: withTiming(pressed.value ? 2 : 0, { duration: 80 }) }],
-      opacity: withTiming(pressed.value ? 0.9 : 1, { duration: 80 }),
-   }));
-
    if (!color) color = 'primaryLight';
 
    const styles: any = {
@@ -69,6 +62,7 @@ export default function UIButton(props: ChildType) {
    };
 
    const onClick = () => {
+      // 👉 Se tiver children, abre modal
       if (!Utils.isEmpty(children)) {
          setOpen(true);
          return;
@@ -165,11 +159,11 @@ export default function UIButton(props: ChildType) {
 
    return (
       <>
-         <Pressable onPress={onClick} onPressIn={() => (pressed.value = 1)} onPressOut={() => (pressed.value = 0)}>
-            <Animated.View style={[buttonStyle, animatedStyle]}>
+         <Pressable onPress={onClick} style={({ pressed }) => [buttonStyle, pressed && { opacity: 0.5 }]}>
+            <>
                {icon && <UI.Icon size={iconSize} style={iconStyle} value={icon} />}
                {label && <Text style={buttonLabel}>{label}</Text>}
-            </Animated.View>
+            </>
          </Pressable>
 
          {/* 🔥 MODAL */}

package/src/elements/core/UIModal.tsx

@@ -69,7 +69,7 @@ export default function UIModal(props: UIModalType) {
       );
    };
    return (
-      <Modal key={key} animationType="slide" transparent={true} visible={true} onRequestClose={onClose}>
+      <Modal key={key} animationType="slide" visible={true} onRequestClose={onClose}>
          <ModalInner />
       </Modal>
    );