react-crud-mobile 1.0.227 → 1.0.228

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.
@@ -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"),l=e(require("@expo/vector-icons/Ionicons")),s=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 l=t.useState(i.Utils.nvl(e.scope,i.ScopeUtils.create(e)))[0],s=i.Utils.nvl(e.crud,l.crud),c=i.Utils.nvl(e.validateScope,"global"),p=i.Utils.nvl(e.part,"child");if(l.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:l,crud:s}))})):"function"==typeof n?a.jsx(n,o({validateScope:c},t.props,{parent:l,crud:s})):i.Utils.isEmpty(t.props.children)?a.jsx(a.Fragment,{}):a.jsx(u,o({validateScope:c},t.props,{scope:l,crud:s,transient:!0}))},g=function(){return a.jsx(a.Fragment,e.elements?{children:Object.entries(e.elements).map((function(e,t){return a.jsx(P,o({crud:s},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],l.getStyle(x))),children:a.jsx(g,{})})})}var d=r.StyleSheet.create({child:{width:"100%"},inner:{width:"100%"}});function p(e){var r=e.scope,s=t.useState(0),c=s[0],d=s[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}),l=i.Utils.resolve(n,a);!1!==l.rendered&&h.push(o({},l,{child:e,element:l,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(W.Output,{space:6,layout:"left",children:a.jsx(W.Include,o({},e,{transient:!0,name:"left",default:a.jsx(W.Button,{rendered:c>0,icon:a.jsx(l,{}),click:function(){S(-1)}})}))}),a.jsx(W.Output,{space:6,layout:"right",children:a.jsx(W.Include,o({},e,{transient:!0,name:"right",default:a.jsx(W.Button,{rendered:c<h.length-1,icon:a.jsx(l,{}),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,l=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:[l&&a.jsx(a.Fragment,{children:a.jsx(s.Ionicons,{size:30,style:c.icon,name:l})}),a.jsx(r.Text,{style:c.text,children:i})]})})}function S(e){var n=t.useState(!1),l=n[0],s=n[1],o=e.scope,u=i.Utils.nvl(o.getOptions(),[]),d=o.attr("placeholder","Selecione..."),p=o.getDisplayValue(),x=function(){s(!l)};return a.jsxs(r.View,{style:w.root,children:[a.jsxs(r.TouchableOpacity,{onPress:x,style:w.select,children:[a.jsx(r.Text,{style:w.label,children:i.Utils.nvl(p,d)}),a.jsx(c,{name:"angle-down",size:20,color:"#888"})]}),a.jsxs(r.Modal,{animationType:"slide",transparent:!0,visible:l,onRequestClose:function(){return s(!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 s(!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(W.List,{data:u,name:o.getName("list"),click:function(e){o.changeValue(e.value),x()},children:a.jsx(W.Value,{value:"#{@this.label}"})})})]})]})]})}var w=r.StyleSheet.create({safe:{flex:1,backgroundColor:"#f5f5f5",paddingTop:r.StatusBar.currentHeight||0},root:{justifyContent:"flex-start",alignItems:"flex-start"},select:{width:"100%",flexDirection:"row",borderWidth:1,borderColor:"#a9a9a9",borderRadius:20,paddingHorizontal:15,paddingVertical:10},item:{width:"100%"},label:{flex:1},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,width:"100%",alignSelf:"flex-start",flexDirection:"row",flexWrap:"wrap",padding:20}});function k(e){var n=e.scope,l=i.Utils.nvl(n.getValue(),!1),s=t.useState(l),c=s[1];return a.jsx(r.Switch,{value:s[0],onValueChange:function(e){n.changeValue(e),c(e)}})}function T(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:U.link,children:"Clique aqui para acessar o React Native"})})}var U={link:{}};function C(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,l=i.Utils.nvl(n.getValue(),""),s=n.getLabel(),c=n.getPart("placeholder",null,s),o=t.useState(l),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 L(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 R(e){var t=e.scope,n=t.crud,l=i.Utils.nvl(t.getItems(),[]);return a.jsxs(a.Fragment,{children:[a.jsx(W.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:l.map((function(n,i){return a.jsx(r.TouchableHighlight,{style:q.item,onPress:function(e){!function(e){console.log(e),t.call("click",{value:e,item:e})}(n)},children:a.jsx(L,{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 P(e){var n=t.useState(i.ScopeUtils.create(e))[0],l=t.useState(0),s=l[0],c=l[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,U=w.type,V=t.useRef(null);n.update=function(){c(++s)};var F={list:R,tabs:p,chart:x},L=function(){return F[U]?a.jsx(F[U],o({crud:v},e,{scope:n})):a.jsx(a.Fragment,{})},q=function(){var e=w.custom;return e?a.jsx(P,"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")},W={scope:n,crud:v,onChange:E};n.isType("password")&&(W.type="password");var B=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"),l=i.Utils.nvl(e,"root"),s=o({},N[l],null==O||null==(t=O[a])?void 0:t[l]),c=B();return e||c||(s=o({},s)),c&&e&&(s=o({},s,D[e])),s=o({},s,null==O||null==(r=O[a])?void 0:r[l]),o({},s,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.isType("button")&&a.jsx(r.Text,{style:H("label"),children:n.getLabel()}),!B()&&!F[U]&&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({},W,M,{InputProps:o({},w.inputProps)})),n.is("type","complete","autocomplete")&&a.jsx(g,{scope:n,defaultsInput:W,defaultsUI:M}),n.is("type","checkbox","boolean","switch")&&a.jsx(k,o({checked:!0===n.getValue()},W,{onChange:function(){var e=n.getValue();E({target:{value:!(!0===e)}})}})),n.is("type","select")&&a.jsxs(S,o({},W,M,{value:n.getSelectedValue(),children:[a.jsx(T,{value:"",children:"Selecione"}),y.map((function(e,t){return a.jsx(T,{value:e.value,children:e.label},"i"+t)}))]})),n.is("type","radio")&&a.jsx(C,o({},W,M,{row:!0,children:y.map((function(e,t){return a.jsx(T,{control:a.jsx(C,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(L,{}),!n.is("type","tabs","grid","list","define","repeat")&&a.jsx(u,o({},e,{scope:n,crud:v}))]})})})}var O={};O.card=r.StyleSheet.create({root:{backgroundColor:"white",padding:16,borderRadius:10,width:"100%",shadowColor:"#888",shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:3.84,elevation:3},inner:{flex:1,width:"100%",paddingBottom:10,paddingTop:5,alignSelf:"flex-start",flexDirection:"row",flexWrap:"wrap"}}),O.list=o({},O.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"],W={List:function(e){return a.jsx(P,o({},e,{type:"list"}))},Value:function(e){return a.jsx(P,o({},e,{type:"value"}))},Label:function(e){return a.jsx(P,o({},e,{type:"label"}))},Repeat:function(e){return a.jsx(P,o({},e,{type:"repeat"}))},Define:function(e){return a.jsx(P,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(P,o({},t,{type:"column"}))},Input:function(e){return a.jsx(P,o({},e))},Text:function(e){return a.jsx(P,o({},e,{type:"text"}))},Email:function(e){return a.jsx(P,o({},e,{type:"email"}))},Button:function(e){return a.jsx(P,o({},e,{type:"button"}))},Link:function(e){return a.jsx(P,o({},e,{type:"link"}))},Icon:function(e){return a.jsx(P,o({},e,{type:"icon"}))},Output:function(e){return a.jsx(P,o({},e,{type:"output"}))},Form:function(e){return a.jsx(P,o({},e,{type:"form"}))},Crud:function(e){return a.jsx(P,o({},e,{type:"crud"}))},View:function(e){return a.jsx(P,o({},e,{type:"view",transient:!0}))},Bottom:function(e){return a.jsx(P,o({},e,{type:"bottom"}))},Dialog:function(e){return a.jsx(P,o({},e,{type:"dialog"}))},Content:function(e){return a.jsx(P,o({},e,{type:"content"}))},Top:function(e){return a.jsx(P,o({},e,{type:"top"}))},Card:function(e){return a.jsx(P,o({},e,{type:"card"}))},Tab:function(e){return a.jsx(P,o({},e,{type:"tab"}))},Tabs:function(e){return a.jsx(P,o({},e,{type:"tabs"}))},Step:function(e){return a.jsx(P,o({},e,{type:"tab",layout:"step"}))},Stepper:function(e){return a.jsx(P,o({},e,{type:"tabs",layout:"stepper"}))},Money:function(e){return a.jsx(P,o({},e,{type:"money"}))},Chart:function(e){return a.jsx(P,o({},e,{type:"chart"}))},Password:function(e){return a.jsx(P,o({},e,{type:"password"}))},Complete:function(e){return a.jsx(P,o({},e,{type:"complete"}))},Checkbox:function(e){return a.jsx(P,o({},e,{type:"switch"}))},Switch:function(e){return a.jsx(P,o({},e,{type:"switch"}))},Radio:function(e){return a.jsx(P,o({},e,{type:"radio"}))},Select:function(e){return a.jsx(P,o({},e,{type:"select"}))},Entity:function(e){return a.jsx(P,o({},e,{type:"entity"}))},Element:function(e){return a.jsx(P,o({},e,{type:"element"}))}};exports.UI=W;
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"),l=e(require("@expo/vector-icons/Ionicons")),s=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 l=t.useState(i.Utils.nvl(e.scope,i.ScopeUtils.create(e)))[0],s=i.Utils.nvl(e.crud,l.crud),c=i.Utils.nvl(e.validateScope,"global"),p=i.Utils.nvl(e.part,"child");if(l.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:l,crud:s}))})):"function"==typeof n?a.jsx(n,o({validateScope:c},t.props,{parent:l,crud:s})):i.Utils.isEmpty(t.props.children)?a.jsx(a.Fragment,{}):a.jsx(u,o({validateScope:c},t.props,{scope:l,crud:s,transient:!0}))},g=function(){return a.jsx(a.Fragment,e.elements?{children:Object.entries(e.elements).map((function(e,t){return a.jsx(N,o({crud:s},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],l.getStyle(x))),children:a.jsx(g,{})})})}var d=r.StyleSheet.create({child:{width:"100%"},inner:{width:"100%"}});function p(e){var r=e.scope,s=t.useState(0),c=s[0],d=s[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}),l=i.Utils.resolve(n,a);!1!==l.rendered&&h.push(o({},l,{child:e,element:l,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(H.Output,{space:6,layout:"left",children:a.jsx(H.Include,o({},e,{transient:!0,name:"left",default:a.jsx(H.Button,{rendered:c>0,icon:a.jsx(l,{}),click:function(){S(-1)}})}))}),a.jsx(H.Output,{space:6,layout:"right",children:a.jsx(H.Include,o({},e,{transient:!0,name:"right",default:a.jsx(H.Button,{rendered:c<h.length-1,icon:a.jsx(l,{}),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,l=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:[l&&a.jsx(a.Fragment,{children:a.jsx(s.Ionicons,{size:30,style:c.icon,name:l})}),a.jsx(r.Text,{style:c.text,children:i})]})})}function S(e){var n=t.useState(!1),l=n[0],s=n[1],o=e.scope,u=i.Utils.nvl(o.getOptions(),[]),d=o.attr("placeholder","Selecione..."),p=o.getDisplayValue(),x=function(){s(!l)};return a.jsxs(r.View,{style:w.root,children:[a.jsxs(r.TouchableOpacity,{onPress:x,style:w.select,children:[a.jsx(r.Text,{style:w.label,children:i.Utils.nvl(p,d)}),a.jsx(c,{name:"angle-down",size:20,color:"#888"})]}),a.jsxs(r.Modal,{animationType:"slide",transparent:!0,visible:l,onRequestClose:function(){return s(!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 s(!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(H.List,{data:u,name:o.getName("list"),click:function(e){o.changeValue(e.value),x()},children:a.jsx(H.Value,{value:"#{@this.label}"})})})]})]})]})}var w=r.StyleSheet.create({safe:{flex:1,backgroundColor:"#f5f5f5",paddingTop:r.StatusBar.currentHeight||0},root:{justifyContent:"flex-start",alignItems:"flex-start"},select:{width:"100%",flexDirection:"row",borderWidth:1,borderColor:"#a9a9a9",borderRadius:20,paddingHorizontal:15,paddingVertical:10},item:{width:"100%"},label:{flex:1},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,width:"100%",alignSelf:"flex-start",flexDirection:"row",flexWrap:"wrap",padding:20}});function k(e){var n=e.scope,l=i.Utils.nvl(n.getValue(),!1),s=t.useState(l),c=s[1];return a.jsx(r.Switch,{value:s[0],onValueChange:function(e){n.changeValue(e),c(e)}})}function T(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:U.link,children:"Clique aqui para acessar o React Native"})})}var U={link:{}};function C(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 F(e){var n=e.scope,l=i.Utils.nvl(n.getValue(),""),s=n.getLabel(),c=n.getPart("placeholder",null,s),o=t.useState(l),u=o[0],d=o[1];return a.jsxs(r.View,{style:I.base,children:[n.getPart("left"),a.jsx(r.TextInput,{style:I.input,onChangeText:function(e){n.changeValue(e),d(e)},value:u,placeholder:c}),n.getPart("right")]})}var I=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,l=i.Utils.nvl(t.getItems(),[]);return a.jsxs(a.Fragment,{children:[a.jsx(H.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:l.map((function(n,i){return a.jsx(r.TouchableHighlight,{style:q.item,onPress:function(e){!function(e){console.log(e),t.call("click",{value:e,item:e})}(n)},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 P(e){var t=e.scope,n=i.Utils.nvl(t.getOptions(),[]),l=function(n){var r=n.item,l=n.index;return i.Utils.isEmpty(e.children)?a.jsx(a.Fragment,{children:r.label}):a.jsx(R,{scope:t,item:r.object,index:l,children:e.children})};return a.jsx(a.Fragment,{children:a.jsx(r.View,{style:O.container,children:n.map((function(e,n){return a.jsx(r.TouchableHighlight,{style:O.item,onPress:function(n){!function(e){console.log(e),t.call("click",{value:e,item:e})}(e)},children:a.jsx(l,{item:e,index:n})},"k-"+n)}))})})}var O=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 N(e){var n=t.useState(i.ScopeUtils.create(e))[0],l=t.useState(0),s=l[0],c=l[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,U=w.type,V=t.useRef(null);n.update=function(){c(++s)};var I={list:L,tabs:p,chart:x},R=function(){return I[U]?a.jsx(I[U],o({crud:v},e,{scope:n})):a.jsx(a.Fragment,{})},q=function(){var e=w.custom;return e?a.jsx(N,"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 O=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()},W=function(e){n.call("click")},B={scope:n,crud:v,onChange:O};n.isType("password")&&(B.type="password");var H=function(){return!(n.isInput()||i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements))},A=function(e){var t,r,a=i.Utils.nvl(w.type,"none"),l=i.Utils.nvl(e,"root"),s=o({},E[l],null==D||null==(t=D[a])?void 0:t[l]),c=H();return e||c||(s=o({},s)),c&&e&&(s=o({},s,z[e])),s=o({},s,null==D||null==(r=D[a])?void 0:r[l]),o({},s,n.getStyle(e))},M=A("element"),_={required:n.isRequired(),size:"small",scope:n,crud:v,style:M,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 G=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 X=w.name;if(!v.dialogs[X]){var J={config:o({},w),component:function(t){return a.jsx(u,o({},e,{scope:n,crud:v}))}};v.dialogs[X]=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:A(),children:a.jsxs(a.Fragment,{children:[void 0!==w.label&&!n.isType("button")&&a.jsx(r.Text,{style:A("label"),children:n.getLabel()}),!H()&&!I[U]&&a.jsxs(a.Fragment,{children:[a.jsxs(r.View,{style:A("inner"),children:[n.is("type","button")&&a.jsxs(b,o({},_,{onClick:W,variant:n.attr("variant","outlined"),children:[w.icon&&a.jsx(G,{}),w.label&&a.jsx(r.Text,{style:n.getPart("label","button"),children:n.getLabel()})]})),n.is("type","icon")&&a.jsx(m,o({},_,{onClick:W,variant:n.attr("variant","outlined"),children:n.getDisplayValue()})),n.is("type","link")&&a.jsxs(j,o({},_,{onClick:W,variant:n.attr("variant","outlined"),children:[w.icon&&a.jsx(G,{}),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(F,o({},B,_,{InputProps:o({},w.inputProps)})),n.is("type","complete","autocomplete")&&a.jsx(g,{scope:n,defaultsInput:B,defaultsUI:_}),n.is("type","checkbox","boolean","switch")&&a.jsx(k,o({checked:!0===n.getValue()},B,{onChange:function(){var e=n.getValue();O({target:{value:!(!0===e)}})}})),n.is("type","select")&&a.jsx(S,o({},B,_,{value:n.getSelectedValue()})),n.is("type","toggle")&&a.jsx(P,o({},B,_,{value:n.getSelectedValue()})),n.is("type","radio")&&a.jsx(C,o({},B,_,{row:!0,children:y.map((function(e,t){return a.jsx(T,{control:a.jsx(C,o({},_)),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:A("error"),children:f})]}),a.jsx(R,{}),!n.is("type","tabs","grid","list","define","repeat")&&a.jsx(u,o({},e,{scope:n,crud:v}))]})})})}var D={};D.card=r.StyleSheet.create({root:{backgroundColor:"white",padding:16,borderRadius:10,width:"100%",shadowColor:"#888",shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:3.84,elevation:3},inner:{flex:1,width:"100%",paddingBottom:10,paddingTop:5,alignSelf:"flex-start",flexDirection:"row",flexWrap:"wrap"}}),D.list=o({},D.card);var E=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 W(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 B=["type"],H={List:function(e){return a.jsx(N,o({},e,{type:"list"}))},Value:function(e){return a.jsx(N,o({},e,{type:"value"}))},Label:function(e){return a.jsx(N,o({},e,{type:"label"}))},Repeat:function(e){return a.jsx(N,o({},e,{type:"repeat"}))},Define:function(e){return a.jsx(N,o({},e,{type:"define"}))},Include:function(e){return a.jsx(W,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,B);return a.jsx(N,o({},t,{type:"column"}))},Input:function(e){return a.jsx(N,o({},e))},Text:function(e){return a.jsx(N,o({},e,{type:"text"}))},Email:function(e){return a.jsx(N,o({},e,{type:"email"}))},Button:function(e){return a.jsx(N,o({},e,{type:"button"}))},Link:function(e){return a.jsx(N,o({},e,{type:"link"}))},Icon:function(e){return a.jsx(N,o({},e,{type:"icon"}))},Output:function(e){return a.jsx(N,o({},e,{type:"output"}))},Form:function(e){return a.jsx(N,o({},e,{type:"form"}))},Crud:function(e){return a.jsx(N,o({},e,{type:"crud"}))},View:function(e){return a.jsx(N,o({},e,{type:"view",transient:!0}))},Bottom:function(e){return a.jsx(N,o({},e,{type:"bottom"}))},Dialog:function(e){return a.jsx(N,o({},e,{type:"dialog"}))},Content:function(e){return a.jsx(N,o({},e,{type:"content"}))},Top:function(e){return a.jsx(N,o({},e,{type:"top"}))},Card:function(e){return a.jsx(N,o({},e,{type:"card"}))},Tab:function(e){return a.jsx(N,o({},e,{type:"tab"}))},Tabs:function(e){return a.jsx(N,o({},e,{type:"tabs"}))},Step:function(e){return a.jsx(N,o({},e,{type:"tab",layout:"step"}))},Stepper:function(e){return a.jsx(N,o({},e,{type:"tabs",layout:"stepper"}))},Money:function(e){return a.jsx(N,o({},e,{type:"money"}))},Chart:function(e){return a.jsx(N,o({},e,{type:"chart"}))},Password:function(e){return a.jsx(N,o({},e,{type:"password"}))},Complete:function(e){return a.jsx(N,o({},e,{type:"complete"}))},Checkbox:function(e){return a.jsx(N,o({},e,{type:"switch"}))},Switch:function(e){return a.jsx(N,o({},e,{type:"switch"}))},Radio:function(e){return a.jsx(N,o({},e,{type:"radio"}))},Select:function(e){return a.jsx(N,o({},e,{type:"select"}))},Entity:function(e){return a.jsx(N,o({},e,{type:"entity"}))},Element:function(e){return a.jsx(N,o({},e,{type:"element"}))}};exports.UI=H;
2
2
  //# sourceMappingURL=react-crud-mobile.cjs.production.min.js.map
