react-crud-mobile 1.0.188 → 1.0.190

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/react-crud-mobile.cjs.development.js +38 -51
  2. package/dist/react-crud-mobile.cjs.development.js.map +1 -1
  3. package/dist/react-crud-mobile.cjs.production.min.js +1 -1
  4. package/dist/react-crud-mobile.cjs.production.min.js.map +1 -1
  5. package/dist/react-crud-mobile.esm.js +39 -52
  6. package/dist/react-crud-mobile.esm.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/elements/core/UISelect.tsx +32 -39
package/dist/react-crud-mobile.cjs.production.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),i=require("react-crud-utils"),r=require("react-native"),a=require("react/jsx-runtime"),s=e(require("@expo/vector-icons/Ionicons")),l=require("@expo/vector-icons"),c=e(require("react-native-vector-icons/FontAwesome"));function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(null,arguments)}function u(e){var s=t.useState(i.Utils.nvl(e.scope,i.ScopeUtils.create(e)))[0],l=i.Utils.nvl(e.crud,s.crud),c=i.Utils.nvl(e.validateScope,"global"),p=i.Utils.nvl(e.part,"child");if(s.isInput())return a.jsx(a.Fragment,{});var x,f,h=function(e){var t=e.child;if(!t)return a.jsx(a.Fragment,{});if("string"==typeof t)return a.jsx(a.Fragment,{children:t});var n=t.type,r=o({},t.props);return delete r.children,"string"==typeof n?i.Utils.isEmpty(t.props.children)?a.jsx(n,o({},r)):a.jsx(n,o({},r,{children:a.jsx(u,o({transient:!0,validateScope:c},t.props,{scope:s,crud:l}))})):"function"==typeof n?a.jsx(n,o({validateScope:c},t.props,{parent:s,crud:l})):i.Utils.isEmpty(t.props.children)?a.jsx(a.Fragment,{}):a.jsx(u,o({validateScope:c},t.props,{scope:s,crud:l,transient:!0}))},g=function(){return a.jsx(a.Fragment,e.elements?{children:Object.entries(e.elements).map((function(e,t){return a.jsx(O,o({crud:l},e[1]))}))}:{children:n.Children.map(e.children,(function(e){return a.jsx(h,{child:e})}))})};return e.transient?a.jsx(g,{}):i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements)?a.jsx(a.Fragment,{}):a.jsx(a.Fragment,{children:a.jsx(r.View,{style:(x=p,f=i.Utils.nvl(x,"root"),o({},d[f],s.getStyle(x))),children:a.jsx(g,{})})})}var d=r.StyleSheet.create({child:{width:"100%"},inner:{width:"100%"}});function p(e){var r=e.scope,l=t.useState(0),c=l[0],d=l[1],p=r.original,x=r.getItems(),f=0,h=[],g=t.useState(null),j=g[0],y=g[1],m=function(e,t){void 0===t&&(t=!0),e&&r.execute({event:{validate:t,validateScope:p.validateScope,action:function(){r.changeValue(e.data),j=e,d(c=e.index),y(e)}}})},v=function(e){var t,n="ui-tabs-item ui-click";return(null==(t=j)?void 0:t.index)===e.index&&(n+=" ui-tab-selected"),n},b=function(e,t){var n=o({},e.props);t||(t=r.crud.data);var a=i.CrudUtils.create("tabs",{data:t,changed:t,parent:r.crud}),s=i.Utils.resolve(n,a);!1!==s.rendered&&h.push(o({},s,{child:e,element:s,original:n,index:f++,data:t}))};n.Children.map(e.children,(function(e,t){if(i.Utils.isEmpty(x))b(e,{});else for(var n in x)b(e,x[n])})),j||m(h[c],!1);var S=function(e){m(h[c+e])},w="stepper"===p.layout;return a.jsx("div",{className:r.getStyleClass("inner"),style:r.getStyle("inner"),children:a.jsxs("div",{className:"ui-tabs-content",children:[a.jsx("div",{className:"ui-tabs-items",children:h.map((function(e,t){return a.jsxs("div",{className:v(e),onClick:function(){m(e)},children:[w&&a.jsx("div",{className:"ui-tab-item-divisor"}),a.jsxs("div",{className:"ui-tab-item-inner",children:[w&&a.jsx("div",{className:"ui-step-line"}),a.jsx("div",{className:"ui-tab-item-label",children:w?e.index+1:e.label})]})]},i.Utils.key(p.id,"tab",t))}))}),j&&a.jsxs(a.Fragment,{children:[w&&a.jsx("div",{className:"ui-tabs-label",children:j.label}),a.jsx("div",{className:"ui-tabs-area",children:a.jsx(u,o({},e,{scope:r,children:j.child}))}),"stepper"===p.layout&&a.jsxs("div",{className:"ui-tabs-actions",children:[a.jsx(B.Output,{space:6,layout:"left",children:a.jsx(B.Include,o({},e,{transient:!0,name:"left",default:a.jsx(B.Button,{rendered:c>0,icon:a.jsx(s,{}),click:function(){S(-1)}})}))}),a.jsx(B.Output,{space:6,layout:"right",children:a.jsx(B.Include,o({},e,{transient:!0,name:"right",default:a.jsx(B.Button,{rendered:c<h.length-1,icon:a.jsx(s,{}),click:function(){S(1)}})}))})]})]})]})})}function x(e){var t=e.scope;return t.getItems(),i.Utils.asList(t.original.columns),a.jsx("div",{className:"ui-chart-data"})}function f(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:h.link,children:"Clique aqui para acessar o React Native"})})}var h={link:{}};function g(e){return a.jsx(a.Fragment,{children:a.jsx(f,o({},e.defaultsInput,e.defaultsUI))})}function j(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:y.link,children:"Clique aqui para acessar o React Native"})})}var y={link:{}};function m(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:v.link,children:"Clique aqui para acessar o React Native"})})}var v={link:{}};function b(e){var t=e.scope.original,n=t.color,i=t.label,s=t.icon;n||(n="#55a46f");var c={text:o({color:"#ffffff",lineHeight:30,fontWeight:"500",textAlign:"center"},t.textStyle),inner:o({flex:1,flexDirection:"row",flexWrap:"wrap",textAlign:"center",alignItems:"center",margin:"auto"},t.textStyle),icon:{color:"#fff",fontSize:18,paddingRight:10},button:o({padding:5,alignItems:"center",paddingLeft:10,paddingRight:10,minWidth:200,margin:5,textAlign:"center",verticalAling:"middle",lineHeight:30,borderRadius:20,backgroundColor:n,color:"#ffffff"},t.buttonStyle)};return a.jsx(r.TouchableHighlight,{underlayColor:"transparent",onPress:function(e){"function"==typeof t.click&&t.click(e)},style:c.button,children:a.jsxs(r.View,{style:c.inner,children:[s&&a.jsx(a.Fragment,{children:a.jsx(l.Ionicons,{size:30,style:c.icon,name:s})}),a.jsx(r.Text,{style:c.text,children:i})]})})}function S(e){var n=t.useState(!1),s=n[0],l=n[1],o=e.scope,u=i.Utils.nvl(o.getOptions(),[]);return console.log(u),a.jsxs(r.View,{style:w.root,children:[a.jsxs(r.TouchableOpacity,{onPress:function(){l(!s)},style:w.select,children:[a.jsx(r.Text,{style:w.label,children:"Clique aqui para acessar o React Native"}),a.jsx(c,{name:"angle-down",size:20,color:"#888"})]}),a.jsxs(r.Modal,{animationType:"slide",transparent:!0,visible:s,onRequestClose:function(){return l(!1)},children:[a.jsx(r.StatusBar,{barStyle:"dark-content",backgroundColor:"#6200ea"}),a.jsxs(r.SafeAreaView,{style:w.safe,children:[a.jsxs(r.View,{style:w.header,children:[a.jsx(r.TouchableOpacity,{onPress:function(){return l(!1)},style:w.closeButton,children:a.jsx(r.Text,{style:w.closeText,children:"X"})}),a.jsx(r.Text,{style:w.title,children:"Título do Modal"})]}),a.jsx(r.View,{style:w.content,children:a.jsx(B.List,{crud:o.crud,data:u,name:o.getName("list"),children:a.jsx(B.Value,{value:"#{@this.label}"})})})]})]})]})}var w=r.StyleSheet.create({safe:{flex:1,backgroundColor:"white",paddingTop:r.StatusBar.currentHeight||0},root:{flex:1,justifyContent:"flex-start",alignItems:"flex-start"},select:{flex:1,width:"100%",flexDirection:"row",borderWidth:1,borderColor:"#a9a9a9",borderRadius:20,paddingHorizontal:15,paddingVertical:10},item:{width:"100%"},label:{flex:1},container:{flex:1,justifyContent:"flex-start",alignItems:"center"},header:{flexDirection:"row",alignItems:"center",padding:15,backgroundColor:"#6200ea"},closeButton:{padding:10},closeText:{fontSize:18,color:"white"},title:{fontSize:18,color:"white",fontWeight:"bold",marginLeft:10},content:{flex:1,justifyContent:"flex-start",alignItems:"flex-start",padding:20,width:"100%",alignSelf:"stretch"}});function k(e){var n=e.scope,s=i.Utils.nvl(n.getValue(),!1),l=t.useState(s),c=l[1];return a.jsx(r.Switch,{value:l[0],onValueChange:function(e){n.changeValue(e),c(e)}})}function C(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:T.link,children:"Clique aqui para acessar o React Native"})})}var T={link:{}};function U(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:V.link,children:"Clique aqui para acessar o React Native"})})}var V={link:{}};function I(e){var n=e.scope,s=i.Utils.nvl(n.getValue(),""),l=n.getLabel(),c=n.getPart("placeholder",null,l),o=t.useState(s),u=o[0],d=o[1];return a.jsxs(r.View,{style:F.base,children:[n.getPart("left"),a.jsx(r.TextInput,{style:F.input,onChangeText:function(e){n.changeValue(e),d(e)},value:u,placeholder:c}),n.getPart("right")]})}var F=r.StyleSheet.create({base:{flexDirection:"row",alignItems:"center",borderWidth:1,borderColor:"#a9a9a9",borderRadius:20,paddingHorizontal:10,paddingVertical:5,padding:10,paddingLeft:5,paddingRight:10},icon:{marginRight:10},input:{marginHorizontal:10,marginVertical:5,flex:1}});function R(e){var n=e.scope,r=t.useState(i.ScopeUtils.create({parent:n,crud:n.crud,index:e.index,type:"row",data:e.item}))[0];return a.jsx(a.Fragment,{children:a.jsx(u,{scope:r,crud:r.crud,children:e.children})})}function L(e){var t=e.scope,n=t.crud,s=i.Utils.nvl(t.getItems(),[]);return a.jsxs(a.Fragment,{children:[a.jsx(B.Text,{placeholder:"Pesquisar...",field:"query",crud:n,right:a.jsx(c,{name:"eye",size:20,color:"#888"})}),a.jsx(r.View,{style:q.container,children:s.map((function(n,i){return a.jsx(r.View,{style:q.item,children:a.jsx(R,{scope:t,item:n,index:i,children:e.children})},"k-"+i)}))})]})}var q=r.StyleSheet.create({container:{flex:1,width:"100%"},item:{padding:15,marginVertical:8,backgroundColor:"#f5f5f5",borderRadius:8,width:"100%"},text:{fontSize:18,fontWeight:"bold"}});function O(e){var n=t.useState(i.ScopeUtils.create(e))[0],s=t.useState(0),l=s[0],c=s[1],d=t.useState(null),f=d[0],h=d[1],y=n.getOptions(),v=i.Utils.nvl(e.crud,n.crud),w=n.original,T=w.type,V=t.useRef(null);n.update=function(){c(++l)};var F={list:L,tabs:p,chart:x},R=function(){return F[T]?a.jsx(F[T],o({crud:v},e,{scope:n})):a.jsx(a.Fragment,{})},q=function(){var e=w.custom;return e?a.jsx(O,"string"==typeof e?{element:{value:e,type:"dummy"},crud:v}:o({type:e.type,tag:e.type},e.props,{crud:v})):a.jsx(a.Fragment,{})};if(n.is("type","dummy"))return a.jsx(a.Fragment,{children:n.getDisplayValue()});var E=function(e){var t=e.target.value;n.isType("integer","int","number")?t=parseInt(t):n.isType("decimal")&&(t=parseFloat(t)),n.isType("select","complete")&&(t=n.getSelectedItem(t)),n.changeValue(t),n.update()},z=function(e){n.call("click")},B={scope:n,crud:v,onChange:E};n.isType("password")&&(B.type="password");var W=function(){return!(n.isInput()||i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements))},H=function(e){var t,r,a=i.Utils.nvl(w.type,"none"),s=i.Utils.nvl(e,"root"),l=o({},N[s],null==P||null==(t=P[a])?void 0:t[s]),c=W();return e||c||(l=o({},l)),c&&e&&(l=o({},l,D[e])),l=o({},l,null==P||null==(r=P[a])?void 0:r[s]),o({},l,n.getStyle(e))},A=H("element"),M={required:n.isRequired(),size:"small",scope:n,crud:v,style:A,placeholder:n.attr("placeholder","Digite aqui")};if(!n.isRendered()||n.is("type","define"))return a.jsx(a.Fragment,{});n.error=function(e){f=e,h(e)},t.useEffect((function(){n.ready||(n.ready=!0,n.call("load"),n.isType("list","repeat")?n.search():w.list&&n.call("list"),n.start())}));var _=function(){return"string"==typeof w.icon?a.jsx(m,{children:n.getIcon()}):a.jsx(a.Fragment,{children:w.icon})};if(n.open=function(e){r.Linking.openURL(e.url)},n.isType("dialog")){var G=w.name;if(!v.dialogs[G]){var X={config:o({},w),component:function(t){return a.jsx(u,o({},e,{scope:n,crud:v}))}};v.dialogs[G]=X}return a.jsx(a.Fragment,{})}return t.useLayoutEffect((function(){if(null!=V&&V.current&&n.is("type","card","list","tabs","stepper")){var e=null==V?void 0:V.current;if(null!=e&&e.classList){var t=i.HtmlUtils.getBGColor(e);e.classList.add("rgb(255, 255, 255)"===t?"ui-dark":"ui-light")}}})),a.jsx(a.Fragment,{children:a.jsx(r.View,{ref:V,style:H(),children:a.jsxs(a.Fragment,{children:[void 0!==w.label&&!n.is("button")&&a.jsx(r.Text,{style:H("label"),children:n.getLabel()}),!W()&&!F[T]&&a.jsxs(a.Fragment,{children:[a.jsxs(r.View,{style:H("inner"),children:[n.is("type","button")&&a.jsxs(b,o({},M,{onClick:z,variant:n.attr("variant","outlined"),children:[w.icon&&a.jsx(_,{}),w.label&&a.jsx(r.Text,{style:n.getPart("label","button"),children:n.getLabel()})]})),n.is("type","icon")&&a.jsx(m,o({},M,{onClick:z,variant:n.attr("variant","outlined"),children:n.getDisplayValue()})),n.is("type","link")&&a.jsxs(j,o({},M,{onClick:z,variant:n.attr("variant","outlined"),children:[w.icon&&a.jsx(_,{}),w.label&&a.jsx(r.Text,{style:n.getPart("label","link"),children:n.getLabel()})]})),n.is("type","text","number","phone","postalCode","money","password","email")&&a.jsx(I,o({},B,M,{InputProps:o({},w.inputProps)})),n.is("type","complete","autocomplete")&&a.jsx(g,{scope:n,defaultsInput:B,defaultsUI:M}),n.is("type","checkbox","boolean","switch")&&a.jsx(k,o({checked:!0===n.getValue()},B,{onChange:function(){var e=n.getValue();E({target:{value:!(!0===e)}})}})),n.is("type","select")&&a.jsxs(S,o({},B,M,{value:n.getSelectedValue(),children:[a.jsx(C,{value:"",children:"Selecione"}),y.map((function(e,t){return a.jsx(C,{value:e.value,children:e.label},"i"+t)}))]})),n.is("type","radio")&&a.jsx(U,o({},B,M,{row:!0,children:y.map((function(e,t){return a.jsx(C,{control:a.jsx(U,o({},M)),label:e.label,value:e.value},"i"+t)}))})),n.is("type","custom")&&a.jsx(q,{}),n.is("type","column")&&a.jsxs(a.Fragment,{children:[n.is("format","img")&&a.jsx(r.Image,{source:n.getDisplayValue()}),n.is("format","icon")&&a.jsx(m,{className:n.getDisplayValue()}),!n.is("format","icon","img")&&a.jsx(r.Text,{children:n.getDisplayValue()})]}),n.is("type","output","value")&&a.jsx(r.Text,{children:n.getDisplayValue()})]}),f&&a.jsx(r.View,{style:H("error"),children:f})]}),a.jsx(R,{}),!n.is("type","tabs","grid","list","define","repeat")&&a.jsx(u,o({},e,{scope:n,crud:v}))]})})})}var P={};P.card=r.StyleSheet.create({root:{backgroundColor:"white",padding:16,borderRadius:10,shadowColor:"#888",shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:3.84,elevation:3},inner:{width:"100%",paddingBottom:10,paddingTop:5}}),P.list=o({},P.card);var N=r.StyleSheet.create({root:{gap:5,flexDirection:"column",flexWrap:"wrap",width:"100%",alignItems:"flex-start"},label:{width:"100%",fontWeight:500,fontSize:12},inner:{width:"100%",paddingBottom:5,paddingTop:5}}),D=r.StyleSheet.create({root:{gap:10},label:{width:"100%",fontWeight:500,fontSize:24}});function E(e){if(!1===e.rendered)return a.jsx(a.Fragment,{});var t=i.ComponentUtils.getDefine(e,e.name,e.position);return i.Utils.isEmpty(t)&&(t=e.default),i.Utils.isEmpty(t)?a.jsx(a.Fragment,{children:t}):a.jsx((function(t){var n=e.tag;return i.Utils.isEmpty(n)?a.jsx(a.Fragment,{children:t.children}):a.jsx(n,o({},t,{children:t.children}))}),o({},e.tagProps,{children:a.jsx(u,o({transient:!0},e,{scope:e.scope,crud:e.crud,part:e.name,children:t}))}))}var z=["type"],B={List:function(e){return a.jsx(O,o({},e,{type:"list"}))},Value:function(e){return a.jsx(O,o({},e,{type:"value"}))},Label:function(e){return a.jsx(O,o({},e,{type:"label"}))},Repeat:function(e){return a.jsx(O,o({},e,{type:"repeat"}))},Define:function(e){return a.jsx(O,o({},e,{type:"define"}))},Include:function(e){return a.jsx(E,o({},e))},Column:function(e){var t=function(e,t){if(null==e)return{};var n={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==t.indexOf(i))continue;n[i]=e[i]}return n}(e,z);return a.jsx(O,o({},t,{type:"column"}))},Input:function(e){return a.jsx(O,o({},e))},Text:function(e){return a.jsx(O,o({},e,{type:"text"}))},Email:function(e){return a.jsx(O,o({},e,{type:"email"}))},Button:function(e){return a.jsx(O,o({},e,{type:"button"}))},Link:function(e){return a.jsx(O,o({},e,{type:"link"}))},Icon:function(e){return a.jsx(O,o({},e,{type:"icon"}))},Output:function(e){return a.jsx(O,o({},e,{type:"output"}))},Form:function(e){return a.jsx(O,o({},e,{type:"form"}))},Crud:function(e){return a.jsx(O,o({},e,{type:"crud"}))},View:function(e){return a.jsx(O,o({},e,{type:"view",transient:!0}))},Bottom:function(e){return a.jsx(O,o({},e,{type:"bottom"}))},Dialog:function(e){return a.jsx(O,o({},e,{type:"dialog"}))},Content:function(e){return a.jsx(O,o({},e,{type:"content"}))},Top:function(e){return a.jsx(O,o({},e,{type:"top"}))},Card:function(e){return a.jsx(O,o({},e,{type:"card"}))},Tab:function(e){return a.jsx(O,o({},e,{type:"tab"}))},Tabs:function(e){return a.jsx(O,o({},e,{type:"tabs"}))},Step:function(e){return a.jsx(O,o({},e,{type:"tab",layout:"step"}))},Stepper:function(e){return a.jsx(O,o({},e,{type:"tabs",layout:"stepper"}))},Money:function(e){return a.jsx(O,o({},e,{type:"money"}))},Chart:function(e){return a.jsx(O,o({},e,{type:"chart"}))},Password:function(e){return a.jsx(O,o({},e,{type:"password"}))},Complete:function(e){return a.jsx(O,o({},e,{type:"complete"}))},Checkbox:function(e){return a.jsx(O,o({},e,{type:"switch"}))},Switch:function(e){return a.jsx(O,o({},e,{type:"switch"}))},Radio:function(e){return a.jsx(O,o({},e,{type:"radio"}))},Select:function(e){return a.jsx(O,o({},e,{type:"select"}))},Entity:function(e){return a.jsx(O,o({},e,{type:"entity"}))},Element:function(e){return a.jsx(O,o({},e,{type:"element"}))}};exports.UI=B;
1
+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),i=require("react-crud-utils"),r=require("react-native"),a=require("react/jsx-runtime"),s=e(require("@expo/vector-icons/Ionicons")),l=require("@expo/vector-icons"),c=e(require("react-native-vector-icons/FontAwesome"));function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(null,arguments)}function u(e){var s=t.useState(i.Utils.nvl(e.scope,i.ScopeUtils.create(e)))[0],l=i.Utils.nvl(e.crud,s.crud),c=i.Utils.nvl(e.validateScope,"global"),p=i.Utils.nvl(e.part,"child");if(s.isInput())return a.jsx(a.Fragment,{});var x,f,h=function(e){var t=e.child;if(!t)return a.jsx(a.Fragment,{});if("string"==typeof t)return a.jsx(a.Fragment,{children:t});var n=t.type,r=o({},t.props);return delete r.children,"string"==typeof n?i.Utils.isEmpty(t.props.children)?a.jsx(n,o({},r)):a.jsx(n,o({},r,{children:a.jsx(u,o({transient:!0,validateScope:c},t.props,{scope:s,crud:l}))})):"function"==typeof n?a.jsx(n,o({validateScope:c},t.props,{parent:s,crud:l})):i.Utils.isEmpty(t.props.children)?a.jsx(a.Fragment,{}):a.jsx(u,o({validateScope:c},t.props,{scope:s,crud:l,transient:!0}))},j=function(){return a.jsx(a.Fragment,e.elements?{children:Object.entries(e.elements).map((function(e,t){return a.jsx(O,o({crud:l},e[1]))}))}:{children:n.Children.map(e.children,(function(e){return a.jsx(h,{child:e})}))})};return e.transient?a.jsx(j,{}):i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements)?a.jsx(a.Fragment,{}):a.jsx(a.Fragment,{children:a.jsx(r.View,{style:(x=p,f=i.Utils.nvl(x,"root"),o({},d[f],s.getStyle(x))),children:a.jsx(j,{})})})}var d=r.StyleSheet.create({child:{width:"100%"},inner:{width:"100%"}});function p(e){var r=e.scope,l=t.useState(0),c=l[0],d=l[1],p=r.original,x=r.getItems(),f=0,h=[],j=t.useState(null),g=j[0],y=j[1],m=function(e,t){void 0===t&&(t=!0),e&&r.execute({event:{validate:t,validateScope:p.validateScope,action:function(){r.changeValue(e.data),g=e,d(c=e.index),y(e)}}})},v=function(e){var t,n="ui-tabs-item ui-click";return(null==(t=g)?void 0:t.index)===e.index&&(n+=" ui-tab-selected"),n},b=function(e,t){var n=o({},e.props);t||(t=r.crud.data);var a=i.CrudUtils.create("tabs",{data:t,changed:t,parent:r.crud}),s=i.Utils.resolve(n,a);!1!==s.rendered&&h.push(o({},s,{child:e,element:s,original:n,index:f++,data:t}))};n.Children.map(e.children,(function(e,t){if(i.Utils.isEmpty(x))b(e,{});else for(var n in x)b(e,x[n])})),g||m(h[c],!1);var w=function(e){m(h[c+e])},S="stepper"===p.layout;return a.jsx("div",{className:r.getStyleClass("inner"),style:r.getStyle("inner"),children:a.jsxs("div",{className:"ui-tabs-content",children:[a.jsx("div",{className:"ui-tabs-items",children:h.map((function(e,t){return a.jsxs("div",{className:v(e),onClick:function(){m(e)},children:[S&&a.jsx("div",{className:"ui-tab-item-divisor"}),a.jsxs("div",{className:"ui-tab-item-inner",children:[S&&a.jsx("div",{className:"ui-step-line"}),a.jsx("div",{className:"ui-tab-item-label",children:S?e.index+1:e.label})]})]},i.Utils.key(p.id,"tab",t))}))}),g&&a.jsxs(a.Fragment,{children:[S&&a.jsx("div",{className:"ui-tabs-label",children:g.label}),a.jsx("div",{className:"ui-tabs-area",children:a.jsx(u,o({},e,{scope:r,children:g.child}))}),"stepper"===p.layout&&a.jsxs("div",{className:"ui-tabs-actions",children:[a.jsx(B.Output,{space:6,layout:"left",children:a.jsx(B.Include,o({},e,{transient:!0,name:"left",default:a.jsx(B.Button,{rendered:c>0,icon:a.jsx(s,{}),click:function(){w(-1)}})}))}),a.jsx(B.Output,{space:6,layout:"right",children:a.jsx(B.Include,o({},e,{transient:!0,name:"right",default:a.jsx(B.Button,{rendered:c<h.length-1,icon:a.jsx(s,{}),click:function(){w(1)}})}))})]})]})]})})}function x(e){var t=e.scope;return t.getItems(),i.Utils.asList(t.original.columns),a.jsx("div",{className:"ui-chart-data"})}function f(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:h.link,children:"Clique aqui para acessar o React Native"})})}var h={link:{}};function j(e){return a.jsx(a.Fragment,{children:a.jsx(f,o({},e.defaultsInput,e.defaultsUI))})}function g(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:y.link,children:"Clique aqui para acessar o React Native"})})}var y={link:{}};function m(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:v.link,children:"Clique aqui para acessar o React Native"})})}var v={link:{}};function b(e){var t=e.scope.original,n=t.color,i=t.label,s=t.icon;n||(n="#55a46f");var c={text:o({color:"#ffffff",lineHeight:30,fontWeight:"500",textAlign:"center"},t.textStyle),inner:o({flex:1,flexDirection:"row",flexWrap:"wrap",textAlign:"center",alignItems:"center",margin:"auto"},t.textStyle),icon:{color:"#fff",fontSize:18,paddingRight:10},button:o({padding:5,alignItems:"center",paddingLeft:10,paddingRight:10,minWidth:200,margin:5,textAlign:"center",verticalAling:"middle",lineHeight:30,borderRadius:20,backgroundColor:n,color:"#ffffff"},t.buttonStyle)};return a.jsx(r.TouchableHighlight,{underlayColor:"transparent",onPress:function(e){"function"==typeof t.click&&t.click(e)},style:c.button,children:a.jsxs(r.View,{style:c.inner,children:[s&&a.jsx(a.Fragment,{children:a.jsx(l.Ionicons,{size:30,style:c.icon,name:s})}),a.jsx(r.Text,{style:c.text,children:i})]})})}function w(e){var n=t.useState(!0),s=n[0],l=n[1],o=e.scope,u=i.Utils.nvl(o.getOptions(),[]);return console.log(u),a.jsxs(r.View,{style:S.root,children:[a.jsxs(r.TouchableOpacity,{onPress:function(){l(!s)},style:S.select,children:[a.jsx(r.Text,{style:S.label,children:"Clique aqui para acessar o React Native"}),a.jsx(c,{name:"angle-down",size:20,color:"#888"})]}),a.jsx(r.Modal,{visible:s,animationType:"slide",transparent:!1,children:a.jsxs(r.SafeAreaView,{style:S.modalContainer,children:[a.jsxs(r.View,{style:S.header,children:[a.jsx(r.Text,{style:S.headerText,children:"Meu Modal"}),a.jsx(r.TouchableOpacity,{onPress:function(){return l(!1)},style:S.closeButton,children:a.jsx(r.Text,{style:S.closeButtonText,children:"Fechar"})})]}),a.jsx(r.View,{style:S.content,children:a.jsx(B.List,{crud:o.crud,data:u,name:o.getName("list"),children:a.jsx(B.Value,{value:"#{@this.label}"})})})]})})]})}var S=r.StyleSheet.create({label:{flex:1},root:{flex:1,justifyContent:"flex-start",alignItems:"flex-start"},select:{flex:1,width:"100%",flexDirection:"row",borderWidth:1,borderColor:"#a9a9a9",borderRadius:20,paddingHorizontal:15,paddingVertical:10},modalContainer:{flex:1,backgroundColor:"white"},header:{height:60,backgroundColor:"#007bff",flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:20},headerText:{color:"white",fontSize:18,fontWeight:"bold"},closeButton:{padding:10},closeButtonText:{color:"white",fontSize:16},content:{flex:1,justifyContent:"center",alignItems:"center"},bodyText:{fontSize:16,color:"#333"}});function T(e){var n=e.scope,s=i.Utils.nvl(n.getValue(),!1),l=t.useState(s),c=l[1];return a.jsx(r.Switch,{value:l[0],onValueChange:function(e){n.changeValue(e),c(e)}})}function C(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:k.link,children:"Clique aqui para acessar o React Native"})})}var k={link:{}};function U(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:V.link,children:"Clique aqui para acessar o React Native"})})}var V={link:{}};function I(e){var n=e.scope,s=i.Utils.nvl(n.getValue(),""),l=n.getLabel(),c=n.getPart("placeholder",null,l),o=t.useState(s),u=o[0],d=o[1];return a.jsxs(r.View,{style:F.base,children:[n.getPart("left"),a.jsx(r.TextInput,{style:F.input,onChangeText:function(e){n.changeValue(e),d(e)},value:u,placeholder:c}),n.getPart("right")]})}var F=r.StyleSheet.create({base:{flexDirection:"row",alignItems:"center",borderWidth:1,borderColor:"#a9a9a9",borderRadius:20,paddingHorizontal:10,paddingVertical:5,padding:10,paddingLeft:5,paddingRight:10},icon:{marginRight:10},input:{marginHorizontal:10,marginVertical:5,flex:1}});function R(e){var n=e.scope,r=t.useState(i.ScopeUtils.create({parent:n,crud:n.crud,index:e.index,type:"row",data:e.item}))[0];return a.jsx(a.Fragment,{children:a.jsx(u,{scope:r,crud:r.crud,children:e.children})})}function L(e){var t=e.scope,n=t.crud,s=i.Utils.nvl(t.getItems(),[]);return a.jsxs(a.Fragment,{children:[a.jsx(B.Text,{placeholder:"Pesquisar...",field:"query",crud:n,right:a.jsx(c,{name:"eye",size:20,color:"#888"})}),a.jsx(r.View,{style:q.container,children:s.map((function(n,i){return a.jsx(r.View,{style:q.item,children:a.jsx(R,{scope:t,item:n,index:i,children:e.children})},"k-"+i)}))})]})}var q=r.StyleSheet.create({container:{flex:1,width:"100%"},item:{padding:15,marginVertical:8,backgroundColor:"#f5f5f5",borderRadius:8,width:"100%"},text:{fontSize:18,fontWeight:"bold"}});function O(e){var n=t.useState(i.ScopeUtils.create(e))[0],s=t.useState(0),l=s[0],c=s[1],d=t.useState(null),f=d[0],h=d[1],y=n.getOptions(),v=i.Utils.nvl(e.crud,n.crud),S=n.original,k=S.type,V=t.useRef(null);n.update=function(){c(++l)};var F={list:L,tabs:p,chart:x},R=function(){return F[k]?a.jsx(F[k],o({crud:v},e,{scope:n})):a.jsx(a.Fragment,{})},q=function(){var e=S.custom;return e?a.jsx(O,"string"==typeof e?{element:{value:e,type:"dummy"},crud:v}:o({type:e.type,tag:e.type},e.props,{crud:v})):a.jsx(a.Fragment,{})};if(n.is("type","dummy"))return a.jsx(a.Fragment,{children:n.getDisplayValue()});var D=function(e){var t=e.target.value;n.isType("integer","int","number")?t=parseInt(t):n.isType("decimal")&&(t=parseFloat(t)),n.isType("select","complete")&&(t=n.getSelectedItem(t)),n.changeValue(t),n.update()},E=function(e){n.call("click")},B={scope:n,crud:v,onChange:D};n.isType("password")&&(B.type="password");var W=function(){return!(n.isInput()||i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements))},H=function(e){var t,r,a=i.Utils.nvl(S.type,"none"),s=i.Utils.nvl(e,"root"),l=o({},N[s],null==P||null==(t=P[a])?void 0:t[s]),c=W();return e||c||(l=o({},l)),c&&e&&(l=o({},l,z[e])),l=o({},l,null==P||null==(r=P[a])?void 0:r[s]),o({},l,n.getStyle(e))},A=H("element"),M={required:n.isRequired(),size:"small",scope:n,crud:v,style:A,placeholder:n.attr("placeholder","Digite aqui")};if(!n.isRendered()||n.is("type","define"))return a.jsx(a.Fragment,{});n.error=function(e){f=e,h(e)},t.useEffect((function(){n.ready||(n.ready=!0,n.call("load"),n.isType("list","repeat")?n.search():S.list&&n.call("list"),n.start())}));var _=function(){return"string"==typeof S.icon?a.jsx(m,{children:n.getIcon()}):a.jsx(a.Fragment,{children:S.icon})};if(n.open=function(e){r.Linking.openURL(e.url)},n.isType("dialog")){var G=S.name;if(!v.dialogs[G]){var J={config:o({},S),component:function(t){return a.jsx(u,o({},e,{scope:n,crud:v}))}};v.dialogs[G]=J}return a.jsx(a.Fragment,{})}return t.useLayoutEffect((function(){if(null!=V&&V.current&&n.is("type","card","list","tabs","stepper")){var e=null==V?void 0:V.current;if(null!=e&&e.classList){var t=i.HtmlUtils.getBGColor(e);e.classList.add("rgb(255, 255, 255)"===t?"ui-dark":"ui-light")}}})),a.jsx(a.Fragment,{children:a.jsx(r.View,{ref:V,style:H(),children:a.jsxs(a.Fragment,{children:[void 0!==S.label&&!n.is("button")&&a.jsx(r.Text,{style:H("label"),children:n.getLabel()}),!W()&&!F[k]&&a.jsxs(a.Fragment,{children:[a.jsxs(r.View,{style:H("inner"),children:[n.is("type","button")&&a.jsxs(b,o({},M,{onClick:E,variant:n.attr("variant","outlined"),children:[S.icon&&a.jsx(_,{}),S.label&&a.jsx(r.Text,{style:n.getPart("label","button"),children:n.getLabel()})]})),n.is("type","icon")&&a.jsx(m,o({},M,{onClick:E,variant:n.attr("variant","outlined"),children:n.getDisplayValue()})),n.is("type","link")&&a.jsxs(g,o({},M,{onClick:E,variant:n.attr("variant","outlined"),children:[S.icon&&a.jsx(_,{}),S.label&&a.jsx(r.Text,{style:n.getPart("label","link"),children:n.getLabel()})]})),n.is("type","text","number","phone","postalCode","money","password","email")&&a.jsx(I,o({},B,M,{InputProps:o({},S.inputProps)})),n.is("type","complete","autocomplete")&&a.jsx(j,{scope:n,defaultsInput:B,defaultsUI:M}),n.is("type","checkbox","boolean","switch")&&a.jsx(T,o({checked:!0===n.getValue()},B,{onChange:function(){var e=n.getValue();D({target:{value:!(!0===e)}})}})),n.is("type","select")&&a.jsxs(w,o({},B,M,{value:n.getSelectedValue(),children:[a.jsx(C,{value:"",children:"Selecione"}),y.map((function(e,t){return a.jsx(C,{value:e.value,children:e.label},"i"+t)}))]})),n.is("type","radio")&&a.jsx(U,o({},B,M,{row:!0,children:y.map((function(e,t){return a.jsx(C,{control:a.jsx(U,o({},M)),label:e.label,value:e.value},"i"+t)}))})),n.is("type","custom")&&a.jsx(q,{}),n.is("type","column")&&a.jsxs(a.Fragment,{children:[n.is("format","img")&&a.jsx(r.Image,{source:n.getDisplayValue()}),n.is("format","icon")&&a.jsx(m,{className:n.getDisplayValue()}),!n.is("format","icon","img")&&a.jsx(r.Text,{children:n.getDisplayValue()})]}),n.is("type","output","value")&&a.jsx(r.Text,{children:n.getDisplayValue()})]}),f&&a.jsx(r.View,{style:H("error"),children:f})]}),a.jsx(R,{}),!n.is("type","tabs","grid","list","define","repeat")&&a.jsx(u,o({},e,{scope:n,crud:v}))]})})})}var P={};P.card=r.StyleSheet.create({root:{backgroundColor:"white",padding:16,borderRadius:10,shadowColor:"#888",shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:3.84,elevation:3},inner:{width:"100%",paddingBottom:10,paddingTop:5}}),P.list=o({},P.card);var N=r.StyleSheet.create({root:{gap:5,flexDirection:"column",flexWrap:"wrap",width:"100%",alignItems:"flex-start"},label:{width:"100%",fontWeight:500,fontSize:12},inner:{width:"100%",paddingBottom:5,paddingTop:5}}),z=r.StyleSheet.create({root:{gap:10},label:{width:"100%",fontWeight:500,fontSize:24}});function D(e){if(!1===e.rendered)return a.jsx(a.Fragment,{});var t=i.ComponentUtils.getDefine(e,e.name,e.position);return i.Utils.isEmpty(t)&&(t=e.default),i.Utils.isEmpty(t)?a.jsx(a.Fragment,{children:t}):a.jsx((function(t){var n=e.tag;return i.Utils.isEmpty(n)?a.jsx(a.Fragment,{children:t.children}):a.jsx(n,o({},t,{children:t.children}))}),o({},e.tagProps,{children:a.jsx(u,o({transient:!0},e,{scope:e.scope,crud:e.crud,part:e.name,children:t}))}))}var E=["type"],B={List:function(e){return a.jsx(O,o({},e,{type:"list"}))},Value:function(e){return a.jsx(O,o({},e,{type:"value"}))},Label:function(e){return a.jsx(O,o({},e,{type:"label"}))},Repeat:function(e){return a.jsx(O,o({},e,{type:"repeat"}))},Define:function(e){return a.jsx(O,o({},e,{type:"define"}))},Include:function(e){return a.jsx(D,o({},e))},Column:function(e){var t=function(e,t){if(null==e)return{};var n={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==t.indexOf(i))continue;n[i]=e[i]}return n}(e,E);return a.jsx(O,o({},t,{type:"column"}))},Input:function(e){return a.jsx(O,o({},e))},Text:function(e){return a.jsx(O,o({},e,{type:"text"}))},Email:function(e){return a.jsx(O,o({},e,{type:"email"}))},Button:function(e){return a.jsx(O,o({},e,{type:"button"}))},Link:function(e){return a.jsx(O,o({},e,{type:"link"}))},Icon:function(e){return a.jsx(O,o({},e,{type:"icon"}))},Output:function(e){return a.jsx(O,o({},e,{type:"output"}))},Form:function(e){return a.jsx(O,o({},e,{type:"form"}))},Crud:function(e){return a.jsx(O,o({},e,{type:"crud"}))},View:function(e){return a.jsx(O,o({},e,{type:"view",transient:!0}))},Bottom:function(e){return a.jsx(O,o({},e,{type:"bottom"}))},Dialog:function(e){return a.jsx(O,o({},e,{type:"dialog"}))},Content:function(e){return a.jsx(O,o({},e,{type:"content"}))},Top:function(e){return a.jsx(O,o({},e,{type:"top"}))},Card:function(e){return a.jsx(O,o({},e,{type:"card"}))},Tab:function(e){return a.jsx(O,o({},e,{type:"tab"}))},Tabs:function(e){return a.jsx(O,o({},e,{type:"tabs"}))},Step:function(e){return a.jsx(O,o({},e,{type:"tab",layout:"step"}))},Stepper:function(e){return a.jsx(O,o({},e,{type:"tabs",layout:"stepper"}))},Money:function(e){return a.jsx(O,o({},e,{type:"money"}))},Chart:function(e){return a.jsx(O,o({},e,{type:"chart"}))},Password:function(e){return a.jsx(O,o({},e,{type:"password"}))},Complete:function(e){return a.jsx(O,o({},e,{type:"complete"}))},Checkbox:function(e){return a.jsx(O,o({},e,{type:"switch"}))},Switch:function(e){return a.jsx(O,o({},e,{type:"switch"}))},Radio:function(e){return a.jsx(O,o({},e,{type:"radio"}))},Select:function(e){return a.jsx(O,o({},e,{type:"select"}))},Entity:function(e){return a.jsx(O,o({},e,{type:"entity"}))},Element:function(e){return a.jsx(O,o({},e,{type:"element"}))}};exports.UI=B;
2
2
  //# sourceMappingURL=react-crud-mobile.cjs.production.min.js.map
