react-crud-mobile 1.0.398 → 1.0.401

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

@@ -1,2 +1,3 @@
 /// <reference types="react" />
-export default function UIIcon(props: any): import("react").JSX.Element;
+import { ChildType } from 'react-crud-utils';
+export default function UIIcon({ scope }: ChildType): import("react").JSX.Element;

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

@@ -335,21 +335,14 @@ var styles$2 = {
   link: {}
 };
 
-function UIIcon(props) {
-  var handlePress = function handlePress() {
-    reactNative.Linking.openURL('https://reactnative.dev/');
-  };
-  return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
-    onPress: handlePress,
-    children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-      style: styles$3.link,
-      children: "Clique aqui para acessar o React Native"
-    })
+function UIIcon(_ref) {
+  var scope = _ref.scope;
+  var name = scope.getValue();
+  return /*#__PURE__*/jsxRuntime.jsx(vectorIcons.Ionicons, {
+    name: name,
+    style: scope.getStyle('icon')
   });
 }
-var styles$3 = {
-  link: {}
-};
 
 function UIButton(props) {
   var scope = props.scope;
@@ -435,7 +428,7 @@ function UISelect(props) {
     handlePress();
   };
   var style = function style(part, extra) {
-    return _extends({}, styles$4[part], scope.getStyle(part), extra);
+    return _extends({}, styles$3[part], scope.getStyle(part), extra);
   };
   return /*#__PURE__*/jsxRuntime.jsxs(reactNative.View, {
     style: style('selectRoot'),
@@ -492,7 +485,7 @@ function UISelect(props) {
     })]
   });
 }
-var styles$4 = /*#__PURE__*/reactNative.StyleSheet.create({
+var styles$3 = /*#__PURE__*/reactNative.StyleSheet.create({
   selectRoot: {
     justifyContent: 'flex-start',
     alignItems: 'flex-start'
@@ -566,12 +559,12 @@ function UIOption(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
     onPress: handlePress,
     children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-      style: styles$5.link,
+      style: styles$4.link,
       children: "Clique aqui para acessar o React Native"
     })
   });
 }
-var styles$5 = {
+var styles$4 = {
   link: {}
 };
 
@@ -582,12 +575,12 @@ function UIRadio(props) {
   return /*#__PURE__*/jsxRuntime.jsx(reactNative.TouchableOpacity, {
     onPress: handlePress,
     children: /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
-      style: styles$6.link,
+      style: styles$5.link,
       children: "Clique aqui para acessar o React Native"
     })
   });
 }
-var styles$6 = {
+var styles$5 = {
   link: {}
 };
 
@@ -605,7 +598,7 @@ function UIInput(props) {
     setValue(v);
   };
   var style = function style(part, extra) {
-    return _extends({}, scope.getStyle(part, styles$7[part]), extra);
+    return _extends({}, scope.getStyle(part, styles$6[part]), extra);
   };
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [scope.getPart('left'), /*#__PURE__*/jsxRuntime.jsx(reactNative.TextInput, {
@@ -620,7 +613,7 @@ function UIInput(props) {
     }), scope.getPart('right')]
   });
 }
-var styles$7 = /*#__PURE__*/reactNative.StyleSheet.create({
+var styles$6 = /*#__PURE__*/reactNative.StyleSheet.create({
   base: {
     flexDirection: 'row',
     alignItems: 'center',
@@ -680,7 +673,7 @@ function UIList(props) {
     });
   };
   var getStyle = function getStyle(key, extra) {
-    return scope.getStyle(key, _extends({}, extra, styles$8[key]));
+    return scope.getStyle(key, _extends({}, extra, styles$7[key]));
   };
   var getRowStyle = function getRowStyle(extra) {
     var row = getStyle('row', {});
@@ -710,7 +703,13 @@ function UIList(props) {
     if (typeof empty === 'string') {
       return /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
         style: scope.getStyle('empty', {
-          flex: 1
+          flex: 1,
+          fontWeight: 500,
+          fontSize: 20,
+          padding: 10,
+          textAlign: 'center',
+          justifyContent: 'center',
+          alignItems: 'center'
         }),
         children: empty
       });
@@ -752,7 +751,7 @@ function UIList(props) {
     })]
   });
 }
