react-crud-mobile 1.3.558 → 1.3.561

package/dist/index.js

@@ -502,7 +502,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;
@@ -1685,9 +1686,7 @@ function UIOrder(props) {
   const [items, setItems] = (0, import_react17.useState)(initial);
   const [draggingId, setDraggingId] = (0, import_react17.useState)(null);
   const positions = (0, import_react17.useRef)(
-    Object.fromEntries(
-      initial.map((it, i) => [it.value, new import_react_native20.Animated.Value(i * ITEM_HEIGHT)])
-    )
+    Object.fromEntries(initial.map((it, i) => [it.value, new import_react_native20.Animated.Value(i * ITEM_HEIGHT)]))
   ).current;
   const panRespondersRef = (0, import_react17.useRef)({});
   const activeItem = (0, import_react17.useRef)(null);
@@ -1699,8 +1698,7 @@ function UIOrder(props) {
   }, [items]);
   (0, import_react17.useEffect)(() => {
     items.forEach((it, idx) => {
-      if (!positions[it.value])
-        positions[it.value] = new import_react_native20.Animated.Value(idx * ITEM_HEIGHT);
+      if (!positions[it.value]) positions[it.value] = new import_react_native20.Animated.Value(idx * ITEM_HEIGHT);
       import_react_native20.Animated.spring(positions[it.value], {
         toValue: idx * ITEM_HEIGHT,
         useNativeDriver: false
@@ -1722,35 +1720,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;
         import_react_native20.Animated.timing(positions[other.value], {
           toValue: targetY,
           duration: 120,
@@ -1761,15 +1750,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];
@@ -1821,7 +1806,7 @@ function UIOrder(props) {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_react_native20.View, { style: styles11.container, children: [
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Empty, {}),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native20.View, { style: { height: items.length * ITEM_HEIGHT, width: "100%" }, children: items.map((item) => {
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native20.View, { 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;
@@ -1845,14 +1830,7 @@ function UIOrder(props) {
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native20.View, { style: styles11.handle, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native20.Text, { style: styles11.handleText, children: "\u2261" }) }),
             /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native20.Text, { style: styles11.itemText, children: item.label }),
-            element.remove && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-              import_react_native20.TouchableOpacity,
-              {
-                onPress: () => removeItem(item.value),
-                style: styles11.del,
-                children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native20.Text, { style: { color: "#fff" }, children: "X" })
-              }
-            )
+            element.remove && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native20.TouchableOpacity, { onPress: () => removeItem(item.value), style: styles11.del, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react_native20.Text, { style: { color: "#fff" }, children: "X" }) })
           ]
         },
         item.value