react-crud-mobile 1.0.615 → 1.0.617

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

@@ -106,7 +106,7 @@ function UIChildren(props) {
   var getStyle = function getStyle(part) {
     var key = Utils.nvl(part, 'root');
     var def = styles[key];
-    return _extends({}, def, props.style, scope.getStyle(part));
+    return _extends({}, def, scope.getStyle(part));
   };
   return /*#__PURE__*/jsx(Fragment, {
     children: /*#__PURE__*/jsx(View, {
@@ -650,18 +650,92 @@ var styles$6 = /*#__PURE__*/StyleSheet.create({
   }
 });
 
-function UIList(props) {
+function UIListRow(props) {
   var _repeat$list;
   var scope = props.scope;
-  var crud = scope.crud;
+  var index = props.index;
   var original = scope.original;
+  var item = props.item;
   var cols = Utils.nvl(original.cols, 1);
   var rowWidth = Math.floor(100 / cols) + '%';
-  var items = Utils.nvl(scope.getItems(), []);
   var styles = (_repeat$list = {
     repeat: stylesRepeat,
     list: stylesList
   }) == null ? void 0 : _repeat$list[original.type];
+  var name = "" + scope.key('row', index, '');
+  var row = ScopeUtils.create(_extends({}, original, {
+    parent: scope,
+    name: name,
+    crud: scope.crud,
+    index: index,
+    type: 'row',
+    data: item
+  }));
+  var getRowStyle = function getRowStyle() {
+    var css = row.getStyle('row', _extends({}, styles.row));
+    if (cols > 0) {
+      css.width = rowWidth;
+    }
+    return css;
+  };
+  var onClick = function onClick(item) {
+    row.call('click', {
+      value: item,
+      item: item,
+      edit: true
+    });
+  };
+  if (!original.click) {
+    return /*#__PURE__*/jsx(View, {
+      style: getRowStyle(),
+      children: /*#__PURE__*/jsx(UIChildren, {
+        scope: row,
+        crud: row.crud,
+        children: props.children
+      })
+    }, "k-" + index);
+  }
+  return /*#__PURE__*/jsx(TouchableHighlight, {
+    underlayColor: 'transparent',
+    onPress: function onPress(e) {
+      e.stopPropagation();
+      onClick(item);
+    },
+    children: /*#__PURE__*/jsx(UIChildren, {
+      scope: row,
+      crud: row.crud,
+      children: props.children
+    })
+  }, "k-" + index);
+}
+var stylesList = /*#__PURE__*/StyleSheet.create({
+  row: {
+    padding: 5,
+    margin: 3,
+    width: '100%',
+    backgroundColor: '#f5f5f5',
+    gap: 10,
+    borderRadius: 8
+  }
+});
+var stylesRepeat = /*#__PURE__*/StyleSheet.create({
+  row: {
+    padding: 0,
+    width: '100%'
+  }
+});
+
+function UIList(props) {
+  var _repeat$list;
+  var scope = props.scope;
+  var crud = scope.crud;
+  var original = scope.original;
+  var cols = Utils.nvl(original.cols, 1);
+  var items = Utils.nvl(scope.getItems(), []);
+  var styles = (_repeat$list = {
+    repeat: stylesRepeat$1,
+    list: stylesList$1
+  }) == null ? void 0 : _repeat$list[original.type];
   var add = ComponentUtils.getDefine(props, 'add');
   var hideAddWhenEmpty = original.hideAddWhenEmpty;
   var getStyle = function getStyle(key, extra) {
@@ -709,56 +783,6 @@ function UIList(props) {
       children: empty
     });
   };
-  var RowItem = function RowItem(_ref) {
-    var item = _ref.item,
-      index = _ref.index,
-      children = _ref.children;
-    var name = "" + scope.key('row', index, '');
-    var row = ScopeUtils.create(_extends({}, original, {
-      parent: scope,
-      name: name,
-      crud: scope.crud,
-      index: index,
-      type: 'row',
-      data: item
-    }));
-    var getRowStyle = function getRowStyle() {
-      var css = row.getStyle('row', _extends({}, styles.row));
-      if (cols > 0) {
-        css.width = rowWidth;
-      }
-      return css;
-    };
-    var onClick = function onClick(item) {
-      row.call('click', {
-        value: item,
-        item: item,
-        edit: true
-      });
-    };
-    if (!original.click) {
-      return /*#__PURE__*/jsx(View, {
-        style: getRowStyle(),
-        children: /*#__PURE__*/jsx(UIChildren, {
-          scope: row,
-          crud: row.crud,
-          children: children
-        })
-      }, "k-" + index);
-    }
-    return /*#__PURE__*/jsx(TouchableHighlight, {
-      underlayColor: 'transparent',
-      onPress: function onPress(e) {
-        e.stopPropagation();
-        onClick(item);
-      },
-      children: /*#__PURE__*/jsx(UIChildren, {
-        scope: row,
-        crud: row.crud,
-        children: children
-      })
-    }, "k-" + index);
-  };
   return /*#__PURE__*/jsxs(Fragment, {
     children: [original.search !== false && /*#__PURE__*/jsx(UI.Text, {
       placeholder: "Pesquisar...",
@@ -772,9 +796,10 @@ function UIList(props) {
     }), /*#__PURE__*/jsxs(View, {
       style: getContainerStyle(),
       children: [/*#__PURE__*/jsx(Empty, {}), items.map(function (item, i) {
-        return /*#__PURE__*/jsx(RowItem, {
+        return /*#__PURE__*/jsx(UIListRow, {
           index: i,
           item: item,
+          scope: scope,
           children: props.children
         });
       }), isShowAdd() && /*#__PURE__*/jsx(Fragment, {
@@ -783,7 +808,7 @@ function UIList(props) {
     })]
   });
 }
-var stylesList = /*#__PURE__*/StyleSheet.create({
+var stylesList$1 = /*#__PURE__*/StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',
@@ -812,7 +837,7 @@ var stylesList = /*#__PURE__*/StyleSheet.create({
     fontWeight: 'bold'
   }
 });
-var stylesRepeat = /*#__PURE__*/StyleSheet.create({
+var stylesRepeat$1 = /*#__PURE__*/StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',
@@ -838,17 +863,6 @@ var stylesRepeat = /*#__PURE__*/StyleSheet.create({
   }
 });
 
-function UIListRow(props) {
-  var scope = props.scope;
-  return /*#__PURE__*/jsx(Fragment, {
-    children: /*#__PURE__*/jsx(UIChildren, {
-      scope: scope,
-      crud: scope.crud,
-      children: props.children
-    })
-  });
-}
-
 function UIToggle(props) {
   var scope = props.scope;
   var options = Utils.nvl(scope.getOptions(), []);