react-crud-mobile 1.3.58 → 1.3.59

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

@@ -1606,91 +1606,52 @@ 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 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'
-          }],
-          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(reactNativeGestureHandler.GestureHandlerRootView, {
-        style: {
-          flex: 1
-        },
-        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);
           }
+        });
+        return filters;
+      }
+    }
+    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'
+        }],
+        onLongPress: drag // Initiate drag on long press
+        ,
+        children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
+          style: styles$a.text,
+          children: scope.getItemLabel(item)
         })
       })
-    }, 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",
@@ -1708,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({