react-crud-mobile 1.3.69 → 1.3.71

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

@@ -1533,6 +1533,7 @@ function UIView(_ref) {
   var headerStyle = reactCrudUtils.Utils.nvl((_theme$styles = theme.styles) == null || (_theme$styles = _theme$styles.defaults) == null ? void 0 : _theme$styles.header, {});
   var headerTextStyle = reactCrudUtils.Utils.nvl((_theme$styles2 = theme.styles) == null || (_theme$styles2 = _theme$styles2.defaults) == null ? void 0 : _theme$styles2.headerText, {});
   var scrollRef = React.useRef(null);
+  var original = scope.original;
   React.useEffect(function () {
     MobileUtils.syncTheme();
   }, []);
@@ -1566,27 +1567,36 @@ function UIView(_ref) {
   };
   scope.put('scrollRef', scrollRef);
   reactCrudUtils.ComponentUtils.setViewScope(scope);
+  var Container = function Container() {
+    if (original.scroll === false) {
+      return /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
+        scope: scope,
+        children: children
+      });
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
+      onScroll: onScroll,
+      scrollEventThrottle: 16,
+      ref: scrollRef,
+      nestedScrollEnabled: true,
+      keyboardShouldPersistTaps: "handled",
+      contentContainerStyle: scope.getStyle('contentContainer', {
+        paddingBottom: 50
+      }),
+      style: scope.getStyle('scroll', styles$9.scroll),
+      children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
+        scope: scope,
+        children: children
+      })
+    });
+  };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [hasHeader && /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
       style: headerStyleFull,
       children: /*#__PURE__*/jsxRuntime.jsx(AuxHeader, {})
     }), /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
       style: scope.getStyle('container', styles$9.container),
-      children: /*#__PURE__*/jsxRuntime.jsx(reactNative.ScrollView, {
-        onScroll: onScroll,
-        scrollEventThrottle: 16,
-        ref: scrollRef,
-        nestedScrollEnabled: true,
-        keyboardShouldPersistTaps: "handled",
-        contentContainerStyle: scope.getStyle('contentContainer', {
-          paddingBottom: 50
-        }),
-        style: scope.getStyle('scroll', styles$9.scroll),
-        children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
-          scope: scope,
-          children: children
-        })
-      })
+      children: /*#__PURE__*/jsxRuntime.jsx(Container, {})
     }), /*#__PURE__*/jsxRuntime.jsx(UIToast, {})]
   });
 }
@@ -1631,17 +1641,25 @@ function UIOrder(props) {
     var item = _ref.item,
       drag = _ref.drag,
       isActive = _ref.isActive;
+    var state = _extends({}, scope.getStyle('row'));
+    if (isActive) {
+      state = _extends({}, state, scope.getStyle('active'));
+    }
     return /*#__PURE__*/jsxRuntime.jsx(DraggableFlatList.ScaleDecorator, {
-      children: /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
+      children: /*#__PURE__*/jsxRuntime.jsxs(reactNative.TouchableOpacity, {
         style: [styles$a.row, {
           backgroundColor: isActive ? 'lightblue' : 'white'
-        }],
+        }, _extends({}, state)],
         onLongPress: drag // Initiate drag on long press
         ,
-        children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
+        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)
-        })
+        })]
       })
     });
   };
@@ -1673,7 +1691,8 @@ var styles$a = /*#__PURE__*/reactNative.StyleSheet.create({
   row: {
     padding: 20,
     borderBottomWidth: 1,
-    borderBottomColor: '#ccc'
+    borderBottomColor: '#ccc',
+    borderRadius: 5
   },
   text: {
     fontSize: 18