react-crud-mobile 1.3.183 → 1.3.185

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

@@ -1663,27 +1663,59 @@ function UIOrder(props) {
   var renderItem = function renderItem(_ref) {
     var item = _ref.item,
       drag = _ref.drag,
-      isActive = _ref.isActive;
-    var state = _extends({}, scope.getStyle('row'));
+      isActive = _ref.isActive,
+      getIndex = _ref.getIndex;
+    var index = getIndex();
+    var name = "" + scope.key('row', index, '');
+    var _useState = React.useState(reactCrudUtils.ScopeUtils.create(_extends({}, original, {
+        parent: scope,
+        name: name,
+        crud: scope.crud,
+        index: index,
+        type: 'row',
+        data: item
+      }))),
+      row = _useState[0];
+    var css = _extends({}, scope.getStyle('row'));
     if (isActive) {
-      state = _extends({}, state, scope.getStyle('active'));
+      css = _extends({}, css, scope.getStyle('active'));
     }
+    if (isActive) {
+      css = _extends({}, css, row.getStyle('rowSelected', {}));
+    } 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({}, state)],
+        }, _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, {})
       })
     });
   };
@@ -1706,16 +1738,16 @@ function UIOrder(props) {
   };
   var Header = function Header(_ref3) {
     var pos = _ref3.pos;
-    var hPos = reactCrudUtils.Utils.nvl(original.headerPos, 'inner');
+    var hPos = reactCrudUtils.Utils.nvl(original.headerPos, 'outer');
     if (hPos !== pos) return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {});
     return /*#__PURE__*/jsxRuntime.jsx(UIHeader, {
       scope: scope
     });
   };
   var OrderData = function OrderData() {
-    var _useState = React.useState(items),
-      data = _useState[0],
-      setData = _useState[1];
+    var _useState2 = React.useState(items),
+      data = _useState2[0],
+      setData = _useState2[1];
     return /*#__PURE__*/jsxRuntime.jsx(DraggableFlatList__default, {
       data: data,
       ListHeaderComponent: /*#__PURE__*/jsxRuntime.jsx(Header, {