@@ -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, MethodType, 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 const placeholder = scope.attr('placeholder', 'Selecione...');\n const value = scope.getDisplayValue();\n\n const handlePress = () => {\n setModalVisible(!modalVisible);\n };\n\n const onClick = ({ crud, value }: MethodType) => {\n scope.changeValue(value);\n handlePress();\n };\n\n return (\n <View style={styles.root}>\n <TouchableOpacity onPress={handlePress} style={styles.select}>\n <Text style={styles.label}>{Utils.nvl(value, placeholder)}</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 data={items} name={scope.getName('list')} click={onClick}>\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: '#f5f5f5',\n paddingTop: StatusBar.currentHeight || 0, // Considera a altura da barra de status no Android\n },\n root: {\n justifyContent: 'flex-start',\n alignItems: 'flex-start',\n },\n select: {\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 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 width: '100%',\n alignSelf: 'flex-start',\n flexDirection: 'row',\n flexWrap: 'wrap',\n padding: 20,\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, TouchableHighlight, 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 const onClick = (item: any) => {\n console.log(item);\n scope.call('click', { value: item, item });\n };\n\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 <TouchableHighlight\n key={`k-${i}`}\n style={styles.item}\n onPress={e => {\n onClick(item);\n }}\n >\n <UIListRow scope={scope} item={item} index={i}>\n {props.children}\n </UIListRow>\n </TouchableHighlight>\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.isType('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 width: '100%',\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: {\n flex: 1,\n width: '100%',\n paddingBottom: 10,\n paddingTop: 5,\n alignSelf: 'flex-start',\n flexDirection: 'row',\n flexWrap: 'wrap',\n },\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","placeholder","attr","value","getDisplayValue","handlePress","root","select","Icon","Modal","animationType","transparent","visible","onRequestClose","StatusBar","barStyle","SafeAreaView","safe","header","closeButton","closeText","title","content","List","getName","Value","paddingTop","currentHeight","justifyContent","borderWidth","borderColor","paddingHorizontal","paddingVertical","marginLeft","alignSelf","UISwitch","initial","getValue","setValue","Switch","onValueChange","v","UIOption","UIRadio","UIInput","getLabel","getPart","base","TextInput","input","onChangeText","marginRight","marginHorizontal","marginVertical","UIListRow","UIList","field","right","container","console","log","call","setIndex","_useState3","error","setError","options","ref","useRef","update","router","list","chart","CurrentRouter","c","custom","tag","is","onChange","val","target","isType","parseInt","parseFloat","getSelectedItem","hasChildren","def","elementStyle","_elementStyle$type","hasChild","withChildStyles","_elementStyle$type2","elStyle","required","isRequired","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":"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"}
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/core/UIToggle.tsx","../src/elements/UIElement.tsx","../src/elements/core/UIInclude.tsx","../src/elements/UI.tsx"],"sourcesContent":["import React, { useState } from 'react';\r\nimport UIElement from './UIElement';\r\nimport { Crud, Scope, ScopeUtils, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, View } from 'react-native';\r\n\r\ninterface UIChildrenType {\r\n scope: Scope;\r\n crud?: Crud;\r\n validateScope?: String;\r\n children?: any;\r\n elements?: any;\r\n transient?: boolean;\r\n part?: string;\r\n childProps?: any;\r\n}\r\n\r\nexport default function UIChildren(props: UIChildrenType) {\r\n let [scope] = useState(Utils.nvl(props.scope, ScopeUtils.create(props)));\r\n let crud = Utils.nvl(props.crud, scope.crud);\r\n let validateScope = Utils.nvl(props.validateScope, 'global');\r\n let name = Utils.nvl(props.part, 'child');\r\n\r\n if (scope.isInput()) {\r\n return <></>;\r\n }\r\n\r\n let Paint = ({ child }: any) => {\r\n if (!child) {\r\n return <></>;\r\n }\r\n if (typeof child === 'string') {\r\n return <>{child}</>;\r\n }\r\n\r\n let Custom = child.type;\r\n let pps = { ...child.props };\r\n\r\n delete pps.children;\r\n\r\n if (typeof Custom === 'string') {\r\n if (Utils.isEmpty(child.props.children)) {\r\n return <Custom {...pps} />;\r\n }\r\n return (\r\n <Custom {...pps}>\r\n <UIChildren\r\n transient\r\n validateScope={validateScope}\r\n {...child.props}\r\n scope={scope}\r\n crud={crud}\r\n ></UIChildren>\r\n </Custom>\r\n );\r\n } else if (typeof Custom === 'function') {\r\n return (\r\n <Custom\r\n validateScope={validateScope}\r\n {...child.props}\r\n parent={scope}\r\n crud={crud}\r\n ></Custom>\r\n );\r\n }\r\n\r\n if (!Utils.isEmpty(child.props.children)) {\r\n return (\r\n <UIChildren\r\n validateScope={validateScope}\r\n {...child.props}\r\n scope={scope}\r\n crud={crud}\r\n transient\r\n ></UIChildren>\r\n );\r\n }\r\n return <></>;\r\n };\r\n\r\n const Draw = () => {\r\n if (props.elements) {\r\n return (\r\n <>\r\n {Object.entries(props.elements).map((t: any, k) => {\r\n return <UIElement crud={crud} {...t[1]} />;\r\n })}\r\n </>\r\n );\r\n }\r\n return (\r\n <>\r\n {React.Children.map(props.children, child => {\r\n return <Paint child={child}></Paint>;\r\n })}\r\n </>\r\n );\r\n };\r\n\r\n if (props.transient) {\r\n return <Draw />;\r\n }\r\n\r\n if (Utils.isEmpty(props.children) && Utils.isEmpty(props.elements)) {\r\n return <></>;\r\n }\r\n\r\n const getStyle = (part?: string) => {\r\n let key = Utils.nvl(part, 'root');\r\n let def = styles[key];\r\n\r\n return { ...def, ...scope.getStyle(part) };\r\n };\r\n\r\n return (\r\n <>\r\n <View style={getStyle(name)}>\r\n <Draw />\r\n </View>\r\n </>\r\n );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n child: { width: '100%' },\r\n inner: { width: '100%' },\r\n});\r\n","import React, { useState, useEffect } from 'react';\r\nimport UIChildren from '../UIChildren';\r\nimport UI from '../UI';\r\n\r\nimport Ionicons from '@expo/vector-icons/Ionicons';\r\nimport { ChildType, CrudUtils, Utils } from 'react-crud-utils';\r\n\r\nexport default function ElTabs(props: ChildType) {\r\n let scope = props.scope;\r\n let [selectedIndex, setSelectedIndex]: any = useState(0);\r\n let element = scope.original;\r\n let items = scope.getItems();\r\n let counter = 0;\r\n\r\n let tabs: any = [];\r\n let [selected, setSelected]: any = useState(null);\r\n\r\n const onChangeTab = (tab: any, validate = true) => {\r\n if (tab) {\r\n scope.execute({\r\n event: {\r\n validate,\r\n validateScope: element.validateScope,\r\n action: () => {\r\n scope.changeValue(tab.data);\r\n\r\n selected = tab;\r\n selectedIndex = tab.index;\r\n\r\n setSelectedIndex(selectedIndex);\r\n setSelected(tab);\r\n },\r\n },\r\n });\r\n }\r\n };\r\n\r\n const getStyleClass = (t: any) => {\r\n let s = 'ui-tabs-item ui-click';\r\n\r\n if (selected?.index === t.index) {\r\n s = s + ' ui-tab-selected';\r\n }\r\n return s;\r\n };\r\n\r\n const addTab = (child: any, item: any) => {\r\n let original = { ...child.props };\r\n\r\n if (!item) {\r\n item = scope.crud.data;\r\n }\r\n\r\n let crudTab = CrudUtils.create('tabs', {\r\n data: item,\r\n changed: item,\r\n parent: scope.crud,\r\n });\r\n\r\n let element = Utils.resolve(original, crudTab);\r\n\r\n if (element.rendered === false) {\r\n return;\r\n }\r\n\r\n tabs.push({\r\n ...element,\r\n child,\r\n element,\r\n original,\r\n index: counter++,\r\n data: item,\r\n });\r\n };\r\n\r\n React.Children.map(props.children, (child, index) => {\r\n if (Utils.isEmpty(items)) {\r\n addTab(child, {});\r\n } else {\r\n for (const i in items) {\r\n let o = items[i];\r\n\r\n addTab(child, o);\r\n }\r\n }\r\n });\r\n\r\n if (!selected) {\r\n onChangeTab(tabs[selectedIndex], false);\r\n }\r\n\r\n const nav = (i: any) => {\r\n let t = tabs[selectedIndex + i];\r\n\r\n onChangeTab(t);\r\n };\r\n\r\n const previous = () => {\r\n nav(-1);\r\n };\r\n\r\n const next = () => {\r\n nav(1);\r\n };\r\n\r\n let isStepper = element.layout === 'stepper';\r\n\r\n return (\r\n <div\r\n className={scope.getStyleClass('inner')}\r\n style={scope.getStyle('inner')}\r\n >\r\n <div className=\"ui-tabs-content\">\r\n <div className=\"ui-tabs-items\">\r\n {tabs.map((t: any, i: number) => (\r\n <div\r\n key={Utils.key(element.id, 'tab', i)}\r\n className={getStyleClass(t)}\r\n onClick={() => {\r\n onChangeTab(t);\r\n }}\r\n >\r\n {isStepper && <div className=\"ui-tab-item-divisor\" />}\r\n <div className=\"ui-tab-item-inner\">\r\n {isStepper && <div className=\"ui-step-line\" />}\r\n <div className=\"ui-tab-item-label\">\r\n {isStepper ? t.index + 1 : t.label}\r\n </div>\r\n </div>\r\n </div>\r\n ))}\r\n </div>\r\n {selected && (\r\n <>\r\n {isStepper && <div className=\"ui-tabs-label\">{selected.label}</div>}\r\n <div className=\"ui-tabs-area\">\r\n <UIChildren {...props} scope={scope}>\r\n {selected.child}\r\n </UIChildren>\r\n </div>\r\n {element.layout === 'stepper' && (\r\n <div className=\"ui-tabs-actions\">\r\n <UI.Output space={6} layout=\"left\">\r\n <UI.Include\r\n {...props}\r\n transient\r\n name=\"left\"\r\n default={\r\n <UI.Button\r\n rendered={selectedIndex > 0}\r\n icon={<Ionicons />}\r\n click={previous}\r\n />\r\n }\r\n />\r\n </UI.Output>\r\n <UI.Output space={6} layout=\"right\">\r\n <UI.Include\r\n {...props}\r\n transient\r\n name=\"right\"\r\n default={\r\n <UI.Button\r\n rendered={selectedIndex < tabs.length - 1}\r\n icon={<Ionicons />}\r\n click={next}\r\n />\r\n }\r\n />\r\n </UI.Output>\r\n </div>\r\n )}\r\n </>\r\n )}\r\n </div>\r\n </div>\r\n );\r\n}\r\n","import React from \"react\";\r\nimport { ChildType, Scope, Utils } from \"react-crud-utils\";\r\n\r\nexport default function ElChart(props: ChildType) {\r\n let scope: Scope = props.scope;\r\n let items: any = scope.getItems();\r\n let columns = Utils.asList(scope.original.columns);\r\n\r\n return <div className=\"ui-chart-data\"></div>;\r\n}\r\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';\r\nimport AutoComplete from './core/UIAutoComplete';\r\n\r\nexport default function UIComplete({\r\n defaultsInput,\r\n defaultsUI,\r\n scope,\r\n}: ChildType) {\r\n return (\r\n <>\r\n <AutoComplete {...defaultsInput} {...defaultsUI} />\r\n </>\r\n );\r\n}\r\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';\r\nimport { ChildType, MethodType, Utils } from 'react-crud-utils';\r\nimport {\r\n Text,\r\n TouchableOpacity,\r\n StyleSheet,\r\n Modal,\r\n View,\r\n StatusBar,\r\n SafeAreaView,\r\n} from 'react-native';\r\nimport Icon from 'react-native-vector-icons/FontAwesome';\r\nimport UI from '../UI';\r\n\r\nexport default function UISelect(props: ChildType) {\r\n const [modalVisible, setModalVisible] = useState(false);\r\n const scope = props.scope;\r\n const items = Utils.nvl(scope.getOptions(), []);\r\n const placeholder = scope.attr('placeholder', 'Selecione...');\r\n const value = scope.getDisplayValue();\r\n\r\n const handlePress = () => {\r\n setModalVisible(!modalVisible);\r\n };\r\n\r\n const onClick = ({ crud, value }: MethodType) => {\r\n scope.changeValue(value);\r\n handlePress();\r\n };\r\n\r\n return (\r\n <View style={styles.root}>\r\n <TouchableOpacity onPress={handlePress} style={styles.select}>\r\n <Text style={styles.label}>{Utils.nvl(value, placeholder)}</Text>\r\n <Icon name=\"angle-down\" size={20} color=\"#888\" />\r\n </TouchableOpacity>\r\n <Modal\r\n animationType=\"slide\"\r\n transparent={true}\r\n visible={modalVisible}\r\n onRequestClose={() => setModalVisible(false)}\r\n >\r\n <StatusBar barStyle=\"dark-content\" backgroundColor=\"#6200ea\" />\r\n <SafeAreaView style={styles.safe}>\r\n <View style={styles.header}>\r\n <TouchableOpacity\r\n onPress={() => setModalVisible(false)}\r\n style={styles.closeButton}\r\n >\r\n <Text style={styles.closeText}>X</Text>\r\n </TouchableOpacity>\r\n <Text style={styles.title}>Título do Modal</Text>\r\n </View>\r\n <View style={styles.content}>\r\n <UI.List data={items} name={scope.getName('list')} click={onClick}>\r\n <UI.Value value=\"#{@this.label}\" />\r\n </UI.List>\r\n </View>\r\n </SafeAreaView>\r\n </Modal>\r\n </View>\r\n );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n safe: {\r\n flex: 1,\r\n backgroundColor: '#f5f5f5',\r\n paddingTop: StatusBar.currentHeight || 0, // Considera a altura da barra de status no Android\r\n },\r\n root: {\r\n justifyContent: 'flex-start',\r\n alignItems: 'flex-start',\r\n },\r\n select: {\r\n width: '100%',\r\n flexDirection: 'row',\r\n borderWidth: 1,\r\n borderColor: '#a9a9a9',\r\n borderRadius: 20,\r\n paddingHorizontal: 15,\r\n paddingVertical: 10,\r\n },\r\n item: { width: '100%' },\r\n label: { flex: 1 },\r\n header: {\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n padding: 15,\r\n backgroundColor: '#6200ea',\r\n },\r\n closeButton: {\r\n padding: 10,\r\n },\r\n closeText: {\r\n fontSize: 18,\r\n color: 'white',\r\n },\r\n title: {\r\n fontSize: 18,\r\n color: 'white',\r\n fontWeight: 'bold',\r\n marginLeft: 10,\r\n },\r\n content: {\r\n flex: 1,\r\n width: '100%',\r\n alignSelf: 'flex-start',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n padding: 20,\r\n },\r\n});\r\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';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, TextInput, View } from 'react-native';\r\n\r\nexport default function UIInput(props: ChildType) {\r\n let scope = props.scope;\r\n let initial = Utils.nvl(scope.getValue(), '');\r\n\r\n let label = scope.getLabel();\r\n let placeholder = scope.getPart('placeholder', null, label);\r\n let el = scope.original;\r\n\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 <View style={styles.base}>\r\n {scope.getPart('left')}\r\n <TextInput\r\n style={styles.input}\r\n onChangeText={onChange}\r\n value={value}\r\n placeholder={placeholder}\r\n />\r\n {scope.getPart('right')}\r\n </View>\r\n );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n base: {\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n borderWidth: 1,\r\n borderColor: '#a9a9a9',\r\n borderRadius: 20,\r\n paddingHorizontal: 10,\r\n paddingVertical: 5,\r\n padding: 10,\r\n paddingLeft: 5,\r\n paddingRight: 10,\r\n },\r\n icon: {\r\n marginRight: 10, // Espaço entre ícone e input\r\n },\r\n input: {\r\n marginHorizontal: 10,\r\n marginVertical: 5,\r\n flex: 1, // Para o input ocupar o espaço restante\r\n },\r\n});\r\n","import React, { useState } from 'react';\r\nimport { ChildType, ScopeUtils, Utils } from 'react-crud-utils';\r\nimport UIChildren from '../UIChildren';\r\n\r\ninterface UIListRowType extends ChildType {\r\n item: any;\r\n index: number;\r\n}\r\n\r\nexport default function UIListRow(props: UIListRowType) {\r\n const parent = props.scope;\r\n const item = props.item;\r\n const row = {\r\n parent,\r\n crud: parent.crud,\r\n index: props.index,\r\n type: 'row',\r\n data: item,\r\n };\r\n let [scope] = useState(ScopeUtils.create(row));\r\n\r\n return (\r\n <>\r\n <UIChildren scope={scope} crud={scope.crud}>\r\n {props.children}\r\n </UIChildren>\r\n </>\r\n );\r\n}\r\n","import React from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, Text, TouchableHighlight, View } from 'react-native';\r\nimport UIListRow from './UIListRow';\r\nimport UI from '../UI';\r\nimport Icon from 'react-native-vector-icons/FontAwesome';\r\n\r\nexport default function UIList(props: ChildType) {\r\n const scope = props.scope;\r\n const crud = scope.crud;\r\n const items = Utils.nvl(scope.getItems(), []);\r\n const onClick = (item: any) => {\r\n console.log(item);\r\n scope.call('click', { value: item, item });\r\n };\r\n\r\n return (\r\n <>\r\n <UI.Text\r\n placeholder=\"Pesquisar...\"\r\n field=\"query\"\r\n crud={crud}\r\n right={<Icon name=\"eye\" size={20} color=\"#888\" />}\r\n />\r\n\r\n <View style={styles.container}>\r\n {items.map((item: any, i: number) => (\r\n <TouchableHighlight\r\n key={`k-${i}`}\r\n style={styles.item}\r\n onPress={e => {\r\n onClick(item);\r\n }}\r\n >\r\n <UIListRow scope={scope} item={item} index={i}>\r\n {props.children}\r\n </UIListRow>\r\n </TouchableHighlight>\r\n ))}\r\n </View>\r\n </>\r\n );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n container: {\r\n flex: 1,\r\n width: '100%',\r\n },\r\n item: {\r\n padding: 15,\r\n marginVertical: 8,\r\n backgroundColor: '#f5f5f5',\r\n borderRadius: 8,\r\n width: '100%',\r\n },\r\n text: {\r\n fontSize: 18,\r\n fontWeight: 'bold',\r\n },\r\n});\r\n","import React from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { StyleSheet, TouchableHighlight, View } from 'react-native';\r\nimport UIListRow from './UIListRow';\r\n\r\nexport default function UIToggle(props: ChildType) {\r\n const scope = props.scope;\r\n const options = Utils.nvl(scope.getOptions(), []);\r\n const onClick = (item: any) => {\r\n console.log(item);\r\n scope.call('click', { value: item, item });\r\n };\r\n\r\n const Item = ({ item, index }) => {\r\n if (Utils.isEmpty(props.children)) {\r\n return <>{item.label}</>;\r\n }\r\n\r\n return (\r\n <UIListRow scope={scope} item={item.object} index={index}>\r\n {props.children}\r\n </UIListRow>\r\n );\r\n };\r\n\r\n return (\r\n <>\r\n <View style={styles.container}>\r\n {options.map((item: any, i: number) => (\r\n <TouchableHighlight\r\n key={`k-${i}`}\r\n style={styles.item}\r\n onPress={e => {\r\n onClick(item);\r\n }}\r\n >\r\n <Item item={item} index={i} />\r\n </TouchableHighlight>\r\n ))}\r\n </View>\r\n </>\r\n );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n container: {\r\n flex: 1,\r\n width: '100%',\r\n },\r\n item: {\r\n padding: 15,\r\n marginVertical: 8,\r\n backgroundColor: '#f5f5f5',\r\n borderRadius: 8,\r\n width: '100%',\r\n },\r\n text: {\r\n fontSize: 18,\r\n fontWeight: 'bold',\r\n },\r\n});\r\n","import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\r\nimport UIChildren from './UIChildren';\r\nimport ElTabs from './tabs/ElTabs';\r\nimport ElChart from './charts/ElChart';\r\nimport UIComplete from './UIComplete';\r\nimport {\r\n Crud,\r\n HtmlUtils,\r\n ScopeUtils,\r\n Utils,\r\n ElementType,\r\n} from 'react-crud-utils';\r\nimport UILink from './core/UILink';\r\nimport UIIcon from './core/UIIcon';\r\nimport UIButton from './core/UIButton';\r\nimport UISelect from './core/UISelect';\r\nimport UISwitch from './core/UISwitch';\r\nimport UIOption from './core/UIOption';\r\nimport UIRadio from './core/UIRadio';\r\nimport UIInput from './core/UIInput';\r\nimport { Image, Linking, StyleSheet, Text, View } from 'react-native';\r\nimport UIList from './core/UIList';\r\nimport UIToggle from './core/UIToggle';\r\n\r\nexport default function UIElement(props: ElementType) {\r\n let [scope] = useState(ScopeUtils.create(props));\r\n let [index, setIndex] = useState(0);\r\n let [error, setError]: string | any = useState(null);\r\n let options: any = scope.getOptions();\r\n let crud: Crud = Utils.nvl(props.crud, scope.crud);\r\n let original = scope.original;\r\n let type = original.type;\r\n let ref = useRef(null);\r\n\r\n scope.update = () => {\r\n setIndex(++index);\r\n };\r\n\r\n let router: any = {\r\n list: UIList,\r\n tabs: ElTabs,\r\n chart: ElChart,\r\n };\r\n\r\n let CurrentRouter = () => {\r\n if (router[type]) {\r\n let Aux = router[type];\r\n\r\n return <Aux crud={crud} {...props} scope={scope} />;\r\n }\r\n return <></>;\r\n };\r\n\r\n const Custom = () => {\r\n let c: any = original.custom;\r\n\r\n if (c) {\r\n if (typeof c === 'string') {\r\n return (\r\n <UIElement\r\n element={{ value: c, type: 'dummy' }}\r\n crud={crud}\r\n ></UIElement>\r\n );\r\n }\r\n\r\n return (\r\n <UIElement\r\n type={c.type}\r\n tag={c.type}\r\n {...c.props}\r\n crud={crud}\r\n ></UIElement>\r\n );\r\n }\r\n\r\n return <></>;\r\n };\r\n\r\n if (scope.is('type', 'dummy')) {\r\n return <>{scope.getDisplayValue()}</>;\r\n }\r\n\r\n let onCheck = () => {\r\n let v = scope.getValue();\r\n let check = !(v === true);\r\n\r\n onChange({ target: { value: check } });\r\n };\r\n\r\n let onChange = (e: any) => {\r\n let val = e.target.value;\r\n\r\n if (scope.isType('integer', 'int', 'number')) {\r\n val = parseInt(val);\r\n } else if (scope.isType('decimal')) {\r\n val = parseFloat(val);\r\n }\r\n\r\n if (scope.isType('select', 'complete')) {\r\n val = scope.getSelectedItem(val);\r\n }\r\n\r\n scope.changeValue(val);\r\n scope.update();\r\n };\r\n\r\n let onClick = (e: any) => {\r\n scope.call('click');\r\n };\r\n\r\n let defaultsInput: any = {\r\n scope,\r\n crud,\r\n onChange: onChange,\r\n };\r\n\r\n if (scope.isType('password')) {\r\n defaultsInput.type = 'password';\r\n }\r\n\r\n let isChecked = () => {\r\n let v = scope.getValue();\r\n\r\n return v === true;\r\n };\r\n\r\n let hasChildren = () => {\r\n if (scope.isInput()) {\r\n return false;\r\n }\r\n\r\n return !Utils.isEmpty(props.children) || !Utils.isEmpty(props.elements);\r\n };\r\n\r\n const getStyle = (part?: string) => {\r\n let type = Utils.nvl(original.type, 'none');\r\n let key = Utils.nvl(part, 'root');\r\n let def = { ...styles[key], ...elementStyle?.[type]?.[key] };\r\n let hasChild = hasChildren();\r\n\r\n if (!part && !hasChild) {\r\n def = { ...def };\r\n }\r\n\r\n if (hasChild && part) {\r\n def = { ...def, ...withChildStyles[part] };\r\n }\r\n\r\n def = { ...def, ...elementStyle?.[type]?.[key] };\r\n\r\n return { ...def, ...scope.getStyle(part) };\r\n };\r\n\r\n let elStyle = getStyle('element');\r\n\r\n let defaultsUI: any = {\r\n required: scope.isRequired(),\r\n size: 'small',\r\n scope,\r\n crud,\r\n style: elStyle,\r\n placeholder: scope.attr('placeholder', 'Digite aqui'),\r\n };\r\n\r\n if (!scope.isRendered() || scope.is('type', 'define')) {\r\n return <></>;\r\n }\r\n\r\n scope.error = (msg: string) => {\r\n error = msg;\r\n setError(msg);\r\n };\r\n\r\n useEffect(() => {\r\n if (!scope.ready) {\r\n scope.ready = true;\r\n\r\n scope.call('load');\r\n\r\n if (scope.isType('list', 'repeat')) {\r\n scope.search();\r\n } else if (original.list) {\r\n scope.call('list');\r\n }\r\n scope.start();\r\n }\r\n });\r\n\r\n const CustomIcon = () => {\r\n if (typeof original.icon === 'string') {\r\n return <UIIcon>{scope.getIcon()}</UIIcon>;\r\n }\r\n return <>{original.icon}</>;\r\n };\r\n\r\n let hasCustomRoute = () => {\r\n if (router[type]) return true;\r\n return false;\r\n };\r\n\r\n scope.open = (args: any) => {\r\n Linking.openURL(args.url);\r\n };\r\n\r\n if (scope.isType('dialog')) {\r\n let name = original.name;\r\n\r\n if (!crud.dialogs[name]) {\r\n let dlg: any = { config: { ...original } };\r\n\r\n dlg.component = (args: any) => {\r\n return <UIChildren {...props} scope={scope} crud={crud} />;\r\n };\r\n\r\n crud.dialogs[name] = dlg;\r\n }\r\n return <></>;\r\n }\r\n\r\n useLayoutEffect(() => {\r\n if (ref?.current && scope.is('type', 'card', 'list', 'tabs', 'stepper')) {\r\n let el: any = ref?.current;\r\n\r\n if (el?.classList) {\r\n let bg = HtmlUtils.getBGColor(el);\r\n\r\n if (bg === 'rgb(255, 255, 255)') {\r\n el.classList.add('ui-dark');\r\n } else {\r\n el.classList.add('ui-light');\r\n }\r\n }\r\n }\r\n });\r\n\r\n const isShowLabel = () => {\r\n if (typeof original.label !== 'undefined' && !scope.isType('button')) {\r\n return true;\r\n }\r\n\r\n return false;\r\n };\r\n\r\n const isShowInner = () => {\r\n if (hasChildren() || hasCustomRoute()) {\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n return (\r\n <>\r\n <View ref={ref} style={getStyle()}>\r\n <>\r\n {isShowLabel() && (\r\n <Text style={getStyle('label')}>{scope.getLabel()}</Text>\r\n )}\r\n {isShowInner() && (\r\n <>\r\n <View style={getStyle('inner')}>\r\n {scope.is('type', 'button') && (\r\n <UIButton\r\n {...defaultsUI}\r\n onClick={onClick}\r\n variant={scope.attr('variant', 'outlined')}\r\n >\r\n {original.icon && <CustomIcon />}\r\n {original.label && (\r\n <Text style={scope.getPart('label', 'button')}>\r\n {scope.getLabel()}\r\n </Text>\r\n )}\r\n </UIButton>\r\n )}\r\n {scope.is('type', 'icon') && (\r\n <UIIcon\r\n {...defaultsUI}\r\n onClick={onClick}\r\n variant={scope.attr('variant', 'outlined')}\r\n >\r\n {scope.getDisplayValue()}\r\n </UIIcon>\r\n )}\r\n {scope.is('type', 'link') && (\r\n <UILink\r\n {...defaultsUI}\r\n onClick={onClick}\r\n variant={scope.attr('variant', 'outlined')}\r\n >\r\n {original.icon && <CustomIcon />}\r\n {original.label && (\r\n <Text style={scope.getPart('label', 'link')}>\r\n {scope.getLabel()}\r\n </Text>\r\n )}\r\n </UILink>\r\n )}\r\n {scope.is(\r\n 'type',\r\n 'text',\r\n 'number',\r\n 'phone',\r\n 'postalCode',\r\n 'money',\r\n 'password',\r\n 'email'\r\n ) && (\r\n <UIInput\r\n {...defaultsInput}\r\n {...defaultsUI}\r\n InputProps={{ ...original.inputProps }}\r\n />\r\n )}\r\n {scope.is('type', 'complete', 'autocomplete') && (\r\n <UIComplete\r\n scope={scope}\r\n defaultsInput={defaultsInput}\r\n defaultsUI={defaultsUI}\r\n />\r\n )}\r\n {scope.is('type', 'checkbox', 'boolean', 'switch') && (\r\n <UISwitch\r\n checked={isChecked()}\r\n {...defaultsInput}\r\n onChange={onCheck}\r\n />\r\n )}\r\n {scope.is('type', 'select') && (\r\n <UISelect\r\n {...defaultsInput}\r\n {...defaultsUI}\r\n value={scope.getSelectedValue()}\r\n />\r\n )}\r\n {scope.is('type', 'toggle') && (\r\n <UIToggle\r\n {...defaultsInput}\r\n {...defaultsUI}\r\n value={scope.getSelectedValue()}\r\n />\r\n )}\r\n {scope.is('type', 'radio') && (\r\n <UIRadio {...defaultsInput} {...defaultsUI} row>\r\n {options.map((row: any, i: number) => (\r\n <UIOption\r\n key={'i' + i}\r\n control={<UIRadio {...defaultsUI} />}\r\n label={row.label}\r\n value={row.value}\r\n />\r\n ))}\r\n </UIRadio>\r\n )}\r\n {scope.is('type', 'custom') && <Custom />}\r\n {scope.is('type', 'column') && (\r\n <>\r\n {scope.is('format', 'img') && (\r\n <Image source={scope.getDisplayValue()} />\r\n )}\r\n {scope.is('format', 'icon') && (\r\n <UIIcon className={scope.getDisplayValue()} />\r\n )}\r\n {!scope.is('format', 'icon', 'img') && (\r\n <Text>{scope.getDisplayValue()}</Text>\r\n )}\r\n </>\r\n )}\r\n {scope.is('type', 'output', 'value') && (\r\n <Text>{scope.getDisplayValue()}</Text>\r\n )}\r\n </View>\r\n {error && <View style={getStyle('error')}>{error}</View>}\r\n </>\r\n )}\r\n <CurrentRouter />\r\n {!scope.is('type', 'tabs', 'grid', 'list', 'define', 'repeat') && (\r\n <UIChildren {...props} scope={scope} crud={crud} />\r\n )}\r\n </>\r\n </View>\r\n </>\r\n );\r\n}\r\n\r\nconst elementStyle: any = {};\r\n\r\nelementStyle.card = StyleSheet.create({\r\n root: {\r\n backgroundColor: 'white',\r\n padding: 16,\r\n borderRadius: 10,\r\n width: '100%',\r\n shadowColor: '#888', // iOS\r\n shadowOffset: { width: 0, height: 1 }, // iOS\r\n shadowOpacity: 0.25, // iOS\r\n shadowRadius: 3.84, // iOS\r\n elevation: 3, // Android\r\n },\r\n inner: {\r\n flex: 1,\r\n width: '100%',\r\n paddingBottom: 10,\r\n paddingTop: 5,\r\n alignSelf: 'flex-start',\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n },\r\n});\r\n\r\nelementStyle.list = {\r\n ...elementStyle.card,\r\n};\r\n\r\nconst styles = StyleSheet.create({\r\n root: {\r\n gap: 5,\r\n flexDirection: 'column',\r\n flexWrap: 'wrap',\r\n width: '100%',\r\n alignItems: 'flex-start',\r\n },\r\n label: { width: '100%', fontWeight: 500, fontSize: 12 },\r\n inner: { width: '100%', paddingBottom: 5, paddingTop: 5 },\r\n});\r\n\r\nconst withChildStyles = StyleSheet.create({\r\n root: {\r\n gap: 10,\r\n },\r\n label: {\r\n width: '100%',\r\n fontWeight: 500,\r\n fontSize: 24,\r\n },\r\n});\r\n","import UIChildren from '../UIChildren';\r\nimport { ComponentUtils, DefineType, Utils } from 'react-crud-utils';\r\n\r\nexport default function UIInclude(props: DefineType) {\r\n if (props.rendered === false) {\r\n return <></>;\r\n }\r\n\r\n let includes = ComponentUtils.getDefine(props, props.name, props.position);\r\n\r\n if (Utils.isEmpty(includes)) {\r\n includes = props.default;\r\n }\r\n\r\n if (!Utils.isEmpty(includes)) {\r\n let Aux = (tagProp: any) => {\r\n let Tag: any = props.tag;\r\n\r\n if (!Utils.isEmpty(Tag)) {\r\n return <Tag {...tagProp}>{tagProp.children}</Tag>;\r\n }\r\n return <>{tagProp.children}</>;\r\n };\r\n\r\n return (\r\n <Aux {...props.tagProps}>\r\n <UIChildren\r\n transient\r\n {...props}\r\n scope={props.scope}\r\n crud={props.crud}\r\n part={props.name}\r\n >\r\n {includes}\r\n </UIChildren>\r\n </Aux>\r\n );\r\n }\r\n return <>{includes}</>;\r\n}\r\n","import { ListType } from 'react-crud-utils';\r\nimport { UserType } from 'react-crud-utils';\r\nimport { InputType } from 'react-crud-utils';\r\nimport { ChartType } from 'react-crud-utils';\r\nimport { ContainerType } from 'react-crud-utils';\r\nimport { ListInputType } from 'react-crud-utils';\r\nimport UIElement from './UIElement';\r\nimport { TabsType } from 'react-crud-utils';\r\nimport { DefineType } from 'react-crud-utils';\r\nimport { ButtonType } from 'react-crud-utils';\r\nimport { LinkType } from 'react-crud-utils';\r\nimport UIInclude from './core/UIInclude';\r\n\r\nconst UI = {\r\n List: (props: ListType) => <UIElement {...props} type=\"list\" />,\r\n Value: (props: UserType) => <UIElement {...props} type=\"value\" />,\r\n Label: (props: UserType) => <UIElement {...props} type=\"label\" />,\r\n Repeat: (props: ListType) => <UIElement {...props} type=\"repeat\" />,\r\n Define: (props: DefineType) => <UIElement {...props} type=\"define\" />,\r\n Include: (props: DefineType) => <UIInclude {...props} />,\r\n Column: ({ type = 'column', ...props }: UserType) => (\r\n <UIElement {...props} type=\"column\" />\r\n ),\r\n Input: (props: InputType) => <UIElement {...props} />,\r\n Text: (props: InputType) => <UIElement {...props} type=\"text\" />,\r\n Email: (props: InputType) => <UIElement {...props} type=\"email\" />,\r\n Button: (props: ButtonType) => <UIElement {...props} type=\"button\" />,\r\n Link: (props: LinkType) => <UIElement {...props} type=\"link\" />,\r\n Icon: (props: ButtonType) => <UIElement {...props} type=\"icon\" />,\r\n Output: (props: ContainerType) => <UIElement {...props} type=\"output\" />,\r\n Form: (props: ContainerType) => <UIElement {...props} type=\"form\" />,\r\n Crud: (props: ContainerType) => <UIElement {...props} type=\"crud\" />,\r\n View: (props: ContainerType) => (\r\n <UIElement {...props} type=\"view\" transient />\r\n ),\r\n Bottom: (props: ContainerType) => <UIElement {...props} type=\"bottom\" />,\r\n Dialog: (props: ContainerType) => <UIElement {...props} type=\"dialog\" />,\r\n Content: (props: ContainerType) => <UIElement {...props} type=\"content\" />,\r\n Top: (props: ContainerType) => <UIElement {...props} type=\"top\" />,\r\n Card: (props: ContainerType) => <UIElement {...props} type=\"card\" />,\r\n Tab: (props: ContainerType) => <UIElement {...props} type=\"tab\" />,\r\n Tabs: (props: TabsType) => <UIElement {...props} type=\"tabs\" />,\r\n Step: (props: ContainerType) => (\r\n <UIElement {...props} type=\"tab\" layout=\"step\" />\r\n ),\r\n Stepper: (props: TabsType) => (\r\n <UIElement {...props} type=\"tabs\" layout=\"stepper\" />\r\n ),\r\n Money: (props: InputType) => <UIElement {...props} type=\"money\" />,\r\n Chart: (props: ChartType) => <UIElement {...props} type=\"chart\" />,\r\n Password: (props: InputType) => <UIElement {...props} type=\"password\" />,\r\n Complete: (props: InputType) => <UIElement {...props} type=\"complete\" />,\r\n Checkbox: (props: InputType) => <UIElement {...props} type=\"switch\" />,\r\n Switch: (props: InputType) => <UIElement {...props} type=\"switch\" />,\r\n Radio: (props: ListInputType) => <UIElement {...props} type=\"radio\" />,\r\n Select: (props: ListInputType) => <UIElement {...props} type=\"select\" />,\r\n Entity: (props: ListInputType) => <UIElement {...props} type=\"entity\" />,\r\n Element: (props: ListInputType) => <UIElement {...props} type=\"element\" />,\r\n};\r\nexport default UI;\r\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","placeholder","attr","value","getDisplayValue","handlePress","root","select","Icon","Modal","animationType","transparent","visible","onRequestClose","StatusBar","barStyle","SafeAreaView","safe","header","closeButton","closeText","title","content","List","getName","Value","paddingTop","currentHeight","justifyContent","borderWidth","borderColor","paddingHorizontal","paddingVertical","marginLeft","alignSelf","UISwitch","initial","getValue","setValue","Switch","onValueChange","v","UIOption","UIRadio","UIInput","getLabel","getPart","base","TextInput","input","onChangeText","marginRight","marginHorizontal","marginVertical","UIListRow","UIList","field","right","container","console","log","call","UIToggle","options","Item","object","setIndex","_useState3","error","setError","ref","useRef","update","router","list","chart","CurrentRouter","c","custom","tag","is","onChange","val","target","isType","parseInt","parseFloat","getSelectedItem","hasChildren","def","elementStyle","_elementStyle$type","hasChild","withChildStyles","_elementStyle$type2","elStyle","required","isRequired","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":"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"}
@@ -708,6 +708,67 @@ var styles$8 = /*#__PURE__*/StyleSheet.create({
708
708
  }
709
709
  });
