react-crud-mobile 1.0.398 → 1.0.401

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

@@ -328,21 +328,14 @@ var styles$2 = {
   link: {}
 };
 
-function UIIcon(props) {
-  var handlePress = function handlePress() {
-    Linking.openURL('https://reactnative.dev/');
-  };
-  return /*#__PURE__*/jsx(TouchableOpacity, {
-    onPress: handlePress,
-    children: /*#__PURE__*/jsx(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__*/jsx(Ionicons$1, {
+    name: name,
+    style: scope.getStyle('icon')
   });
 }
-var styles$3 = {
-  link: {}
-};
 
 function UIButton(props) {
   var scope = props.scope;
@@ -428,7 +421,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__*/jsxs(View, {
     style: style('selectRoot'),
@@ -485,7 +478,7 @@ function UISelect(props) {
     })]
   });
 }
-var styles$4 = /*#__PURE__*/StyleSheet.create({
+var styles$3 = /*#__PURE__*/StyleSheet.create({
   selectRoot: {
     justifyContent: 'flex-start',
     alignItems: 'flex-start'
@@ -559,12 +552,12 @@ function UIOption(props) {
   return /*#__PURE__*/jsx(TouchableOpacity, {
     onPress: handlePress,
     children: /*#__PURE__*/jsx(Text, {
-      style: styles$5.link,
+      style: styles$4.link,
       children: "Clique aqui para acessar o React Native"
     })
   });
 }
-var styles$5 = {
+var styles$4 = {
   link: {}
 };
 
@@ -575,12 +568,12 @@ function UIRadio(props) {
   return /*#__PURE__*/jsx(TouchableOpacity, {
     onPress: handlePress,
     children: /*#__PURE__*/jsx(Text, {
-      style: styles$6.link,
+      style: styles$5.link,
       children: "Clique aqui para acessar o React Native"
     })
   });
 }
-var styles$6 = {
+var styles$5 = {
   link: {}
 };
 
@@ -598,7 +591,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__*/jsxs(Fragment, {
     children: [scope.getPart('left'), /*#__PURE__*/jsx(TextInput, {
@@ -613,7 +606,7 @@ function UIInput(props) {
     }), scope.getPart('right')]
   });
 }
-var styles$7 = /*#__PURE__*/StyleSheet.create({
+var styles$6 = /*#__PURE__*/StyleSheet.create({
   base: {
     flexDirection: 'row',
     alignItems: 'center',
@@ -673,7 +666,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', {});
@@ -703,7 +696,13 @@ function UIList(props) {
     if (typeof empty === 'string') {
       return /*#__PURE__*/jsx(Text, {
         style: scope.getStyle('empty', {
-          flex: 1
+          flex: 1,
+          fontWeight: 500,
+          fontSize: 20,
+          padding: 10,
+          textAlign: 'center',
+          justifyContent: 'center',
+          alignItems: 'center'
         }),
         children: empty
       });
@@ -745,7 +744,7 @@ function UIList(props) {
     })]
   });
 }
-var styles$8 = /*#__PURE__*/StyleSheet.create({
+var styles$7 = /*#__PURE__*/StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',
@@ -790,7 +789,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 (Utils.isEmpty(props.children)) {
       return /*#__PURE__*/jsx(Text, {
@@ -806,7 +805,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)) {
@@ -838,7 +837,7 @@ function UIToggle(props) {
     })
   });
 }
-var styles$9 = /*#__PURE__*/StyleSheet.create({
+var styles$8 = /*#__PURE__*/StyleSheet.create({
   container: {
     flex: 1,
     width: '100%',
@@ -954,7 +953,7 @@ function UIModal(props) {
   var label = scope.getLabel();
   var theme = 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) {
@@ -1018,7 +1017,7 @@ function UIModal(props) {
     })
   });
 }
-var styles$a = /*#__PURE__*/StyleSheet.create({
+var styles$9 = /*#__PURE__*/StyleSheet.create({
   modalSafe: {
     flex: 1,
     backgroundColor: 'primary',
@@ -1143,7 +1142,7 @@ function UIElement(props) {
     var _elementStyle$type;
     var type = Utils.nvl(original.type, 'none');
     var key = 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);
@@ -1177,8 +1176,9 @@ function UIElement(props) {
   });
   var CustomIcon = function CustomIcon() {
     if (typeof original.icon === 'string') {
-      return /*#__PURE__*/jsx(UIIcon, {
-        children: scope.getIcon()
+      return /*#__PURE__*/jsx(Ionicons$1, {
+        name: original.icon,
+        style: scope.getStyle('icon')
       });
     }
     return /*#__PURE__*/jsx(Fragment, {
@@ -1282,7 +1282,8 @@ function UIElement(props) {
               children: [scope.is('format', 'img') && /*#__PURE__*/jsx(Image, {
                 source: scope.getDisplayValue()
               }), scope.is('format', 'icon') && /*#__PURE__*/jsx(UIIcon, {
-                className: scope.getDisplayValue()
+                scope: scope,
+                crud: crud
               }), !scope.is('format', 'icon', 'img') && /*#__PURE__*/jsx(Text, {
                 children: scope.getDisplayValue()
               })]
@@ -1382,7 +1383,7 @@ elementStyle.toggle = /*#__PURE__*/StyleSheet.create({
   })
 });
 elementStyle.list = /*#__PURE__*/_extends({}, elementStyle.card);
-var styles$b = /*#__PURE__*/StyleSheet.create({
+var styles$a = /*#__PURE__*/StyleSheet.create({
   root: {
     gap: 5,
     flexDirection: 'column',