react-crud-mobile 1.3.56 → 1.3.58

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

@@ -14,7 +14,8 @@ var vectorIcons = require('@expo/vector-icons');
 var Slider = _interopDefault(require('@react-native-community/slider'));
 var Toast = require('react-native-toast-message');
 var Toast__default = _interopDefault(Toast);
-var DraggableFlatList = _interopDefault(require('react-native-draggable-flatlist'));
+var DraggableFlatList = require('react-native-draggable-flatlist');
+var DraggableFlatList__default = _interopDefault(DraggableFlatList);
 var reactNativeGestureHandler = require('react-native-gesture-handler');
 var reactNativeSafeAreaContext = require('react-native-safe-area-context');
 
@@ -1605,6 +1606,19 @@ function UIOrder(props) {
   var crud = scope.crud;
   var original = scope.original;
   var cols = reactCrudUtils.Utils.nvl(scope.getPart('cols', undefined, 1));
+  var getStyle = function getStyle(key, extra) {
+    return scope.getStyle(key, _extends({}, extra, styles$a[key]));
+  };
+  var getContainerStyle = function getContainerStyle(extra) {
+    var row = getStyle('container', {});
+    if (cols > 1) {
+      row = _extends({}, row, {
+        flexDirection: 'row',
+        flexWrap: 'wrap'
+      });
+    }
+    return row;
+  };
   var LocalData = function LocalData() {
     var _useState = React.useState(scope.updateIndex),
       index = _useState[0],
@@ -1639,29 +1653,40 @@ function UIOrder(props) {
       var item = _ref.item,
         drag = _ref.drag,
         isActive = _ref.isActive;
-      return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
-        style: [styles$a.row, {
-          backgroundColor: isActive ? 'lightblue' : 'white'
-        }],
-        onLongPress: drag // Initiate drag on long press
-        ,
-        children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-          style: styles$a.text,
-          children: scope.getItemLabel(item)
+      return /*#__PURE__*/jsxRuntime.jsx(DraggableFlatList.ScaleDecorator, {
+        children: /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
+          style: [styles$a.row, {
+            backgroundColor: isActive ? 'lightblue' : 'white'
+          }],
+          onLongPress: drag // Initiate drag on long press
+          ,
+          children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
+            style: styles$a.text,
+            children: scope.getItemLabel(item)
+          })
         })
       });
     };
-    return /*#__PURE__*/jsxRuntime.jsx(reactNativeGestureHandler.GestureHandlerRootView, {
-      children: /*#__PURE__*/jsxRuntime.jsx(DraggableFlatList, {
-        data: items,
-        renderItem: renderItem,
-        keyExtractor: function keyExtractor(item) {
-          return scope.getItemValue(item);
+    var _useState2 = React.useState(items),
+      setData = _useState2[1];
+    return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+      style: getContainerStyle(),
+      children: /*#__PURE__*/jsxRuntime.jsx(reactNativeGestureHandler.GestureHandlerRootView, {
+        style: {
+          flex: 1
         },
-        onDragEnd: function onDragEnd(_ref2) {
-          var data = _ref2.data;
-          scope.changeValue(data);
-        }
+        children: /*#__PURE__*/jsxRuntime.jsx(DraggableFlatList__default, {
+          data: items,
+          renderItem: renderItem,
+          keyExtractor: function keyExtractor(item) {
+            return scope.getItemValue(item);
+          },
+          onDragEnd: function onDragEnd(_ref2) {
+            var data = _ref2.data;
+            setData(data);
+            scope.changeValue(data);
+          }
+        })
       })
     }, keyData);
   };