react-crud-mobile 1.0.190 → 1.0.192

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/react-crud-mobile.cjs.development.js +51 -39
  2. package/dist/react-crud-mobile.cjs.development.js.map +1 -1
  3. package/dist/react-crud-mobile.cjs.production.min.js +1 -1
  4. package/dist/react-crud-mobile.cjs.production.min.js.map +1 -1
  5. package/dist/react-crud-mobile.esm.js +52 -40
  6. package/dist/react-crud-mobile.esm.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/elements/UIElement.tsx +2 -0
  9. package/src/elements/core/UISelect.tsx +38 -37
package/dist/react-crud-mobile.cjs.production.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),i=require("react-crud-utils"),r=require("react-native"),a=require("react/jsx-runtime"),s=e(require("@expo/vector-icons/Ionicons")),l=require("@expo/vector-icons"),c=e(require("react-native-vector-icons/FontAwesome"));function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(null,arguments)}function u(e){var s=t.useState(i.Utils.nvl(e.scope,i.ScopeUtils.create(e)))[0],l=i.Utils.nvl(e.crud,s.crud),c=i.Utils.nvl(e.validateScope,"global"),p=i.Utils.nvl(e.part,"child");if(s.isInput())return a.jsx(a.Fragment,{});var x,f,h=function(e){var t=e.child;if(!t)return a.jsx(a.Fragment,{});if("string"==typeof t)return a.jsx(a.Fragment,{children:t});var n=t.type,r=o({},t.props);return delete r.children,"string"==typeof n?i.Utils.isEmpty(t.props.children)?a.jsx(n,o({},r)):a.jsx(n,o({},r,{children:a.jsx(u,o({transient:!0,validateScope:c},t.props,{scope:s,crud:l}))})):"function"==typeof n?a.jsx(n,o({validateScope:c},t.props,{parent:s,crud:l})):i.Utils.isEmpty(t.props.children)?a.jsx(a.Fragment,{}):a.jsx(u,o({validateScope:c},t.props,{scope:s,crud:l,transient:!0}))},j=function(){return a.jsx(a.Fragment,e.elements?{children:Object.entries(e.elements).map((function(e,t){return a.jsx(O,o({crud:l},e[1]))}))}:{children:n.Children.map(e.children,(function(e){return a.jsx(h,{child:e})}))})};return e.transient?a.jsx(j,{}):i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements)?a.jsx(a.Fragment,{}):a.jsx(a.Fragment,{children:a.jsx(r.View,{style:(x=p,f=i.Utils.nvl(x,"root"),o({},d[f],s.getStyle(x))),children:a.jsx(j,{})})})}var d=r.StyleSheet.create({child:{width:"100%"},inner:{width:"100%"}});function p(e){var r=e.scope,l=t.useState(0),c=l[0],d=l[1],p=r.original,x=r.getItems(),f=0,h=[],j=t.useState(null),g=j[0],y=j[1],m=function(e,t){void 0===t&&(t=!0),e&&r.execute({event:{validate:t,validateScope:p.validateScope,action:function(){r.changeValue(e.data),g=e,d(c=e.index),y(e)}}})},v=function(e){var t,n="ui-tabs-item ui-click";return(null==(t=g)?void 0:t.index)===e.index&&(n+=" ui-tab-selected"),n},b=function(e,t){var n=o({},e.props);t||(t=r.crud.data);var a=i.CrudUtils.create("tabs",{data:t,changed:t,parent:r.crud}),s=i.Utils.resolve(n,a);!1!==s.rendered&&h.push(o({},s,{child:e,element:s,original:n,index:f++,data:t}))};n.Children.map(e.children,(function(e,t){if(i.Utils.isEmpty(x))b(e,{});else for(var n in x)b(e,x[n])})),g||m(h[c],!1);var w=function(e){m(h[c+e])},S="stepper"===p.layout;return a.jsx("div",{className:r.getStyleClass("inner"),style:r.getStyle("inner"),children:a.jsxs("div",{className:"ui-tabs-content",children:[a.jsx("div",{className:"ui-tabs-items",children:h.map((function(e,t){return a.jsxs("div",{className:v(e),onClick:function(){m(e)},children:[S&&a.jsx("div",{className:"ui-tab-item-divisor"}),a.jsxs("div",{className:"ui-tab-item-inner",children:[S&&a.jsx("div",{className:"ui-step-line"}),a.jsx("div",{className:"ui-tab-item-label",children:S?e.index+1:e.label})]})]},i.Utils.key(p.id,"tab",t))}))}),g&&a.jsxs(a.Fragment,{children:[S&&a.jsx("div",{className:"ui-tabs-label",children:g.label}),a.jsx("div",{className:"ui-tabs-area",children:a.jsx(u,o({},e,{scope:r,children:g.child}))}),"stepper"===p.layout&&a.jsxs("div",{className:"ui-tabs-actions",children:[a.jsx(B.Output,{space:6,layout:"left",children:a.jsx(B.Include,o({},e,{transient:!0,name:"left",default:a.jsx(B.Button,{rendered:c>0,icon:a.jsx(s,{}),click:function(){w(-1)}})}))}),a.jsx(B.Output,{space:6,layout:"right",children:a.jsx(B.Include,o({},e,{transient:!0,name:"right",default:a.jsx(B.Button,{rendered:c<h.length-1,icon:a.jsx(s,{}),click:function(){w(1)}})}))})]})]})]})})}function x(e){var t=e.scope;return t.getItems(),i.Utils.asList(t.original.columns),a.jsx("div",{className:"ui-chart-data"})}function f(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:h.link,children:"Clique aqui para acessar o React Native"})})}var h={link:{}};function j(e){return a.jsx(a.Fragment,{children:a.jsx(f,o({},e.defaultsInput,e.defaultsUI))})}function g(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:y.link,children:"Clique aqui para acessar o React Native"})})}var y={link:{}};function m(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:v.link,children:"Clique aqui para acessar o React Native"})})}var v={link:{}};function b(e){var t=e.scope.original,n=t.color,i=t.label,s=t.icon;n||(n="#55a46f");var c={text:o({color:"#ffffff",lineHeight:30,fontWeight:"500",textAlign:"center"},t.textStyle),inner:o({flex:1,flexDirection:"row",flexWrap:"wrap",textAlign:"center",alignItems:"center",margin:"auto"},t.textStyle),icon:{color:"#fff",fontSize:18,paddingRight:10},button:o({padding:5,alignItems:"center",paddingLeft:10,paddingRight:10,minWidth:200,margin:5,textAlign:"center",verticalAling:"middle",lineHeight:30,borderRadius:20,backgroundColor:n,color:"#ffffff"},t.buttonStyle)};return a.jsx(r.TouchableHighlight,{underlayColor:"transparent",onPress:function(e){"function"==typeof t.click&&t.click(e)},style:c.button,children:a.jsxs(r.View,{style:c.inner,children:[s&&a.jsx(a.Fragment,{children:a.jsx(l.Ionicons,{size:30,style:c.icon,name:s})}),a.jsx(r.Text,{style:c.text,children:i})]})})}function w(e){var n=t.useState(!0),s=n[0],l=n[1],o=e.scope,u=i.Utils.nvl(o.getOptions(),[]);return console.log(u),a.jsxs(r.View,{style:S.root,children:[a.jsxs(r.TouchableOpacity,{onPress:function(){l(!s)},style:S.select,children:[a.jsx(r.Text,{style:S.label,children:"Clique aqui para acessar o React Native"}),a.jsx(c,{name:"angle-down",size:20,color:"#888"})]}),a.jsx(r.Modal,{visible:s,animationType:"slide",transparent:!1,children:a.jsxs(r.SafeAreaView,{style:S.modalContainer,children:[a.jsxs(r.View,{style:S.header,children:[a.jsx(r.Text,{style:S.headerText,children:"Meu Modal"}),a.jsx(r.TouchableOpacity,{onPress:function(){return l(!1)},style:S.closeButton,children:a.jsx(r.Text,{style:S.closeButtonText,children:"Fechar"})})]}),a.jsx(r.View,{style:S.content,children:a.jsx(B.List,{crud:o.crud,data:u,name:o.getName("list"),children:a.jsx(B.Value,{value:"#{@this.label}"})})})]})})]})}var S=r.StyleSheet.create({label:{flex:1},root:{flex:1,justifyContent:"flex-start",alignItems:"flex-start"},select:{flex:1,width:"100%",flexDirection:"row",borderWidth:1,borderColor:"#a9a9a9",borderRadius:20,paddingHorizontal:15,paddingVertical:10},modalContainer:{flex:1,backgroundColor:"white"},header:{height:60,backgroundColor:"#007bff",flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:20},headerText:{color:"white",fontSize:18,fontWeight:"bold"},closeButton:{padding:10},closeButtonText:{color:"white",fontSize:16},content:{flex:1,justifyContent:"center",alignItems:"center"},bodyText:{fontSize:16,color:"#333"}});function T(e){var n=e.scope,s=i.Utils.nvl(n.getValue(),!1),l=t.useState(s),c=l[1];return a.jsx(r.Switch,{value:l[0],onValueChange:function(e){n.changeValue(e),c(e)}})}function C(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:k.link,children:"Clique aqui para acessar o React Native"})})}var k={link:{}};function U(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:V.link,children:"Clique aqui para acessar o React Native"})})}var V={link:{}};function I(e){var n=e.scope,s=i.Utils.nvl(n.getValue(),""),l=n.getLabel(),c=n.getPart("placeholder",null,l),o=t.useState(s),u=o[0],d=o[1];return a.jsxs(r.View,{style:F.base,children:[n.getPart("left"),a.jsx(r.TextInput,{style:F.input,onChangeText:function(e){n.changeValue(e),d(e)},value:u,placeholder:c}),n.getPart("right")]})}var F=r.StyleSheet.create({base:{flexDirection:"row",alignItems:"center",borderWidth:1,borderColor:"#a9a9a9",borderRadius:20,paddingHorizontal:10,paddingVertical:5,padding:10,paddingLeft:5,paddingRight:10},icon:{marginRight:10},input:{marginHorizontal:10,marginVertical:5,flex:1}});function R(e){var n=e.scope,r=t.useState(i.ScopeUtils.create({parent:n,crud:n.crud,index:e.index,type:"row",data:e.item}))[0];return a.jsx(a.Fragment,{children:a.jsx(u,{scope:r,crud:r.crud,children:e.children})})}function L(e){var t=e.scope,n=t.crud,s=i.Utils.nvl(t.getItems(),[]);return a.jsxs(a.Fragment,{children:[a.jsx(B.Text,{placeholder:"Pesquisar...",field:"query",crud:n,right:a.jsx(c,{name:"eye",size:20,color:"#888"})}),a.jsx(r.View,{style:q.container,children:s.map((function(n,i){return a.jsx(r.View,{style:q.item,children:a.jsx(R,{scope:t,item:n,index:i,children:e.children})},"k-"+i)}))})]})}var q=r.StyleSheet.create({container:{flex:1,width:"100%"},item:{padding:15,marginVertical:8,backgroundColor:"#f5f5f5",borderRadius:8,width:"100%"},text:{fontSize:18,fontWeight:"bold"}});function O(e){var n=t.useState(i.ScopeUtils.create(e))[0],s=t.useState(0),l=s[0],c=s[1],d=t.useState(null),f=d[0],h=d[1],y=n.getOptions(),v=i.Utils.nvl(e.crud,n.crud),S=n.original,k=S.type,V=t.useRef(null);n.update=function(){c(++l)};var F={list:L,tabs:p,chart:x},R=function(){return F[k]?a.jsx(F[k],o({crud:v},e,{scope:n})):a.jsx(a.Fragment,{})},q=function(){var e=S.custom;return e?a.jsx(O,"string"==typeof e?{element:{value:e,type:"dummy"},crud:v}:o({type:e.type,tag:e.type},e.props,{crud:v})):a.jsx(a.Fragment,{})};if(n.is("type","dummy"))return a.jsx(a.Fragment,{children:n.getDisplayValue()});var D=function(e){var t=e.target.value;n.isType("integer","int","number")?t=parseInt(t):n.isType("decimal")&&(t=parseFloat(t)),n.isType("select","complete")&&(t=n.getSelectedItem(t)),n.changeValue(t),n.update()},E=function(e){n.call("click")},B={scope:n,crud:v,onChange:D};n.isType("password")&&(B.type="password");var W=function(){return!(n.isInput()||i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements))},H=function(e){var t,r,a=i.Utils.nvl(S.type,"none"),s=i.Utils.nvl(e,"root"),l=o({},N[s],null==P||null==(t=P[a])?void 0:t[s]),c=W();return e||c||(l=o({},l)),c&&e&&(l=o({},l,z[e])),l=o({},l,null==P||null==(r=P[a])?void 0:r[s]),o({},l,n.getStyle(e))},A=H("element"),M={required:n.isRequired(),size:"small",scope:n,crud:v,style:A,placeholder:n.attr("placeholder","Digite aqui")};if(!n.isRendered()||n.is("type","define"))return a.jsx(a.Fragment,{});n.error=function(e){f=e,h(e)},t.useEffect((function(){n.ready||(n.ready=!0,n.call("load"),n.isType("list","repeat")?n.search():S.list&&n.call("list"),n.start())}));var _=function(){return"string"==typeof S.icon?a.jsx(m,{children:n.getIcon()}):a.jsx(a.Fragment,{children:S.icon})};if(n.open=function(e){r.Linking.openURL(e.url)},n.isType("dialog")){var G=S.name;if(!v.dialogs[G]){var J={config:o({},S),component:function(t){return a.jsx(u,o({},e,{scope:n,crud:v}))}};v.dialogs[G]=J}return a.jsx(a.Fragment,{})}return t.useLayoutEffect((function(){if(null!=V&&V.current&&n.is("type","card","list","tabs","stepper")){var e=null==V?void 0:V.current;if(null!=e&&e.classList){var t=i.HtmlUtils.getBGColor(e);e.classList.add("rgb(255, 255, 255)"===t?"ui-dark":"ui-light")}}})),a.jsx(a.Fragment,{children:a.jsx(r.View,{ref:V,style:H(),children:a.jsxs(a.Fragment,{children:[void 0!==S.label&&!n.is("button")&&a.jsx(r.Text,{style:H("label"),children:n.getLabel()}),!W()&&!F[k]&&a.jsxs(a.Fragment,{children:[a.jsxs(r.View,{style:H("inner"),children:[n.is("type","button")&&a.jsxs(b,o({},M,{onClick:E,variant:n.attr("variant","outlined"),children:[S.icon&&a.jsx(_,{}),S.label&&a.jsx(r.Text,{style:n.getPart("label","button"),children:n.getLabel()})]})),n.is("type","icon")&&a.jsx(m,o({},M,{onClick:E,variant:n.attr("variant","outlined"),children:n.getDisplayValue()})),n.is("type","link")&&a.jsxs(g,o({},M,{onClick:E,variant:n.attr("variant","outlined"),children:[S.icon&&a.jsx(_,{}),S.label&&a.jsx(r.Text,{style:n.getPart("label","link"),children:n.getLabel()})]})),n.is("type","text","number","phone","postalCode","money","password","email")&&a.jsx(I,o({},B,M,{InputProps:o({},S.inputProps)})),n.is("type","complete","autocomplete")&&a.jsx(j,{scope:n,defaultsInput:B,defaultsUI:M}),n.is("type","checkbox","boolean","switch")&&a.jsx(T,o({checked:!0===n.getValue()},B,{onChange:function(){var e=n.getValue();D({target:{value:!(!0===e)}})}})),n.is("type","select")&&a.jsxs(w,o({},B,M,{value:n.getSelectedValue(),children:[a.jsx(C,{value:"",children:"Selecione"}),y.map((function(e,t){return a.jsx(C,{value:e.value,children:e.label},"i"+t)}))]})),n.is("type","radio")&&a.jsx(U,o({},B,M,{row:!0,children:y.map((function(e,t){return a.jsx(C,{control:a.jsx(U,o({},M)),label:e.label,value:e.value},"i"+t)}))})),n.is("type","custom")&&a.jsx(q,{}),n.is("type","column")&&a.jsxs(a.Fragment,{children:[n.is("format","img")&&a.jsx(r.Image,{source:n.getDisplayValue()}),n.is("format","icon")&&a.jsx(m,{className:n.getDisplayValue()}),!n.is("format","icon","img")&&a.jsx(r.Text,{children:n.getDisplayValue()})]}),n.is("type","output","value")&&a.jsx(r.Text,{children:n.getDisplayValue()})]}),f&&a.jsx(r.View,{style:H("error"),children:f})]}),a.jsx(R,{}),!n.is("type","tabs","grid","list","define","repeat")&&a.jsx(u,o({},e,{scope:n,crud:v}))]})})})}var P={};P.card=r.StyleSheet.create({root:{backgroundColor:"white",padding:16,borderRadius:10,shadowColor:"#888",shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:3.84,elevation:3},inner:{width:"100%",paddingBottom:10,paddingTop:5}}),P.list=o({},P.card);var N=r.StyleSheet.create({root:{gap:5,flexDirection:"column",flexWrap:"wrap",width:"100%",alignItems:"flex-start"},label:{width:"100%",fontWeight:500,fontSize:12},inner:{width:"100%",paddingBottom:5,paddingTop:5}}),z=r.StyleSheet.create({root:{gap:10},label:{width:"100%",fontWeight:500,fontSize:24}});function D(e){if(!1===e.rendered)return a.jsx(a.Fragment,{});var t=i.ComponentUtils.getDefine(e,e.name,e.position);return i.Utils.isEmpty(t)&&(t=e.default),i.Utils.isEmpty(t)?a.jsx(a.Fragment,{children:t}):a.jsx((function(t){var n=e.tag;return i.Utils.isEmpty(n)?a.jsx(a.Fragment,{children:t.children}):a.jsx(n,o({},t,{children:t.children}))}),o({},e.tagProps,{children:a.jsx(u,o({transient:!0},e,{scope:e.scope,crud:e.crud,part:e.name,children:t}))}))}var E=["type"],B={List:function(e){return a.jsx(O,o({},e,{type:"list"}))},Value:function(e){return a.jsx(O,o({},e,{type:"value"}))},Label:function(e){return a.jsx(O,o({},e,{type:"label"}))},Repeat:function(e){return a.jsx(O,o({},e,{type:"repeat"}))},Define:function(e){return a.jsx(O,o({},e,{type:"define"}))},Include:function(e){return a.jsx(D,o({},e))},Column:function(e){var t=function(e,t){if(null==e)return{};var n={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==t.indexOf(i))continue;n[i]=e[i]}return n}(e,E);return a.jsx(O,o({},t,{type:"column"}))},Input:function(e){return a.jsx(O,o({},e))},Text:function(e){return a.jsx(O,o({},e,{type:"text"}))},Email:function(e){return a.jsx(O,o({},e,{type:"email"}))},Button:function(e){return a.jsx(O,o({},e,{type:"button"}))},Link:function(e){return a.jsx(O,o({},e,{type:"link"}))},Icon:function(e){return a.jsx(O,o({},e,{type:"icon"}))},Output:function(e){return a.jsx(O,o({},e,{type:"output"}))},Form:function(e){return a.jsx(O,o({},e,{type:"form"}))},Crud:function(e){return a.jsx(O,o({},e,{type:"crud"}))},View:function(e){return a.jsx(O,o({},e,{type:"view",transient:!0}))},Bottom:function(e){return a.jsx(O,o({},e,{type:"bottom"}))},Dialog:function(e){return a.jsx(O,o({},e,{type:"dialog"}))},Content:function(e){return a.jsx(O,o({},e,{type:"content"}))},Top:function(e){return a.jsx(O,o({},e,{type:"top"}))},Card:function(e){return a.jsx(O,o({},e,{type:"card"}))},Tab:function(e){return a.jsx(O,o({},e,{type:"tab"}))},Tabs:function(e){return a.jsx(O,o({},e,{type:"tabs"}))},Step:function(e){return a.jsx(O,o({},e,{type:"tab",layout:"step"}))},Stepper:function(e){return a.jsx(O,o({},e,{type:"tabs",layout:"stepper"}))},Money:function(e){return a.jsx(O,o({},e,{type:"money"}))},Chart:function(e){return a.jsx(O,o({},e,{type:"chart"}))},Password:function(e){return a.jsx(O,o({},e,{type:"password"}))},Complete:function(e){return a.jsx(O,o({},e,{type:"complete"}))},Checkbox:function(e){return a.jsx(O,o({},e,{type:"switch"}))},Switch:function(e){return a.jsx(O,o({},e,{type:"switch"}))},Radio:function(e){return a.jsx(O,o({},e,{type:"radio"}))},Select:function(e){return a.jsx(O,o({},e,{type:"select"}))},Entity:function(e){return a.jsx(O,o({},e,{type:"entity"}))},Element:function(e){return a.jsx(O,o({},e,{type:"element"}))}};exports.UI=B;
1
+ "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),i=require("react-crud-utils"),r=require("react-native"),a=require("react/jsx-runtime"),s=e(require("@expo/vector-icons/Ionicons")),l=require("@expo/vector-icons"),c=e(require("react-native-vector-icons/FontAwesome"));function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(null,arguments)}function u(e){var s=t.useState(i.Utils.nvl(e.scope,i.ScopeUtils.create(e)))[0],l=i.Utils.nvl(e.crud,s.crud),c=i.Utils.nvl(e.validateScope,"global"),p=i.Utils.nvl(e.part,"child");if(s.isInput())return a.jsx(a.Fragment,{});var x,f,h=function(e){var t=e.child;if(!t)return a.jsx(a.Fragment,{});if("string"==typeof t)return a.jsx(a.Fragment,{children:t});var n=t.type,r=o({},t.props);return delete r.children,"string"==typeof n?i.Utils.isEmpty(t.props.children)?a.jsx(n,o({},r)):a.jsx(n,o({},r,{children:a.jsx(u,o({transient:!0,validateScope:c},t.props,{scope:s,crud:l}))})):"function"==typeof n?a.jsx(n,o({validateScope:c},t.props,{parent:s,crud:l})):i.Utils.isEmpty(t.props.children)?a.jsx(a.Fragment,{}):a.jsx(u,o({validateScope:c},t.props,{scope:s,crud:l,transient:!0}))},g=function(){return a.jsx(a.Fragment,e.elements?{children:Object.entries(e.elements).map((function(e,t){return a.jsx(O,o({crud:l},e[1]))}))}:{children:n.Children.map(e.children,(function(e){return a.jsx(h,{child:e})}))})};return e.transient?a.jsx(g,{}):i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements)?a.jsx(a.Fragment,{}):a.jsx(a.Fragment,{children:a.jsx(r.View,{style:(x=p,f=i.Utils.nvl(x,"root"),o({},d[f],s.getStyle(x))),children:a.jsx(g,{})})})}var d=r.StyleSheet.create({child:{width:"100%"},inner:{width:"100%"}});function p(e){var r=e.scope,l=t.useState(0),c=l[0],d=l[1],p=r.original,x=r.getItems(),f=0,h=[],g=t.useState(null),j=g[0],y=g[1],m=function(e,t){void 0===t&&(t=!0),e&&r.execute({event:{validate:t,validateScope:p.validateScope,action:function(){r.changeValue(e.data),j=e,d(c=e.index),y(e)}}})},v=function(e){var t,n="ui-tabs-item ui-click";return(null==(t=j)?void 0:t.index)===e.index&&(n+=" ui-tab-selected"),n},b=function(e,t){var n=o({},e.props);t||(t=r.crud.data);var a=i.CrudUtils.create("tabs",{data:t,changed:t,parent:r.crud}),s=i.Utils.resolve(n,a);!1!==s.rendered&&h.push(o({},s,{child:e,element:s,original:n,index:f++,data:t}))};n.Children.map(e.children,(function(e,t){if(i.Utils.isEmpty(x))b(e,{});else for(var n in x)b(e,x[n])})),j||m(h[c],!1);var S=function(e){m(h[c+e])},w="stepper"===p.layout;return a.jsx("div",{className:r.getStyleClass("inner"),style:r.getStyle("inner"),children:a.jsxs("div",{className:"ui-tabs-content",children:[a.jsx("div",{className:"ui-tabs-items",children:h.map((function(e,t){return a.jsxs("div",{className:v(e),onClick:function(){m(e)},children:[w&&a.jsx("div",{className:"ui-tab-item-divisor"}),a.jsxs("div",{className:"ui-tab-item-inner",children:[w&&a.jsx("div",{className:"ui-step-line"}),a.jsx("div",{className:"ui-tab-item-label",children:w?e.index+1:e.label})]})]},i.Utils.key(p.id,"tab",t))}))}),j&&a.jsxs(a.Fragment,{children:[w&&a.jsx("div",{className:"ui-tabs-label",children:j.label}),a.jsx("div",{className:"ui-tabs-area",children:a.jsx(u,o({},e,{scope:r,children:j.child}))}),"stepper"===p.layout&&a.jsxs("div",{className:"ui-tabs-actions",children:[a.jsx(B.Output,{space:6,layout:"left",children:a.jsx(B.Include,o({},e,{transient:!0,name:"left",default:a.jsx(B.Button,{rendered:c>0,icon:a.jsx(s,{}),click:function(){S(-1)}})}))}),a.jsx(B.Output,{space:6,layout:"right",children:a.jsx(B.Include,o({},e,{transient:!0,name:"right",default:a.jsx(B.Button,{rendered:c<h.length-1,icon:a.jsx(s,{}),click:function(){S(1)}})}))})]})]})]})})}function x(e){var t=e.scope;return t.getItems(),i.Utils.asList(t.original.columns),a.jsx("div",{className:"ui-chart-data"})}function f(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:h.link,children:"Clique aqui para acessar o React Native"})})}var h={link:{}};function g(e){return a.jsx(a.Fragment,{children:a.jsx(f,o({},e.defaultsInput,e.defaultsUI))})}function j(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:y.link,children:"Clique aqui para acessar o React Native"})})}var y={link:{}};function m(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:v.link,children:"Clique aqui para acessar o React Native"})})}var v={link:{}};function b(e){var t=e.scope.original,n=t.color,i=t.label,s=t.icon;n||(n="#55a46f");var c={text:o({color:"#ffffff",lineHeight:30,fontWeight:"500",textAlign:"center"},t.textStyle),inner:o({flex:1,flexDirection:"row",flexWrap:"wrap",textAlign:"center",alignItems:"center",margin:"auto"},t.textStyle),icon:{color:"#fff",fontSize:18,paddingRight:10},button:o({padding:5,alignItems:"center",paddingLeft:10,paddingRight:10,minWidth:200,margin:5,textAlign:"center",verticalAling:"middle",lineHeight:30,borderRadius:20,backgroundColor:n,color:"#ffffff"},t.buttonStyle)};return a.jsx(r.TouchableHighlight,{underlayColor:"transparent",onPress:function(e){"function"==typeof t.click&&t.click(e)},style:c.button,children:a.jsxs(r.View,{style:c.inner,children:[s&&a.jsx(a.Fragment,{children:a.jsx(l.Ionicons,{size:30,style:c.icon,name:s})}),a.jsx(r.Text,{style:c.text,children:i})]})})}function S(e){var n=t.useState(!1),s=n[0],l=n[1],o=e.scope,u=i.Utils.nvl(o.getOptions(),[]);return console.log(u),a.jsxs(r.View,{style:w.root,children:[a.jsxs(r.TouchableOpacity,{onPress:function(){l(!s)},style:w.select,children:[a.jsx(r.Text,{style:w.label,children:"Clique aqui para acessar o React Native"}),a.jsx(c,{name:"angle-down",size:20,color:"#888"})]}),a.jsxs(r.Modal,{animationType:"slide",transparent:!0,visible:s,onRequestClose:function(){return l(!1)},children:[a.jsx(r.StatusBar,{barStyle:"dark-content",backgroundColor:"#6200ea"}),a.jsxs(r.SafeAreaView,{style:w.safe,children:[a.jsxs(r.View,{style:w.header,children:[a.jsx(r.TouchableOpacity,{onPress:function(){return l(!1)},style:w.closeButton,children:a.jsx(r.Text,{style:w.closeText,children:"X"})}),a.jsx(r.Text,{style:w.title,children:"Título do Modal"})]}),a.jsx(r.View,{style:w.content,children:a.jsx(B.List,{data:u,name:o.getName("list"),children:a.jsx(B.Value,{value:"#{@this.label}"})})})]})]})]})}var w=r.StyleSheet.create({safe:{flex:1,backgroundColor:"white",paddingTop:r.StatusBar.currentHeight||0},root:{flex:1,justifyContent:"flex-start",alignItems:"flex-start"},select:{flex:1,width:"100%",flexDirection:"row",borderWidth:1,borderColor:"#a9a9a9",borderRadius:20,paddingHorizontal:15,paddingVertical:10},item:{width:"100%"},label:{flex:1},container:{flex:1,justifyContent:"flex-start",alignItems:"center"},header:{flexDirection:"row",alignItems:"center",padding:15,backgroundColor:"#6200ea"},closeButton:{padding:10},closeText:{fontSize:18,color:"white"},title:{fontSize:18,color:"white",fontWeight:"bold",marginLeft:10},content:{flex:1,justifyContent:"flex-start",alignItems:"flex-start",padding:20}});function k(e){var n=e.scope,s=i.Utils.nvl(n.getValue(),!1),l=t.useState(s),c=l[1];return a.jsx(r.Switch,{value:l[0],onValueChange:function(e){n.changeValue(e),c(e)}})}function C(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:T.link,children:"Clique aqui para acessar o React Native"})})}var T={link:{}};function U(e){return a.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:a.jsx(r.Text,{style:V.link,children:"Clique aqui para acessar o React Native"})})}var V={link:{}};function I(e){var n=e.scope,s=i.Utils.nvl(n.getValue(),""),l=n.getLabel(),c=n.getPart("placeholder",null,l),o=t.useState(s),u=o[0],d=o[1];return a.jsxs(r.View,{style:F.base,children:[n.getPart("left"),a.jsx(r.TextInput,{style:F.input,onChangeText:function(e){n.changeValue(e),d(e)},value:u,placeholder:c}),n.getPart("right")]})}var F=r.StyleSheet.create({base:{flexDirection:"row",alignItems:"center",borderWidth:1,borderColor:"#a9a9a9",borderRadius:20,paddingHorizontal:10,paddingVertical:5,padding:10,paddingLeft:5,paddingRight:10},icon:{marginRight:10},input:{marginHorizontal:10,marginVertical:5,flex:1}});function R(e){var n=e.scope,r=t.useState(i.ScopeUtils.create({parent:n,crud:n.crud,index:e.index,type:"row",data:e.item}))[0];return a.jsx(a.Fragment,{children:a.jsx(u,{scope:r,crud:r.crud,children:e.children})})}function L(e){var t=e.scope,n=t.crud,s=i.Utils.nvl(t.getItems(),[]);return a.jsxs(a.Fragment,{children:[a.jsx(B.Text,{placeholder:"Pesquisar...",field:"query",crud:n,right:a.jsx(c,{name:"eye",size:20,color:"#888"})}),a.jsx(r.View,{style:q.container,children:s.map((function(n,i){return a.jsx(r.View,{style:q.item,children:a.jsx(R,{scope:t,item:n,index:i,children:e.children})},"k-"+i)}))})]})}var q=r.StyleSheet.create({container:{flex:1,width:"100%"},item:{padding:15,marginVertical:8,backgroundColor:"#f5f5f5",borderRadius:8,width:"100%"},text:{fontSize:18,fontWeight:"bold"}});function O(e){var n=t.useState(i.ScopeUtils.create(e))[0],s=t.useState(0),l=s[0],c=s[1],d=t.useState(null),f=d[0],h=d[1],y=n.getOptions(),v=i.Utils.nvl(e.crud,n.crud),w=n.original,T=w.type,V=t.useRef(null);n.update=function(){c(++l)};var F={list:L,tabs:p,chart:x},R=function(){return F[T]?a.jsx(F[T],o({crud:v},e,{scope:n})):a.jsx(a.Fragment,{})},q=function(){var e=w.custom;return e?a.jsx(O,"string"==typeof e?{element:{value:e,type:"dummy"},crud:v}:o({type:e.type,tag:e.type},e.props,{crud:v})):a.jsx(a.Fragment,{})};if(n.is("type","dummy"))return a.jsx(a.Fragment,{children:n.getDisplayValue()});var E=function(e){var t=e.target.value;n.isType("integer","int","number")?t=parseInt(t):n.isType("decimal")&&(t=parseFloat(t)),n.isType("select","complete")&&(t=n.getSelectedItem(t)),n.changeValue(t),n.update()},z=function(e){n.call("click")},B={scope:n,crud:v,onChange:E};n.isType("password")&&(B.type="password");var W=function(){return!(n.isInput()||i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements))},H=function(e){var t,r,a=i.Utils.nvl(w.type,"none"),s=i.Utils.nvl(e,"root"),l=o({},N[s],null==P||null==(t=P[a])?void 0:t[s]),c=W();return e||c||(l=o({},l)),c&&e&&(l=o({},l,D[e])),l=o({},l,null==P||null==(r=P[a])?void 0:r[s]),o({},l,n.getStyle(e))},A=H("element"),M={required:n.isRequired(),size:"small",scope:n,crud:v,style:A,placeholder:n.attr("placeholder","Digite aqui")};if(!n.isRendered()||n.is("type","define"))return a.jsx(a.Fragment,{});n.error=function(e){f=e,h(e)},t.useEffect((function(){n.ready||(n.ready=!0,n.call("load"),n.isType("list","repeat")?n.search():w.list&&n.call("list"),n.start())}));var _=function(){return"string"==typeof w.icon?a.jsx(m,{children:n.getIcon()}):a.jsx(a.Fragment,{children:w.icon})};if(n.open=function(e){r.Linking.openURL(e.url)},n.isType("dialog")){var G=w.name;if(!v.dialogs[G]){var X={config:o({},w),component:function(t){return a.jsx(u,o({},e,{scope:n,crud:v}))}};v.dialogs[G]=X}return a.jsx(a.Fragment,{})}return t.useLayoutEffect((function(){if(null!=V&&V.current&&n.is("type","card","list","tabs","stepper")){var e=null==V?void 0:V.current;if(null!=e&&e.classList){var t=i.HtmlUtils.getBGColor(e);e.classList.add("rgb(255, 255, 255)"===t?"ui-dark":"ui-light")}}})),a.jsx(a.Fragment,{children:a.jsx(r.View,{ref:V,style:H(),children:a.jsxs(a.Fragment,{children:[void 0!==w.label&&!n.is("button")&&a.jsx(r.Text,{style:H("label"),children:n.getLabel()}),!W()&&!F[T]&&a.jsxs(a.Fragment,{children:[a.jsxs(r.View,{style:H("inner"),children:[n.is("type","button")&&a.jsxs(b,o({},M,{onClick:z,variant:n.attr("variant","outlined"),children:[w.icon&&a.jsx(_,{}),w.label&&a.jsx(r.Text,{style:n.getPart("label","button"),children:n.getLabel()})]})),n.is("type","icon")&&a.jsx(m,o({},M,{onClick:z,variant:n.attr("variant","outlined"),children:n.getDisplayValue()})),n.is("type","link")&&a.jsxs(j,o({},M,{onClick:z,variant:n.attr("variant","outlined"),children:[w.icon&&a.jsx(_,{}),w.label&&a.jsx(r.Text,{style:n.getPart("label","link"),children:n.getLabel()})]})),n.is("type","text","number","phone","postalCode","money","password","email")&&a.jsx(I,o({},B,M,{InputProps:o({},w.inputProps)})),n.is("type","complete","autocomplete")&&a.jsx(g,{scope:n,defaultsInput:B,defaultsUI:M}),n.is("type","checkbox","boolean","switch")&&a.jsx(k,o({checked:!0===n.getValue()},B,{onChange:function(){var e=n.getValue();E({target:{value:!(!0===e)}})}})),n.is("type","select")&&a.jsxs(S,o({},B,M,{value:n.getSelectedValue(),children:[a.jsx(C,{value:"",children:"Selecione"}),y.map((function(e,t){return a.jsx(C,{value:e.value,children:e.label},"i"+t)}))]})),n.is("type","radio")&&a.jsx(U,o({},B,M,{row:!0,children:y.map((function(e,t){return a.jsx(C,{control:a.jsx(U,o({},M)),label:e.label,value:e.value},"i"+t)}))})),n.is("type","custom")&&a.jsx(q,{}),n.is("type","column")&&a.jsxs(a.Fragment,{children:[n.is("format","img")&&a.jsx(r.Image,{source:n.getDisplayValue()}),n.is("format","icon")&&a.jsx(m,{className:n.getDisplayValue()}),!n.is("format","icon","img")&&a.jsx(r.Text,{children:n.getDisplayValue()})]}),n.is("type","output","value")&&a.jsx(r.Text,{children:n.getDisplayValue()})]}),f&&a.jsx(r.View,{style:H("error"),children:f})]}),a.jsx(R,{}),!n.is("type","tabs","grid","list","define","repeat")&&a.jsx(u,o({},e,{scope:n,crud:v}))]})})})}var P={};P.card=r.StyleSheet.create({root:{backgroundColor:"white",padding:16,borderRadius:10,width:"100%",flex:1,shadowColor:"#888",shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:3.84,elevation:3},inner:{width:"100%",paddingBottom:10,paddingTop:5}}),P.list=o({},P.card);var N=r.StyleSheet.create({root:{gap:5,flexDirection:"column",flexWrap:"wrap",width:"100%",alignItems:"flex-start"},label:{width:"100%",fontWeight:500,fontSize:12},inner:{width:"100%",paddingBottom:5,paddingTop:5}}),D=r.StyleSheet.create({root:{gap:10},label:{width:"100%",fontWeight:500,fontSize:24}});function E(e){if(!1===e.rendered)return a.jsx(a.Fragment,{});var t=i.ComponentUtils.getDefine(e,e.name,e.position);return i.Utils.isEmpty(t)&&(t=e.default),i.Utils.isEmpty(t)?a.jsx(a.Fragment,{children:t}):a.jsx((function(t){var n=e.tag;return i.Utils.isEmpty(n)?a.jsx(a.Fragment,{children:t.children}):a.jsx(n,o({},t,{children:t.children}))}),o({},e.tagProps,{children:a.jsx(u,o({transient:!0},e,{scope:e.scope,crud:e.crud,part:e.name,children:t}))}))}var z=["type"],B={List:function(e){return a.jsx(O,o({},e,{type:"list"}))},Value:function(e){return a.jsx(O,o({},e,{type:"value"}))},Label:function(e){return a.jsx(O,o({},e,{type:"label"}))},Repeat:function(e){return a.jsx(O,o({},e,{type:"repeat"}))},Define:function(e){return a.jsx(O,o({},e,{type:"define"}))},Include:function(e){return a.jsx(E,o({},e))},Column:function(e){var t=function(e,t){if(null==e)return{};var n={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==t.indexOf(i))continue;n[i]=e[i]}return n}(e,z);return a.jsx(O,o({},t,{type:"column"}))},Input:function(e){return a.jsx(O,o({},e))},Text:function(e){return a.jsx(O,o({},e,{type:"text"}))},Email:function(e){return a.jsx(O,o({},e,{type:"email"}))},Button:function(e){return a.jsx(O,o({},e,{type:"button"}))},Link:function(e){return a.jsx(O,o({},e,{type:"link"}))},Icon:function(e){return a.jsx(O,o({},e,{type:"icon"}))},Output:function(e){return a.jsx(O,o({},e,{type:"output"}))},Form:function(e){return a.jsx(O,o({},e,{type:"form"}))},Crud:function(e){return a.jsx(O,o({},e,{type:"crud"}))},View:function(e){return a.jsx(O,o({},e,{type:"view",transient:!0}))},Bottom:function(e){return a.jsx(O,o({},e,{type:"bottom"}))},Dialog:function(e){return a.jsx(O,o({},e,{type:"dialog"}))},Content:function(e){return a.jsx(O,o({},e,{type:"content"}))},Top:function(e){return a.jsx(O,o({},e,{type:"top"}))},Card:function(e){return a.jsx(O,o({},e,{type:"card"}))},Tab:function(e){return a.jsx(O,o({},e,{type:"tab"}))},Tabs:function(e){return a.jsx(O,o({},e,{type:"tabs"}))},Step:function(e){return a.jsx(O,o({},e,{type:"tab",layout:"step"}))},Stepper:function(e){return a.jsx(O,o({},e,{type:"tabs",layout:"stepper"}))},Money:function(e){return a.jsx(O,o({},e,{type:"money"}))},Chart:function(e){return a.jsx(O,o({},e,{type:"chart"}))},Password:function(e){return a.jsx(O,o({},e,{type:"password"}))},Complete:function(e){return a.jsx(O,o({},e,{type:"complete"}))},Checkbox:function(e){return a.jsx(O,o({},e,{type:"switch"}))},Switch:function(e){return a.jsx(O,o({},e,{type:"switch"}))},Radio:function(e){return a.jsx(O,o({},e,{type:"radio"}))},Select:function(e){return a.jsx(O,o({},e,{type:"select"}))},Entity:function(e){return a.jsx(O,o({},e,{type:"entity"}))},Element:function(e){return a.jsx(O,o({},e,{type:"element"}))}};exports.UI=B;
2
2
  //# sourceMappingURL=react-crud-mobile.cjs.production.min.js.map
