react-crud-mobile 1.1.2 → 1.3.1

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

@@ -0,0 +1,2356 @@
+import React, { useState, useEffect, useRef, useContext, useLayoutEffect, createContext } from 'react';
+import { Utils, ScopeUtils, CrudUtils, useTheme, ViewUtils, ComponentUtils, HtmlUtils, ThemeUtils } from 'react-crud-utils';
+import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Modal, StatusBar, SafeAreaView, Switch, TextInput, Platform, Dimensions, ScrollView, Alert, Image, KeyboardAvoidingView, TouchableWithoutFeedback, Keyboard } from 'react-native';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import Ionicons from '@expo/vector-icons/Ionicons';
+import { Ionicons as Ionicons$1, AntDesign, Entypo, EvilIcons, MaterialCommunityIcons } from '@expo/vector-icons';
+import Slider from '@react-native-community/slider';
+import Toast, { BaseToast, ErrorToast } from 'react-native-toast-message';
+import { SafeAreaProvider, SafeAreaView as SafeAreaView$1 } from 'react-native-safe-area-context';
+
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+
+function UIChildren(props) {
+  var _useState = useState(Utils.nvl(props.scope, ScopeUtils.create(props))),
+    scope = _useState[0];
+  var crud = Utils.nvl(props.crud, scope.crud);
+  var validateScope = Utils.nvl(props.validateScope, 'global');
+  var name = Utils.nvl(props.part, 'child');
+  if (scope.isInput()) {
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
+  var Paint = function Paint(_ref) {
+    var _child$props;
+    var child = _ref.child;
+    if (!child) {
+      return /*#__PURE__*/jsx(Fragment, {});
+    }
+    if (typeof child === 'string') {
+      return /*#__PURE__*/jsx(Fragment, {
+        children: child
+      });
+    }
+    var Custom = child.type;
+    var pps = _extends({}, child.props);
+    delete pps.children;
+    if (typeof Custom === 'string') {
+      if (Utils.isEmpty(child.props.children)) {
+        return /*#__PURE__*/jsx(Custom, _extends({}, pps));
+      }
+      return /*#__PURE__*/jsx(Custom, _extends({}, pps, {
+        children: /*#__PURE__*/jsx(UIChildren, _extends({
+          "transient": true,
+          validateScope: validateScope
+        }, child.props, {
+          scope: scope,
+          crud: crud
+        }))
+      }));
+    } else if (typeof Custom === 'function') {
+      return /*#__PURE__*/jsx(Custom, _extends({
+        validateScope: validateScope
+      }, child.props, {
+        parent: scope,
+        crud: crud
+      }));
+    }
+    if (!Utils.isEmpty((_child$props = child.props) == null ? void 0 : _child$props.children)) {
+      return /*#__PURE__*/jsx(UIChildren, _extends({
+        validateScope: validateScope
+      }, child.props, {
+        scope: scope,
+        crud: crud,
+        "transient": true
+      }));
+    }
+    return /*#__PURE__*/jsx(Fragment, {});
+  };
+  var Draw = function Draw() {
+    if (props.elements) {
+      return /*#__PURE__*/jsx(Fragment, {
+        children: Object.entries(props.elements).map(function (t, k) {
+          return /*#__PURE__*/jsx(UIElement, _extends({
+            crud: crud
+          }, t[1]));
+        })
+      });
+    }
+    return /*#__PURE__*/jsx(Fragment, {
+      children: React.Children.map(props.children, function (child) {
+        return /*#__PURE__*/jsx(Paint, {
+          child: child
+        });
+      })
+    });
+  };
+  if (props["transient"]) {
+    return /*#__PURE__*/jsx(Draw, {});
+  }
+  if (Utils.isEmpty(props.children) && Utils.isEmpty(props.elements)) {
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
+  var getStyle = function getStyle(part) {
+    var key = Utils.nvl(part, 'root');
+    var def = styles[key];
+    var css = {};
+    if (!Utils.isEmpty(props.style)) {
+      var _props$style;
+      if ((_props$style = props.style) != null && _props$style.push) {
+        Utils.each(props.style, function (s) {
+          if (s) {
+            css = _extends({}, css, s);
+          }
+        });
+      } else {
+        css = _extends({}, props.style);
+      }
+    }
+    return _extends({}, def, css, scope.getStyle(part));
+  };
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsx(View, {
+      style: getStyle(name),
+      children: /*#__PURE__*/jsx(Draw, {})
+    })
+  });
+}
+var styles = /*#__PURE__*/StyleSheet.create({
+  child: {
+    width: '100%'
+  },
+  inner: {
+    width: '100%'
+  }
+});
+
+function ElTabs(props) {
+  var scope = props.scope;
+  var _useState = useState(0),
+    selectedIndex = _useState[0],
+    setSelectedIndex = _useState[1];
+  var element = scope.original;
+  var items = scope.getItems();
+  var counter = 0;
+  var tabs = [];
+  var _useState2 = useState(null),
+    selected = _useState2[0],
+    setSelected = _useState2[1];
+  var onChangeTab = function onChangeTab(tab, validate) {
+    if (validate === void 0) {
+      validate = true;
+    }
+    if (tab) {
+      scope.execute({
+        event: {
+          validate: validate,
+          validateScope: element.validateScope,
+          action: function action() {
+            scope.changeValue(tab.data);
+            selected = tab;
+            selectedIndex = tab.index;
+            setSelectedIndex(selectedIndex);
+            setSelected(tab);
+          }
+        }
+      });
+    }
+  };
+  var getStyleClass = function getStyleClass(t) {
+    var _selected;
+    var s = 'ui-tabs-item ui-click';
+    if (((_selected = selected) == null ? void 0 : _selected.index) === t.index) {
+      s = s + ' ui-tab-selected';
+    }
+    return s;
+  };
+  var addTab = function addTab(child, item) {
+    var original = _extends({}, child.props);
+    if (!item) {
+      item = scope.crud.data;
+    }
+    var crudTab = CrudUtils.create('tabs', {
+      data: item,
+      changed: item,
+      parent: scope.crud
+    });
+    var element = Utils.resolve(original, crudTab);
+    if (element.rendered === false) {
+      return;
+    }
+    tabs.push(_extends({}, element, {
+      child: child,
+      element: element,
+      original: original,
+      index: counter++,
+      data: item
+    }));
+  };
+  React.Children.map(props.children, function (child, index) {
+    if (Utils.isEmpty(items)) {
+      addTab(child, {});
+    } else {
+      for (var i in items) {
+        var o = items[i];
+        addTab(child, o);
+      }
+    }
+  });
+  if (!selected) {
+    onChangeTab(tabs[selectedIndex], false);
+  }
+  var nav = function nav(i) {
+    var t = tabs[selectedIndex + i];
+    onChangeTab(t);
+  };
+  var previous = function previous() {
+    nav(-1);
+  };
+  var next = function next() {
+    nav(1);
+  };
+  var isStepper = element.layout === 'stepper';
+  return /*#__PURE__*/jsx("div", {
+    className: scope.getStyleClass('inner'),
+    style: scope.getStyle('inner'),
+    children: /*#__PURE__*/jsxs("div", {
+      className: "ui-tabs-content",
+      children: [/*#__PURE__*/jsx("div", {
+        className: "ui-tabs-items",
+        children: tabs.map(function (t, i) {
+          return /*#__PURE__*/jsxs("div", {
+            className: getStyleClass(t),
+            onClick: function onClick() {
+              onChangeTab(t);
+            },
+            children: [isStepper && /*#__PURE__*/jsx("div", {
+              className: "ui-tab-item-divisor"
+            }), /*#__PURE__*/jsxs("div", {
+              className: "ui-tab-item-inner",
+              children: [isStepper && /*#__PURE__*/jsx("div", {
+                className: "ui-step-line"
+              }), /*#__PURE__*/jsx("div", {
+                className: "ui-tab-item-label",
+                children: isStepper ? t.index + 1 : t.label
+              })]
+            })]
+          }, Utils.key(element.id, 'tab', i));
+        })
+      }), selected && /*#__PURE__*/jsxs(Fragment, {
+        children: [isStepper && /*#__PURE__*/jsx("div", {
+          className: "ui-tabs-label",
+          children: selected.label
+        }), /*#__PURE__*/jsx("div", {
+          className: "ui-tabs-area",
+          children: /*#__PURE__*/jsx(UIChildren, _extends({}, props, {
+            scope: scope,
+            children: selected.child
+          }))
+        }), element.layout === 'stepper' && /*#__PURE__*/jsxs("div", {
+          className: "ui-tabs-actions",
+          children: [/*#__PURE__*/jsx(UI.Output, {
+            space: 6,
+            layout: "left",
+            children: /*#__PURE__*/jsx(UI.Include, _extends({}, props, {
+              "transient": true,
+              name: "left",
+              "default": /*#__PURE__*/jsx(UI.Button, {
+                rendered: selectedIndex > 0,
+                icon: /*#__PURE__*/jsx(Ionicons, {}),
+                click: previous
+              })
+            }))
+          }), /*#__PURE__*/jsx(UI.Output, {
+            space: 6,
+            layout: "right",
+            children: /*#__PURE__*/jsx(UI.Include, _extends({}, props, {
+              "transient": true,
+              name: "right",
+              "default": /*#__PURE__*/jsx(UI.Button, {
+                rendered: selectedIndex < tabs.length - 1,
+                icon: /*#__PURE__*/jsx(Ionicons, {}),
+                click: next
+              })
+            }))
+          })]
+        })]
+      })]
+    })
+  });
+}
+
+function ElChart(props) {
+  var scope = props.scope;
+  var items = scope.getItems();
+  var columns = Utils.asList(scope.original.columns);
+  return /*#__PURE__*/jsx("div", {
+    className: "ui-chart-data"
+  });
+}
+
+function UIAutoComplete(props) {
+  var handlePress = function handlePress() {
+    Linking.openURL('https://reactnative.dev/');
+  };
+  return /*#__PURE__*/jsx(TouchableOpacity, {
+    onPress: handlePress,
+    children: /*#__PURE__*/jsx(Text, {
+      style: styles$1.link,
+      children: "Clique aqui para acessar o React Native"
+    })
+  });
+}
+var styles$1 = {
+  link: {}
+};
+
+function UIComplete(_ref) {
+  var defaultsInput = _ref.defaultsInput,
+    defaultsUI = _ref.defaultsUI;
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsx(UIAutoComplete, _extends({}, defaultsInput, defaultsUI))
+  });
+}
+
+function UILink(props) {
+  var handlePress = function handlePress() {
+    Linking.openURL('https://reactnative.dev/');
+  };
+  return /*#__PURE__*/jsx(TouchableOpacity, {
+    onPress: handlePress,
+    children: /*#__PURE__*/jsx(Text, {
+      style: styles$2.link,
+      children: "Clique aqui para acessar o React Native"
+    })
+  });
+}
+var styles$2 = {
+  link: {}
+};
+
+function UIIcon(_ref) {
+  var scope = _ref.scope;
+  var name = scope.getValue();
+  var libs = {
+    ion: Ionicons$1,
+    ant: AntDesign,
+    entypo: Entypo,
+    evil: EvilIcons,
+    material: MaterialCommunityIcons
+  };
+  var library = Utils.nvl(scope.original.library, 'ion');
+  var Aux = libs[library];
+  return /*#__PURE__*/jsx(Aux, {
+    name: name,
+    style: scope.getStyle('icon')
+  });
+}
+
+var BUTTONS_SIZE = {
+  small: {
+    minWidth: 30,
+    height: 30
+  }
+};
+function UIButton(props) {
+  var scope = props.scope;
+  var element = scope.original;
+  var size = Utils.nvl(element.size, 'default');
+  var align = Utils.nvl(element.align, 'center');
+  var variant = Utils.nvl(element.variant, 'default');
+  var color = element.color;
+  var label = scope.getLabel();
+  var icon = element.icon;
+  //ajuste align v3
+  if (!color) color = 'primaryLight';
+  var styles = {
+    buttonLabel: {
+      color: '#ffffff',
+      fontWeight: '500',
+      fontSize: 16
+    },
+    buttonInner: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center',
+      height: 44,
+      minWidth: 44
+    },
+    buttonIcon: {
+      color: '#fff',
+      fontSize: 18
+    },
+    button: {
+      backgroundColor: color,
+      borderRadius: 24,
+      gap: 10,
+      justifyContent: 'center',
+      alignItems: 'center',
+      flexDirection: 'row'
+    }
+  };
+  var onClick = function onClick(e) {
+    scope.call('click', {});
+  };
+  var style = function style(part, extra) {
+    var css = _extends({}, styles[part], extra);
+    if (variant === 'text' || variant === 'outlined') {
+      css.backgroundColor = 'transparent';
+      css.color = Utils.nvl(color, 'text');
+    }
+    if (size === 'small') {
+      css.fontSize = 12;
+      css.fontWeight = 500;
+    }
+    if (size === 'medium') {
+      css.fontSize = 14;
+      css.fontWeight = 500;
+    }
+    if (align === 'left') {
+      css.justifyContent = 'flex-start';
+    }
+    return scope.getStyle(part, css);
+  };
+  var extra = {};
+  if (icon) {
+    extra.button = {
+      height: 40,
+      padding: 0
+    };
+  } else {
+    extra.button = {
+      height: 50
+    };
+  }
+  var buttonStyle = Utils.call(function () {
+    var def = _extends({}, extra == null ? void 0 : extra.button);
+    if (variant === 'outlined') {
+      def.borderWidth = 1;
+      def.borderColor = Utils.nvl(color, 'text');
+    }
+    if (size) {
+      def = _extends({}, def, BUTTONS_SIZE[size]);
+    }
+    var css = style('button', def);
+    if (!css.width) {
+      var h = css.height;
+      if (typeof h === 'number') {
+        css.minWidth = h;
+      }
+    }
+    return css;
+  });
+  var buttonLabel = style('buttonLabel');
+  var iconStyle = Utils.call(function () {
+    var css = style('buttonIcon', extra.icon);
+    css.fontSize = Utils.nvl(buttonLabel.fontSize, css.fontSize);
+    return css;
+  });
+  return /*#__PURE__*/jsx(TouchableHighlight, {
+    underlayColor: 'transparent',
+    onPress: onClick,
+    style: buttonStyle,
+    children: /*#__PURE__*/jsxs(Fragment, {
+      children: [icon && /*#__PURE__*/jsx(Fragment, {
+        children: /*#__PURE__*/jsx(Ionicons$1, {
+          size: Utils.nvl(element.iconSize, 30),
+          style: iconStyle,
+          name: icon
+        })
+      }), label && /*#__PURE__*/jsx(Text, {
+        style: buttonLabel,
+        children: label
+      })]
+    })
+  });
+}
+
+function UISelect(props) {
+  var _useState = useState(false),
+    modalVisible = _useState[0],
+    setModalVisible = _useState[1];
+  var scope = props.scope;
+  var items = Utils.nvl(scope.getOptions(), []);
+  var placeholder = scope.attr('placeholder', 'Selecione...');
+  var value = scope.getDisplayValue();
+  var theme = useTheme();
+  var main = ViewUtils.getCrud('view');
+  var handlePress = function handlePress() {
+    var _modalVisible = !modalVisible;
+    main.data.selectIsOpen = _modalVisible;
+    setModalVisible(_modalVisible);
+  };
+  var onClick = function onClick(_ref) {
+    var value = _ref.value;
+    scope.changeValue(value);
+    handlePress();
+  };
+  var style = function style(part, extra) {
+    return _extends({}, styles$3[part], scope.getStyle(part), extra);
+  };
+  var isModalVisible = function isModalVisible() {
+    return modalVisible;
+  };
+  return /*#__PURE__*/jsxs(View, {
+    style: style('selectRoot'),
+    children: [/*#__PURE__*/jsxs(TouchableOpacity, {
+      onPress: handlePress,
+      style: style('selectInput'),
+      children: [/*#__PURE__*/jsx(Text, {
+        style: style('selectLabel'),
+        children: Utils.nvl(value, placeholder)
+      }), /*#__PURE__*/jsx(Ionicons$1, {
+        name: "arrow-down",
+        size: 20,
+        color: "#888"
+      })]
+    }), /*#__PURE__*/jsxs(Modal, {
+      animationType: "slide",
+      transparent: true,
+      visible: isModalVisible(),
+      onRequestClose: function onRequestClose() {
+        return setModalVisible(false);
+      },
+      children: [/*#__PURE__*/jsx(StatusBar, {
+        barStyle: "dark-content",
+        backgroundColor: theme.colors.primary
+      }), /*#__PURE__*/jsxs(SafeAreaView, {
+        style: style('modalSafe'),
+        children: [/*#__PURE__*/jsxs(View, {
+          style: style('modalHeader'),
+          children: [/*#__PURE__*/jsx(TouchableOpacity, {
+            onPress: function onPress() {
+              return setModalVisible(false);
+            },
+            style: style('modalCloseButton'),
+            children: /*#__PURE__*/jsx(Text, {
+              style: style('modalCloseText'),
+              children: "X"
+            })
+          }), /*#__PURE__*/jsx(Text, {
+            style: style('modalTitle'),
+            children: placeholder
+          })]
+        }), /*#__PURE__*/jsx(View, {
+          style: style('modalContent'),
+          children: /*#__PURE__*/jsx(UI.List, {
+            data: items,
+            name: scope.getName('list'),
+            click: onClick,
+            children: /*#__PURE__*/jsx(UI.Value, {
+              value: "#{@this.label}"
+            })
+          })
+        })]
+      })]
+    })]
+  });
+}
+var styles$3 = /*#__PURE__*/StyleSheet.create({
+  selectRoot: {
+    justifyContent: 'flex-start',
+    alignItems: 'flex-start',
+    flex: 1
+  },
+  selectInput: {
+    width: '100%',
+    flexDirection: 'row',
+    borderRadius: 5,
+    paddingHorizontal: 15,
+    paddingVertical: 10
+  },
+  selectLabel: {
+    flex: 1
+  },
+  modalSafe: {
+    flex: 1,
+    backgroundColor: 'background',
+    paddingTop: StatusBar.currentHeight || 0
+  },
+  modalHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 15,
+    backgroundColor: '#6200ea'
+  },
+  modalCloseButton: {
+    padding: 10
+  },
+  modalCloseText: {
+    fontSize: 18,
+    color: 'white'
+  },
+  modalTitle: {
+    fontSize: 18,
+    color: 'white',
+    fontWeight: 'bold',
+    marginLeft: 10
+  },
+  modalContent: {
+    flex: 1,
+    width: '100%',
+    alignSelf: 'flex-start',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    padding: 20
+  }
+});
+
+function UISwitch(props) {
+  var scope = props.scope;
+  var initial = Utils.nvl(scope.getValue(), false);
+  var _useState = useState(initial),
+    value = _useState[0],
+    setValue = _useState[1];
+  var onChange = function onChange(v) {
+    scope.changeValue(v);
+    setValue(v);
+  };
+  return /*#__PURE__*/jsx(Switch, {
+    value: value,
+    style: scope.getStyle('element'),
+    onValueChange: onChange // Alterna o estado
+  });
+}
+
+function UISlider(props) {
+  var scope = props.scope;
+  var initial = Utils.nvl(scope.getValue(), 0);
+  var _useState = useState(initial),
+    value = _useState[0],
+    setValue = _useState[1];
+  //redeploy 0
+  var onChange = function onChange(v) {
+    v = Utils.nvl(v, 0);
+    console.log(v);
+    scope.changeValue(v);
+    setValue(v);
+  };
+  var step = scope.attr('step', 1);
+  var min = scope.attr('min', 0);
+  var max = scope.attr('min', 100);
+  var onSlideScroll = function onSlideScroll(scrollEnabled) {
+    var viewScope = ComponentUtils.getViewScope();
+    if (scope.original.debug) {
+      console.log(viewScope);
+    }
+    if (viewScope) {
+      var _scrollRef$current;
+      var scrollRef = viewScope.get('scrollRef');
+      if (scrollRef) (_scrollRef$current = scrollRef.current) == null || _scrollRef$current.setNativeProps == null || _scrollRef$current.setNativeProps({
+        scrollEnabled: scrollEnabled
+      });
+    }
+  };
+  return /*#__PURE__*/jsx(Fragment, {
+    children: /*#__PURE__*/jsx(Slider, {
+      minimumValue: min,
+      maximumValue: max,
+      step: step,
+      minimumTrackTintColor: "#1EB1FC",
+      maximumTrackTintColor: "#d3d3d3",
+      thumbTintColor: "#1EB1FC",
+      value: value,
+      onSlidingStart: function onSlidingStart() {
+        return onSlideScroll(false);
+      },
+      onSlidingComplete: function onSlidingComplete() {
+        return onSlideScroll(true);
+      },
+      style: _extends({
+        width: '100%',
+        height: 40
+      }, scope.getStyle('element')),
+      onValueChange: onChange // Alterna o estado
+    })
+  });
+}
+
+function UIOption(props) {
+  var handlePress = function handlePress() {
+    Linking.openURL('https://reactnative.dev/');
+  };
+  return /*#__PURE__*/jsx(TouchableOpacity, {
+    onPress: handlePress,
+    children: /*#__PURE__*/jsx(Text, {
+      style: styles$4.link,
+      children: "Clique aqui para acessar o React Native"
+    })
+  });
+}
+var styles$4 = {
+  link: {}
+};
+
+function UIRadio(props) {
+  var handlePress = function handlePress() {
+    Linking.openURL('https://reactnative.dev/');
+  };
+  return /*#__PURE__*/jsx(TouchableOpacity, {
+    onPress: handlePress,
+    children: /*#__PURE__*/jsx(Text, {
+      style: styles$5.link,
+      children: "Clique aqui para acessar o React Native"
+    })
+  });
+}
+var styles$5 = {
+  link: {}
+};
+
+function UIInput(props) {
+  var scope = props.scope;
+  var initial = Utils.call(function () {
+    var val = Utils.nvl(scope.getValue(), '');
+    if (val && val != null && val.push) {
+      return val.join(', ').trim();
+    }
+    return val;
+  });
+  var label = scope.getLabel();
+  var placeholder = scope.getPart('placeholder', null, label);
+  var el = scope.original;
+  var _useState = useState(initial),
+    value = _useState[0],
+    setValue = _useState[1];
+  var onChange = function onChange(v) {
+    v = scope.changeValue(v);
+    setValue(v);
+  };
+  var style = function style(part, extra) {
+    return _extends({}, scope.getStyle(part, styles$6[part]), extra);
+  };
+  var CustomIcon = function CustomIcon() {
+    var icon = el.icon;
+    if (icon) {
+      if (typeof icon === 'string') {
+        return /*#__PURE__*/jsx(Fragment, {
+          children: el.icon && /*#__PURE__*/jsx(Ionicons$1, {
+            name: el.icon,
+            size: scope.attr('iconSize', 20),
+            color: scope.attr('iconColor', '#888')
+          })
+        });
+      }
+      return /*#__PURE__*/jsx(Fragment, {
+        children: icon
+      });
+    }
+    return /*#__PURE__*/jsx(Fragment, {});
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs(View, {
+      style: style('base'),
+      children: [scope.getPart('left'), /*#__PURE__*/jsx(TextInput, {
+        style: style('input'),
+        onChangeText: onChange,
+        value: value,
+        placeholder: placeholder
+      }), /*#__PURE__*/jsx(CustomIcon, {})]
+    }), scope.getPart('right')]
+  });
+}
+var styles$6 = /*#__PURE__*/StyleSheet.create({
+  base: {
+    flex: 1,
+    width: '100%',
+    paddingBottom: 0,
+    paddingTop: 0,
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: 'borderColor',
+    borderRadius: 5,
+    paddingHorizontal: 15,
+    alignSelf: 'flex-start',
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    gap: 10
+  },
+  icon: {
+    marginRight: 10
+  },
+  input: {
+    marginHorizontal: 0,
+    marginVertical: 0,
+    height: 40,
+    flex: 1
+  }
+});
+
+function useIsVisible(ref, scope) {
+  var _useState = useState(scope.visible === true),
+    isVisible = _useState[0],
+    setIsVisible = _useState[1];
+  useEffect(function () {
+    var checkVisibility = function checkVisibility() {
+      var _scope$original;
+      if (!ref.current || isVisible || !((_scope$original = scope.original) != null && _scope$original.useIsInView)) return;
+      if (Platform.OS === 'web') {
+        var rect = ref.current.getBoundingClientRect == null ? void 0 : ref.current.getBoundingClientRect();
+        if (rect && typeof window !== 'undefined') {
+          var windowHeight = window.innerHeight;
+          var visible = rect.top < windowHeight && rect.bottom > 0;
+          if (visible) scope.visible = visible;
+          setIsVisible(visible);
+        }
+      } else {
+        ref.current.measureInWindow == null || ref.current.measureInWindow(function (x, y, width, height) {
+          var windowHeight = Dimensions.get('window').height;
+          var visible = y < windowHeight && y + height > 0;
+          if (visible) scope.visible = visible;
+          setIsVisible(visible);
+        });
+      }
+    };
+    var interval = setInterval(checkVisibility, 300); // roda a cada 300ms
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [ref]);
+  return isVisible;
+}
+
+function UIListRow(props) {
+  var _repeat$list;
+  var scope = props.scope;
+  var index = props.index;
+  var original = scope.original;
+  var item = props.item;
+  var cols = scope.getPart('cols', undefined, -1);
+  var rowWidth = Math.floor(100 / cols) + '%';
+  var styles = (_repeat$list = {
+    repeat: stylesRepeat,
+    list: stylesList
+  }) == null ? void 0 : _repeat$list[original.type];
+  var name = "" + scope.key('row', index, '');
+  var _useState = useState(ScopeUtils.create(_extends({}, original, {
+      parent: scope,
+      name: name,
+      crud: scope.crud,
+      index: index,
+      type: 'row',
+      data: item
+    }))),
+    row = _useState[0];
+  var targetRef = useRef(null);
+  var isVisible = useIsVisible(targetRef, row);
+  var onClick = function onClick(item) {
+    row.call('click', {
+      value: item,
+      item: item,
+      edit: true,
+      index: index
+    });
+  };
+  var Child = function Child() {
+    if (!isVisible && original.useIsInView && !row.visible && index > 20) {
+      return /*#__PURE__*/jsx(Fragment, {});
+    }
+    return /*#__PURE__*/jsx(Fragment, {
+      children: /*#__PURE__*/jsx(UIChildren, {
+        scope: row,
+        crud: row.crud,
+        children: props.children
+      })
+    });
+  };
+  var ListItem = function ListItem() {
+    var _useState2 = useState(0),
+      updateIndex = _useState2[0],
+      setUpdateIndex = _useState2[1];
+    var key = scope.key('item');
+    var getRowStyle = function getRowStyle() {
+      var css = row.getStyle('row', _extends({}, styles.row, {
+        minHeight: 40
+      }));
+      if (cols > 0) {
+        css.width = rowWidth;
+      }
+      return css;
+    };
+    row.update = function () {
+      scope.updateIndex = scope.updateIndex + 1;
+      setUpdateIndex(++updateIndex);
+    };
+    var renderedRow = row.getPart('renderedItem', undefined, true);
+    if (renderedRow === false) {
+      return /*#__PURE__*/jsx(Fragment, {});
+    }
+    if (!original.click) {
+      return /*#__PURE__*/jsx(View, {
+        style: getRowStyle(),
+        ref: targetRef,
+        children: /*#__PURE__*/jsx(Child, {})
+      }, key);
+    }
+    return /*#__PURE__*/jsx(TouchableHighlight, {
+      style: getRowStyle(),
+      underlayColor: 'transparent',
+      ref: targetRef,
+      onPress: function onPress(e) {
+        e.stopPropagation();
+        onClick(item);
+      },
+      children: /*#__PURE__*/jsx(Child, {})
+    }, key);
+  };
+  return /*#__PURE__*/jsx(ListItem, {});
+}
+var stylesList = /*#__PURE__*/StyleSheet.create({
+  row: {
+    padding: 5,
+    margin: 0,
+    width: '100%',
+    backgroundColor: 'background',
+    gap: 10,
+    borderRadius: 8,
+    justifyContent: 'center'
+  }
+});
+var stylesRepeat = /*#__PURE__*/StyleSheet.create({
+  row: {
+    padding: 0,
+    width: '100%',
+    justifyContent: 'center'
+  }
+});
+
+function UIList(props) {
+  var _repeat$list;
+  var scope = props.scope;
+  var crud = scope.crud;
+  var original = scope.original;
+  var cols = Utils.nvl(scope.getPart('cols', undefined, 1));
+  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) {
+    return scope.getStyle(key, _extends({}, extra, styles[key]));
+  };
+  var getContainerStyle = function getContainerStyle(extra) {
+    var row = getStyle('container', {});
+    if (cols > 1) {
+      row = _extends({}, row, {
+        flexDirection: 'row',
+        flexWrap: 'wrap'
+      });
+    }
+    return row;
+  };
+  var LocalData = function LocalData() {
+    var _useState = useState(scope.updateIndex),
+      index = _useState[0],
+      setIndex = _useState[1];
+    scope.update = function () {
+      scope.updateIndex = ++index;
+      setIndex(index);
+    };
+    var keyData = scope.key('data');
+    var items = Utils.call(function () {
+      var _original$list;
+      var list = Utils.nvl(scope.getItems(), []);
+      if (original.search && !((_original$list = original.list) != null && _original$list.url)) {
+        var query = crud.get('query', '').toLowerCase().trim();
+        if (query.length > 1) {
+          var filters = [];
+          var filterBy = Utils.nvl(original.filterBy, 'label');
+          Utils.each(list, function (o) {
+            var label = o[filterBy];
+            if (label) {
+              if (label.includes(query)) {
+                filters.push(o);
+              }
+            }
+          });
+          return filters;
+        }
+      }
+      return list;
+    });
+    var isShowAdd = function isShowAdd() {
+      if (!Utils.isEmpty(items)) {
+        return true;
+      }
+      return hideAddWhenEmpty !== true;
+    };
+    var Empty = function Empty() {
+      if (!Utils.isEmpty(items)) {
+        return /*#__PURE__*/jsx(Fragment, {});
+      }
+      var empty = scope.attr('empty', 'Sem registro');
+      if (!empty) {
+        return /*#__PURE__*/jsx(Fragment, {});
+      }
+      if (typeof empty === 'string') {
+        return /*#__PURE__*/jsx(Text, {
+          style: scope.getStyle('empty', {
+            flex: 1,
+            fontWeight: 500,
+            fontSize: 20,
+            padding: 10,
+            textAlign: 'center',
+            justifyContent: 'center',
+            alignItems: 'center'
+          }),
+          children: empty
+        });
+      }
+      return /*#__PURE__*/jsx(Fragment, {
+        children: empty
+      });
+    };
+    return /*#__PURE__*/jsxs(View, {
+      style: getContainerStyle(),
+      children: [/*#__PURE__*/jsx(Empty, {}), items.map(function (item, i) {
+        return /*#__PURE__*/jsx(UIListRow, {
+          index: i,
+          item: item,
+          scope: scope,
+          children: props.children
+        });
+      }), isShowAdd() && /*#__PURE__*/jsx(Fragment, {
+        children: add
+      })]
+    }, keyData);
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [original.search !== false && /*#__PURE__*/jsx(UI.Text, {
+      placeholder: "Pesquisar...",
+      field: "query",
+      crud: crud,
+      style: {
+        marginBottom: 10
+      },
+      change: {
+        action: function action() {
+          scope.search();
+        }
+      },
+      icon: /*#__PURE__*/jsx(Ionicons$1, {
+        name: "search",
+        size: 20,
+        color: "#888"
+      })
+    }), /*#__PURE__*/jsx(LocalData, {})]
+  });
+}
+var stylesList$1 = /*#__PURE__*/StyleSheet.create({
+  container: {
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: 10,
+    width: '100%'
+  },
+  text: {
+    fontSize: 18,
+    fontWeight: 'bold'
+  }
+});
+var stylesRepeat$1 = /*#__PURE__*/StyleSheet.create({
+  container: {
+    display: 'flex',
+    flexWrap: 'wrap',
+    gap: 10,
+    width: '100%'
+  },
+  text: {
+    fontSize: 18,
+    fontWeight: 'bold'
+  }
+});
+
+function UIToggle(props) {
+  var scope = props.scope;
+  var options = Utils.nvl(scope.getOptions(), []);
+  var value = scope.getInputValue();
+  var _useState = useState(0),
+    index = _useState[0],
+    setIndex = _useState[1];
+  var isSelected = function isSelected(item) {
+    return (item == null ? void 0 : item.value) === value;
+  };
+  var onClick = function onClick(item) {
+    scope.changeValue(item.object);
+    setIndex(++index);
+  };
+  var Item = function Item(_ref) {
+    var item = _ref.item,
+      index = _ref.index;
+    var selected = isSelected(item);
+    var style = _extends({}, styles$7.text);
+    if (selected) style.color = '#ffffff';
+    if (Utils.isEmpty(props.children)) {
+      return /*#__PURE__*/jsx(Text, {
+        style: style,
+        children: item.label
+      });
+    }
+    return /*#__PURE__*/jsx(UIListRow, {
+      scope: scope,
+      item: item.object,
+      index: index,
+      children: props.children
+    });
+  };
+  var getItemStyle = function getItemStyle(item) {
+    var style = _extends({}, styles$7.item, scope.getStyle('item'));
+    var wPart = 100 / options.length;
+    var width = Math.floor(wPart) + '%';
+    if (isSelected(item)) {
+      var selectedColor = scope.getPart('selectedColor', undefined, 'primary');
+      var st = scope.getStyle('selected', {
+        backgroundColor: selectedColor,
+        color: '#ffffff'
+      });
+      style = _extends({}, style, st);
+      if (!style.color) {
+        style.color = '#ffffff';
+      }
+    }
+    style.width = width;
+    return style;
+  };
+  return /*#__PURE__*/jsx(Fragment, {
+    children: options.map(function (item, i) {
+      return /*#__PURE__*/jsx(TouchableHighlight, {
+        style: getItemStyle(item),
+        onPress: function onPress(e) {
+          onClick(item);
+        },
+        children: /*#__PURE__*/jsx(Item, {
+          item: item,
+          index: i
+        })
+      }, "k-" + i);
+    })
+  });
+}
+var styles$7 = /*#__PURE__*/StyleSheet.create({
+  container: {
+    flex: 1,
+    width: '100%',
+    gap: 10,
+    justifyContent: 'center',
+    flexDirection: 'row'
+  },
+  item: {
+    padding: 10,
+    marginVertical: 8,
+    backgroundColor: 'background',
+    borderRadius: 8,
+    justifyContent: 'center',
+    width: 'auto',
+    flexDirection: 'row'
+  },
+  text: {
+    fontSize: 15,
+    fontWeight: '500'
+  }
+});
+
+function UIQuantity(props) {
+  var scope = props.scope;
+  var element = scope.original;
+  var _useState = useState(0),
+    index = _useState[0],
+    setIndex = _useState[1];
+  var value = scope.getValue(0);
+  var color = element.color;
+  if (!color) color = 'primary';
+  var btn = {
+    padding: 0,
+    alignItems: 'center',
+    height: 30,
+    width: 30,
+    textAlign: 'center',
+    verticalAling: 'middle',
+    borderRadius: 24,
+    backgroundColor: color,
+    color: '#ffffff',
+    justifyContent: 'center'
+  };
+  var styles = {
+    buttonLabel: {
+      color: '#ffffff',
+      fontWeight: '500',
+      fontSize: 16
+    },
+    value: {
+      flex: 1,
+      flexDirection: 'row',
+      textAlign: 'center',
+      fontWeight: '500'
+    },
+    buttonInner: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      justifyContent: 'center'
+    },
+    buttonIcon: {
+      color: '#fff',
+      fontSize: 18
+    },
+    button: btn,
+    addButton: _extends({}, btn),
+    delButton: _extends({}, btn)
+  };
+  var change = function change(val) {
+    scope.changeValue(value + val);
+    setIndex(++index);
+  };
+  var onClickAdd = function onClickAdd() {
+    change(1);
+  };
+  var onClickDel = function onClickDel() {
+    change(-1);
+  };
+  var style = function style(part, extra) {
+    var s = _extends({}, styles[part], extra);
+    return scope.getStyle(part, s);
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(TouchableHighlight, {
+      underlayColor: 'transparent',
+      onPress: onClickDel,
+      style: style('delButton'),
+      children: /*#__PURE__*/jsx(Ionicons$1, {
+        size: 30,
+        style: style('buttonIcon'),
+        name: "remove"
+      })
+    }), /*#__PURE__*/jsx(Text, {
+      style: style('value'),
+      children: Utils.nvl(value, 0)
+    }), /*#__PURE__*/jsx(TouchableHighlight, {
+      underlayColor: 'transparent',
+      onPress: onClickAdd,
+      style: style('addButton'),
+      children: /*#__PURE__*/jsx(Ionicons$1, {
+        size: 30,
+        style: style('buttonIcon'),
+        name: "add"
+      })
+    })]
+  });
+}
+
+function UIToast() {
+  var toastConfig = {
+    success: function success(props) {
+      return /*#__PURE__*/jsx(BaseToast, _extends({}, props, {
+        style: styles.darkToast,
+        contentContainerStyle: {
+          paddingHorizontal: 15
+        },
+        text1Style: styles.text,
+        text2Style: styles.text
+      }));
+    },
+    error: function error(props) {
+      return /*#__PURE__*/jsx(ErrorToast, _extends({}, props, {
+        style: styles.darkToast,
+        text1Style: styles.text,
+        text2Style: styles.text
+      }));
+    },
+    info: function info(props) {
+      return /*#__PURE__*/jsx(BaseToast, _extends({}, props, {
+        style: styles.darkToast,
+        text1Style: styles.text,
+        text2Style: styles.text
+      }));
+    }
+  };
+  var styles = StyleSheet.create({
+    darkToast: {
+      backgroundColor: 'rgba(34, 34, 34, 0.85)',
+      borderLeftColor: '#222'
+    },
+    text: {
+      color: '#fff',
+      textAlign: 'center'
+    }
+  });
+  return /*#__PURE__*/jsx(Toast, {
+    config: toastConfig
+  });
+}
+
+//import { ThemeUtils, Utils } from 'react-crud-utils';
+//import { StatusBar } from 'react-native';
+var MobileUtils = /*#__PURE__*/function () {
+  function MobileUtils() {}
+  MobileUtils.syncTheme = function syncTheme() {
+    // let current = ThemeUtils.getCurrentTheme();
+    //let dec: any = { light: 'light-content', dark: 'dark-content' };
+    //let name = Utils.nvl(dec[current?.theme], dec.light);
+    //StatusBar.setBarStyle?.(name);
+    //StatusBar.setBackgroundColor?.(current?.colors?.theme);
+  };
+  return MobileUtils;
+}();
+
+function UIModal(props) {
+  var _theme$styles, _main$dialog2;
+  var _useState = useState(false),
+    modalVisible = _useState[0],
+    setModalVisible = _useState[1];
+  var _useState2 = useState(0),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  var main = ViewUtils.getCrud('view');
+  var scope = props.scope;
+  var label = scope.getLabel();
+  var theme = scope.getTheme();
+  var headerStyle = Utils.nvl((_theme$styles = theme.styles) == null || (_theme$styles = _theme$styles.defaults) == null ? void 0 : _theme$styles.header, {});
+  var scrollRef = useRef(null);
+  var style = function style(part, extra) {
+    var st = _extends({}, styles$8[part], extra);
+    return _extends({}, scope.getStyle(part, st));
+  };
+  var onClose = function onClose() {
+    scope.close({
+      scope: scope,
+      crud: scope.currentDialog,
+      event: {}
+    });
+  };
+  var toggle = function toggle(vis) {
+    modalVisible = vis;
+    setModalVisible(modalVisible);
+  };
+  scope.update = function () {
+    setIndex(++index);
+  };
+  scope.dialogShow = function (args) {
+    var crud = args.crud;
+    var name = scope.getName('modal');
+    var edit = args.edit === true;
+    var def = {};
+    var rowItem = null;
+    if (crud.is('row')) {
+      def.parent = crud.parent.parent;
+      def.search = crud.parent;
+      rowItem = crud.data;
+    } else if (crud.is('search')) {
+      def.parent = crud.parent;
+      def.search = crud;
+    }
+    var data = Utils.nvl(args.item, rowItem, {});
+    var d = CrudUtils.create('dialog', _extends({
+      parent: crud,
+      root: crud,
+      name: name,
+      dialog: main.dialog,
+      data: data,
+      edit: edit,
+      scope: scope
+    }, def));
+    main.dialog = d;
+    scope.currentDialog = d;
+    toggle(true);
+    scope.update();
+  };
+  scope.dialogHide = function (args) {
+    var _main$dialog;
+    var old = scope.currentDialog;
+    main.dialog = Utils.nvl(old.dialog, null);
+    scope.currentDialog = null;
+    toggle(false);
+    if ((_main$dialog = main.dialog) != null && _main$dialog.scope) {
+      main.dialog.scope.update();
+    }
+    scope.update();
+  };
+  useEffect(function () {
+    MobileUtils.syncTheme();
+  }, [modalVisible]);
+  var curr = scope.currentDialog;
+  if (!curr) {
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
+  if (curr.uuid !== ((_main$dialog2 = main.dialog) == null ? void 0 : _main$dialog2.uuid)) {
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
+  var headerRight = ComponentUtils.getDefine(props, 'header', 'right');
+  scope.put('scrollRef', scrollRef);
+  ComponentUtils.setViewScope(scope);
+  var color = Utils.nvl(headerStyle.color, 'white');
+  var defaults = {
+    color: color
+  };
+  return /*#__PURE__*/jsxs(Modal, {
+    animationType: "slide",
+    transparent: true,
+    visible: modalVisible,
+    onRequestClose: onClose,
+    children: [/*#__PURE__*/jsx(SafeAreaView, {
+      style: style('modalTop')
+    }), /*#__PURE__*/jsxs(SafeAreaView, {
+      style: style('modalSafe'),
+      children: [/*#__PURE__*/jsxs(View, {
+        style: scope.getStyle('header', headerStyle),
+        children: [/*#__PURE__*/jsx(TouchableOpacity, {
+          onPress: onClose,
+          style: style('modalCloseButton'),
+          children: /*#__PURE__*/jsx(Ionicons, {
+            name: "chevron-back-outline",
+            size: 24,
+            color: color,
+            style: style('modalCloseText', defaults)
+          })
+        }), /*#__PURE__*/jsx(Text, {
+          style: style('modalTitle', defaults),
+          children: label
+        }), !Utils.isEmpty(headerRight) && /*#__PURE__*/jsx(UIChildren, {
+          scope: scope,
+          crud: scope.currentDialog,
+          "transient": true,
+          children: headerRight
+        })]
+      }), /*#__PURE__*/jsx(ScrollView, {
+        contentContainerStyle: {
+          flexGrow: 1,
+          paddingBottom: 50
+        },
+        style: style('modalContent'),
+        nestedScrollEnabled: true,
+        ref: scrollRef,
+        children: /*#__PURE__*/jsx(View, {
+          style: {
+            flex: 1
+          },
+          children: /*#__PURE__*/jsx(UIChildren, {
+            scope: scope,
+            crud: scope.currentDialog,
+            children: props.children
+          })
+        })
+      })]
+    }), /*#__PURE__*/jsx(UIToast, {})]
+  });
+}
+var styles$8 = /*#__PURE__*/StyleSheet.create({
+  modalTop: {
+    backgroundColor: 'primary',
+    width: '100%'
+  },
+  modalSafe: {
+    flex: 1,
+    width: '100%',
+    backgroundColor: 'background'
+  },
+  modalCloseButton: {
+    padding: 10
+  },
+  modalCloseText: {
+    fontSize: 18,
+    color: 'white'
+  },
+  modalTitle: {
+    fontSize: 18,
+    fontWeight: 'bold',
+    marginLeft: 10
+  },
+  modalContent: {
+    flex: 1,
+    backgroundColor: 'background',
+    paddingTop: 10,
+    paddingBottom: 10,
+    paddingLeft: 15,
+    paddingRight: 15
+  }
+});
+
+function UIView(_ref) {
+  var _theme$styles, _theme$styles2;
+  var scope = _ref.scope,
+    children = _ref.children;
+  var theme = scope.getTheme();
+  var header = scope.getPart('header', null, []);
+  var headerStyle = Utils.nvl((_theme$styles = theme.styles) == null || (_theme$styles = _theme$styles.defaults) == null ? void 0 : _theme$styles.header, {});
+  var headerTextStyle = Utils.nvl((_theme$styles2 = theme.styles) == null || (_theme$styles2 = _theme$styles2.defaults) == null ? void 0 : _theme$styles2.headerText, {});
+  var scrollRef = useRef(null);
+  useEffect(function () {
+    MobileUtils.syncTheme();
+  }, []);
+  var onScroll = function onScroll() {
+    var crud = ViewUtils.getCrud();
+    Utils.each(crud.scroll, function (s) {
+      if (s.onScroll) {
+        s.onScroll.call(s);
+      }
+    });
+  };
+  var headerStyleFull = Utils.call(function () {
+    var css = scope.getStyle('header', headerStyle);
+    var bg = css.backgroundColor;
+    if (bg) {
+      css.color = HtmlUtils.getTextColor(bg);
+    }
+    return css;
+  });
+  var hasHeader = !Utils.isEmpty(header);
+  var AuxHeader = function AuxHeader() {
+    if (typeof header === 'string') {
+      return /*#__PURE__*/jsx(Text, {
+        style: headerTextStyle,
+        children: header
+      });
+    }
+    return /*#__PURE__*/jsx(Fragment, {
+      children: header
+    });
+  };
+  scope.put('scrollRef', scrollRef);
+  ComponentUtils.setViewScope(scope);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [hasHeader && /*#__PURE__*/jsx(View, {
+      style: headerStyleFull,
+      children: /*#__PURE__*/jsx(AuxHeader, {})
+    }), /*#__PURE__*/jsx(View, {
+      style: scope.getStyle('container', styles$9.container),
+      children: /*#__PURE__*/jsx(ScrollView, {
+        onScroll: onScroll,
+        scrollEventThrottle: 16,
+        ref: scrollRef,
+        nestedScrollEnabled: true,
+        keyboardShouldPersistTaps: "handled",
+        contentContainerStyle: scope.getStyle('contentContainer', {
+          paddingBottom: 50
+        }),
+        style: scope.getStyle('scroll', styles$9.scroll),
+        children: /*#__PURE__*/jsx(UIChildren, {
+          scope: scope,
+          children: children
+        })
+      })
+    }), /*#__PURE__*/jsx(UIToast, {})]
+  });
+}
+var styles$9 = /*#__PURE__*/StyleSheet.create({
+  scroll: {
+    paddingTop: 10,
+    paddingBottom: 10,
+    paddingLeft: 15,
+    paddingRight: 15
+  },
+  container: {},
+  view: {}
+});
+
+var CrudContext = /*#__PURE__*/createContext({});
+function UIElement(props) {
+  var _original$list, _original$load;
+  var ctx = useContext(CrudContext);
+  var theme = Utils.nvl(props.theme, ctx == null ? void 0 : ctx.theme);
+  var crud = Utils.nvl(props.crud, ctx == null ? void 0 : ctx.crud);
+  var _useState = useState(ScopeUtils.create(_extends({
+      crud: crud
+    }, props, {
+      theme: theme
+    }))),
+    scope = _useState[0];
+  var _useState2 = useState(0),
+    index = _useState2[0],
+    setIndex = _useState2[1];
+  var _useState3 = useState(null),
+    error = _useState3[0],
+    setError = _useState3[1];
+  crud = scope.crud;
+  var options = scope.getOptions();
+  var original = scope.original;
+  var ref = useRef(null);
+  scope.update = function () {
+    setIndex(++index);
+  };
+  scope.updateElement = function () {
+    setIndex(++index);
+  };
+  scope.toast = function (message, type, args) {
+    if (type === void 0) {
+      type = 'info';
+    }
+    Toast.show(_extends({
+      type: type,
+      text1: message,
+      position: 'bottom',
+      visibilityTime: 3000
+    }, args));
+  };
+  scope.prompt = function (args) {
+    var event = args.event;
+    if (event) {
+      var message = 'Você tem certeza que deseja continuar?';
+      var title = 'Atenção';
+      var prompt = event.prompt;
+      if (typeof prompt === 'string') {
+        message = prompt;
+      }
+      if (typeof prompt === 'object') {
+        message = Utils.nvl(prompt.message, message);
+        title = Utils.nvl(prompt.title, title);
+      }
+      Alert.alert(title, message, [{
+        text: 'Cancelar',
+        style: 'cancel'
+      }, {
+        text: 'Confirmar',
+        onPress: function onPress() {
+          return scope.execute(args);
+        }
+      }], {
+        cancelable: false
+      });
+    }
+  };
+  var Custom = function Custom() {
+    var c = original.custom;
+    if (c) {
+      if (typeof c === 'string') {
+        return /*#__PURE__*/jsx(UIElement, {
+          element: {
+            value: c,
+            type: 'dummy'
+          },
+          crud: crud
+        });
+      }
+      return /*#__PURE__*/jsx(UIElement, _extends({
+        type: c.type,
+        tag: c.type
+      }, c.props, {
+        crud: crud
+      }));
+    }
+    return /*#__PURE__*/jsx(Fragment, {});
+  };
+  if (scope.is('type', 'dummy')) {
+    return /*#__PURE__*/jsx(Fragment, {
+      children: scope.getDisplayValue()
+    });
+  }
+  var onCheck = function onCheck() {
+    var v = scope.getValue();
+    var check = !(v === true);
+    onChange({
+      target: {
+        value: check
+      }
+    });
+  };
+  var onChange = function onChange(e) {
+    var val = e.target.value;
+    if (scope.isType('integer', 'int', 'number')) {
+      val = parseInt(val);
+    } else if (scope.isType('decimal')) {
+      val = parseFloat(val);
+    }
+    if (scope.isType('select', 'complete')) {
+      val = scope.getSelectedItem(val);
+    }
+    scope.changeValue(val);
+    scope.update();
+  };
+  var onClick = function onClick(e) {
+    scope.call('click');
+  };
+  var defaultsInput = {
+    scope: scope,
+    crud: crud,
+    onChange: onChange
+  };
+  if (scope.isType('password')) {
+    defaultsInput.type = 'password';
+  }
+  var isChecked = function isChecked() {
+    var v = scope.getValue();
+    return v === true;
+  };
+  var hasChildren = function hasChildren() {
+    if (scope.isInput()) {
+      return false;
+    }
+    return !Utils.isEmpty(props.children) || !Utils.isEmpty(props.elements);
+  };
+  var isInput = scope.is('type', 'text', 'number', 'integer', 'int', 'phone', 'postalCode', 'money', 'password', 'email');
+  var getStyle = function getStyle(part, extra) {
+    var _elementStyle$type;
+    var type = Utils.nvl(original.type, 'none');
+    var key = Utils.nvl(part, 'root');
+    var def = _extends({}, styles$a[key]);
+    var hasChild = hasChildren();
+    type = Utils.nvl(original.layout, type);
+    if (!part && !hasChild) {
+      def = _extends({}, def);
+    }
+    if (scope.isInput()) {
+      def = _extends({}, def, elementStyle.input[key]);
+    }
+    def = _extends({}, def, elementStyle == null || (_elementStyle$type = elementStyle[type]) == null ? void 0 : _elementStyle$type[key]);
+    if (hasChild && part) {
+      def = _extends({}, def, withChildStyles[part]);
+    }
+    return _extends({}, def, scope.getStyle(part, _extends({}, def, extra)));
+  };
+  var elStyle = getStyle('element');
+  var defaultsUI = {
+    required: scope.isRequired(),
+    size: 'small',
+    scope: scope,
+    crud: crud,
+    style: elStyle,
+    placeholder: scope.attr('placeholder', 'Digite aqui')
+  };
+  scope.error = function (msg) {
+    error = msg;
+    setError(msg);
+  };
+  if (!((_original$list = original.list) != null && _original$list.url) && !((_original$load = original.load) != null && _original$load.url)) {
+    scope.start();
+  }
+  useEffect(function () {
+    scope.start();
+  });
+  var CustomIcon = function CustomIcon() {
+    if (typeof original.icon === 'string') {
+      return /*#__PURE__*/jsx(Ionicons$1, {
+        name: original.icon,
+        style: scope.getStyle('icon')
+      });
+    }
+    return /*#__PURE__*/jsx(Fragment, {
+      children: original.icon
+    });
+  };
+  scope.open = function (args) {
+    Linking.openURL(args.url);
+  };
+  useLayoutEffect(function () {
+    if (ref != null && ref.current && scope.is('type', 'card', 'list', 'tabs', 'stepper')) {
+      var el = ref == null ? void 0 : ref.current;
+      if (el != null && el.classList) {
+        var bg = HtmlUtils.getBGColor(el);
+        if (bg === 'rgb(255, 255, 255)') {
+          el.classList.add('ui-dark');
+        } else {
+          el.classList.add('ui-light');
+        }
+      }
+    }
+  });
+  var isShowLabel = function isShowLabel() {
+    if (typeof original.label !== 'undefined' && original.label !== false && !scope.isType('button', 'dialog', 'modal')) {
+      return true;
+    }
+    return false;
+  };
+  var isShowInner = function isShowInner() {
+    if (hasChildren()) {
+      return false;
+    }
+    return true;
+  };
+  if (!scope.isRendered() || scope.is('type', 'define')) {
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
+  var isShowChild = function isShowChild() {
+    if (scope.isType('tabs', 'view', 'grid', 'list', 'define', 'repeat', 'modal', 'dialog', 'chart')) {
+      return false;
+    }
+    return true;
+  };
+  var Tag = View;
+  var custom = {};
+  if (!scope.isType('input', 'grid', 'list', 'repeat') && original.click) {
+    Tag = TouchableHighlight;
+    custom.underlayColor = 'transparent';
+    custom.onPress = onClick;
+  }
+  var Inner = function Inner() {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [scope.getPart('render', null, /*#__PURE__*/jsx(Fragment, {})), scope.is('type', 'button') && /*#__PURE__*/jsxs(UIButton, _extends({}, defaultsUI, {
+        onClick: onClick,
+        variant: scope.attr('variant', 'outlined'),
+        children: [original.icon && /*#__PURE__*/jsx(CustomIcon, {}), original.label && /*#__PURE__*/jsx(Text, {
+          style: scope.getPart('label', 'button'),
+          children: scope.getLabel()
+        })]
+      })), scope.is('type', 'icon') && /*#__PURE__*/jsx(UIIcon, _extends({}, defaultsUI, {
+        onClick: onClick,
+        variant: scope.attr('variant', 'outlined'),
+        children: scope.getDisplayValue()
+      })), scope.is('type', 'link') && /*#__PURE__*/jsxs(UILink, _extends({}, defaultsUI, {
+        onClick: onClick,
+        variant: scope.attr('variant', 'outlined'),
+        children: [original.icon && /*#__PURE__*/jsx(CustomIcon, {}), original.label && /*#__PURE__*/jsx(Text, {
+          style: scope.getPart('label', 'link'),
+          children: scope.getLabel()
+        })]
+      })), isInput && /*#__PURE__*/jsx(UIInput, _extends({}, defaultsInput, defaultsUI, {
+        InputProps: _extends({}, original.inputProps)
+      })), scope.is('type', 'complete', 'autocomplete') && /*#__PURE__*/jsx(UIComplete, {
+        scope: scope,
+        defaultsInput: defaultsInput,
+        defaultsUI: defaultsUI
+      }), scope.is('type', 'quantity') && /*#__PURE__*/jsx(UIQuantity, {
+        scope: scope,
+        defaultsInput: defaultsInput,
+        defaultsUI: defaultsUI
+      }), scope.is('type', 'checkbox', 'boolean', 'switch') && /*#__PURE__*/jsx(UISwitch, _extends({
+        checked: isChecked()
+      }, defaultsInput, {
+        onChange: onCheck
+      })), scope.isType('slider') && /*#__PURE__*/jsx(UISlider, _extends({}, defaultsInput, {
+        onChange: onCheck
+      })), scope.is('type', 'select') && /*#__PURE__*/jsx(UISelect, _extends({}, defaultsInput, defaultsUI, {
+        value: scope.getSelectedValue()
+      })), scope.is('type', 'toggle') && /*#__PURE__*/jsx(UIToggle, _extends({}, defaultsInput, defaultsUI, {
+        value: scope.getSelectedValue()
+      })), scope.is('type', 'radio') && /*#__PURE__*/jsx(UIRadio, _extends({}, defaultsInput, defaultsUI, {
+        row: true,
+        children: options.map(function (row, i) {
+          return /*#__PURE__*/jsx(UIOption, {
+            control: /*#__PURE__*/jsx(UIRadio, _extends({}, defaultsUI)),
+            label: row.label,
+            value: row.value
+          }, 'i' + i);
+        })
+      })), scope.is('type', 'custom') && /*#__PURE__*/jsx(Custom, {}), scope.is('type', 'column') && /*#__PURE__*/jsxs(Fragment, {
+        children: [scope.is('format', 'img') && /*#__PURE__*/jsx(Image, {
+          source: scope.getDisplayValue()
+        }), scope.is('format', 'icon') && /*#__PURE__*/jsx(UIIcon, {
+          scope: scope,
+          crud: crud
+        }), !scope.is('format', 'icon', 'img') && /*#__PURE__*/jsx(Text, {
+          children: scope.getDisplayValue()
+        })]
+      }), scope.is('type', 'output', 'value') && /*#__PURE__*/jsx(Text, {
+        style: getStyle('value'),
+        children: scope.getDisplayValue()
+      })]
+    });
+  };
+  var Include = function Include(_ref) {
+    var name = _ref.name,
+      style = _ref.style;
+    if (props[name]) {
+      var define = ComponentUtils.getDefine(props, name);
+      if (!Utils.isEmpty(define)) {
+        return /*#__PURE__*/jsx(UIChildren, _extends({}, props, {
+          scope: scope,
+          crud: crud,
+          style: getStyle(name, style),
+          children: define
+        }));
+      }
+    }
+    return /*#__PURE__*/jsx(Fragment, {});
+  };
+  var Container = function Container() {
+    return /*#__PURE__*/jsxs(Fragment, {
+      children: [isShowLabel() && /*#__PURE__*/jsxs(View, {
+        style: getStyle('outerLabel', {
+          alignSelf: 'flex-start',
+          flexDirection: 'row',
+          display: 'flex',
+          justifyContent: 'space-between',
+          alignItems: 'center',
+          width: '100%'
+        }),
+        children: [/*#__PURE__*/jsx(Text, {
+          style: getStyle('label'),
+          children: scope.getLabel()
+        }), /*#__PURE__*/jsx(Include, {
+          name: "actions",
+          style: {
+            width: 'auto'
+          }
+        })]
+      }), isShowInner() && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(View, {
+          style: getStyle('inner'),
+          children: /*#__PURE__*/jsx(Inner, {})
+        }), error && /*#__PURE__*/jsx(View, {
+          style: getStyle('error'),
+          children: error
+        })]
+      }), scope.isType('list', 'repeat') && /*#__PURE__*/jsx(UIList, _extends({}, props, {
+        scope: scope,
+        crud: crud
+      })), scope.isType('dialog') && /*#__PURE__*/jsx(UIModal, _extends({}, props, {
+        scope: scope,
+        crud: crud
+      })), scope.isType('chart') && /*#__PURE__*/jsx(ElChart, _extends({}, props, {
+        scope: scope,
+        crud: crud
+      })), scope.isType('tabs') && /*#__PURE__*/jsx(ElTabs, _extends({}, props, {
+        scope: scope,
+        crud: crud
+      })), scope.isType('view') && /*#__PURE__*/jsx(UIView, _extends({}, props, {
+        scope: scope,
+        crud: crud
+      })), isShowChild() && /*#__PURE__*/jsx(UIChildren, _extends({}, props, {
+        scope: scope,
+        crud: crud,
+        style: getStyle('inner')
+      }))]
+    });
+  };
+  var Card = function Card(props) {
+    var isCard = scope.is('type|layout', 'card');
+    if (isCard) {
+      var _box = _extends({}, getStyle('box', _extends({}, boxStyle.box, {
+        alignSelf: 'stretch'
+      })));
+      return /*#__PURE__*/jsx(View, {
+        style: getStyle('card', _extends({}, _box)),
+        children: /*#__PURE__*/jsx(View, {
+          style: getStyle('boxInner', {
+            paddingHorizontal: 15,
+            paddingVertical: 10
+          }),
+          children: props.children
+        })
+      });
+    }
+    return /*#__PURE__*/jsx(Fragment, {
+      children: props.children
+    });
+  };
+  return /*#__PURE__*/jsx(CrudContext.Provider, {
+    value: {
+      crud: crud,
+      theme: theme
+    },
+    children: /*#__PURE__*/jsx(Tag, _extends({
+      ref: ref,
+      style: getStyle()
+    }, custom, {
+      children: /*#__PURE__*/jsx(Card, {
+        children: /*#__PURE__*/jsx(Container, {})
+      })
+    }))
+  });
+}
+var boxStyle = /*#__PURE__*/StyleSheet.create({
+  box: {
+    borderWidth: 0,
+    borderColor: '#dedede',
+    borderStyle: 'solid',
+    backgroundColor: 'white',
+    borderRadius: 12,
+    width: '100%',
+    shadowColor: '#000',
+    shadowOpacity: 0.1,
+    shadowRadius: 4
+  }
+});
+var box = /*#__PURE__*/_extends({}, boxStyle.box);
+//v2
+var elementStyle = {};
+elementStyle.view = {
+  inner: {
+    width: '100%',
+    alignItems: 'normal',
+    flex: 1
+  },
+  container: {
+    width: '100%',
+    backgroundColor: 'background',
+    flex: 1,
+    gap: 10
+  },
+  root: {
+    width: '100%',
+    flex: 1,
+    alignItems: 'normal',
+    padding: 0
+  }
+};
+elementStyle.input = /*#__PURE__*/StyleSheet.create({
+  label: {
+    paddingLeft: 0
+  },
+  inner: {
+    flex: 1,
+    width: '100%',
+    padding: 0,
+    gap: 10,
+    alignSelf: 'flex-start',
+    flexDirection: 'row',
+    flexWrap: 'wrap'
+  }
+});
+elementStyle["switch"] = {
+  inner: {
+    padding: 5
+  }
+};
+elementStyle.quantity = {
+  inner: /*#__PURE__*/_extends({}, box, {
+    backgroundColor: 'primarySoft',
+    fontWeight: 600,
+    fontSize: 16,
+    borderRadius: 25,
+    borderWidth: 0,
+    padding: 5,
+    paddingHorizontal: 5,
+    paddingVertical: 5,
+    flexWrap: 'nowrap',
+    flex: 1,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center'
+  })
+};
+elementStyle.toggle = /*#__PURE__*/StyleSheet.create({
+  inner: /*#__PURE__*/_extends({}, box, {
+    flex: 1,
+    width: '100%',
+    gap: 10,
+    justifyContent: 'center',
+    flexDirection: 'row',
+    paddingHorizontal: 10,
+    paddingVertical: 0,
+    alignSelf: 'flex-start',
+    flexWrap: 'nowrap'
+  })
+});
+var styles$a = /*#__PURE__*/StyleSheet.create({
+  root: {
+    gap: 5,
+    flexDirection: 'column',
+    flexWrap: 'wrap',
+    width: '100%',
+    alignItems: 'flex-start'
+  },
+  label: {
+    fontWeight: 400,
+    marginTop: 5,
+    fontSize: 12,
+    color: 'labelColor'
+  },
+  inner: {
+    width: '100%'
+  }
+});
+var withChildStyles = /*#__PURE__*/StyleSheet.create({
+  root: {
+    gap: 10
+  },
+  label: {
+    width: '100%',
+    fontWeight: 500,
+    fontSize: 24
+  }
+});
+
+function UIInclude(props) {
+  if (props.rendered === false) {
+    return /*#__PURE__*/jsx(Fragment, {});
+  }
+  var includes = ComponentUtils.getDefine(props, props.name, props.position);
+  if (Utils.isEmpty(includes)) {
+    includes = props["default"];
+  }
+  if (!Utils.isEmpty(includes)) {
+    var Aux = function Aux(tagProp) {
+      var Tag = props.tag;
+      if (!Utils.isEmpty(Tag)) {
+        return /*#__PURE__*/jsx(Tag, _extends({}, tagProp, {
+          children: tagProp.children
+        }));
+      }
+      return /*#__PURE__*/jsx(Fragment, {
+        children: tagProp.children
+      });
+    };
+    return /*#__PURE__*/jsx(Aux, _extends({}, props.tagProps, {
+      children: /*#__PURE__*/jsx(UIChildren, _extends({
+        "transient": true
+      }, props, {
+        scope: props.scope,
+        crud: props.crud,
+        part: props.name,
+        children: includes
+      }))
+    }));
+  }
+  return /*#__PURE__*/jsx(Fragment, {
+    children: includes
+  });
+}
+
+function SafeView(props) {
+  var _theme$colors;
+  var theme = ThemeUtils.getCurrentTheme();
+  if (Utils.isEmpty(theme)) {
+    theme = useTheme();
+  }
+  var dismissKeyboard = function dismissKeyboard() {
+    if (Platform.OS !== 'web') {
+      Keyboard.dismiss();
+    }
+  };
+  useEffect(function () {
+    //ajustes tema v1
+    StatusBar.setBarStyle(Utils.nvl(theme.theme, 'light-content'));
+    StatusBar.setBackgroundColor == null || StatusBar.setBackgroundColor(theme.colors.theme);
+  }, []);
+  return /*#__PURE__*/jsxs(SafeAreaProvider, {
+    children: [/*#__PURE__*/jsx(StatusBar, {
+      barStyle: "light-content"
+    }), /*#__PURE__*/jsx(SafeAreaView$1, {
+      style: _extends({
+        backgroundColor: (_theme$colors = theme.colors) == null ? void 0 : _theme$colors.theme
+      }, props.viewStyle, {
+        flex: 1
+      }),
+      children: /*#__PURE__*/jsx(KeyboardAvoidingView, {
+        behavior: Platform.OS === 'ios' ? 'padding' : 'height',
+        style: {
+          flex: 1,
+          justifyContent: 'center'
+        },
+        children: /*#__PURE__*/jsx(TouchableWithoutFeedback, {
+          onPress: dismissKeyboard,
+          accessible: false,
+          children: /*#__PURE__*/jsx(Fragment, {
+            children: props.children
+          })
+        })
+      })
+    })]
+  });
+}
+
+var _excluded = ["type"];
+var UI = {
+  List: function List(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "list"
+    }));
+  },
+  Row: function Row(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "row"
+    }));
+  },
+  Value: function Value(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "value"
+    }));
+  },
+  Label: function Label(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "label"
+    }));
+  },
+  Repeat: function Repeat(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "repeat",
+      props: {
+        search: false
+      }
+    }));
+  },
+  Define: function Define(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "define"
+    }));
+  },
+  Include: function Include(props) {
+    return /*#__PURE__*/jsx(UIInclude, _extends({}, props));
+  },
+  Column: function Column(_ref) {
+    var props = _objectWithoutPropertiesLoose(_ref, _excluded);
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "column"
+    }));
+  },
+  Input: function Input(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props));
+  },
+  Text: function Text(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "text"
+    }));
+  },
+  Email: function Email(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "email"
+    }));
+  },
+  Button: function Button(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "button"
+    }));
+  },
+  Link: function Link(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "link"
+    }));
+  },
+  Icon: function Icon(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "icon"
+    }));
+  },
+  Output: function Output(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "output"
+    }));
+  },
+  Form: function Form(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "form"
+    }));
+  },
+  Crud: function Crud(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "crud"
+    }));
+  },
+  View: function View(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "view",
+      "transient": true
+    }));
+  },
+  Bottom: function Bottom(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "bottom"
+    }));
+  },
+  Dialog: function Dialog(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "dialog"
+    }));
+  },
+  Content: function Content(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "content"
+    }));
+  },
+  Top: function Top(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "top"
+    }));
+  },
+  Card: function Card(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "card"
+    }));
+  },
+  Tab: function Tab(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "tab"
+    }));
+  },
+  Tabs: function Tabs(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "tabs"
+    }));
+  },
+  Step: function Step(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "tab",
+      layout: "step"
+    }));
+  },
+  Stepper: function Stepper(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "tabs",
+      layout: "stepper"
+    }));
+  },
+  Money: function Money(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "money"
+    }));
+  },
+  Chart: function Chart(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "chart"
+    }));
+  },
+  Password: function Password(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "password"
+    }));
+  },
+  Complete: function Complete(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "complete"
+    }));
+  },
+  Checkbox: function Checkbox(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "switch"
+    }));
+  },
+  Switch: function Switch(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "switch"
+    }));
+  },
+  Radio: function Radio(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "radio"
+    }));
+  },
+  Select: function Select(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "select"
+    }));
+  },
+  Toggle: function Toggle(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "toggle"
+    }));
+  },
+  Entity: function Entity(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "entity"
+    }));
+  },
+  Element: function Element(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "element"
+    }));
+  },
+  Quantity: function Quantity(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "quantity"
+    }));
+  },
+  Slider: function Slider(props) {
+    return /*#__PURE__*/jsx(UIElement, _extends({}, props, {
+      type: "slider"
+    }));
+  },
+  SafeView: SafeView
+};
+
+export { UI };
+//# sourceMappingURL=react-crud-mobile.esm.js.map