react-crud-mobile 1.0.606 → 1.0.608

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

@@ -658,66 +658,21 @@ var styles$6 = /*#__PURE__*/reactNative.StyleSheet.create({
 });
 
 function UIListRow(props) {
-  var _repeat$list;
   var parent = props.scope;
-  var original = parent.original;
   var item = props.item;
   var index = props.index;
   var name = "" + parent.key('row', index);
-  var cols = reactCrudUtils.Utils.nvl(original.cols, 1);
-  var rowWidth = Math.floor(100 / cols) + '%';
-  var row = _extends({}, original, {
-    list: null,
+  var row = {
     parent: parent,
     name: name,
     crud: parent.crud,
     index: index,
     type: 'row',
     data: item
-  });
-  var styles = (_repeat$list = {
-    repeat: stylesRepeat,
-    list: stylesList
-  }) == null ? void 0 : _repeat$list[original.type];
+  };
   var _useState = React.useState(reactCrudUtils.ScopeUtils.create(row)),
     scope = _useState[0];
-  var getRowStyle = function getRowStyle() {
-    var row = scope.getStyle('row', _extends({}, styles.row));
-    if (cols > 0) {
-      row.width = rowWidth;
-    }
-    return row;
-  };
-  var onClick = function onClick(item) {
-    scope.call('click', {
-      value: item,
-      item: item,
-      edit: true
-    });
-  };
-  var RowItem = function RowItem(_ref) {
-    var item = _ref.item,
-      index = _ref.index,
-      children = _ref.children;
-    if (!original.click) {
-      return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-        style: getRowStyle(),
-        children: children
-      }, "k-" + index);
-    }
-    return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableHighlight, {
-      style: getRowStyle(),
-      underlayColor: 'transparent',
-      onPress: function onPress(e) {
-        e.stopPropagation();
-        onClick(item);
-      },
-      children: children
-    }, "k-" + index);
-  };
-  return /*#__PURE__*/jsxRuntime.jsx(RowItem, {
-    index: index,
-    item: item,
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
       scope: scope,
       crud: scope.crud,
@@ -725,22 +680,6 @@ function UIListRow(props) {
     })
   });
 }
-var stylesList = /*#__PURE__*/reactNative.StyleSheet.create({
-  row: {
-    padding: 5,
-    margin: 3,
-    width: '100%',
-    backgroundColor: '#f5f5f5',
-    gap: 10,
-    borderRadius: 8
-  }
-});
-var stylesRepeat = /*#__PURE__*/reactNative.StyleSheet.create({
-  row: {
-    padding: 0,
-    width: '100%'
-  }
-});
 
 function UIList(props) {
   var _repeat$list;
@@ -748,16 +687,31 @@ function UIList(props) {
   var crud = scope.crud;
   var original = scope.original;
   var cols = reactCrudUtils.Utils.nvl(original.cols, 1);
+  var rowWidth = Math.floor(100 / cols) + '%';
   var items = reactCrudUtils.Utils.nvl(scope.getItems(), []);
   var styles = (_repeat$list = {
-    repeat: stylesRepeat$1,
-    list: stylesList$1
+    repeat: stylesRepeat,
+    list: stylesList
   }) == null ? void 0 : _repeat$list[original.type];
   var add = reactCrudUtils.ComponentUtils.getDefine(props, 'add');
   var hideAddWhenEmpty = original.hideAddWhenEmpty;
+  var onClick = function onClick(item) {
+    scope.call('click', {
+      value: item,
+      item: item,
+      edit: true
+    });
+  };
   var getStyle = function getStyle(key, extra) {
     return scope.getStyle(key, _extends({}, extra, styles[key]));
   };
+  var getRowStyle = function getRowStyle(extra) {
+    var row = getStyle('row', {});
+    if (cols > 0) {
+      row.width = rowWidth;
+    }
+    return row;
+  };
   var getContainerStyle = function getContainerStyle(extra) {
     var row = getStyle('container', {});
     if (cols > 1) {
@@ -800,6 +754,26 @@ function UIList(props) {
       children: empty
     });
   };
+  var RowItem = function RowItem(_ref) {
+    var item = _ref.item,
+      index = _ref.index,
+      children = _ref.children;
+    if (!original.click) {
+      return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
+        style: getRowStyle(),
+        children: children
+      }, "k-" + index);
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableHighlight, {
+      style: getRowStyle(),
+      underlayColor: 'transparent',
+      onPress: function onPress(e) {
+        e.stopPropagation();
+        onClick(item);
+      },
+      children: children
+    }, "k-" + index);
+  };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [original.search !== false && /*#__PURE__*/jsxRuntime.jsx(UI.Text, {
       placeholder: "Pesquisar...",
@@ -813,11 +787,15 @@ function UIList(props) {
     }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
       style: getContainerStyle(),
       children: [/*#__PURE__*/jsxRuntime.jsx(Empty, {}), items.map(function (item, i) {
-        return /*#__PURE__*/jsxRuntime.jsx(UIListRow, {
-          scope: scope,
-          item: item,
+        return /*#__PURE__*/jsxRuntime.jsx(RowItem, {
           index: i,
-          children: props.children
+          item: item,
+          children: /*#__PURE__*/jsxRuntime.jsx(UIListRow, {
+            scope: scope,
+            item: item,
+            index: i,
+            children: props.children
+          })
         });
       }), isShowAdd() && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: add
@@ -825,7 +803,7 @@ function UIList(props) {
     })]
   });
 }
-var stylesList$1 = /*#__PURE__*/reactNative.StyleSheet.create({
+var stylesList = /*#__PURE__*/reactNative.StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',
@@ -833,12 +811,28 @@ var stylesList$1 = /*#__PURE__*/reactNative.StyleSheet.create({
     flexWrap: 'wrap',
     alignItems: 'stretch'
   },
+  row: {
+    padding: 5,
+    margin: 3,
+    width: '100%',
+    backgroundColor: '#f5f5f5',
+    gap: 10,
+    borderRadius: 8
+  },
+  rowInner: {
+    flexGrow: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 8,
+    padding: 10,
+    width: '100%'
+  },
   text: {
     fontSize: 18,
     fontWeight: 'bold'
   }
 });
-var stylesRepeat$1 = /*#__PURE__*/reactNative.StyleSheet.create({
+var stylesRepeat = /*#__PURE__*/reactNative.StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',
@@ -847,6 +841,17 @@ var stylesRepeat$1 = /*#__PURE__*/reactNative.StyleSheet.create({
     gap: 10,
     alignItems: 'stretch'
   },
+  row: {
+    padding: 0,
+    width: '100%'
+  },
+  rowInner: {
+    flexGrow: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 0,
+    width: '100%'
+  },
   text: {
     fontSize: 18,
     fontWeight: 'bold'