710
710
 
711
+ function UIToggle(props) {
712
+ var scope = props.scope;
713
+ var options = Utils.nvl(scope.getOptions(), []);
714
+ var onClick = function onClick(item) {
715
+ console.log(item);
716
+ scope.call('click', {
717
+ value: item,
718
+ item: item
719
+ });
720
+ };
721
+ var Item = function Item(_ref) {
722
+ var item = _ref.item,
723
+ index = _ref.index;
724
+ if (Utils.isEmpty(props.children)) {
725
+ return /*#__PURE__*/jsx(Fragment, {
726
+ children: item.label
727
+ });
728
+ }
729
+ return /*#__PURE__*/jsx(UIListRow, {
730
+ scope: scope,
731
+ item: item.object,
732
+ index: index,
733
+ children: props.children
734
+ });
735
+ };
736
+ return /*#__PURE__*/jsx(Fragment, {
737
+ children: /*#__PURE__*/jsx(View, {
738
+ style: styles$9.container,
739
+ children: options.map(function (item, i) {
740
+ return /*#__PURE__*/jsx(TouchableHighlight, {
741
+ style: styles$9.item,
742
+ onPress: function onPress(e) {
743
+ onClick(item);
744
+ },
745
+ children: /*#__PURE__*/jsx(Item, {
746
+ item: item,
747
+ index: i
748
+ })
749
+ }, "k-" + i);
750
+ })
751
+ })
752
+ });
753
+ }
754
+ var styles$9 = /*#__PURE__*/StyleSheet.create({
755
+ container: {
756
+ flex: 1,
757
+ width: '100%'
758
+ },
759
+ item: {
760
+ padding: 15,
761
+ marginVertical: 8,
762
+ backgroundColor: '#f5f5f5',
763
+ borderRadius: 8,
764
+ width: '100%'
765
+ },
766
+ text: {
767
+ fontSize: 18,
768
+ fontWeight: 'bold'
769
+ }
770
+ });
771
+
711
772
  function UIElement(props) {
712
773
  var _useState = useState(ScopeUtils.create(props)),
713
774
  scope = _useState[0];
@@ -814,7 +875,7 @@ function UIElement(props) {
814
875
  var _elementStyle$type, _elementStyle$type2;
815
876
  var type = Utils.nvl(original.type, 'none');
816
877
  var key = Utils.nvl(part, 'root');
817
- var def = _extends({}, styles$9[key], elementStyle == null || (_elementStyle$type = elementStyle[type]) == null ? void 0 : _elementStyle$type[key]);
878
+ var def = _extends({}, styles$a[key], elementStyle == null || (_elementStyle$type = elementStyle[type]) == null ? void 0 : _elementStyle$type[key]);
818
879
  var hasChild = hasChildren();
819
880
  if (!part && !hasChild) {
820
881
  def = _extends({}, def);
@@ -950,17 +1011,10 @@ function UIElement(props) {
950
1011
  checked: isChecked()
951
1012
  }, defaultsInput, {
952
1013
  onChange: onCheck
953
- })), scope.is('type', 'select') && /*#__PURE__*/jsxs(UISelect, _extends({}, defaultsInput, defaultsUI, {
954
- value: scope.getSelectedValue(),
955
- children: [/*#__PURE__*/jsx(UIOption, {
956
- value: '',
957
- children: "Selecione"
958
- }), options.map(function (row, i) {
959
- return /*#__PURE__*/jsx(UIOption, {
960
- value: row.value,
961
- children: row.label
962
- }, 'i' + i);
963
- })]
1014
+ })), scope.is('type', 'select') && /*#__PURE__*/jsx(UISelect, _extends({}, defaultsInput, defaultsUI, {
1015
+ value: scope.getSelectedValue()
1016
+ })), scope.is('type', 'toggle') && /*#__PURE__*/jsx(UIToggle, _extends({}, defaultsInput, defaultsUI, {
1017
+ value: scope.getSelectedValue()
964
1018
  })), scope.is('type', 'radio') && /*#__PURE__*/jsx(UIRadio, _extends({}, defaultsInput, defaultsUI, {
965
1019
  row: true,
966
1020
  children: options.map(function (row, i) {
@@ -1020,7 +1074,7 @@ elementStyle.card = /*#__PURE__*/StyleSheet.create({
1020
1074
  }
1021
1075
  });
1022
1076
  elementStyle.list = /*#__PURE__*/_extends({}, elementStyle.card);
1023
- var styles$9 = /*#__PURE__*/StyleSheet.create({
1077
+ var styles$a = /*#__PURE__*/StyleSheet.create({
1024
1078
  root: {
1025
1079
  gap: 5,
1026
1080
  flexDirection: 'column',