react-crud-mobile 1.0.331 → 1.0.332

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/dist/react-crud-mobile.cjs.development.js +12 -7
  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 +12 -7
  6. package/dist/react-crud-mobile.esm.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/elements/core/UIList.tsx +9 -5
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),r=require("react-crud-utils"),i=require("react-native"),l=require("react/jsx-runtime"),a=e(require("@expo/vector-icons/Ionicons")),o=require("@expo/vector-icons"),s=e(require("react-native-vector-icons/FontAwesome"));function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function u(e){var a=t.useState(r.Utils.nvl(e.scope,r.ScopeUtils.create(e)))[0],o=r.Utils.nvl(e.crud,a.crud),s=r.Utils.nvl(e.validateScope,"global"),p=r.Utils.nvl(e.part,"child");if(a.isInput())return l.jsx(l.Fragment,{});var f,x,h=function(e){var t=e.child;if(!t)return l.jsx(l.Fragment,{});if("string"==typeof t)return l.jsx(l.Fragment,{children:t});var n=t.type,i=c({},t.props);return delete i.children,"string"==typeof n?r.Utils.isEmpty(t.props.children)?l.jsx(n,c({},i)):l.jsx(n,c({},i,{children:l.jsx(u,c({transient:!0,validateScope:s},t.props,{scope:a,crud:o}))})):"function"==typeof n?l.jsx(n,c({validateScope:s},t.props,{parent:a,crud:o})):r.Utils.isEmpty(t.props.children)?l.jsx(l.Fragment,{}):l.jsx(u,c({validateScope:s},t.props,{scope:a,crud:o,transient:!0}))},g=function(){return l.jsx(l.Fragment,e.elements?{children:Object.entries(e.elements).map((function(e,t){return l.jsx(O,c({crud:o},e[1]))}))}:{children:n.Children.map(e.children,(function(e){return l.jsx(h,{child:e})}))})};return e.transient?l.jsx(g,{}):r.Utils.isEmpty(e.children)&&r.Utils.isEmpty(e.elements)?l.jsx(l.Fragment,{}):l.jsx(l.Fragment,{children:l.jsx(i.View,{style:(f=p,x=r.Utils.nvl(f,"root"),c({},d[x],a.getStyle(f))),children:l.jsx(g,{})})})}var d=i.StyleSheet.create({child:{width:"100%"},inner:{width:"100%"}});function p(e){var i=e.scope,o=t.useState(0),s=o[0],d=o[1],p=i.original,f=i.getItems(),x=0,h=[],g=t.useState(null),y=g[0],j=g[1],m=function(e,t){void 0===t&&(t=!0),e&&i.execute({event:{validate:t,validateScope:p.validateScope,action:function(){i.changeValue(e.data),y=e,d(s=e.index),j(e)}}})},v=function(e){var t,n="ui-tabs-item ui-click";return(null==(t=y)?void 0:t.index)===e.index&&(n+=" ui-tab-selected"),n},b=function(e,t){var n=c({},e.props);t||(t=i.crud.data);var l=r.CrudUtils.create("tabs",{data:t,changed:t,parent:i.crud}),a=r.Utils.resolve(n,l);!1!==a.rendered&&h.push(c({},a,{child:e,element:a,original:n,index:x++,data:t}))};n.Children.map(e.children,(function(e,t){if(r.Utils.isEmpty(f))b(e,{});else for(var n in f)b(e,f[n])})),y||m(h[s],!1);var S=function(e){m(h[s+e])},w="stepper"===p.layout;return l.jsx("div",{className:i.getStyleClass("inner"),style:i.getStyle("inner"),children:l.jsxs("div",{className:"ui-tabs-content",children:[l.jsx("div",{className:"ui-tabs-items",children:h.map((function(e,t){return l.jsxs("div",{className:v(e),onClick:function(){m(e)},children:[w&&l.jsx("div",{className:"ui-tab-item-divisor"}),l.jsxs("div",{className:"ui-tab-item-inner",children:[w&&l.jsx("div",{className:"ui-step-line"}),l.jsx("div",{className:"ui-tab-item-label",children:w?e.index+1:e.label})]})]},r.Utils.key(p.id,"tab",t))}))}),y&&l.jsxs(l.Fragment,{children:[w&&l.jsx("div",{className:"ui-tabs-label",children:y.label}),l.jsx("div",{className:"ui-tabs-area",children:l.jsx(u,c({},e,{scope:i,children:y.child}))}),"stepper"===p.layout&&l.jsxs("div",{className:"ui-tabs-actions",children:[l.jsx(M.Output,{space:6,layout:"left",children:l.jsx(M.Include,c({},e,{transient:!0,name:"left",default:l.jsx(M.Button,{rendered:s>0,icon:l.jsx(a,{}),click:function(){S(-1)}})}))}),l.jsx(M.Output,{space:6,layout:"right",children:l.jsx(M.Include,c({},e,{transient:!0,name:"right",default:l.jsx(M.Button,{rendered:s<h.length-1,icon:l.jsx(a,{}),click:function(){S(1)}})}))})]})]})]})})}function f(e){var t=e.scope;return t.getItems(),r.Utils.asList(t.original.columns),l.jsx("div",{className:"ui-chart-data"})}function x(e){return l.jsx(i.TouchableOpacity,{onPress:function(){i.Linking.openURL("https://reactnative.dev/")},children:l.jsx(i.Text,{style:h.link,children:"Clique aqui para acessar o React Native"})})}var h={link:{}};function g(e){return l.jsx(l.Fragment,{children:l.jsx(x,c({},e.defaultsInput,e.defaultsUI))})}function y(e){return l.jsx(i.TouchableOpacity,{onPress:function(){i.Linking.openURL("https://reactnative.dev/")},children:l.jsx(i.Text,{style:j.link,children:"Clique aqui para acessar o React Native"})})}var j={link:{}};function m(e){return l.jsx(i.TouchableOpacity,{onPress:function(){i.Linking.openURL("https://reactnative.dev/")},children:l.jsx(i.Text,{style:v.link,children:"Clique aqui para acessar o React Native"})})}var v={link:{}};function b(e){var t=e.scope,n=t.original,r=n.color,a=n.label,s=n.icon;r||(r="primary");var u={buttonLabel:{color:"#ffffff",fontWeight:"500",fontSize:16},buttonInner:{flexDirection:"row",alignItems:"center",justifyContent:"center"},buttonIcon:{color:"#fff",fontSize:18,paddingRight:10},button:{alignItems:"center",minWidth:200,margin:5,padding:0,paddingHorizontal:20,textAlign:"center",verticalAling:"middle",borderRadius:24,backgroundColor:r,color:"#ffffff",justifyContent:"center",height:44,flex:1}},d=function(e,n){var r=c({},u[e],n);return t.getStyle(e,r)};return l.jsx(i.TouchableHighlight,{underlayColor:"transparent",onPress:function(e){"function"==typeof n.click&&n.click(e)},style:d("button"),children:l.jsxs(i.View,{style:d("buttonInner"),children:[s&&l.jsx(l.Fragment,{children:l.jsx(o.Ionicons,{size:30,style:d("buttonIcon"),name:s})}),l.jsx(i.Text,{style:d("buttonLabel"),children:a})]})})}function S(e){var n=t.useState(!1),a=n[0],o=n[1],u=e.scope,d=r.Utils.nvl(u.getOptions(),[]),p=u.attr("placeholder","Selecione..."),f=u.getDisplayValue(),x=r.useTheme(),h=function(){o(!a)},g=function(e,t){return c({},w[e],u.getStyle(e),t)};return l.jsxs(i.View,{style:g("selectRoot"),children:[l.jsxs(i.TouchableOpacity,{onPress:h,style:g("selectInput"),children:[l.jsx(i.Text,{style:g("selectLabel"),children:r.Utils.nvl(f,p)}),l.jsx(s,{name:"angle-down",size:20,color:"#888"})]}),l.jsxs(i.Modal,{animationType:"slide",transparent:!0,visible:a,onRequestClose:function(){return o(!1)},children:[l.jsx(i.StatusBar,{barStyle:"dark-content",backgroundColor:x.colors.primary}),l.jsxs(i.SafeAreaView,{style:g("modalSafe"),children:[l.jsxs(i.View,{style:g("modalHeader"),children:[l.jsx(i.TouchableOpacity,{onPress:function(){return o(!1)},style:g("modalCloseButton"),children:l.jsx(i.Text,{style:g("modalCloseText"),children:"X"})}),l.jsx(i.Text,{style:g("modalTitle"),children:p})]}),l.jsx(i.View,{style:g("modalContent"),children:l.jsx(M.List,{data:d,name:u.getName("list"),click:function(e){u.changeValue(e.value),h()},children:l.jsx(M.Value,{value:"#{@this.label}"})})})]})]})]})}var w=i.StyleSheet.create({selectRoot:{justifyContent:"flex-start",alignItems:"flex-start"},selectInput:{width:"100%",flexDirection:"row",borderWidth:1,borderColor:"#a9a9a9",borderRadius:20,paddingHorizontal:15,paddingVertical:10},selectLabel:{flex:1},modalSafe:{flex:1,backgroundColor:"#f5f5f5",paddingTop:i.StatusBar.currentHeight||0},modalHeader:{flexDirection:"row",alignItems:"center",padding:15,backgroundColor:"#6200ea"},modalCloseButton:{padding:10},modalCloseText:{fontSize:18,color:"white"},modalTitle:{fontSize:18,color:"white",fontWeight:"bold",marginLeft:10},modalContent:{flex:1,width:"100%",alignSelf:"flex-start",flexDirection:"row",flexWrap:"wrap",padding:20}});function C(e){var n=e.scope,a=r.Utils.nvl(n.getValue(),!1),o=t.useState(a),s=o[1];return l.jsx(i.Switch,{value:o[0],onValueChange:function(e){n.changeValue(e),s(e)}})}function T(e){return l.jsx(i.TouchableOpacity,{onPress:function(){i.Linking.openURL("https://reactnative.dev/")},children:l.jsx(i.Text,{style:I.link,children:"Clique aqui para acessar o React Native"})})}var I={link:{}};function k(e){return l.jsx(i.TouchableOpacity,{onPress:function(){i.Linking.openURL("https://reactnative.dev/")},children:l.jsx(i.Text,{style:U.link,children:"Clique aqui para acessar o React Native"})})}var U={link:{}};function V(e){var n=e.scope,a=r.Utils.nvl(n.getValue(),""),s=n.getLabel(),u=n.getPart("placeholder",null,s),d=n.original,p=t.useState(a),f=p[0],x=p[1];return l.jsxs(l.Fragment,{children:[n.getPart("left"),l.jsx(i.TextInput,{style:c({},n.getStyle("input",R.input),void 0),onChangeText:function(e){n.changeValue(e),x(e)},value:f,placeholder:u}),d.icon&&l.jsx(o.Ionicons,{name:d.icon,size:n.attr("iconSize",20),color:n.attr("iconColor","#888")}),n.getPart("right")]})}var R=i.StyleSheet.create({base:{flexDirection:"row",alignItems:"center",borderWidth:1,borderColor:"borderColor",borderRadius:20,paddingHorizontal:10,paddingVertical:5,padding:10,paddingLeft:5,paddingRight:10},icon:{marginRight:10},input:{marginHorizontal:0,marginVertical:0,height:40,flex:1}});function F(e){var n=e.scope,i=t.useState(r.ScopeUtils.create({parent:n,crud:n.crud,index:e.index,type:"row",data:e.item}))[0];return l.jsx(l.Fragment,{children:l.jsx(u,{scope:i,crud:i.crud,children:e.children})})}function L(e){var t,n=e.scope,a=n.crud,s=r.Utils.nvl(n.original.cols,1),u=Math.floor(100/s)+"%",d=r.Utils.nvl(n.getItems(),[]),p=function(e,t){return n.getStyle(e,c({},t,q[e]))},f=function(e){var t=p("row",{});return s>0&&(t.width=u,t.margin=5),t};return l.jsxs(l.Fragment,{children:[l.jsx(M.Text,{placeholder:"Pesquisar...",field:"query",crud:a,right:l.jsx(o.Ionicons,{name:"search",size:20,color:"#888"})}),l.jsx(i.View,{style:(t=p("container",{}),s>1&&(t=c({},t,{flexDirection:"row",flexWrap:"wrap"})),t),children:d.map((function(t,r){return l.jsx(i.TouchableHighlight,{style:f(),underlayColor:"transparent",onPress:function(e){!function(e){console.log(e),n.call("click",{value:e,item:e})}(t)},children:l.jsx(F,{scope:n,item:t,index:r,children:e.children})},"k-"+r)}))})]})}var q=i.StyleSheet.create({container:{flex:1,width:"100%"},row:{padding:15,marginVertical:8,backgroundColor:"#f5f5f5",borderRadius:8,width:"100%"},text:{fontSize:18,fontWeight:"bold"}});function D(e){var n=e.scope,a=r.Utils.nvl(n.getOptions(),[]),o=n.getInputValue();console.log(o);var s=t.useState(0),u=s[0],d=s[1],p=function(e){return(null==e?void 0:e.value)===o},f=function(t){var a=t.item,o=t.index,s=p(a),u=c({},P.text);return s&&(u.color="#ffffff"),r.Utils.isEmpty(e.children)?l.jsx(i.Text,{style:u,children:a.label}):l.jsx(F,{scope:n,item:a.object,index:o,children:e.children})},x=function(e){var t=c({},P.item,n.getStyle("item")),r=Math.floor(100/a.length)+"%";if(p(e)){var i=n.getPart("selectedColor",void 0,"primary");(t=c({},t,n.getStyle("selected",{backgroundColor:i,color:"#ffffff"}))).color||(t.color="#ffffff")}return t.width=r,t};return l.jsx(l.Fragment,{children:a.map((function(e,t){return l.jsx(i.TouchableHighlight,{style:x(e),onPress:function(t){!function(e){n.changeValue(e.object),d(++u)}(e)},children:l.jsx(f,{item:e,index:t})},"k-"+t)}))})}var P=i.StyleSheet.create({container:{flex:1,width:"100%",gap:10,justifyContent:"center",flexDirection:"row"},item:{padding:15,marginVertical:8,backgroundColor:"#f5f5f5",borderRadius:8,justifyContent:"center",width:"auto",flexDirection:"row"},text:{fontSize:16,fontWeight:500}});function z(e){var n=e.scope,a=n.original,s=t.useState(0),u=s[0],d=s[1],p=n.getValue(0),f=a.color;f||(f="primary");var x={padding:10,alignItems:"center",height:44,width:44,textAlign:"center",verticalAling:"middle",borderRadius:24,backgroundColor:f,color:"#ffffff",justifyContent:"center"},h={buttonLabel:{color:"#ffffff",fontWeight:"500",fontSize:16},value:{flex:1,flexDirection:"row",textAlign:"center"},buttonInner:{flexDirection:"row",alignItems:"center",justifyContent:"center"},buttonIcon:{color:"#fff",fontSize:18},button:x,addButton:c({},x),delButton:c({},x)},g=function(e){n.changeValue(p+e),d(++u)},y=function(e,t){var r=c({},h[e],t);return n.getStyle(e,r)};return l.jsxs(l.Fragment,{children:[l.jsx(i.TouchableHighlight,{underlayColor:"transparent",onPress:function(){g(-1)},style:y("delButton"),children:l.jsx(o.Ionicons,{size:30,style:y("buttonIcon"),name:"remove"})}),l.jsx(i.Text,{style:y("value"),children:r.Utils.nvl(p,0)}),l.jsx(i.TouchableHighlight,{underlayColor:"transparent",onPress:function(){g(1)},style:y("addButton"),children:l.jsx(o.Ionicons,{size:30,style:y("buttonIcon"),name:"add"})})]})}function O(e){var n,a,o=t.useState(r.ScopeUtils.create(e))[0],s=t.useState(0),d=s[0],x=s[1],h=t.useState(null),j=h[0],v=h[1],w=o.getOptions(),I=r.Utils.nvl(e.crud,o.crud),U=o.original,R=U.type,F=t.useRef(null);o.update=function(){x(++d)};var q={list:L,tabs:p,chart:f},P=function(){return q[R]?l.jsx(q[R],c({crud:I},e,{scope:o})):l.jsx(l.Fragment,{})},N=function(){var e=U.custom;return e?l.jsx(O,"string"==typeof e?{element:{value:e,type:"dummy"},crud:I}:c({type:e.type,tag:e.type},e.props,{crud:I})):l.jsx(l.Fragment,{})};if(o.is("type","dummy"))return l.jsx(l.Fragment,{children:o.getDisplayValue()});var H=function(e){var t=e.target.value;o.isType("integer","int","number")?t=parseInt(t):o.isType("decimal")&&(t=parseFloat(t)),o.isType("select","complete")&&(t=o.getSelectedItem(t)),o.changeValue(t),o.update()},A=function(e){o.call("click")},M={scope:o,crud:I,onChange:H};o.isType("password")&&(M.type="password");var _=function(){return!(o.isInput()||r.Utils.isEmpty(e.children)&&r.Utils.isEmpty(e.elements))},G=o.is("type","text","number","phone","postalCode","money","password","email"),Q=function(e){var t,n=r.Utils.nvl(U.type,"none"),i=r.Utils.nvl(e,"root"),l=c({},B[i],null==W||null==(t=W[n])?void 0:t[i]),a=_();return e||a||(l=c({},l)),a&&e&&(l=c({},l,E[e])),G&&(l=c({},l,W.input[i])),c({},l,o.getStyle(e,l))},X=Q("element"),J={required:o.isRequired(),size:"small",scope:o,crud:I,style:X,placeholder:o.attr("placeholder","Digite aqui")};o.error=function(e){j=e,v(e)},null!=(n=U.list)&&n.url||null!=(a=U.load)&&a.url||o.start(),t.useEffect((function(){o.start()}));var K=function(){return"string"==typeof U.icon?l.jsx(m,{children:o.getIcon()}):l.jsx(l.Fragment,{children:U.icon})};if(o.open=function(e){i.Linking.openURL(e.url)},o.isType("dialog")){var Y=U.name;if(!I.dialogs[Y]){var Z={config:c({},U),component:function(t){return l.jsx(u,c({},e,{scope:o,crud:I}))}};I.dialogs[Y]=Z}return l.jsx(l.Fragment,{})}return t.useLayoutEffect((function(){if(null!=F&&F.current&&o.is("type","card","list","tabs","stepper")){var e=null==F?void 0:F.current;if(null!=e&&e.classList){var t=r.HtmlUtils.getBGColor(e);e.classList.add("rgb(255, 255, 255)"===t?"ui-dark":"ui-light")}}})),!o.isRendered()||o.is("type","define")?l.jsx(l.Fragment,{}):l.jsx(l.Fragment,{children:l.jsx(i.View,{ref:F,style:Q(),children:l.jsxs(l.Fragment,{children:[void 0!==U.label&&!o.isType("button")&&l.jsx(i.Text,{style:Q("label"),children:o.getLabel()}),!_()&&!q[R]&&l.jsxs(l.Fragment,{children:[l.jsxs(i.View,{style:Q("inner"),children:[o.is("type","button")&&l.jsxs(b,c({},J,{onClick:A,variant:o.attr("variant","outlined"),children:[U.icon&&l.jsx(K,{}),U.label&&l.jsx(i.Text,{style:o.getPart("label","button"),children:o.getLabel()})]})),o.is("type","icon")&&l.jsx(m,c({},J,{onClick:A,variant:o.attr("variant","outlined"),children:o.getDisplayValue()})),o.is("type","link")&&l.jsxs(y,c({},J,{onClick:A,variant:o.attr("variant","outlined"),children:[U.icon&&l.jsx(K,{}),U.label&&l.jsx(i.Text,{style:o.getPart("label","link"),children:o.getLabel()})]})),G&&l.jsx(V,c({},M,J,{InputProps:c({},U.inputProps)})),o.is("type","complete","autocomplete")&&l.jsx(g,{scope:o,defaultsInput:M,defaultsUI:J}),o.is("type","quantity")&&l.jsx(z,{scope:o,defaultsInput:M,defaultsUI:J}),o.is("type","checkbox","boolean","switch")&&l.jsx(C,c({checked:!0===o.getValue()},M,{onChange:function(){var e=o.getValue();H({target:{value:!(!0===e)}})}})),o.is("type","select")&&l.jsx(S,c({},M,J,{value:o.getSelectedValue()})),o.is("type","toggle")&&l.jsx(D,c({},M,J,{value:o.getSelectedValue()})),o.is("type","radio")&&l.jsx(k,c({},M,J,{row:!0,children:w.map((function(e,t){return l.jsx(T,{control:l.jsx(k,c({},J)),label:e.label,value:e.value},"i"+t)}))})),o.is("type","custom")&&l.jsx(N,{}),o.is("type","column")&&l.jsxs(l.Fragment,{children:[o.is("format","img")&&l.jsx(i.Image,{source:o.getDisplayValue()}),o.is("format","icon")&&l.jsx(m,{className:o.getDisplayValue()}),!o.is("format","icon","img")&&l.jsx(i.Text,{children:o.getDisplayValue()})]}),o.is("type","output","value")&&l.jsx(i.Text,{children:o.getDisplayValue()})]}),j&&l.jsx(i.View,{style:Q("error"),children:j})]}),l.jsx(P,{}),!o.is("type","tabs","grid","list","define","repeat")&&l.jsx(u,c({},e,{scope:o,crud:I}))]})})})}var N={backgroundColor:"white",padding:16,borderRadius:10,width:"100%",shadowColor:"#888",shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:3.84,elevation:3},W={};W.card=i.StyleSheet.create({root:c({},N),inner:{flex:1,width:"100%",paddingBottom:10,paddingTop:5,alignSelf:"flex-start",flexDirection:"row",flexWrap:"wrap"}}),W.input=i.StyleSheet.create({inner:{flex:1,width:"100%",paddingBottom:0,paddingTop:0,alignItems:"center",borderWidth:1,borderColor:"borderColor",borderRadius:20,paddingHorizontal:15,alignSelf:"flex-start",flexDirection:"row",flexWrap:"wrap"}}),W.quantity={inner:c({},N,{padding:5,borderRadius:25,flexWrap:"nowrap",flex:1,flexDirection:"row",justifyContent:"center",alignItems:"center"})},W.toggle=i.StyleSheet.create({inner:c({},N,{flex:1,width:"100%",gap:10,justifyContent:"center",flexDirection:"row",paddingHorizontal:10,paddingVertical:0,alignSelf:"flex-start",flexWrap:"nowrap"})}),W.list=c({},W.card);var B=i.StyleSheet.create({root:{gap:5,flexDirection:"column",flexWrap:"wrap",width:"100%",alignItems:"flex-start"},label:{width:"100%",fontWeight:500,fontSize:12,paddingBottom:5},inner:{width:"100%",marginBottom:10}}),E=i.StyleSheet.create({root:{gap:10},label:{width:"100%",fontWeight:500,fontSize:24}});function H(e){if(!1===e.rendered)return l.jsx(l.Fragment,{});var t=r.ComponentUtils.getDefine(e,e.name,e.position);return r.Utils.isEmpty(t)&&(t=e.default),r.Utils.isEmpty(t)?l.jsx(l.Fragment,{children:t}):l.jsx((function(t){var n=e.tag;return r.Utils.isEmpty(n)?l.jsx(l.Fragment,{children:t.children}):l.jsx(n,c({},t,{children:t.children}))}),c({},e.tagProps,{children:l.jsx(u,c({transient:!0},e,{scope:e.scope,crud:e.crud,part:e.name,children:t}))}))}var A=["type"],M={List:function(e){return l.jsx(O,c({},e,{type:"list"}))},Value:function(e){return l.jsx(O,c({},e,{type:"value"}))},Label:function(e){return l.jsx(O,c({},e,{type:"label"}))},Repeat:function(e){return l.jsx(O,c({},e,{type:"repeat"}))},Define:function(e){return l.jsx(O,c({},e,{type:"define"}))},Include:function(e){return l.jsx(H,c({},e))},Column:function(e){var t=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,A);return l.jsx(O,c({},t,{type:"column"}))},Input:function(e){return l.jsx(O,c({},e))},Text:function(e){return l.jsx(O,c({},e,{type:"text"}))},Email:function(e){return l.jsx(O,c({},e,{type:"email"}))},Button:function(e){return l.jsx(O,c({},e,{type:"button"}))},Link:function(e){return l.jsx(O,c({},e,{type:"link"}))},Icon:function(e){return l.jsx(O,c({},e,{type:"icon"}))},Output:function(e){return l.jsx(O,c({},e,{type:"output"}))},Form:function(e){return l.jsx(O,c({},e,{type:"form"}))},Crud:function(e){return l.jsx(O,c({},e,{type:"crud"}))},View:function(e){return l.jsx(O,c({},e,{type:"view",transient:!0}))},Bottom:function(e){return l.jsx(O,c({},e,{type:"bottom"}))},Dialog:function(e){return l.jsx(O,c({},e,{type:"dialog"}))},Content:function(e){return l.jsx(O,c({},e,{type:"content"}))},Top:function(e){return l.jsx(O,c({},e,{type:"top"}))},Card:function(e){return l.jsx(O,c({},e,{type:"card"}))},Tab:function(e){return l.jsx(O,c({},e,{type:"tab"}))},Tabs:function(e){return l.jsx(O,c({},e,{type:"tabs"}))},Step:function(e){return l.jsx(O,c({},e,{type:"tab",layout:"step"}))},Stepper:function(e){return l.jsx(O,c({},e,{type:"tabs",layout:"stepper"}))},Money:function(e){return l.jsx(O,c({},e,{type:"money"}))},Chart:function(e){return l.jsx(O,c({},e,{type:"chart"}))},Password:function(e){return l.jsx(O,c({},e,{type:"password"}))},Complete:function(e){return l.jsx(O,c({},e,{type:"complete"}))},Checkbox:function(e){return l.jsx(O,c({},e,{type:"switch"}))},Switch:function(e){return l.jsx(O,c({},e,{type:"switch"}))},Radio:function(e){return l.jsx(O,c({},e,{type:"radio"}))},Select:function(e){return l.jsx(O,c({},e,{type:"select"}))},Toggle:function(e){return l.jsx(O,c({},e,{type:"toggle"}))},Entity:function(e){return l.jsx(O,c({},e,{type:"entity"}))},Element:function(e){return l.jsx(O,c({},e,{type:"element"}))},Quantity:function(e){return l.jsx(O,c({},e,{type:"quantity"}))}};exports.UI=M;
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),r=require("react-crud-utils"),i=require("react-native"),l=require("react/jsx-runtime"),a=e(require("@expo/vector-icons/Ionicons")),o=require("@expo/vector-icons"),s=e(require("react-native-vector-icons/FontAwesome"));function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function u(e){var a=t.useState(r.Utils.nvl(e.scope,r.ScopeUtils.create(e)))[0],o=r.Utils.nvl(e.crud,a.crud),s=r.Utils.nvl(e.validateScope,"global"),p=r.Utils.nvl(e.part,"child");if(a.isInput())return l.jsx(l.Fragment,{});var f,x,h=function(e){var t=e.child;if(!t)return l.jsx(l.Fragment,{});if("string"==typeof t)return l.jsx(l.Fragment,{children:t});var n=t.type,i=c({},t.props);return delete i.children,"string"==typeof n?r.Utils.isEmpty(t.props.children)?l.jsx(n,c({},i)):l.jsx(n,c({},i,{children:l.jsx(u,c({transient:!0,validateScope:s},t.props,{scope:a,crud:o}))})):"function"==typeof n?l.jsx(n,c({validateScope:s},t.props,{parent:a,crud:o})):r.Utils.isEmpty(t.props.children)?l.jsx(l.Fragment,{}):l.jsx(u,c({validateScope:s},t.props,{scope:a,crud:o,transient:!0}))},g=function(){return l.jsx(l.Fragment,e.elements?{children:Object.entries(e.elements).map((function(e,t){return l.jsx(O,c({crud:o},e[1]))}))}:{children:n.Children.map(e.children,(function(e){return l.jsx(h,{child:e})}))})};return e.transient?l.jsx(g,{}):r.Utils.isEmpty(e.children)&&r.Utils.isEmpty(e.elements)?l.jsx(l.Fragment,{}):l.jsx(l.Fragment,{children:l.jsx(i.View,{style:(f=p,x=r.Utils.nvl(f,"root"),c({},d[x],a.getStyle(f))),children:l.jsx(g,{})})})}var d=i.StyleSheet.create({child:{width:"100%"},inner:{width:"100%"}});function p(e){var i=e.scope,o=t.useState(0),s=o[0],d=o[1],p=i.original,f=i.getItems(),x=0,h=[],g=t.useState(null),y=g[0],j=g[1],m=function(e,t){void 0===t&&(t=!0),e&&i.execute({event:{validate:t,validateScope:p.validateScope,action:function(){i.changeValue(e.data),y=e,d(s=e.index),j(e)}}})},v=function(e){var t,n="ui-tabs-item ui-click";return(null==(t=y)?void 0:t.index)===e.index&&(n+=" ui-tab-selected"),n},b=function(e,t){var n=c({},e.props);t||(t=i.crud.data);var l=r.CrudUtils.create("tabs",{data:t,changed:t,parent:i.crud}),a=r.Utils.resolve(n,l);!1!==a.rendered&&h.push(c({},a,{child:e,element:a,original:n,index:x++,data:t}))};n.Children.map(e.children,(function(e,t){if(r.Utils.isEmpty(f))b(e,{});else for(var n in f)b(e,f[n])})),y||m(h[s],!1);var w=function(e){m(h[s+e])},S="stepper"===p.layout;return l.jsx("div",{className:i.getStyleClass("inner"),style:i.getStyle("inner"),children:l.jsxs("div",{className:"ui-tabs-content",children:[l.jsx("div",{className:"ui-tabs-items",children:h.map((function(e,t){return l.jsxs("div",{className:v(e),onClick:function(){m(e)},children:[S&&l.jsx("div",{className:"ui-tab-item-divisor"}),l.jsxs("div",{className:"ui-tab-item-inner",children:[S&&l.jsx("div",{className:"ui-step-line"}),l.jsx("div",{className:"ui-tab-item-label",children:S?e.index+1:e.label})]})]},r.Utils.key(p.id,"tab",t))}))}),y&&l.jsxs(l.Fragment,{children:[S&&l.jsx("div",{className:"ui-tabs-label",children:y.label}),l.jsx("div",{className:"ui-tabs-area",children:l.jsx(u,c({},e,{scope:i,children:y.child}))}),"stepper"===p.layout&&l.jsxs("div",{className:"ui-tabs-actions",children:[l.jsx(M.Output,{space:6,layout:"left",children:l.jsx(M.Include,c({},e,{transient:!0,name:"left",default:l.jsx(M.Button,{rendered:s>0,icon:l.jsx(a,{}),click:function(){w(-1)}})}))}),l.jsx(M.Output,{space:6,layout:"right",children:l.jsx(M.Include,c({},e,{transient:!0,name:"right",default:l.jsx(M.Button,{rendered:s<h.length-1,icon:l.jsx(a,{}),click:function(){w(1)}})}))})]})]})]})})}function f(e){var t=e.scope;return t.getItems(),r.Utils.asList(t.original.columns),l.jsx("div",{className:"ui-chart-data"})}function x(e){return l.jsx(i.TouchableOpacity,{onPress:function(){i.Linking.openURL("https://reactnative.dev/")},children:l.jsx(i.Text,{style:h.link,children:"Clique aqui para acessar o React Native"})})}var h={link:{}};function g(e){return l.jsx(l.Fragment,{children:l.jsx(x,c({},e.defaultsInput,e.defaultsUI))})}function y(e){return l.jsx(i.TouchableOpacity,{onPress:function(){i.Linking.openURL("https://reactnative.dev/")},children:l.jsx(i.Text,{style:j.link,children:"Clique aqui para acessar o React Native"})})}var j={link:{}};function m(e){return l.jsx(i.TouchableOpacity,{onPress:function(){i.Linking.openURL("https://reactnative.dev/")},children:l.jsx(i.Text,{style:v.link,children:"Clique aqui para acessar o React Native"})})}var v={link:{}};function b(e){var t=e.scope,n=t.original,r=n.color,a=n.label,s=n.icon;r||(r="primary");var u={buttonLabel:{color:"#ffffff",fontWeight:"500",fontSize:16},buttonInner:{flexDirection:"row",alignItems:"center",justifyContent:"center"},buttonIcon:{color:"#fff",fontSize:18,paddingRight:10},button:{alignItems:"center",minWidth:200,margin:5,padding:0,paddingHorizontal:20,textAlign:"center",verticalAling:"middle",borderRadius:24,backgroundColor:r,color:"#ffffff",justifyContent:"center",height:44,flex:1}},d=function(e,n){var r=c({},u[e],n);return t.getStyle(e,r)};return l.jsx(i.TouchableHighlight,{underlayColor:"transparent",onPress:function(e){"function"==typeof n.click&&n.click(e)},style:d("button"),children:l.jsxs(i.View,{style:d("buttonInner"),children:[s&&l.jsx(l.Fragment,{children:l.jsx(o.Ionicons,{size:30,style:d("buttonIcon"),name:s})}),l.jsx(i.Text,{style:d("buttonLabel"),children:a})]})})}function w(e){var n=t.useState(!1),a=n[0],o=n[1],u=e.scope,d=r.Utils.nvl(u.getOptions(),[]),p=u.attr("placeholder","Selecione..."),f=u.getDisplayValue(),x=r.useTheme(),h=function(){o(!a)},g=function(e,t){return c({},S[e],u.getStyle(e),t)};return l.jsxs(i.View,{style:g("selectRoot"),children:[l.jsxs(i.TouchableOpacity,{onPress:h,style:g("selectInput"),children:[l.jsx(i.Text,{style:g("selectLabel"),children:r.Utils.nvl(f,p)}),l.jsx(s,{name:"angle-down",size:20,color:"#888"})]}),l.jsxs(i.Modal,{animationType:"slide",transparent:!0,visible:a,onRequestClose:function(){return o(!1)},children:[l.jsx(i.StatusBar,{barStyle:"dark-content",backgroundColor:x.colors.primary}),l.jsxs(i.SafeAreaView,{style:g("modalSafe"),children:[l.jsxs(i.View,{style:g("modalHeader"),children:[l.jsx(i.TouchableOpacity,{onPress:function(){return o(!1)},style:g("modalCloseButton"),children:l.jsx(i.Text,{style:g("modalCloseText"),children:"X"})}),l.jsx(i.Text,{style:g("modalTitle"),children:p})]}),l.jsx(i.View,{style:g("modalContent"),children:l.jsx(M.List,{data:d,name:u.getName("list"),click:function(e){u.changeValue(e.value),h()},children:l.jsx(M.Value,{value:"#{@this.label}"})})})]})]})]})}var S=i.StyleSheet.create({selectRoot:{justifyContent:"flex-start",alignItems:"flex-start"},selectInput:{width:"100%",flexDirection:"row",borderWidth:1,borderColor:"#a9a9a9",borderRadius:20,paddingHorizontal:15,paddingVertical:10},selectLabel:{flex:1},modalSafe:{flex:1,backgroundColor:"#f5f5f5",paddingTop:i.StatusBar.currentHeight||0},modalHeader:{flexDirection:"row",alignItems:"center",padding:15,backgroundColor:"#6200ea"},modalCloseButton:{padding:10},modalCloseText:{fontSize:18,color:"white"},modalTitle:{fontSize:18,color:"white",fontWeight:"bold",marginLeft:10},modalContent:{flex:1,width:"100%",alignSelf:"flex-start",flexDirection:"row",flexWrap:"wrap",padding:20}});function C(e){var n=e.scope,a=r.Utils.nvl(n.getValue(),!1),o=t.useState(a),s=o[1];return l.jsx(i.Switch,{value:o[0],onValueChange:function(e){n.changeValue(e),s(e)}})}function I(e){return l.jsx(i.TouchableOpacity,{onPress:function(){i.Linking.openURL("https://reactnative.dev/")},children:l.jsx(i.Text,{style:T.link,children:"Clique aqui para acessar o React Native"})})}var T={link:{}};function k(e){return l.jsx(i.TouchableOpacity,{onPress:function(){i.Linking.openURL("https://reactnative.dev/")},children:l.jsx(i.Text,{style:U.link,children:"Clique aqui para acessar o React Native"})})}var U={link:{}};function V(e){var n=e.scope,a=r.Utils.nvl(n.getValue(),""),s=n.getLabel(),u=n.getPart("placeholder",null,s),d=n.original,p=t.useState(a),f=p[0],x=p[1];return l.jsxs(l.Fragment,{children:[n.getPart("left"),l.jsx(i.TextInput,{style:c({},n.getStyle("input",R.input),void 0),onChangeText:function(e){n.changeValue(e),x(e)},value:f,placeholder:u}),d.icon&&l.jsx(o.Ionicons,{name:d.icon,size:n.attr("iconSize",20),color:n.attr("iconColor","#888")}),n.getPart("right")]})}var R=i.StyleSheet.create({base:{flexDirection:"row",alignItems:"center",borderWidth:1,borderColor:"borderColor",borderRadius:20,paddingHorizontal:10,paddingVertical:5,padding:10,paddingLeft:5,paddingRight:10},icon:{marginRight:10},input:{marginHorizontal:0,marginVertical:0,height:40,flex:1}});function F(e){var n=e.scope,i=t.useState(r.ScopeUtils.create({parent:n,crud:n.crud,index:e.index,type:"row",data:e.item}))[0];return l.jsx(l.Fragment,{children:l.jsx(u,{scope:i,crud:i.crud,children:e.children})})}function L(e){var t,n=e.scope,a=n.crud,s=r.Utils.nvl(n.original.cols,1),u=Math.floor(100/s)+"%",d=r.Utils.nvl(n.getItems(),[]),p=function(e,t){return n.getStyle(e,c({},t,q[e]))},f=function(e){var t=p("row",{});return s>0&&(t.width=u,t.margin=5),t};return l.jsxs(l.Fragment,{children:[l.jsx(M.Text,{placeholder:"Pesquisar...",field:"query",crud:a,right:l.jsx(o.Ionicons,{name:"search",size:20,color:"#888"})}),l.jsx(i.View,{style:(t=p("container",{}),s>1&&(t=c({},t,{flexDirection:"row",flexWrap:"wrap"})),t),children:d.map((function(t,r){return l.jsx(i.TouchableHighlight,{style:f(),underlayColor:"transparent",onPress:function(e){!function(e){console.log(e),n.call("click",{value:e,item:e})}(t)},children:l.jsx(i.View,{style:p("rowInner"),children:l.jsx(F,{scope:n,item:t,index:r,children:e.children})})},"k-"+r)}))})]})}var q=i.StyleSheet.create({container:{flex:1,width:"100%"},row:{padding:5,width:"100%"},rowInner:{backgroundColor:"#f5f5f5",borderRadius:8,width:"100%"},text:{fontSize:18,fontWeight:"bold"}});function D(e){var n=e.scope,a=r.Utils.nvl(n.getOptions(),[]),o=n.getInputValue();console.log(o);var s=t.useState(0),u=s[0],d=s[1],p=function(e){return(null==e?void 0:e.value)===o},f=function(t){var a=t.item,o=t.index,s=p(a),u=c({},P.text);return s&&(u.color="#ffffff"),r.Utils.isEmpty(e.children)?l.jsx(i.Text,{style:u,children:a.label}):l.jsx(F,{scope:n,item:a.object,index:o,children:e.children})},x=function(e){var t=c({},P.item,n.getStyle("item")),r=Math.floor(100/a.length)+"%";if(p(e)){var i=n.getPart("selectedColor",void 0,"primary");(t=c({},t,n.getStyle("selected",{backgroundColor:i,color:"#ffffff"}))).color||(t.color="#ffffff")}return t.width=r,t};return l.jsx(l.Fragment,{children:a.map((function(e,t){return l.jsx(i.TouchableHighlight,{style:x(e),onPress:function(t){!function(e){n.changeValue(e.object),d(++u)}(e)},children:l.jsx(f,{item:e,index:t})},"k-"+t)}))})}var P=i.StyleSheet.create({container:{flex:1,width:"100%",gap:10,justifyContent:"center",flexDirection:"row"},item:{padding:15,marginVertical:8,backgroundColor:"#f5f5f5",borderRadius:8,justifyContent:"center",width:"auto",flexDirection:"row"},text:{fontSize:16,fontWeight:500}});function z(e){var n=e.scope,a=n.original,s=t.useState(0),u=s[0],d=s[1],p=n.getValue(0),f=a.color;f||(f="primary");var x={padding:10,alignItems:"center",height:44,width:44,textAlign:"center",verticalAling:"middle",borderRadius:24,backgroundColor:f,color:"#ffffff",justifyContent:"center"},h={buttonLabel:{color:"#ffffff",fontWeight:"500",fontSize:16},value:{flex:1,flexDirection:"row",textAlign:"center"},buttonInner:{flexDirection:"row",alignItems:"center",justifyContent:"center"},buttonIcon:{color:"#fff",fontSize:18},button:x,addButton:c({},x),delButton:c({},x)},g=function(e){n.changeValue(p+e),d(++u)},y=function(e,t){var r=c({},h[e],t);return n.getStyle(e,r)};return l.jsxs(l.Fragment,{children:[l.jsx(i.TouchableHighlight,{underlayColor:"transparent",onPress:function(){g(-1)},style:y("delButton"),children:l.jsx(o.Ionicons,{size:30,style:y("buttonIcon"),name:"remove"})}),l.jsx(i.Text,{style:y("value"),children:r.Utils.nvl(p,0)}),l.jsx(i.TouchableHighlight,{underlayColor:"transparent",onPress:function(){g(1)},style:y("addButton"),children:l.jsx(o.Ionicons,{size:30,style:y("buttonIcon"),name:"add"})})]})}function O(e){var n,a,o=t.useState(r.ScopeUtils.create(e))[0],s=t.useState(0),d=s[0],x=s[1],h=t.useState(null),j=h[0],v=h[1],S=o.getOptions(),T=r.Utils.nvl(e.crud,o.crud),U=o.original,R=U.type,F=t.useRef(null);o.update=function(){x(++d)};var q={list:L,tabs:p,chart:f},P=function(){return q[R]?l.jsx(q[R],c({crud:T},e,{scope:o})):l.jsx(l.Fragment,{})},N=function(){var e=U.custom;return e?l.jsx(O,"string"==typeof e?{element:{value:e,type:"dummy"},crud:T}:c({type:e.type,tag:e.type},e.props,{crud:T})):l.jsx(l.Fragment,{})};if(o.is("type","dummy"))return l.jsx(l.Fragment,{children:o.getDisplayValue()});var H=function(e){var t=e.target.value;o.isType("integer","int","number")?t=parseInt(t):o.isType("decimal")&&(t=parseFloat(t)),o.isType("select","complete")&&(t=o.getSelectedItem(t)),o.changeValue(t),o.update()},A=function(e){o.call("click")},M={scope:o,crud:T,onChange:H};o.isType("password")&&(M.type="password");var _=function(){return!(o.isInput()||r.Utils.isEmpty(e.children)&&r.Utils.isEmpty(e.elements))},G=o.is("type","text","number","phone","postalCode","money","password","email"),Q=function(e){var t,n=r.Utils.nvl(U.type,"none"),i=r.Utils.nvl(e,"root"),l=c({},B[i],null==W||null==(t=W[n])?void 0:t[i]),a=_();return e||a||(l=c({},l)),a&&e&&(l=c({},l,E[e])),G&&(l=c({},l,W.input[i])),c({},l,o.getStyle(e,l))},X=Q("element"),J={required:o.isRequired(),size:"small",scope:o,crud:T,style:X,placeholder:o.attr("placeholder","Digite aqui")};o.error=function(e){j=e,v(e)},null!=(n=U.list)&&n.url||null!=(a=U.load)&&a.url||o.start(),t.useEffect((function(){o.start()}));var K=function(){return"string"==typeof U.icon?l.jsx(m,{children:o.getIcon()}):l.jsx(l.Fragment,{children:U.icon})};if(o.open=function(e){i.Linking.openURL(e.url)},o.isType("dialog")){var Y=U.name;if(!T.dialogs[Y]){var Z={config:c({},U),component:function(t){return l.jsx(u,c({},e,{scope:o,crud:T}))}};T.dialogs[Y]=Z}return l.jsx(l.Fragment,{})}return t.useLayoutEffect((function(){if(null!=F&&F.current&&o.is("type","card","list","tabs","stepper")){var e=null==F?void 0:F.current;if(null!=e&&e.classList){var t=r.HtmlUtils.getBGColor(e);e.classList.add("rgb(255, 255, 255)"===t?"ui-dark":"ui-light")}}})),!o.isRendered()||o.is("type","define")?l.jsx(l.Fragment,{}):l.jsx(l.Fragment,{children:l.jsx(i.View,{ref:F,style:Q(),children:l.jsxs(l.Fragment,{children:[void 0!==U.label&&!o.isType("button")&&l.jsx(i.Text,{style:Q("label"),children:o.getLabel()}),!_()&&!q[R]&&l.jsxs(l.Fragment,{children:[l.jsxs(i.View,{style:Q("inner"),children:[o.is("type","button")&&l.jsxs(b,c({},J,{onClick:A,variant:o.attr("variant","outlined"),children:[U.icon&&l.jsx(K,{}),U.label&&l.jsx(i.Text,{style:o.getPart("label","button"),children:o.getLabel()})]})),o.is("type","icon")&&l.jsx(m,c({},J,{onClick:A,variant:o.attr("variant","outlined"),children:o.getDisplayValue()})),o.is("type","link")&&l.jsxs(y,c({},J,{onClick:A,variant:o.attr("variant","outlined"),children:[U.icon&&l.jsx(K,{}),U.label&&l.jsx(i.Text,{style:o.getPart("label","link"),children:o.getLabel()})]})),G&&l.jsx(V,c({},M,J,{InputProps:c({},U.inputProps)})),o.is("type","complete","autocomplete")&&l.jsx(g,{scope:o,defaultsInput:M,defaultsUI:J}),o.is("type","quantity")&&l.jsx(z,{scope:o,defaultsInput:M,defaultsUI:J}),o.is("type","checkbox","boolean","switch")&&l.jsx(C,c({checked:!0===o.getValue()},M,{onChange:function(){var e=o.getValue();H({target:{value:!(!0===e)}})}})),o.is("type","select")&&l.jsx(w,c({},M,J,{value:o.getSelectedValue()})),o.is("type","toggle")&&l.jsx(D,c({},M,J,{value:o.getSelectedValue()})),o.is("type","radio")&&l.jsx(k,c({},M,J,{row:!0,children:S.map((function(e,t){return l.jsx(I,{control:l.jsx(k,c({},J)),label:e.label,value:e.value},"i"+t)}))})),o.is("type","custom")&&l.jsx(N,{}),o.is("type","column")&&l.jsxs(l.Fragment,{children:[o.is("format","img")&&l.jsx(i.Image,{source:o.getDisplayValue()}),o.is("format","icon")&&l.jsx(m,{className:o.getDisplayValue()}),!o.is("format","icon","img")&&l.jsx(i.Text,{children:o.getDisplayValue()})]}),o.is("type","output","value")&&l.jsx(i.Text,{children:o.getDisplayValue()})]}),j&&l.jsx(i.View,{style:Q("error"),children:j})]}),l.jsx(P,{}),!o.is("type","tabs","grid","list","define","repeat")&&l.jsx(u,c({},e,{scope:o,crud:T}))]})})})}var N={backgroundColor:"white",padding:16,borderRadius:10,width:"100%",shadowColor:"#888",shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:3.84,elevation:3},W={};W.card=i.StyleSheet.create({root:c({},N),inner:{flex:1,width:"100%",paddingBottom:10,paddingTop:5,alignSelf:"flex-start",flexDirection:"row",flexWrap:"wrap"}}),W.input=i.StyleSheet.create({inner:{flex:1,width:"100%",paddingBottom:0,paddingTop:0,alignItems:"center",borderWidth:1,borderColor:"borderColor",borderRadius:20,paddingHorizontal:15,alignSelf:"flex-start",flexDirection:"row",flexWrap:"wrap"}}),W.quantity={inner:c({},N,{padding:5,borderRadius:25,flexWrap:"nowrap",flex:1,flexDirection:"row",justifyContent:"center",alignItems:"center"})},W.toggle=i.StyleSheet.create({inner:c({},N,{flex:1,width:"100%",gap:10,justifyContent:"center",flexDirection:"row",paddingHorizontal:10,paddingVertical:0,alignSelf:"flex-start",flexWrap:"nowrap"})}),W.list=c({},W.card);var B=i.StyleSheet.create({root:{gap:5,flexDirection:"column",flexWrap:"wrap",width:"100%",alignItems:"flex-start"},label:{width:"100%",fontWeight:500,fontSize:12,paddingBottom:5},inner:{width:"100%",marginBottom:10}}),E=i.StyleSheet.create({root:{gap:10},label:{width:"100%",fontWeight:500,fontSize:24}});function H(e){if(!1===e.rendered)return l.jsx(l.Fragment,{});var t=r.ComponentUtils.getDefine(e,e.name,e.position);return r.Utils.isEmpty(t)&&(t=e.default),r.Utils.isEmpty(t)?l.jsx(l.Fragment,{children:t}):l.jsx((function(t){var n=e.tag;return r.Utils.isEmpty(n)?l.jsx(l.Fragment,{children:t.children}):l.jsx(n,c({},t,{children:t.children}))}),c({},e.tagProps,{children:l.jsx(u,c({transient:!0},e,{scope:e.scope,crud:e.crud,part:e.name,children:t}))}))}var A=["type"],M={List:function(e){return l.jsx(O,c({},e,{type:"list"}))},Value:function(e){return l.jsx(O,c({},e,{type:"value"}))},Label:function(e){return l.jsx(O,c({},e,{type:"label"}))},Repeat:function(e){return l.jsx(O,c({},e,{type:"repeat"}))},Define:function(e){return l.jsx(O,c({},e,{type:"define"}))},Include:function(e){return l.jsx(H,c({},e))},Column:function(e){var t=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,A);return l.jsx(O,c({},t,{type:"column"}))},Input:function(e){return l.jsx(O,c({},e))},Text:function(e){return l.jsx(O,c({},e,{type:"text"}))},Email:function(e){return l.jsx(O,c({},e,{type:"email"}))},Button:function(e){return l.jsx(O,c({},e,{type:"button"}))},Link:function(e){return l.jsx(O,c({},e,{type:"link"}))},Icon:function(e){return l.jsx(O,c({},e,{type:"icon"}))},Output:function(e){return l.jsx(O,c({},e,{type:"output"}))},Form:function(e){return l.jsx(O,c({},e,{type:"form"}))},Crud:function(e){return l.jsx(O,c({},e,{type:"crud"}))},View:function(e){return l.jsx(O,c({},e,{type:"view",transient:!0}))},Bottom:function(e){return l.jsx(O,c({},e,{type:"bottom"}))},Dialog:function(e){return l.jsx(O,c({},e,{type:"dialog"}))},Content:function(e){return l.jsx(O,c({},e,{type:"content"}))},Top:function(e){return l.jsx(O,c({},e,{type:"top"}))},Card:function(e){return l.jsx(O,c({},e,{type:"card"}))},Tab:function(e){return l.jsx(O,c({},e,{type:"tab"}))},Tabs:function(e){return l.jsx(O,c({},e,{type:"tabs"}))},Step:function(e){return l.jsx(O,c({},e,{type:"tab",layout:"step"}))},Stepper:function(e){return l.jsx(O,c({},e,{type:"tabs",layout:"stepper"}))},Money:function(e){return l.jsx(O,c({},e,{type:"money"}))},Chart:function(e){return l.jsx(O,c({},e,{type:"chart"}))},Password:function(e){return l.jsx(O,c({},e,{type:"password"}))},Complete:function(e){return l.jsx(O,c({},e,{type:"complete"}))},Checkbox:function(e){return l.jsx(O,c({},e,{type:"switch"}))},Switch:function(e){return l.jsx(O,c({},e,{type:"switch"}))},Radio:function(e){return l.jsx(O,c({},e,{type:"radio"}))},Select:function(e){return l.jsx(O,c({},e,{type:"select"}))},Toggle:function(e){return l.jsx(O,c({},e,{type:"toggle"}))},Entity:function(e){return l.jsx(O,c({},e,{type:"entity"}))},Element:function(e){return l.jsx(O,c({},e,{type:"element"}))},Quantity:function(e){return l.jsx(O,c({},e,{type:"quantity"}))}};exports.UI=M;
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/core/UIToggle.tsx","../src/elements/core/UIQuantity.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';\n\nexport default function UIAutoComplete(props: any) {\n const handlePress = () => {\n Linking.openURL('https://reactnative.dev/');\n };\n\n return (\n <TouchableOpacity onPress={handlePress}>\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\n </TouchableOpacity>\n );\n}\n\nconst styles = {\n link: {},\n};\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';\n\nexport default function UILink(props: any) {\n const handlePress = () => {\n Linking.openURL('https://reactnative.dev/');\n };\n\n return (\n <TouchableOpacity onPress={handlePress}>\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\n </TouchableOpacity>\n );\n}\n\nconst styles = {\n link: {},\n};\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\n\nexport default function UIIcon(props: any) {\n const handlePress = () => {\n Linking.openURL('https://reactnative.dev/');\n };\n\n return (\n <TouchableOpacity onPress={handlePress}>\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\n </TouchableOpacity>\n );\n}\n\nconst styles = {\n link: {},\n};\n","import { Ionicons } from '@expo/vector-icons';\nimport { ChildType } from 'react-crud-utils';\nimport { Text, TouchableHighlight, View } from 'react-native';\n\nexport default function UIButton(props: ChildType) {\n let scope = props.scope;\n let element = scope.original;\n\n let color = element.color;\n let label = element.label;\n let icon = element.icon;\n\n if (!color) color = 'primary';\n\n const styles: any = {\n buttonLabel: {\n color: '#ffffff',\n fontWeight: '500',\n fontSize: 16,\n },\n buttonInner: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n },\n buttonIcon: {\n color: '#fff',\n fontSize: 18,\n paddingRight: 10,\n },\n button: {\n alignItems: 'center',\n minWidth: 200,\n margin: 5,\n padding: 0,\n paddingHorizontal: 20,\n textAlign: 'center',\n verticalAling: 'middle',\n borderRadius: 24,\n backgroundColor: color,\n color: '#ffffff',\n justifyContent: 'center',\n height: 44,\n flex: 1,\n },\n };\n\n const onClick = (e: any) => {\n if (typeof element.click === 'function') {\n element.click(e);\n }\n };\n\n const style = (part: string, extra?: any) => {\n let s = { ...styles[part], ...extra };\n return scope.getStyle(part, s);\n };\n\n return (\n <TouchableHighlight\n underlayColor={'transparent'}\n onPress={onClick}\n style={style('button')}\n >\n <View style={style('buttonInner')}>\n {icon && (\n <>\n <Ionicons size={30} style={style('buttonIcon')} name={icon} />\n </>\n )}\n <Text style={style('buttonLabel')}>{label}</Text>\n </View>\n </TouchableHighlight>\n );\n}\n","import { useState } from 'react';\nimport { ChildType, MethodType, useTheme, Utils } from 'react-crud-utils';\nimport {\n Text,\n TouchableOpacity,\n StyleSheet,\n Modal,\n View,\n StatusBar,\n SafeAreaView,\n} from 'react-native';\nimport Icon from 'react-native-vector-icons/FontAwesome';\nimport UI from '../UI';\n\nexport default function UISelect(props: ChildType) {\n const [modalVisible, setModalVisible] = useState(false);\n const scope = props.scope;\n const items = Utils.nvl(scope.getOptions(), []);\n const placeholder = scope.attr('placeholder', 'Selecione...');\n const value = scope.getDisplayValue();\n const theme = useTheme();\n\n const handlePress = () => {\n setModalVisible(!modalVisible);\n };\n\n const onClick = ({ crud, value }: MethodType) => {\n scope.changeValue(value);\n handlePress();\n };\n\n const style = (part: string, extra?: any) => {\n return { ...styles[part], ...scope.getStyle(part), ...extra };\n };\n\n return (\n <View style={style('selectRoot')}>\n <TouchableOpacity onPress={handlePress} style={style('selectInput')}>\n <Text style={style('selectLabel')}>\n {Utils.nvl(value, placeholder)}\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\n barStyle=\"dark-content\"\n backgroundColor={theme.colors.primary}\n />\n <SafeAreaView style={style('modalSafe')}>\n <View style={style('modalHeader')}>\n <TouchableOpacity\n onPress={() => setModalVisible(false)}\n style={style('modalCloseButton')}\n >\n <Text style={style('modalCloseText')}>X</Text>\n </TouchableOpacity>\n <Text style={style('modalTitle')}>{placeholder}</Text>\n </View>\n <View style={style('modalContent')}>\n <UI.List data={items} name={scope.getName('list')} click={onClick}>\n <UI.Value value=\"#{@this.label}\" />\n </UI.List>\n </View>\n </SafeAreaView>\n </Modal>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n selectRoot: {\n justifyContent: 'flex-start',\n alignItems: 'flex-start',\n },\n selectInput: {\n width: '100%',\n flexDirection: 'row',\n borderWidth: 1,\n borderColor: '#a9a9a9',\n borderRadius: 20,\n paddingHorizontal: 15,\n paddingVertical: 10,\n },\n selectLabel: { flex: 1 },\n modalSafe: {\n flex: 1,\n backgroundColor: '#f5f5f5',\n paddingTop: StatusBar.currentHeight || 0, // Considera a altura da barra de status no Android\n },\n modalHeader: {\n flexDirection: 'row',\n alignItems: 'center',\n padding: 15,\n backgroundColor: '#6200ea',\n },\n modalCloseButton: {\n padding: 10,\n },\n modalCloseText: {\n fontSize: 18,\n color: 'white',\n },\n modalTitle: {\n fontSize: 18,\n color: 'white',\n fontWeight: 'bold',\n marginLeft: 10,\n },\n modalContent: {\n flex: 1,\n width: '100%',\n alignSelf: 'flex-start',\n flexDirection: 'row',\n flexWrap: 'wrap',\n padding: 20,\n },\n});\n","import { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { Switch } from 'react-native';\n\nexport default function UISwitch(props: ChildType) {\n const scope = props.scope;\n const initial = Utils.nvl(scope.getValue(), false) as boolean;\n const [value, setValue] = useState(initial);\n\n let onChange = v => {\n scope.changeValue(v);\n\n setValue(v);\n };\n\n return (\n <Switch\n value={value}\n onValueChange={onChange} // Alterna o estado\n />\n );\n}\n\nconst styles = {\n link: {},\n};\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\n\nexport default function UIOption(props: any) {\n const handlePress = () => {\n Linking.openURL('https://reactnative.dev/');\n };\n\n return (\n <TouchableOpacity onPress={handlePress}>\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\n </TouchableOpacity>\n );\n}\n\nconst styles = {\n link: {},\n};\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\n\nexport default function UIRadio(props: any) {\n const handlePress = () => {\n Linking.openURL('https://reactnative.dev/');\n };\n\n return (\n <TouchableOpacity onPress={handlePress}>\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\n </TouchableOpacity>\n );\n}\n\nconst styles = {\n link: {},\n};\n","import { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, TextInput, View } from 'react-native';\nimport { Ionicons } from '@expo/vector-icons';\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 const style = (part: string, extra?: any) => {\n return { ...scope.getStyle(part, styles[part]), ...extra };\n };\n\n return (\n <>\n {scope.getPart('left')}\n <TextInput\n style={style('input')}\n onChangeText={onChange}\n value={value}\n placeholder={placeholder}\n />\n {el.icon && (\n <Ionicons\n name={el.icon}\n size={scope.attr('iconSize', 20)}\n color={scope.attr('iconColor', '#888')}\n />\n )}\n {scope.getPart('right')}\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n base: {\n flexDirection: 'row',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'borderColor',\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: 0,\n marginVertical: 0,\n height: 40,\n flex: 1, // Para o input ocupar o espaço restante\n },\n});\n","import React, { useState } from 'react';\nimport { ChildType, ScopeUtils, Utils } from 'react-crud-utils';\nimport UIChildren from '../UIChildren';\n\ninterface UIListRowType extends ChildType {\n item: any;\n index: number;\n}\n\nexport default function UIListRow(props: UIListRowType) {\n const parent = props.scope;\n const item = props.item;\n const row = {\n parent,\n crud: parent.crud,\n index: props.index,\n type: 'row',\n data: item,\n };\n let [scope] = useState(ScopeUtils.create(row));\n\n return (\n <>\n <UIChildren scope={scope} crud={scope.crud}>\n {props.children}\n </UIChildren>\n </>\n );\n}\n","import React from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, Text, TouchableHighlight, View } from 'react-native';\nimport UIListRow from './UIListRow';\nimport UI from '../UI';\nimport { Ionicons } from '@expo/vector-icons';\n\nexport default function UIList(props: ChildType) {\n const scope = props.scope;\n const crud = scope.crud;\n const original = scope.original;\n const cols = Utils.nvl(original.cols, 1);\n const rowWidth = Math.floor(100 / cols) + '%';\n\n const items = Utils.nvl(scope.getItems(), []);\n const onClick = (item: any) => {\n console.log(item);\n scope.call('click', { value: item, item });\n };\n\n const getStyle = (key: string, extra?: any) => {\n return scope.getStyle(key, { ...extra, ...styles[key] });\n };\n\n const getRowStyle = (extra?: any) => {\n let row = getStyle('row', {});\n\n if (cols > 0) {\n row.width = rowWidth;\n row.margin = 5;\n }\n\n return row;\n };\n\n const getContainerStyle = (extra?: any) => {\n let row = getStyle('container', {});\n\n if (cols > 1) {\n row = { ...row, flexDirection: 'row', flexWrap: 'wrap' };\n }\n\n return row;\n };\n\n return (\n <>\n <UI.Text\n placeholder=\"Pesquisar...\"\n field=\"query\"\n crud={crud}\n right={<Ionicons name=\"search\" size={20} color=\"#888\" />}\n />\n\n <View style={getContainerStyle()}>\n {items.map((item: any, i: number) => (\n <TouchableHighlight\n key={`k-${i}`}\n style={getRowStyle()}\n underlayColor={'transparent'}\n onPress={e => {\n onClick(item);\n }}\n >\n <UIListRow scope={scope} item={item} index={i}>\n {props.children}\n </UIListRow>\n </TouchableHighlight>\n ))}\n </View>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n },\n row: {\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, { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, Text, TouchableHighlight, View } from 'react-native';\nimport UIListRow from './UIListRow';\n\nexport default function UIToggle(props: ChildType) {\n const scope = props.scope;\n const options = Utils.nvl(scope.getOptions(), []);\n const value = scope.getInputValue();\n\n console.log(value);\n\n let [index, setIndex] = useState(0);\n\n const isSelected = (item: any) => {\n return item?.value === value;\n };\n\n const onClick = (item: any) => {\n scope.changeValue(item.object);\n setIndex(++index);\n };\n\n const Item = ({ item, index }) => {\n let selected = isSelected(item);\n let style: any = { ...styles.text };\n\n if (selected) style.color = '#ffffff';\n\n if (Utils.isEmpty(props.children)) {\n return <Text style={style}>{item.label}</Text>;\n }\n\n return (\n <UIListRow scope={scope} item={item.object} index={index}>\n {props.children}\n </UIListRow>\n );\n };\n\n const getItemStyle = (item: any) => {\n let style = { ...styles.item, ...scope.getStyle('item') };\n\n let wPart = 100 / options.length;\n let width = Math.floor(wPart) + '%';\n\n if (isSelected(item)) {\n let selectedColor = scope.getPart('selectedColor', undefined, 'primary');\n let st = scope.getStyle('selected', {\n backgroundColor: selectedColor,\n color: '#ffffff',\n });\n\n style = { ...style, ...st };\n\n if (!style.color) {\n style.color = '#ffffff';\n }\n }\n\n style.width = width;\n\n return style;\n };\n\n return (\n <>\n {options.map((item: any, i: number) => (\n <TouchableHighlight\n key={`k-${i}`}\n style={getItemStyle(item)}\n onPress={e => {\n onClick(item);\n }}\n >\n <Item item={item} index={i} />\n </TouchableHighlight>\n ))}\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n gap: 10,\n justifyContent: 'center',\n flexDirection: 'row',\n },\n item: {\n padding: 15,\n marginVertical: 8,\n backgroundColor: '#f5f5f5',\n borderRadius: 8,\n justifyContent: 'center',\n width: 'auto',\n flexDirection: 'row',\n },\n text: {\n fontSize: 16,\n fontWeight: 500,\n },\n});\n","import { Ionicons } from '@expo/vector-icons';\nimport { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { Text, TouchableHighlight, View } from 'react-native';\n\nexport default function UIQuantity(props: ChildType) {\n const scope = props.scope;\n const element = scope.original;\n\n let [index, setIndex] = useState(0);\n\n const value = scope.getValue(0);\n\n let color = element.color;\n\n if (!color) color = 'primary';\n\n const btn = {\n padding: 10,\n alignItems: 'center',\n height: 44,\n width: 44,\n textAlign: 'center',\n verticalAling: 'middle',\n borderRadius: 24,\n backgroundColor: color,\n color: '#ffffff',\n justifyContent: 'center',\n };\n\n const styles: any = {\n buttonLabel: {\n color: '#ffffff',\n fontWeight: '500',\n fontSize: 16,\n },\n value: {\n flex: 1,\n flexDirection: 'row',\n textAlign: 'center',\n },\n buttonInner: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n },\n buttonIcon: {\n color: '#fff',\n fontSize: 18,\n },\n button: btn,\n addButton: {\n ...btn,\n },\n delButton: {\n ...btn,\n },\n };\n\n const change = (val: number) => {\n scope.changeValue(value + val);\n setIndex(++index);\n };\n\n const onClickAdd = () => {\n change(1);\n };\n\n const onClickDel = () => {\n change(-1);\n };\n\n const style = (part: string, extra?: any) => {\n let s = { ...styles[part], ...extra };\n return scope.getStyle(part, s);\n };\n\n return (\n <>\n <TouchableHighlight\n underlayColor={'transparent'}\n onPress={onClickDel}\n style={style('delButton')}\n >\n <Ionicons size={30} style={style('buttonIcon')} name=\"remove\" />\n </TouchableHighlight>\n <Text style={style('value')}>{Utils.nvl(value, 0)}</Text>\n <TouchableHighlight\n underlayColor={'transparent'}\n onPress={onClickAdd}\n style={style('addButton')}\n >\n <Ionicons size={30} style={style('buttonIcon')} name=\"add\" />\n </TouchableHighlight>\n </>\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';\nimport UIToggle from './core/UIToggle';\nimport UIQuantity from './core/UIQuantity';\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 let isInput = scope.is(\n 'type',\n 'text',\n 'number',\n 'phone',\n 'postalCode',\n 'money',\n 'password',\n 'email'\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 if (isInput) {\n def = { ...def, ...elementStyle.input[key] };\n }\n\n return { ...def, ...scope.getStyle(part, def) };\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 scope.error = (msg: string) => {\n error = msg;\n setError(msg);\n };\n\n if (!original.list?.url && !original.load?.url) {\n scope.start();\n }\n\n useEffect(() => {\n scope.start();\n });\n\n const CustomIcon = () => {\n if (typeof original.icon === 'string') {\n return <UIIcon>{scope.getIcon()}</UIIcon>;\n }\n return <>{original.icon}</>;\n };\n\n let hasCustomRoute = () => {\n if (router[type]) return true;\n return false;\n };\n\n scope.open = (args: any) => {\n Linking.openURL(args.url);\n };\n\n if (scope.isType('dialog')) {\n let name = original.name;\n\n if (!crud.dialogs[name]) {\n let dlg: any = { config: { ...original } };\n\n dlg.component = (args: any) => {\n return <UIChildren {...props} scope={scope} crud={crud} />;\n };\n\n crud.dialogs[name] = dlg;\n }\n return <></>;\n }\n\n useLayoutEffect(() => {\n if (ref?.current && scope.is('type', 'card', 'list', 'tabs', 'stepper')) {\n let el: any = ref?.current;\n\n if (el?.classList) {\n let bg = HtmlUtils.getBGColor(el);\n\n if (bg === 'rgb(255, 255, 255)') {\n el.classList.add('ui-dark');\n } else {\n el.classList.add('ui-light');\n }\n }\n }\n });\n\n const isShowLabel = () => {\n if (typeof original.label !== 'undefined' && !scope.isType('button')) {\n return true;\n }\n\n return false;\n };\n\n const isShowInner = () => {\n if (hasChildren() || hasCustomRoute()) {\n return false;\n }\n return true;\n };\n\n if (!scope.isRendered() || scope.is('type', 'define')) {\n return <></>;\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 {isInput && (\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', 'quantity') && (\n <UIQuantity\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 )}\n {scope.is('type', 'toggle') && (\n <UIToggle\n {...defaultsInput}\n {...defaultsUI}\n value={scope.getSelectedValue()}\n />\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 box: any = {\n backgroundColor: 'white',\n padding: 16,\n borderRadius: 10,\n width: '100%',\n shadowColor: '#888', // iOS\n shadowOffset: { width: 0, height: 1 }, // iOS\n shadowOpacity: 0.25, // iOS\n shadowRadius: 3.84, // iOS\n elevation: 3, // Android\n};\n\nconst elementStyle: any = {};\n\nelementStyle.card = StyleSheet.create({\n root: {\n ...box,\n },\n inner: {\n flex: 1,\n width: '100%',\n paddingBottom: 10,\n paddingTop: 5,\n alignSelf: 'flex-start',\n flexDirection: 'row',\n flexWrap: 'wrap',\n },\n});\n\nelementStyle.input = StyleSheet.create({\n inner: {\n flex: 1,\n width: '100%',\n paddingBottom: 0,\n paddingTop: 0,\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'borderColor',\n borderRadius: 20,\n paddingHorizontal: 15,\n alignSelf: 'flex-start',\n flexDirection: 'row',\n flexWrap: 'wrap',\n },\n});\n\nelementStyle.quantity = {\n inner: {\n ...box,\n padding: 5,\n borderRadius: 25,\n flexWrap: 'nowrap',\n flex: 1,\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n },\n};\n\nelementStyle.toggle = StyleSheet.create({\n inner: {\n ...box,\n flex: 1,\n width: '100%',\n gap: 10,\n justifyContent: 'center',\n flexDirection: 'row',\n paddingHorizontal: 10,\n paddingVertical: 0,\n alignSelf: 'flex-start',\n flexWrap: 'nowrap',\n },\n});\n\nelementStyle.list = {\n ...elementStyle.card,\n};\n\nconst styles = StyleSheet.create({\n root: {\n gap: 5,\n flexDirection: 'column',\n flexWrap: 'wrap',\n width: '100%',\n alignItems: 'flex-start',\n },\n label: { width: '100%', fontWeight: 500, fontSize: 12, paddingBottom: 5 },\n inner: { width: '100%', marginBottom: 10 },\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 Toggle: (props: ListInputType) => <UIElement {...props} type=\"toggle\" />,\n Entity: (props: ListInputType) => <UIElement {...props} type=\"entity\" />,\n Element: (props: ListInputType) => <UIElement {...props} type=\"element\" />,\n Quantity: (props: ListInputType) => <UIElement {...props} type=\"quantity\" />,\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","buttonLabel","fontWeight","fontSize","buttonInner","flexDirection","alignItems","justifyContent","buttonIcon","paddingRight","button","minWidth","margin","padding","paddingHorizontal","textAlign","verticalAling","borderRadius","backgroundColor","height","flex","extra","TouchableHighlight","underlayColor","e","size","UISelect","modalVisible","setModalVisible","getOptions","placeholder","attr","value","getDisplayValue","theme","useTheme","handlePress","Icon","Modal","animationType","transparent","visible","onRequestClose","StatusBar","barStyle","colors","primary","SafeAreaView","List","getName","Value","selectRoot","selectInput","borderWidth","borderColor","paddingVertical","selectLabel","modalSafe","paddingTop","currentHeight","modalHeader","modalCloseButton","modalCloseText","modalTitle","marginLeft","modalContent","alignSelf","flexWrap","UISwitch","initial","getValue","setValue","Switch","onValueChange","v","UIOption","UIRadio","UIInput","getLabel","getPart","el","TextInput","onChangeText","base","paddingLeft","marginRight","input","marginHorizontal","marginVertical","UIListRow","UIList","row","cols","rowWidth","Math","floor","getRowStyle","field","right","console","log","call","container","text","UIToggle","options","getInputValue","setIndex","isSelected","Item","object","getItemStyle","selectedColor","undefined","gap","UIQuantity","btn","addButton","delButton","change","val","_useState3","error","setError","ref","useRef","update","router","list","chart","CurrentRouter","c","custom","tag","is","onChange","target","isType","parseInt","parseFloat","getSelectedItem","hasChildren","def","elementStyle","_elementStyle$type","hasChild","withChildStyles","elStyle","required","isRequired","msg","_original$list","url","_original$load","load","start","useEffect","CustomIcon","getIcon","open","args","dialogs","dlg","config","useLayoutEffect","current","classList","bg","HtmlUtils","getBGColor","add","isRendered","variant","InputProps","inputProps","checked","getSelectedValue","control","Image","source","box","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","card","root","paddingBottom","quantity","toggle","marginBottom","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","Toggle","Entity","Element","Quantity"],"mappings":"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"}
1
+ {"version":3,"file":"react-crud-mobile.cjs.production.min.js","sources":["../src/elements/UIChildren.tsx","../src/elements/tabs/ElTabs.tsx","../src/elements/charts/ElChart.tsx","../src/elements/core/UIAutoComplete.tsx","../src/elements/UIComplete.tsx","../src/elements/core/UILink.tsx","../src/elements/core/UIIcon.tsx","../src/elements/core/UIButton.tsx","../src/elements/core/UISelect.tsx","../src/elements/core/UISwitch.tsx","../src/elements/core/UIOption.tsx","../src/elements/core/UIRadio.tsx","../src/elements/core/UIInput.tsx","../src/elements/core/UIListRow.tsx","../src/elements/core/UIList.tsx","../src/elements/core/UIToggle.tsx","../src/elements/core/UIQuantity.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';\n\nexport default function UIAutoComplete(props: any) {\n const handlePress = () => {\n Linking.openURL('https://reactnative.dev/');\n };\n\n return (\n <TouchableOpacity onPress={handlePress}>\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\n </TouchableOpacity>\n );\n}\n\nconst styles = {\n link: {},\n};\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';\n\nexport default function UILink(props: any) {\n const handlePress = () => {\n Linking.openURL('https://reactnative.dev/');\n };\n\n return (\n <TouchableOpacity onPress={handlePress}>\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\n </TouchableOpacity>\n );\n}\n\nconst styles = {\n link: {},\n};\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\n\nexport default function UIIcon(props: any) {\n const handlePress = () => {\n Linking.openURL('https://reactnative.dev/');\n };\n\n return (\n <TouchableOpacity onPress={handlePress}>\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\n </TouchableOpacity>\n );\n}\n\nconst styles = {\n link: {},\n};\n","import { Ionicons } from '@expo/vector-icons';\nimport { ChildType } from 'react-crud-utils';\nimport { Text, TouchableHighlight, View } from 'react-native';\n\nexport default function UIButton(props: ChildType) {\n let scope = props.scope;\n let element = scope.original;\n\n let color = element.color;\n let label = element.label;\n let icon = element.icon;\n\n if (!color) color = 'primary';\n\n const styles: any = {\n buttonLabel: {\n color: '#ffffff',\n fontWeight: '500',\n fontSize: 16,\n },\n buttonInner: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n },\n buttonIcon: {\n color: '#fff',\n fontSize: 18,\n paddingRight: 10,\n },\n button: {\n alignItems: 'center',\n minWidth: 200,\n margin: 5,\n padding: 0,\n paddingHorizontal: 20,\n textAlign: 'center',\n verticalAling: 'middle',\n borderRadius: 24,\n backgroundColor: color,\n color: '#ffffff',\n justifyContent: 'center',\n height: 44,\n flex: 1,\n },\n };\n\n const onClick = (e: any) => {\n if (typeof element.click === 'function') {\n element.click(e);\n }\n };\n\n const style = (part: string, extra?: any) => {\n let s = { ...styles[part], ...extra };\n return scope.getStyle(part, s);\n };\n\n return (\n <TouchableHighlight\n underlayColor={'transparent'}\n onPress={onClick}\n style={style('button')}\n >\n <View style={style('buttonInner')}>\n {icon && (\n <>\n <Ionicons size={30} style={style('buttonIcon')} name={icon} />\n </>\n )}\n <Text style={style('buttonLabel')}>{label}</Text>\n </View>\n </TouchableHighlight>\n );\n}\n","import { useState } from 'react';\nimport { ChildType, MethodType, useTheme, Utils } from 'react-crud-utils';\nimport {\n Text,\n TouchableOpacity,\n StyleSheet,\n Modal,\n View,\n StatusBar,\n SafeAreaView,\n} from 'react-native';\nimport Icon from 'react-native-vector-icons/FontAwesome';\nimport UI from '../UI';\n\nexport default function UISelect(props: ChildType) {\n const [modalVisible, setModalVisible] = useState(false);\n const scope = props.scope;\n const items = Utils.nvl(scope.getOptions(), []);\n const placeholder = scope.attr('placeholder', 'Selecione...');\n const value = scope.getDisplayValue();\n const theme = useTheme();\n\n const handlePress = () => {\n setModalVisible(!modalVisible);\n };\n\n const onClick = ({ crud, value }: MethodType) => {\n scope.changeValue(value);\n handlePress();\n };\n\n const style = (part: string, extra?: any) => {\n return { ...styles[part], ...scope.getStyle(part), ...extra };\n };\n\n return (\n <View style={style('selectRoot')}>\n <TouchableOpacity onPress={handlePress} style={style('selectInput')}>\n <Text style={style('selectLabel')}>\n {Utils.nvl(value, placeholder)}\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\n barStyle=\"dark-content\"\n backgroundColor={theme.colors.primary}\n />\n <SafeAreaView style={style('modalSafe')}>\n <View style={style('modalHeader')}>\n <TouchableOpacity\n onPress={() => setModalVisible(false)}\n style={style('modalCloseButton')}\n >\n <Text style={style('modalCloseText')}>X</Text>\n </TouchableOpacity>\n <Text style={style('modalTitle')}>{placeholder}</Text>\n </View>\n <View style={style('modalContent')}>\n <UI.List data={items} name={scope.getName('list')} click={onClick}>\n <UI.Value value=\"#{@this.label}\" />\n </UI.List>\n </View>\n </SafeAreaView>\n </Modal>\n </View>\n );\n}\n\nconst styles = StyleSheet.create({\n selectRoot: {\n justifyContent: 'flex-start',\n alignItems: 'flex-start',\n },\n selectInput: {\n width: '100%',\n flexDirection: 'row',\n borderWidth: 1,\n borderColor: '#a9a9a9',\n borderRadius: 20,\n paddingHorizontal: 15,\n paddingVertical: 10,\n },\n selectLabel: { flex: 1 },\n modalSafe: {\n flex: 1,\n backgroundColor: '#f5f5f5',\n paddingTop: StatusBar.currentHeight || 0, // Considera a altura da barra de status no Android\n },\n modalHeader: {\n flexDirection: 'row',\n alignItems: 'center',\n padding: 15,\n backgroundColor: '#6200ea',\n },\n modalCloseButton: {\n padding: 10,\n },\n modalCloseText: {\n fontSize: 18,\n color: 'white',\n },\n modalTitle: {\n fontSize: 18,\n color: 'white',\n fontWeight: 'bold',\n marginLeft: 10,\n },\n modalContent: {\n flex: 1,\n width: '100%',\n alignSelf: 'flex-start',\n flexDirection: 'row',\n flexWrap: 'wrap',\n padding: 20,\n },\n});\n","import { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { Switch } from 'react-native';\n\nexport default function UISwitch(props: ChildType) {\n const scope = props.scope;\n const initial = Utils.nvl(scope.getValue(), false) as boolean;\n const [value, setValue] = useState(initial);\n\n let onChange = v => {\n scope.changeValue(v);\n\n setValue(v);\n };\n\n return (\n <Switch\n value={value}\n onValueChange={onChange} // Alterna o estado\n />\n );\n}\n\nconst styles = {\n link: {},\n};\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\n\nexport default function UIOption(props: any) {\n const handlePress = () => {\n Linking.openURL('https://reactnative.dev/');\n };\n\n return (\n <TouchableOpacity onPress={handlePress}>\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\n </TouchableOpacity>\n );\n}\n\nconst styles = {\n link: {},\n};\n","import { Text, TouchableOpacity, Linking, StyleSheet } from 'react-native';\n\nexport default function UIRadio(props: any) {\n const handlePress = () => {\n Linking.openURL('https://reactnative.dev/');\n };\n\n return (\n <TouchableOpacity onPress={handlePress}>\n <Text style={styles.link}>Clique aqui para acessar o React Native</Text>\n </TouchableOpacity>\n );\n}\n\nconst styles = {\n link: {},\n};\n","import { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, TextInput, View } from 'react-native';\nimport { Ionicons } from '@expo/vector-icons';\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 const style = (part: string, extra?: any) => {\n return { ...scope.getStyle(part, styles[part]), ...extra };\n };\n\n return (\n <>\n {scope.getPart('left')}\n <TextInput\n style={style('input')}\n onChangeText={onChange}\n value={value}\n placeholder={placeholder}\n />\n {el.icon && (\n <Ionicons\n name={el.icon}\n size={scope.attr('iconSize', 20)}\n color={scope.attr('iconColor', '#888')}\n />\n )}\n {scope.getPart('right')}\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n base: {\n flexDirection: 'row',\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'borderColor',\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: 0,\n marginVertical: 0,\n height: 40,\n flex: 1, // Para o input ocupar o espaço restante\n },\n});\n","import React, { useState } from 'react';\nimport { ChildType, ScopeUtils, Utils } from 'react-crud-utils';\nimport UIChildren from '../UIChildren';\n\ninterface UIListRowType extends ChildType {\n item: any;\n index: number;\n}\n\nexport default function UIListRow(props: UIListRowType) {\n const parent = props.scope;\n const item = props.item;\n const row = {\n parent,\n crud: parent.crud,\n index: props.index,\n type: 'row',\n data: item,\n };\n let [scope] = useState(ScopeUtils.create(row));\n\n return (\n <>\n <UIChildren scope={scope} crud={scope.crud}>\n {props.children}\n </UIChildren>\n </>\n );\n}\n","import React from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, Text, TouchableHighlight, View } from 'react-native';\nimport UIListRow from './UIListRow';\nimport UI from '../UI';\nimport { Ionicons } from '@expo/vector-icons';\n\nexport default function UIList(props: ChildType) {\n const scope = props.scope;\n const crud = scope.crud;\n const original = scope.original;\n const cols = Utils.nvl(original.cols, 1);\n const rowWidth = Math.floor(100 / cols) + '%';\n\n const items = Utils.nvl(scope.getItems(), []);\n const onClick = (item: any) => {\n console.log(item);\n scope.call('click', { value: item, item });\n };\n\n const getStyle = (key: string, extra?: any) => {\n return scope.getStyle(key, { ...extra, ...styles[key] });\n };\n\n const getRowStyle = (extra?: any) => {\n let row = getStyle('row', {});\n\n if (cols > 0) {\n row.width = rowWidth;\n row.margin = 5;\n }\n\n return row;\n };\n\n const getContainerStyle = (extra?: any) => {\n let row = getStyle('container', {});\n\n if (cols > 1) {\n row = { ...row, flexDirection: 'row', flexWrap: 'wrap' };\n }\n\n return row;\n };\n\n return (\n <>\n <UI.Text\n placeholder=\"Pesquisar...\"\n field=\"query\"\n crud={crud}\n right={<Ionicons name=\"search\" size={20} color=\"#888\" />}\n />\n\n <View style={getContainerStyle()}>\n {items.map((item: any, i: number) => (\n <TouchableHighlight\n key={`k-${i}`}\n style={getRowStyle()}\n underlayColor={'transparent'}\n onPress={e => {\n onClick(item);\n }}\n >\n <View style={getStyle('rowInner')}>\n <UIListRow scope={scope} item={item} index={i}>\n {props.children}\n </UIListRow>\n </View>\n </TouchableHighlight>\n ))}\n </View>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n },\n row: {\n padding: 5,\n width: '100%',\n },\n rowInner: {\n backgroundColor: '#f5f5f5',\n borderRadius: 8,\n width: '100%',\n },\n text: {\n fontSize: 18,\n fontWeight: 'bold',\n },\n});\n","import React, { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { StyleSheet, Text, TouchableHighlight, View } from 'react-native';\nimport UIListRow from './UIListRow';\n\nexport default function UIToggle(props: ChildType) {\n const scope = props.scope;\n const options = Utils.nvl(scope.getOptions(), []);\n const value = scope.getInputValue();\n\n console.log(value);\n\n let [index, setIndex] = useState(0);\n\n const isSelected = (item: any) => {\n return item?.value === value;\n };\n\n const onClick = (item: any) => {\n scope.changeValue(item.object);\n setIndex(++index);\n };\n\n const Item = ({ item, index }) => {\n let selected = isSelected(item);\n let style: any = { ...styles.text };\n\n if (selected) style.color = '#ffffff';\n\n if (Utils.isEmpty(props.children)) {\n return <Text style={style}>{item.label}</Text>;\n }\n\n return (\n <UIListRow scope={scope} item={item.object} index={index}>\n {props.children}\n </UIListRow>\n );\n };\n\n const getItemStyle = (item: any) => {\n let style = { ...styles.item, ...scope.getStyle('item') };\n\n let wPart = 100 / options.length;\n let width = Math.floor(wPart) + '%';\n\n if (isSelected(item)) {\n let selectedColor = scope.getPart('selectedColor', undefined, 'primary');\n let st = scope.getStyle('selected', {\n backgroundColor: selectedColor,\n color: '#ffffff',\n });\n\n style = { ...style, ...st };\n\n if (!style.color) {\n style.color = '#ffffff';\n }\n }\n\n style.width = width;\n\n return style;\n };\n\n return (\n <>\n {options.map((item: any, i: number) => (\n <TouchableHighlight\n key={`k-${i}`}\n style={getItemStyle(item)}\n onPress={e => {\n onClick(item);\n }}\n >\n <Item item={item} index={i} />\n </TouchableHighlight>\n ))}\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n gap: 10,\n justifyContent: 'center',\n flexDirection: 'row',\n },\n item: {\n padding: 15,\n marginVertical: 8,\n backgroundColor: '#f5f5f5',\n borderRadius: 8,\n justifyContent: 'center',\n width: 'auto',\n flexDirection: 'row',\n },\n text: {\n fontSize: 16,\n fontWeight: 500,\n },\n});\n","import { Ionicons } from '@expo/vector-icons';\nimport { useState } from 'react';\nimport { ChildType, Utils } from 'react-crud-utils';\nimport { Text, TouchableHighlight, View } from 'react-native';\n\nexport default function UIQuantity(props: ChildType) {\n const scope = props.scope;\n const element = scope.original;\n\n let [index, setIndex] = useState(0);\n\n const value = scope.getValue(0);\n\n let color = element.color;\n\n if (!color) color = 'primary';\n\n const btn = {\n padding: 10,\n alignItems: 'center',\n height: 44,\n width: 44,\n textAlign: 'center',\n verticalAling: 'middle',\n borderRadius: 24,\n backgroundColor: color,\n color: '#ffffff',\n justifyContent: 'center',\n };\n\n const styles: any = {\n buttonLabel: {\n color: '#ffffff',\n fontWeight: '500',\n fontSize: 16,\n },\n value: {\n flex: 1,\n flexDirection: 'row',\n textAlign: 'center',\n },\n buttonInner: {\n flexDirection: 'row',\n alignItems: 'center',\n justifyContent: 'center',\n },\n buttonIcon: {\n color: '#fff',\n fontSize: 18,\n },\n button: btn,\n addButton: {\n ...btn,\n },\n delButton: {\n ...btn,\n },\n };\n\n const change = (val: number) => {\n scope.changeValue(value + val);\n setIndex(++index);\n };\n\n const onClickAdd = () => {\n change(1);\n };\n\n const onClickDel = () => {\n change(-1);\n };\n\n const style = (part: string, extra?: any) => {\n let s = { ...styles[part], ...extra };\n return scope.getStyle(part, s);\n };\n\n return (\n <>\n <TouchableHighlight\n underlayColor={'transparent'}\n onPress={onClickDel}\n style={style('delButton')}\n >\n <Ionicons size={30} style={style('buttonIcon')} name=\"remove\" />\n </TouchableHighlight>\n <Text style={style('value')}>{Utils.nvl(value, 0)}</Text>\n <TouchableHighlight\n underlayColor={'transparent'}\n onPress={onClickAdd}\n style={style('addButton')}\n >\n <Ionicons size={30} style={style('buttonIcon')} name=\"add\" />\n </TouchableHighlight>\n </>\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';\nimport UIToggle from './core/UIToggle';\nimport UIQuantity from './core/UIQuantity';\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 let isInput = scope.is(\n 'type',\n 'text',\n 'number',\n 'phone',\n 'postalCode',\n 'money',\n 'password',\n 'email'\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 if (isInput) {\n def = { ...def, ...elementStyle.input[key] };\n }\n\n return { ...def, ...scope.getStyle(part, def) };\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 scope.error = (msg: string) => {\n error = msg;\n setError(msg);\n };\n\n if (!original.list?.url && !original.load?.url) {\n scope.start();\n }\n\n useEffect(() => {\n scope.start();\n });\n\n const CustomIcon = () => {\n if (typeof original.icon === 'string') {\n return <UIIcon>{scope.getIcon()}</UIIcon>;\n }\n return <>{original.icon}</>;\n };\n\n let hasCustomRoute = () => {\n if (router[type]) return true;\n return false;\n };\n\n scope.open = (args: any) => {\n Linking.openURL(args.url);\n };\n\n if (scope.isType('dialog')) {\n let name = original.name;\n\n if (!crud.dialogs[name]) {\n let dlg: any = { config: { ...original } };\n\n dlg.component = (args: any) => {\n return <UIChildren {...props} scope={scope} crud={crud} />;\n };\n\n crud.dialogs[name] = dlg;\n }\n return <></>;\n }\n\n useLayoutEffect(() => {\n if (ref?.current && scope.is('type', 'card', 'list', 'tabs', 'stepper')) {\n let el: any = ref?.current;\n\n if (el?.classList) {\n let bg = HtmlUtils.getBGColor(el);\n\n if (bg === 'rgb(255, 255, 255)') {\n el.classList.add('ui-dark');\n } else {\n el.classList.add('ui-light');\n }\n }\n }\n });\n\n const isShowLabel = () => {\n if (typeof original.label !== 'undefined' && !scope.isType('button')) {\n return true;\n }\n\n return false;\n };\n\n const isShowInner = () => {\n if (hasChildren() || hasCustomRoute()) {\n return false;\n }\n return true;\n };\n\n if (!scope.isRendered() || scope.is('type', 'define')) {\n return <></>;\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 {isInput && (\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', 'quantity') && (\n <UIQuantity\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 )}\n {scope.is('type', 'toggle') && (\n <UIToggle\n {...defaultsInput}\n {...defaultsUI}\n value={scope.getSelectedValue()}\n />\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 box: any = {\n backgroundColor: 'white',\n padding: 16,\n borderRadius: 10,\n width: '100%',\n shadowColor: '#888', // iOS\n shadowOffset: { width: 0, height: 1 }, // iOS\n shadowOpacity: 0.25, // iOS\n shadowRadius: 3.84, // iOS\n elevation: 3, // Android\n};\n\nconst elementStyle: any = {};\n\nelementStyle.card = StyleSheet.create({\n root: {\n ...box,\n },\n inner: {\n flex: 1,\n width: '100%',\n paddingBottom: 10,\n paddingTop: 5,\n alignSelf: 'flex-start',\n flexDirection: 'row',\n flexWrap: 'wrap',\n },\n});\n\nelementStyle.input = StyleSheet.create({\n inner: {\n flex: 1,\n width: '100%',\n paddingBottom: 0,\n paddingTop: 0,\n alignItems: 'center',\n borderWidth: 1,\n borderColor: 'borderColor',\n borderRadius: 20,\n paddingHorizontal: 15,\n alignSelf: 'flex-start',\n flexDirection: 'row',\n flexWrap: 'wrap',\n },\n});\n\nelementStyle.quantity = {\n inner: {\n ...box,\n padding: 5,\n borderRadius: 25,\n flexWrap: 'nowrap',\n flex: 1,\n flexDirection: 'row',\n justifyContent: 'center',\n alignItems: 'center',\n },\n};\n\nelementStyle.toggle = StyleSheet.create({\n inner: {\n ...box,\n flex: 1,\n width: '100%',\n gap: 10,\n justifyContent: 'center',\n flexDirection: 'row',\n paddingHorizontal: 10,\n paddingVertical: 0,\n alignSelf: 'flex-start',\n flexWrap: 'nowrap',\n },\n});\n\nelementStyle.list = {\n ...elementStyle.card,\n};\n\nconst styles = StyleSheet.create({\n root: {\n gap: 5,\n flexDirection: 'column',\n flexWrap: 'wrap',\n width: '100%',\n alignItems: 'flex-start',\n },\n label: { width: '100%', fontWeight: 500, fontSize: 12, paddingBottom: 5 },\n inner: { width: '100%', marginBottom: 10 },\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 Toggle: (props: ListInputType) => <UIElement {...props} type=\"toggle\" />,\n Entity: (props: ListInputType) => <UIElement {...props} type=\"entity\" />,\n Element: (props: ListInputType) => <UIElement {...props} type=\"element\" />,\n Quantity: (props: ListInputType) => <UIElement {...props} type=\"quantity\" />,\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","buttonLabel","fontWeight","fontSize","buttonInner","flexDirection","alignItems","justifyContent","buttonIcon","paddingRight","button","minWidth","margin","padding","paddingHorizontal","textAlign","verticalAling","borderRadius","backgroundColor","height","flex","extra","TouchableHighlight","underlayColor","e","size","UISelect","modalVisible","setModalVisible","getOptions","placeholder","attr","value","getDisplayValue","theme","useTheme","handlePress","Icon","Modal","animationType","transparent","visible","onRequestClose","StatusBar","barStyle","colors","primary","SafeAreaView","List","getName","Value","selectRoot","selectInput","borderWidth","borderColor","paddingVertical","selectLabel","modalSafe","paddingTop","currentHeight","modalHeader","modalCloseButton","modalCloseText","modalTitle","marginLeft","modalContent","alignSelf","flexWrap","UISwitch","initial","getValue","setValue","Switch","onValueChange","v","UIOption","UIRadio","UIInput","getLabel","getPart","el","TextInput","onChangeText","base","paddingLeft","marginRight","input","marginHorizontal","marginVertical","UIListRow","UIList","row","cols","rowWidth","Math","floor","getRowStyle","field","right","console","log","call","container","rowInner","text","UIToggle","options","getInputValue","setIndex","isSelected","Item","object","getItemStyle","selectedColor","undefined","gap","UIQuantity","btn","addButton","delButton","change","val","_useState3","error","setError","ref","useRef","update","router","list","chart","CurrentRouter","c","custom","tag","is","onChange","target","isType","parseInt","parseFloat","getSelectedItem","hasChildren","def","elementStyle","_elementStyle$type","hasChild","withChildStyles","elStyle","required","isRequired","msg","_original$list","url","_original$load","load","start","useEffect","CustomIcon","getIcon","open","args","dialogs","dlg","config","useLayoutEffect","current","classList","bg","HtmlUtils","getBGColor","add","isRendered","variant","InputProps","inputProps","checked","getSelectedValue","control","Image","source","box","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","card","root","paddingBottom","quantity","toggle","marginBottom","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","Toggle","Entity","Element","Quantity"],"mappings":"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"}
package/dist/react-crud-mobile.esm.js CHANGED
@@ -714,11 +714,14 @@ function UIList(props) {
714
714
  onPress: function onPress(e) {
715
715
  onClick(item);
716
716
  },
717
- children: /*#__PURE__*/jsx(UIListRow, {
718
- scope: scope,
719
- item: item,
720
- index: i,
721
- children: props.children
717
+ children: /*#__PURE__*/jsx(View, {
718
+ style: getStyle('rowInner'),
719
+ children: /*#__PURE__*/jsx(UIListRow, {
720
+ scope: scope,
721
+ item: item,
722
+ index: i,
723
+ children: props.children
724
+ })
722
725
  })
723
726
  }, "k-" + i);
724
727
  })
@@ -731,8 +734,10 @@ var styles$8 = /*#__PURE__*/StyleSheet.create({
731
734
  width: '100%'
732
735
  },
733
736
  row: {
734
- padding: 15,
735
- marginVertical: 8,
737
+ padding: 5,
738
+ width: '100%'
739
+ },
740
+ rowInner: {
736
741
  backgroundColor: '#f5f5f5',
737
742
  borderRadius: 8,
738
743
  width: '100%'