react-crud-mobile 1.3.182 → 1.3.184

package/dist/react-crud-mobile.esm.js

@@ -1654,16 +1654,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 = useState(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__*/jsx(ScaleDecorator, {
       children: /*#__PURE__*/jsxs(TouchableOpacity, {
         style: [styles$a.row, {
           backgroundColor: isActive ? 'lightblue' : 'white'
-        }, _extends({}, state)],
+        }, _extends({}, css)],
         delayLongPress: 100,
         onLongPress: drag // Initiate drag on long press
         ,
@@ -1695,14 +1712,22 @@ function UIOrder(props) {
       children: children
     });
   };
+  var Header = function Header(_ref3) {
+    var pos = _ref3.pos;
+    var hPos = Utils.nvl(original.headerPos, 'outer');
+    if (hPos !== pos) return /*#__PURE__*/jsx(Fragment, {});
+    return /*#__PURE__*/jsx(UIHeader, {
+      scope: scope
+    });
+  };
   var OrderData = function OrderData() {
-    var _useState = useState(items),
-      data = _useState[0],
-      setData = _useState[1];
+    var _useState2 = useState(items),
+      data = _useState2[0],
+      setData = _useState2[1];
     return /*#__PURE__*/jsx(DraggableFlatList, {
       data: data,
-      ListHeaderComponent: /*#__PURE__*/jsx(UIHeader, {
-        scope: scope
+      ListHeaderComponent: /*#__PURE__*/jsx(Header, {
+        pos: "inner"
       }),
       ListFooterComponent: /*#__PURE__*/jsx(Fragment, {
         children: scope.getPart('footer')
@@ -1716,15 +1741,17 @@ function UIOrder(props) {
         }
         return key;
       },
-      onDragEnd: function onDragEnd(_ref3) {
-        var data = _ref3.data;
+      onDragEnd: function onDragEnd(_ref4) {
+        var data = _ref4.data;
         setData(data);
         scope.changeValue(data);
       }
     });
   };
-  return /*#__PURE__*/jsx(OrderView, {
-    children: /*#__PURE__*/jsx(OrderData, {})
+  return /*#__PURE__*/jsxs(OrderView, {
+    children: [/*#__PURE__*/jsx(Header, {
+      pos: "outer"
+    }), /*#__PURE__*/jsx(OrderData, {})]
   });
 }
 var styles$a = /*#__PURE__*/StyleSheet.create({