-var styles$8 = /*#__PURE__*/reactNative.StyleSheet.create({
+var styles$7 = /*#__PURE__*/reactNative.StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',
@@ -797,7 +796,7 @@ function UIToggle(props) {
     var item = _ref.item,
       index = _ref.index;
     var selected = isSelected(item);
-    var style = _extends({}, styles$9.text);
+    var style = _extends({}, styles$8.text);
     if (selected) style.color = '#ffffff';
     if (reactCrudUtils.Utils.isEmpty(props.children)) {
       return /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
@@ -813,7 +812,7 @@ function UIToggle(props) {
     });
   };
   var getItemStyle = function getItemStyle(item) {
-    var style = _extends({}, styles$9.item, scope.getStyle('item'));
+    var style = _extends({}, styles$8.item, scope.getStyle('item'));
     var wPart = 100 / options.length;
     var width = Math.floor(wPart) + '%';
     if (isSelected(item)) {
@@ -845,7 +844,7 @@ function UIToggle(props) {
     })
   });
 }
-var styles$9 = /*#__PURE__*/reactNative.StyleSheet.create({
+var styles$8 = /*#__PURE__*/reactNative.StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',
@@ -961,7 +960,7 @@ function UIModal(props) {
   var label = scope.getLabel();
   var theme = reactCrudUtils.useTheme();
   var style = function style(part, extra) {
-    var st = _extends({}, styles$a[part], extra);
+    var st = _extends({}, styles$9[part], extra);
     return _extends({}, scope.getStyle(part, st));
   };
   var toggle = function toggle(vis) {
@@ -1025,7 +1024,7 @@ function UIModal(props) {
     })
   });
 }
-var styles$a = /*#__PURE__*/reactNative.StyleSheet.create({
+var styles$9 = /*#__PURE__*/reactNative.StyleSheet.create({
   modalSafe: {
     flex: 1,
     backgroundColor: 'primary',
@@ -1150,7 +1149,7 @@ function UIElement(props) {
     var _elementStyle$type;
     var type = reactCrudUtils.Utils.nvl(original.type, 'none');
     var key = reactCrudUtils.Utils.nvl(part, 'root');
-    var def = _extends({}, styles$b[key], elementStyle == null || (_elementStyle$type = elementStyle[type]) == null ? void 0 : _elementStyle$type[key]);
+    var def = _extends({}, styles$a[key], elementStyle == null || (_elementStyle$type = elementStyle[type]) == null ? void 0 : _elementStyle$type[key]);
     var hasChild = hasChildren();
     if (!part && !hasChild) {
       def = _extends({}, def);
@@ -1184,8 +1183,9 @@ function UIElement(props) {
   });
   var CustomIcon = function CustomIcon() {
     if (typeof original.icon === 'string') {
-      return /*#__PURE__*/jsxRuntime.jsx(UIIcon, {
-        children: scope.getIcon()
+      return /*#__PURE__*/jsxRuntime.jsx(vectorIcons.Ionicons, {
+        name: original.icon,
+        style: scope.getStyle('icon')
       });
     }
     return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -1289,7 +1289,8 @@ function UIElement(props) {
               children: [scope.is('format', 'img') && /*#__PURE__*/jsxRuntime.jsx(reactNative.Image, {
                 source: scope.getDisplayValue()
               }), scope.is('format', 'icon') && /*#__PURE__*/jsxRuntime.jsx(UIIcon, {
-                className: scope.getDisplayValue()
+                scope: scope,
+                crud: crud
               }), !scope.is('format', 'icon', 'img') && /*#__PURE__*/jsxRuntime.jsx(reactNative.Text, {
                 children: scope.getDisplayValue()
               })]
@@ -1389,7 +1390,7 @@ elementStyle.toggle = /*#__PURE__*/reactNative.StyleSheet.create({
   })
 });
 elementStyle.list = /*#__PURE__*/_extends({}, elementStyle.card);
-var styles$b = /*#__PURE__*/reactNative.StyleSheet.create({
+var styles$a = /*#__PURE__*/reactNative.StyleSheet.create({
   root: {
     gap: 5,
     flexDirection: 'column',