react-crud-mobile 1.0.602 → 1.0.603

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

@@ -658,9 +658,7 @@ 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);
@@ -672,112 +670,16 @@ function UIListRow(props) {
     type: 'row',
     data: item
   };
-  var styles = (_repeat$list = {
-    repeat: stylesRepeat,
-    list: stylesList
-  }) == null ? void 0 : _repeat$list[original.type];
-  var cols = reactCrudUtils.Utils.nvl(original.cols, 1);
-  var rowWidth = Math.floor(100 / cols) + '%';
   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;
-    }
-    console.log(row);
-    return row;
-  };
-  var onClick = function onClick(item) {
-    scope.call('click', {
-      value: item,
-      item: item,
-      edit: true
-    });
-  };
-  var RowItem = function RowItem() {
-    if (!original.click) {
-      return /*#__PURE__*/jsxRuntime.jsx(reactNative.View, {
-        style: getRowStyle(),
-        children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
-          scope: scope,
-          crud: scope.crud,
-          children: props.children
-        })
-      }, "k-" + index);
-    }
-    return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableHighlight, {
-      style: getRowStyle(),
-      underlayColor: 'transparent',
-      onPress: function onPress(e) {
-        e.stopPropagation();
-        onClick(item);
-      },
-      children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
-        scope: scope,
-        crud: scope.crud,
-        children: props.children
-      })
-    }, "k-" + index);
-  };
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/jsxRuntime.jsx(RowItem, {}, name)
+    children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
+      scope: scope,
+      crud: scope.crud,
+      children: props.children
+    })
   });
 }
-var stylesList = /*#__PURE__*/reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    width: '100%',
-    flexDirection: 'row',
-    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 = /*#__PURE__*/reactNative.StyleSheet.create({
-  container: {
-    flex: 1,
-    width: '100%',
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-    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'
-  }
-});
 
 function UIList(props) {
   var _repeat$list;
@@ -785,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) {
@@ -837,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...",
@@ -850,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
@@ -862,7 +803,7 @@ function UIList(props) {
     })]
   });
 }
-var stylesList$1 = /*#__PURE__*/reactNative.StyleSheet.create({
+var stylesList = /*#__PURE__*/reactNative.StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',
@@ -891,7 +832,7 @@ var stylesList$1 = /*#__PURE__*/reactNative.StyleSheet.create({
     fontWeight: 'bold'
   }
 });
-var stylesRepeat$1 = /*#__PURE__*/reactNative.StyleSheet.create({
+var stylesRepeat = /*#__PURE__*/reactNative.StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',