react-crud-mobile 1.3.556 → 1.3.558

package/dist/index.mjs

@@ -375,7 +375,6 @@ function LoadingIcon({ color }) {
 }
 
 // src/elements/core/UIButton.tsx
-import Animated2, { useSharedValue, useAnimatedStyle, withTiming } from "react-native-reanimated";
 import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs2 } from "react/jsx-runtime";
 var BUTTONS_SIZE = { small: { minWidth: 30, height: 30 } };
 function UIButton(props) {
@@ -390,11 +389,6 @@ function UIButton(props) {
   let label = scope.getLabel();
   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 styles13 = {
     buttonLabel: {
@@ -504,7 +498,7 @@ function UIButton(props) {
     ] }) });
   }
   return /* @__PURE__ */ jsxs2(Fragment5, { children: [
-    /* @__PURE__ */ jsx9(Pressable, { onPress: onClick, onPressIn: () => pressed.value = 1, onPressOut: () => pressed.value = 0, children: /* @__PURE__ */ jsxs2(Animated2.View, { style: [buttonStyle, animatedStyle], children: [
+    /* @__PURE__ */ jsx9(Pressable, { onPress: onClick, style: ({ pressed }) => [buttonStyle, pressed && { opacity: 0.5 }], children: /* @__PURE__ */ jsxs2(Fragment5, { children: [
       icon && /* @__PURE__ */ jsx9(UI_default.Icon, { size: iconSize, style: iconStyle, value: icon }),
       label && /* @__PURE__ */ jsx9(Text3, { style: buttonLabel, children: label })
     ] }) }),
@@ -1508,7 +1502,7 @@ function UIModal(props) {
       /* @__PURE__ */ jsx22(UIToast, {})
     ] });
   };
-  return /* @__PURE__ */ jsx22(Modal3, { animationType: "slide", transparent: true, visible: true, onRequestClose: onClose, children: /* @__PURE__ */ jsx22(ModalInner, {}) }, key);
+  return /* @__PURE__ */ jsx22(Modal3, { animationType: "slide", visible: true, onRequestClose: onClose, children: /* @__PURE__ */ jsx22(ModalInner, {}) }, key);
 }
 var styles9 = StyleSheet12.create({
   modalTop: {
@@ -1664,7 +1658,7 @@ import {
   View as View12,
   Text as Text12,
   StyleSheet as StyleSheet14,
-  Animated as Animated3,
+  Animated as Animated2,
   PanResponder,
   TouchableOpacity as TouchableOpacity7
 } from "react-native";
@@ -1678,7 +1672,7 @@ function UIOrder(props) {
   const [draggingId, setDraggingId] = useState15(null);
   const positions = useRef5(
     Object.fromEntries(
-      initial.map((it, i) => [it.value, new Animated3.Value(i * ITEM_HEIGHT)])
+      initial.map((it, i) => [it.value, new Animated2.Value(i * ITEM_HEIGHT)])
     )
   ).current;
   const panRespondersRef = useRef5({});
@@ -1692,8 +1686,8 @@ function UIOrder(props) {
   useEffect3(() => {
     items.forEach((it, idx) => {
       if (!positions[it.value])
-        positions[it.value] = new Animated3.Value(idx * ITEM_HEIGHT);
-      Animated3.spring(positions[it.value], {
+        positions[it.value] = new Animated2.Value(idx * ITEM_HEIGHT);
+      Animated2.spring(positions[it.value], {
         toValue: idx * ITEM_HEIGHT,
         useNativeDriver: false
       }).start();
@@ -1743,7 +1737,7 @@ function UIOrder(props) {
           targetY = (idx - 1) * ITEM_HEIGHT;
         else if (idx < activeIndex.current && idx >= targetIndex)
           targetY = (idx + 1) * ITEM_HEIGHT;
-        Animated3.timing(positions[other.value], {
+        Animated2.timing(positions[other.value], {
           toValue: targetY,
           duration: 120,
           useNativeDriver: false
@@ -1795,7 +1789,7 @@ function UIOrder(props) {
       const updated = prev.filter((it) => it.value !== id);
       updated.forEach((it, idx) => {
         if (positions[it.value])
-          Animated3.spring(positions[it.value], {
+          Animated2.spring(positions[it.value], {
             toValue: idx * ITEM_HEIGHT,
             useNativeDriver: false
           }).start();
@@ -1819,7 +1813,7 @@ function UIOrder(props) {
       const isDragging = draggingId === item.value;
       const itemStyle = scope.getStyle("row", { ...styles11.item });
       return /* @__PURE__ */ jsxs11(
-        Animated3.View,
+        Animated2.View,
         {
           ...panRespondersRef.current[item.value]?.panHandlers ?? {},
           style: [