react-crud-mobile 1.3.57 → 1.3.58

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

@@ -14,7 +14,9 @@ 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');
 
 function _extends() {
@@ -1651,30 +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)
+          })
         })
       });
     };
+    var _useState2 = React.useState(items),
+      setData = _useState2[1];
     return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
       style: getContainerStyle(),
-      children: /*#__PURE__*/jsxRuntime.jsx(DraggableFlatList, {
-        data: items,
-        renderItem: renderItem,
-        keyExtractor: function keyExtractor(item) {
-          return scope.getItemValue(item);
+      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);
   };