react-crud-mobile 1.0.603 → 1.0.604

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

@@ -658,21 +658,66 @@ 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 row = {
+  var cols = reactCrudUtils.Utils.nvl(original.cols, 1);
+  var rowWidth = Math.floor(100 / cols) + '%';
+  var row = _extends({}, original, {
+    list: null,
     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];
-  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+  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,
     children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
       scope: scope,
       crud: scope.crud,
@@ -680,6 +725,22 @@ 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;
@@ -687,31 +748,16 @@ 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,
-    list: stylesList
+    repeat: stylesRepeat$1,
+    list: stylesList$1
   }) == 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) {
@@ -754,26 +800,6 @@ 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...",
@@ -787,15 +813,11 @@ function UIList(props) {
     }), /*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
       style: getContainerStyle(),
       children: [/*#__PURE__*/jsxRuntime.jsx(Empty, {}), items.map(function (item, i) {
-        return /*#__PURE__*/jsxRuntime.jsx(RowItem, {
-          index: i,
+        return /*#__PURE__*/jsxRuntime.jsx(UIListRow, {
+          scope: scope,
           item: item,
-          children: /*#__PURE__*/jsxRuntime.jsx(UIListRow, {
-            scope: scope,
-            item: item,
-            index: i,
-            children: props.children
-          })
+          index: i,
+          children: props.children
         });
       }), isShowAdd() && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: add
@@ -803,7 +825,7 @@ function UIList(props) {
     })]
   });
 }
-var stylesList = /*#__PURE__*/reactNative.StyleSheet.create({
+var stylesList$1 = /*#__PURE__*/reactNative.StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',
@@ -811,28 +833,12 @@ var stylesList = /*#__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 = /*#__PURE__*/reactNative.StyleSheet.create({
+var stylesRepeat$1 = /*#__PURE__*/reactNative.StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',
@@ -841,17 +847,6 @@ var stylesRepeat = /*#__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'