package/dist/react-crud-mobile.cjs.production.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"react-crud-mobile.cjs.production.min.js","sources":["../src/elements/UIChildren.tsx","../src/elements/tabs/ElTabs.tsx","../src/elements/charts/ElChart.tsx","../src/elements/core/UIAutoComplete.tsx","../src/elements/UIComplete.tsx","../src/elements/core/UILink.tsx","../src/elements/core/UIIcon.tsx","../src/elements/core/UIButton.tsx","../src/elements/core/UISelect.tsx","../src/elements/core/UISwitch.tsx","../src/elements/core/UIOption.tsx","../src/elements/core/UIRadio.tsx","../src/elements/core/UIInput.tsx","../src/elements/core/UIListRow.tsx","../src/elements/core/UIList.tsx","../src/elements/UIElement.tsx","../src/elements/core/UIInclude.tsx","../src/elements/UI.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport UIElement from './UIElement';\nimport { Crud, Scope, ScopeUtils, Utils } from 'react-crud-utils';\nimport { StyleSheet, View } from 'react-native';\n\ninterface UIChildrenType {\n scope: Scope;\n crud?: Crud;\n validateScope?: String;\n children?: any;\n elements?: any;\n transient?: boolean;\n part?: string;\n childProps?: any;\n}\n\nexport default function UIChildren(props: UIChildrenType) {\n let [scope] = useState(Utils.nvl(props.scope, ScopeUtils.create(props)));\n let crud = Utils.nvl(props.crud, scope.crud);\n let validateScope = Utils.nvl(props.validateScope, 'global');\n let name = Utils.nvl(props.part, 'child');\n\n if (scope.isInput()) {\n return <></>;\n }\n\n let Paint = ({ child }: any) => {\n if (!child) {\n return <></>;\n }\n if (typeof child === 'string') {\n return <>{child}</>;\n }\n\n let Custom = child.type;\n let pps = { ...child.props };\n\n delete pps.children;\n\n if (typeof Custom === 'string') {\n if (Utils.isEmpty(child.props.children)) {\n return <Custom {...pps} />;\n }\n return (\n <Custom {...pps}>\n <UIChildren\n transient\n validateScope={validateScope}\n {...child.props}\n scope={scope}\n crud={crud}\n ></UIChildren>\n </Custom>\n );\n } else if (typeof Custom === 'function') {\n return (\n <Custom\n validateScope={validateScope}\n {...child.props}\n parent={scope}\n crud={crud}\n ></Custom>\n );\n }\n\n if (!Utils.isEmpty(child.props.children)) {\n return (\n <UIChildren\n validateScope={validateScope}\n {...child.props}\n scope={scope}\n crud={crud}\n transient\n ></UIChildren>\n );\n }\n return <></>;\n };\n\n const Draw = () => {\n if (props.elements) {\n return (\n <>\n {Object.entries(props.elements).map((t: any, k) => {\n return <UIElement crud={crud} {...t[1]} />;\n })}\n </>\n );\n }\n return (\n <>\n {React.Children.map(props.children, child => {\n return <Paint child={child}></Paint>;\n })}\n </>\n );\n };\n\n if (props.transient) {\n return <Draw />;\n }\n\n if (Utils.isEmpty(props.children) && Utils.isEmpty(props.elements)) {\n return <></>;\n }\n\n const getStyle = (part?: string) => {\n let key = Utils.nvl(part, 'root');\n let def = styles[key];\n\n return { ...def, ...scope.getStyle(part) };\n };\n\n return (\n <>\n <View style={getStyle(name)}>\n <Draw />\n </View>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n child: { width: '100%' },\n inner: { width: '100%' },\n});\n","import React, { useState, useEffect } from 'react';\nimport UIChildren from '../UIChildren';\nimport UI from '../UI';\n\nimport Ionicons from '@expo/vector-icons/Ionicons';\nimport { ChildType, CrudUtils, Utils } from 'react-crud-utils';\n\nexport default function ElTabs(props: ChildType) {\n let scope = props.scope;\n let [selectedIndex, setSelectedIndex]: any = useState(0);\n let element = scope.original;\n let items = scope.getItems();\n let counter = 0;\n\n let tabs: any = [];\n let [selected, setSelected]: any = useState(null);\n\n const onChangeTab = (tab: any, validate = true) => {\n if (tab) {\n scope.execute({\n event: {\n validate,\n validateScope: element.validateScope,\n action: () => {\n scope.changeValue(tab.data);\n\n selected = tab;\n selectedIndex = tab.index;\n\n setSelectedIndex(selectedIndex);\n setSelected(tab);\n },\n },\n });\n }\n };\n\n const getStyleClass = (t: any) => {\n let s = 'ui-tabs-item ui-click';\n\n if (selected?.index === t.index) {\n s = s + ' ui-tab-selected';\n }\n return s;\n };\n\n const addTab = (child: any, item: any) => {\n let original = { ...child.props };\n\n if (!item) {\n item = scope.crud.data;\n }\n\n let crudTab = CrudUtils.create('tabs', {\n data: item,\n changed: item,\n parent: scope.crud,\n });\n\n let element = Utils.resolve(original, crudTab);\n\n if (element.rendered === false) {\n return;\n }\n\n tabs.push({\n ...element,\n child,\n element,\n original,\n index: counter++,\n data: item,\n });\n };\n\n React.Children.map(props.children, (child, index) => {\n if (Utils.isEmpty(items)) {\n addTab(child, {});\n } else {\n for (const i in items) {\n let o = items[i];\n\n addTab(child, o);\n }\n }\n });\n\n if (!selected) {\n onChangeTab(tabs[selectedIndex], false);\n }\n\n const nav = (i: any) => {\n let t = tabs[selectedIndex + i];\n\n onChangeTab(t);\n };\n\n const previous = () => {\n nav(-1);\n };\n\n const next = () => {\n nav(1);\n };\n\n let isStepper = element.layout === 'stepper';\n\n return (\n <div\n className={scope.getStyleClass('inner')}\n style={scope.getStyle('inner')}\n >\n <div className=\"ui-tabs-content\">\n <div className=\"ui-tabs-items\">\n {tabs.map((t: any, i: number) => (\n <div\n key={Utils.key(element.id, 'tab', i)}\n className={getStyleClass(t)}\n onClick={() => {\n onChangeTab(t);\n }}\n >\n {isStepper && <div className=\"ui-tab-item-divisor\" />}\n <div className=\"ui-tab-item-inner\">\n {isStepper && <div className=\"ui-step-line\" />}\n <div className=\"ui-tab-item-label\">\n {isStepper ? t.index + 1 : t.label}\n </div>\n </div>\n </div>\n ))}\n </div>\n {selected && (\n <>\n {isStepper && <div className=\"ui-tabs-label\">{selected.label}</div>}\n <div className=\"ui-tabs-area\">\n <UIChildren {...props} scope={scope}>\n {selected.child}\n </UIChildren>\n </div>\n {element.layout === 'stepper' && (\n <div className=\"ui-tabs-actions\">\n <UI.Output space={6} layout=\"left\">\n <UI.Include\n {...props}\n transient\n name=\"left\"\n default={\n <UI.Button\n rendered={selectedIndex > 0}\n icon={<Ionicons />}\n click={previous}\n />\n }\n />\n </UI.Output>\n <UI.Output space={6} layout=\"right\">\n <UI.Include\n {...props}\n transient\n name=\"right\"\n default={\n <UI.Button\n rendered={selectedIndex < tabs.length - 1}\n icon={<Ionicons />}\n click={next}\n />\n }\n />\n </UI.Output>\n </div>\n )}\n </>\n )}\n </div>\n </div>\n );\n}\n","import React from \"react\";\nimport { ChildType, Scope, Utils } from \"react-crud-utils\";\n\nexport default function ElChart(props: ChildType) {\n let scope: Scope = props.scope;\n let items: any = scope.getItems();\n let columns = Utils.asList(scope.original.columns);\n\n return <div className=\"ui-chart-data\"></div>;\n}\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIAutoComplete(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { ChildType } from 'react-crud-utils';\nimport AutoComplete from './core/UIAutoComplete';\n\nexport default function UIComplete({\n defaultsInput,\n defaultsUI,\n scope,\n}: ChildType) {\n return (\n <>\n <AutoComplete {...defaultsInput} {...defaultsUI} />\n </>\n );\n}\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UILink(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIIcon(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Ionicons } from '@expo/vector-icons';\r\nimport { ChildType } from 'react-crud-utils';\r\nimport { Text, TouchableHighlight, View } from 'react-native';\r\n\r\nexport default function UIButton(props: ChildType) {\r\n let scope = props.scope;\r\n let element = scope.original;\r\n\r\n let color = element.color;\r\n let label = element.label;\r\n let icon = element.icon;\r\n\r\n if (!color) color = '#55a46f';\r\n\r\n const styles: any = {\r\n text: {\r\n color: '#ffffff',\r\n lineHeight: 30,\r\n fontWeight: '500',\r\n textAlign: 'center',\r\n ...element.textStyle,\r\n },\r\n inner: {\r\n flex: 1,\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n alignItems: 'center',\r\n margin: 'auto',\r\n ...element.textStyle,\r\n },\r\n icon: {\r\n color: '#fff',\r\n fontSize: 18,\r\n paddingRight: 10,\r\n },\r\n button: {\r\n padding: 5,\r\n alignItems: 'center',\r\n paddingLeft: 10,\r\n paddingRight: 10,\r\n minWidth: 200,\r\n margin: 5,\r\n textAlign: 'center',\r\n verticalAling: 'middle',\r\n lineHeight: 30,\r\n borderRadius: 20,\r\n backgroundColor: color,\r\n color: '#ffffff',\r\n ...element.buttonStyle,\r\n },\r\n };\r\n\r\n const onClick = (e: any) => {\r\n if (typeof element.click === 'function') {\r\n element.click(e);\r\n }\r\n };\r\n\r\n return (\r\n <TouchableHighlight\r\n underlayColor={'transparent'}\r\n onPress={onClick}\r\n style={styles.button}\r\n >\r\n <View style={styles.inner}>\r\n {icon && (\r\n <>\r\n <Ionicons size={30} style={styles.icon} name={icon} />\r\n </>\r\n )}\r\n <Text style={styles.text}>{label}</Text>\r\n </View>\r\n </TouchableHighlight>\r\n );\r\n}\r\n","import { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport {\n Text,\n TouchableOpacity,\n StyleSheet,\n Modal,\n View,\n StatusBar,\n SafeAreaView,\n} from 'react-native';\nimport Icon from 'react-native-vector-icons/FontAwesome';\nimport UI from '../UI';\n\nexport default function UISelect(props: ChildType) {\n const [modalVisible, setModalVisible] = useState(false);\n const scope = props.scope;\n const items = Utils.nvl(scope.getOptions(), []);\n\n const handlePress = () => {\n setModalVisible(!modalVisible);\n };\n\n console.log(items);\n\n return (\n <View style={styles.root}>\n <TouchableOpacity onPress={handlePress} style={styles.select}>\n <Text style={styles.label}>\n Clique aqui para acessar o React Native\n </Text>\n <Icon name=\"angle-down\" size={20} color=\"#888\" />\n </TouchableOpacity>\n <Modal\n animationType=\"slide\"\n transparent={true}\n visible={modalVisible}\n onRequestClose={() => setModalVisible(false)}\n >\n <StatusBar barStyle=\"dark-content\" backgroundColor=\"#6200ea\" />\n <SafeAreaView style={styles.safe}>\n <View style={styles.header}>\n <TouchableOpacity\n onPress={() => setModalVisible(false)}\n style={styles.closeButton}\n >\n <Text style={styles.closeText}>X</Text>\n </TouchableOpacity>\n <Text style={styles.title}>Título do Modal</Text>\n </View>\n <View style={styles.content}>\n <UI.List\n crud={scope.crud}\n data={items}\n name={scope.getName('list')}\n >\n <UI.Value value=\"#{@this.label}\" />\n </UI.List>\n </View>\n </SafeAreaView>\n </Modal>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n safe: {\n flex: 1,\n backgroundColor: 'white',\n paddingTop: StatusBar.currentHeight || 0, // Considera a altura da barra de status no Android\n },\n root: {\n flex: 1,\n justifyContent: 'flex-start',\n alignItems: 'flex-start',\n },\n select: {\n flex: 1,\n width: '100%',\n flexDirection: 'row',\n borderWidth: 1,\n borderColor: '#a9a9a9',\n borderRadius: 20,\n paddingHorizontal: 15,\n paddingVertical: 10,\n },\n item: { width: '100%' },\n label: { flex: 1 },\n container: {\n flex: 1,\n justifyContent: 'flex-start',\n alignItems: 'center',\n },\n header: {\n flexDirection: 'row',\n alignItems: 'center',\n padding: 15,\n backgroundColor: '#6200ea',\n },\n closeButton: {\n padding: 10,\n },\n closeText: {\n fontSize: 18,\n color: 'white',\n },\n title: {\n fontSize: 18,\n color: 'white',\n fontWeight: 'bold',\n marginLeft: 10,\n },\n content: {\n flex: 1,\n justifyContent: 'flex-start',\n alignItems: 'flex-start',\n padding: 20,\n width: '100%',\n alignSelf: 'stretch',\n },\n});\n","import { useState } from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { Switch } from 'react-native';\r\n\r\nexport default function UISwitch(props: ChildType) {\r\n const scope = props.scope;\r\n const initial = Utils.nvl(scope.getValue(), false) as boolean;\r\n const [value, setValue] = useState(initial);\r\n\r\n let onChange = v => {\r\n scope.changeValue(v);\r\n\r\n setValue(v);\r\n };\r\n\r\n return (\r\n <Switch\r\n value={value}\r\n onValueChange={onChange} // Alterna o estado\r\n />\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIOption(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIRadio(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, TextInput, View } from 'react-native';\n\nexport default function UIInput(props: ChildType) {\n let scope = props.scope;\n let initial = Utils.nvl(scope.getValue(), '');\n\n let label = scope.getLabel();\n let placeholder = scope.getPart('placeholder', null, label);\n let el = scope.original;\n\n const [value, setValue] = useState(initial);\n\n let onChange = v => {\n scope.changeValue(v);\n\n setValue(v);\n };\n\n return (\n <View style={styles.base}>\n {scope.getPart('left')}\n <TextInput\n style={styles.input}\n onChangeText={onChange}\n value={value}\n placeholder={placeholder}\n />\n {scope.getPart('right')}\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n base: {\n flexDirection: 'row',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: '#a9a9a9',\n borderRadius: 20,\n paddingHorizontal: 10,\n paddingVertical: 5,\n padding: 10,\n paddingLeft: 5,\n paddingRight: 10,\n },\n icon: {\n marginRight: 10, // Espaço entre ícone e input\n },\n input: {\n marginHorizontal: 10,\n marginVertical: 5,\n flex: 1, // Para o input ocupar o espaço restante\n },\n});\n","import React, { useState } from 'react';\nimport { ChildType, ScopeUtils, Utils } from 'react-crud-utils';\nimport UIChildren from '../UIChildren';\n\ninterface UIListRowType extends ChildType {\n item: any;\n index: number;\n}\n\nexport default function UIListRow(props: UIListRowType) {\n const parent = props.scope;\n const item = props.item;\n const row = {\n parent,\n crud: parent.crud,\n index: props.index,\n type: 'row',\n data: item,\n };\n let [scope] = useState(ScopeUtils.create(row));\n\n return (\n <>\n <UIChildren scope={scope} crud={scope.crud}>\n {props.children}\n </UIChildren>\n </>\n );\n}\n","import React from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, Text, View } from 'react-native';\nimport UIListRow from './UIListRow';\nimport UI from '../UI';\nimport Icon from 'react-native-vector-icons/FontAwesome';\n\nexport default function UIList(props: ChildType) {\n const scope = props.scope;\n const crud = scope.crud;\n const items = Utils.nvl(scope.getItems(), []);\n\n //console.log(items);\n return (\n <>\n <UI.Text\n placeholder=\"Pesquisar...\"\n field=\"query\"\n crud={crud}\n right={<Icon name=\"eye\" size={20} color=\"#888\" />}\n />\n\n <View style={styles.container}>\n {items.map((item: any, i: number) => (\n <View key={`k-${i}`} style={styles.item}>\n <UIListRow scope={scope} item={item} index={i}>\n {props.children}\n </UIListRow>\n </View>\n ))}\n </View>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n },\n item: {\n padding: 15,\n marginVertical: 8,\n backgroundColor: '#f5f5f5',\n borderRadius: 8,\n width: '100%',\n },\n text: {\n fontSize: 18,\n fontWeight: 'bold',\n },\n});\n","import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport UIChildren from './UIChildren';\nimport ElTabs from './tabs/ElTabs';\nimport ElChart from './charts/ElChart';\nimport UIComplete from './UIComplete';\nimport {\n Crud,\n HtmlUtils,\n ScopeUtils,\n Utils,\n ElementType,\n} from 'react-crud-utils';\nimport UILink from './core/UILink';\nimport UIIcon from './core/UIIcon';\nimport UIButton from './core/UIButton';\nimport UISelect from './core/UISelect';\nimport UISwitch from './core/UISwitch';\nimport UIOption from './core/UIOption';\nimport UIRadio from './core/UIRadio';\nimport UIInput from './core/UIInput';\nimport { Image, Linking, StyleSheet, Text, View } from 'react-native';\nimport UIList from './core/UIList';\n\nexport default function UIElement(props: ElementType) {\n let [scope] = useState(ScopeUtils.create(props));\n let [index, setIndex] = useState(0);\n let [error, setError]: string | any = useState(null);\n let options: any = scope.getOptions();\n let crud: Crud = Utils.nvl(props.crud, scope.crud);\n let original = scope.original;\n let type = original.type;\n let ref = useRef(null);\n\n scope.update = () => {\n setIndex(++index);\n };\n\n let router: any = {\n list: UIList,\n tabs: ElTabs,\n chart: ElChart,\n };\n\n let CurrentRouter = () => {\n if (router[type]) {\n let Aux = router[type];\n\n return <Aux crud={crud} {...props} scope={scope} />;\n }\n return <></>;\n };\n\n const Custom = () => {\n let c: any = original.custom;\n\n if (c) {\n if (typeof c === 'string') {\n return (\n <UIElement\n element={{ value: c, type: 'dummy' }}\n crud={crud}\n ></UIElement>\n );\n }\n\n return (\n <UIElement\n type={c.type}\n tag={c.type}\n {...c.props}\n crud={crud}\n ></UIElement>\n );\n }\n\n return <></>;\n };\n\n if (scope.is('type', 'dummy')) {\n return <>{scope.getDisplayValue()}</>;\n }\n\n let onCheck = () => {\n let v = scope.getValue();\n let check = !(v === true);\n\n onChange({ target: { value: check } });\n };\n\n let onChange = (e: any) => {\n let val = e.target.value;\n\n if (scope.isType('integer', 'int', 'number')) {\n val = parseInt(val);\n } else if (scope.isType('decimal')) {\n val = parseFloat(val);\n }\n\n if (scope.isType('select', 'complete')) {\n val = scope.getSelectedItem(val);\n }\n\n scope.changeValue(val);\n scope.update();\n };\n\n let onClick = (e: any) => {\n scope.call('click');\n };\n\n let defaultsInput: any = {\n scope,\n crud,\n onChange: onChange,\n };\n\n if (scope.isType('password')) {\n defaultsInput.type = 'password';\n }\n\n let isChecked = () => {\n let v = scope.getValue();\n\n return v === true;\n };\n\n let hasChildren = () => {\n if (scope.isInput()) {\n return false;\n }\n\n return !Utils.isEmpty(props.children) || !Utils.isEmpty(props.elements);\n };\n\n const getStyle = (part?: string) => {\n let type = Utils.nvl(original.type, 'none');\n let key = Utils.nvl(part, 'root');\n let def = { ...styles[key], ...elementStyle?.[type]?.[key] };\n let hasChild = hasChildren();\n\n if (!part && !hasChild) {\n def = { ...def };\n }\n\n if (hasChild && part) {\n def = { ...def, ...withChildStyles[part] };\n }\n\n def = { ...def, ...elementStyle?.[type]?.[key] };\n\n return { ...def, ...scope.getStyle(part) };\n };\n\n let elStyle = getStyle('element');\n\n let defaultsUI: any = {\n required: scope.isRequired(),\n size: 'small',\n scope,\n crud,\n style: elStyle,\n placeholder: scope.attr('placeholder', 'Digite aqui'),\n };\n\n if (!scope.isRendered() || scope.is('type', 'define')) {\n return <></>;\n }\n\n scope.error = (msg: string) => {\n error = msg;\n setError(msg);\n };\n\n useEffect(() => {\n if (!scope.ready) {\n scope.ready = true;\n\n scope.call('load');\n\n if (scope.isType('list', 'repeat')) {\n scope.search();\n } else if (original.list) {\n scope.call('list');\n }\n scope.start();\n }\n });\n\n const CustomIcon = () => {\n if (typeof original.icon === 'string') {\n return <UIIcon>{scope.getIcon()}</UIIcon>;\n }\n return <>{original.icon}</>;\n };\n\n let hasCustomRoute = () => {\n if (router[type]) return true;\n return false;\n };\n\n scope.open = (args: any) => {\n Linking.openURL(args.url);\n };\n\n if (scope.isType('dialog')) {\n let name = original.name;\n\n if (!crud.dialogs[name]) {\n let dlg: any = { config: { ...original } };\n\n dlg.component = (args: any) => {\n return <UIChildren {...props} scope={scope} crud={crud} />;\n };\n\n crud.dialogs[name] = dlg;\n }\n return <></>;\n }\n\n useLayoutEffect(() => {\n if (ref?.current && scope.is('type', 'card', 'list', 'tabs', 'stepper')) {\n let el: any = ref?.current;\n\n if (el?.classList) {\n let bg = HtmlUtils.getBGColor(el);\n\n if (bg === 'rgb(255, 255, 255)') {\n el.classList.add('ui-dark');\n } else {\n el.classList.add('ui-light');\n }\n }\n }\n });\n\n const isShowLabel = () => {\n if (typeof original.label !== 'undefined' && !scope.is('button')) {\n return true;\n }\n\n return false;\n };\n\n const isShowInner = () => {\n if (hasChildren() || hasCustomRoute()) {\n return false;\n }\n return true;\n };\n\n return (\n <>\n <View ref={ref} style={getStyle()}>\n <>\n {isShowLabel() && (\n <Text style={getStyle('label')}>{scope.getLabel()}</Text>\n )}\n {isShowInner() && (\n <>\n <View style={getStyle('inner')}>\n {scope.is('type', 'button') && (\n <UIButton\n {...defaultsUI}\n onClick={onClick}\n variant={scope.attr('variant', 'outlined')}\n >\n {original.icon && <CustomIcon />}\n {original.label && (\n <Text style={scope.getPart('label', 'button')}>\n {scope.getLabel()}\n </Text>\n )}\n </UIButton>\n )}\n {scope.is('type', 'icon') && (\n <UIIcon\n {...defaultsUI}\n onClick={onClick}\n variant={scope.attr('variant', 'outlined')}\n >\n {scope.getDisplayValue()}\n </UIIcon>\n )}\n {scope.is('type', 'link') && (\n <UILink\n {...defaultsUI}\n onClick={onClick}\n variant={scope.attr('variant', 'outlined')}\n >\n {original.icon && <CustomIcon />}\n {original.label && (\n <Text style={scope.getPart('label', 'link')}>\n {scope.getLabel()}\n </Text>\n )}\n </UILink>\n )}\n {scope.is(\n 'type',\n 'text',\n 'number',\n 'phone',\n 'postalCode',\n 'money',\n 'password',\n 'email'\n ) && (\n <UIInput\n {...defaultsInput}\n {...defaultsUI}\n InputProps={{ ...original.inputProps }}\n />\n )}\n {scope.is('type', 'complete', 'autocomplete') && (\n <UIComplete\n scope={scope}\n defaultsInput={defaultsInput}\n defaultsUI={defaultsUI}\n />\n )}\n {scope.is('type', 'checkbox', 'boolean', 'switch') && (\n <UISwitch\n checked={isChecked()}\n {...defaultsInput}\n onChange={onCheck}\n />\n )}\n {scope.is('type', 'select') && (\n <UISelect\n {...defaultsInput}\n {...defaultsUI}\n value={scope.getSelectedValue()}\n >\n <UIOption value={''}>Selecione</UIOption>\n {options.map((row: any, i: number) => (\n <UIOption key={'i' + i} value={row.value}>\n {row.label}\n </UIOption>\n ))}\n </UISelect>\n )}\n {scope.is('type', 'radio') && (\n <UIRadio {...defaultsInput} {...defaultsUI} row>\n {options.map((row: any, i: number) => (\n <UIOption\n key={'i' + i}\n control={<UIRadio {...defaultsUI} />}\n label={row.label}\n value={row.value}\n />\n ))}\n </UIRadio>\n )}\n {scope.is('type', 'custom') && <Custom />}\n {scope.is('type', 'column') && (\n <>\n {scope.is('format', 'img') && (\n <Image source={scope.getDisplayValue()} />\n )}\n {scope.is('format', 'icon') && (\n <UIIcon className={scope.getDisplayValue()} />\n )}\n {!scope.is('format', 'icon', 'img') && (\n <Text>{scope.getDisplayValue()}</Text>\n )}\n </>\n )}\n {scope.is('type', 'output', 'value') && (\n <Text>{scope.getDisplayValue()}</Text>\n )}\n </View>\n {error && <View style={getStyle('error')}>{error}</View>}\n </>\n )}\n <CurrentRouter />\n {!scope.is('type', 'tabs', 'grid', 'list', 'define', 'repeat') && (\n <UIChildren {...props} scope={scope} crud={crud} />\n )}\n </>\n </View>\n </>\n );\n}\n\nconst elementStyle: any = {};\n\nelementStyle.card = StyleSheet.create({\n root: {\n backgroundColor: 'white',\n padding: 16,\n borderRadius: 10,\n shadowColor: '#888', // iOS\n shadowOffset: { width: 0, height: 1 }, // iOS\n shadowOpacity: 0.25, // iOS\n shadowRadius: 3.84, // iOS\n elevation: 3, // Android\n },\n inner: { width: '100%', paddingBottom: 10, paddingTop: 5 },\n});\n\nelementStyle.list = {\n ...elementStyle.card,\n};\n\nconst styles = StyleSheet.create({\n root: {\n gap: 5,\n flexDirection: 'column',\n flexWrap: 'wrap',\n width: '100%',\n alignItems: 'flex-start',\n },\n label: { width: '100%', fontWeight: 500, fontSize: 12 },\n inner: { width: '100%', paddingBottom: 5, paddingTop: 5 },\n});\n\nconst withChildStyles = StyleSheet.create({\n root: {\n gap: 10,\n },\n label: {\n width: '100%',\n fontWeight: 500,\n fontSize: 24,\n },\n});\n","import UIChildren from '../UIChildren';\nimport { ComponentUtils, DefineType, Utils } from 'react-crud-utils';\n\nexport default function UIInclude(props: DefineType) {\n if (props.rendered === false) {\n return <></>;\n }\n\n let includes = ComponentUtils.getDefine(props, props.name, props.position);\n\n if (Utils.isEmpty(includes)) {\n includes = props.default;\n }\n\n if (!Utils.isEmpty(includes)) {\n let Aux = (tagProp: any) => {\n let Tag: any = props.tag;\n\n if (!Utils.isEmpty(Tag)) {\n return <Tag {...tagProp}>{tagProp.children}</Tag>;\n }\n return <>{tagProp.children}</>;\n };\n\n return (\n <Aux {...props.tagProps}>\n <UIChildren\n transient\n {...props}\n scope={props.scope}\n crud={props.crud}\n part={props.name}\n >\n {includes}\n </UIChildren>\n </Aux>\n );\n }\n return <>{includes}</>;\n}\n","import { ListType } from 'react-crud-utils';\nimport { UserType } from 'react-crud-utils';\nimport { InputType } from 'react-crud-utils';\nimport { ChartType } from 'react-crud-utils';\nimport { ContainerType } from 'react-crud-utils';\nimport { ListInputType } from 'react-crud-utils';\nimport UIElement from './UIElement';\nimport { TabsType } from 'react-crud-utils';\nimport { DefineType } from 'react-crud-utils';\nimport { ButtonType } from 'react-crud-utils';\nimport { LinkType } from 'react-crud-utils';\nimport UIInclude from './core/UIInclude';\n\nconst UI = {\n List: (props: ListType) => <UIElement {...props} type=\"list\" />,\n Value: (props: UserType) => <UIElement {...props} type=\"value\" />,\n Label: (props: UserType) => <UIElement {...props} type=\"label\" />,\n Repeat: (props: ListType) => <UIElement {...props} type=\"repeat\" />,\n Define: (props: DefineType) => <UIElement {...props} type=\"define\" />,\n Include: (props: DefineType) => <UIInclude {...props} />,\n Column: ({ type = 'column', ...props }: UserType) => (\n <UIElement {...props} type=\"column\" />\n ),\n Input: (props: InputType) => <UIElement {...props} />,\n Text: (props: InputType) => <UIElement {...props} type=\"text\" />,\n Email: (props: InputType) => <UIElement {...props} type=\"email\" />,\n Button: (props: ButtonType) => <UIElement {...props} type=\"button\" />,\n Link: (props: LinkType) => <UIElement {...props} type=\"link\" />,\n Icon: (props: ButtonType) => <UIElement {...props} type=\"icon\" />,\n Output: (props: ContainerType) => <UIElement {...props} type=\"output\" />,\n Form: (props: ContainerType) => <UIElement {...props} type=\"form\" />,\n Crud: (props: ContainerType) => <UIElement {...props} type=\"crud\" />,\n View: (props: ContainerType) => (\n <UIElement {...props} type=\"view\" transient />\n ),\n Bottom: (props: ContainerType) => <UIElement {...props} type=\"bottom\" />,\n Dialog: (props: ContainerType) => <UIElement {...props} type=\"dialog\" />,\n Content: (props: ContainerType) => <UIElement {...props} type=\"content\" />,\n Top: (props: ContainerType) => <UIElement {...props} type=\"top\" />,\n Card: (props: ContainerType) => <UIElement {...props} type=\"card\" />,\n Tab: (props: ContainerType) => <UIElement {...props} type=\"tab\" />,\n Tabs: (props: TabsType) => <UIElement {...props} type=\"tabs\" />,\n Step: (props: ContainerType) => (\n <UIElement {...props} type=\"tab\" layout=\"step\" />\n ),\n Stepper: (props: TabsType) => (\n <UIElement {...props} type=\"tabs\" layout=\"stepper\" />\n ),\n Money: (props: InputType) => <UIElement {...props} type=\"money\" />,\n Chart: (props: ChartType) => <UIElement {...props} type=\"chart\" />,\n Password: (props: InputType) => <UIElement {...props} type=\"password\" />,\n Complete: (props: InputType) => <UIElement {...props} type=\"complete\" />,\n Checkbox: (props: InputType) => <UIElement {...props} type=\"switch\" />,\n Switch: (props: InputType) => <UIElement {...props} type=\"switch\" />,\n Radio: (props: ListInputType) => <UIElement {...props} type=\"radio\" />,\n Select: (props: ListInputType) => <UIElement {...props} type=\"select\" />,\n Entity: (props: ListInputType) => <UIElement {...props} type=\"entity\" />,\n Element: (props: ListInputType) => <UIElement {...props} type=\"element\" />,\n};\nexport default UI;\n"],"names":["UIChildren","props","scope","useState","Utils","nvl","ScopeUtils","create","crud","validateScope","name","part","isInput","_jsx","_Fragment","key","Paint","_ref","child","children","Custom","type","pps","_extends","isEmpty","transient","parent","Draw","elements","Object","entries","map","t","k","UIElement","React","Children","View","style","styles","getStyle","StyleSheet","width","inner","ElTabs","_useState","selectedIndex","setSelectedIndex","element","original","items","getItems","counter","tabs","_useState2","selected","setSelected","onChangeTab","tab","validate","execute","event","action","changeValue","data","index","getStyleClass","s","_selected","addTab","item","crudTab","CrudUtils","changed","resolve","rendered","push","i","nav","isStepper","layout","className","_jsxs","onClick","label","id","UI","Output","space","Include","default","Button","icon","Ionicons","click","length","ElChart","asList","columns","UIAutoComplete","TouchableOpacity","onPress","Linking","openURL","Text","link","UIComplete","AutoComplete","defaultsInput","defaultsUI","UILink","UIIcon","UIButton","color","text","lineHeight","fontWeight","textAlign","textStyle","flex","flexDirection","flexWrap","alignItems","margin","fontSize","paddingRight","button","padding","paddingLeft","minWidth","verticalAling","borderRadius","backgroundColor","buttonStyle","TouchableHighlight","underlayColor","e","size","UISelect","modalVisible","setModalVisible","getOptions","console","log","root","select","Icon","Modal","animationType","transparent","visible","onRequestClose","StatusBar","barStyle","SafeAreaView","safe","header","closeButton","closeText","title","content","List","getName","Value","value","paddingTop","currentHeight","justifyContent","borderWidth","borderColor","paddingHorizontal","paddingVertical","container","marginLeft","alignSelf","UISwitch","initial","getValue","setValue","Switch","onValueChange","v","UIOption","UIRadio","UIInput","getLabel","placeholder","getPart","base","TextInput","input","onChangeText","marginRight","marginHorizontal","marginVertical","UIListRow","UIList","field","right","setIndex","_useState3","error","setError","options","ref","useRef","update","router","list","chart","CurrentRouter","c","custom","tag","is","getDisplayValue","onChange","val","target","isType","parseInt","parseFloat","getSelectedItem","call","hasChildren","def","elementStyle","_elementStyle$type","hasChild","withChildStyles","_elementStyle$type2","elStyle","required","isRequired","attr","isRendered","msg","useEffect","ready","search","start","CustomIcon","getIcon","open","args","url","dialogs","dlg","config","useLayoutEffect","current","el","classList","bg","HtmlUtils","getBGColor","add","variant","InputProps","inputProps","checked","getSelectedValue","row","control","Image","source","card","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","paddingBottom","gap","UIInclude","includes","ComponentUtils","getDefine","position","tagProp","Tag","tagProps","Label","Repeat","Define","Column","_objectWithoutPropertiesLoose","_excluded","Input","Email","Link","Form","Crud","Bottom","Dialog","Content","Top","Card","Tab","Tabs","Step","Stepper","Money","Chart","Password","Complete","Checkbox","Radio","Select","Entity","Element"],"mappings":"imBAgBwBA,EAAWC,GACjC,IAAKC,EAASC,WAASC,QAAMC,IAAIJ,EAAMC,MAAOI,aAAWC,OAAON,QAC5DO,EAAOJ,QAAMC,IAAIJ,EAAMO,KAAMN,EAAMM,MACnCC,EAAgBL,QAAMC,IAAIJ,EAAMQ,cAAe,UAC/CC,EAAON,QAAMC,IAAIJ,EAAMU,KAAM,SAEjC,GAAIT,EAAMU,UACR,OAAOC,MAAAC,eAGT,IAgFkBH,EACZI,EAjFFC,EAAQ,SAAHC,OAAMC,EAAKD,EAALC,MACb,IAAKA,EACH,OAAOL,MAAAC,eAET,GAAqB,iBAAVI,EACT,OAAOL,MAAAC,YAAAK,SAAGD,IAGZ,IAAIE,EAASF,EAAMG,KACfC,EAAGC,KAAQL,EAAMjB,OAIrB,cAFOqB,EAAIH,SAEW,iBAAXC,EACLhB,QAAMoB,QAAQN,EAAMjB,MAAMkB,UACrBN,MAACO,EAAMG,KAAKD,IAGnBT,MAACO,EAAMG,KAAKD,GAAGH,SACbN,MAACb,EAAUuB,GACTE,aACAhB,cAAeA,GACXS,EAAMjB,OACVC,MAAOA,EACPM,KAAMA,QAIe,mBAAXY,EAEdP,MAACO,EAAMG,GACLd,cAAeA,GACXS,EAAMjB,OACVyB,OAAQxB,EACRM,KAAMA,KAKPJ,QAAMoB,QAAQN,EAAMjB,MAAMkB,UAWxBN,MAAAC,eATHD,MAACb,EAAUuB,GACTd,cAAeA,GACXS,EAAMjB,OACVC,MAAOA,EACPM,KAAMA,EACNiB,iBAOFE,EAAO,WACX,OAEId,MAAAC,WAFAb,EAAM2B,UAENT,SACGU,OAAOC,QAAQ7B,EAAM2B,UAAUG,KAAI,SAACC,EAAQC,GAC3C,OAAOpB,MAACqB,EAASX,GAACf,KAAMA,GAAUwB,EAAE,UAM1Cb,SACGgB,EAAMC,SAASL,IAAI9B,EAAMkB,UAAU,SAAAD,GAClC,OAAOL,MAACG,GAAME,MAAOA,UAM7B,OAAIjB,YACKY,MAACc,MAGNvB,QAAMoB,QAAQvB,EAAMkB,WAAaf,QAAMoB,QAAQvB,EAAM2B,UAChDf,MAAAC,eAWPD,MAAAC,YAAAK,SACEN,MAACwB,QAAKC,OATQ3B,EASQD,EARpBK,EAAMX,QAAMC,IAAIM,EAAM,QAG1BY,KAFUgB,EAAOxB,GAEGb,EAAMsC,SAAS7B,KAKLQ,SAC1BN,MAACc,UAMT,IAAMY,EAASE,aAAWlC,OAAO,CAC/BW,MAAO,CAAEwB,MAAO,QAChBC,MAAO,CAAED,MAAO,mBCrHME,EAAO3C,GAC7B,IAAIC,EAAQD,EAAMC,MAClB2C,EAA6C1C,WAAS,GAAjD2C,EAAaD,KAAEE,EAAgBF,KAChCG,EAAU9C,EAAM+C,SAChBC,EAAQhD,EAAMiD,WACdC,EAAU,EAEVC,EAAY,GAChBC,EAAmCnD,WAAS,MAAvCoD,EAAQD,KAAEE,EAAWF,KAEpBG,EAAc,SAACC,EAAUC,YAAAA,IAAAA,GAAW,GACpCD,GACFxD,EAAM0D,QAAQ,CACZC,MAAO,CACLF,SAAAA,EACAlD,cAAeuC,EAAQvC,cACvBqD,OAAQ,WACN5D,EAAM6D,YAAYL,EAAIM,MAEtBT,EAAWG,EAGXX,EAFAD,EAAgBY,EAAIO,OAGpBT,EAAYE,QAOhBQ,EAAgB,SAAClC,SACjBmC,EAAI,wBAKR,cAHIC,EAAAb,UAAAa,EAAUH,SAAUjC,EAAEiC,QACxBE,GAAQ,oBAEHA,GAGHE,EAAS,SAACnD,EAAYoD,GAC1B,IAAIrB,EAAQ1B,KAAQL,EAAMjB,OAErBqE,IACHA,EAAOpE,EAAMM,KAAKwD,MAGpB,IAAIO,EAAUC,YAAUjE,OAAO,OAAQ,CACrCyD,KAAMM,EACNG,QAASH,EACT5C,OAAQxB,EAAMM,OAGZwC,EAAU5C,QAAMsE,QAAQzB,EAAUsB,IAEb,IAArBvB,EAAQ2B,UAIZtB,EAAKuB,KAAIrD,KACJyB,GACH9B,MAAAA,EACA8B,QAAAA,EACAC,SAAAA,EACAgB,MAAOb,IACPY,KAAMM,MAIVnC,EAAMC,SAASL,IAAI9B,EAAMkB,UAAU,SAACD,EAAO+C,GACzC,GAAI7D,QAAMoB,QAAQ0B,GAChBmB,EAAOnD,EAAO,SAEd,IAAK,IAAM2D,KAAK3B,EAGdmB,EAAOnD,EAFCgC,EAAM2B,OAOftB,GACHE,EAAYJ,EAAKP,IAAgB,GAGnC,IAAMgC,EAAM,SAACD,GAGXpB,EAFQJ,EAAKP,EAAgB+B,KAa3BE,EAA+B,YAAnB/B,EAAQgC,OAExB,OACEnE,aACEoE,UAAW/E,EAAMgE,cAAc,SAC/B5B,MAAOpC,EAAMsC,SAAS,SAASrB,SAE/B+D,cAAKD,UAAU,kBAAiB9D,UAC9BN,aAAKoE,UAAU,gBAAe9D,SAC3BkC,EAAKtB,KAAI,SAACC,EAAQ6C,GAAS,OAC1BK,cAEED,UAAWf,EAAclC,GACzBmD,QAAS,WACP1B,EAAYzB,IACZb,UAED4D,GAAalE,aAAKoE,UAAU,wBAC7BC,cAAKD,UAAU,oBAAmB9D,UAC/B4D,GAAalE,aAAKoE,UAAU,iBAC7BpE,aAAKoE,UAAU,oBAAmB9D,SAC/B4D,EAAY/C,EAAEiC,MAAQ,EAAIjC,EAAEoD,aAV5BhF,QAAMW,IAAIiC,EAAQqC,GAAI,MAAOR,SAgBvCtB,GACC2B,OAAApE,YAAAK,UACG4D,GAAalE,aAAKoE,UAAU,gBAAe9D,SAAEoC,EAAS6B,QACvDvE,aAAKoE,UAAU,eAAc9D,SAC3BN,MAACb,EAAUuB,KAAKtB,GAAOC,MAAOA,EAAMiB,SACjCoC,EAASrC,WAGM,YAAnB8B,EAAQgC,QACPE,cAAKD,UAAU,kBAAiB9D,UAC9BN,MAACyE,EAAGC,QAAOC,MAAO,EAAGR,OAAO,OAAM7D,SAChCN,MAACyE,EAAGG,QAAOlE,KACLtB,GACJwB,aACAf,KAAK,OACLgF,QACE7E,MAACyE,EAAGK,QACFhB,SAAU7B,EAAgB,EAC1B8C,KAAM/E,MAACgF,MACPC,MAtDL,WACfhB,GAAK,WA0DOjE,MAACyE,EAAGC,QAAOC,MAAO,EAAGR,OAAO,QAAO7D,SACjCN,MAACyE,EAAGG,QAAOlE,KACLtB,GACJwB,aACAf,KAAK,QACLgF,QACE7E,MAACyE,EAAGK,QACFhB,SAAU7B,EAAgBO,EAAK0C,OAAS,EACxCH,KAAM/E,MAACgF,MACPC,MAhET,WACXhB,EAAI,+BCnGgBkB,EAAQ/F,GAC9B,IAAIC,EAAeD,EAAMC,MAIzB,OAHiBA,EAAMiD,WACT/C,QAAM6F,OAAO/F,EAAM+C,SAASiD,SAEnCrF,aAAKoE,UAAU,2BCNAkB,EAAelG,GAKrC,OACEY,MAACuF,oBAAiBC,QALA,WAClBC,UAAQC,QAAQ,6BAIuBpF,SACrCN,MAAC2F,QAAKlE,MAAOC,EAAOkE,KAAKtF,SAAC,8CAKhC,IAAMoB,EAAS,CACbkE,KAAM,aCZgBC,EAAUzF,GAKhC,OACEJ,MAAAC,YAAAK,SACEN,MAAC8F,EAAYpF,KANJN,EAAb2F,cACU3F,EAAV4F,wBCHsBC,EAAO7G,GAK7B,OACEY,MAACuF,oBAAiBC,QALA,WAClBC,UAAQC,QAAQ,6BAIuBpF,SACrCN,MAAC2F,QAAKlE,MAAOC,EAAOkE,KAAKtF,SAAC,8CAKhC,IAAMoB,EAAS,CACbkE,KAAM,aCbgBM,EAAO9G,GAK7B,OACEY,MAACuF,oBAAiBC,QALA,WAClBC,UAAQC,QAAQ,6BAIuBpF,SACrCN,MAAC2F,QAAKlE,MAAOC,EAAOkE,KAAKtF,SAAC,8CAKhC,IAAMoB,EAAS,CACbkE,KAAM,aCXgBO,EAAS/G,GAC/B,IACI+C,EADQ/C,EAAMC,MACE+C,SAEhBgE,EAAQjE,EAAQiE,MAChB7B,EAAQpC,EAAQoC,MAChBQ,EAAO5C,EAAQ4C,KAEdqB,IAAOA,EAAQ,WAEpB,IAAM1E,EAAc,CAClB2E,KAAI3F,GACF0F,MAAO,UACPE,WAAY,GACZC,WAAY,MACZC,UAAW,UACRrE,EAAQsE,WAEb3E,MAAKpB,GACHgG,KAAM,EACNC,cAAe,MACfC,SAAU,OACVJ,UAAW,SACXK,WAAY,SACZC,OAAQ,QACL3E,EAAQsE,WAEb1B,KAAM,CACJqB,MAAO,OACPW,SAAU,GACVC,aAAc,IAEhBC,OAAMvG,GACJwG,QAAS,EACTL,WAAY,SACZM,YAAa,GACbH,aAAc,GACdI,SAAU,IACVN,OAAQ,EACRN,UAAW,SACXa,cAAe,SACff,WAAY,GACZgB,aAAc,GACdC,gBAAiBnB,EACjBA,MAAO,WACJjE,EAAQqF,cAUf,OACExH,MAACyH,sBACCC,cAAe,cACflC,QATY,SAACmC,GACc,mBAAlBxF,EAAQ8C,OACjB9C,EAAQ8C,MAAM0C,IAQdlG,MAAOC,EAAOuF,OAAO3G,SAErB+D,OAAC7C,QAAKC,MAAOC,EAAOI,MAAMxB,UACvByE,GACC/E,MAAAC,YAAAK,SACEN,MAACgF,YAAS4C,KAAM,GAAInG,MAAOC,EAAOqD,KAAMlF,KAAMkF,MAGlD/E,MAAC2F,QAAKlE,MAAOC,EAAO2E,KAAK/F,SAAEiE,kBCzDXsD,EAASzI,GAC/B,IAAA4C,EAAwC1C,YAAS,GAA1CwI,EAAY9F,KAAE+F,EAAe/F,KAC9B3C,EAAQD,EAAMC,MACdgD,EAAQ9C,QAAMC,IAAIH,EAAM2I,aAAc,IAQ5C,OAFAC,QAAQC,IAAI7F,GAGVgC,OAAC7C,QAAKC,MAAOC,EAAOyG,KAAK7H,UACvB+D,OAACkB,oBAAiBC,QARF,WAClBuC,GAAiBD,IAOyBrG,MAAOC,EAAO0G,OAAO9H,UAC3DN,MAAC2F,QAAKlE,MAAOC,EAAO6C,MAAMjE,SACxB,4CAEFN,MAACqI,GAAKxI,KAAK,aAAa+H,KAAM,GAAIxB,MAAM,YAE1C/B,OAACiE,SACCC,cAAc,QACdC,aAAa,EACbC,QAASX,EACTY,eAAgB,WAAF,OAAQX,GAAgB,IAAOzH,UAE7CN,MAAC2I,aAAUC,SAAS,eAAerB,gBAAgB,YACnDlD,OAACwE,gBAAapH,MAAOC,EAAOoH,KAAKxI,UAC/B+D,OAAC7C,QAAKC,MAAOC,EAAOqH,OAAOzI,UACzBN,MAACuF,oBACCC,QAAS,WAAF,OAAQuC,GAAgB,IAC/BtG,MAAOC,EAAOsH,YAAY1I,SAE1BN,MAAC2F,QAAKlE,MAAOC,EAAOuH,UAAU3I,SAAC,QAEjCN,MAAC2F,QAAKlE,MAAOC,EAAOwH,MAAM5I,SAAC,uBAE7BN,MAACwB,QAAKC,MAAOC,EAAOyH,QAAQ7I,SAC1BN,MAACyE,EAAG2E,MACFzJ,KAAMN,EAAMM,KACZwD,KAAMd,EACNxC,KAAMR,EAAMgK,QAAQ,QAAQ/I,SAE5BN,MAACyE,EAAG6E,OAAMC,MAAM,gCAS9B,IAAM7H,EAASE,aAAWlC,OAAO,CAC/BoJ,KAAM,CACJpC,KAAM,EACNa,gBAAiB,QACjBiC,WAAYb,YAAUc,eAAiB,GAEzCtB,KAAM,CACJzB,KAAM,EACNgD,eAAgB,aAChB7C,WAAY,cAEduB,OAAQ,CACN1B,KAAM,EACN7E,MAAO,OACP8E,cAAe,MACfgD,YAAa,EACbC,YAAa,UACbtC,aAAc,GACduC,kBAAmB,GACnBC,gBAAiB,IAEnBrG,KAAM,CAAE5B,MAAO,QACf0C,MAAO,CAAEmC,KAAM,GACfqD,UAAW,CACTrD,KAAM,EACNgD,eAAgB,aAChB7C,WAAY,UAEdkC,OAAQ,CACNpC,cAAe,MACfE,WAAY,SACZK,QAAS,GACTK,gBAAiB,WAEnByB,YAAa,CACX9B,QAAS,IAEX+B,UAAW,CACTlC,SAAU,GACVX,MAAO,SAET8C,MAAO,CACLnC,SAAU,GACVX,MAAO,QACPG,WAAY,OACZyD,WAAY,IAEdb,QAAS,CACPzC,KAAM,EACNgD,eAAgB,aAChB7C,WAAY,aACZK,QAAS,GACTrF,MAAO,OACPoI,UAAW,sBClHSC,EAAS9K,GAC/B,IAAMC,EAAQD,EAAMC,MACd8K,EAAU5K,QAAMC,IAAIH,EAAM+K,YAAY,GAC5CpI,EAA0B1C,WAAS6K,GAArBE,EAAQrI,KAQtB,OACEhC,MAACsK,UACCf,MAVQvH,KAWRuI,cATW,SAAAC,GACbnL,EAAM6D,YAAYsH,GAElBH,EAASG,eCVWC,EAASrL,GAK/B,OACEY,MAACuF,oBAAiBC,QALA,WAClBC,UAAQC,QAAQ,6BAIuBpF,SACrCN,MAAC2F,QAAKlE,MAAOC,EAAOkE,KAAKtF,SAAC,8CAKhC,IAAMoB,EAAS,CACbkE,KAAM,aCbgB8E,EAAQtL,GAK9B,OACEY,MAACuF,oBAAiBC,QALA,WAClBC,UAAQC,QAAQ,6BAIuBpF,SACrCN,MAAC2F,QAAKlE,MAAOC,EAAOkE,KAAKtF,SAAC,8CAKhC,IAAMoB,EAAS,CACbkE,KAAM,aCXgB+E,EAAQvL,GAC9B,IAAIC,EAAQD,EAAMC,MACd8K,EAAU5K,QAAMC,IAAIH,EAAM+K,WAAY,IAEtC7F,EAAQlF,EAAMuL,WACdC,EAAcxL,EAAMyL,QAAQ,cAAe,KAAMvG,GAGrDvC,EAA0B1C,WAAS6K,GAA5BZ,EAAKvH,KAAEqI,EAAQrI,KAQtB,OACEqC,OAAC7C,QAAKC,MAAOC,EAAOqJ,KAAKzK,UACtBjB,EAAMyL,QAAQ,QACf9K,MAACgL,aACCvJ,MAAOC,EAAOuJ,MACdC,aAXS,SAAAV,GACbnL,EAAM6D,YAAYsH,GAElBH,EAASG,IASLjB,MAAOA,EACPsB,YAAaA,IAEdxL,EAAMyL,QAAQ,YAKrB,IAAMpJ,EAASE,aAAWlC,OAAO,CAC/BqL,KAAM,CACJpE,cAAe,MACfE,WAAY,SACZ8C,YAAa,EACbC,YAAa,UACbtC,aAAc,GACduC,kBAAmB,GACnBC,gBAAiB,EACjB5C,QAAS,GACTC,YAAa,EACbH,aAAc,IAEhBjC,KAAM,CACJoG,YAAa,IAEfF,MAAO,CACLG,iBAAkB,GAClBC,eAAgB,EAChB3E,KAAM,cC5Cc4E,EAAUlM,GAChC,IAAMyB,EAASzB,EAAMC,MAShBA,EAASC,WAASG,aAAWC,OAPtB,CACVmB,OAAAA,EACAlB,KAAMkB,EAAOlB,KACbyD,MAAOhE,EAAMgE,MACb5C,KAAM,MACN2C,KANW/D,EAAMqE,WAUnB,OACEzD,MAAAC,YAAAK,SACEN,MAACb,GAAWE,MAAOA,EAAOM,KAAMN,EAAMM,KAAKW,SACxClB,EAAMkB,sBCjBSiL,EAAOnM,GAC7B,IAAMC,EAAQD,EAAMC,MACdM,EAAON,EAAMM,KACb0C,EAAQ9C,QAAMC,IAAIH,EAAMiD,WAAY,IAG1C,OACE+B,OAAApE,YAAAK,UACEN,MAACyE,EAAGkB,MACFkF,YAAY,eACZW,MAAM,QACN7L,KAAMA,EACN8L,MAAOzL,MAACqI,GAAKxI,KAAK,MAAM+H,KAAM,GAAIxB,MAAM,WAG1CpG,MAACwB,QAAKC,MAAOC,EAAOqI,UAAUzJ,SAC3B+B,EAAMnB,KAAI,SAACuC,EAAWO,GAAS,OAC9BhE,MAACwB,QAAoBC,MAAOC,EAAO+B,KAAKnD,SACtCN,MAACsL,GAAUjM,MAAOA,EAAOoE,KAAMA,EAAML,MAAOY,EAAE1D,SAC3ClB,EAAMkB,iBAFK0D,WAW1B,IAAMtC,EAASE,aAAWlC,OAAO,CAC/BqK,UAAW,CACTrD,KAAM,EACN7E,MAAO,QAET4B,KAAM,CACJyD,QAAS,GACTmE,eAAgB,EAChB9D,gBAAiB,UACjBD,aAAc,EACdzF,MAAO,QAETwE,KAAM,CACJU,SAAU,GACVR,WAAY,mBC1BQlF,EAAUjC,GAChC,IAAKC,EAASC,WAASG,aAAWC,OAAON,OACzCqD,EAAwBnD,WAAS,GAA5B8D,EAAKX,KAAEiJ,EAAQjJ,KACpBkJ,EAAsCrM,WAAS,MAA1CsM,EAAKD,KAAEE,EAAQF,KAChBG,EAAezM,EAAM2I,aACrBrI,EAAaJ,QAAMC,IAAIJ,EAAMO,KAAMN,EAAMM,MACzCyC,EAAW/C,EAAM+C,SACjB5B,EAAO4B,EAAS5B,KAChBuL,EAAMC,SAAO,MAEjB3M,EAAM4M,OAAS,WACbP,IAAWtI,IAGb,IAAI8I,EAAc,CAChBC,KAAMZ,EACN/I,KAAMT,EACNqK,MAAOjH,GAGLkH,EAAgB,WAClB,OAAIH,EAAO1L,GAGFR,MAFGkM,EAAO1L,GAENE,GAACf,KAAMA,GAAUP,GAAOC,MAAOA,KAErCW,MAAAC,gBAGHM,EAAS,WACb,IAAI+L,EAASlK,EAASmK,OAEtB,OAAID,EAGEtM,MAACqB,EAFY,iBAANiL,GAGLnK,QAAS,CAAEoH,MAAO+C,EAAG9L,KAAM,SAC3Bb,KAAMA,GAMAe,GACRF,KAAM8L,EAAE9L,KACRgM,IAAKF,EAAE9L,MACH8L,EAAElN,OACNO,KAAMA,KAKLK,MAAAC,gBAGT,GAAIZ,EAAMoN,GAAG,OAAQ,SACnB,OAAOzM,MAAAC,YAAAK,SAAGjB,EAAMqN,oBAGlB,IAOIC,EAAW,SAAChF,GACd,IAAIiF,EAAMjF,EAAEkF,OAAOtD,MAEflK,EAAMyN,OAAO,UAAW,MAAO,UACjCF,EAAMG,SAASH,GACNvN,EAAMyN,OAAO,aACtBF,EAAMI,WAAWJ,IAGfvN,EAAMyN,OAAO,SAAU,cACzBF,EAAMvN,EAAM4N,gBAAgBL,IAG9BvN,EAAM6D,YAAY0J,GAClBvN,EAAM4M,UAGJ3H,EAAU,SAACqD,GACbtI,EAAM6N,KAAK,UAGTnH,EAAqB,CACvB1G,MAAAA,EACAM,KAAAA,EACAgN,SAAUA,GAGRtN,EAAMyN,OAAO,cACf/G,EAAcvF,KAAO,YAGvB,IAMI2M,EAAc,WAChB,QAAI9N,EAAMU,WAIFR,QAAMoB,QAAQvB,EAAMkB,WAAcf,QAAMoB,QAAQvB,EAAM2B,YAG1DY,EAAW,SAAC7B,WACZU,EAAOjB,QAAMC,IAAI4C,EAAS5B,KAAM,QAChCN,EAAMX,QAAMC,IAAIM,EAAM,QACtBsN,EAAG1M,KAAQgB,EAAOxB,SAASmN,UAAYC,EAAZD,EAAe7M,WAAf8M,EAAuBpN,IAClDqN,EAAWJ,IAYf,OAVKrN,GAASyN,IACZH,EAAG1M,KAAQ0M,IAGTG,GAAYzN,IACdsN,EAAG1M,KAAQ0M,EAAQI,EAAgB1N,KAGrCsN,EAAG1M,KAAQ0M,QAAQC,UAAYI,EAAZJ,EAAe7M,WAAfiN,EAAuBvN,IAE1CQ,KAAY0M,EAAQ/N,EAAMsC,SAAS7B,KAGjC4N,EAAU/L,EAAS,WAEnBqE,EAAkB,CACpB2H,SAAUtO,EAAMuO,aAChBhG,KAAM,QACNvI,MAAAA,EACAM,KAAAA,EACA8B,MAAOiM,EACP7C,YAAaxL,EAAMwO,KAAK,cAAe,gBAGzC,IAAKxO,EAAMyO,cAAgBzO,EAAMoN,GAAG,OAAQ,UAC1C,OAAOzM,MAAAC,eAGTZ,EAAMuM,MAAQ,SAACmC,GACbnC,EAAQmC,EACRlC,EAASkC,IAGXC,aAAU,WACH3O,EAAM4O,QACT5O,EAAM4O,OAAQ,EAEd5O,EAAM6N,KAAK,QAEP7N,EAAMyN,OAAO,OAAQ,UACvBzN,EAAM6O,SACG9L,EAAS+J,MAClB9M,EAAM6N,KAAK,QAEb7N,EAAM8O,YAIV,IAAMC,EAAa,WACjB,MAA6B,iBAAlBhM,EAAS2C,KACX/E,MAACkG,GAAM5F,SAAEjB,EAAMgP,YAEjBrO,MAAAC,YAAAK,SAAG8B,EAAS2C,QAYrB,GAJA1F,EAAMiP,KAAO,SAACC,GACZ9I,UAAQC,QAAQ6I,EAAKC,MAGnBnP,EAAMyN,OAAO,UAAW,CAC1B,IAAIjN,EAAOuC,EAASvC,KAEpB,IAAKF,EAAK8O,QAAQ5O,GAAO,CACvB,IAAI6O,EAAW,CAAEC,OAAMjO,KAAO0B,GAE9BsM,UAAgB,SAACH,GACf,OAAOvO,MAACb,EAAUuB,KAAKtB,GAAOC,MAAOA,EAAOM,KAAMA,OAGpDA,EAAK8O,QAAQ5O,GAAQ6O,EAEvB,OAAO1O,MAAAC,eAkCT,OA/BA2O,mBAAgB,WACd,SAAI7C,GAAAA,EAAK8C,SAAWxP,EAAMoN,GAAG,OAAQ,OAAQ,OAAQ,OAAQ,WAAY,CACvE,IAAIqC,QAAU/C,SAAAA,EAAK8C,QAEnB,SAAIC,GAAAA,EAAIC,UAAW,CACjB,IAAIC,EAAKC,YAAUC,WAAWJ,GAG5BA,EAAGC,UAAUI,IADJ,uBAAPH,EACe,UAEA,iBAsBvBhP,MAAAC,YAAAK,SACEN,MAACwB,QAAKuK,IAAKA,EAAKtK,MAAOE,IAAWrB,SAChC+D,OAAApE,YAAAK,eAjB0B,IAAnB8B,EAASmC,QAA0BlF,EAAMoN,GAAG,WAmB/CzM,MAAC2F,QAAKlE,MAAOE,EAAS,SAASrB,SAAEjB,EAAMuL,cAX3CuC,MAhDAjB,EAAO1L,IA8DH6D,OAAApE,YAAAK,UACE+D,OAAC7C,QAAKC,MAAOE,EAAS,SAASrB,UAC5BjB,EAAMoN,GAAG,OAAQ,WAChBpI,OAAC8B,EAAQzF,KACHsF,GACJ1B,QAASA,EACT8K,QAAS/P,EAAMwO,KAAK,UAAW,YAAYvN,UAE1C8B,EAAS2C,MAAQ/E,MAACoO,MAClBhM,EAASmC,OACRvE,MAAC2F,QAAKlE,MAAOpC,EAAMyL,QAAQ,QAAS,UAAUxK,SAC3CjB,EAAMuL,iBAKdvL,EAAMoN,GAAG,OAAQ,SAChBzM,MAACkG,EAAMxF,KACDsF,GACJ1B,QAASA,EACT8K,QAAS/P,EAAMwO,KAAK,UAAW,YAAYvN,SAE1CjB,EAAMqN,qBAGVrN,EAAMoN,GAAG,OAAQ,SAChBpI,OAAC4B,EAAMvF,KACDsF,GACJ1B,QAASA,EACT8K,QAAS/P,EAAMwO,KAAK,UAAW,YAAYvN,UAE1C8B,EAAS2C,MAAQ/E,MAACoO,MAClBhM,EAASmC,OACRvE,MAAC2F,QAAKlE,MAAOpC,EAAMyL,QAAQ,QAAS,QAAQxK,SACzCjB,EAAMuL,iBAKdvL,EAAMoN,GACL,OACA,OACA,SACA,QACA,aACA,QACA,WACA,UAEAzM,MAAC2K,EAAOjK,KACFqF,EACAC,GACJqJ,WAAU3O,KAAO0B,EAASkN,eAG7BjQ,EAAMoN,GAAG,OAAQ,WAAY,iBAC5BzM,MAAC6F,GACCxG,MAAOA,EACP0G,cAAeA,EACfC,WAAYA,IAGf3G,EAAMoN,GAAG,OAAQ,WAAY,UAAW,WACvCzM,MAACkK,EAAQxJ,GACP6O,SAvMH,IAFLlQ,EAAM+K,YA0MMrE,GACJ4G,SAlPJ,WACZ,IAAInC,EAAInL,EAAM+K,WAGduC,EAAS,CAAEE,OAAQ,CAAEtD,SAFD,IAANiB,UAmPDnL,EAAMoN,GAAG,OAAQ,WAChBpI,OAACwD,EAAQnH,KACHqF,EACAC,GACJuD,MAAOlK,EAAMmQ,mBAAmBlP,UAEhCN,MAACyK,GAASlB,MAAO,GAAGjJ,SAAC,cACpBwL,EAAQ5K,KAAI,SAACuO,EAAUzL,GAAS,OAC/BhE,MAACyK,GAAuBlB,MAAOkG,EAAIlG,MAAMjJ,SACtCmP,EAAIlL,OADQ,IAAMP,UAM1B3E,EAAMoN,GAAG,OAAQ,UAChBzM,MAAC0K,EAAOhK,KAAKqF,EAAmBC,GAAYyJ,OAAGnP,SAC5CwL,EAAQ5K,KAAI,SAACuO,EAAUzL,GAAS,OAC/BhE,MAACyK,GAECiF,QAAS1P,MAAC0K,EAAOhK,KAAKsF,IACtBzB,MAAOkL,EAAIlL,MACXgF,MAAOkG,EAAIlG,OAHN,IAAMvF,SAQlB3E,EAAMoN,GAAG,OAAQ,WAAazM,MAACO,MAC/BlB,EAAMoN,GAAG,OAAQ,WAChBpI,OAAApE,YAAAK,UACGjB,EAAMoN,GAAG,SAAU,QAClBzM,MAAC2P,SAAMC,OAAQvQ,EAAMqN,oBAEtBrN,EAAMoN,GAAG,SAAU,SAClBzM,MAACkG,GAAO9B,UAAW/E,EAAMqN,qBAEzBrN,EAAMoN,GAAG,SAAU,OAAQ,QAC3BzM,MAAC2F,QAAIrF,SAAEjB,EAAMqN,uBAIlBrN,EAAMoN,GAAG,OAAQ,SAAU,UAC1BzM,MAAC2F,QAAIrF,SAAEjB,EAAMqN,uBAGhBd,GAAS5L,MAACwB,QAAKC,MAAOE,EAAS,SAASrB,SAAEsL,OAG/C5L,MAACqM,OACChN,EAAMoN,GAAG,OAAQ,OAAQ,OAAQ,OAAQ,SAAU,WACnDzM,MAACb,EAAUuB,KAAKtB,GAAOC,MAAOA,EAAOM,KAAMA,YAQvD,IAAM0N,EAAoB,GAE1BA,EAAawC,KAAOjO,aAAWlC,OAAO,CACpCyI,KAAM,CACJZ,gBAAiB,QACjBL,QAAS,GACTI,aAAc,GACdwI,YAAa,OACbC,aAAc,CAAElO,MAAO,EAAGmO,OAAQ,GAClCC,cAAe,IACfC,aAAc,KACdC,UAAW,GAEbrO,MAAO,CAAED,MAAO,OAAQuO,cAAe,GAAI5G,WAAY,KAGzD6D,EAAalB,KAAIzL,KACZ2M,EAAawC,MAGlB,IAAMnO,EAASE,aAAWlC,OAAO,CAC/ByI,KAAM,CACJkI,IAAK,EACL1J,cAAe,SACfC,SAAU,OACV/E,MAAO,OACPgF,WAAY,cAEdtC,MAAO,CAAE1C,MAAO,OAAQ0E,WAAY,IAAKQ,SAAU,IACnDjF,MAAO,CAAED,MAAO,OAAQuO,cAAe,EAAG5G,WAAY,KAGlDgE,EAAkB5L,aAAWlC,OAAO,CACxCyI,KAAM,CACJkI,IAAK,IAEP9L,MAAO,CACL1C,MAAO,OACP0E,WAAY,IACZQ,SAAU,eCpaUuJ,EAAUlR,GAChC,IAAuB,IAAnBA,EAAM0E,SACR,OAAO9D,MAAAC,eAGT,IAAIsQ,EAAWC,iBAAeC,UAAUrR,EAAOA,EAAMS,KAAMT,EAAMsR,UAMjE,OAJInR,QAAMoB,QAAQ4P,KAChBA,EAAWnR,WAGRG,QAAMoB,QAAQ4P,GAwBZvQ,MAAAC,YAAAK,SAAGiQ,IAbNvQ,OAVQ,SAAC2Q,GACT,IAAIC,EAAWxR,EAAMoN,IAErB,OAAKjN,QAAMoB,QAAQiQ,GAGZ5Q,MAAAC,YAAAK,SAAGqQ,EAAQrQ,WAFTN,MAAC4Q,EAAGlQ,KAAKiQ,GAAOrQ,SAAGqQ,EAAQrQ,cAMhCI,KAAKtB,EAAMyR,UAAQvQ,SACrBN,MAACb,EAAUuB,GACTE,cACIxB,GACJC,MAAOD,EAAMC,MACbM,KAAMP,EAAMO,KACZG,KAAMV,EAAMS,KAAKS,SAEhBiQ,uBCpBL9L,EAAK,CACT2E,KAAM,SAAChK,GAAe,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WACtD8I,MAAO,SAAClK,GAAe,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,YACvDsQ,MAAO,SAAC1R,GAAe,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,YACvDuQ,OAAQ,SAAC3R,GAAe,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aACxDwQ,OAAQ,SAAC5R,GAAiB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC1DoE,QAAS,SAACxF,GAAiB,OAAKY,MAACsQ,EAAS5P,KAAKtB,KAC/C6R,OAAQ,SAAF7Q,OAAyBhB,6IAAK8R,CAAA9Q,EAAA+Q,GAAA,OAClCnR,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAE7B4Q,MAAO,SAAChS,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,KAC5CuG,KAAM,SAACvG,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WACvD6Q,MAAO,SAACjS,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,YACxDsE,OAAQ,SAAC1F,GAAiB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC1D8Q,KAAM,SAAClS,GAAe,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WACtD6H,KAAM,SAACjJ,GAAiB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WACxDkE,OAAQ,SAACtF,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC7D+Q,KAAM,SAACnS,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WAC3DgR,KAAM,SAACpS,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WAC3DgB,KAAM,SAACpC,GAAoB,OACzBY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,OAAOI,iBAEpC6Q,OAAQ,SAACrS,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC7DkR,OAAQ,SAACtS,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC7DmR,QAAS,SAACvS,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,cAC9DoR,IAAK,SAACxS,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,UAC1DqR,KAAM,SAACzS,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WAC3DsR,IAAK,SAAC1S,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,UAC1DuR,KAAM,SAAC3S,GAAe,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,WACtDwR,KAAM,SAAC5S,GAAoB,OACzBY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,MAAM2D,OAAO,WAE1C8N,QAAS,SAAC7S,GAAe,OACvBY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,OAAO2D,OAAO,cAE3C+N,MAAO,SAAC9S,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,YACxD2R,MAAO,SAAC/S,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,YACxD4R,SAAU,SAAChT,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,eAC3D6R,SAAU,SAACjT,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,eAC3D8R,SAAU,SAAClT,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC3D8J,OAAQ,SAAClL,GAAgB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aACzD+R,MAAO,SAACnT,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,YAC5DgS,OAAQ,SAACpT,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC7DiS,OAAQ,SAACrT,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK,aAC7DkS,QAAS,SAACtT,GAAoB,OAAKY,MAACqB,EAASX,KAAKtB,GAAOoB,KAAK"}
1
+ {"version":3,"file":"react-crud-mobile.cjs.production.min.js","sources":["../src/elements/UIChildren.tsx","../src/elements/tabs/ElTabs.tsx","../src/elements/charts/ElChart.tsx","../src/elements/core/UIAutoComplete.tsx","../src/elements/UIComplete.tsx","../src/elements/core/UILink.tsx","../src/elements/core/UIIcon.tsx","../src/elements/core/UIButton.tsx","../src/elements/core/UISelect.tsx","../src/elements/core/UISwitch.tsx","../src/elements/core/UIOption.tsx","../src/elements/core/UIRadio.tsx","../src/elements/core/UIInput.tsx","../src/elements/core/UIListRow.tsx","../src/elements/core/UIList.tsx","../src/elements/UIElement.tsx","../src/elements/core/UIInclude.tsx","../src/elements/UI.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport UIElement from './UIElement';\nimport { Crud, Scope, ScopeUtils, Utils } from 'react-crud-utils';\nimport { StyleSheet, View } from 'react-native';\n\ninterface UIChildrenType {\n scope: Scope;\n crud?: Crud;\n validateScope?: String;\n children?: any;\n elements?: any;\n transient?: boolean;\n part?: string;\n childProps?: any;\n}\n\nexport default function UIChildren(props: UIChildrenType) {\n let [scope] = useState(Utils.nvl(props.scope, ScopeUtils.create(props)));\n let crud = Utils.nvl(props.crud, scope.crud);\n let validateScope = Utils.nvl(props.validateScope, 'global');\n let name = Utils.nvl(props.part, 'child');\n\n if (scope.isInput()) {\n return <></>;\n }\n\n let Paint = ({ child }: any) => {\n if (!child) {\n return <></>;\n }\n if (typeof child === 'string') {\n return <>{child}</>;\n }\n\n let Custom = child.type;\n let pps = { ...child.props };\n\n delete pps.children;\n\n if (typeof Custom === 'string') {\n if (Utils.isEmpty(child.props.children)) {\n return <Custom {...pps} />;\n }\n return (\n <Custom {...pps}>\n <UIChildren\n transient\n validateScope={validateScope}\n {...child.props}\n scope={scope}\n crud={crud}\n ></UIChildren>\n </Custom>\n );\n } else if (typeof Custom === 'function') {\n return (\n <Custom\n validateScope={validateScope}\n {...child.props}\n parent={scope}\n crud={crud}\n ></Custom>\n );\n }\n\n if (!Utils.isEmpty(child.props.children)) {\n return (\n <UIChildren\n validateScope={validateScope}\n {...child.props}\n scope={scope}\n crud={crud}\n transient\n ></UIChildren>\n );\n }\n return <></>;\n };\n\n const Draw = () => {\n if (props.elements) {\n return (\n <>\n {Object.entries(props.elements).map((t: any, k) => {\n return <UIElement crud={crud} {...t[1]} />;\n })}\n </>\n );\n }\n return (\n <>\n {React.Children.map(props.children, child => {\n return <Paint child={child}></Paint>;\n })}\n </>\n );\n };\n\n if (props.transient) {\n return <Draw />;\n }\n\n if (Utils.isEmpty(props.children) && Utils.isEmpty(props.elements)) {\n return <></>;\n }\n\n const getStyle = (part?: string) => {\n let key = Utils.nvl(part, 'root');\n let def = styles[key];\n\n return { ...def, ...scope.getStyle(part) };\n };\n\n return (\n <>\n <View style={getStyle(name)}>\n <Draw />\n </View>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n child: { width: '100%' },\n inner: { width: '100%' },\n});\n","import React, { useState, useEffect } from 'react';\nimport UIChildren from '../UIChildren';\nimport UI from '../UI';\n\nimport Ionicons from '@expo/vector-icons/Ionicons';\nimport { ChildType, CrudUtils, Utils } from 'react-crud-utils';\n\nexport default function ElTabs(props: ChildType) {\n let scope = props.scope;\n let [selectedIndex, setSelectedIndex]: any = useState(0);\n let element = scope.original;\n let items = scope.getItems();\n let counter = 0;\n\n let tabs: any = [];\n let [selected, setSelected]: any = useState(null);\n\n const onChangeTab = (tab: any, validate = true) => {\n if (tab) {\n scope.execute({\n event: {\n validate,\n validateScope: element.validateScope,\n action: () => {\n scope.changeValue(tab.data);\n\n selected = tab;\n selectedIndex = tab.index;\n\n setSelectedIndex(selectedIndex);\n setSelected(tab);\n },\n },\n });\n }\n };\n\n const getStyleClass = (t: any) => {\n let s = 'ui-tabs-item ui-click';\n\n if (selected?.index === t.index) {\n s = s + ' ui-tab-selected';\n }\n return s;\n };\n\n const addTab = (child: any, item: any) => {\n let original = { ...child.props };\n\n if (!item) {\n item = scope.crud.data;\n }\n\n let crudTab = CrudUtils.create('tabs', {\n data: item,\n changed: item,\n parent: scope.crud,\n });\n\n let element = Utils.resolve(original, crudTab);\n\n if (element.rendered === false) {\n return;\n }\n\n tabs.push({\n ...element,\n child,\n element,\n original,\n index: counter++,\n data: item,\n });\n };\n\n React.Children.map(props.children, (child, index) => {\n if (Utils.isEmpty(items)) {\n addTab(child, {});\n } else {\n for (const i in items) {\n let o = items[i];\n\n addTab(child, o);\n }\n }\n });\n\n if (!selected) {\n onChangeTab(tabs[selectedIndex], false);\n }\n\n const nav = (i: any) => {\n let t = tabs[selectedIndex + i];\n\n onChangeTab(t);\n };\n\n const previous = () => {\n nav(-1);\n };\n\n const next = () => {\n nav(1);\n };\n\n let isStepper = element.layout === 'stepper';\n\n return (\n <div\n className={scope.getStyleClass('inner')}\n style={scope.getStyle('inner')}\n >\n <div className=\"ui-tabs-content\">\n <div className=\"ui-tabs-items\">\n {tabs.map((t: any, i: number) => (\n <div\n key={Utils.key(element.id, 'tab', i)}\n className={getStyleClass(t)}\n onClick={() => {\n onChangeTab(t);\n }}\n >\n {isStepper && <div className=\"ui-tab-item-divisor\" />}\n <div className=\"ui-tab-item-inner\">\n {isStepper && <div className=\"ui-step-line\" />}\n <div className=\"ui-tab-item-label\">\n {isStepper ? t.index + 1 : t.label}\n </div>\n </div>\n </div>\n ))}\n </div>\n {selected && (\n <>\n {isStepper && <div className=\"ui-tabs-label\">{selected.label}</div>}\n <div className=\"ui-tabs-area\">\n <UIChildren {...props} scope={scope}>\n {selected.child}\n </UIChildren>\n </div>\n {element.layout === 'stepper' && (\n <div className=\"ui-tabs-actions\">\n <UI.Output space={6} layout=\"left\">\n <UI.Include\n {...props}\n transient\n name=\"left\"\n default={\n <UI.Button\n rendered={selectedIndex > 0}\n icon={<Ionicons />}\n click={previous}\n />\n }\n />\n </UI.Output>\n <UI.Output space={6} layout=\"right\">\n <UI.Include\n {...props}\n transient\n name=\"right\"\n default={\n <UI.Button\n rendered={selectedIndex < tabs.length - 1}\n icon={<Ionicons />}\n click={next}\n />\n }\n />\n </UI.Output>\n </div>\n )}\n </>\n )}\n </div>\n </div>\n );\n}\n","import React from \"react\";\nimport { ChildType, Scope, Utils } from \"react-crud-utils\";\n\nexport default function ElChart(props: ChildType) {\n let scope: Scope = props.scope;\n let items: any = scope.getItems();\n let columns = Utils.asList(scope.original.columns);\n\n return <div className=\"ui-chart-data\"></div>;\n}\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIAutoComplete(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { ChildType } from 'react-crud-utils';\nimport AutoComplete from './core/UIAutoComplete';\n\nexport default function UIComplete({\n defaultsInput,\n defaultsUI,\n scope,\n}: ChildType) {\n return (\n <>\n <AutoComplete {...defaultsInput} {...defaultsUI} />\n </>\n );\n}\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UILink(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIIcon(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Ionicons } from '@expo/vector-icons';\r\nimport { ChildType } from 'react-crud-utils';\r\nimport { Text, TouchableHighlight, View } from 'react-native';\r\n\r\nexport default function UIButton(props: ChildType) {\r\n let scope = props.scope;\r\n let element = scope.original;\r\n\r\n let color = element.color;\r\n let label = element.label;\r\n let icon = element.icon;\r\n\r\n if (!color) color = '#55a46f';\r\n\r\n const styles: any = {\r\n text: {\r\n color: '#ffffff',\r\n lineHeight: 30,\r\n fontWeight: '500',\r\n textAlign: 'center',\r\n ...element.textStyle,\r\n },\r\n inner: {\r\n flex: 1,\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n alignItems: 'center',\r\n margin: 'auto',\r\n ...element.textStyle,\r\n },\r\n icon: {\r\n color: '#fff',\r\n fontSize: 18,\r\n paddingRight: 10,\r\n },\r\n button: {\r\n padding: 5,\r\n alignItems: 'center',\r\n paddingLeft: 10,\r\n paddingRight: 10,\r\n minWidth: 200,\r\n margin: 5,\r\n textAlign: 'center',\r\n verticalAling: 'middle',\r\n lineHeight: 30,\r\n borderRadius: 20,\r\n backgroundColor: color,\r\n color: '#ffffff',\r\n ...element.buttonStyle,\r\n },\r\n };\r\n\r\n const onClick = (e: any) => {\r\n if (typeof element.click === 'function') {\r\n element.click(e);\r\n }\r\n };\r\n\r\n return (\r\n <TouchableHighlight\r\n underlayColor={'transparent'}\r\n onPress={onClick}\r\n style={styles.button}\r\n >\r\n <View style={styles.inner}>\r\n {icon && (\r\n <>\r\n <Ionicons size={30} style={styles.icon} name={icon} />\r\n </>\r\n )}\r\n <Text style={styles.text}>{label}</Text>\r\n </View>\r\n </TouchableHighlight>\r\n );\r\n}\r\n","import { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport {\n Text,\n TouchableOpacity,\n StyleSheet,\n Modal,\n View,\n StatusBar,\n SafeAreaView,\n} from 'react-native';\nimport Icon from 'react-native-vector-icons/FontAwesome';\nimport UI from '../UI';\n\nexport default function UISelect(props: ChildType) {\n const [visible, setVisible] = useState(true);\n const scope = props.scope;\n const items = Utils.nvl(scope.getOptions(), []);\n\n const handlePress = () => {\n setVisible(!visible);\n };\n\n console.log(items);\n\n return (\n <View style={styles.root}>\n <TouchableOpacity onPress={handlePress} style={styles.select}>\n <Text style={styles.label}>\n Clique aqui para acessar o React Native\n </Text>\n <Icon name=\"angle-down\" size={20} color=\"#888\" />\n </TouchableOpacity>\n\n <Modal visible={visible} animationType=\"slide\" transparent={false}>\n <SafeAreaView style={styles.modalContainer}>\n {/* HEADER */}\n <View style={styles.header}>\n <Text style={styles.headerText}>Meu Modal</Text>\n <TouchableOpacity\n onPress={() => setVisible(false)}\n style={styles.closeButton}\n >\n <Text style={styles.closeButtonText}>Fechar</Text>\n </TouchableOpacity>\n </View>\n\n {/* CONTEÚDO */}\n <View style={styles.content}>\n <UI.List\n crud={scope.crud}\n data={items}\n name={scope.getName('list')}\n >\n <UI.Value value=\"#{@this.label}\" />\n </UI.List>\n </View>\n </SafeAreaView>\n </Modal>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n label: { flex: 1 },\n root: {\n flex: 1,\n justifyContent: 'flex-start',\n alignItems: 'flex-start',\n },\n select: {\n flex: 1,\n width: '100%',\n flexDirection: 'row',\n borderWidth: 1,\n borderColor: '#a9a9a9',\n borderRadius: 20,\n paddingHorizontal: 15,\n paddingVertical: 10,\n },\n modalContainer: {\n flex: 1,\n backgroundColor: 'white',\n },\n header: {\n height: 60, // Altura fixa do cabeçalho\n backgroundColor: '#007bff',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingHorizontal: 20,\n },\n headerText: {\n color: 'white',\n fontSize: 18,\n fontWeight: 'bold',\n },\n closeButton: {\n padding: 10,\n },\n closeButtonText: {\n color: 'white',\n fontSize: 16,\n },\n content: {\n flex: 1, // Ocupa o restante da tela\n justifyContent: 'center',\n alignItems: 'center',\n },\n bodyText: {\n fontSize: 16,\n color: '#333',\n },\n});\n","import { useState } from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { Switch } from 'react-native';\r\n\r\nexport default function UISwitch(props: ChildType) {\r\n const scope = props.scope;\r\n const initial = Utils.nvl(scope.getValue(), false) as boolean;\r\n const [value, setValue] = useState(initial);\r\n\r\n let onChange = v => {\r\n scope.changeValue(v);\r\n\r\n setValue(v);\r\n };\r\n\r\n return (\r\n <Switch\r\n value={value}\r\n onValueChange={onChange} // Alterna o estado\r\n />\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIOption(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIRadio(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, TextInput, View } from 'react-native';\n\nexport default function UIInput(props: ChildType) {\n let scope = props.scope;\n let initial = Utils.nvl(scope.getValue(), '');\n\n let label = scope.getLabel();\n let placeholder = scope.getPart('placeholder', null, label);\n let el = scope.original;\n\n const [value, setValue] = useState(initial);\n\n let onChange = v => {\n scope.changeValue(v);\n\n setValue(v);\n };\n\n return (\n <View style={styles.base}>\n {scope.getPart('left')}\n <TextInput\n style={styles.input}\n onChangeText={onChange}\n value={value}\n placeholder={placeholder}\n />\n {scope.getPart('right')}\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n base: {\n flexDirection: 'row',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: '#a9a9a9',\n borderRadius: 20,\n paddingHorizontal: 10,\n paddingVertical: 5,\n padding: 10,\n paddingLeft: 5,\n paddingRight: 10,\n },\n icon: {\n marginRight: 10, // Espaço entre ícone e input\n },\n input: {\n marginHorizontal: 10,\n marginVertical: 5,\n flex: 1, // Para o input ocupar o espaço restante\n },\n});\n","import React, { useState } from 'react';\nimport { ChildType, ScopeUtils, Utils } from 'react-crud-utils';\nimport UIChildren from '../UIChildren';\n\ninterface UIListRowType extends ChildType {\n item: any;\n index: number;\n}\n\nexport default function UIListRow(props: UIListRowType) {\n const parent = props.scope;\n const item = props.item;\n const row = {\n parent,\n crud: parent.crud,\n index: props.index,\n type: 'row',\n data: item,\n };\n let [scope] = useState(ScopeUtils.create(row));\n\n return (\n <>\n <UIChildren scope={scope} crud={scope.crud}>\n {props.children}\n </UIChildren>\n </>\n );\n}\n","import React from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, Text, View } from 'react-native';\nimport UIListRow from './UIListRow';\nimport UI from '../UI';\nimport Icon from 'react-native-vector-icons/FontAwesome';\n\nexport default function UIList(props: ChildType) {\n const scope = props.scope;\n const crud = scope.crud;\n const items = Utils.nvl(scope.getItems(), []);\n\n //console.log(items);\n return (\n <>\n <UI.Text\n placeholder=\"Pesquisar...\"\n field=\"query\"\n crud={crud}\n right={<Icon name=\"eye\" size={20} color=\"#888\" />}\n />\n\n <View style={styles.container}>\n {items.map((item: any, i: number) => (\n <View key={`k-${i}`} style={styles.item}>\n <UIListRow scope={scope} item={item} index={i}>\n {props.children}\n </UIListRow>\n </View>\n ))}\n </View>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n },\n item: {\n padding: 15,\n marginVertical: 8,\n backgroundColor: '#f5f5f5',\n borderRadius: 8,\n width: '100%',\n },\n text: {\n fontSize: 18,\n fontWeight: 'bold',\n },\n});\n","import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport UIChildren from './UIChildren';\nimport ElTabs from './tabs/ElTabs';\nimport ElChart from './charts/ElChart';\nimport UIComplete from './UIComplete';\nimport {\n Crud,\n HtmlUtils,\n ScopeUtils,\n Utils,\n ElementType,\n} from 'react-crud-utils';\nimport UILink from './core/UILink';\nimport UIIcon from './core/UIIcon';\nimport UIButton from './core/UIButton';\nimport UISelect from './core/UISelect';\nimport UISwitch from './core/UISwitch';\nimport UIOption from './core/UIOption';\nimport UIRadio from './core/UIRadio';\nimport UIInput from './core/UIInput';\nimport { Image, Linking, StyleSheet, Text, View } from 'react-native';\nimport UIList from './core/UIList';\n\nexport default function UIElement(props: ElementType) {\n let [scope] = useState(ScopeUtils.create(props));\n let [index, setIndex] = useState(0);\n let [error, setError]: string | any = useState(null);\n let options: any = scope.getOptions();\n let crud: Crud = Utils.nvl(props.crud, scope.crud);\n let original = scope.original;\n let type = original.type;\n let ref = useRef(null);\n\n scope.update = () => {\n setIndex(++index);\n };\n\n let router: any = {\n list: UIList,\n tabs: ElTabs,\n chart: ElChart,\n };\n\n let CurrentRouter = () => {\n if (router[type]) {\n let Aux = router[type];\n\n return <Aux crud={crud} {...props} scope={scope} />;\n }\n return <></>;\n };\n\n const Custom = () => {\n let c: any = original.custom;\n\n if (c) {\n if (typeof c === 'string') {\n return (\n <UIElement\n element={{ value: c, type: 'dummy' }}\n crud={crud}\n ></UIElement>\n );\n }\n\n return (\n <UIElement\n type={c.type}\n tag={c.type}\n {...c.props}\n crud={crud}\n ></UIElement>\n );\n }\n\n return <></>;\n };\n\n if (scope.is('type', 'dummy')) {\n return <>{scope.getDisplayValue()}</>;\n }\n\n let onCheck = () => {\n let v = scope.getValue();\n let check = !(v === true);\n\n onChange({ target: { value: check } });\n };\n\n let onChange = (e: any) => {\n let val = e.target.value;\n\n if (scope.isType('integer', 'int', 'number')) {\n val = parseInt(val);\n } else if (scope.isType('decimal')) {\n val = parseFloat(val);\n }\n\n if (scope.isType('select', 'complete')) {\n val = scope.getSelectedItem(val);\n }\n\n scope.changeValue(val);\n scope.update();\n };\n\n let onClick = (e: any) => {\n scope.call('click');\n };\n\n let defaultsInput: any = {\n scope,\n crud,\n onChange: onChange,\n };\n\n if (scope.isType('password')) {\n defaultsInput.type = 'password';\n }\n\n let isChecked = () => {\n let v = scope.getValue();\n\n return v === true;\n };\n\n let hasChildren = () => {\n if (scope.isInput()) {\n return false;\n }\n\n return !Utils.isEmpty(props.children) || !Utils.isEmpty(props.elements);\n };\n\n const getStyle = (part?: string) => {\n let type = Utils.nvl(original.type, 'none');\n let key = Utils.nvl(part, 'root');\n let def = { ...styles[key], ...elementStyle?.[type]?.[key] };\n let hasChild = hasChildren();\n\n if (!part && !hasChild) {\n def = { ...def };\n }\n\n if (hasChild && part) {\n def = { ...def, ...withChildStyles[part] };\n }\n\n def = { ...def, ...elementStyle?.[type]?.[key] };\n\n return { ...def, ...scope.getStyle(part) };\n };\n\n let elStyle = getStyle('element');\n\n let defaultsUI: any = {\n required: scope.isRequired(),\n size: 'small',\n scope,\n crud,\n style: elStyle,\n placeholder: scope.attr('placeholder', 'Digite aqui'),\n };\n\n if (!scope.isRendered() || scope.is('type', 'define')) {\n return <></>;\n }\n\n scope.error = (msg: string) => {\n error = msg;\n setError(msg);\n };\n\n useEffect(() => {\n if (!scope.ready) {\n scope.ready = true;\n\n scope.call('load');\n\n if (scope.isType('list', 'repeat')) {\n scope.search();\n } else if (original.list) {\n scope.call('list');\n }\n scope.start();\n }\n });\n\n const CustomIcon = () => {\n if (typeof original.icon === 'string') {\n return <UIIcon>{scope.getIcon()}</UIIcon>;\n }\n return <>{original.icon}</>;\n };\n\n let hasCustomRoute = () => {\n if (router[type]) return true;\n return false;\n };\n\n scope.open = (args: any) => {\n Linking.openURL(args.url);\n };\n\n if (scope.isType('dialog')) {\n let name = original.name;\n\n if (!crud.dialogs[name]) {\n let dlg: any = { config: { ...original } };\n\n dlg.component = (args: any) => {\n return <UIChildren {...props} scope={scope} crud={crud} />;\n };\n\n crud.dialogs[name] = dlg;\n }\n return <></>;\n }\n\n useLayoutEffect(() => {\n if (ref?.current && scope.is('type', 'card', 'list', 'tabs', 'stepper')) {\n let el: any = ref?.current;\n\n if (el?.classList) {\n let bg = HtmlUtils.getBGColor(el);\n\n if (bg === 'rgb(255, 255, 255)') {\n el.classList.add('ui-dark');\n } else {\n el.classList.add('ui-light');\n }\n }\n }\n });\n\n const isShowLabel = () => {\n if (typeof original.label !== 'undefined' && !scope.is('button')) {\n return true;\n }\n\n return false;\n };\n\n const isShowInner = () => {\n if (hasChildren() || hasCustomRoute()) {\n return false;\n }\n return true;\n };\n\n return (\n <>\n <View ref={ref} style={getStyle()}>\n <>\n {isShowLabel() && (\n <Text style={getStyle('label')}>{scope.getLabel()}</Text>\n )}\n {isShowInner() && (\n <>\n <View style={getStyle('inner')}>\n {scope.is('type', 'button') && (\n <UIButton\n {...defaultsUI}\n onClick={onClick}\n variant={scope.attr('variant', 'outlined')}\n >\n {original.icon && <CustomIcon />}\n {original.label && (\n <Text style={scope.getPart('label', 'button')}>\n {scope.getLabel()}\n </Text>\n )}\n </UIButton>\n )}\n {scope.is('type', 'icon') && (\n <UIIcon\n {...defaultsUI}\n onClick={onClick}\n variant={scope.attr('variant', 'outlined')}\n >\n {scope.getDisplayValue()}\n </UIIcon>\n )}\n {scope.is('type', 'link') && (\n <UILink\n {...defaultsUI}\n onClick={onClick}\n variant={scope.attr('variant', 'outlined')}\n >\n {original.icon && <CustomIcon />}\n {original.label && (\n <Text style={scope.getPart('label', 'link')}>\n {scope.getLabel()}\n </Text>\n )}\n </UILink>\n )}\n {scope.is(\n 'type',\n 'text',\n 'number',\n 'phone',\n 'postalCode',\n 'money',\n 'password',\n 'email'\n ) && (\n <UIInput\n {...defaultsInput}\n {...defaultsUI}\n InputProps={{ ...original.inputProps }}\n />\n )}\n {scope.is('type', 'complete', 'autocomplete') && (\n <UIComplete\n scope={scope}\n defaultsInput={defaultsInput}\n defaultsUI={defaultsUI}\n />\n )}\n {scope.is('type', 'checkbox', 'boolean', 'switch') && (\n <UISwitch\n checked={isChecked()}\n {...defaultsInput}\n onChange={onCheck}\n />\n )}\n {scope.is('type', 'select') && (\n <UISelect\n {...defaultsInput}\n {...defaultsUI}\n value={scope.getSelectedValue()}\n >\n <UIOption value={''}>Selecione</UIOption>\n {options.map((row: any, i: number) => (\n <UIOption key={'i' + i} value={row.value}>\n {row.label}\n </UIOption>\n ))}\n </UISelect>\n )}\n {scope.is('type', 'radio') && (\n <UIRadio {...defaultsInput} {...defaultsUI} row>\n {options.map((row: any, i: number) => (\n <UIOption\n key={'i' + i}\n control={<UIRadio {...defaultsUI} />}\n label={row.label}\n value={row.value}\n />\n ))}\n </UIRadio>\n )}\n {scope.is('type', 'custom') && <Custom />}\n {scope.is('type', 'column') && (\n <>\n {scope.is('format', 'img') && (\n <Image source={scope.getDisplayValue()} />\n )}\n {scope.is('format', 'icon') && (\n <UIIcon className={scope.getDisplayValue()} />\n )}\n {!scope.is('format', 'icon', 'img') && (\n <Text>{scope.getDisplayValue()}</Text>\n )}\n </>\n )}\n {scope.is('type', 'output', 'value') && (\n <Text>{scope.getDisplayValue()}</Text>\n )}\n </View>\n {error && <View style={getStyle('error')}>{error}</View>}\n </>\n )}\n <CurrentRouter />\n {!scope.is('type', 'tabs', 'grid', 'list', 'define', 'repeat') && (\n <UIChildren {...props} scope={scope} crud={crud} />\n )}\n </>\n </View>\n </>\n );\n}\n\nconst elementStyle: any = {};\n\nelementStyle.card = StyleSheet.create({\n root: {\n backgroundColor: 'white',\n padding: 16,\n borderRadius: 10,\n shadowColor: '#888', // iOS\n shadowOffset: { width: 0, height: 1 }, // iOS\n shadowOpacity: 0.25, // iOS\n shadowRadius: 3.84, // iOS\n elevation: 3, // Android\n },\n inner: { width: '100%', paddingBottom: 10, paddingTop: 5 },\n});\n\nelementStyle.list = {\n ...elementStyle.card,\n};\n\nconst styles = StyleSheet.create({\n root: {\n gap: 5,\n flexDirection: 'column',\n flexWrap: 'wrap',\n width: '100%',\n alignItems: 'flex-start',\n },\n label: { width: '100%', fontWeight: 500, fontSize: 12 },\n inner: { width: '100%', paddingBottom: 5, paddingTop: 5 },\n});\n\nconst withChildStyles = StyleSheet.create({\n root: {\n gap: 10,\n },\n label: {\n width: '100%',\n fontWeight: 500,\n fontSize: 24,\n },\n});\n","import UIChildren from '../UIChildren';\nimport { ComponentUtils, DefineType, Utils } from 'react-crud-utils';\n\nexport default function UIInclude(props: DefineType) {\n if (props.rendered === false) {\n return <></>;\n }\n\n let includes = ComponentUtils.getDefine(props, props.name, props.position);\n\n if (Utils.isEmpty(includes)) {\n includes = props.default;\n }\n\n if (!Utils.isEmpty(includes)) {\n let Aux = (tagProp: any) => {\n let Tag: any = props.tag;\n\n if (!Utils.isEmpty(Tag)) {\n return <Tag {...tagProp}>{tagProp.children}</Tag>;\n }\n return <>{tagProp.children}</>;\n };\n\n return (\n <Aux {...props.tagProps}>\n <UIChildren\n transient\n {...props}\n scope={props.scope}\n crud={props.crud}\n part={props.name}\n >\n {includes}\n </UIChildren>\n </Aux>\n );\n }\n return <>{includes}</>;\n}\n","import { ListType } from 'react-crud-utils';\nimport { UserType } from 'react-crud-utils';\nimport { InputType } from 'react-crud-utils';\nimport { ChartType } from 'react-crud-utils';\nimport { ContainerType } from 'react-crud-utils';\nimport { ListInputType } from 'react-crud-utils';\nimport UIElement from './UIElement';\nimport { TabsType } from 'react-crud-utils';\nimport { DefineType } from 'react-crud-utils';\nimport { ButtonType } from 'react-crud-utils';\nimport { LinkType } from 'react-crud-utils';\nimport UIInclude from './core/UIInclude';\n\nconst UI = {\n List: (props: ListType) => <UIElement {...props} type=\"list\" />,\n Value: (props: UserType) => <UIElement {...props} type=\"value\" />,\n Label: (props: UserType) => <UIElement {...props} type=\"label\" />,\n Repeat: (props: ListType) => <UIElement {...props} type=\"repeat\" />,\n Define: (props: DefineType) => <UIElement {...props} type=\"define\" />,\n Include: (props: DefineType) => <UIInclude {...props} />,\n Column: ({ type = 'column', ...props }: UserType) => (\n <UIElement {...props} type=\"column\" />\n ),\n Input: (props: InputType) => <UIElement {...props} />,\n Text: (props: InputType) => <UIElement {...props} type=\"text\" />,\n Email: (props: InputType) => <UIElement {...props} type=\"email\" />,\n Button: (props: ButtonType) => <UIElement {...props} type=\"button\" />,\n Link: (props: LinkType) => <UIElement {...props} type=\"link\" />,\n Icon: (props: ButtonType) => <UIElement {...props} type=\"icon\" />,\n Output: (props: ContainerType) => <UIElement {...props} type=\"output\" />,\n Form: (props: ContainerType) => <UIElement {...props} type=\"form\" />,\n Crud: (props: ContainerType) => <UIElement {...props} type=\"crud\" />,\n View: (props: ContainerType) => (\n <UIElement {...props} type=\"view\" transient />\n ),\n Bottom: (props: ContainerType) => <UIElement {...props} type=\"bottom\" />,\n Dialog: (props: ContainerType) => <UIElement {...props} type=\"dialog\" />,\n Content: (props: ContainerType) => <UIElement {...props} type=\"content\" />,\n Top: (props: ContainerType) => <UIElement {...props} type=\"top\" />,\n Card: (props: ContainerType) => <UIElement {...props} type=\"card\" />,\n Tab: (props: ContainerType) => <UIElement {...props} type=\"tab\" />,\n Tabs: (props: TabsType) => <UIElement {...props} type=\"tabs\" />,\n Step: (props: ContainerType) => (\n <UIElement {...props} type=\"tab\" layout=\"step\" />\n ),\n Stepper: (props: TabsType) => (\n <UIElement {...props} type=\"tabs\" layout=\"stepper\" />\n ),\n Money: (props: InputType) => <UIElement {...props} type=\"money\" />,\n Chart: (props: ChartType) => <UIElement {...props} type=\"chart\" />,\n Password: (props: InputType) => <UIElement {...props} type=\"password\" />,\n Complete: (props: InputType) => <UIElement {...props} type=\"complete\" />,\n Checkbox: (props: InputType) => <UIElement {...props} type=\"switch\" />,\n Switch: (props: InputType) => <UIElement {...props} type=\"switch\" />,\n Radio: (props: ListInputType) => <UIElement {...props} type=\"radio\" />,\n Select: (props: ListInputType) => <UIElement {...props} type=\"select\" />,\n Entity: (props: ListInputType) => <UIElement {...props} type=\"entity\" />,\n Element: (props: ListInputType) => <UIElement {...props} type=\"element\" />,\n};\nexport default UI;\n"],"names":["UIChildren","props","scope","useState","Utils","nvl","ScopeUtils","create","crud","validateScope","name","part","isInput","_jsx","_Fragment","key","Paint","_ref","child","children","Custom","type","pps","_extends","isEmpty","transient","parent","Draw","elements","Object","entries","map","t","k","UIElement","React","Children","View","style","styles","getStyle","StyleSheet","width","inner","ElTabs","_useState","selectedIndex","setSelectedIndex","element","original","items","getItems","counter","tabs","_useState2","selected","setSelected","onChangeTab","tab","validate","execute","event","action","changeValue","data","index","getStyleClass","s","_selected","addTab","item","crudTab","CrudUtils","changed","resolve","rendered","push","i","nav","isStepper","layout","className","_jsxs","onClick","label","id","UI","Output","space","Include","default","Button","icon","Ionicons","click","length","ElChart","asList","columns","UIAutoComplete","TouchableOpacity","onPress","Linking","openURL","Text","link","UIComplete","AutoComplete","defaultsInput","defaultsUI","UILink","UIIcon","UIButton","color","text","lineHeight","fontWeight","textAlign","textStyle","flex","flexDirection","flexWrap","alignItems","margin","fontSize","paddingRight","button","padding","paddingLeft","minWidth","verticalAling","borderRadius","backgroundColor","buttonStyle","TouchableHighlight","underlayColor","e","size","UISelect","visible","setVisible","getOptions","console","log","root","select","Icon","Modal","animationType","transparent","SafeAreaView","modalContainer","header","headerText","closeButton","closeButtonText","content","List","getName","Value","value","justifyContent","borderWidth","borderColor","paddingHorizontal","paddingVertical","height","bodyText","UISwitch","initial","getValue","setValue","Switch","onValueChange","v","UIOption","UIRadio","UIInput","getLabel","placeholder","getPart","base","TextInput","input","onChangeText","marginRight","marginHorizontal","marginVertical","UIListRow","UIList","field","right","container","setIndex","_useState3","error","setError","options","ref","useRef","update","router","list","chart","CurrentRouter","c","custom","tag","is","getDisplayValue","onChange","val","target","isType","parseInt","parseFloat","getSelectedItem","call","hasChildren","def","elementStyle","_elementStyle$type","hasChild","withChildStyles","_elementStyle$type2","elStyle","required","isRequired","attr","isRendered","msg","useEffect","ready","search","start","CustomIcon","getIcon","open","args","url","dialogs","dlg","config","useLayoutEffect","current","el","classList","bg","HtmlUtils","getBGColor","add","variant","InputProps","inputProps","checked","getSelectedValue","row","control","Image","source","card","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","paddingBottom","paddingTop","gap","UIInclude","includes","ComponentUtils","getDefine","position","tagProp","Tag","tagProps","Label","Repeat","Define","Column","_objectWithoutPropertiesLoose","_excluded","Input","Email","Link","Form","Crud","Bottom","Dialog","Content","Top","Card","Tab","Tabs","Step","Stepper","Money","Chart","Password","Complete","Checkbox","Radio","Select","Entity","Element"],"mappings":"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"}
package/dist/react-crud-mobile.esm.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { useState, useRef, useEffect, useLayoutEffect } from 'react';
2
2
  import { Utils, ScopeUtils, CrudUtils, HtmlUtils, ComponentUtils } from 'react-crud-utils';
