react-crud-mobile 1.3.558 → 1.3.561

package/dist/index.mjs

@@ -474,7 +474,8 @@ function UIButton(props) {
     if (!label) {
       def = { ...def, borderRadius: 20 };
     }
-    let css = style("button", def);
+    let pure = style("button", {});
+    let css = { ...style("button", def), ...pure };
     if (!css.width) {
       let h = css.height;
       if (typeof h === "number") css.minWidth = h;
@@ -1654,14 +1655,7 @@ import Toast2 from "react-native-toast-message";
 // src/elements/core/UIOrder.tsx
 import { useRef as useRef5, useState as useState15, useEffect as useEffect3 } from "react";
 import { Utils as Utils17 } from "react-crud-utils";
-import {
-  View as View12,
-  Text as Text12,
-  StyleSheet as StyleSheet14,
-  Animated as Animated2,
-  PanResponder,
-  TouchableOpacity as TouchableOpacity7
-} from "react-native";
+import { View as View12, Text as Text12, StyleSheet as StyleSheet14, Animated as Animated2, PanResponder, TouchableOpacity as TouchableOpacity7 } from "react-native";
 import { Fragment as Fragment15, jsx as jsx25, jsxs as jsxs11 } from "react/jsx-runtime";
 var ITEM_HEIGHT = 70;
 function UIOrder(props) {
@@ -1671,9 +1665,7 @@ function UIOrder(props) {
   const [items, setItems] = useState15(initial);
   const [draggingId, setDraggingId] = useState15(null);
   const positions = useRef5(
-    Object.fromEntries(
-      initial.map((it, i) => [it.value, new Animated2.Value(i * ITEM_HEIGHT)])
-    )
+    Object.fromEntries(initial.map((it, i) => [it.value, new Animated2.Value(i * ITEM_HEIGHT)]))
   ).current;
   const panRespondersRef = useRef5({});
   const activeItem = useRef5(null);
@@ -1685,8 +1677,7 @@ function UIOrder(props) {
   }, [items]);
   useEffect3(() => {
     items.forEach((it, idx) => {
-      if (!positions[it.value])
-        positions[it.value] = new Animated2.Value(idx * ITEM_HEIGHT);
+      if (!positions[it.value]) positions[it.value] = new Animated2.Value(idx * ITEM_HEIGHT);
       Animated2.spring(positions[it.value], {
         toValue: idx * ITEM_HEIGHT,
         useNativeDriver: false
@@ -1708,35 +1699,26 @@ function UIOrder(props) {
     onStartShouldSetPanResponder: () => true,
     onPanResponderGrant: () => {
       const currentItems = itemsRef.current;
-      if (!positions[item.value] || !currentItems.find((it) => it.value === item.value))
-        return;
+      if (!positions[item.value] || !currentItems.find((it) => it.value === item.value)) return;
       activeItem.current = item;
-      activeIndex.current = currentItems.findIndex(
-        (it) => it.value === item.value
-      );
+      activeIndex.current = currentItems.findIndex((it) => it.value === item.value);
       offsetY.current = positions[item.value]._value;
       setDraggingId(item.value);
     },
     onPanResponderMove: (_, gesture) => {
       const currentItems = itemsRef.current;
-      if (!positions[item.value] || !currentItems.find((it) => it.value === item.value))
-        return;
+      if (!positions[item.value] || !currentItems.find((it) => it.value === item.value)) return;
       const y = offsetY.current + gesture.dy;
       positions[item.value].setValue(y);
       const targetIndex = Math.max(
         0,
-        Math.min(
-          currentItems.length - 1,
-          Math.floor((y + ITEM_HEIGHT / 2) / ITEM_HEIGHT)
-        )
+        Math.min(currentItems.length - 1, Math.floor((y + ITEM_HEIGHT / 2) / ITEM_HEIGHT))
       );
       currentItems.forEach((other, idx) => {
         if (other.value === item.value || !positions[other.value]) return;
         let targetY = idx * ITEM_HEIGHT;
-        if (idx > activeIndex.current && idx <= targetIndex)
-          targetY = (idx - 1) * ITEM_HEIGHT;
-        else if (idx < activeIndex.current && idx >= targetIndex)
-          targetY = (idx + 1) * ITEM_HEIGHT;
+        if (idx > activeIndex.current && idx <= targetIndex) targetY = (idx - 1) * ITEM_HEIGHT;
+        else if (idx < activeIndex.current && idx >= targetIndex) targetY = (idx + 1) * ITEM_HEIGHT;
         Animated2.timing(positions[other.value], {
           toValue: targetY,
           duration: 120,
@@ -1747,15 +1729,11 @@ function UIOrder(props) {
     onPanResponderRelease: () => {
       const moved = activeItem.current;
       const currentItems = itemsRef.current;
-      if (!moved || !positions[moved.value] || !currentItems.find((it) => it.value === moved.value))
-        return;
+      if (!moved || !positions[moved.value] || !currentItems.find((it) => it.value === moved.value)) return;
       const finalY = positions[moved.value]._value;
       const newIndex = Math.max(
         0,
-        Math.min(
-          currentItems.length - 1,
-          Math.floor((finalY + ITEM_HEIGHT / 2) / ITEM_HEIGHT)
-        )
+        Math.min(currentItems.length - 1, Math.floor((finalY + ITEM_HEIGHT / 2) / ITEM_HEIGHT))
       );
       const oldIndex = activeIndex.current;
       const updated = [...currentItems];
@@ -1807,7 +1785,7 @@ function UIOrder(props) {
   };
   return /* @__PURE__ */ jsxs11(View12, { style: styles11.container, children: [
     /* @__PURE__ */ jsx25(Empty, {}),
-    /* @__PURE__ */ jsx25(View12, { style: { height: items.length * ITEM_HEIGHT, width: "100%" }, children: items.map((item) => {
+    /* @__PURE__ */ jsx25(View12, { style: { height: items.length * ITEM_HEIGHT, width: "100%", ...scope.getStyle("container") }, children: items.map((item) => {
       const y = positions[item.value];
       if (!y) return null;
       const isDragging = draggingId === item.value;
@@ -1831,14 +1809,7 @@ function UIOrder(props) {
           children: [
             /* @__PURE__ */ jsx25(View12, { style: styles11.handle, children: /* @__PURE__ */ jsx25(Text12, { style: styles11.handleText, children: "\u2261" }) }),
             /* @__PURE__ */ jsx25(Text12, { style: styles11.itemText, children: item.label }),
-            element.remove && /* @__PURE__ */ jsx25(
-              TouchableOpacity7,
-              {
-                onPress: () => removeItem(item.value),
-                style: styles11.del,
-                children: /* @__PURE__ */ jsx25(Text12, { style: { color: "#fff" }, children: "X" })
-              }
-            )
+            element.remove && /* @__PURE__ */ jsx25(TouchableOpacity7, { onPress: () => removeItem(item.value), style: styles11.del, children: /* @__PURE__ */ jsx25(Text12, { style: { color: "#fff" }, children: "X" }) })
           ]
         },
         item.value