package/dist/react-crud-mobile.cjs.production.min.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"react-crud-mobile.cjs.production.min.js","sources":["../src/elements/UIChildren.tsx","../src/elements/tabs/ElTabs.tsx","../src/elements/charts/ElChart.tsx","../src/elements/core/UIAutoComplete.tsx","../src/elements/UIComplete.tsx","../src/elements/core/UILink.tsx","../src/elements/core/UIIcon.tsx","../src/elements/core/UIButton.tsx","../src/elements/core/UISelect.tsx","../src/elements/core/UISwitch.tsx","../src/elements/core/UIOption.tsx","../src/elements/core/UIRadio.tsx","../src/elements/core/UIInput.tsx","../src/elements/core/UIListRow.tsx","../src/elements/core/UIList.tsx","../src/elements/UIElement.tsx","../src/elements/core/UIInclude.tsx","../src/elements/UI.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport UIElement from './UIElement';\nimport { Crud, Scope, ScopeUtils, Utils } from 'react-crud-utils';\nimport { StyleSheet, View } from 'react-native';\n\ninterface UIChildrenType {\n scope: Scope;\n crud?: Crud;\n validateScope?: String;\n children?: any;\n elements?: any;\n transient?: boolean;\n part?: string;\n childProps?: any;\n}\n\nexport default function UIChildren(props: UIChildrenType) {\n let [scope] = useState(Utils.nvl(props.scope, ScopeUtils.create(props)));\n let crud = Utils.nvl(props.crud, scope.crud);\n let validateScope = Utils.nvl(props.validateScope, 'global');\n let name = Utils.nvl(props.part, 'child');\n\n if (scope.isInput()) {\n return <></>;\n }\n\n let Paint = ({ child }: any) => {\n if (!child) {\n return <></>;\n }\n if (typeof child === 'string') {\n return <>{child}</>;\n }\n\n let Custom = child.type;\n let pps = { ...child.props };\n\n delete pps.children;\n\n if (typeof Custom === 'string') {\n if (Utils.isEmpty(child.props.children)) {\n return <Custom {...pps} />;\n }\n return (\n <Custom {...pps}>\n <UIChildren\n transient\n validateScope={validateScope}\n {...child.props}\n scope={scope}\n crud={crud}\n ></UIChildren>\n </Custom>\n );\n } else if (typeof Custom === 'function') {\n return (\n <Custom\n validateScope={validateScope}\n {...child.props}\n parent={scope}\n crud={crud}\n ></Custom>\n );\n }\n\n if (!Utils.isEmpty(child.props.children)) {\n return (\n <UIChildren\n validateScope={validateScope}\n {...child.props}\n scope={scope}\n crud={crud}\n transient\n ></UIChildren>\n );\n }\n return <></>;\n };\n\n const Draw = () => {\n if (props.elements) {\n return (\n <>\n {Object.entries(props.elements).map((t: any, k) => {\n return <UIElement crud={crud} {...t[1]} />;\n })}\n </>\n );\n }\n return (\n <>\n {React.Children.map(props.children, child => {\n return <Paint child={child}></Paint>;\n })}\n </>\n );\n };\n\n if (props.transient) {\n return <Draw />;\n }\n\n if (Utils.isEmpty(props.children) && Utils.isEmpty(props.elements)) {\n return <></>;\n }\n\n const getStyle = (part?: string) => {\n let key = Utils.nvl(part, 'root');\n let def = styles[key];\n\n return { ...def, ...scope.getStyle(part) };\n };\n\n return (\n <>\n <View style={getStyle(name)}>\n <Draw />\n </View>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n child: { width: '100%' },\n inner: { width: '100%' },\n});\n","import React, { useState, useEffect } from 'react';\nimport UIChildren from '../UIChildren';\nimport UI from '../UI';\n\nimport Ionicons from '@expo/vector-icons/Ionicons';\nimport { ChildType, CrudUtils, Utils } from 'react-crud-utils';\n\nexport default function ElTabs(props: ChildType) {\n let scope = props.scope;\n let [selectedIndex, setSelectedIndex]: any = useState(0);\n let element = scope.original;\n let items = scope.getItems();\n let counter = 0;\n\n let tabs: any = [];\n let [selected, setSelected]: any = useState(null);\n\n const onChangeTab = (tab: any, validate = true) => {\n if (tab) {\n scope.execute({\n event: {\n validate,\n validateScope: element.validateScope,\n action: () => {\n scope.changeValue(tab.data);\n\n selected = tab;\n selectedIndex = tab.index;\n\n setSelectedIndex(selectedIndex);\n setSelected(tab);\n },\n },\n });\n }\n };\n\n const getStyleClass = (t: any) => {\n let s = 'ui-tabs-item ui-click';\n\n if (selected?.index === t.index) {\n s = s + ' ui-tab-selected';\n }\n return s;\n };\n\n const addTab = (child: any, item: any) => {\n let original = { ...child.props };\n\n if (!item) {\n item = scope.crud.data;\n }\n\n let crudTab = CrudUtils.create('tabs', {\n data: item,\n changed: item,\n parent: scope.crud,\n });\n\n let element = Utils.resolve(original, crudTab);\n\n if (element.rendered === false) {\n return;\n }\n\n tabs.push({\n ...element,\n child,\n element,\n original,\n index: counter++,\n data: item,\n });\n };\n\n React.Children.map(props.children, (child, index) => {\n if (Utils.isEmpty(items)) {\n addTab(child, {});\n } else {\n for (const i in items) {\n let o = items[i];\n\n addTab(child, o);\n }\n }\n });\n\n if (!selected) {\n onChangeTab(tabs[selectedIndex], false);\n }\n\n const nav = (i: any) => {\n let t = tabs[selectedIndex + i];\n\n onChangeTab(t);\n };\n\n const previous = () => {\n nav(-1);\n };\n\n const next = () => {\n nav(1);\n };\n\n let isStepper = element.layout === 'stepper';\n\n return (\n <div\n className={scope.getStyleClass('inner')}\n style={scope.getStyle('inner')}\n >\n <div className=\"ui-tabs-content\">\n <div className=\"ui-tabs-items\">\n {tabs.map((t: any, i: number) => (\n <div\n key={Utils.key(element.id, 'tab', i)}\n className={getStyleClass(t)}\n onClick={() => {\n onChangeTab(t);\n }}\n >\n {isStepper && <div className=\"ui-tab-item-divisor\" />}\n <div className=\"ui-tab-item-inner\">\n {isStepper && <div className=\"ui-step-line\" />}\n <div className=\"ui-tab-item-label\">\n {isStepper ? t.index + 1 : t.label}\n </div>\n </div>\n </div>\n ))}\n </div>\n {selected && (\n <>\n {isStepper && <div className=\"ui-tabs-label\">{selected.label}</div>}\n <div className=\"ui-tabs-area\">\n <UIChildren {...props} scope={scope}>\n {selected.child}\n </UIChildren>\n </div>\n {element.layout === 'stepper' && (\n <div className=\"ui-tabs-actions\">\n <UI.Output space={6} layout=\"left\">\n <UI.Include\n {...props}\n transient\n name=\"left\"\n default={\n <UI.Button\n rendered={selectedIndex > 0}\n icon={<Ionicons />}\n click={previous}\n />\n }\n />\n </UI.Output>\n <UI.Output space={6} layout=\"right\">\n <UI.Include\n {...props}\n transient\n name=\"right\"\n default={\n <UI.Button\n rendered={selectedIndex < tabs.length - 1}\n icon={<Ionicons />}\n click={next}\n />\n }\n />\n </UI.Output>\n </div>\n )}\n </>\n )}\n </div>\n </div>\n );\n}\n","import React from \"react\";\nimport { ChildType, Scope, Utils } from \"react-crud-utils\";\n\nexport default function ElChart(props: ChildType) {\n let scope: Scope = props.scope;\n let items: any = scope.getItems();\n let columns = Utils.asList(scope.original.columns);\n\n return <div className=\"ui-chart-data\"></div>;\n}\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIAutoComplete(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { ChildType } from 'react-crud-utils';\nimport AutoComplete from './core/UIAutoComplete';\n\nexport default function UIComplete({\n defaultsInput,\n defaultsUI,\n scope,\n}: ChildType) {\n return (\n <>\n <AutoComplete {...defaultsInput} {...defaultsUI} />\n </>\n );\n}\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UILink(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIIcon(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Ionicons } from '@expo/vector-icons';\r\nimport { ChildType } from 'react-crud-utils';\r\nimport { Text, TouchableHighlight, View } from 'react-native';\r\n\r\nexport default function UIButton(props: ChildType) {\r\n let scope = props.scope;\r\n let element = scope.original;\r\n\r\n let color = element.color;\r\n let label = element.label;\r\n let icon = element.icon;\r\n\r\n if (!color) color = '#55a46f';\r\n\r\n const styles: any = {\r\n text: {\r\n color: '#ffffff',\r\n lineHeight: 30,\r\n fontWeight: '500',\r\n textAlign: 'center',\r\n ...element.textStyle,\r\n },\r\n inner: {\r\n flex: 1,\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n alignItems: 'center',\r\n margin: 'auto',\r\n ...element.textStyle,\r\n },\r\n icon: {\r\n color: '#fff',\r\n fontSize: 18,\r\n paddingRight: 10,\r\n },\r\n button: {\r\n padding: 5,\r\n alignItems: 'center',\r\n paddingLeft: 10,\r\n paddingRight: 10,\r\n minWidth: 200,\r\n margin: 5,\r\n textAlign: 'center',\r\n verticalAling: 'middle',\r\n lineHeight: 30,\r\n borderRadius: 20,\r\n backgroundColor: color,\r\n color: '#ffffff',\r\n ...element.buttonStyle,\r\n },\r\n };\r\n\r\n const onClick = (e: any) => {\r\n if (typeof element.click === 'function') {\r\n element.click(e);\r\n }\r\n };\r\n\r\n return (\r\n <TouchableHighlight\r\n underlayColor={'transparent'}\r\n onPress={onClick}\r\n style={styles.button}\r\n >\r\n <View style={styles.inner}>\r\n {icon && (\r\n <>\r\n <Ionicons size={30} style={styles.icon} name={icon} />\r\n </>\r\n )}\r\n <Text style={styles.text}>{label}</Text>\r\n </View>\r\n </TouchableHighlight>\r\n );\r\n}\r\n","import { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport {\n Text,\n TouchableOpacity,\n StyleSheet,\n Modal,\n View,\n StatusBar,\n SafeAreaView,\n} from 'react-native';\nimport Icon from 'react-native-vector-icons/FontAwesome';\nimport UI from '../UI';\n\nexport default function UISelect(props: ChildType) {\n const [visible, setVisible] = useState(true);\n const scope = props.scope;\n const items = Utils.nvl(scope.getOptions(), []);\n\n const handlePress = () => {\n setVisible(!visible);\n };\n\n console.log(items);\n\n return (\n <View style={styles.root}>\n <TouchableOpacity onPress={handlePress} style={styles.select}>\n <Text style={styles.label}>\n Clique aqui para acessar o React Native\n </Text>\n <Icon name=\"angle-down\" size={20} color=\"#888\" />\n </TouchableOpacity>\n\n <Modal visible={visible} animationType=\"slide\" transparent={false}>\n <SafeAreaView style={styles.modalContainer}>\n {/* HEADER */}\n <View style={styles.header}>\n <Text style={styles.headerText}>Meu Modal</Text>\n <TouchableOpacity\n onPress={() => setVisible(false)}\n style={styles.closeButton}\n >\n <Text style={styles.closeButtonText}>Fechar</Text>\n </TouchableOpacity>\n </View>\n\n {/* CONTEÚDO */}\n <View style={styles.content}>\n <UI.List\n crud={scope.crud}\n data={items}\n name={scope.getName('list')}\n >\n <UI.Value value=\"#{@this.label}\" />\n </UI.List>\n </View>\n </SafeAreaView>\n </Modal>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n label: { flex: 1 },\n root: {\n flex: 1,\n justifyContent: 'flex-start',\n alignItems: 'flex-start',\n },\n select: {\n flex: 1,\n width: '100%',\n flexDirection: 'row',\n borderWidth: 1,\n borderColor: '#a9a9a9',\n borderRadius: 20,\n paddingHorizontal: 15,\n paddingVertical: 10,\n },\n modalContainer: {\n flex: 1,\n backgroundColor: 'white',\n },\n header: {\n height: 60, // Altura fixa do cabeçalho\n backgroundColor: '#007bff',\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'space-between',\n paddingHorizontal: 20,\n },\n headerText: {\n color: 'white',\n fontSize: 18,\n fontWeight: 'bold',\n },\n closeButton: {\n padding: 10,\n },\n closeButtonText: {\n color: 'white',\n fontSize: 16,\n },\n content: {\n flex: 1, // Ocupa o restante da tela\n justifyContent: 'center',\n alignItems: 'center',\n },\n bodyText: {\n fontSize: 16,\n color: '#333',\n },\n});\n","import { useState } from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { Switch } from 'react-native';\r\n\r\nexport default function UISwitch(props: ChildType) {\r\n const scope = props.scope;\r\n const initial = Utils.nvl(scope.getValue(), false) as boolean;\r\n const [value, setValue] = useState(initial);\r\n\r\n let onChange = v => {\r\n scope.changeValue(v);\r\n\r\n setValue(v);\r\n };\r\n\r\n return (\r\n <Switch\r\n value={value}\r\n onValueChange={onChange} // Alterna o estado\r\n />\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIOption(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIRadio(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, TextInput, View } from 'react-native';\n\nexport default function UIInput(props: ChildType) {\n let scope = props.scope;\n let initial = Utils.nvl(scope.getValue(), '');\n\n let label = scope.getLabel();\n let placeholder = scope.getPart('placeholder', null, label);\n let el = scope.original;\n\n const [value, setValue] = useState(initial);\n\n let onChange = v => {\n scope.changeValue(v);\n\n setValue(v);\n };\n\n return (\n <View style={styles.base}>\n {scope.getPart('left')}\n <TextInput\n style={styles.input}\n onChangeText={onChange}\n value={value}\n placeholder={placeholder}\n />\n {scope.getPart('right')}\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n base: {\n flexDirection: 'row',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: '#a9a9a9',\n borderRadius: 20,\n paddingHorizontal: 10,\n paddingVertical: 5,\n padding: 10,\n paddingLeft: 5,\n paddingRight: 10,\n },\n icon: {\n marginRight: 10, // Espaço entre ícone e input\n },\n input: {\n marginHorizontal: 10,\n marginVertical: 5,\n flex: 1, // Para o input ocupar o espaço restante\n },\n});\n","import React, { useState } from 'react';\nimport { ChildType, ScopeUtils, Utils } from 'react-crud-utils';\nimport UIChildren from '../UIChildren';\n\ninterface UIListRowType extends ChildType {\n item: any;\n index: number;\n}\n\nexport default function UIListRow(props: UIListRowType) {\n const parent = props.scope;\n const item = props.item;\n const row = {\n parent,\n crud: parent.crud,\n index: props.index,\n type: 'row',\n data: item,\n };\n let [scope] = useState(ScopeUtils.create(row));\n\n return (\n <>\n <UIChildren scope={scope} crud={scope.crud}>\n {props.children}\n </UIChildren>\n </>\n );\n}\n","import React from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, Text, View } from 'react-native';\nimport UIListRow from './UIListRow';\nimport UI from '../UI';\nimport Icon from 'react-native-vector-icons/FontAwesome';\n\nexport default function UIList(props: ChildType) {\n const scope = props.scope;\n const crud = scope.crud;\n const items = Utils.nvl(scope.getItems(), []);\n\n //console.log(items);\n return (\n <>\n <UI.Text\n placeholder=\"Pesquisar...\"\n field=\"query\"\n crud={crud}\n right={<Icon name=\"eye\" size={20} color=\"#888\" />}\n />\n\n <View style={styles.container}>\n {items.map((item: any, i: number) => (\n <View key={`k-${i}`} style={styles.item}>\n <UIListRow scope={scope} item={item} index={i}>\n {props.children}\n </UIListRow>\n </View>\n ))}\n </View>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n },\n item: {\n padding: 15,\n marginVertical: 8,\n backgroundColor: '#f5f5f5',\n borderRadius: 8,\n width: '100%',\n },\n text: {\n fontSize: 18,\n fontWeight: 'bold',\n },\n});\n","import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport UIChildren from './UIChildren';\nimport ElTabs from './tabs/ElTabs';\nimport ElChart from './charts/ElChart';\nimport UIComplete from './UIComplete';\nimport {\n Crud,\n HtmlUtils,\n ScopeUtils,\n Utils,\n ElementType,\n} from 'react-crud-utils';\nimport UILink from './core/UILink';\nimport UIIcon from './core/UIIcon';\nimport UIButton from './core/UIButton';\nimport UISelect from './core/UISelect';\nimport UISwitch from './core/UISwitch';\nimport UIOption from './core/UIOption';\nimport UIRadio from './core/UIRadio';\nimport UIInput from './core/UIInput';\nimport { Image, Linking, StyleSheet, Text, View } from 'react-native';\nimport UIList from './core/UIList';\n\nexport default function UIElement(props: ElementType) {\n let [scope] = useState(ScopeUtils.create(props));\n let [index, setIndex] = useState(0);\n let [error, setError]: string | any = useState(null);\n let options: any = scope.getOptions();\n let crud: Crud = Utils.nvl(props.crud, scope.crud);\n let original = scope.original;\n let type = original.type;\n let ref = useRef(null);\n\n scope.update = () => {\n setIndex(++index);\n };\n\n let router: any = {\n list: UIList,\n tabs: ElTabs,\n chart: ElChart,\n };\n\n let CurrentRouter = () => {\n if (router[type]) {\n let Aux = router[type];\n\n return <Aux crud={crud} {...props} scope={scope} />;\n }\n return <></>;\n };\n\n const Custom = () => {\n let c: any = original.custom;\n\n if (c) {\n if (typeof c === 'string') {\n return (\n <UIElement\n element={{ value: c, type: 'dummy' }}\n crud={crud}\n ></UIElement>\n );\n }\n\n return (\n <UIElement\n type={c.type}\n tag={c.type}\n {...c.props}\n crud={crud}\n ></UIElement>\n );\n }\n\n return <></>;\n };\n\n if (scope.is('type', 'dummy')) {\n return <>{scope.getDisplayValue()}</>;\n }\n\n let onCheck = () => {\n let v = scope.getValue();\n let check = !(v === true);\n\n onChange({ target: { value: check } });\n };\n\n let onChange = (e: any) => {\n let val = e.target.value;\n\n if (scope.isType('integer', 'int', 'number')) {\n val = parseInt(val);\n } else if (scope.isType('decimal')) {\n val = parseFloat(val);\n }\n\n if (scope.isType('select', 'complete')) {\n val = scope.getSelectedItem(val);\n }\n\n scope.changeValue(val);\n scope.update();\n };\n\n let onClick = (e: any) => {\n scope.call('click');\n };\n\n let defaultsInput: any = {\n scope,\n crud,\n onChange: onChange,\n };\n\n if (scope.isType('password')) {\n defaultsInput.type = 'password';\n }\n\n let isChecked = () => {\n let v = scope.getValue();\n\n return v === true;\n };\n\n let hasChildren = () => {\n if (scope.isInput()) {\n return false;\n }\n\n return !Utils.isEmpty(props.children) || !Utils.isEmpty(props.elements);\n };\n\n const getStyle = (part?: string) => {\n let type = Utils.nvl(original.type, 'none');\n let key = Utils.nvl(part, 'root');\n let def = { ...styles[key], ...elementStyle?.[type]?.[key] };\n let hasChild = hasChildren();\n\n if (!part && !hasChild) {\n def = { ...def };\n }\n\n if (hasChild && part) {\n def = { ...def, ...withChildStyles[part] };\n }\n\n def = { ...def, ...elementStyle?.[type]?.[key] };\n\n return { ...def, ...scope.getStyle(part) };\n };\n\n let elStyle = getStyle('element');\n\n let defaultsUI: any = {\n required: scope.isRequired(),\n size: 'small',\n scope,\n crud,\n style: elStyle,\n placeholder: scope.attr('placeholder', 'Digite aqui'),\n };\n\n if (!scope.isRendered() || scope.is('type', 'define')) {\n return <></>;\n }\n\n scope.error = (msg: string) => {\n error = msg;\n setError(msg);\n };\n\n useEffect(() => {\n if (!scope.ready) {\n scope.ready = true;\n\n scope.call('load');\n\n if (scope.isType('list', 'repeat')) {\n scope.search();\n } else if (original.list) {\n scope.call('list');\n }\n scope.start();\n }\n });\n\n const CustomIcon = () => {\n if (typeof original.icon === 'string') {\n return <UIIcon>{scope.getIcon()}</UIIcon>;\n }\n return <>{original.icon}</>;\n };\n\n let hasCustomRoute = () => {\n if (router[type]) return true;\n return false;\n };\n\n scope.open = (args: any) => {\n Linking.openURL(args.url);\n };\n\n if (scope.isType('dialog')) {\n let name = original.name;\n\n if (!crud.dialogs[name]) {\n let dlg: any = { config: { ...original } };\n\n dlg.component = (args: any) => {\n return <UIChildren {...props} scope={scope} crud={crud} />;\n };\n\n crud.dialogs[name] = dlg;\n }\n return <></>;\n }\n\n useLayoutEffect(() => {\n if (ref?.current && scope.is('type', 'card', 'list', 'tabs', 'stepper')) {\n let el: any = ref?.current;\n\n if (el?.classList) {\n let bg = HtmlUtils.getBGColor(el);\n\n if (bg === 'rgb(255, 255, 255)') {\n el.classList.add('ui-dark');\n } else {\n el.classList.add('ui-light');\n }\n }\n }\n });\n\n const isShowLabel = () => {\n if (typeof original.label !== 'undefined' && !scope.is('button')) {\n return true;\n }\n\n return false;\n };\n\n const isShowInner = () => {\n if (hasChildren() || hasCustomRoute()) {\n return false;\n }\n return true;\n };\n\n return (\n <>\n <View ref={ref} style={getStyle()}>\n <>\n {isShowLabel() && (\n <Text style={getStyle('label')}>{scope.getLabel()}</Text>\n )}\n {isShowInner() && (\n <>\n <View style={getStyle('inner')}>\n {scope.is('type', 'button') && (\n <UIButton\n {...defaultsUI}\n onClick={onClick}\n variant={scope.attr('variant', 'outlined')}\n >\n {original.icon && <CustomIcon />}\n {original.label && (\n <Text style={scope.getPart('label', 'button')}>\n {scope.getLabel()}\n </Text>\n )}\n </UIButton>\n )}\n {scope.is('type', 'icon') && (\n <UIIcon\n {...defaultsUI}\n onClick={onClick}\n variant={scope.attr('variant', 'outlined')}\n >\n {scope.getDisplayValue()}\n </UIIcon>\n )}\n {scope.is('type', 'link') && (\n <UILink\n {...defaultsUI}\n onClick={onClick}\n variant={scope.attr('variant', 'outlined')}\n >\n {original.icon && <CustomIcon />}\n {original.label && (\n <Text style={scope.getPart('label', 'link')}>\n {scope.getLabel()}\n </Text>\n )}\n </UILink>\n )}\n {scope.is(\n 'type',\n 'text',\n 'number',\n 'phone',\n 'postalCode',\n 'money',\n 'password',\n 'email'\n ) && (\n <UIInput\n {...defaultsInput}\n {...defaultsUI}\n InputProps={{ ...original.inputProps }}\n />\n )}\n {scope.is('type', 'complete', 'autocomplete') && (\n <UIComplete\n scope={scope}\n defaultsInput={defaultsInput}\n defaultsUI={defaultsUI}\n />\n )}\n {scope.is('type', 'checkbox', 'boolean', 'switch') && (\n <UISwitch\n checked={isChecked()}\n {...defaultsInput}\n onChange={onCheck}\n />\n )}\n {scope.is('type', 'select') && (\n <UISelect\n {...defaultsInput}\n {...defaultsUI}\n value={scope.getSelectedValue()}\n >\n <UIOption value={''}>Selecione</UIOption>\n {options.map((row: any, i: number) => (\n <UIOption key={'i' + i} value={row.value}>\n {row.label}\n </UIOption>\n ))}\n </UISelect>\n )}\n {scope.is('type', 'radio') && (\n <UIRadio {...defaultsInput} {...defaultsUI} row>\n {options.map((row: any, i: number) => (\n <UIOption\n key={'i' + i}\n control={<UIRadio {...defaultsUI} />}\n label={row.label}\n value={row.value}\n />\n ))}\n </UIRadio>\n )}\n {scope.is('type', 'custom') && <Custom />}\n {scope.is('type', 'column') && (\n <>\n {scope.is('format', 'img') && (\n <Image source={scope.getDisplayValue()} />\n )}\n {scope.is('format', 'icon') && (\n <UIIcon className={scope.getDisplayValue()} />\n )}\n {!scope.is('format', 'icon', 'img') && (\n <Text>{scope.getDisplayValue()}</Text>\n )}\n </>\n )}\n {scope.is('type', 'output', 'value') && (\n <Text>{scope.getDisplayValue()}</Text>\n )}\n </View>\n {error && <View style={getStyle('error')}>{error}</View>}\n </>\n )}\n <CurrentRouter />\n {!scope.is('type', 'tabs', 'grid', 'list', 'define', 'repeat') && (\n <UIChildren {...props} scope={scope} crud={crud} />\n )}\n </>\n </View>\n </>\n );\n}\n\nconst elementStyle: any = {};\n\nelementStyle.card = StyleSheet.create({\n root: {\n backgroundColor: 'white',\n padding: 16,\n borderRadius: 10,\n shadowColor: '#888', // iOS\n shadowOffset: { width: 0, height: 1 }, // iOS\n shadowOpacity: 0.25, // iOS\n shadowRadius: 3.84, // iOS\n elevation: 3, // Android\n },\n inner: { width: '100%', paddingBottom: 10, paddingTop: 5 },\n});\n\nelementStyle.list = {\n ...elementStyle.card,\n};\n\nconst styles = StyleSheet.create({\n root: {\n gap: 5,\n flexDirection: 'column',\n flexWrap: 'wrap',\n width: '100%',\n alignItems: 'flex-start',\n },\n label: { width: '100%', fontWeight: 500, fontSize: 12 },\n inner: { width: '100%', paddingBottom: 5, paddingTop: 5 },\n});\n\nconst withChildStyles = StyleSheet.create({\n root: {\n gap: 10,\n },\n label: {\n width: '100%',\n fontWeight: 500,\n fontSize: 24,\n },\n});\n","import UIChildren from '../UIChildren';\nimport { ComponentUtils, DefineType, Utils } from 'react-crud-utils';\n\nexport default function UIInclude(props: DefineType) {\n if (props.rendered === false) {\n return <></>;\n }\n\n let includes = ComponentUtils.getDefine(props, props.name, props.position);\n\n if (Utils.isEmpty(includes)) {\n includes = props.default;\n }\n\n if (!Utils.isEmpty(includes)) {\n let Aux = (tagProp: any) => {\n let Tag: any = props.tag;\n\n if (!Utils.isEmpty(Tag)) {\n return <Tag {...tagProp}>{tagProp.children}</Tag>;\n }\n return <>{tagProp.children}</>;\n };\n\n return (\n <Aux {...props.tagProps}>\n <UIChildren\n transient\n {...props}\n scope={props.scope}\n crud={props.crud}\n part={props.name}\n >\n {includes}\n </UIChildren>\n </Aux>\n );\n }\n return <>{includes}</>;\n}\n","import { ListType } from 'react-crud-utils';\nimport { UserType } from 'react-crud-utils';\nimport { InputType } from 'react-crud-utils';\nimport { ChartType } from 'react-crud-utils';\nimport { ContainerType } from 'react-crud-utils';\nimport { ListInputType } from 'react-crud-utils';\nimport UIElement from './UIElement';\nimport { TabsType } from 'react-crud-utils';\nimport { DefineType } from 'react-crud-utils';\nimport { ButtonType } from 'react-crud-utils';\nimport { LinkType } from 'react-crud-utils';\nimport UIInclude from './core/UIInclude';\n\nconst UI = {\n List: (props: ListType) => <UIElement {...props} type=\"list\" />,\n Value: (props: UserType) => <UIElement {...props} type=\"value\" />,\n Label: (props: UserType) => <UIElement {...props} type=\"label\" />,\n Repeat: (props: ListType) => <UIElement {...props} type=\"repeat\" />,\n Define: (props: DefineType) => <UIElement {...props} type=\"define\" />,\n Include: (props: DefineType) => <UIInclude {...props} />,\n Column: ({ type = 'column', ...props }: UserType) => (\n <UIElement {...props} type=\"column\" />\n ),\n Input: (props: InputType) => <UIElement {...props} />,\n Text: (props: InputType) => <UIElement {...props} type=\"text\" />,\n Email: (props: InputType) => <UIElement {...props} type=\"email\" />,\n Button: (props: ButtonType) => <UIElement {...props} type=\"button\" />,\n Link: (props: LinkType) => <UIElement {...props} type=\"link\" />,\n Icon: (props: ButtonType) => <UIElement {...props} type=\"icon\" />,\n Output: (props: ContainerType) => <UIElement {...props} type=\"output\" />,\n Form: (props: ContainerType) => <UIElement {...props} type=\"form\" />,\n Crud: (props: ContainerType) => <UIElement {...props} type=\"crud\" />,\n View: (props: ContainerType) => (\n <UIElement {...props} type=\"view\" transient />\n ),\n Bottom: (props: ContainerType) => <UIElement {...props} type=\"bottom\" />,\n Dialog: (props: ContainerType) => <UIElement {...props} type=\"dialog\" />,\n Content: (props: ContainerType) => <UIElement {...props} type=\"content\" />,\n Top: (props: ContainerType) => <UIElement {...props} type=\"top\" />,\n Card: (props: ContainerType) => <UIElement {...props} type=\"card\" />,\n Tab: (props: ContainerType) => <UIElement {...props} type=\"tab\" />,\n Tabs: (props: TabsType) => <UIElement {...props} type=\"tabs\" />,\n Step: (props: ContainerType) => (\n <UIElement {...props} type=\"tab\" layout=\"step\" />\n ),\n Stepper: (props: TabsType) => (\n <UIElement {...props} type=\"tabs\" layout=\"stepper\" />\n ),\n Money: (props: InputType) => <UIElement {...props} type=\"money\" />,\n Chart: (props: ChartType) => <UIElement {...props} type=\"chart\" />,\n Password: (props: InputType) => <UIElement {...props} type=\"password\" />,\n Complete: (props: InputType) => <UIElement {...props} type=\"complete\" />,\n Checkbox: (props: InputType) => <UIElement {...props} type=\"switch\" />,\n Switch: (props: InputType) => <UIElement {...props} type=\"switch\" />,\n Radio: (props: ListInputType) => <UIElement {...props} type=\"radio\" />,\n Select: (props: ListInputType) => <UIElement {...props} type=\"select\" />,\n Entity: (props: ListInputType) => <UIElement {...props} type=\"entity\" />,\n Element: (props: ListInputType) => <UIElement {...props} type=\"element\" />,\n};\nexport default UI;\n"],"names":["UIChildren","props","scope","useState","Utils","nvl","ScopeUtils","create","crud","validateScope","name","part","isInput","_jsx","_Fragment","key","Paint","_ref","child","children","Custom","type","pps","_extends","isEmpty","transient","parent","Draw","elements","Object","entries","map","t","k","UIElement","React","Children","View","style","styles","getStyle","StyleSheet","width","inner","ElTabs","_useState","selectedIndex","setSelectedIndex","element","original","items","getItems","counter","tabs","_useState2","selected","setSelected","onChangeTab","tab","validate","execute","event","action","changeValue","data","index","getStyleClass","s","_selected","addTab","item","crudTab","CrudUtils","changed","resolve","rendered","push","i","nav","isStepper","layout","className","_jsxs","onClick","label","id","UI","Output","space","Include","default","Button","icon","Ionicons","click","length","ElChart","asList","columns","UIAutoComplete","TouchableOpacity","onPress","Linking","openURL","Text","link","UIComplete","AutoComplete","defaultsInput","defaultsUI","UILink","UIIcon","UIButton","color","text","lineHeight","fontWeight","textAlign","textStyle","flex","flexDirection","flexWrap","alignItems","margin","fontSize","paddingRight","button","padding","paddingLeft","minWidth","verticalAling","borderRadius","backgroundColor","buttonStyle","TouchableHighlight","underlayColor","e","size","UISelect","visible","setVisible","getOptions","console","log","root","select","Icon","Modal","animationType","transparent","SafeAreaView","modalContainer","header","headerText","closeButton","closeButtonText","content","List","getName","Value","value","justifyContent","borderWidth","borderColor","paddingHorizontal","paddingVertical","height","bodyText","UISwitch","initial","getValue","setValue","Switch","onValueChange","v","UIOption","UIRadio","UIInput","getLabel","placeholder","getPart","base","TextInput","input","onChangeText","marginRight","marginHorizontal","marginVertical","UIListRow","UIList","field","right","container","setIndex","_useState3","error","setError","options","ref","useRef","update","router","list","chart","CurrentRouter","c","custom","tag","is","getDisplayValue","onChange","val","target","isType","parseInt","parseFloat","getSelectedItem","call","hasChildren","def","elementStyle","_elementStyle$type","hasChild","withChildStyles","_elementStyle$type2","elStyle","required","isRequired","attr","isRendered","msg","useEffect","ready","search","start","CustomIcon","getIcon","open","args","url","dialogs","dlg","config","useLayoutEffect","current","el","classList","bg","HtmlUtils","getBGColor","add","variant","InputProps","inputProps","checked","getSelectedValue","row","control","Image","source","card","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","paddingBottom","paddingTop","gap","UIInclude","includes","ComponentUtils","getDefine","position","tagProp","Tag","tagProps","Label","Repeat","Define","Column","_objectWithoutPropertiesLoose","_excluded","Input","Email","Link","Form","Crud","Bottom","Dialog","Content","Top","Card","Tab","Tabs","Step","Stepper","Money","Chart","Password","Complete","Checkbox","Radio","Select","Entity","Element"],"mappings":"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"}
1
+ {"version":3,"file":"react-crud-mobile.cjs.production.min.js","sources":["../src/elements/UIChildren.tsx","../src/elements/tabs/ElTabs.tsx","../src/elements/charts/ElChart.tsx","../src/elements/core/UIAutoComplete.tsx","../src/elements/UIComplete.tsx","../src/elements/core/UILink.tsx","../src/elements/core/UIIcon.tsx","../src/elements/core/UIButton.tsx","../src/elements/core/UISelect.tsx","../src/elements/core/UISwitch.tsx","../src/elements/core/UIOption.tsx","../src/elements/core/UIRadio.tsx","../src/elements/core/UIInput.tsx","../src/elements/core/UIListRow.tsx","../src/elements/core/UIList.tsx","../src/elements/UIElement.tsx","../src/elements/core/UIInclude.tsx","../src/elements/UI.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport UIElement from './UIElement';\nimport { Crud, Scope, ScopeUtils, Utils } from 'react-crud-utils';\nimport { StyleSheet, View } from 'react-native';\n\ninterface UIChildrenType {\n scope: Scope;\n crud?: Crud;\n validateScope?: String;\n children?: any;\n elements?: any;\n transient?: boolean;\n part?: string;\n childProps?: any;\n}\n\nexport default function UIChildren(props: UIChildrenType) {\n let [scope] = useState(Utils.nvl(props.scope, ScopeUtils.create(props)));\n let crud = Utils.nvl(props.crud, scope.crud);\n let validateScope = Utils.nvl(props.validateScope, 'global');\n let name = Utils.nvl(props.part, 'child');\n\n if (scope.isInput()) {\n return <></>;\n }\n\n let Paint = ({ child }: any) => {\n if (!child) {\n return <></>;\n }\n if (typeof child === 'string') {\n return <>{child}</>;\n }\n\n let Custom = child.type;\n let pps = { ...child.props };\n\n delete pps.children;\n\n if (typeof Custom === 'string') {\n if (Utils.isEmpty(child.props.children)) {\n return <Custom {...pps} />;\n }\n return (\n <Custom {...pps}>\n <UIChildren\n transient\n validateScope={validateScope}\n {...child.props}\n scope={scope}\n crud={crud}\n ></UIChildren>\n </Custom>\n );\n } else if (typeof Custom === 'function') {\n return (\n <Custom\n validateScope={validateScope}\n {...child.props}\n parent={scope}\n crud={crud}\n ></Custom>\n );\n }\n\n if (!Utils.isEmpty(child.props.children)) {\n return (\n <UIChildren\n validateScope={validateScope}\n {...child.props}\n scope={scope}\n crud={crud}\n transient\n ></UIChildren>\n );\n }\n return <></>;\n };\n\n const Draw = () => {\n if (props.elements) {\n return (\n <>\n {Object.entries(props.elements).map((t: any, k) => {\n return <UIElement crud={crud} {...t[1]} />;\n })}\n </>\n );\n }\n return (\n <>\n {React.Children.map(props.children, child => {\n return <Paint child={child}></Paint>;\n })}\n </>\n );\n };\n\n if (props.transient) {\n return <Draw />;\n }\n\n if (Utils.isEmpty(props.children) && Utils.isEmpty(props.elements)) {\n return <></>;\n }\n\n const getStyle = (part?: string) => {\n let key = Utils.nvl(part, 'root');\n let def = styles[key];\n\n return { ...def, ...scope.getStyle(part) };\n };\n\n return (\n <>\n <View style={getStyle(name)}>\n <Draw />\n </View>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n child: { width: '100%' },\n inner: { width: '100%' },\n});\n","import React, { useState, useEffect } from 'react';\nimport UIChildren from '../UIChildren';\nimport UI from '../UI';\n\nimport Ionicons from '@expo/vector-icons/Ionicons';\nimport { ChildType, CrudUtils, Utils } from 'react-crud-utils';\n\nexport default function ElTabs(props: ChildType) {\n let scope = props.scope;\n let [selectedIndex, setSelectedIndex]: any = useState(0);\n let element = scope.original;\n let items = scope.getItems();\n let counter = 0;\n\n let tabs: any = [];\n let [selected, setSelected]: any = useState(null);\n\n const onChangeTab = (tab: any, validate = true) => {\n if (tab) {\n scope.execute({\n event: {\n validate,\n validateScope: element.validateScope,\n action: () => {\n scope.changeValue(tab.data);\n\n selected = tab;\n selectedIndex = tab.index;\n\n setSelectedIndex(selectedIndex);\n setSelected(tab);\n },\n },\n });\n }\n };\n\n const getStyleClass = (t: any) => {\n let s = 'ui-tabs-item ui-click';\n\n if (selected?.index === t.index) {\n s = s + ' ui-tab-selected';\n }\n return s;\n };\n\n const addTab = (child: any, item: any) => {\n let original = { ...child.props };\n\n if (!item) {\n item = scope.crud.data;\n }\n\n let crudTab = CrudUtils.create('tabs', {\n data: item,\n changed: item,\n parent: scope.crud,\n });\n\n let element = Utils.resolve(original, crudTab);\n\n if (element.rendered === false) {\n return;\n }\n\n tabs.push({\n ...element,\n child,\n element,\n original,\n index: counter++,\n data: item,\n });\n };\n\n React.Children.map(props.children, (child, index) => {\n if (Utils.isEmpty(items)) {\n addTab(child, {});\n } else {\n for (const i in items) {\n let o = items[i];\n\n addTab(child, o);\n }\n }\n });\n\n if (!selected) {\n onChangeTab(tabs[selectedIndex], false);\n }\n\n const nav = (i: any) => {\n let t = tabs[selectedIndex + i];\n\n onChangeTab(t);\n };\n\n const previous = () => {\n nav(-1);\n };\n\n const next = () => {\n nav(1);\n };\n\n let isStepper = element.layout === 'stepper';\n\n return (\n <div\n className={scope.getStyleClass('inner')}\n style={scope.getStyle('inner')}\n >\n <div className=\"ui-tabs-content\">\n <div className=\"ui-tabs-items\">\n {tabs.map((t: any, i: number) => (\n <div\n key={Utils.key(element.id, 'tab', i)}\n className={getStyleClass(t)}\n onClick={() => {\n onChangeTab(t);\n }}\n >\n {isStepper && <div className=\"ui-tab-item-divisor\" />}\n <div className=\"ui-tab-item-inner\">\n {isStepper && <div className=\"ui-step-line\" />}\n <div className=\"ui-tab-item-label\">\n {isStepper ? t.index + 1 : t.label}\n </div>\n </div>\n </div>\n ))}\n </div>\n {selected && (\n <>\n {isStepper && <div className=\"ui-tabs-label\">{selected.label}</div>}\n <div className=\"ui-tabs-area\">\n <UIChildren {...props} scope={scope}>\n {selected.child}\n </UIChildren>\n </div>\n {element.layout === 'stepper' && (\n <div className=\"ui-tabs-actions\">\n <UI.Output space={6} layout=\"left\">\n <UI.Include\n {...props}\n transient\n name=\"left\"\n default={\n <UI.Button\n rendered={selectedIndex > 0}\n icon={<Ionicons />}\n click={previous}\n />\n }\n />\n </UI.Output>\n <UI.Output space={6} layout=\"right\">\n <UI.Include\n {...props}\n transient\n name=\"right\"\n default={\n <UI.Button\n rendered={selectedIndex < tabs.length - 1}\n icon={<Ionicons />}\n click={next}\n />\n }\n />\n </UI.Output>\n </div>\n )}\n </>\n )}\n </div>\n </div>\n );\n}\n","import React from \"react\";\nimport { ChildType, Scope, Utils } from \"react-crud-utils\";\n\nexport default function ElChart(props: ChildType) {\n let scope: Scope = props.scope;\n let items: any = scope.getItems();\n let columns = Utils.asList(scope.original.columns);\n\n return <div className=\"ui-chart-data\"></div>;\n}\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIAutoComplete(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { ChildType } from 'react-crud-utils';\nimport AutoComplete from './core/UIAutoComplete';\n\nexport default function UIComplete({\n defaultsInput,\n defaultsUI,\n scope,\n}: ChildType) {\n return (\n <>\n <AutoComplete {...defaultsInput} {...defaultsUI} />\n </>\n );\n}\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UILink(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIIcon(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Ionicons } from '@expo/vector-icons';\r\nimport { ChildType } from 'react-crud-utils';\r\nimport { Text, TouchableHighlight, View } from 'react-native';\r\n\r\nexport default function UIButton(props: ChildType) {\r\n let scope = props.scope;\r\n let element = scope.original;\r\n\r\n let color = element.color;\r\n let label = element.label;\r\n let icon = element.icon;\r\n\r\n if (!color) color = '#55a46f';\r\n\r\n const styles: any = {\r\n text: {\r\n color: '#ffffff',\r\n lineHeight: 30,\r\n fontWeight: '500',\r\n textAlign: 'center',\r\n ...element.textStyle,\r\n },\r\n inner: {\r\n flex: 1,\r\n flexDirection: 'row',\r\n flexWrap: 'wrap',\r\n textAlign: 'center',\r\n alignItems: 'center',\r\n margin: 'auto',\r\n ...element.textStyle,\r\n },\r\n icon: {\r\n color: '#fff',\r\n fontSize: 18,\r\n paddingRight: 10,\r\n },\r\n button: {\r\n padding: 5,\r\n alignItems: 'center',\r\n paddingLeft: 10,\r\n paddingRight: 10,\r\n minWidth: 200,\r\n margin: 5,\r\n textAlign: 'center',\r\n verticalAling: 'middle',\r\n lineHeight: 30,\r\n borderRadius: 20,\r\n backgroundColor: color,\r\n color: '#ffffff',\r\n ...element.buttonStyle,\r\n },\r\n };\r\n\r\n const onClick = (e: any) => {\r\n if (typeof element.click === 'function') {\r\n element.click(e);\r\n }\r\n };\r\n\r\n return (\r\n <TouchableHighlight\r\n underlayColor={'transparent'}\r\n onPress={onClick}\r\n style={styles.button}\r\n >\r\n <View style={styles.inner}>\r\n {icon && (\r\n <>\r\n <Ionicons size={30} style={styles.icon} name={icon} />\r\n </>\r\n )}\r\n <Text style={styles.text}>{label}</Text>\r\n </View>\r\n </TouchableHighlight>\r\n );\r\n}\r\n","import { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport {\n Text,\n TouchableOpacity,\n StyleSheet,\n Modal,\n View,\n StatusBar,\n SafeAreaView,\n} from 'react-native';\nimport Icon from 'react-native-vector-icons/FontAwesome';\nimport UI from '../UI';\n\nexport default function UISelect(props: ChildType) {\n const [modalVisible, setModalVisible] = useState(false);\n const scope = props.scope;\n const items = Utils.nvl(scope.getOptions(), []);\n\n const handlePress = () => {\n setModalVisible(!modalVisible);\n };\n\n console.log(items);\n\n return (\n <View style={styles.root}>\n <TouchableOpacity onPress={handlePress} style={styles.select}>\n <Text style={styles.label}>\n Clique aqui para acessar o React Native\n </Text>\n <Icon name=\"angle-down\" size={20} color=\"#888\" />\n </TouchableOpacity>\n <Modal\n animationType=\"slide\"\n transparent={true}\n visible={modalVisible}\n onRequestClose={() => setModalVisible(false)}\n >\n <StatusBar barStyle=\"dark-content\" backgroundColor=\"#6200ea\" />\n <SafeAreaView style={styles.safe}>\n <View style={styles.header}>\n <TouchableOpacity\n onPress={() => setModalVisible(false)}\n style={styles.closeButton}\n >\n <Text style={styles.closeText}>X</Text>\n </TouchableOpacity>\n <Text style={styles.title}>Título do Modal</Text>\n </View>\n <View style={styles.content}>\n <UI.List data={items} name={scope.getName('list')}>\n <UI.Value value=\"#{@this.label}\" />\n </UI.List>\n </View>\n </SafeAreaView>\n </Modal>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n safe: {\n flex: 1,\n backgroundColor: 'white',\n paddingTop: StatusBar.currentHeight || 0, // Considera a altura da barra de status no Android\n },\n root: {\n flex: 1,\n justifyContent: 'flex-start',\n alignItems: 'flex-start',\n },\n select: {\n flex: 1,\n width: '100%',\n flexDirection: 'row',\n borderWidth: 1,\n borderColor: '#a9a9a9',\n borderRadius: 20,\n paddingHorizontal: 15,\n paddingVertical: 10,\n },\n item: { width: '100%' },\n label: { flex: 1 },\n container: {\n flex: 1,\n justifyContent: 'flex-start',\n alignItems: 'center',\n },\n header: {\n flexDirection: 'row',\n alignItems: 'center',\n padding: 15,\n backgroundColor: '#6200ea',\n },\n closeButton: {\n padding: 10,\n },\n closeText: {\n fontSize: 18,\n color: 'white',\n },\n title: {\n fontSize: 18,\n color: 'white',\n fontWeight: 'bold',\n marginLeft: 10,\n },\n content: {\n flex: 1,\n justifyContent: 'flex-start',\n alignItems: 'flex-start',\n padding: 20,\n },\n});\n","import { useState } from 'react';\r\nimport { ChildType, Utils } from 'react-crud-utils';\r\nimport { Switch } from 'react-native';\r\n\r\nexport default function UISwitch(props: ChildType) {\r\n const scope = props.scope;\r\n const initial = Utils.nvl(scope.getValue(), false) as boolean;\r\n const [value, setValue] = useState(initial);\r\n\r\n let onChange = v => {\r\n scope.changeValue(v);\r\n\r\n setValue(v);\r\n };\r\n\r\n return (\r\n <Switch\r\n value={value}\r\n onValueChange={onChange} // Alterna o estado\r\n />\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIOption(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\r\n\r\nexport default function UIRadio(props: any) {\r\n const handlePress = () => {\r\n Linking.openURL('https://reactnative.dev/');\r\n };\r\n\r\n return (\r\n <TouchableOpacity onPress={handlePress}>\r\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\r\n </TouchableOpacity>\r\n );\r\n}\r\n\r\nconst styles = {\r\n link: {},\r\n};\r\n","import { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, TextInput, View } from 'react-native';\n\nexport default function UIInput(props: ChildType) {\n let scope = props.scope;\n let initial = Utils.nvl(scope.getValue(), '');\n\n let label = scope.getLabel();\n let placeholder = scope.getPart('placeholder', null, label);\n let el = scope.original;\n\n const [value, setValue] = useState(initial);\n\n let onChange = v => {\n scope.changeValue(v);\n\n setValue(v);\n };\n\n return (\n <View style={styles.base}>\n {scope.getPart('left')}\n <TextInput\n style={styles.input}\n onChangeText={onChange}\n value={value}\n placeholder={placeholder}\n />\n {scope.getPart('right')}\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n base: {\n flexDirection: 'row',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: '#a9a9a9',\n borderRadius: 20,\n paddingHorizontal: 10,\n paddingVertical: 5,\n padding: 10,\n paddingLeft: 5,\n paddingRight: 10,\n },\n icon: {\n marginRight: 10, // Espaço entre ícone e input\n },\n input: {\n marginHorizontal: 10,\n marginVertical: 5,\n flex: 1, // Para o input ocupar o espaço restante\n },\n});\n","import React, { useState } from 'react';\nimport { ChildType, ScopeUtils, Utils } from 'react-crud-utils';\nimport UIChildren from '../UIChildren';\n\ninterface UIListRowType extends ChildType {\n item: any;\n index: number;\n}\n\nexport default function UIListRow(props: UIListRowType) {\n const parent = props.scope;\n const item = props.item;\n const row = {\n parent,\n crud: parent.crud,\n index: props.index,\n type: 'row',\n data: item,\n };\n let [scope] = useState(ScopeUtils.create(row));\n\n return (\n <>\n <UIChildren scope={scope} crud={scope.crud}>\n {props.children}\n </UIChildren>\n </>\n );\n}\n","import React from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, Text, View } from 'react-native';\nimport UIListRow from './UIListRow';\nimport UI from '../UI';\nimport Icon from 'react-native-vector-icons/FontAwesome';\n\nexport default function UIList(props: ChildType) {\n const scope = props.scope;\n const crud = scope.crud;\n const items = Utils.nvl(scope.getItems(), []);\n\n //console.log(items);\n return (\n <>\n <UI.Text\n placeholder=\"Pesquisar...\"\n field=\"query\"\n crud={crud}\n right={<Icon name=\"eye\" size={20} color=\"#888\" />}\n />\n\n <View style={styles.container}>\n {items.map((item: any, i: number) => (\n <View key={`k-${i}`} style={styles.item}>\n <UIListRow scope={scope} item={item} index={i}>\n {props.children}\n </UIListRow>\n </View>\n ))}\n </View>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n },\n item: {\n padding: 15,\n marginVertical: 8,\n backgroundColor: '#f5f5f5',\n borderRadius: 8,\n width: '100%',\n },\n text: {\n fontSize: 18,\n fontWeight: 'bold',\n },\n});\n","import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport UIChildren from './UIChildren';\nimport ElTabs from './tabs/ElTabs';\nimport ElChart from './charts/ElChart';\nimport UIComplete from './UIComplete';\nimport {\n Crud,\n HtmlUtils,\n ScopeUtils,\n Utils,\n ElementType,\n} from 'react-crud-utils';\nimport UILink from './core/UILink';\nimport UIIcon from './core/UIIcon';\nimport UIButton from './core/UIButton';\nimport UISelect from './core/UISelect';\nimport UISwitch from './core/UISwitch';\nimport UIOption from './core/UIOption';\nimport UIRadio from './core/UIRadio';\nimport UIInput from './core/UIInput';\nimport { Image, Linking, StyleSheet, Text, View } from 'react-native';\nimport UIList from './core/UIList';\n\nexport default function UIElement(props: ElementType) {\n let [scope] = useState(ScopeUtils.create(props));\n let [index, setIndex] = useState(0);\n let [error, setError]: string | any = useState(null);\n let options: any = scope.getOptions();\n let crud: Crud = Utils.nvl(props.crud, scope.crud);\n let original = scope.original;\n let type = original.type;\n let ref = useRef(null);\n\n scope.update = () => {\n setIndex(++index);\n };\n\n let router: any = {\n list: UIList,\n tabs: ElTabs,\n chart: ElChart,\n };\n\n let CurrentRouter = () => {\n if (router[type]) {\n let Aux = router[type];\n\n return <Aux crud={crud} {...props} scope={scope} />;\n }\n return <></>;\n };\n\n const Custom = () => {\n let c: any = original.custom;\n\n if (c) {\n if (typeof c === 'string') {\n return (\n <UIElement\n element={{ value: c, type: 'dummy' }}\n crud={crud}\n ></UIElement>\n );\n }\n\n return (\n <UIElement\n type={c.type}\n tag={c.type}\n {...c.props}\n crud={crud}\n ></UIElement>\n );\n }\n\n return <></>;\n };\n\n if (scope.is('type', 'dummy')) {\n return <>{scope.getDisplayValue()}</>;\n }\n\n let onCheck = () => {\n let v = scope.getValue();\n let check = !(v === true);\n\n onChange({ target: { value: check } });\n };\n\n let onChange = (e: any) => {\n let val = e.target.value;\n\n if (scope.isType('integer', 'int', 'number')) {\n val = parseInt(val);\n } else if (scope.isType('decimal')) {\n val = parseFloat(val);\n }\n\n if (scope.isType('select', 'complete')) {\n val = scope.getSelectedItem(val);\n }\n\n scope.changeValue(val);\n scope.update();\n };\n\n let onClick = (e: any) => {\n scope.call('click');\n };\n\n let defaultsInput: any = {\n scope,\n crud,\n onChange: onChange,\n };\n\n if (scope.isType('password')) {\n defaultsInput.type = 'password';\n }\n\n let isChecked = () => {\n let v = scope.getValue();\n\n return v === true;\n };\n\n let hasChildren = () => {\n if (scope.isInput()) {\n return false;\n }\n\n return !Utils.isEmpty(props.children) || !Utils.isEmpty(props.elements);\n };\n\n const getStyle = (part?: string) => {\n let type = Utils.nvl(original.type, 'none');\n let key = Utils.nvl(part, 'root');\n let def = { ...styles[key], ...elementStyle?.[type]?.[key] };\n let hasChild = hasChildren();\n\n if (!part && !hasChild) {\n def = { ...def };\n }\n\n if (hasChild && part) {\n def = { ...def, ...withChildStyles[part] };\n }\n\n def = { ...def, ...elementStyle?.[type]?.[key] };\n\n return { ...def, ...scope.getStyle(part) };\n };\n\n let elStyle = getStyle('element');\n\n let defaultsUI: any = {\n required: scope.isRequired(),\n size: 'small',\n scope,\n crud,\n style: elStyle,\n placeholder: scope.attr('placeholder', 'Digite aqui'),\n };\n\n if (!scope.isRendered() || scope.is('type', 'define')) {\n return <></>;\n }\n\n scope.error = (msg: string) => {\n error = msg;\n setError(msg);\n };\n\n useEffect(() => {\n if (!scope.ready) {\n scope.ready = true;\n\n scope.call('load');\n\n if (scope.isType('list', 'repeat')) {\n scope.search();\n } else if (original.list) {\n scope.call('list');\n }\n scope.start();\n }\n });\n\n const CustomIcon = () => {\n if (typeof original.icon === 'string') {\n return <UIIcon>{scope.getIcon()}</UIIcon>;\n }\n return <>{original.icon}</>;\n };\n\n let hasCustomRoute = () => {\n if (router[type]) return true;\n return false;\n };\n\n scope.open = (args: any) => {\n Linking.openURL(args.url);\n };\n\n if (scope.isType('dialog')) {\n let name = original.name;\n\n if (!crud.dialogs[name]) {\n let dlg: any = { config: { ...original } };\n\n dlg.component = (args: any) => {\n return <UIChildren {...props} scope={scope} crud={crud} />;\n };\n\n crud.dialogs[name] = dlg;\n }\n return <></>;\n }\n\n useLayoutEffect(() => {\n if (ref?.current && scope.is('type', 'card', 'list', 'tabs', 'stepper')) {\n let el: any = ref?.current;\n\n if (el?.classList) {\n let bg = HtmlUtils.getBGColor(el);\n\n if (bg === 'rgb(255, 255, 255)') {\n el.classList.add('ui-dark');\n } else {\n el.classList.add('ui-light');\n }\n }\n }\n });\n\n const isShowLabel = () => {\n if (typeof original.label !== 'undefined' && !scope.is('button')) {\n return true;\n }\n\n return false;\n };\n\n const isShowInner = () => {\n if (hasChildren() || hasCustomRoute()) {\n return false;\n }\n return true;\n };\n\n return (\n <>\n <View ref={ref} style={getStyle()}>\n <>\n {isShowLabel() && (\n <Text style={getStyle('label')}>{scope.getLabel()}</Text>\n )}\n {isShowInner() && (\n <>\n <View style={getStyle('inner')}>\n {scope.is('type', 'button') && (\n <UIButton\n {...defaultsUI}\n onClick={onClick}\n variant={scope.attr('variant', 'outlined')}\n >\n {original.icon && <CustomIcon />}\n {original.label && (\n <Text style={scope.getPart('label', 'button')}>\n {scope.getLabel()}\n </Text>\n )}\n </UIButton>\n )}\n {scope.is('type', 'icon') && (\n <UIIcon\n {...defaultsUI}\n onClick={onClick}\n variant={scope.attr('variant', 'outlined')}\n >\n {scope.getDisplayValue()}\n </UIIcon>\n )}\n {scope.is('type', 'link') && (\n <UILink\n {...defaultsUI}\n onClick={onClick}\n variant={scope.attr('variant', 'outlined')}\n >\n {original.icon && <CustomIcon />}\n {original.label && (\n <Text style={scope.getPart('label', 'link')}>\n {scope.getLabel()}\n </Text>\n )}\n </UILink>\n )}\n {scope.is(\n 'type',\n 'text',\n 'number',\n 'phone',\n 'postalCode',\n 'money',\n 'password',\n 'email'\n ) && (\n <UIInput\n {...defaultsInput}\n {...defaultsUI}\n InputProps={{ ...original.inputProps }}\n />\n )}\n {scope.is('type', 'complete', 'autocomplete') && (\n <UIComplete\n scope={scope}\n defaultsInput={defaultsInput}\n defaultsUI={defaultsUI}\n />\n )}\n {scope.is('type', 'checkbox', 'boolean', 'switch') && (\n <UISwitch\n checked={isChecked()}\n {...defaultsInput}\n onChange={onCheck}\n />\n )}\n {scope.is('type', 'select') && (\n <UISelect\n {...defaultsInput}\n {...defaultsUI}\n value={scope.getSelectedValue()}\n >\n <UIOption value={''}>Selecione</UIOption>\n {options.map((row: any, i: number) => (\n <UIOption key={'i' + i} value={row.value}>\n {row.label}\n </UIOption>\n ))}\n </UISelect>\n )}\n {scope.is('type', 'radio') && (\n <UIRadio {...defaultsInput} {...defaultsUI} row>\n {options.map((row: any, i: number) => (\n <UIOption\n key={'i' + i}\n control={<UIRadio {...defaultsUI} />}\n label={row.label}\n value={row.value}\n />\n ))}\n </UIRadio>\n )}\n {scope.is('type', 'custom') && <Custom />}\n {scope.is('type', 'column') && (\n <>\n {scope.is('format', 'img') && (\n <Image source={scope.getDisplayValue()} />\n )}\n {scope.is('format', 'icon') && (\n <UIIcon className={scope.getDisplayValue()} />\n )}\n {!scope.is('format', 'icon', 'img') && (\n <Text>{scope.getDisplayValue()}</Text>\n )}\n </>\n )}\n {scope.is('type', 'output', 'value') && (\n <Text>{scope.getDisplayValue()}</Text>\n )}\n </View>\n {error && <View style={getStyle('error')}>{error}</View>}\n </>\n )}\n <CurrentRouter />\n {!scope.is('type', 'tabs', 'grid', 'list', 'define', 'repeat') && (\n <UIChildren {...props} scope={scope} crud={crud} />\n )}\n </>\n </View>\n </>\n );\n}\n\nconst elementStyle: any = {};\n\nelementStyle.card = StyleSheet.create({\n root: {\n backgroundColor: 'white',\n padding: 16,\n borderRadius: 10,\n width: '100%',\n flex: 1,\n shadowColor: '#888', // iOS\n shadowOffset: { width: 0, height: 1 }, // iOS\n shadowOpacity: 0.25, // iOS\n shadowRadius: 3.84, // iOS\n elevation: 3, // Android\n },\n inner: { width: '100%', paddingBottom: 10, paddingTop: 5 },\n});\n\nelementStyle.list = {\n ...elementStyle.card,\n};\n\nconst styles = StyleSheet.create({\n root: {\n gap: 5,\n flexDirection: 'column',\n flexWrap: 'wrap',\n width: '100%',\n alignItems: 'flex-start',\n },\n label: { width: '100%', fontWeight: 500, fontSize: 12 },\n inner: { width: '100%', paddingBottom: 5, paddingTop: 5 },\n});\n\nconst withChildStyles = StyleSheet.create({\n root: {\n gap: 10,\n },\n label: {\n width: '100%',\n fontWeight: 500,\n fontSize: 24,\n },\n});\n","import UIChildren from '../UIChildren';\nimport { ComponentUtils, DefineType, Utils } from 'react-crud-utils';\n\nexport default function UIInclude(props: DefineType) {\n if (props.rendered === false) {\n return <></>;\n }\n\n let includes = ComponentUtils.getDefine(props, props.name, props.position);\n\n if (Utils.isEmpty(includes)) {\n includes = props.default;\n }\n\n if (!Utils.isEmpty(includes)) {\n let Aux = (tagProp: any) => {\n let Tag: any = props.tag;\n\n if (!Utils.isEmpty(Tag)) {\n return <Tag {...tagProp}>{tagProp.children}</Tag>;\n }\n return <>{tagProp.children}</>;\n };\n\n return (\n <Aux {...props.tagProps}>\n <UIChildren\n transient\n {...props}\n scope={props.scope}\n crud={props.crud}\n part={props.name}\n >\n {includes}\n </UIChildren>\n </Aux>\n );\n }\n return <>{includes}</>;\n}\n","import { ListType } from 'react-crud-utils';\nimport { UserType } from 'react-crud-utils';\nimport { InputType } from 'react-crud-utils';\nimport { ChartType } from 'react-crud-utils';\nimport { ContainerType } from 'react-crud-utils';\nimport { ListInputType } from 'react-crud-utils';\nimport UIElement from './UIElement';\nimport { TabsType } from 'react-crud-utils';\nimport { DefineType } from 'react-crud-utils';\nimport { ButtonType } from 'react-crud-utils';\nimport { LinkType } from 'react-crud-utils';\nimport UIInclude from './core/UIInclude';\n\nconst UI = {\n List: (props: ListType) => <UIElement {...props} type=\"list\" />,\n Value: (props: UserType) => <UIElement {...props} type=\"value\" />,\n Label: (props: UserType) => <UIElement {...props} type=\"label\" />,\n Repeat: (props: ListType) => <UIElement {...props} type=\"repeat\" />,\n Define: (props: DefineType) => <UIElement {...props} type=\"define\" />,\n Include: (props: DefineType) => <UIInclude {...props} />,\n Column: ({ type = 'column', ...props }: UserType) => (\n <UIElement {...props} type=\"column\" />\n ),\n Input: (props: InputType) => <UIElement {...props} />,\n Text: (props: InputType) => <UIElement {...props} type=\"text\" />,\n Email: (props: InputType) => <UIElement {...props} type=\"email\" />,\n Button: (props: ButtonType) => <UIElement {...props} type=\"button\" />,\n Link: (props: LinkType) => <UIElement {...props} type=\"link\" />,\n Icon: (props: ButtonType) => <UIElement {...props} type=\"icon\" />,\n Output: (props: ContainerType) => <UIElement {...props} type=\"output\" />,\n Form: (props: ContainerType) => <UIElement {...props} type=\"form\" />,\n Crud: (props: ContainerType) => <UIElement {...props} type=\"crud\" />,\n View: (props: ContainerType) => (\n <UIElement {...props} type=\"view\" transient />\n ),\n Bottom: (props: ContainerType) => <UIElement {...props} type=\"bottom\" />,\n Dialog: (props: ContainerType) => <UIElement {...props} type=\"dialog\" />,\n Content: (props: ContainerType) => <UIElement {...props} type=\"content\" />,\n Top: (props: ContainerType) => <UIElement {...props} type=\"top\" />,\n Card: (props: ContainerType) => <UIElement {...props} type=\"card\" />,\n Tab: (props: ContainerType) => <UIElement {...props} type=\"tab\" />,\n Tabs: (props: TabsType) => <UIElement {...props} type=\"tabs\" />,\n Step: (props: ContainerType) => (\n <UIElement {...props} type=\"tab\" layout=\"step\" />\n ),\n Stepper: (props: TabsType) => (\n <UIElement {...props} type=\"tabs\" layout=\"stepper\" />\n ),\n Money: (props: InputType) => <UIElement {...props} type=\"money\" />,\n Chart: (props: ChartType) => <UIElement {...props} type=\"chart\" />,\n Password: (props: InputType) => <UIElement {...props} type=\"password\" />,\n Complete: (props: InputType) => <UIElement {...props} type=\"complete\" />,\n Checkbox: (props: InputType) => <UIElement {...props} type=\"switch\" />,\n Switch: (props: InputType) => <UIElement {...props} type=\"switch\" />,\n Radio: (props: ListInputType) => <UIElement {...props} type=\"radio\" />,\n Select: (props: ListInputType) => <UIElement {...props} type=\"select\" />,\n Entity: (props: ListInputType) => <UIElement {...props} type=\"entity\" />,\n Element: (props: ListInputType) => <UIElement {...props} type=\"element\" />,\n};\nexport default UI;\n"],"names":["UIChildren","props","scope","useState","Utils","nvl","ScopeUtils","create","crud","validateScope","name","part","isInput","_jsx","_Fragment","key","Paint","_ref","child","children","Custom","type","pps","_extends","isEmpty","transient","parent","Draw","elements","Object","entries","map","t","k","UIElement","React","Children","View","style","styles","getStyle","StyleSheet","width","inner","ElTabs","_useState","selectedIndex","setSelectedIndex","element","original","items","getItems","counter","tabs","_useState2","selected","setSelected","onChangeTab","tab","validate","execute","event","action","changeValue","data","index","getStyleClass","s","_selected","addTab","item","crudTab","CrudUtils","changed","resolve","rendered","push","i","nav","isStepper","layout","className","_jsxs","onClick","label","id","UI","Output","space","Include","default","Button","icon","Ionicons","click","length","ElChart","asList","columns","UIAutoComplete","TouchableOpacity","onPress","Linking","openURL","Text","link","UIComplete","AutoComplete","defaultsInput","defaultsUI","UILink","UIIcon","UIButton","color","text","lineHeight","fontWeight","textAlign","textStyle","flex","flexDirection","flexWrap","alignItems","margin","fontSize","paddingRight","button","padding","paddingLeft","minWidth","verticalAling","borderRadius","backgroundColor","buttonStyle","TouchableHighlight","underlayColor","e","size","UISelect","modalVisible","setModalVisible","getOptions","console","log","root","select","Icon","Modal","animationType","transparent","visible","onRequestClose","StatusBar","barStyle","SafeAreaView","safe","header","closeButton","closeText","title","content","List","getName","Value","value","paddingTop","currentHeight","justifyContent","borderWidth","borderColor","paddingHorizontal","paddingVertical","container","marginLeft","UISwitch","initial","getValue","setValue","Switch","onValueChange","v","UIOption","UIRadio","UIInput","getLabel","placeholder","getPart","base","TextInput","input","onChangeText","marginRight","marginHorizontal","marginVertical","UIListRow","UIList","field","right","setIndex","_useState3","error","setError","options","ref","useRef","update","router","list","chart","CurrentRouter","c","custom","tag","is","getDisplayValue","onChange","val","target","isType","parseInt","parseFloat","getSelectedItem","call","hasChildren","def","elementStyle","_elementStyle$type","hasChild","withChildStyles","_elementStyle$type2","elStyle","required","isRequired","attr","isRendered","msg","useEffect","ready","search","start","CustomIcon","getIcon","open","args","url","dialogs","dlg","config","useLayoutEffect","current","el","classList","bg","HtmlUtils","getBGColor","add","variant","InputProps","inputProps","checked","getSelectedValue","row","control","Image","source","card","shadowColor","shadowOffset","height","shadowOpacity","shadowRadius","elevation","paddingBottom","gap","UIInclude","includes","ComponentUtils","getDefine","position","tagProp","Tag","tagProps","Label","Repeat","Define","Column","_objectWithoutPropertiesLoose","_excluded","Input","Email","Link","Form","Crud","Bottom","Dialog","Content","Top","Card","Tab","Tabs","Step","Stepper","Money","Chart","Password","Complete","Checkbox","Radio","Select","Entity","Element"],"mappings":"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"}
package/dist/react-crud-mobile.esm.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React, { useState, useRef, useEffect, useLayoutEffect } from 'react';
2
2
  import { Utils, ScopeUtils, CrudUtils, HtmlUtils, ComponentUtils } from 'react-crud-utils';
