react-crud-mobile 1.3.379 → 1.3.381

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-crud-mobile",
-  "version": "1.3.379",
+  "version": "1.3.381",
   "license": "MIT",
   "description": "Uma biblioteca de componentes para React Native v1",
   "main": "dist/index.js",

package/src/elements/core/UIOrder.tsx

@@ -54,10 +54,16 @@ export default function UIOrder(props: ChildType) {
   }, [items]);
 
   const onChange = (updated: any[]) => {
-    let array: any[] = [];
+    const array: any[] = [];
+    const items = scope.getItems();
+
+    items.splice(0);
 
     Utils.each(updated, o => {
-      array.push(o.object);
+      const v = o.object;
+
+      array.push(v);
+      items.push(v);
     });
 
     scope.changeValue(array);
@@ -193,20 +199,33 @@ export default function UIOrder(props: ChildType) {
     });
   };
 
+  const Empty = () => {
+    if (Utils.isEmpty(items)) {
+      let empty = scope.part('empty', 'Sem registro');
+
+      if (empty !== false) return <>{empty}</>;
+    }
+
+    return <></>;
+  };
+
   return (
     <View style={styles.container}>
+      <Empty />
       <View style={{ height: items.length * ITEM_HEIGHT, width: '100%' }}>
         {items.map(item => {
           const y = positions[item.value];
           if (!y) return null;
 
           const isDragging = draggingId === item.value;
+          const itemStyle = scope.getStyle('row', { ...styles.item });
+
           return (
             <Animated.View
               key={item.value}
               {...(panRespondersRef.current[item.value]?.panHandlers ?? {})}
               style={[
-                styles.item,
+                itemStyle,
                 {
                   position: 'absolute',
                   left: 0,