3
- import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Modal, StatusBar, SafeAreaView, Switch, TextInput, Image } from 'react-native';
3
+ import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Modal, SafeAreaView, Switch, TextInput, Image } from 'react-native';
4
4
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
5
5
  import Ionicons from '@expo/vector-icons/Ionicons';
6
6
  import { Ionicons as Ionicons$1 } from '@expo/vector-icons';
@@ -412,13 +412,13 @@ function UIButton(props) {
412
412
  }
413
413
 
414
414
  function UISelect(props) {
415
- var _useState = useState(false),
416
- modalVisible = _useState[0],
417
- setModalVisible = _useState[1];
415
+ var _useState = useState(true),
416
+ visible = _useState[0],
417
+ setVisible = _useState[1];
418
418
  var scope = props.scope;
419
419
  var items = Utils.nvl(scope.getOptions(), []);
420
420
  var handlePress = function handlePress() {
421
- setModalVisible(!modalVisible);
421
+ setVisible(!visible);
422
422
  };
423
423
  console.log(items);
424
424
  return /*#__PURE__*/jsxs(View, {
@@ -434,32 +434,26 @@ function UISelect(props) {
434
434
  size: 20,
435
435
  color: "#888"
436
436
  })]
437
- }), /*#__PURE__*/jsxs(Modal, {
437
+ }), /*#__PURE__*/jsx(Modal, {
438
+ visible: visible,
438
439
  animationType: "slide",
439
- transparent: true,
440
- visible: modalVisible,
441
- onRequestClose: function onRequestClose() {
442
- return setModalVisible(false);
443
- },
444
- children: [/*#__PURE__*/jsx(StatusBar, {
445
- barStyle: "dark-content",
446
- backgroundColor: "#6200ea"
447
- }), /*#__PURE__*/jsxs(SafeAreaView, {
448
- style: styles$4.safe,
440
+ transparent: false,
441
+ children: /*#__PURE__*/jsxs(SafeAreaView, {
442
+ style: styles$4.modalContainer,
449
443
  children: [/*#__PURE__*/jsxs(View, {
450
444
  style: styles$4.header,
451
- children: [/*#__PURE__*/jsx(TouchableOpacity, {
445
+ children: [/*#__PURE__*/jsx(Text, {
446
+ style: styles$4.headerText,
447
+ children: "Meu Modal"
448
+ }), /*#__PURE__*/jsx(TouchableOpacity, {
452
449
  onPress: function onPress() {
453
- return setModalVisible(false);
450
+ return setVisible(false);
454
451
  },
455
452
  style: styles$4.closeButton,
456
453
  children: /*#__PURE__*/jsx(Text, {
457
- style: styles$4.closeText,
458
- children: "X"
454
+ style: styles$4.closeButtonText,
455
+ children: "Fechar"
459
456
  })
460
- }), /*#__PURE__*/jsx(Text, {
461
- style: styles$4.title,
462
- children: "T\xEDtulo do Modal"
463
457
  })]
464
458
  }), /*#__PURE__*/jsx(View, {
465
459
  style: styles$4.content,
@@ -472,15 +466,13 @@ function UISelect(props) {
472
466
  })
473
467
  })
474
468
  })]
475
- })]
469
+ })
476
470
  })]