3
- import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Modal, SafeAreaView, Switch, TextInput, Image } from 'react-native';
3
+ import { View, StyleSheet, TouchableOpacity, Text, Linking, TouchableHighlight, Modal, StatusBar, SafeAreaView, Switch, TextInput, Image } from 'react-native';
4
4
  import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
5
5
  import Ionicons from '@expo/vector-icons/Ionicons';
6
6
  import { Ionicons as Ionicons$1 } from '@expo/vector-icons';
@@ -412,13 +412,13 @@ function UIButton(props) {
412
412
  }
413
413
 
414
414
  function UISelect(props) {
415
- var _useState = useState(true),
416
- visible = _useState[0],
417
- setVisible = _useState[1];
415
+ var _useState = useState(false),
416
+ modalVisible = _useState[0],
417
+ setModalVisible = _useState[1];
418
418
  var scope = props.scope;
419
419
  var items = Utils.nvl(scope.getOptions(), []);
420
420
  var handlePress = function handlePress() {
421
- setVisible(!visible);
421
+ setModalVisible(!modalVisible);
422
422
  };
423
423
  console.log(items);
424
424
  return /*#__PURE__*/jsxs(View, {
@@ -434,31 +434,36 @@ function UISelect(props) {
434
434
  size: 20,
435
435
  color: "#888"
436
436
  })]
437
- }), /*#__PURE__*/jsx(Modal, {
438
- visible: visible,
437
+ }), /*#__PURE__*/jsxs(Modal, {
439
438
  animationType: "slide",
440
- transparent: false,
441
- children: /*#__PURE__*/jsxs(SafeAreaView, {
442
- style: styles$4.modalContainer,
439
+ transparent: true,
440
+ visible: modalVisible,
441
+ onRequestClose: function onRequestClose() {
442
+ return setModalVisible(false);
443
+ },
444
+ children: [/*#__PURE__*/jsx(StatusBar, {
445
+ barStyle: "dark-content",
446
+ backgroundColor: "#6200ea"
447
+ }), /*#__PURE__*/jsxs(SafeAreaView, {
448
+ style: styles$4.safe,
443
449
  children: [/*#__PURE__*/jsxs(View, {
444
450
  style: styles$4.header,
445
- children: [/*#__PURE__*/jsx(Text, {
446
- style: styles$4.headerText,
447
- children: "Meu Modal"
448
- }), /*#__PURE__*/jsx(TouchableOpacity, {
451
+ children: [/*#__PURE__*/jsx(TouchableOpacity, {
449
452
  onPress: function onPress() {
450
- return setVisible(false);
453
+ return setModalVisible(false);
451
454
  },
452
455
  style: styles$4.closeButton,
453
456
  children: /*#__PURE__*/jsx(Text, {
454
- style: styles$4.closeButtonText,
455
- children: "Fechar"
457
+ style: styles$4.closeText,
458
+ children: "X"
456
459
  })
460
+ }), /*#__PURE__*/jsx(Text, {
461
+ style: styles$4.title,
462
+ children: "T\xEDtulo do Modal"
457
463
  })]
458
464
  }), /*#__PURE__*/jsx(View, {
459
465
  style: styles$4.content,
460
466
  children: /*#__PURE__*/jsx(UI.List, {
461
- crud: scope.crud,
462
467
  data: items,
463
468
  name: scope.getName('list'),
464
469
  children: /*#__PURE__*/jsx(UI.Value, {
@@ -466,13 +471,15 @@ function UISelect(props) {
466
471
  })
467
472
  })
468
473
  })]
469
- })
474
+ })]
470
475
  })]
471
476
  });
472
477
  }
