react-crud-mobile 1.0.592 → 1.0.596

package/dist/elements/core/UIListRow.d.ts

@@ -3,6 +3,7 @@ import { ChildType } from 'react-crud-utils';
 interface UIListRowType extends ChildType {
     item: any;
     index: number;
+    styles: any;
 }
 export default function UIListRow(props: UIListRowType): React.JSX.Element;
 export {};

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

@@ -659,6 +659,7 @@ var styles$6 = /*#__PURE__*/reactNative.StyleSheet.create({
 
 function UIListRow(props) {
   var parent = props.scope;
+  var original = parent.original;
   var item = props.item;
   var index = props.index;
   var name = "" + parent.key('row', index);
@@ -670,13 +671,52 @@ function UIListRow(props) {
     type: 'row',
     data: item
   };
+  var styles = props.styles;
+  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 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 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: 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(jsxRuntime.Fragment, {
+        children: props.children
+      })
+    }, "k-" + index);
+  };
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: /*#__PURE__*/jsxRuntime.jsx(UIChildren, {
       scope: scope,
       crud: scope.crud,
-      children: props.children
+      children: /*#__PURE__*/jsxRuntime.jsx(RowItem, {})
     })
   });
 }
@@ -687,7 +727,6 @@ 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,
@@ -695,23 +734,9 @@ function UIList(props) {
   }) == 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 +779,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 +792,12 @@ 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,
+          styles: styles,
+          children: props.children
         });
       }), isShowAdd() && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
         children: add