react-crud-mobile 1.0.319 → 1.0.321

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/react-crud-mobile.cjs.development.js +32 -17
  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 +32 -17
  6. package/dist/react-crud-mobile.esm.js.map +1 -1
  7. package/package.json +1 -1
  8. package/src/elements/UIElement.tsx +10 -0
  9. package/src/elements/core/UIQuantity.tsx +26 -15
package/dist/react-crud-mobile.cjs.production.min.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react"),n=e(t),i=require("react-crud-utils"),r=require("react-native"),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 i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(null,arguments)}function u(e){var a=t.useState(i.Utils.nvl(e.scope,i.ScopeUtils.create(e)))[0],o=i.Utils.nvl(e.crud,a.crud),s=i.Utils.nvl(e.validateScope,"global"),p=i.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,r=c({},t.props);return delete r.children,"string"==typeof n?i.Utils.isEmpty(t.props.children)?l.jsx(n,c({},r)):l.jsx(n,c({},r,{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})):i.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,{}):i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements)?l.jsx(l.Fragment,{}):l.jsx(l.Fragment,{children:l.jsx(r.View,{style:(f=p,x=i.Utils.nvl(f,"root"),c({},d[x],a.getStyle(f))),children:l.jsx(g,{})})})}var d=r.StyleSheet.create({child:{width:"100%"},inner:{width:"100%"}});function p(e){var r=e.scope,o=t.useState(0),s=o[0],d=o[1],p=r.original,f=r.getItems(),x=0,h=[],g=t.useState(null),y=g[0],j=g[1],m=function(e,t){void 0===t&&(t=!0),e&&r.execute({event:{validate:t,validateScope:p.validateScope,action:function(){r.changeValue(e.data),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=r.crud.data);var l=i.CrudUtils.create("tabs",{data:t,changed:t,parent:r.crud}),a=i.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(i.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:r.getStyleClass("inner"),style:r.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})]})]},i.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:r,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(),i.Utils.asList(t.original.columns),l.jsx("div",{className:"ui-chart-data"})}function x(e){return l.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:l.jsx(r.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(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:l.jsx(r.Text,{style:j.link,children:"Clique aqui para acessar o React Native"})})}var j={link:{}};function m(e){return l.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:l.jsx(r.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,i=n.color,a=n.label,s=n.icon;i||(i="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:{padding:5,alignItems:"center",minWidth:200,margin:5,paddingHorizontal:20,textAlign:"center",verticalAling:"middle",borderRadius:24,backgroundColor:i,color:"#ffffff",justifyContent:"center"}},d=function(e,n){var i=c({},u[e],n);return t.getStyle(e,i)};return l.jsx(r.TouchableHighlight,{underlayColor:"transparent",onPress:function(e){"function"==typeof n.click&&n.click(e)},style:d("button"),children:l.jsxs(r.View,{style:d("buttonInner"),children:[s&&l.jsx(l.Fragment,{children:l.jsx(o.Ionicons,{size:30,style:d("buttonIcon"),name:s})}),l.jsx(r.Text,{style:d("buttonLabel"),children:a})]})})}function S(e){var n=t.useState(!1),a=n[0],o=n[1],u=e.scope,d=i.Utils.nvl(u.getOptions(),[]),p=u.attr("placeholder","Selecione..."),f=u.getDisplayValue(),x=i.useTheme(),h=function(){o(!a)},g=function(e,t){return c({},w[e],u.getStyle(e),t)};return l.jsxs(r.View,{style:g("selectRoot"),children:[l.jsxs(r.TouchableOpacity,{onPress:h,style:g("selectInput"),children:[l.jsx(r.Text,{style:g("selectLabel"),children:i.Utils.nvl(f,p)}),l.jsx(s,{name:"angle-down",size:20,color:"#888"})]}),l.jsxs(r.Modal,{animationType:"slide",transparent:!0,visible:a,onRequestClose:function(){return o(!1)},children:[l.jsx(r.StatusBar,{barStyle:"dark-content",backgroundColor:x.colors.primary}),l.jsxs(r.SafeAreaView,{style:g("modalSafe"),children:[l.jsxs(r.View,{style:g("modalHeader"),children:[l.jsx(r.TouchableOpacity,{onPress:function(){return o(!1)},style:g("modalCloseButton"),children:l.jsx(r.Text,{style:g("modalCloseText"),children:"X"})}),l.jsx(r.Text,{style:g("modalTitle"),children:p})]}),l.jsx(r.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=r.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:r.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=i.Utils.nvl(n.getValue(),!1),o=t.useState(a),s=o[1];return l.jsx(r.Switch,{value:o[0],onValueChange:function(e){n.changeValue(e),s(e)}})}function T(e){return l.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:l.jsx(r.Text,{style:k.link,children:"Clique aqui para acessar o React Native"})})}var k={link:{}};function I(e){return l.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:l.jsx(r.Text,{style:U.link,children:"Clique aqui para acessar o React Native"})})}var U={link:{}};function V(e){var n=e.scope,a=i.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(r.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=r.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,r=t.useState(i.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:r,crud:r.crud,children:e.children})})}function L(e){var t=e.scope,n=t.crud,a=i.Utils.nvl(t.getItems(),[]);return l.jsxs(l.Fragment,{children:[l.jsx(M.Text,{placeholder:"Pesquisar...",field:"query",crud:n,right:l.jsx(o.Ionicons,{name:"search",size:20,color:"#888"})}),l.jsx(r.View,{style:P.container,children:a.map((function(n,i){return l.jsx(r.TouchableHighlight,{style:P.item,onPress:function(e){!function(e){console.log(e),t.call("click",{value:e,item:e})}(n)},children:l.jsx(F,{scope:t,item:n,index:i,children:e.children})},"k-"+i)}))})]})}var P=r.StyleSheet.create({container:{flex:1,width:"100%"},item:{padding:15,marginVertical:8,backgroundColor:"#f5f5f5",borderRadius:8,width:"100%"},text:{fontSize:18,fontWeight:"bold"}});function q(e){var n=e.scope,a=i.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({},z.text);return s&&(u.color="#ffffff"),i.Utils.isEmpty(e.children)?l.jsx(r.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({},z.item,n.getStyle("item")),i=Math.floor(100/a.length)+"%";if(p(e)){var r=n.getPart("selectedColor",void 0,"primary");(t=c({},t,n.getStyle("selected",{backgroundColor:r,color:"#ffffff"}))).color||(t.color="#ffffff")}return t.width=i,t};return l.jsx(l.Fragment,{children:a.map((function(e,t){return l.jsx(r.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 z=r.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 D(e){var n=e.scope,a=n.original,s=t.useState(0),u=s[0],d=s[1],p=n.attr("placeholder","Selecione..."),f=n.getValue(0),x=a.color;x||(x="primary");var h={buttonLabel:{color:"#ffffff",fontWeight:"500",fontSize:16},buttonInner:{flexDirection:"row",alignItems:"center",justifyContent:"center"},buttonIcon:{color:"#fff",fontSize:18,paddingRight:10},button:{padding:5,alignItems:"center",minWidth:200,margin:5,paddingHorizontal:20,textAlign:"center",verticalAling:"middle",borderRadius:24,backgroundColor:x,color:"#ffffff",justifyContent:"center"}},g=function(e){n.changeValue(f+e),d(++u)},y=function(e,t){var i=c({},h[e],t);return n.getStyle(e,i)};return l.jsxs(l.Fragment,{children:[l.jsx(r.TouchableHighlight,{underlayColor:"transparent",onPress:function(){g(-1)},style:y("removeButton"),children:l.jsx(o.Ionicons,{size:30,style:y("buttonIcon"),name:"remove"})}),l.jsx(r.Text,{style:y("center"),children:i.Utils.nvl(f,p)}),l.jsx(r.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(i.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(),k=i.Utils.nvl(e.crud,o.crud),U=o.original,R=U.type,F=t.useRef(null);o.update=function(){x(++d)};var P={list:L,tabs:p,chart:f},z=function(){return P[R]?l.jsx(P[R],c({crud:k},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:k}:c({type:e.type,tag:e.type},e.props,{crud:k})):l.jsx(l.Fragment,{})};if(o.is("type","dummy"))return l.jsx(l.Fragment,{children:o.getDisplayValue()});var B=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:k,onChange:B};o.isType("password")&&(M.type="password");var _=function(){return!(o.isInput()||i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements))},G=o.is("type","text","number","phone","postalCode","money","password","email"),Q=function(e){var t,n=i.Utils.nvl(U.type,"none"),r=i.Utils.nvl(e,"root"),l=c({},E[r],null==W||null==(t=W[n])?void 0:t[r]),a=_();return e||a||(l=c({},l)),a&&e&&(l=c({},l,H[e])),G&&(l=c({},l,W.input[r])),c({},l,o.getStyle(e,l))},X=Q("element"),J={required:o.isRequired(),size:"small",scope:o,crud:k,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){r.Linking.openURL(e.url)},o.isType("dialog")){var Y=U.name;if(!k.dialogs[Y]){var Z={config:c({},U),component:function(t){return l.jsx(u,c({},e,{scope:o,crud:k}))}};k.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=i.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(r.View,{ref:F,style:Q(),children:l.jsxs(l.Fragment,{children:[void 0!==U.label&&!o.isType("button")&&l.jsx(r.Text,{style:Q("label"),children:o.getLabel()}),!_()&&!P[R]&&l.jsxs(l.Fragment,{children:[l.jsxs(r.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(r.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(r.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(D,{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();B({target:{value:!(!0===e)}})}})),o.is("type","select")&&l.jsx(S,c({},M,J,{value:o.getSelectedValue()})),o.is("type","toggle")&&l.jsx(q,c({},M,J,{value:o.getSelectedValue()})),o.is("type","radio")&&l.jsx(I,c({},M,J,{row:!0,children:w.map((function(e,t){return l.jsx(T,{control:l.jsx(I,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(r.Image,{source:o.getDisplayValue()}),o.is("format","icon")&&l.jsx(m,{className:o.getDisplayValue()}),!o.is("format","icon","img")&&l.jsx(r.Text,{children:o.getDisplayValue()})]}),o.is("type","output","value")&&l.jsx(r.Text,{children:o.getDisplayValue()})]}),j&&l.jsx(r.View,{style:Q("error"),children:j})]}),l.jsx(z,{}),!o.is("type","tabs","grid","list","define","repeat")&&l.jsx(u,c({},e,{scope:o,crud:k}))]})})})}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=r.StyleSheet.create({root:c({},N),inner:{flex:1,width:"100%",paddingBottom:10,paddingTop:5,alignSelf:"flex-start",flexDirection:"row",flexWrap:"wrap"}}),W.input=r.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.toggle=r.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 E=r.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}}),H=r.StyleSheet.create({root:{gap:10},label:{width:"100%",fontWeight:500,fontSize:24}});function B(e){if(!1===e.rendered)return l.jsx(l.Fragment,{});var t=i.ComponentUtils.getDefine(e,e.name,e.position);return i.Utils.isEmpty(t)&&(t=e.default),i.Utils.isEmpty(t)?l.jsx(l.Fragment,{children:t}):l.jsx((function(t){var n=e.tag;return i.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(B,c({},e))},Column:function(e){var t=function(e,t){if(null==e)return{};var n={};for(var i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==t.indexOf(i))continue;n[i]=e[i]}return n}(e,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),i=require("react-crud-utils"),r=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 i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(null,arguments)}function u(e){var a=t.useState(i.Utils.nvl(e.scope,i.ScopeUtils.create(e)))[0],o=i.Utils.nvl(e.crud,a.crud),s=i.Utils.nvl(e.validateScope,"global"),p=i.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,r=c({},t.props);return delete r.children,"string"==typeof n?i.Utils.isEmpty(t.props.children)?l.jsx(n,c({},r)):l.jsx(n,c({},r,{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})):i.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,{}):i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements)?l.jsx(l.Fragment,{}):l.jsx(l.Fragment,{children:l.jsx(r.View,{style:(f=p,x=i.Utils.nvl(f,"root"),c({},d[x],a.getStyle(f))),children:l.jsx(g,{})})})}var d=r.StyleSheet.create({child:{width:"100%"},inner:{width:"100%"}});function p(e){var r=e.scope,o=t.useState(0),s=o[0],d=o[1],p=r.original,f=r.getItems(),x=0,h=[],g=t.useState(null),y=g[0],j=g[1],m=function(e,t){void 0===t&&(t=!0),e&&r.execute({event:{validate:t,validateScope:p.validateScope,action:function(){r.changeValue(e.data),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=r.crud.data);var l=i.CrudUtils.create("tabs",{data:t,changed:t,parent:r.crud}),a=i.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(i.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:r.getStyleClass("inner"),style:r.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})]})]},i.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:r,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(),i.Utils.asList(t.original.columns),l.jsx("div",{className:"ui-chart-data"})}function x(e){return l.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:l.jsx(r.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(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:l.jsx(r.Text,{style:j.link,children:"Clique aqui para acessar o React Native"})})}var j={link:{}};function m(e){return l.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:l.jsx(r.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,i=n.color,a=n.label,s=n.icon;i||(i="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:{padding:5,alignItems:"center",minWidth:200,margin:5,paddingHorizontal:20,textAlign:"center",verticalAling:"middle",borderRadius:24,backgroundColor:i,color:"#ffffff",justifyContent:"center"}},d=function(e,n){var i=c({},u[e],n);return t.getStyle(e,i)};return l.jsx(r.TouchableHighlight,{underlayColor:"transparent",onPress:function(e){"function"==typeof n.click&&n.click(e)},style:d("button"),children:l.jsxs(r.View,{style:d("buttonInner"),children:[s&&l.jsx(l.Fragment,{children:l.jsx(o.Ionicons,{size:30,style:d("buttonIcon"),name:s})}),l.jsx(r.Text,{style:d("buttonLabel"),children:a})]})})}function S(e){var n=t.useState(!1),a=n[0],o=n[1],u=e.scope,d=i.Utils.nvl(u.getOptions(),[]),p=u.attr("placeholder","Selecione..."),f=u.getDisplayValue(),x=i.useTheme(),h=function(){o(!a)},g=function(e,t){return c({},w[e],u.getStyle(e),t)};return l.jsxs(r.View,{style:g("selectRoot"),children:[l.jsxs(r.TouchableOpacity,{onPress:h,style:g("selectInput"),children:[l.jsx(r.Text,{style:g("selectLabel"),children:i.Utils.nvl(f,p)}),l.jsx(s,{name:"angle-down",size:20,color:"#888"})]}),l.jsxs(r.Modal,{animationType:"slide",transparent:!0,visible:a,onRequestClose:function(){return o(!1)},children:[l.jsx(r.StatusBar,{barStyle:"dark-content",backgroundColor:x.colors.primary}),l.jsxs(r.SafeAreaView,{style:g("modalSafe"),children:[l.jsxs(r.View,{style:g("modalHeader"),children:[l.jsx(r.TouchableOpacity,{onPress:function(){return o(!1)},style:g("modalCloseButton"),children:l.jsx(r.Text,{style:g("modalCloseText"),children:"X"})}),l.jsx(r.Text,{style:g("modalTitle"),children:p})]}),l.jsx(r.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=r.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:r.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=i.Utils.nvl(n.getValue(),!1),o=t.useState(a),s=o[1];return l.jsx(r.Switch,{value:o[0],onValueChange:function(e){n.changeValue(e),s(e)}})}function T(e){return l.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:l.jsx(r.Text,{style:I.link,children:"Clique aqui para acessar o React Native"})})}var I={link:{}};function k(e){return l.jsx(r.TouchableOpacity,{onPress:function(){r.Linking.openURL("https://reactnative.dev/")},children:l.jsx(r.Text,{style:U.link,children:"Clique aqui para acessar o React Native"})})}var U={link:{}};function V(e){var n=e.scope,a=i.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(r.TextInput,{style:c({},n.getStyle("input",F.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 F=r.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 L(e){var n=e.scope,r=t.useState(i.ScopeUtils.create({parent:n,crud:n.crud,index:e.index,type:"row",data:e.item}))[0];return l.jsx(l.Fragment,{children:l.jsx(u,{scope:r,crud:r.crud,children:e.children})})}function R(e){var t=e.scope,n=t.crud,a=i.Utils.nvl(t.getItems(),[]);return l.jsxs(l.Fragment,{children:[l.jsx(M.Text,{placeholder:"Pesquisar...",field:"query",crud:n,right:l.jsx(o.Ionicons,{name:"search",size:20,color:"#888"})}),l.jsx(r.View,{style:q.container,children:a.map((function(n,i){return l.jsx(r.TouchableHighlight,{style:q.item,onPress:function(e){!function(e){console.log(e),t.call("click",{value:e,item:e})}(n)},children:l.jsx(L,{scope:t,item:n,index:i,children:e.children})},"k-"+i)}))})]})}var q=r.StyleSheet.create({container:{flex:1,width:"100%"},item:{padding:15,marginVertical:8,backgroundColor:"#f5f5f5",borderRadius:8,width:"100%"},text:{fontSize:18,fontWeight:"bold"}});function P(e){var n=e.scope,a=i.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({},D.text);return s&&(u.color="#ffffff"),i.Utils.isEmpty(e.children)?l.jsx(r.Text,{style:u,children:a.label}):l.jsx(L,{scope:n,item:a.object,index:o,children:e.children})},x=function(e){var t=c({},D.item,n.getStyle("item")),i=Math.floor(100/a.length)+"%";if(p(e)){var r=n.getPart("selectedColor",void 0,"primary");(t=c({},t,n.getStyle("selected",{backgroundColor:r,color:"#ffffff"}))).color||(t.color="#ffffff")}return t.width=i,t};return l.jsx(l.Fragment,{children:a.map((function(e,t){return l.jsx(r.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 D=r.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.attr("placeholder","Selecione..."),f=n.getValue(0),x=a.color;x||(x="primary");var h={padding:10,alignItems:"center",height:44,width:44,textAlign:"center",verticalAling:"middle",borderRadius:24,backgroundColor:x,color:"#ffffff",justifyContent:"center"},g={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:h,addButton:c({},h),delButton:c({},h)},y=function(e){n.changeValue(f+e),d(++u)},j=function(e,t){var i=c({},g[e],t);return n.getStyle(e,i)};return l.jsxs(l.Fragment,{children:[l.jsx(r.TouchableHighlight,{underlayColor:"transparent",onPress:function(){y(-1)},style:j("delButton"),children:l.jsx(o.Ionicons,{size:30,style:j("buttonIcon"),name:"remove"})}),l.jsx(r.Text,{style:j("value"),children:i.Utils.nvl(f,p)}),l.jsx(r.TouchableHighlight,{underlayColor:"transparent",onPress:function(){y(1)},style:j("addButton"),children:l.jsx(o.Ionicons,{size:30,style:j("buttonIcon"),name:"add"})})]})}function O(e){var n,a,o=t.useState(i.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=i.Utils.nvl(e.crud,o.crud),U=o.original,F=U.type,L=t.useRef(null);o.update=function(){x(++d)};var q={list:R,tabs:p,chart:f},D=function(){return q[F]?l.jsx(q[F],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()||i.Utils.isEmpty(e.children)&&i.Utils.isEmpty(e.elements))},G=o.is("type","text","number","phone","postalCode","money","password","email"),Q=function(e){var t,n=i.Utils.nvl(U.type,"none"),r=i.Utils.nvl(e,"root"),l=c({},W[r],null==B||null==(t=B[n])?void 0:t[r]),a=_();return e||a||(l=c({},l)),a&&e&&(l=c({},l,E[e])),G&&(l=c({},l,B.input[r])),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){r.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!=L&&L.current&&o.is("type","card","list","tabs","stepper")){var e=null==L?void 0:L.current;if(null!=e&&e.classList){var t=i.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(r.View,{ref:L,style:Q(),children:l.jsxs(l.Fragment,{children:[void 0!==U.label&&!o.isType("button")&&l.jsx(r.Text,{style:Q("label"),children:o.getLabel()}),!_()&&!q[F]&&l.jsxs(l.Fragment,{children:[l.jsxs(r.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(r.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(r.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(P,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(r.Image,{source:o.getDisplayValue()}),o.is("format","icon")&&l.jsx(m,{className:o.getDisplayValue()}),!o.is("format","icon","img")&&l.jsx(r.Text,{children:o.getDisplayValue()})]}),o.is("type","output","value")&&l.jsx(r.Text,{children:o.getDisplayValue()})]}),j&&l.jsx(r.View,{style:Q("error"),children:j})]}),l.jsx(D,{}),!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},B={};B.card=r.StyleSheet.create({root:c({},N),inner:{flex:1,width:"100%",paddingBottom:10,paddingTop:5,alignSelf:"flex-start",flexDirection:"row",flexWrap:"wrap"}}),B.input=r.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"}}),B.quantity={inner:{flexWrap:"nowrap",flex:1,flexDirection:"row",justifyContent:"center",alignItems:"center"}},B.toggle=r.StyleSheet.create({inner:c({},N,{flex:1,width:"100%",gap:10,justifyContent:"center",flexDirection:"row",paddingHorizontal:10,paddingVertical:0,alignSelf:"flex-start",flexWrap:"nowrap"})}),B.list=c({},B.card);var W=r.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=r.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=i.ComponentUtils.getDefine(e,e.name,e.position);return i.Utils.isEmpty(t)&&(t=e.default),i.Utils.isEmpty(t)?l.jsx(l.Fragment,{children:t}):l.jsx((function(t){var n=e.tag;return i.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 i in e)if({}.hasOwnProperty.call(e,i)){if(-1!==t.indexOf(i))continue;n[i]=e[i]}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 padding: 5,\n alignItems: 'center',\n minWidth: 200,\n margin: 5,\n paddingHorizontal: 20,\n textAlign: 'center',\n verticalAling: 'middle',\n borderRadius: 24,\n backgroundColor: color,\n color: '#ffffff',\n justifyContent: 'center',\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 items = Utils.nvl(scope.getItems(), []);\n const onClick = (item: any) => {\n console.log(item);\n scope.call('click', { value: item, item });\n };\n\n return (\n <>\n <UI.Text\n placeholder=\"Pesquisar...\"\n field=\"query\"\n crud={crud}\n right={<Ionicons name=\"search\" size={20} color=\"#888\" />}\n />\n\n <View style={styles.container}>\n {items.map((item: any, i: number) => (\n <TouchableHighlight\n key={`k-${i}`}\n style={styles.item}\n onPress={e => {\n onClick(item);\n }}\n >\n <UIListRow scope={scope} item={item} index={i}>\n {props.children}\n </UIListRow>\n </TouchableHighlight>\n ))}\n </View>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n },\n item: {\n padding: 15,\n marginVertical: 8,\n backgroundColor: '#f5f5f5',\n borderRadius: 8,\n width: '100%',\n },\n text: {\n fontSize: 18,\n fontWeight: 'bold',\n },\n});\n","import React, { 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 placeholder = scope.attr('placeholder', 'Selecione...');\n const value = scope.getValue(0);\n\n let color = element.color;\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 padding: 5,\n alignItems: 'center',\n minWidth: 200,\n margin: 5,\n paddingHorizontal: 20,\n textAlign: 'center',\n verticalAling: 'middle',\n borderRadius: 24,\n backgroundColor: color,\n color: '#ffffff',\n justifyContent: 'center',\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('removeButton')}\n >\n <Ionicons size={30} style={style('buttonIcon')} name=\"remove\" />\n </TouchableHighlight>\n <Text style={style('center')}>{Utils.nvl(value, placeholder)}</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.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","padding","minWidth","margin","paddingHorizontal","textAlign","verticalAling","borderRadius","backgroundColor","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","flex","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","height","UIListRow","UIList","field","right","container","console","log","call","text","UIToggle","options","getInputValue","setIndex","isSelected","Item","object","getItemStyle","Math","floor","selectedColor","undefined","gap","UIQuantity","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","row","control","Image","source","box","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","card","root","paddingBottom","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 padding: 5,\n alignItems: 'center',\n minWidth: 200,\n margin: 5,\n paddingHorizontal: 20,\n textAlign: 'center',\n verticalAling: 'middle',\n borderRadius: 24,\n backgroundColor: color,\n color: '#ffffff',\n justifyContent: 'center',\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 items = Utils.nvl(scope.getItems(), []);\n const onClick = (item: any) => {\n console.log(item);\n scope.call('click', { value: item, item });\n };\n\n return (\n <>\n <UI.Text\n placeholder=\"Pesquisar...\"\n field=\"query\"\n crud={crud}\n right={<Ionicons name=\"search\" size={20} color=\"#888\" />}\n />\n\n <View style={styles.container}>\n {items.map((item: any, i: number) => (\n <TouchableHighlight\n key={`k-${i}`}\n style={styles.item}\n onPress={e => {\n onClick(item);\n }}\n >\n <UIListRow scope={scope} item={item} index={i}>\n {props.children}\n </UIListRow>\n </TouchableHighlight>\n ))}\n </View>\n </>\n );\n}\n\nconst styles = StyleSheet.create({\n container: {\n flex: 1,\n width: '100%',\n },\n item: {\n padding: 15,\n marginVertical: 8,\n backgroundColor: '#f5f5f5',\n borderRadius: 8,\n width: '100%',\n },\n text: {\n fontSize: 18,\n fontWeight: 'bold',\n },\n});\n","import React, { 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 placeholder = scope.attr('placeholder', 'Selecione...');\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, placeholder)}</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 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","padding","minWidth","margin","paddingHorizontal","textAlign","verticalAling","borderRadius","backgroundColor","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","flex","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","height","UIListRow","UIList","field","right","container","console","log","call","text","UIToggle","options","getInputValue","setIndex","isSelected","Item","object","getItemStyle","Math","floor","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","row","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
@@ -816,12 +816,29 @@ function UIQuantity(props) {
816
816
  var value = scope.getValue(0);
817
817
  var color = element.color;
818
818
  if (!color) color = 'primary';
819
+ var btn = {
820
+ padding: 10,
821
+ alignItems: 'center',
822
+ height: 44,
823
+ width: 44,
824
+ textAlign: 'center',
825
+ verticalAling: 'middle',
826
+ borderRadius: 24,
827
+ backgroundColor: color,
828
+ color: '#ffffff',
829
+ justifyContent: 'center'
830
+ };
819
831
  var styles = {
820
832
  buttonLabel: {
821
833
  color: '#ffffff',
822
834
  fontWeight: '500',
823
835
  fontSize: 16
824
836
  },
837
+ value: {
838
+ flex: 1,
839
+ flexDirection: 'row',
840
+ textAlign: 'center'
841
+ },
825
842
  buttonInner: {
826
843
  flexDirection: 'row',
827
844
  alignItems: 'center',
@@ -829,22 +846,11 @@ function UIQuantity(props) {
829
846
  },
830
847
  buttonIcon: {
831
848
  color: '#fff',
832
- fontSize: 18,
833
- paddingRight: 10
849
+ fontSize: 18
834
850
  },
835
- button: {
836
- padding: 5,
837
- alignItems: 'center',
838
- minWidth: 200,
839
- margin: 5,
840
- paddingHorizontal: 20,
841
- textAlign: 'center',
842
- verticalAling: 'middle',
843
- borderRadius: 24,
844
- backgroundColor: color,
845
- color: '#ffffff',
846
- justifyContent: 'center'
847
- }
851
+ button: btn,
852
+ addButton: _extends({}, btn),
853
+ delButton: _extends({}, btn)
848
854
  };
849
855
  var change = function change(val) {
850
856
  scope.changeValue(value + val);
@@ -864,14 +870,14 @@ function UIQuantity(props) {
864
870
  children: [/*#__PURE__*/jsx(TouchableHighlight, {
865
871
  underlayColor: 'transparent',
866
872
  onPress: onClickDel,
867
- style: style('removeButton'),
873
+ style: style('delButton'),
868
874
  children: /*#__PURE__*/jsx(Ionicons$1, {
869
875
  size: 30,
870
876
  style: style('buttonIcon'),
871
877
  name: "remove"
872
878
  })
873
879
  }), /*#__PURE__*/jsx(Text, {
874
- style: style('center'),
880
+ style: style('value'),
875
881
  children: Utils.nvl(value, placeholder)
876
882
  }), /*#__PURE__*/jsx(TouchableHighlight, {
877
883
  underlayColor: 'transparent',
@@ -1209,6 +1215,15 @@ elementStyle.input = /*#__PURE__*/StyleSheet.create({
1209
1215
  flexWrap: 'wrap'
1210
1216
  }
1211
1217
  });
1218
+ elementStyle.quantity = {
1219
+ inner: {
1220
+ flexWrap: 'nowrap',
1221
+ flex: 1,
1222
+ flexDirection: 'row',
1223
+ justifyContent: 'center',
1224
+ alignItems: 'center'
1225
+ }
1226
+ };
1212
1227
  elementStyle.toggle = /*#__PURE__*/StyleSheet.create({
1213
1228
  inner: /*#__PURE__*/_extends({}, box, {
1214
1229
  flex: 1,