react-crud-mobile 1.3.57 → 1.3.59

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() {
@@ -1604,54 +1606,33 @@ 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],
-      setIndex = _useState[1];
-    scope.update = function () {
-      scope.updateIndex = ++index;
-      setIndex(index);
-    };
-    var keyData = scope.key('data');
-    var items = reactCrudUtils.Utils.call(function () {
-      var _original$list;
-      var list = reactCrudUtils.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 = reactCrudUtils.Utils.nvl(original.filterBy, 'label');
-          reactCrudUtils.Utils.each(list, function (o) {
-            var label = o[filterBy];
-            if (label) {
-              if (label.includes(query)) {
-                filters.push(o);
-              }
+  var items = reactCrudUtils.Utils.call(function () {
+    var _original$list;
+    var list = reactCrudUtils.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 = reactCrudUtils.Utils.nvl(original.filterBy, 'label');
+        reactCrudUtils.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__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
+    }
+    return list;
+  });
+  var renderItem = function renderItem(_ref) {
+    var item = _ref.item,
+      drag = _ref.drag,
+      isActive = _ref.isActive;
+    return /*#__PURE__*/jsxRuntime.jsx(DraggableFlatList.ScaleDecorator, {
+      children: /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
         style: [styles$a.row, {
           backgroundColor: isActive ? 'lightblue' : 'white'
         }],
@@ -1661,24 +1642,16 @@ function UIOrder(props) {
           style: styles$a.text,
           children: scope.getItemLabel(item)
         })
-      });
-    };
-    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);
-        },
-        onDragEnd: function onDragEnd(_ref2) {
-          var data = _ref2.data;
-          scope.changeValue(data);
-        }
       })
-    }, keyData);
+    });
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+  var _useState = React.useState(items),
+    data = _useState[0],
+    setData = _useState[1];
+  return /*#__PURE__*/jsxRuntime.jsxs(reactNativeGestureHandler.GestureHandlerRootView, {
+    style: _extends({
+      flex: 1
+    }, scope.getStyle('container')),
     children: [original.search !== false && /*#__PURE__*/jsxRuntime.jsx(UI.Text, {
       placeholder: "Pesquisar...",
       field: "query",
@@ -1696,7 +1669,18 @@ function UIOrder(props) {
         size: 20,
         color: "#888"
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(LocalData, {})]
+    }), /*#__PURE__*/jsxRuntime.jsx(DraggableFlatList__default, {
+      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__*/reactNative.StyleSheet.create({