473
478
  var styles$4 = /*#__PURE__*/StyleSheet.create({
474
- label: {
475
- flex: 1
479
+ safe: {
480
+ flex: 1,
481
+ backgroundColor: 'white',
482
+ paddingTop: StatusBar.currentHeight || 0
476
483
  },
477
484
  root: {
478
485
  flex: 1,
@@ -489,38 +496,41 @@ var styles$4 = /*#__PURE__*/StyleSheet.create({
489
496
  paddingHorizontal: 15,
490
497
  paddingVertical: 10
491
498
  },
492
- modalContainer: {
499
+ item: {
500
+ width: '100%'
501
+ },
502
+ label: {
503
+ flex: 1
504
+ },
505
+ container: {
493
506
  flex: 1,
494
- backgroundColor: 'white'
507
+ justifyContent: 'flex-start',
508
+ alignItems: 'center'
495
509
  },
496
510
  header: {
497
- height: 60,
498
- backgroundColor: '#007bff',
499
511
  flexDirection: 'row',
500
512
  alignItems: 'center',
501
- justifyContent: 'space-between',
502
- paddingHorizontal: 20
503
- },
504
- headerText: {
505
- color: 'white',
506
- fontSize: 18,
507
- fontWeight: 'bold'
513
+ padding: 15,
514
+ backgroundColor: '#6200ea'
508
515
  },
509
516
  closeButton: {
510
517
  padding: 10
511
518
  },
512
- closeButtonText: {
519
+ closeText: {
520
+ fontSize: 18,
521
+ color: 'white'
522
+ },
523
+ title: {
524
+ fontSize: 18,
513
525
  color: 'white',
514
- fontSize: 16
526
+ fontWeight: 'bold',
527
+ marginLeft: 10
515
528
  },
516
529
  content: {
517
530
  flex: 1,
518
- justifyContent: 'center',
519
- alignItems: 'center'
520
- },
521
- bodyText: {
522
- fontSize: 16,
523
- color: '#333'
531
+ justifyContent: 'flex-start',
532
+ alignItems: 'flex-start',
533
+ padding: 20
524
534
  }
525
535
  });
526
536
 
@@ -978,6 +988,8 @@ elementStyle.card = /*#__PURE__*/StyleSheet.create({
978
988
  backgroundColor: 'white',
979
989
  padding: 16,
980
990
  borderRadius: 10,
991
+ width: '100%',
992
+ flex: 1,
981
993
  shadowColor: '#888',
982
994
  shadowOffset: {
983
995
  width: 0,