477
471
  });
478
472
  }
479
473
  var styles$4 = /*#__PURE__*/StyleSheet.create({
480
- safe: {
481
- flex: 1,
482
- backgroundColor: 'white',
483
- paddingTop: StatusBar.currentHeight || 0
474
+ label: {
475
+ flex: 1
484
476
  },
485
477
  root: {
486
478
  flex: 1,
@@ -497,43 +489,38 @@ var styles$4 = /*#__PURE__*/StyleSheet.create({
497
489
  paddingHorizontal: 15,
498
490
  paddingVertical: 10
499
491
  },
500
- item: {
501
- width: '100%'
502
- },
503
- label: {
504
- flex: 1
505
- },
506
- container: {
492
+ modalContainer: {
507
493
  flex: 1,
508
- justifyContent: 'flex-start',
509
- alignItems: 'center'
494
+ backgroundColor: 'white'
510
495
  },
511
496
  header: {
497
+ height: 60,
498
+ backgroundColor: '#007bff',
512
499
  flexDirection: 'row',
513
500
  alignItems: 'center',
514
- padding: 15,
515
- backgroundColor: '#6200ea'
501
+ justifyContent: 'space-between',
502
+ paddingHorizontal: 20
503
+ },
504
+ headerText: {
505
+ color: 'white',
506
+ fontSize: 18,
507
+ fontWeight: 'bold'
516
508
  },
517
509
  closeButton: {
518
510
  padding: 10
519
511
  },
520
- closeText: {
521
- fontSize: 18,
522
- color: 'white'
523
- },
524
- title: {
525
- fontSize: 18,
512
+ closeButtonText: {
526
513
  color: 'white',
527
- fontWeight: 'bold',
528
- marginLeft: 10
514
+ fontSize: 16
529
515
  },
530
516
  content: {
531
517
  flex: 1,
532
- justifyContent: 'flex-start',
533
- alignItems: 'flex-start',
534
- padding: 20,
535
- width: '100%',
536
- alignSelf: 'stretch'
518
+ justifyContent: 'center',
519
+ alignItems: 'center'
520
+ },
521
+ bodyText: {
522
+ fontSize: 16,
523
+ color: '#333'
537
524
  }
538
525
  });
539
526