react-crud-mobile 1.3.184 → 1.3.186

package/dist/react-crud-mobile.cjs.development.js

@@ -1685,22 +1685,37 @@ function UIOrder(props) {
     } else {
       css = _extends({}, css, row.getStyle('rowUnSelected', {}));
     }
+    var Child = function Child() {
+      if (reactCrudUtils.Utils.isEmpty(props.children)) {
+        return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx(vectorIcons.MaterialCommunityIcons, {
+            name: "drag",
+            size: 24,
+            color: "black"
+          }), /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
+            style: styles$a.text,
+            children: scope.getItemLabel(item)
+          })]
+        });
+      }
+      return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+        children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
+          "transient": true,
+          scope: row,
+          crud: row.crud,
+          children: props.children
+        })
+      });
+    };
     return /*#__PURE__*/jsxRuntime.jsx(DraggableFlatList.ScaleDecorator, {
-      children: /*#__PURE__*/jsxRuntime.jsxs(reactNative.TouchableOpacity, {
+      children: /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
         style: [styles$a.row, {
           backgroundColor: isActive ? 'lightblue' : 'white'
         }, _extends({}, css)],
         delayLongPress: 100,
         onLongPress: drag // Initiate drag on long press
         ,
-        children: [/*#__PURE__*/jsxRuntime.jsx(vectorIcons.MaterialCommunityIcons, {
-          name: "drag",
-          size: 24,
-          color: "black"
-        }), /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-          style: styles$a.text,
-          children: scope.getItemLabel(item)
-        })]
+        children: /*#__PURE__*/jsxRuntime.jsx(Child, {})
       })
     });
   };
@@ -1782,18 +1797,17 @@ function UIElement(props) {
   var ctx = React.useContext(CrudContext);
   var theme = reactCrudUtils.Utils.nvl(props.theme, ctx == null ? void 0 : ctx.theme);
   var crud = reactCrudUtils.Utils.nvl(props.crud, ctx == null ? void 0 : ctx.crud);
-  var _useState = React.useState(reactCrudUtils.ScopeUtils.create(_extends({
-      crud: crud
-    }, props, {
-      theme: theme
-    }))),
-    scope = _useState[0];
-  var _useState2 = React.useState(0),
-    index = _useState2[0],
-    setIndex = _useState2[1];
-  var _useState3 = React.useState(null),
-    error = _useState3[0],
-    setError = _useState3[1];
+  var scope = reactCrudUtils.ScopeUtils.create(_extends({
+    crud: crud
+  }, props, {
+    theme: theme
+  }));
+  var _useState = React.useState(0),
+    index = _useState[0],
+    setIndex = _useState[1];
+  var _useState2 = React.useState(null),
+    error = _useState2[0],
+    setError = _useState2[1];
   scope.compile(props);
   crud = scope.crud;
   var options = scope.getOptions();