react-crud-mobile 1.3.51 → 1.3.52

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

@@ -6,6 +6,7 @@ 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 { SafeAreaProvider, SafeAreaView as SafeAreaView$1 } from 'react-native-safe-area-context';
 
 function _extends() {
@@ -1590,6 +1591,153 @@ var styles$9 = /*#__PURE__*/StyleSheet.create({
   view: {}
 });
 
+function UIOrder(props) {
+  var scope = props.scope;
+  var crud = scope.crud;
+  var original = scope.original;
+  var cols = Utils.nvl(scope.getPart('cols', undefined, 1));
+  var add = ComponentUtils.getDefine(props, 'add');
+  var hideAddWhenEmpty = original.hideAddWhenEmpty;
+  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);
+              }
+            }
+          });
+          return filters;
+        }
+      }
+      return list;
+    });
+    var isShowAdd = function isShowAdd() {
+      if (!Utils.isEmpty(items)) {
+        return true;
+      }
+      return hideAddWhenEmpty !== true;
+    };
+    var Empty = function Empty() {
+      if (!Utils.isEmpty(items)) {
+        return /*#__PURE__*/jsx(Fragment, {});
+      }
+      var empty = scope.attr('empty', 'Sem registro');
+      if (!empty) {
+        return /*#__PURE__*/jsx(Fragment, {});
+      }
+      if (typeof empty === 'string') {
+        return /*#__PURE__*/jsx(Text, {
+          style: scope.getStyle('empty', {
+            flex: 1,
+            fontWeight: 500,
+            fontSize: 20,
+            padding: 10,
+            textAlign: 'center',
+            justifyContent: 'center',
+            alignItems: 'center'
+          }),
+          children: empty
+        });
+      }
+      return /*#__PURE__*/jsx(Fragment, {
+        children: empty
+      });
+    };
+    var renderItem = function renderItem(_ref) {
+      var item = _ref.item,
+        drag = _ref.drag,
+        isActive = _ref.isActive;
+      return /*#__PURE__*/jsx(TouchableOpacity, {
+        style: [styles$a.row, {
+          backgroundColor: isActive ? 'lightblue' : 'white'
+        }],
+        onLongPress: drag // Initiate drag on long press
+        ,
+        children: /*#__PURE__*/jsx(Text, {
+          style: styles$a.text,
+          children: scope.getItemLabel(item)
+        })
+      });
+    };
+    return /*#__PURE__*/jsxs(View, {
+      style: getContainerStyle(),
+      children: [/*#__PURE__*/jsx(Empty, {}), /*#__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);
+        }
+      }), isShowAdd() && /*#__PURE__*/jsx(Fragment, {
+        children: add
+      })]
+    }, keyData);
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [original.search !== false && /*#__PURE__*/jsx(UI.Text, {
+      placeholder: "Pesquisar...",
+      field: "query",
+      crud: crud,
+      style: {
+        marginBottom: 10
+      },
+      change: {
+        action: function action() {
+          scope.search();
+        }
+      },
+      icon: /*#__PURE__*/jsx(Ionicons$1, {
+        name: "search",
+        size: 20,
+        color: "#888"
+      })
+    }), /*#__PURE__*/jsx(LocalData, {})]
+  });
+}
+var styles$a = /*#__PURE__*/StyleSheet.create({
+  row: {
+    padding: 20,
+    borderBottomWidth: 1,
+    borderBottomColor: '#ccc'
+  },
+  text: {
+    fontSize: 18
+  }
+});
+
 var CrudContext = /*#__PURE__*/createContext({});
 function UIElement(props) {
   var _original$list, _original$load;
@@ -1730,7 +1878,7 @@ function UIElement(props) {
     var _elementStyle$type;
     var type = Utils.nvl(original.type, 'none');
     var key = Utils.nvl(part, 'root');
-    var def = _extends({}, styles$a[key]);
+    var def = _extends({}, styles$b[key]);
     var hasChild = hasChildren();
     type = Utils.nvl(original.layout, type);
     if (!part && !hasChild) {
@@ -1930,6 +2078,9 @@ function UIElement(props) {
       }), scope.isType('list', 'repeat') && /*#__PURE__*/jsx(UIList, _extends({}, props, {
         scope: scope,
         crud: crud
+      })), scope.isType('order') && /*#__PURE__*/jsx(UIOrder, _extends({}, props, {
+        scope: scope,
+        crud: crud
       })), scope.isType('dialog') && /*#__PURE__*/jsx(UIModal, _extends({}, props, {
         scope: scope,
         crud: crud
@@ -2078,7 +2229,7 @@ elementStyle.toggle = /*#__PURE__*/StyleSheet.create({
     flexWrap: 'nowrap'
   })
 });
-var styles$a = /*#__PURE__*/StyleSheet.create({
+var styles$b = /*#__PURE__*/StyleSheet.create({
   root: {
     gap: 5,
     flexDirection: 'column',
@@ -2188,6 +2339,11 @@ function SafeView(props) {
 
 var _excluded = ["type"];
 var UI = {
+  Order: function Order(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "order"
+    }));
+  },
   List: function List(props) {
     return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
       type: "list"