react-crud-mobile 1.3.183 → 1.3.185

package/package.json

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

package/src/elements/core/UIOrder.tsx

@@ -8,6 +8,7 @@ import DraggableFlatList, {
 } from 'react-native-draggable-flatlist';
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import UIHeader from './UIHeader';
+import UIChildren from '../UIChildren';
 
 export default function UIOrder(props: ChildType) {
   const scope = props.scope;
@@ -60,26 +61,62 @@ 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) {
+      css = { ...css, ...scope.getStyle('active') };
+    }
 
     if (isActive) {
-      state = { ...state, ...scope.getStyle('active') };
+      css = { ...css, ...row.getStyle('rowSelected', {}) };
+    } else {
+      css = { ...css, ...row.getStyle('rowUnSelected', {}) };
     }
+    const Child = () => {
+      if (Utils.isEmpty(props.children)) {
+        return (
+          <>
+            <MaterialCommunityIcons name="drag" size={24} color="black" />
+            <Text style={styles.text}>{scope.getItemLabel(item)}</Text>
+          </>
+        );
+      }
 
+      return (
+        <>
+          <UIChildren transient scope={row} crud={row.crud}>
+            {props.children}
+          </UIChildren>
+        </>
+      );
+    };
     return (
       <ScaleDecorator>
         <TouchableOpacity
           style={[
             styles.row,
             { backgroundColor: isActive ? 'lightblue' : 'white' },
-            { ...state },
+            { ...css },
           ]}
           delayLongPress={100}
           onLongPress={drag} // Initiate drag on long press
         >
-          <MaterialCommunityIcons name="drag" size={24} color="black" />
-          <Text style={styles.text}>{scope.getItemLabel(item)}</Text>
+          <Child />
         </TouchableOpacity>
       </ScaleDecorator>
     );
@@ -103,7 +140,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 <></>;