react-crud-mobile 1.3.183 → 1.3.184

package/package.json

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

package/src/elements/core/UIOrder.tsx

@@ -60,20 +60,39 @@ export default function UIOrder(props: ChildType) {
 
   //v2
 
-  const renderItem = ({ item, drag, isActive }) => {
-    let state = { ...scope.getStyle('row') };
+  const renderItem = ({ item, drag, isActive, getIndex }) => {
+    const index = getIndex();
+    const name = `${scope.key('row', index, '')}`;
+    const [row] = useState(
+      ScopeUtils.create({
+        ...original,
+        parent: scope,
+        name,
+        crud: scope.crud,
+        index,
+        type: 'row',
+        data: item,
+      })
+    );
+
+    let css = { ...scope.getStyle('row') };
 
     if (isActive) {
-      state = { ...state, ...scope.getStyle('active') };
+      css = { ...css, ...scope.getStyle('active') };
     }
 
+    if (isActive) {
+      css = { ...css, ...row.getStyle('rowSelected', {}) };
+    } else {
+      css = { ...css, ...row.getStyle('rowUnSelected', {}) };
+    }
     return (
       <ScaleDecorator>
         <TouchableOpacity
           style={[
             styles.row,
             { backgroundColor: isActive ? 'lightblue' : 'white' },
-            { ...state },
+            { ...css },
           ]}
           delayLongPress={100}
           onLongPress={drag} // Initiate drag on long press
@@ -103,7 +122,7 @@ export default function UIOrder(props: ChildType) {
   };
 
   const Header = ({ pos }) => {
-    const hPos = Utils.nvl(original.headerPos, 'inner');
+    const hPos = Utils.nvl(original.headerPos, 'outer');
 
     if (hPos !== pos) return <></>;