react-crud-mobile 1.0.600 → 1.0.602

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

@@ -3,7 +3,6 @@ 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

@@ -658,6 +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;
@@ -671,17 +672,20 @@ function UIListRow(props) {
     type: 'row',
     data: item
   };
-  var styles = props.styles;
+  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];
-  console.log(styles);
-  var getRowStyle = function getRowStyle(extra) {
-    var row = scope.getStyle('row', _extends({}, extra, styles.row));
+  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) {
@@ -717,9 +721,63 @@ function UIListRow(props) {
     }, "k-" + index);
   };
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: /*#__PURE__*/jsxRuntime.jsx(RowItem, {})
+    children: /*#__PURE__*/jsxRuntime.jsx(RowItem, {}, name)
   });
 }
+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;
@@ -729,8 +787,8 @@ function UIList(props) {
   var cols = reactCrudUtils.Utils.nvl(original.cols, 1);
   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;
@@ -796,7 +854,6 @@ function UIList(props) {
           scope: scope,
           item: item,
           index: i,
-          styles: styles,
           children: props.children
         });
       }), isShowAdd() && /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -805,7 +862,7 @@ function UIList(props) {
     })]
   });
 }
-var stylesList = /*#__PURE__*/reactNative.StyleSheet.create({
+var stylesList$1 = /*#__PURE__*/reactNative.StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',
@@ -834,7 +891,7 @@ var stylesList = /*#__PURE__*/reactNative.StyleSheet.create({
     fontWeight: 'bold'
   }
 });
-var stylesRepeat = /*#__PURE__*/reactNative.StyleSheet.create({
+var stylesRepeat$1 = /*#__PURE__*/reactNative.StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',