react-crud-mobile 1.3.183 → 1.3.184

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

@@ -1663,16 +1663,33 @@ 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) {
+      css = _extends({}, css, scope.getStyle('active'));
+    }
     if (isActive) {
-      state = _extends({}, state, scope.getStyle('active'));
+      css = _extends({}, css, row.getStyle('rowSelected', {}));
+    } else {
+      css = _extends({}, css, row.getStyle('rowUnSelected', {}));
     }
     return /*#__PURE__*/jsxRuntime.jsx(DraggableFlatList.ScaleDecorator, {
       children: /*#__PURE__*/jsxRuntime.jsxs(reactNative.TouchableOpacity, {
         style: [styles$a.row, {
           backgroundColor: isActive ? 'lightblue' : 'white'
-        }, _extends({}, state)],
+        }, _extends({}, css)],
         delayLongPress: 100,
         onLongPress: drag // Initiate drag on long press
         ,
@@ -1706,16 +1723,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, {