react-crud-mobile 1.3.57 → 1.3.59

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

@@ -6,7 +6,8 @@ import Ionicons from '@expo/vector-icons/Ionicons';
 import { Ionicons as Ionicons$1, AntDesign, Entypo, EvilIcons, MaterialCommunityIcons } from '@expo/vector-icons';
 import Slider from '@react-native-community/slider';
 import Toast, { BaseToast, ErrorToast } from 'react-native-toast-message';
-import DraggableFlatList from 'react-native-draggable-flatlist';
+import DraggableFlatList, { ScaleDecorator } from 'react-native-draggable-flatlist';
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { SafeAreaProvider, SafeAreaView as SafeAreaView$1 } from 'react-native-safe-area-context';
 
 function _extends() {
@@ -1596,54 +1597,33 @@ function UIOrder(props) {
   var crud = scope.crud;
   var original = scope.original;
   var cols = 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 = useState(scope.updateIndex),
-      index = _useState[0],
-      setIndex = _useState[1];
-    scope.update = function () {
-      scope.updateIndex = ++index;
-      setIndex(index);
-    };
-    var keyData = scope.key('data');
-    var items = Utils.call(function () {
-      var _original$list;
-      var list = Utils.nvl(scope.getItems(), []);
-      if (original.search && !((_original$list = original.list) != null && _original$list.url)) {
-        var query = crud.get('query', '').toLowerCase().trim();
-        if (query.length > 1) {
-          var filters = [];
-          var filterBy = Utils.nvl(original.filterBy, 'label');
-          Utils.each(list, function (o) {
-            var label = o[filterBy];
-            if (label) {
-              if (label.includes(query)) {
-                filters.push(o);
-              }
+  var items = Utils.call(function () {
+    var _original$list;
+    var list = Utils.nvl(scope.getItems(), []);
+    if (original.search && !((_original$list = original.list) != null && _original$list.url)) {
+      var query = crud.get('query', '').toLowerCase().trim();
+      if (query.length > 1) {
+        var filters = [];
+        var filterBy = Utils.nvl(original.filterBy, 'label');
+        Utils.each(list, function (o) {
+          var label = o[filterBy];
+          if (label) {
+            if (label.includes(query)) {
+              filters.push(o);
             }
-          });
-          return filters;
-        }
+          }
+        });
+        return filters;
       }
-      return list;
-    });
-    var renderItem = function renderItem(_ref) {
-      var item = _ref.item,
-        drag = _ref.drag,
-        isActive = _ref.isActive;
-      return /*#__PURE__*/jsx(TouchableOpacity, {
+    }
+    return list;
+  });
+  var renderItem = function renderItem(_ref) {
+    var item = _ref.item,
+      drag = _ref.drag,
+      isActive = _ref.isActive;
+    return /*#__PURE__*/jsx(ScaleDecorator, {
+      children: /*#__PURE__*/jsx(TouchableOpacity, {
         style: [styles$a.row, {
           backgroundColor: isActive ? 'lightblue' : 'white'
         }],
@@ -1653,24 +1633,16 @@ function UIOrder(props) {
           style: styles$a.text,
           children: scope.getItemLabel(item)
         })
-      });
-    };
-    return /*#__PURE__*/jsx(View, {
-      style: getContainerStyle(),
-      children: /*#__PURE__*/jsx(DraggableFlatList, {
-        data: items,
-        renderItem: renderItem,
-        keyExtractor: function keyExtractor(item) {
-          return scope.getItemValue(item);
-        },
-        onDragEnd: function onDragEnd(_ref2) {
-          var data = _ref2.data;
-          scope.changeValue(data);
-        }
       })
-    }, keyData);
+    });
   };
-  return /*#__PURE__*/jsxs(Fragment, {
+  var _useState = useState(items),
+    data = _useState[0],
+    setData = _useState[1];
+  return /*#__PURE__*/jsxs(GestureHandlerRootView, {
+    style: _extends({
+      flex: 1
+    }, scope.getStyle('container')),
     children: [original.search !== false && /*#__PURE__*/jsx(UI.Text, {
       placeholder: "Pesquisar...",
       field: "query",
@@ -1688,7 +1660,18 @@ function UIOrder(props) {
         size: 20,
         color: "#888"
       })
-    }), /*#__PURE__*/jsx(LocalData, {})]
+    }), /*#__PURE__*/jsx(DraggableFlatList, {
+      data: data,
+      renderItem: renderItem,
+      keyExtractor: function keyExtractor(item) {
+        return scope.getItemValue(item);
+      },
+      onDragEnd: function onDragEnd(_ref2) {
+        var data = _ref2.data;
+        setData(data);
+        scope.changeValue(data);
+      }
+    })]
   });
 }
 var styles$a = /*#__PURE__*/StyleSheet.create({