react-crud-mobile 1.3.184 → 1.3.185

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-crud-mobile",
-  "version": "1.3.184",
+  "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;
@@ -86,6 +87,24 @@ export default function UIOrder(props: ChildType) {
     } 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
@@ -97,8 +116,7 @@ export default function UIOrder(props: ChildType) {
           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>
     );