diff --git a/dist/src/basic/Fab.js b/dist/src/basic/Fab.js index 212954e78..0ab6d3210 100644 --- a/dist/src/basic/Fab.js +++ b/dist/src/basic/Fab.js @@ -200,23 +200,25 @@ return _react2.default.cloneElement(childrenArray[0],{style:this.getInitialStyle {var _this3=this; var childrenArray=_react2.default.Children.toArray(this.props.children); -var icon=_lodash2.default.remove(childrenArray,function(item){ -if(item.type.displayName==="Styled(Icon)"||item.type.displayName==="Styled(IconNB)"){ -return true; -} -}); + + + + + var newChildren=[]; -{childrenArray.map(function(child,i){ +{ +childrenArray.slice(1).map(function(child,i){ newChildren.push(_react2.default.createElement(AnimatedFab,_extends({ style:_this3.getOtherButtonStyle(child,i)}, _this3.prepareButtonProps(child,i),{ fabButton:true, -key:i,__source:{fileName:_jsxFileName,lineNumber:212}}), +key:i,__source:{fileName:_jsxFileName,lineNumber:213}}), child.props.children)); }); + } return newChildren; }},{key:'upAnimate',value:function upAnimate() @@ -337,11 +339,11 @@ this.containerWidth=this.containerWidth||new _reactNative.Animated.Value(0); this.buttonScale=this.buttonScale||new _reactNative.Animated.Value(0); } return( -_react2.default.createElement(_reactNative.Animated.View,{style:this.getContainerStyle(),__source:{fileName:_jsxFileName,lineNumber:340}}, +_react2.default.createElement(_reactNative.Animated.View,{style:this.getContainerStyle(),__source:{fileName:_jsxFileName,lineNumber:342}}, this.renderButtons(), _react2.default.createElement(_reactNative.TouchableOpacity,_extends({ onPress:function onPress(){return _this4.fabOnPress();}}, -this.prepareFabProps(),{activeOpacity:1,__source:{fileName:_jsxFileName,lineNumber:342}}), +this.prepareFabProps(),{activeOpacity:1,__source:{fileName:_jsxFileName,lineNumber:344}}), this.renderFab()))); diff --git a/dist/src/basic/Fab.js.map b/dist/src/basic/Fab.js.map index c3ff96207..14448e922 100644 --- a/dist/src/basic/Fab.js.map +++ b/dist/src/basic/Fab.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../../src/basic/Fab.js"],"names":["AnimatedFab","createAnimatedComponent","Fab","props","state","buttons","undefined","active","pos","top","bottom","left","right","OS","direction","i","iconStyle","fab","height","width","borderRadius","elevation","justifyContent","alignItems","position","backgroundColor","container","fabTopValue","containerHeight","flexDirection","color","fontSize","lineHeight","buttonStyle","marginBottom","merge","getInitialStyle","containerStyle","defaultProps","style","incomingProps","clone","onPress","child","type","fabOtherBtns","inp","childrenArray","Children","toArray","children","icon","remove","item","displayName","setState","length","setTimeout","cloneElement","newChildren","map","push","getOtherButtonStyle","prepareButtonProps","spring","toValue","start","buttonScale","containerWidth","upAnimate","leftAnimate","rightAnimate","downAnimate","_animate","Value","getContainerStyle","renderButtons","fabOnPress","prepareFabProps","renderFab","propTypes","PropTypes","object","bool","string","StyledFab"],"mappings":";;;AAGA,4B;AACA;AACA;;AAEA;;AAEA;;AAEA,8B;AACA;AACA,mE;AACA,mD;;;AAGA,GAAMA,aAAc,sBAASC,uBAAT,gBAApB,C;;AAEMC,G;;;AAGJ,aAAYC,KAAZ,CAAmB;AACXA,KADW;AAEjB,MAAKC,KAAL,CAAa;AACXC,QAASC,SADE;AAEXC,OAAQ,KAFG,CAAb,CAFiB;;AAMlB,C;;AAEWC,G,CAAK;AACf,GAAIA,MAAQ,SAAZ,CAAuB;AACrB,MAAO;AACLC,IAAK,EADA;AAELC,OAAQJ,SAFH;AAGLK,KAAM,EAHD;AAILC,MAAON,SAJF,CAAP;;AAMD,CAPD,IAOO,IAAIE,MAAQ,aAAZ,CAA2B;AAChC,MAAO;AACLC,IAAKH,SADA;AAELI,OAAS,sBAASG,EAAT,GAAgB,KAAjB,CAA0B,EAA1B,CAA+B,EAFlC;AAGLF,KAAML,SAHD;AAILM,MAAO,EAJF,CAAP;;AAMD,CAPM,IAOA,IAAIJ,MAAQ,YAAZ,CAA0B;AAC/B,MAAO;AACLC,IAAKH,SADA;AAELI,OAAS,sBAASG,EAAT,GAAgB,KAAjB,CAA0B,EAA1B,CAA+B,EAFlC;AAGLF,KAAM,EAHD;AAILC,MAAON,SAJF,CAAP;;AAMD,CAPM,IAOA,IAAIE,MAAQ,UAAZ,CAAwB;AAC7B,MAAO;AACLC,IAAK,EADA;AAELC,OAAQJ,SAFH;AAGLK,KAAML,SAHD;AAILM,MAAO,EAJF,CAAP;;AAMD;AACF,C;;AAEYE,S,CAAWC,C,CAAG;AACzB,GAAID,YAAc,IAAlB,CAAwB;AACtB,MAAO;AACLL,IAAKH,SADA;AAELI,OAAS,KAAKP,KAAL,CAAWI,MAAX,GAAsB,KAAvB,CAAkC,sBAASM,EAAT,GAAgB,KAAjB,CAA0B,CAA1B,CAA8B,CAA/D,CAAsEE,EAAI,EAAL,CAAW,EAFnF;AAGLJ,KAAM,CAHD;AAILC,MAAO,CAJF,CAAP;;AAMD,CAPD,IAOO,IAAIE,YAAc,MAAlB,CAA0B;AAC/B,MAAO;AACLL,IAAK,CADA;AAELC,OAAQ,CAFH;AAGLC,KAAO,KAAKR,KAAL,CAAWI,MAAX,GAAsB,KAAvB,CAAkC,sBAASM,EAAT,GAAgB,KAAjB,CAA0B,CAA1B,CAA8B,CAA/D,CAAoE,EAAGE,EAAI,EAAL,CAAW,EAAb,CAHrE;AAILH,MAAO,CAJF,CAAP;;AAMD,CAPM,IAOA,IAAIE,YAAc,MAAlB,CAA0B;AAC/B,MAAO;AACLL,IAAM,KAAKN,KAAL,CAAWI,MAAX,GAAsB,KAAvB,CAAkC,sBAASM,EAAT,GAAgB,KAAjB,CAA0B,CAA1B,CAA8B,CAA/D,CAAsEE,EAAI,EAAL,CAAW,EADhF;AAELL,OAAQ,CAFH;AAGLC,KAAM,CAHD;AAILC,MAAO,CAJF,CAAP;;AAMD,CAPM,IAOA,IAAIE,YAAc,OAAlB,CAA2B;AAChC,MAAO;AACLL,IAAK,EADA;AAELC,OAAQ,CAFH;AAGLC,KAAO,KAAKR,KAAL,CAAWI,MAAX,GAAsB,KAAvB,CAAkC,sBAASM,EAAT,GAAgB,KAAjB,CAA0B,CAA1B,CAA8B,CAA/D,CAAsEE,EAAI,EAAL,CAAW,EAHjF;AAILH,MAAO,CAJF,CAAP;;AAMD;AACF,C;;AAEeI,S,CAAW;AACzB,MAAO;AACLC,IAAK;AACHC,OAAQ,EADL;AAEHC,MAAO,EAFJ;AAGHC,aAAc,EAHX;AAIHC,UAAW,CAJR;AAKHC,eAAgB,QALb;AAMHC,WAAY,QANT;AAOHC,SAAU,UAPP;AAQHd,OAAQ,CARL;AASHe,gBAAiB,MATd,CADA;;AAYLC,UAAW;AACTF,SAAU,UADD;AAETf,IAAM,KAAKN,KAAL,CAAWqB,QAAZ,CAAwB,KAAKG,WAAL,CAAiB,KAAKxB,KAAL,CAAWqB,QAA5B,EAAsCf,GAA9D,CAAoEH,SAFhE;AAGTI,OAAS,KAAKP,KAAL,CAAWqB,QAAZ,CAAwB,KAAKG,WAAL,CAAiB,KAAKxB,KAAL,CAAWqB,QAA5B,EAAsCd,MAA9D,CAAuE,EAHtE;AAITE,MAAQ,KAAKT,KAAL,CAAWqB,QAAZ,CAAwB,KAAKG,WAAL,CAAiB,KAAKxB,KAAL,CAAWqB,QAA5B,EAAsCZ,KAA9D,CAAsE,EAJpE;AAKTD,KAAO,KAAKR,KAAL,CAAWqB,QAAZ,CAAwB,KAAKG,WAAL,CAAiB,KAAKxB,KAAL,CAAWqB,QAA5B,EAAsCb,IAA9D,CAAqEL,SALlE;AAMTa,MAAO,EANE;AAOTD,OAAQ,KAAKU,eAPJ;AAQTC,cAAgB,KAAK1B,KAAL,CAAWW,SAAZ,CAA2B,KAAKX,KAAL,CAAWW,SAAX,EAAwB,eAAzB,CAA4C,KAA5C,CAAoD,QAA9E,CAA0F,QARhG;AASTS,WAAY,QATH,CAZN;;AAuBLP;AACEc,MAAO,MADT;AAEEC,SAAU,EAFZ;AAGEC,WAAa,sBAASnB,EAAT,GAAgB,KAAjB,CAA0B,EAA1B,CAA+BP,SAH7C;AAIKU,SAJL,CAvBK;;AA6BLiB,YAAa;AACXT,SAAU,UADC;AAEXN,OAAQ,EAFG;AAGXC,MAAO,EAHI;AAIXR,KAAM,CAJK;AAKXS,aAAc,EALH;AAMXc,aAAc,EANH;AAOXT,gBAAiB,MAPN,CA7BR,CAAP;;;AAuCD,C;;AAEmB;AAClB,MAAO,kBAAEU,KAAF,CAAQ,KAAKC,eAAL,GAAuBV,SAA/B,CAA0C,KAAKvB,KAAL,CAAWkC,cAArD,CAAP;AACD,C;;AAEiB;AAChB,GAAMC,cAAe;AACnBC,MAAO,KAAKH,eAAL,GAAuBnB,GADX,CAArB;;AAGA,GAAMuB,eAAgB,iBAAEC,KAAF,CAAQ,KAAKtC,KAAb,CAAtB;AACA,MAAOqC,eAAcE,OAArB;;AAEA,MAAO,2BAAaF,aAAb,CAA4BF,YAA5B,CAAP;AACD,C;;AAEmBK,K,CAAO5B,C,CAAG;AAC5B,GAAM6B,MAAO;AACXnC,IAAM,KAAKN,KAAL,CAAWW,SAAZ,CAA0B,KAAK+B,YAAL,CAAkB,KAAK1C,KAAL,CAAWW,SAA7B,CAAwCC,CAAxC,EAA2CN,GAArE,CAA4EH,SADtE;AAEXK,KAAO,KAAKR,KAAL,CAAWW,SAAZ,CAA0B,KAAK+B,YAAL,CAAkB,KAAK1C,KAAL,CAAWW,SAA7B,CAAwCC,CAAxC,EAA2CJ,IAArE,CAA6E,CAFxE;AAGXC,MAAQ,KAAKT,KAAL,CAAWW,SAAZ,CAA0B,KAAK+B,YAAL,CAAkB,KAAK1C,KAAL,CAAWW,SAA7B,CAAwCC,CAAxC,EAA2CH,KAArE,CAA8E,CAH1E;AAIXF,OAAS,KAAKP,KAAL,CAAWW,SAAZ,CAA0B,KAAK+B,YAAL,CAAkB,KAAK1C,KAAL,CAAWW,SAA7B,CAAwCC,CAAxC,EAA2CL,MAArE,CAAiF,KAAKP,KAAL,CAAWI,MAAX,GAAsB,KAAvB,CAAkC,sBAASM,EAAT,GAAgB,KAAjB,CAA0B,CAA1B,CAA8B,CAA/D,CAAsEE,EAAI,EAAL,CAAW,EAJ7J,CAAb;;;AAOA,MAAO,kBAAEoB,KAAF,CAAQ,KAAKC,eAAL,GAAuBH,WAA/B,CAA4CU,MAAMxC,KAAN,CAAYoC,KAAxD,CAA+DK,IAA/D,CAAP;AACD,C;AACkBD,K,CAAO;AACxB,GAAMG,KAAM,iBAAEL,KAAF,CAAQE,MAAMxC,KAAd,CAAZ;AACA,MAAO2C,KAAIP,KAAX;;;AAGA,GAAMD,cAAe,EAArB;;AAEA,MAAO,2BAAaQ,GAAb,CAAkBR,YAAlB,CAAP;AACD,C;;AAEmB;AAClB,GAAMS,eAAgB,gBAAMC,QAAN,CAAeC,OAAf,CAAuB,KAAK9C,KAAL,CAAW+C,QAAlC,CAAtB;AACA,GAAMC,MAAO,iBAAEC,MAAF,CAASL,aAAT,CAAwB,SAACM,IAAD,CAAU;AAC7C,GAAIA,KAAKT,IAAL,CAAUU,WAAV,GAA0B,gBAA9B,CAAgD;AAC9C,MAAO,KAAP;AACD;AACF,CAJY,CAAb;AAKA,KAAKC,QAAL,CAAc;AACZlD,QAAS8C,KAAKK,MADF,CAAd;;AAGAC,WAAW,UAAM;AACf,OAAKF,QAAL,CAAc;AACZhD,OAAQ,OAAKJ,KAAL,CAAWI,MADP,CAAd;;AAGD,CAJD,CAIG,CAJH;AAKD,C;;AAEW;AACV,GAAMwC,eAAgB,gBAAMC,QAAN,CAAeC,OAAf,CAAuB,KAAK9C,KAAL,CAAW+C,QAAlC,CAAtB;AACA,GAAMC,MAAO,iBAAEC,MAAF,CAASL,aAAT,CAAwB,SAACM,IAAD,CAAU;AAC7C,GAAIA,KAAKT,IAAL,iBAAJ,CAA0B;AACxB,MAAO,KAAP;AACD;AACF,CAJY,CAAb;;;;AAQA,MAAO,iBAAMc,YAAN,CAAmBX,cAAc,CAAd,CAAnB,CAAqC,CAAER,MAAO,KAAKH,eAAL,CAAqBW,cAAc,CAAd,EAAiB5C,KAAjB,CAAuBoC,KAA5C,EAAmDvB,SAA5D,CAArC,CAAP;AACD,C;;AAEe;AACd,GAAM+B,eAAgB,gBAAMC,QAAN,CAAeC,OAAf,CAAuB,KAAK9C,KAAL,CAAW+C,QAAlC,CAAtB;AACA,GAAMC,MAAO,iBAAEC,MAAF,CAASL,aAAT,CAAwB,SAACM,IAAD,CAAU;AAC7C,GAAIA,KAAKT,IAAL,CAAUU,WAAV,GAA0B,cAA1B,EAA4CD,KAAKT,IAAL,CAAUU,WAAV,GAA0B,gBAA1E,CAA4F;AAC1F,MAAO,KAAP;AACD;AACF,CAJY,CAAb;;AAMA,GAAMK,aAAc,EAApB;;AAEA,CAAEZ,cAAca,GAAd,CAAkB,SAACjB,KAAD,CAAQ5B,CAAR,CAAc;AAChC4C,YAAYE,IAAZ,CAAiB,8BAAC,WAAD;AACf,MAAO,OAAKC,mBAAL,CAAyBnB,KAAzB,CAAgC5B,CAAhC,CADQ;AAEX,OAAKgD,kBAAL,CAAwBpB,KAAxB,CAA+B5B,CAA/B,CAFW;AAGf,cAHe;AAIf,IAAKA,CAJU;AAKf4B,MAAMxC,KAAN,CAAY+C,QALG,CAAjB;;AAOD,CARC;AASM;AACR,MAAOS,YAAP;AACD,C;AACW;AACV,GAAI,CAAC,KAAKxD,KAAL,CAAWI,MAAhB,CAAwB;AACtB,sBAASyD,MAAT,CAAgB,KAAKpC,eAArB,CAAsC;AACpCqC,QAAU,KAAK7D,KAAL,CAAWC,OAAX,CAAqB,IAAtB,CAA8B,EADH,CAAtC;AAEG6D,KAFH;AAGA,sBAASF,MAAT,CAAgB,KAAKG,WAArB,CAAkC;AAChCF,QAAS,CADuB,CAAlC;AAEGC,KAFH;AAGD,CAPD,IAOO;AACL,sBAASF,MAAT,CAAgB,KAAKpC,eAArB,CAAsC;AACpCqC,QAAS,EAD2B,CAAtC;AAEGC,KAFH;AAGA,sBAASF,MAAT,CAAgB,KAAKG,WAArB,CAAkC;AAChCF,QAAS,CADuB,CAAlC;AAEGC,KAFH;AAGD;AACF,C;;AAEa;AACZ,GAAI,CAAC,KAAK9D,KAAL,CAAWG,MAAhB,CAAwB;AACtB,sBAASyD,MAAT,CAAgB,KAAKI,cAArB,CAAqC;AACnCH,QAAU,KAAK7D,KAAL,CAAWC,OAAX,CAAqB,IAAtB,CAA8B,EADJ,CAArC;AAEG6D,KAFH;AAGA,sBAASF,MAAT,CAAgB,KAAKG,WAArB,CAAkC;AAChCF,QAAS,CADuB,CAAlC;AAEGC,KAFH;AAGD,CAPD,IAOO;AACL,KAAKX,QAAL,CAAc;AACZhD,OAAQ,KADI,CAAd;;AAGA,sBAASyD,MAAT,CAAgB,KAAKpC,eAArB,CAAsC;AACpCqC,QAAS,EAD2B,CAAtC;AAEGC,KAFH;AAGA,sBAASF,MAAT,CAAgB,KAAKG,WAArB,CAAkC;AAChCF,QAAS,CADuB,CAAlC;AAEGC,KAFH;AAGD;AACF,C;;AAEc;AACb,GAAI,CAAC,KAAK9D,KAAL,CAAWG,MAAhB,CAAwB;AACtB,sBAASyD,MAAT,CAAgB,KAAKI,cAArB,CAAqC;AACnCH,QAAU,KAAK7D,KAAL,CAAWC,OAAX,CAAqB,IAAtB,CAA8B,EADJ,CAArC;AAEG6D,KAFH;AAGA,sBAASF,MAAT,CAAgB,KAAKG,WAArB,CAAkC;AAChCF,QAAS,CADuB,CAAlC;AAEGC,KAFH;AAGD,CAPD,IAOO;AACL,KAAKX,QAAL,CAAc;AACZhD,OAAQ,KADI,CAAd;;AAGA,sBAASyD,MAAT,CAAgB,KAAKpC,eAArB,CAAsC;AACpCqC,QAAS,EAD2B,CAAtC;AAEGC,KAFH;AAGA,sBAASF,MAAT,CAAgB,KAAKG,WAArB,CAAkC;AAChCF,QAAS,CADuB,CAAlC;AAEGC,KAFH;AAGD;AACF,C;;AAEa;AACZ,GAAI,CAAC,KAAK9D,KAAL,CAAWG,MAAhB,CAAwB;AACtB,sBAASyD,MAAT,CAAgB,KAAKpC,eAArB,CAAsC;AACpCqC,QAAU,EAD0B,CAAtC;AAEGC,KAFH;AAGA,sBAASF,MAAT,CAAgB,KAAKG,WAArB,CAAkC;AAChCF,QAAS,CADuB,CAAlC;AAEGC,KAFH;AAGD,CAPD,IAOO;AACL,KAAKX,QAAL,CAAc;AACZhD,OAAQ,KADI,CAAd;;AAGA,sBAASyD,MAAT,CAAgB,KAAKpC,eAArB,CAAsC;AACpCqC,QAAS,EAD2B,CAAtC;AAEGC,KAFH;AAGA,sBAASF,MAAT,CAAgB,KAAKG,WAArB,CAAkC;AAChCF,QAAS,CADuB,CAAlC;AAEGC,KAFH;AAGD;AACF,C;;AAEU;AACkC,IADlC,CACD/D,KADC,CACQW,SADR,QACQA,SADR,CACmBU,QADnB,QACmBA,QADnB;AAET,GAAI,KAAKrB,KAAL,CAAWW,SAAf,CAA0B;AACxB,GAAI,KAAKX,KAAL,CAAWW,SAAX,GAAyB,IAA7B,CAAmC;AACjC,KAAKuD,SAAL;AACD,CAFD,IAEO,IAAI,KAAKlE,KAAL,CAAWW,SAAX,GAAyB,MAA7B,CAAqC;AAC1C,KAAKwD,WAAL;AACD,CAFM,IAEA,IAAI,KAAKnE,KAAL,CAAWW,SAAX,GAAyB,OAA7B,CAAsC;AAC3C,KAAKyD,YAAL;AACD,CAFM,IAEA,IAAI,KAAKpE,KAAL,CAAWW,SAAX,GAAyB,MAA7B,CAAqC;AAC1C,KAAK0D,WAAL;AACD;AACF,CAVD,IAUO;AACL,KAAKH,SAAL;AACD;AACF,C;;AAEY;AACX,GAAI,KAAKlE,KAAL,CAAWuC,OAAf,CAAwB;AACtB,KAAKvC,KAAL,CAAWuC,OAAX;AACA,KAAK+B,QAAL;AACD;AACF,C;;AAEQ;AACUlE,MADV,CACuB,IADvB,CACCJ,KADD,CACUI,MADV;AAEP,GAAI,CAAC,KAAKJ,KAAL,CAAWI,MAAhB,CAAwB;AACtB,KAAKqB,eAAL,CAAuB,GAAI,uBAAS8C,KAAb,CAAmB,EAAnB,CAAvB;AACA,KAAKN,cAAL,CAAsB,GAAI,uBAASM,KAAb,CAAmB,EAAnB,CAAtB;AACA,KAAKP,WAAL,CAAmB,GAAI,uBAASO,KAAb,CAAmB,CAAnB,CAAnB;AACD,CAJD,IAIO;AACL,KAAK9C,eAAL,CAAuB,KAAKA,eAAL,EAAwB,GAAI,uBAAS8C,KAAb,CAAmB,CAAnB,CAA/C;AACA,KAAKN,cAAL,CAAsB,KAAKA,cAAL,EAAuB,GAAI,uBAASM,KAAb,CAAmB,CAAnB,CAA7C;AACA,KAAKP,WAAL,CAAmB,KAAKA,WAAL,EAAoB,GAAI,uBAASO,KAAb,CAAmB,CAAnB,CAAvC;AACD;AACD;AACE,oDAAU,IAAV,EAAe,MAAO,KAAKC,iBAAL,EAAtB;AACG,KAAKC,aAAL,EADH;AAEE;AACE,QAAS,yBAAM,QAAKC,UAAL,EAAN,EADX;AAEM,KAAKC,eAAL,EAFN,EAE8B,cAAe,CAF7C;;AAIG,KAAKC,SAAL,EAJH,CAFF,CADF;;;;AAWD,C;;;AAGH7E,IAAI8E,SAAJ;AACK,sBAASA,SADd;AAEEzC,MAAO,gBAAM0C,SAAN,CAAgBC,MAFzB;AAGE3E,OAAQ,gBAAM0E,SAAN,CAAgBE,IAH1B;AAIErE,UAAW,gBAAMmE,SAAN,CAAgBG,MAJ7B;AAKE/C,eAAgB,gBAAM4C,SAAN,CAAgBC,MALlC;AAME1D,SAAU,gBAAMyD,SAAN,CAAgBG,MAN5B;;AAQA,GAAMC,WAAY,yCAAa,gBAAb,CAA+B,EAA/B,iCAAyDnF,GAAzD,CAAlB,C;;AAEeA,G,CAAbmF,S","file":"Fab.js","sourcesContent":["/* @flow */\n\n\nimport React, { Component } from 'react';\nimport { Button } from './Button';\nimport { Platform, Animated, TouchableOpacity } from 'react-native';\n// import View from './View';\nimport { Icon } from './Icon';\n// import Badge from './Badge';\nimport { IconNB } from './IconNB';\n// import Text from './Text';\nimport _ from 'lodash';\nimport { connectStyle } from 'native-base-shoutem-theme';\nimport mapPropsToStyleNames from '../Utils/mapPropsToStyleNames';\nimport computeProps from '../Utils/computeProps';\n\n\nconst AnimatedFab = Animated.createAnimatedComponent(Button);\n\nclass Fab extends Component {\n\n\n constructor(props) {\n super(props);\n this.state = {\n buttons: undefined,\n active: false,\n };\n }\n\n fabTopValue(pos) {\n if (pos === 'topLeft') {\n return {\n top: 20,\n bottom: undefined,\n left: 20,\n right: undefined,\n };\n } else if (pos === 'bottomRight') {\n return {\n top: undefined,\n bottom: (Platform.OS === 'ios') ? 20 : 40,\n left: undefined,\n right: 20,\n };\n } else if (pos === 'bottomLeft') {\n return {\n top: undefined,\n bottom: (Platform.OS === 'ios') ? 20 : 40,\n left: 20,\n right: undefined,\n };\n } else if (pos === 'topRight') {\n return {\n top: 20,\n bottom: undefined,\n left: undefined,\n right: 20,\n };\n }\n }\n\n fabOtherBtns(direction, i) {\n if (direction === 'up') {\n return {\n top: undefined,\n bottom: (this.props.active === false) ? ((Platform.OS === 'ios') ? 8 : 8) : ((i * 50) + 65),\n left: 8,\n right: 0,\n };\n } else if (direction === 'left') {\n return {\n top: 8,\n bottom: 0,\n left: (this.props.active === false) ? ((Platform.OS === 'ios') ? 8 : 8) : -((i * 50) + 50),\n right: 0,\n };\n } else if (direction === 'down') {\n return {\n top: (this.props.active === false) ? ((Platform.OS === 'ios') ? 8 : 8) : ((i * 50) + 65),\n bottom: 0,\n left: 8,\n right: 0,\n };\n } else if (direction === 'right') {\n return {\n top: 10,\n bottom: 0,\n left: (this.props.active === false) ? ((Platform.OS === 'ios') ? 8 : 8) : ((i * 50) + 65),\n right: 0,\n };\n }\n }\n\n getInitialStyle(iconStyle) {\n return {\n fab: {\n height: 56,\n width: 56,\n borderRadius: 28,\n elevation: 4,\n justifyContent: 'center',\n alignItems: 'center',\n position: 'absolute',\n bottom: 0,\n backgroundColor: 'blue',\n },\n container: {\n position: 'absolute',\n top: (this.props.position) ? this.fabTopValue(this.props.position).top : undefined,\n bottom: (this.props.position) ? this.fabTopValue(this.props.position).bottom : 20,\n right: (this.props.position) ? this.fabTopValue(this.props.position).right : 20,\n left: (this.props.position) ? this.fabTopValue(this.props.position).left : undefined,\n width: 56,\n height: this.containerHeight,\n flexDirection: (this.props.direction) ? ((this.props.direction == 'left || right') ? 'row' : 'column') : 'column',\n alignItems: 'center',\n },\n iconStyle: {\n color: '#fff',\n fontSize: 24,\n lineHeight: (Platform.OS === 'ios') ? 27 : undefined,\n ...iconStyle,\n },\n buttonStyle: {\n position: 'absolute',\n height: 40,\n width: 40,\n left: 7,\n borderRadius: 20,\n marginBottom: 10,\n backgroundColor: 'blue',\n },\n };\n }\n\n getContainerStyle() {\n return _.merge(this.getInitialStyle().container, this.props.containerStyle);\n }\n\n prepareFabProps() {\n const defaultProps = {\n style: this.getInitialStyle().fab,\n };\n const incomingProps = _.clone(this.props);\n delete incomingProps.onPress;\n\n return computeProps(incomingProps, defaultProps);\n }\n\n getOtherButtonStyle(child, i) {\n const type = {\n top: (this.props.direction) ? (this.fabOtherBtns(this.props.direction, i).top) : undefined,\n left: (this.props.direction) ? (this.fabOtherBtns(this.props.direction, i).left) : 8,\n right: (this.props.direction) ? (this.fabOtherBtns(this.props.direction, i).right) : 0,\n bottom: (this.props.direction) ? (this.fabOtherBtns(this.props.direction, i).bottom) : ((this.props.active === false) ? ((Platform.OS === 'ios') ? 8 : 8) : ((i * 50) + 65)),\n };\n\n return _.merge(this.getInitialStyle().buttonStyle, child.props.style, type);\n }\n prepareButtonProps(child) {\n const inp = _.clone(child.props);\n delete inp.style;\n\n\n const defaultProps = {};\n\n return computeProps(inp, defaultProps);\n }\n\n componentDidMount() {\n const childrenArray = React.Children.toArray(this.props.children);\n const icon = _.remove(childrenArray, (item) => {\n if (item.type.displayName === 'Styled(Button)') {\n return true;\n }\n });\n this.setState({\n buttons: icon.length,\n });\n setTimeout(() => {\n this.setState({\n active: this.props.active,\n });\n }, 0);\n }\n\n renderFab() {\n const childrenArray = React.Children.toArray(this.props.children);\n const icon = _.remove(childrenArray, (item) => {\n if (item.type === Button) {\n return true;\n }\n });\n // this.setState({\n // buttons: icon.length\n // });\n return React.cloneElement(childrenArray[0], { style: this.getInitialStyle(childrenArray[0].props.style).iconStyle });\n }\n\n renderButtons() {\n const childrenArray = React.Children.toArray(this.props.children);\n const icon = _.remove(childrenArray, (item) => {\n if (item.type.displayName === \"Styled(Icon)\" || item.type.displayName === \"Styled(IconNB)\") {\n return true;\n }\n });\n\n const newChildren = [];\n\n { childrenArray.map((child, i) => {\n newChildren.push({child.props.children}\n );\n }\n ); }\n return newChildren;\n }\n upAnimate() {\n if (!this.props.active) {\n Animated.spring(this.containerHeight, {\n toValue: (this.state.buttons * 51.3) + 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 1,\n }).start();\n } else {\n Animated.spring(this.containerHeight, {\n toValue: 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 0,\n }).start();\n }\n }\n\n leftAnimate() {\n if (!this.state.active) {\n Animated.spring(this.containerWidth, {\n toValue: (this.state.buttons * 51.3) + 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 1,\n }).start();\n } else {\n this.setState({\n active: false,\n });\n Animated.spring(this.containerHeight, {\n toValue: 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 0,\n }).start();\n }\n }\n\n rightAnimate() {\n if (!this.state.active) {\n Animated.spring(this.containerWidth, {\n toValue: (this.state.buttons * 51.3) + 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 1,\n }).start();\n } else {\n this.setState({\n active: false,\n });\n Animated.spring(this.containerHeight, {\n toValue: 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 0,\n }).start();\n }\n }\n\n downAnimate() {\n if (!this.state.active) {\n Animated.spring(this.containerHeight, {\n toValue: (56),\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 1,\n }).start();\n } else {\n this.setState({\n active: false,\n });\n Animated.spring(this.containerHeight, {\n toValue: 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 0,\n }).start();\n }\n }\n\n _animate() {\n const { props: { direction, position } } = this;\n if (this.props.direction) {\n if (this.props.direction === 'up') {\n this.upAnimate();\n } else if (this.props.direction === 'left') {\n this.leftAnimate();\n } else if (this.props.direction === 'right') {\n this.rightAnimate();\n } else if (this.props.direction === 'down') {\n this.downAnimate();\n }\n } else {\n this.upAnimate();\n }\n }\n\n fabOnPress() {\n if (this.props.onPress) {\n this.props.onPress();\n this._animate();\n }\n }\n\n render() {\n const { props: { active } } = this;\n if (!this.props.active) {\n this.containerHeight = new Animated.Value(56);\n this.containerWidth = new Animated.Value(56);\n this.buttonScale = new Animated.Value(1);\n } else {\n this.containerHeight = this.containerHeight || new Animated.Value(0);\n this.containerWidth = this.containerWidth || new Animated.Value(0);\n this.buttonScale = this.buttonScale || new Animated.Value(0);\n }\n return (\n \n {this.renderButtons()}\n this.fabOnPress()}\n {...this.prepareFabProps()} activeOpacity={1}\n >\n {this.renderFab()}\n \n \n );\n }\n}\n\nFab.propTypes = {\n ...Animated.propTypes,\n style: React.PropTypes.object,\n active: React.PropTypes.bool,\n direction: React.PropTypes.string,\n containerStyle: React.PropTypes.object,\n position: React.PropTypes.string,\n};\nconst StyledFab = connectStyle('NativeBase.Fab', {}, mapPropsToStyleNames)(Fab);\nexport {\n StyledFab as Fab,\n};\n"]} \ No newline at end of file +{"version":3,"sources":["../../../src/basic/Fab.js"],"names":["AnimatedFab","createAnimatedComponent","Fab","props","state","buttons","undefined","active","pos","top","bottom","left","right","OS","direction","i","iconStyle","fab","height","width","borderRadius","elevation","justifyContent","alignItems","position","backgroundColor","container","fabTopValue","containerHeight","flexDirection","color","fontSize","lineHeight","buttonStyle","marginBottom","merge","getInitialStyle","containerStyle","defaultProps","style","incomingProps","clone","onPress","child","type","fabOtherBtns","inp","childrenArray","Children","toArray","children","icon","remove","item","displayName","setState","length","setTimeout","cloneElement","newChildren","slice","map","push","getOtherButtonStyle","prepareButtonProps","spring","toValue","start","buttonScale","containerWidth","upAnimate","leftAnimate","rightAnimate","downAnimate","_animate","Value","getContainerStyle","renderButtons","fabOnPress","prepareFabProps","renderFab","propTypes","PropTypes","object","bool","string","StyledFab"],"mappings":"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","file":"Fab.js","sourcesContent":["/* @flow */\n\n\nimport React, { Component } from 'react';\nimport { Button } from './Button';\nimport { Platform, Animated, TouchableOpacity } from 'react-native';\n// import View from './View';\nimport { Icon } from './Icon';\n// import Badge from './Badge';\nimport { IconNB } from './IconNB';\n// import Text from './Text';\nimport _ from 'lodash';\nimport { connectStyle } from 'native-base-shoutem-theme';\nimport mapPropsToStyleNames from '../Utils/mapPropsToStyleNames';\nimport computeProps from '../Utils/computeProps';\n\n\nconst AnimatedFab = Animated.createAnimatedComponent(Button);\n\nclass Fab extends Component {\n\n\n constructor(props) {\n super(props);\n this.state = {\n buttons: undefined,\n active: false,\n };\n }\n\n fabTopValue(pos) {\n if (pos === 'topLeft') {\n return {\n top: 20,\n bottom: undefined,\n left: 20,\n right: undefined,\n };\n } else if (pos === 'bottomRight') {\n return {\n top: undefined,\n bottom: (Platform.OS === 'ios') ? 20 : 40,\n left: undefined,\n right: 20,\n };\n } else if (pos === 'bottomLeft') {\n return {\n top: undefined,\n bottom: (Platform.OS === 'ios') ? 20 : 40,\n left: 20,\n right: undefined,\n };\n } else if (pos === 'topRight') {\n return {\n top: 20,\n bottom: undefined,\n left: undefined,\n right: 20,\n };\n }\n }\n\n fabOtherBtns(direction, i) {\n if (direction === 'up') {\n return {\n top: undefined,\n bottom: (this.props.active === false) ? ((Platform.OS === 'ios') ? 8 : 8) : ((i * 50) + 65),\n left: 8,\n right: 0,\n };\n } else if (direction === 'left') {\n return {\n top: 8,\n bottom: 0,\n left: (this.props.active === false) ? ((Platform.OS === 'ios') ? 8 : 8) : -((i * 50) + 50),\n right: 0,\n };\n } else if (direction === 'down') {\n return {\n top: (this.props.active === false) ? ((Platform.OS === 'ios') ? 8 : 8) : ((i * 50) + 65),\n bottom: 0,\n left: 8,\n right: 0,\n };\n } else if (direction === 'right') {\n return {\n top: 10,\n bottom: 0,\n left: (this.props.active === false) ? ((Platform.OS === 'ios') ? 8 : 8) : ((i * 50) + 65),\n right: 0,\n };\n }\n }\n\n getInitialStyle(iconStyle) {\n return {\n fab: {\n height: 56,\n width: 56,\n borderRadius: 28,\n elevation: 4,\n justifyContent: 'center',\n alignItems: 'center',\n position: 'absolute',\n bottom: 0,\n backgroundColor: 'blue',\n },\n container: {\n position: 'absolute',\n top: (this.props.position) ? this.fabTopValue(this.props.position).top : undefined,\n bottom: (this.props.position) ? this.fabTopValue(this.props.position).bottom : 20,\n right: (this.props.position) ? this.fabTopValue(this.props.position).right : 20,\n left: (this.props.position) ? this.fabTopValue(this.props.position).left : undefined,\n width: 56,\n height: this.containerHeight,\n flexDirection: (this.props.direction) ? ((this.props.direction == 'left || right') ? 'row' : 'column') : 'column',\n alignItems: 'center',\n },\n iconStyle: {\n color: '#fff',\n fontSize: 24,\n lineHeight: (Platform.OS === 'ios') ? 27 : undefined,\n ...iconStyle,\n },\n buttonStyle: {\n position: 'absolute',\n height: 40,\n width: 40,\n left: 7,\n borderRadius: 20,\n marginBottom: 10,\n backgroundColor: 'blue',\n },\n };\n }\n\n getContainerStyle() {\n return _.merge(this.getInitialStyle().container, this.props.containerStyle);\n }\n\n prepareFabProps() {\n const defaultProps = {\n style: this.getInitialStyle().fab,\n };\n const incomingProps = _.clone(this.props);\n delete incomingProps.onPress;\n\n return computeProps(incomingProps, defaultProps);\n }\n\n getOtherButtonStyle(child, i) {\n const type = {\n top: (this.props.direction) ? (this.fabOtherBtns(this.props.direction, i).top) : undefined,\n left: (this.props.direction) ? (this.fabOtherBtns(this.props.direction, i).left) : 8,\n right: (this.props.direction) ? (this.fabOtherBtns(this.props.direction, i).right) : 0,\n bottom: (this.props.direction) ? (this.fabOtherBtns(this.props.direction, i).bottom) : ((this.props.active === false) ? ((Platform.OS === 'ios') ? 8 : 8) : ((i * 50) + 65)),\n };\n\n return _.merge(this.getInitialStyle().buttonStyle, child.props.style, type);\n }\n prepareButtonProps(child) {\n const inp = _.clone(child.props);\n delete inp.style;\n\n\n const defaultProps = {};\n\n return computeProps(inp, defaultProps);\n }\n\n componentDidMount() {\n const childrenArray = React.Children.toArray(this.props.children);\n const icon = _.remove(childrenArray, (item) => {\n if (item.type.displayName === 'Styled(Button)') {\n return true;\n }\n });\n this.setState({\n buttons: icon.length,\n });\n setTimeout(() => {\n this.setState({\n active: this.props.active,\n });\n }, 0);\n }\n\n renderFab() {\n const childrenArray = React.Children.toArray(this.props.children);\n const icon = _.remove(childrenArray, (item) => {\n if (item.type === Button) {\n return true;\n }\n });\n // this.setState({\n // buttons: icon.length\n // });\n return React.cloneElement(childrenArray[0], { style: this.getInitialStyle(childrenArray[0].props.style).iconStyle });\n }\n\n renderButtons() {\n const childrenArray = React.Children.toArray(this.props.children);\n // const icon = _.remove(childrenArray, (item) => {\n // if (item.type.displayName === \"Styled(Icon)\" || item.type.displayName === \"Styled(IconNB)\") {\n // return true;\n // }\n // });\n\n const newChildren = [];\n\n {\n childrenArray.slice(1).map((child, i) => {\n newChildren.push({child.props.children}\n );\n }\n );\n }\n return newChildren;\n }\n upAnimate() {\n if (!this.props.active) {\n Animated.spring(this.containerHeight, {\n toValue: (this.state.buttons * 51.3) + 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 1,\n }).start();\n } else {\n Animated.spring(this.containerHeight, {\n toValue: 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 0,\n }).start();\n }\n }\n\n leftAnimate() {\n if (!this.state.active) {\n Animated.spring(this.containerWidth, {\n toValue: (this.state.buttons * 51.3) + 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 1,\n }).start();\n } else {\n this.setState({\n active: false,\n });\n Animated.spring(this.containerHeight, {\n toValue: 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 0,\n }).start();\n }\n }\n\n rightAnimate() {\n if (!this.state.active) {\n Animated.spring(this.containerWidth, {\n toValue: (this.state.buttons * 51.3) + 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 1,\n }).start();\n } else {\n this.setState({\n active: false,\n });\n Animated.spring(this.containerHeight, {\n toValue: 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 0,\n }).start();\n }\n }\n\n downAnimate() {\n if (!this.state.active) {\n Animated.spring(this.containerHeight, {\n toValue: (56),\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 1,\n }).start();\n } else {\n this.setState({\n active: false,\n });\n Animated.spring(this.containerHeight, {\n toValue: 56,\n }).start();\n Animated.spring(this.buttonScale, {\n toValue: 0,\n }).start();\n }\n }\n\n _animate() {\n const { props: { direction, position } } = this;\n if (this.props.direction) {\n if (this.props.direction === 'up') {\n this.upAnimate();\n } else if (this.props.direction === 'left') {\n this.leftAnimate();\n } else if (this.props.direction === 'right') {\n this.rightAnimate();\n } else if (this.props.direction === 'down') {\n this.downAnimate();\n }\n } else {\n this.upAnimate();\n }\n }\n\n fabOnPress() {\n if (this.props.onPress) {\n this.props.onPress();\n this._animate();\n }\n }\n\n render() {\n const { props: { active } } = this;\n if (!this.props.active) {\n this.containerHeight = new Animated.Value(56);\n this.containerWidth = new Animated.Value(56);\n this.buttonScale = new Animated.Value(1);\n } else {\n this.containerHeight = this.containerHeight || new Animated.Value(0);\n this.containerWidth = this.containerWidth || new Animated.Value(0);\n this.buttonScale = this.buttonScale || new Animated.Value(0);\n }\n return (\n \n {this.renderButtons()}\n this.fabOnPress()}\n {...this.prepareFabProps() } activeOpacity={1}\n >\n {this.renderFab()}\n \n \n );\n }\n}\n\nFab.propTypes = {\n ...Animated.propTypes,\n style: React.PropTypes.object,\n active: React.PropTypes.bool,\n direction: React.PropTypes.string,\n containerStyle: React.PropTypes.object,\n position: React.PropTypes.string,\n};\nconst StyledFab = connectStyle('NativeBase.Fab', {}, mapPropsToStyleNames)(Fab);\nexport {\n StyledFab as Fab,\n};\n"]} \ No newline at end of file diff --git a/dist/src/basic/Tabs/ScrollableTabBar.js b/dist/src/basic/Tabs/ScrollableTabBar.js index dc68b8fd5..5834f4129 100644 --- a/dist/src/basic/Tabs/ScrollableTabBar.js +++ b/dist/src/basic/Tabs/ScrollableTabBar.js @@ -212,7 +212,7 @@ React.createElement(Animated.View,{style:[tabUnderlineStyle,dynamicTabUnderline, componentWillReceiveProps:function componentWillReceiveProps(nextProps){ -if(JSON.stringify(this.props.tabs)!==JSON.stringify(nextProps.tabs)&&this.state._containerWidth){ +if(!_lodash2.default.isEqual(this.props.tabs,nextProps.tabs)&&this.state._containerWidth){ this.setState({_containerWidth:null}); } }, diff --git a/dist/src/basic/Tabs/ScrollableTabBar.js.map b/dist/src/basic/Tabs/ScrollableTabBar.js.map index d9b2a3fb7..1efa6b953 100644 --- a/dist/src/basic/Tabs/ScrollableTabBar.js.map +++ b/dist/src/basic/Tabs/ScrollableTabBar.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../../../src/basic/Tabs/ScrollableTabBar.js"],"names":["React","require","ReactNative","View","Animated","StyleSheet","ScrollView","Platform","Dimensions","ViewPropTypes","Button","WINDOW_WIDTH","get","width","ScrollableTabBar","createClass","propTypes","goToPage","PropTypes","func","activeTab","number","tabs","array","backgroundColor","string","activeTextColor","inactiveTextColor","scrollOffset","style","tabStyle","tabsContainerStyle","renderTab","underlineStyle","onScroll","contextTypes","theme","object","getDefaultProps","getInitialState","_tabsMeasurements","_leftTabUnderline","Value","_widthTabUnderline","_containerWidth","componentDidMount","props","scrollValue","addListener","updateView","offset","position","Math","floor","value","pageOffset","tabCount","length","lastTabPosition","necessarilyMeasurementsCompleted","updateTabPanel","updateTabUnderline","isLastTab","_tabContainerMeasurements","_containerMeasurements","containerWidth","tabWidth","nextTabMeasurements","nextTabWidth","tabOffset","left","absolutePageOffset","newScrollX","OS","_scrollView","scrollTo","x","y","animated","rightBoundScroll","lineLeft","lineRight","right","nextTabLeft","nextTabRight","newLineLeft","newLineRight","state","setValue","name","page","isTabActive","onPressHandler","onLayoutHandler","activeTabStyle","textStyle","activeTextStyle","tabHeaderStyle","headerContent","children","undefined","textColor","fontWeight","random","measureTab","event","nativeEvent","layout","height","_value","render","variables","context","tabUnderlineStyle","topTabBarActiveBorderColor","bottom","dynamicTabUnderline","styles","container","onContainerLayout","scrollView","onTabContainerLayout","map","bind","componentWillReceiveProps","nextProps","JSON","stringify","setState","e","StyledTab","mapPropsToStyleNames","ScrollableTab","create","tab","alignItems","justifyContent","paddingLeft","paddingRight","borderWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderColor","flexDirection"],"mappings":";;AAEA;AACA,0D;AACA;AACA,8B,gIALA,GAAMA,OAAQC,QAAQ,OAAR,CAAd,CACA,GAAMC,aAAcD,QAAQ,cAAR,CAApB,C;;AAMEE,I;;;;;;;AAOED,W,CAPFC,I,CACAC,Q,CAMEF,W,CANFE,Q,CACAC,U,CAKEH,W,CALFG,U,CACAC,U,CAIEJ,W,CAJFI,U,CACAC,Q,CAGEL,W,CAHFK,Q,CACAC,U,CAEEN,W,CAFFM,U,CACAC,a,CACEP,W,CADFO,a;AAEF,GAAMC,QAAST,QAAQ,UAAR,CAAf;;AAEA,GAAMU,cAAeH,WAAWI,GAAX,CAAe,QAAf,EAAyBC,KAA9C;;AAEA,GAAMC,kBAAmBd,MAAMe,WAAN,CAAkB;AACzCC,UAAW;AACTC,SAAUjB,MAAMkB,SAAN,CAAgBC,IADjB;AAETC,UAAWpB,MAAMkB,SAAN,CAAgBG,MAFlB;AAGTC,KAAMtB,MAAMkB,SAAN,CAAgBK,KAHb;AAITC,gBAAiBxB,MAAMkB,SAAN,CAAgBO,MAJxB;AAKTC,gBAAiB1B,MAAMkB,SAAN,CAAgBO,MALxB;AAMTE,kBAAmB3B,MAAMkB,SAAN,CAAgBO,MAN1B;AAOTG,aAAc5B,MAAMkB,SAAN,CAAgBG,MAPrB;AAQTQ,MAAOpB,cAAcoB,KARZ;AASTC,SAAUrB,cAAcoB,KATf;AAUTE,mBAAoBtB,cAAcoB,KAVzB;AAWTG,UAAWhC,MAAMkB,SAAN,CAAgBC,IAXlB;AAYTc,eAAgBxB,cAAcoB,KAZrB;AAaTK,SAASlC,MAAMkB,SAAN,CAAgBC,IAbhB,CAD8B;;AAgBzCgB,aAAc;AACZC,MAAOpC,MAAMkB,SAAN,CAAgBmB,MADX,CAhB2B;;;AAoBzCC,eApByC,2BAoBvB;AAChB,MAAO;AACLV,aAAc,EADT;AAELF,gBAAiB,MAFZ;AAGLC,kBAAmB,OAHd;AAILH,gBAAiB,IAJZ;AAKLK,MAAO,EALF;AAMLC,SAAU,EANL;AAOLC,mBAAoB,EAPf;AAQLE,eAAgB,EARX,CAAP;;AAUD,CA/BwC;;AAiCzCM,eAjCyC,2BAiCvB;AAChB,KAAKC,iBAAL,CAAyB,EAAzB;AACA,MAAO;AACLC,kBAAmB,GAAIrC,UAASsC,KAAb,CAAmB,CAAnB,CADd;AAELC,mBAAoB,GAAIvC,UAASsC,KAAb,CAAmB,CAAnB,CAFf;AAGLE,gBAAiB,IAHZ,CAAP;;AAKD,CAxCwC;;AA0CzCC,iBA1CyC,6BA0CrB;AAClB,KAAKC,KAAL,CAAWC,WAAX,CAAuBC,WAAvB,CAAmC,KAAKC,UAAxC;AACD,CA5CwC;;AA8CzCA,UA9CyC,qBA8C9BC,MA9C8B,CA8CtB;AACjB,GAAMC,UAAWC,KAAKC,KAAL,CAAWH,OAAOI,KAAlB,CAAjB;AACA,GAAMC,YAAaL,OAAOI,KAAP,CAAe,CAAlC;AACA,GAAME,UAAW,KAAKV,KAAL,CAAWxB,IAAX,CAAgBmC,MAAjC;AACA,GAAMC,iBAAkBF,SAAW,CAAnC;;AAEA,GAAIA,WAAa,CAAb,EAAkBN,OAAOI,KAAP,CAAe,CAAjC,EAAsCJ,OAAOI,KAAP,CAAeI,eAAzD,CAA0E;AACxE;AACD;;AAED,GAAI,KAAKC,gCAAL,CAAsCR,QAAtC,CAAgDA,WAAaO,eAA7D,CAAJ,CAAmF;AACjF,KAAKE,cAAL,CAAoBT,QAApB,CAA8BI,UAA9B;AACA,KAAKM,kBAAL,CAAwBV,QAAxB,CAAkCI,UAAlC,CAA8CC,QAA9C;AACD;AACF,CA5DwC;;AA8DzCG,gCA9DyC,2CA8DRR,QA9DQ,CA8DEW,SA9DF,CA8Da;AACpD,MAAO,MAAKtB,iBAAL,CAAuBW,QAAvB;AACJW,WAAa,KAAKtB,iBAAL,CAAuBW,SAAW,CAAlC,CADT;AAEL,KAAKY,yBAFA;AAGL,KAAKC,sBAHP;AAID,CAnEwC;;AAqEzCJ,cArEyC,yBAqE1BT,QArE0B,CAqEhBI,UArEgB,CAqEJ;AACnC,GAAMU,gBAAiB,KAAKD,sBAAL,CAA4BnD,KAAnD;AACA,GAAMqD,UAAW,KAAK1B,iBAAL,CAAuBW,QAAvB,EAAiCtC,KAAlD;AACA,GAAMsD,qBAAsB,KAAK3B,iBAAL,CAAuBW,SAAW,CAAlC,CAA5B;AACA,GAAMiB,cAAeD,qBAAuBA,oBAAoBtD,KAA3C,EAAoD,CAAzE;AACA,GAAMwD,WAAY,KAAK7B,iBAAL,CAAuBW,QAAvB,EAAiCmB,IAAnD;AACA,GAAMC,oBAAqBhB,WAAaW,QAAxC;AACA,GAAIM,YAAaH,UAAYE,kBAA7B;;;AAGAC,YAAc,CAACP,eAAiB,CAAC,EAAIV,UAAL,EAAmBW,QAApC,CAA+CX,WAAaa,YAA7D,EAA6E,CAA3F;AACAI,WAAaA,YAAc,CAAd,CAAkBA,UAAlB,CAA+B,CAA5C;;AAEA,GAAIjE,SAASkE,EAAT,GAAgB,SAApB,CAA+B;AAC7B,KAAKC,WAAL,CAAiBC,QAAjB,CAA0B,CAACC,EAAGJ,UAAJ,CAAgBK,EAAG,CAAnB,CAAsBC,SAAU,KAAhC,CAA1B;AACD,CAFD,IAEO;AACL,GAAMC,kBAAmB,KAAKhB,yBAAL,CAA+BlD,KAA/B,CAAwC,KAAKmD,sBAAL,CAA4BnD,KAA7F;AACA2D,WAAaA,WAAaO,gBAAb,CAAgCA,gBAAhC,CAAmDP,UAAhE;AACA,KAAKE,WAAL,CAAiBC,QAAjB,CAA0B,CAACC,EAAGJ,UAAJ,CAAgBK,EAAG,CAAnB,CAAsBC,SAAU,KAAhC,CAA1B;AACD;;AAEF,CA1FwC;;AA4FzCjB,kBA5FyC,6BA4FtBV,QA5FsB,CA4FZI,UA5FY,CA4FAC,QA5FA,CA4FU;AACjD,GAAMwB,UAAW,KAAKxC,iBAAL,CAAuBW,QAAvB,EAAiCmB,IAAlD;AACA,GAAMW,WAAY,KAAKzC,iBAAL,CAAuBW,QAAvB,EAAiC+B,KAAnD;;AAEA,GAAI/B,SAAWK,SAAW,CAA1B,CAA6B;AAC3B,GAAM2B,aAAc,KAAK3C,iBAAL,CAAuBW,SAAW,CAAlC,EAAqCmB,IAAzD;AACA,GAAMc,cAAe,KAAK5C,iBAAL,CAAuBW,SAAW,CAAlC,EAAqC+B,KAA1D;;AAEA,GAAMG,aAAe9B,WAAa4B,WAAb,CAA2B,CAAC,EAAI5B,UAAL,EAAmByB,QAAnE;AACA,GAAMM,cAAgB/B,WAAa6B,YAAb,CAA4B,CAAC,EAAI7B,UAAL,EAAmB0B,SAArE;;AAEA,KAAKM,KAAL,CAAW9C,iBAAX,CAA6B+C,QAA7B,CAAsCH,WAAtC;AACA,KAAKE,KAAL,CAAW5C,kBAAX,CAA8B6C,QAA9B,CAAuCF,aAAeD,WAAtD;AACD,CATD,IASO;AACL,KAAKE,KAAL,CAAW9C,iBAAX,CAA6B+C,QAA7B,CAAsCR,QAAtC;AACA,KAAKO,KAAL,CAAW5C,kBAAX,CAA8B6C,QAA9B,CAAuCP,UAAYD,QAAnD;AACD;AACF,CA7GwC;;AA+GzChD,SA/GyC,oBA+G/ByD,IA/G+B,CA+GzBC,IA/GyB,CA+GnBC,WA/GmB,CA+GNC,cA/GM,CA+GUC,eA/GV,CA+G2B/D,QA/G3B,CA+GqCgE,cA/GrC,CA+GqDC,SA/GrD,CA+GgEC,eA/GhE,CA+GiFC,cA/GjF,CA+GiG;AACxI,GAAMC,eAAiB,MAAOT,KAAP,GAAc,QAAf,CAA2BA,KAAK3C,KAAL,CAAWqD,QAAtC,CAAiDC,SAAvE,CADwI;AAEzF,KAAKtD,KAFoF,CAEhIpB,eAFgI,QAEhIA,eAFgI,CAE/GC,iBAF+G,QAE/GA,iBAF+G;AAGxI,GAAM0E,WAAYV,YAAcjE,eAAd,CAAgCC,iBAAlD;AACA,GAAM2E,YAAaX,YAAc,MAAd,CAAuB,QAA1C;;AAEA,GAAI,MAAOF,KAAP,GAAc,QAAlB,CAA4B;AAC1B,MAAO,qBAAC,MAAD;AACL,IAAQA,IAAR,KAAgBC,IADX;AAEL,QAAS,yBAAME,gBAAeF,IAAf,CAAN,EAFJ;AAGL,SAAUG,eAHL;;AAKL,uCAAY,eAAZ,CAAuB,MAAQF,WAAD,CAAgBG,cAAhB,CAAiChE,QAA/D,CAAyE,OAAQ6D,WAAjF;AACE,iCAAM,MAAQA,WAAD,CAAgBK,eAAhB,CAAkCD,SAA/C;AACGN,IADH,CADF,CALK,CAAP;;;;AAWD,CAZD;AAaK;AACH,MAAO,qBAAC,MAAD;AACL,IAAK,iBAAEc,MAAF,CAAS,GAAT,CAAc,GAAd,CADA;AAEL,QAAS,yBAAMX,gBAAeF,IAAf,CAAN,EAFJ;;AAIL,uCAAY,eAAZ,CAAuB,MAAOO,cAA9B,CAA8C,OAAQN,WAAtD;AACGO,aADH,CAJK,CAAP;;;AAQD;AACF,CA5IwC;;AA8IzCM,UA9IyC,qBA8I9Bd,IA9I8B,CA8IxBe,KA9IwB,CA8IjB;AACQA,MAAMC,WAAN,CAAkBC,MAD1B,CACd/B,CADc,uBACdA,CADc,CACX/D,KADW,uBACXA,KADW,CACJ+F,MADI,uBACJA,MADI;AAEtB,KAAKpE,iBAAL,CAAuBkD,IAAvB,EAA+B,CAACpB,KAAMM,CAAP,CAAUM,MAAON,EAAI/D,KAArB,CAA4BA,WAA5B,CAAmC+F,aAAnC,CAA/B;AACA,KAAK3D,UAAL,CAAgB,CAACK,MAAO,KAAKR,KAAL,CAAWC,WAAX,CAAuB8D,MAA/B,CAAhB;AACD,CAlJwC;;AAoJzCC,MApJyC,kBAoJhC;AACP,GAAMC,WAAa,KAAKC,OAAL,CAAa5E,KAAd,CAAuB,KAAK4E,OAAL,CAAa5E,KAAb,CAAmB,4BAAnB,EAAiD2E,SAAxE,mBAAlB;AACA,GAAME,mBAAoB;AACxB9D,SAAU,UADc;AAExByD,OAAQ,CAFgB;AAGxBpF,gBAAiBuF,UAAUG,0BAHH;AAIxBC,OAAQ,CAJgB,CAA1B;;;AAOA,GAAMC,qBAAsB;AAC1B9C,KAAM,KAAKiB,KAAL,CAAW9C,iBADS;AAE1B5B,MAAO,KAAK0E,KAAL,CAAW5C,kBAFQ,CAA5B;;;AAKA,MAAO,qBAAC,IAAD;AACL,MAAO,CAAC0E,OAAOC,SAAR,CAAmB,CAAC9F,gBAAiB,KAAKsB,KAAL,CAAWtB,eAA7B,CAAnB,CAAoE,KAAKsB,KAAL,CAAWjB,KAA/E,CADF;AAEL,SAAU,KAAK0F,iBAFV;;AAIL,oBAAC,UAAD;AACE,iCAAkC,KADpC;AAEE,IAAK,aAACC,UAAD,CAAgB,CAAE,MAAK9C,WAAL,CAAmB8C,UAAnB,CAAgC,CAFzD;AAGE,WAAY,IAHd;AAIE,+BAAgC,KAJlC;AAKE,6BAA8B,KALhC;AAME,uBAAwB,IAN1B;AAOE,SAAU,KAAK1E,KAAL,CAAWZ,QAPvB;AAQE,QAAS,KARX;AASE,aAAc,KAThB;;AAWE,oBAAC,IAAD;AACE,MAAO,CAACmF,OAAO/F,IAAR,CAAc,CAACT,MAAO,KAAK0E,KAAL,CAAW3C,eAAnB,CAAd,CAAqD,KAAKE,KAAL,CAAWf,kBAAhE,CADT;AAEE,IAAK,cAFP;AAGE,SAAU,KAAK0F,oBAHjB;;AAKG,KAAK3E,KAAL,CAAWxB,IAAX,CAAgBoG,GAAhB,CAAoB,SAACjC,IAAD,CAAOC,IAAP,CAAgB;AACnC,GAAMC,aAAc,MAAK7C,KAAL,CAAW1B,SAAX,GAAyBsE,IAA7C;AACA,GAAM1D,WAAY,MAAKc,KAAL,CAAWd,SAAX,EAAwB,MAAKA,SAA/C;AACA,MAAOA,WAAUyD,IAAV,CAAgBC,IAAhB,CAAsBC,WAAtB,CAAmC,MAAK7C,KAAL,CAAW7B,QAA9C,CAAwD,MAAKuF,UAAL,CAAgBmB,IAAhB,OAA2BjC,IAA3B,CAAxD,CAA0F,MAAK5C,KAAL,CAAWhB,QAAX,CAAoB4D,IAApB,CAA1F,CAAqH,MAAK5C,KAAL,CAAWgD,cAAX,CAA0BJ,IAA1B,CAArH,CAAsJ,MAAK5C,KAAL,CAAWiD,SAAX,CAAqBL,IAArB,CAAtJ,CAAkL,MAAK5C,KAAL,CAAWkD,eAAX,CAA2BN,IAA3B,CAAlL,CAAoN,MAAK5C,KAAL,CAAWmD,cAAX,CAA0BP,IAA1B,CAApN,CAAP;AACD,CAJA,CALH;AAUE,oBAAC,QAAD,CAAU,IAAV,EAAe,MAAO,CAACuB,iBAAD,CAAoBG,mBAApB,CAAyC,KAAKtE,KAAL,CAAWb,cAApD,CAAtB,kDAVF,CAXF,CAJK,CAAP;;;;AA6BD,CA/LwC;;AAiMzC2F,yBAjMyC,oCAiMfC,SAjMe,CAiMJ;;AAEnC,GAAIC,KAAKC,SAAL,CAAe,KAAKjF,KAAL,CAAWxB,IAA1B,IAAoCwG,KAAKC,SAAL,CAAeF,UAAUvG,IAAzB,CAApC,EAAsE,KAAKiE,KAAL,CAAW3C,eAArF,CAAsG;AACpG,KAAKoF,QAAL,CAAc,CAAEpF,gBAAiB,IAAnB,CAAd;AACD;AACF,CAtMwC;;AAwMzC6E,oBAxMyC,+BAwMpBQ,CAxMoB,CAwMjB;AACtB,KAAKlE,yBAAL,CAAiCkE,EAAEvB,WAAF,CAAcC,MAA/C;AACA,GAAI9F,OAAQ,KAAKkD,yBAAL,CAA+BlD,KAA3C;AACA,GAAIA,MAAQF,YAAZ,CAA0B;AACxBE,MAAQF,YAAR;AACD;AACD,KAAKqH,QAAL,CAAc,CAAEpF,gBAAiB/B,KAAnB,CAAd;AACA,KAAKoC,UAAL,CAAgB,CAACK,MAAO,KAAKR,KAAL,CAAWC,WAAX,CAAuB8D,MAA/B,CAAhB;AACD,CAhNwC;;AAkNzCU,iBAlNyC,4BAkNvBU,CAlNuB,CAkNpB;AACnB,KAAKjE,sBAAL,CAA8BiE,EAAEvB,WAAF,CAAcC,MAA5C;AACA,KAAK1D,UAAL,CAAgB,CAACK,MAAO,KAAKR,KAAL,CAAWC,WAAX,CAAuB8D,MAA/B,CAAhB;AACD,CArNwC,CAAlB,CAAzB;;;;AAyNA,GAAMqB,WAAY,yCAAa,0BAAb,CAAyC,EAAzC,CAA6CC,oBAA7C,EAAmErH,gBAAnE,CAAlB,C;;AAEesH,a,CAAbF,S;;AAEF,GAAMb,QAAShH,WAAWgI,MAAX,CAAkB;AAC/BC,IAAK;AACH1B,OAAQ,EADL;AAEH2B,WAAY,QAFT;AAGHC,eAAgB,QAHb;AAIHC,YAAa,EAJV;AAKHC,aAAc,EALX,CAD0B;;AAQ/BpB,UAAW;AACTV,OAAQ,EADC;AAET+B,YAAa,CAFJ;AAGTC,eAAgB,CAHP;AAITC,gBAAiB,CAJR;AAKTC,iBAAkB,CALT;AAMTC,YAAa,MANJ,CARoB;;AAgB/BzH,KAAM;AACJ0H,cAAe,KADX;AAEJR,eAAgB,cAFZ,CAhByB,CAAlB,CAAf","file":"ScrollableTabBar.js","sourcesContent":["const React = require('react');\nconst ReactNative = require('react-native');\nimport { connectStyle, StyleProvider } from 'native-base-shoutem-theme';\nimport variable from './../../theme/variables/platform';\nimport { TabHeading, Text, TabContainer } from './../../index';\nimport _ from 'lodash';\nconst {\n View,\n Animated,\n StyleSheet,\n ScrollView,\n Platform,\n Dimensions,\n ViewPropTypes\n} = ReactNative;\nconst Button = require('./Button');\n\nconst WINDOW_WIDTH = Dimensions.get('window').width;\n\nconst ScrollableTabBar = React.createClass({\n propTypes: {\n goToPage: React.PropTypes.func,\n activeTab: React.PropTypes.number,\n tabs: React.PropTypes.array,\n backgroundColor: React.PropTypes.string,\n activeTextColor: React.PropTypes.string,\n inactiveTextColor: React.PropTypes.string,\n scrollOffset: React.PropTypes.number,\n style: ViewPropTypes.style,\n tabStyle: ViewPropTypes.style,\n tabsContainerStyle: ViewPropTypes.style,\n renderTab: React.PropTypes.func,\n underlineStyle: ViewPropTypes.style,\n onScroll:React.PropTypes.func,\n },\n contextTypes: {\n theme: React.PropTypes.object,\n },\n\n getDefaultProps() {\n return {\n scrollOffset: 52,\n activeTextColor: 'navy',\n inactiveTextColor: 'black',\n backgroundColor: null,\n style: {},\n tabStyle: {},\n tabsContainerStyle: {},\n underlineStyle: {},\n };\n },\n\n getInitialState() {\n this._tabsMeasurements = [];\n return {\n _leftTabUnderline: new Animated.Value(0),\n _widthTabUnderline: new Animated.Value(0),\n _containerWidth: null,\n };\n },\n\n componentDidMount() {\n this.props.scrollValue.addListener(this.updateView);\n },\n\n updateView(offset) {\n const position = Math.floor(offset.value);\n const pageOffset = offset.value % 1;\n const tabCount = this.props.tabs.length;\n const lastTabPosition = tabCount - 1;\n\n if (tabCount === 0 || offset.value < 0 || offset.value > lastTabPosition) {\n return;\n }\n\n if (this.necessarilyMeasurementsCompleted(position, position === lastTabPosition)) {\n this.updateTabPanel(position, pageOffset);\n this.updateTabUnderline(position, pageOffset, tabCount);\n }\n },\n\n necessarilyMeasurementsCompleted(position, isLastTab) {\n return this._tabsMeasurements[position] &&\n (isLastTab || this._tabsMeasurements[position + 1]) &&\n this._tabContainerMeasurements &&\n this._containerMeasurements;\n },\n\n updateTabPanel(position, pageOffset) {\n const containerWidth = this._containerMeasurements.width;\n const tabWidth = this._tabsMeasurements[position].width;\n const nextTabMeasurements = this._tabsMeasurements[position + 1];\n const nextTabWidth = nextTabMeasurements && nextTabMeasurements.width || 0;\n const tabOffset = this._tabsMeasurements[position].left;\n const absolutePageOffset = pageOffset * tabWidth;\n let newScrollX = tabOffset + absolutePageOffset;\n\n // center tab and smooth tab change (for when tabWidth changes a lot between two tabs)\n newScrollX -= (containerWidth - (1 - pageOffset) * tabWidth - pageOffset * nextTabWidth) / 2;\n newScrollX = newScrollX >= 0 ? newScrollX : 0;\n\n if (Platform.OS === 'android') {\n this._scrollView.scrollTo({x: newScrollX, y: 0, animated: false, });\n } else {\n const rightBoundScroll = this._tabContainerMeasurements.width - (this._containerMeasurements.width);\n newScrollX = newScrollX > rightBoundScroll ? rightBoundScroll : newScrollX;\n this._scrollView.scrollTo({x: newScrollX, y: 0, animated: false, });\n }\n\n },\n\n updateTabUnderline(position, pageOffset, tabCount) {\n const lineLeft = this._tabsMeasurements[position].left;\n const lineRight = this._tabsMeasurements[position].right;\n\n if (position < tabCount - 1) {\n const nextTabLeft = this._tabsMeasurements[position + 1].left;\n const nextTabRight = this._tabsMeasurements[position + 1].right;\n\n const newLineLeft = (pageOffset * nextTabLeft + (1 - pageOffset) * lineLeft);\n const newLineRight = (pageOffset * nextTabRight + (1 - pageOffset) * lineRight);\n\n this.state._leftTabUnderline.setValue(newLineLeft);\n this.state._widthTabUnderline.setValue(newLineRight - newLineLeft);\n } else {\n this.state._leftTabUnderline.setValue(lineLeft);\n this.state._widthTabUnderline.setValue(lineRight - lineLeft);\n }\n },\n\n renderTab(name, page, isTabActive, onPressHandler, onLayoutHandler, tabStyle, activeTabStyle, textStyle, activeTextStyle, tabHeaderStyle) {\n const headerContent = (typeof name!=='string') ? name.props.children : undefined;\n const { activeTextColor, inactiveTextColor } = this.props;\n const textColor = isTabActive ? activeTextColor : inactiveTextColor;\n const fontWeight = isTabActive ? 'bold' : 'normal';\n\n if (typeof name==='string') {\n return onPressHandler(page)}\n onLayout={onLayoutHandler}\n >\n \n \n {name}\n \n \n ;\n }\n else {\n return onPressHandler(page)}\n >\n \n {headerContent}\n \n \n }\n },\n\n measureTab(page, event) {\n const { x, width, height, } = event.nativeEvent.layout;\n this._tabsMeasurements[page] = {left: x, right: x + width, width, height, };\n this.updateView({value: this.props.scrollValue._value, });\n },\n\n render() {\n const variables = (this.context.theme) ? this.context.theme['@@shoutem.theme/themeStyle'].variables : variable;\n const tabUnderlineStyle = {\n position: 'absolute',\n height: 4,\n backgroundColor: variables.topTabBarActiveBorderColor,\n bottom: 0\n };\n\n const dynamicTabUnderline = {\n left: this.state._leftTabUnderline,\n width: this.state._widthTabUnderline,\n };\n\n return \n { this._scrollView = scrollView; }}\n horizontal={true}\n showsHorizontalScrollIndicator={false}\n showsVerticalScrollIndicator={false}\n directionalLockEnabled={true}\n onScroll={this.props.onScroll}\n bounces={false}\n scrollsToTop={false}\n >\n \n {this.props.tabs.map((name, page) => {\n const isTabActive = this.props.activeTab === page;\n const renderTab = this.props.renderTab || this.renderTab;\n return renderTab(name, page, isTabActive, this.props.goToPage, this.measureTab.bind(this, page), this.props.tabStyle[page], this.props.activeTabStyle[page], this.props.textStyle[page], this.props.activeTextStyle[page], this.props.tabHeaderStyle[page]);\n })}\n \n \n \n ;\n },\n\n componentWillReceiveProps(nextProps) {\n // If the tabs change, force the width of the tabs container to be recalculated\n if (JSON.stringify(this.props.tabs) !== JSON.stringify(nextProps.tabs) && this.state._containerWidth) {\n this.setState({ _containerWidth: null, });\n }\n },\n\n onTabContainerLayout(e) {\n this._tabContainerMeasurements = e.nativeEvent.layout;\n let width = this._tabContainerMeasurements.width;\n if (width < WINDOW_WIDTH) {\n width = WINDOW_WIDTH;\n }\n this.setState({ _containerWidth: width, });\n this.updateView({value: this.props.scrollValue._value, });\n },\n\n onContainerLayout(e) {\n this._containerMeasurements = e.nativeEvent.layout;\n this.updateView({value: this.props.scrollValue._value, });\n },\n});\n\n// module.exports = ScrollableTabBar;\nconst StyledTab = connectStyle('NativeBase.ScrollableTab', {}, mapPropsToStyleNames)(ScrollableTabBar);\nexport {\n StyledTab as ScrollableTab,\n};\nconst styles = StyleSheet.create({\n tab: {\n height: 49,\n alignItems: 'center',\n justifyContent: 'center',\n paddingLeft: 20,\n paddingRight: 20,\n },\n container: {\n height: 50,\n borderWidth: 1,\n borderTopWidth: 0,\n borderLeftWidth: 0,\n borderRightWidth: 0,\n borderColor: '#ccc',\n },\n tabs: {\n flexDirection: 'row',\n justifyContent: 'space-around',\n },\n});\n"]} \ No newline at end of file +{"version":3,"sources":["../../../../src/basic/Tabs/ScrollableTabBar.js"],"names":["React","require","ReactNative","View","Animated","StyleSheet","ScrollView","Platform","Dimensions","ViewPropTypes","Button","WINDOW_WIDTH","get","width","ScrollableTabBar","createClass","propTypes","goToPage","PropTypes","func","activeTab","number","tabs","array","backgroundColor","string","activeTextColor","inactiveTextColor","scrollOffset","style","tabStyle","tabsContainerStyle","renderTab","underlineStyle","onScroll","contextTypes","theme","object","getDefaultProps","getInitialState","_tabsMeasurements","_leftTabUnderline","Value","_widthTabUnderline","_containerWidth","componentDidMount","props","scrollValue","addListener","updateView","offset","position","Math","floor","value","pageOffset","tabCount","length","lastTabPosition","necessarilyMeasurementsCompleted","updateTabPanel","updateTabUnderline","isLastTab","_tabContainerMeasurements","_containerMeasurements","containerWidth","tabWidth","nextTabMeasurements","nextTabWidth","tabOffset","left","absolutePageOffset","newScrollX","OS","_scrollView","scrollTo","x","y","animated","rightBoundScroll","lineLeft","lineRight","right","nextTabLeft","nextTabRight","newLineLeft","newLineRight","state","setValue","name","page","isTabActive","onPressHandler","onLayoutHandler","activeTabStyle","textStyle","activeTextStyle","tabHeaderStyle","headerContent","children","undefined","textColor","fontWeight","random","measureTab","event","nativeEvent","layout","height","_value","render","variables","context","tabUnderlineStyle","topTabBarActiveBorderColor","bottom","dynamicTabUnderline","styles","container","onContainerLayout","scrollView","onTabContainerLayout","map","bind","componentWillReceiveProps","nextProps","isEqual","setState","e","StyledTab","mapPropsToStyleNames","ScrollableTab","create","tab","alignItems","justifyContent","paddingLeft","paddingRight","borderWidth","borderTopWidth","borderLeftWidth","borderRightWidth","borderColor","flexDirection"],"mappings":"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","file":"ScrollableTabBar.js","sourcesContent":["const React = require('react');\nconst ReactNative = require('react-native');\nimport { connectStyle, StyleProvider } from 'native-base-shoutem-theme';\nimport variable from './../../theme/variables/platform';\nimport { TabHeading, Text, TabContainer } from './../../index';\nimport _ from 'lodash';\nconst {\n View,\n Animated,\n StyleSheet,\n ScrollView,\n Platform,\n Dimensions,\n ViewPropTypes\n} = ReactNative;\nconst Button = require('./Button');\n\nconst WINDOW_WIDTH = Dimensions.get('window').width;\n\nconst ScrollableTabBar = React.createClass({\n propTypes: {\n goToPage: React.PropTypes.func,\n activeTab: React.PropTypes.number,\n tabs: React.PropTypes.array,\n backgroundColor: React.PropTypes.string,\n activeTextColor: React.PropTypes.string,\n inactiveTextColor: React.PropTypes.string,\n scrollOffset: React.PropTypes.number,\n style: ViewPropTypes.style,\n tabStyle: ViewPropTypes.style,\n tabsContainerStyle: ViewPropTypes.style,\n renderTab: React.PropTypes.func,\n underlineStyle: ViewPropTypes.style,\n onScroll:React.PropTypes.func,\n },\n contextTypes: {\n theme: React.PropTypes.object,\n },\n\n getDefaultProps() {\n return {\n scrollOffset: 52,\n activeTextColor: 'navy',\n inactiveTextColor: 'black',\n backgroundColor: null,\n style: {},\n tabStyle: {},\n tabsContainerStyle: {},\n underlineStyle: {},\n };\n },\n\n getInitialState() {\n this._tabsMeasurements = [];\n return {\n _leftTabUnderline: new Animated.Value(0),\n _widthTabUnderline: new Animated.Value(0),\n _containerWidth: null,\n };\n },\n\n componentDidMount() {\n this.props.scrollValue.addListener(this.updateView);\n },\n\n updateView(offset) {\n const position = Math.floor(offset.value);\n const pageOffset = offset.value % 1;\n const tabCount = this.props.tabs.length;\n const lastTabPosition = tabCount - 1;\n\n if (tabCount === 0 || offset.value < 0 || offset.value > lastTabPosition) {\n return;\n }\n\n if (this.necessarilyMeasurementsCompleted(position, position === lastTabPosition)) {\n this.updateTabPanel(position, pageOffset);\n this.updateTabUnderline(position, pageOffset, tabCount);\n }\n },\n\n necessarilyMeasurementsCompleted(position, isLastTab) {\n return this._tabsMeasurements[position] &&\n (isLastTab || this._tabsMeasurements[position + 1]) &&\n this._tabContainerMeasurements &&\n this._containerMeasurements;\n },\n\n updateTabPanel(position, pageOffset) {\n const containerWidth = this._containerMeasurements.width;\n const tabWidth = this._tabsMeasurements[position].width;\n const nextTabMeasurements = this._tabsMeasurements[position + 1];\n const nextTabWidth = nextTabMeasurements && nextTabMeasurements.width || 0;\n const tabOffset = this._tabsMeasurements[position].left;\n const absolutePageOffset = pageOffset * tabWidth;\n let newScrollX = tabOffset + absolutePageOffset;\n\n // center tab and smooth tab change (for when tabWidth changes a lot between two tabs)\n newScrollX -= (containerWidth - (1 - pageOffset) * tabWidth - pageOffset * nextTabWidth) / 2;\n newScrollX = newScrollX >= 0 ? newScrollX : 0;\n\n if (Platform.OS === 'android') {\n this._scrollView.scrollTo({x: newScrollX, y: 0, animated: false, });\n } else {\n const rightBoundScroll = this._tabContainerMeasurements.width - (this._containerMeasurements.width);\n newScrollX = newScrollX > rightBoundScroll ? rightBoundScroll : newScrollX;\n this._scrollView.scrollTo({x: newScrollX, y: 0, animated: false, });\n }\n\n },\n\n updateTabUnderline(position, pageOffset, tabCount) {\n const lineLeft = this._tabsMeasurements[position].left;\n const lineRight = this._tabsMeasurements[position].right;\n\n if (position < tabCount - 1) {\n const nextTabLeft = this._tabsMeasurements[position + 1].left;\n const nextTabRight = this._tabsMeasurements[position + 1].right;\n\n const newLineLeft = (pageOffset * nextTabLeft + (1 - pageOffset) * lineLeft);\n const newLineRight = (pageOffset * nextTabRight + (1 - pageOffset) * lineRight);\n\n this.state._leftTabUnderline.setValue(newLineLeft);\n this.state._widthTabUnderline.setValue(newLineRight - newLineLeft);\n } else {\n this.state._leftTabUnderline.setValue(lineLeft);\n this.state._widthTabUnderline.setValue(lineRight - lineLeft);\n }\n },\n\n renderTab(name, page, isTabActive, onPressHandler, onLayoutHandler, tabStyle, activeTabStyle, textStyle, activeTextStyle, tabHeaderStyle) {\n const headerContent = (typeof name!=='string') ? name.props.children : undefined;\n const { activeTextColor, inactiveTextColor } = this.props;\n const textColor = isTabActive ? activeTextColor : inactiveTextColor;\n const fontWeight = isTabActive ? 'bold' : 'normal';\n\n if (typeof name==='string') {\n return onPressHandler(page)}\n onLayout={onLayoutHandler}\n >\n \n \n {name}\n \n \n ;\n }\n else {\n return onPressHandler(page)}\n >\n \n {headerContent}\n \n \n }\n },\n\n measureTab(page, event) {\n const { x, width, height, } = event.nativeEvent.layout;\n this._tabsMeasurements[page] = {left: x, right: x + width, width, height, };\n this.updateView({value: this.props.scrollValue._value, });\n },\n\n render() {\n const variables = (this.context.theme) ? this.context.theme['@@shoutem.theme/themeStyle'].variables : variable;\n const tabUnderlineStyle = {\n position: 'absolute',\n height: 4,\n backgroundColor: variables.topTabBarActiveBorderColor,\n bottom: 0\n };\n\n const dynamicTabUnderline = {\n left: this.state._leftTabUnderline,\n width: this.state._widthTabUnderline,\n };\n\n return \n { this._scrollView = scrollView; }}\n horizontal={true}\n showsHorizontalScrollIndicator={false}\n showsVerticalScrollIndicator={false}\n directionalLockEnabled={true}\n onScroll={this.props.onScroll}\n bounces={false}\n scrollsToTop={false}\n >\n \n {this.props.tabs.map((name, page) => {\n const isTabActive = this.props.activeTab === page;\n const renderTab = this.props.renderTab || this.renderTab;\n return renderTab(name, page, isTabActive, this.props.goToPage, this.measureTab.bind(this, page), this.props.tabStyle[page], this.props.activeTabStyle[page], this.props.textStyle[page], this.props.activeTextStyle[page], this.props.tabHeaderStyle[page]);\n })}\n \n \n \n ;\n },\n\n componentWillReceiveProps(nextProps) {\n // If the tabs change, force the width of the tabs container to be recalculated\n if (!_.isEqual(this.props.tabs, nextProps.tabs) && this.state._containerWidth) {\n this.setState({ _containerWidth: null, });\n }\n },\n\n onTabContainerLayout(e) {\n this._tabContainerMeasurements = e.nativeEvent.layout;\n let width = this._tabContainerMeasurements.width;\n if (width < WINDOW_WIDTH) {\n width = WINDOW_WIDTH;\n }\n this.setState({ _containerWidth: width, });\n this.updateView({value: this.props.scrollValue._value, });\n },\n\n onContainerLayout(e) {\n this._containerMeasurements = e.nativeEvent.layout;\n this.updateView({value: this.props.scrollValue._value, });\n },\n});\n\n// module.exports = ScrollableTabBar;\nconst StyledTab = connectStyle('NativeBase.ScrollableTab', {}, mapPropsToStyleNames)(ScrollableTabBar);\nexport {\n StyledTab as ScrollableTab,\n};\nconst styles = StyleSheet.create({\n tab: {\n height: 49,\n alignItems: 'center',\n justifyContent: 'center',\n paddingLeft: 20,\n paddingRight: 20,\n },\n container: {\n height: 50,\n borderWidth: 1,\n borderTopWidth: 0,\n borderLeftWidth: 0,\n borderRightWidth: 0,\n borderColor: '#ccc',\n },\n tabs: {\n flexDirection: 'row',\n justifyContent: 'space-around',\n },\n});\n"]} \ No newline at end of file diff --git a/dist/src/index.js b/dist/src/index.js index 9bc544442..0eb89e112 100644 --- a/dist/src/index.js +++ b/dist/src/index.js @@ -54,7 +54,6 @@ var _Tabs=require('./basic/Tabs');var _Tabs2=_interopRequireDefault(_Tabs); var _DefaultTabBar=require('./basic/Tabs/DefaultTabBar'); var _ScrollableTabBar=require('./basic/Tabs/ScrollableTabBar'); var _STabs=require('./smart/STabs'); - var _Subtitle=require('./backward/Widgets/Subtitle');function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj};} (0,_init2.default)();exports. diff --git a/dist/src/index.js.map b/dist/src/index.js.map index 1637c3d3e..9c414e2b3 100644 --- a/dist/src/index.js.map +++ b/dist/src/index.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../src/index.js"],"names":["Swipeout","getTheme","variables","StyleProvider","connectStyle","Drawer","Button","IconNB","Icon","Header","Form","InputGroup","Input","Title","Fab","Left","Right","Body","Badge","CheckBox","Radio","Thumbnail","Card","CardItem","H1","H2","H3","Spinner","Switch","Container","Content","Footer","Tab","Tabs","FooterTab","Picker","List","ListItem","Separator","DeckSwiper","Item","Subtitle","Label","Textarea","Gravatar","Col","Row","Grid","Text","STabs","TabContent","View","Toast","ScrollableTab","ActionSheet","TabHeading","TabContainer","DefaultTabBar","Segment","mapPropsToStyleNames","styleNames","props"],"mappings":"u/BAAA;AACA;AACA;AACA;AACA,4B;AACA,8C;AACA,oD;AACA,sC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kC;AACA;AACA;AACA;;AAEA,qD;;AAEA,qB;;;AAGEA,Q;AACAC,Q;AACAC,S;AACAC,a;AACAC,Y;AACAC,M;AACAC,M;AACAC,M;AACAC,I;AACAC,M;AACAC,I;AACAC,U;AACAC,K;AACAC,K;AACAC,G;AACAC,I;AACAC,K;AACAC,I;AACAC,K;AACAC,Q;AACAC,K;AACAC,S;AACAC,I;AACAC,Q;AACAC,E;AACAC,E;AACAC,E;AACAC,O;AACAC,M;AACAC,S;AACAC,O;AACAC,M;AACAC,G;AACqBC,I;AACrBC,S;AACYC,M;AACZC,I;AACAC,Q;AACAC,S;AACAC,U;AACAC,I;AACAC,Q;AACAC,K;AACAC,Q;AACAC,Q;AACAC,G;AACAC,G;AACAC,I;AACAC,I;AACAC,K;AACAC,U;AACAC,I;AACkBC,K;AAClBC,a;AACwBC,W;AACxBC,U;AACAC,Y;AACAC,a;AACAC,O;;;AAGF,GAAMC,sBAAuB,QAAvBA,qBAAuB,CAACC,UAAD,CAAaC,KAAb,QAAuB,iBAAKA,KAAL,CAAvB,EAA7B,C;;AAESF,oB,CAAAA,oB","file":"index.js","sourcesContent":["import { StyleProvider, connectStyle } from 'native-base-shoutem-theme';\nimport { keys } from 'lodash';\nimport { Col, Row, Grid } from 'react-native-easy-grid';\nimport { Gravatar } from './backward/Widgets/Gravatar';\nimport setDefaultThemeStyle from './init';\nimport getTheme from './theme/components';\nimport variables from './theme/variables/platform';\nimport Drawer from './basic/Drawer';\nimport { Swipeout } from './basic/Swipe';\nimport { Text } from './basic/Text';\nimport { ViewNB as View } from './basic/View';\nimport { Button } from './basic/Button';\nimport { TabHeading } from './basic/TabHeading';\nimport { TabContainer } from './basic/TabContainer';\nimport { IconNB } from './basic/IconNB';\nimport { Icon } from './basic/Icon';\nimport { Header } from './basic/Header';\nimport { InputGroup } from './basic/InputGroup';\nimport { Input } from './basic/Input';\nimport { Title } from './basic/Title';\nimport { Fab } from './basic/Fab';\nimport { Left } from './basic/Left';\nimport { Right } from './basic/Right';\nimport { Body } from './basic/Body';\nimport { Badge } from './basic/Badge';\nimport { CheckBox } from './basic/Checkbox';\nimport { Radio } from './basic/Radio';\nimport { Thumbnail } from './basic/Thumbnail';\nimport { Card } from './basic/Card';\nimport { CardItem } from './basic/CardItem';\nimport { H1 } from './basic/H1';\nimport { H2 } from './basic/H2';\nimport { H3 } from './basic/H3';\nimport { Spinner } from './basic/Spinner';\nimport { Switch } from './basic/Switch';\nimport { Container } from './basic/Container';\nimport { Content } from './basic/Content';\nimport { Footer } from './basic/Footer';\nimport { FooterTab } from './basic/FooterTab';\nimport { Form } from './basic/Form';\nimport { ToastContainer } from './basic/ToastContainer';\nimport { ActionSheetContainer } from './basic/Actionsheet';\nimport { PickerNB } from './basic/Picker';\nimport { List } from './basic/List';\nimport { ListItem } from './basic/ListItem';\nimport { Separator } from './basic/Separator';\nimport { DeckSwiper } from './basic/DeckSwiper';\nimport { Item } from './basic/Item';\nimport { Segment } from './basic/Segment';\nimport { Label } from './basic/Label';\nimport { Textarea } from './basic/Textarea';\nimport { Tab } from './basic/Tab';\nimport ScrollableTabView from './basic/Tabs';\nimport { DefaultTabBar } from './basic/Tabs/DefaultTabBar';\nimport { ScrollableTab } from './basic/Tabs/ScrollableTabBar';\nimport { STabs } from './smart/STabs';\nimport { Content as TabContent } from './basic/Content';\nimport { Subtitle } from './backward/Widgets/Subtitle';\n\nsetDefaultThemeStyle();\n// Theme\nexport {\n Swipeout,\n getTheme,\n variables,\n StyleProvider,\n connectStyle,\n Drawer,\n Button,\n IconNB,\n Icon,\n Header,\n Form,\n InputGroup,\n Input,\n Title,\n Fab,\n Left,\n Right,\n Body,\n Badge,\n CheckBox,\n Radio,\n Thumbnail,\n Card,\n CardItem,\n H1,\n H2,\n H3,\n Spinner,\n Switch,\n Container,\n Content,\n Footer,\n Tab,\n ScrollableTabView as Tabs,\n FooterTab,\n PickerNB as Picker,\n List,\n ListItem,\n Separator,\n DeckSwiper,\n Item,\n Subtitle,\n Label,\n Textarea,\n Gravatar,\n Col,\n Row,\n Grid,\n Text,\n STabs,\n TabContent,\n View,\n ToastContainer as Toast,\n ScrollableTab,\n ActionSheetContainer as ActionSheet,\n TabHeading,\n TabContainer,\n DefaultTabBar,\n Segment\n};\n\nconst mapPropsToStyleNames = (styleNames, props) => keys(props);\n\nexport { mapPropsToStyleNames };\n"]} \ No newline at end of file +{"version":3,"sources":["../../src/index.js"],"names":["Swipeout","getTheme","variables","StyleProvider","connectStyle","Drawer","Button","IconNB","Icon","Header","Form","InputGroup","Input","Title","Fab","Left","Right","Body","Badge","CheckBox","Radio","Thumbnail","Card","CardItem","H1","H2","H3","Spinner","Switch","Container","Content","Footer","Tab","Tabs","FooterTab","Picker","List","ListItem","Separator","DeckSwiper","Item","Subtitle","Label","Textarea","Gravatar","Col","Row","Grid","Text","STabs","TabContent","View","Toast","ScrollableTab","ActionSheet","TabHeading","TabContainer","DefaultTabBar","Segment","mapPropsToStyleNames","styleNames","props"],"mappings":"u/BAAA;AACA;AACA;AACA;AACA,4B;AACA,8C;AACA,oD;AACA,sC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kC;AACA;AACA;AACA;AACA,qD;;AAEA,qB;;;AAGEA,Q;AACAC,Q;AACAC,S;AACAC,a;AACAC,Y;AACAC,M;AACAC,M;AACAC,M;AACAC,I;AACAC,M;AACAC,I;AACAC,U;AACAC,K;AACAC,K;AACAC,G;AACAC,I;AACAC,K;AACAC,I;AACAC,K;AACAC,Q;AACAC,K;AACAC,S;AACAC,I;AACAC,Q;AACAC,E;AACAC,E;AACAC,E;AACAC,O;AACAC,M;AACAC,S;AACAC,O;AACAC,M;AACAC,G;AACqBC,I;AACrBC,S;AACYC,M;AACZC,I;AACAC,Q;AACAC,S;AACAC,U;AACAC,I;AACAC,Q;AACAC,K;AACAC,Q;AACAC,Q;AACAC,G;AACAC,G;AACAC,I;AACAC,I;AACAC,K;AACWC,U;AACXC,I;AACkBC,K;AAClBC,a;AACwBC,W;AACxBC,U;AACAC,Y;AACAC,a;AACAC,O;;;AAGF,GAAMC,sBAAuB,QAAvBA,qBAAuB,CAACC,UAAD,CAAaC,KAAb,QAAuB,iBAAKA,KAAL,CAAvB,EAA7B,C;;AAESF,oB,CAAAA,oB","file":"index.js","sourcesContent":["import { StyleProvider, connectStyle } from 'native-base-shoutem-theme';\nimport { keys } from 'lodash';\nimport { Col, Row, Grid } from 'react-native-easy-grid';\nimport { Gravatar } from './backward/Widgets/Gravatar';\nimport setDefaultThemeStyle from './init';\nimport getTheme from './theme/components';\nimport variables from './theme/variables/platform';\nimport Drawer from './basic/Drawer';\nimport { Swipeout } from './basic/Swipe';\nimport { Text } from './basic/Text';\nimport { ViewNB as View } from './basic/View';\nimport { Button } from './basic/Button';\nimport { TabHeading } from './basic/TabHeading';\nimport { TabContainer } from './basic/TabContainer';\nimport { IconNB } from './basic/IconNB';\nimport { Icon } from './basic/Icon';\nimport { Header } from './basic/Header';\nimport { InputGroup } from './basic/InputGroup';\nimport { Input } from './basic/Input';\nimport { Title } from './basic/Title';\nimport { Fab } from './basic/Fab';\nimport { Left } from './basic/Left';\nimport { Right } from './basic/Right';\nimport { Body } from './basic/Body';\nimport { Badge } from './basic/Badge';\nimport { CheckBox } from './basic/Checkbox';\nimport { Radio } from './basic/Radio';\nimport { Thumbnail } from './basic/Thumbnail';\nimport { Card } from './basic/Card';\nimport { CardItem } from './basic/CardItem';\nimport { H1 } from './basic/H1';\nimport { H2 } from './basic/H2';\nimport { H3 } from './basic/H3';\nimport { Spinner } from './basic/Spinner';\nimport { Switch } from './basic/Switch';\nimport { Container } from './basic/Container';\nimport { Content } from './basic/Content';\nimport { Footer } from './basic/Footer';\nimport { FooterTab } from './basic/FooterTab';\nimport { Form } from './basic/Form';\nimport { ToastContainer } from './basic/ToastContainer';\nimport { ActionSheetContainer } from './basic/Actionsheet';\nimport { PickerNB } from './basic/Picker';\nimport { List } from './basic/List';\nimport { ListItem } from './basic/ListItem';\nimport { Separator } from './basic/Separator';\nimport { DeckSwiper } from './basic/DeckSwiper';\nimport { Item } from './basic/Item';\nimport { Segment } from './basic/Segment';\nimport { Label } from './basic/Label';\nimport { Textarea } from './basic/Textarea';\nimport { Tab } from './basic/Tab';\nimport ScrollableTabView from './basic/Tabs';\nimport { DefaultTabBar } from './basic/Tabs/DefaultTabBar';\nimport { ScrollableTab } from './basic/Tabs/ScrollableTabBar';\nimport { STabs } from './smart/STabs';\nimport { Subtitle } from './backward/Widgets/Subtitle';\n\nsetDefaultThemeStyle();\n// Theme\nexport {\n Swipeout,\n getTheme,\n variables,\n StyleProvider,\n connectStyle,\n Drawer,\n Button,\n IconNB,\n Icon,\n Header,\n Form,\n InputGroup,\n Input,\n Title,\n Fab,\n Left,\n Right,\n Body,\n Badge,\n CheckBox,\n Radio,\n Thumbnail,\n Card,\n CardItem,\n H1,\n H2,\n H3,\n Spinner,\n Switch,\n Container,\n Content,\n Footer,\n Tab,\n ScrollableTabView as Tabs,\n FooterTab,\n PickerNB as Picker,\n List,\n ListItem,\n Separator,\n DeckSwiper,\n Item,\n Subtitle,\n Label,\n Textarea,\n Gravatar,\n Col,\n Row,\n Grid,\n Text,\n STabs,\n Content as TabContent,\n View,\n ToastContainer as Toast,\n ScrollableTab,\n ActionSheetContainer as ActionSheet,\n TabHeading,\n TabContainer,\n DefaultTabBar,\n Segment,\n};\n\nconst mapPropsToStyleNames = (styleNames, props) => keys(props);\n\nexport { mapPropsToStyleNames };\n"]} \ No newline at end of file diff --git a/dist/src/theme/variables/commonColor.js b/dist/src/theme/variables/commonColor.js index 62b798fe1..2acbb1c04 100644 --- a/dist/src/theme/variables/commonColor.js +++ b/dist/src/theme/variables/commonColor.js @@ -170,7 +170,7 @@ toolbarTextColor:'#fff', iosStatusbar:'light-content', toolbarDefaultBorder:'#2874F0', get statusBarColor(){ -return(0,_color2.default)(this.toolbarDefaultBg).darken(0.2).hexString(); +return(0,_color2.default)(this.toolbarDefaultBg).darken(0.2).hex(); }, @@ -243,7 +243,7 @@ radioBtnLineHeight:platform==='ios'?29:24, radioColor:'#7e7e7e', get radioSelectedColor(){ -return(0,_color2.default)(this.radioColor).darken(0.2).hexString(); +return(0,_color2.default)(this.radioColor).darken(0.2).hex(); }, @@ -280,7 +280,7 @@ borderWidth:1/_reactNative.PixelRatio.getPixelSizeForLayoutSize(1), contentPadding:10, get darkenHeader(){ -return(0,_color2.default)(this.tabBgColor).darken(0.03).hexString(); +return(0,_color2.default)(this.tabBgColor).darken(0.03).hex(); }, dropdownBg:'#000', diff --git a/dist/src/theme/variables/commonColor.js.map b/dist/src/theme/variables/commonColor.js.map index 01ac168aa..b6c58ea47 100644 --- a/dist/src/theme/variables/commonColor.js.map +++ b/dist/src/theme/variables/commonColor.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../../../src/theme/variables/commonColor.js"],"names":["deviceHeight","get","height","deviceWidth","width","platform","OS","platformStyle","undefined","androidRipple","androidRippleColor","androidRippleColorDark","badgeBg","badgeColor","badgePadding","btnFontFamily","btnDisabledBg","btnDisabledClr","CheckboxRadius","CheckboxBorderWidth","CheckboxPaddingLeft","CheckboxPaddingBottom","CheckboxIconSize","CheckboxIconMarginTop","CheckboxFontSize","DefaultFontSize","checkboxBgColor","checkboxSize","checkboxTickColor","segmentBackgroundColor","segmentActiveBackgroundColor","segmentTextColor","segmentActiveTextColor","segmentBorderColor","segmentBorderColorMain","defaultTextColor","textColor","btnPrimaryBg","brandPrimary","btnPrimaryColor","inverseTextColor","btnInfoBg","brandInfo","btnInfoColor","btnSuccessBg","brandSuccess","btnSuccessColor","btnDangerBg","brandDanger","btnDangerColor","btnWarningBg","brandWarning","btnWarningColor","btnTextSize","fontSizeBase","btnTextSizeLarge","btnTextSizeSmall","borderRadiusLarge","buttonPadding","iconSizeLarge","iconFontSize","iconSizeSmall","cardDefaultBg","brandSidebar","fontFamily","fontSizeH1","fontSizeH2","fontSizeH3","footerHeight","footerDefaultBg","tabBarTextColor","tabBarTextSize","activeTab","sTabBarActiveTextColor","tabBarActiveTextColor","tabActiveBgColor","tabDefaultBg","topTabBarTextColor","topTabBarActiveTextColor","topTabActiveBgColor","topTabBarBorderColor","topTabBarActiveBorderColor","toolbarBtnColor","toolbarDefaultBg","toolbarHeight","toolbarIconSize","toolbarSearchIconSize","toolbarInputColor","searchBarHeight","toolbarInverseBg","toolbarTextColor","iosStatusbar","toolbarDefaultBorder","statusBarColor","darken","hexString","iconFamily","iconMargin","iconHeaderSize","inputFontSize","inputBorderColor","inputSuccessBorderColor","inputErrorBorderColor","inputColor","inputColorPlaceholder","inputGroupMarginBottom","inputHeightBase","inputPaddingLeft","inputPaddingLeftIcon","btnLineHeight","lineHeightH1","lineHeightH2","lineHeightH3","iconLineHeight","lineHeight","listBorderColor","listDividerBg","listItemHeight","listBtnUnderlayColor","cardBorderColor","listItemPadding","listNoteColor","listNoteSize","defaultProgressColor","inverseProgressColor","radioBtnSize","radioSelectedColorAndroid","radioBtnLineHeight","radioColor","radioSelectedColor","defaultSpinnerColor","inverseSpinnerColor","tabBgColor","tabFontSize","tabTextColor","noteFontSize","titleFontfamily","titleFontSize","subTitleFontSize","subtitleColor","titleFontColor","borderRadiusBase","borderWidth","getPixelSizeForLayoutSize","contentPadding","darkenHeader","dropdownBg","dropdownLinkColor","inputLineHeight","jumbotronBg","jumbotronPadding","inputGroupRoundedBorderRadius"],"mappings":"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","file":"commonColor.js","sourcesContent":["import color from 'color';\n\nimport { Platform, Dimensions, PixelRatio } from 'react-native';\n\nconst deviceHeight = Dimensions.get('window').height;\nconst deviceWidth = Dimensions.get('window').width;\nconst platform = Platform.OS;\nconst platformStyle = undefined;\n\nexport default {\n platformStyle,\n platform,\n // AndroidRipple\n androidRipple: true,\n androidRippleColor: 'rgba(256, 256, 256, 0.3)',\n androidRippleColorDark: 'rgba(0, 0, 0, 0.15)',\n\n // Badge\n badgeBg: '#ED1727',\n badgeColor: '#fff',\n // New Variable\n badgePadding: (platform === 'ios') ? 3 : 0,\n\n // Button\n btnFontFamily: (platform === 'ios') ? 'System' : 'Roboto_medium',\n btnDisabledBg: '#b5b5b5',\n btnDisabledClr: '#f1f1f1',\n\n // CheckBox\n CheckboxRadius: (platform === 'ios') ? 13 : 0,\n CheckboxBorderWidth: (platform === 'ios') ? 1 : 2,\n CheckboxPaddingLeft: (platform === 'ios') ? 4 : 2,\n CheckboxPaddingBottom: (platform === 'ios') ? 0 : 5,\n CheckboxIconSize: (platform === 'ios') ? 21 : 14,\n CheckboxIconMarginTop: (platform === 'ios') ? undefined : 1,\n CheckboxFontSize: (platform === 'ios') ? (23 / 0.9) : 18,\n DefaultFontSize: 17,\n checkboxBgColor: '#039BE5',\n checkboxSize: 20,\n checkboxTickColor: '#fff',\n\n // Segment\n segmentBackgroundColor: '#3F51B5',\n segmentActiveBackgroundColor: '#fff',\n segmentTextColor: '#fff',\n segmentActiveTextColor: '#3F51B5',\n segmentBorderColor: '#fff',\n segmentBorderColorMain: '#3F51B5',\n \n // New Variable\n get defaultTextColor() {\n return this.textColor;\n },\n\n\n get btnPrimaryBg() {\n return this.brandPrimary;\n },\n get btnPrimaryColor() {\n return this.inverseTextColor;\n },\n get btnInfoBg() {\n return this.brandInfo;\n },\n get btnInfoColor() {\n return this.inverseTextColor;\n },\n get btnSuccessBg() {\n return this.brandSuccess;\n },\n get btnSuccessColor() {\n return this.inverseTextColor;\n },\n get btnDangerBg() {\n return this.brandDanger;\n },\n get btnDangerColor() {\n return this.inverseTextColor;\n },\n get btnWarningBg() {\n return this.brandWarning;\n },\n get btnWarningColor() {\n return this.inverseTextColor;\n },\n get btnTextSize() {\n return (platform === 'ios') ? this.fontSizeBase * 1.1 :\n this.fontSizeBase - 1;\n },\n get btnTextSizeLarge() {\n return this.fontSizeBase * 1.5;\n },\n get btnTextSizeSmall() {\n return this.fontSizeBase * 0.8;\n },\n get borderRadiusLarge() {\n return this.fontSizeBase * 3.8;\n },\n\n buttonPadding: 6,\n\n get iconSizeLarge() {\n return this.iconFontSize * 1.5;\n },\n get iconSizeSmall() {\n return this.iconFontSize * 0.6;\n },\n\n\n // Card\n cardDefaultBg: '#fff',\n\n\n // Color\n brandPrimary: '#2874F0',\n brandInfo: '#62B1F6',\n brandSuccess: '#5cb85c',\n brandDanger: '#d9534f',\n brandWarning: '#f0ad4e',\n brandSidebar: '#252932',\n\n\n // Font\n fontFamily: (platform === 'ios') ? 'System' : 'Roboto',\n fontSizeBase: 15,\n\n get fontSizeH1() {\n return this.fontSizeBase * 1.8;\n },\n get fontSizeH2() {\n return this.fontSizeBase * 1.6;\n },\n get fontSizeH3() {\n return this.fontSizeBase * 1.4;\n },\n\n\n // Footer\n footerHeight: 55,\n footerDefaultBg: '#2874F0',\n\n\n // FooterTab\n tabBarTextColor: '#8bb3f4',\n tabBarTextSize: (platform === 'ios') ? 14 : 11,\n activeTab: (platform === 'ios') ? '#007aff' : '#fff',\n sTabBarActiveTextColor: '#007aff',\n tabBarActiveTextColor: '#fff',\n tabActiveBgColor: (platform === 'ios') ? '#1569f4' : undefined,\n\n // Tab\n tabDefaultBg: '#2874F0',\n topTabBarTextColor: '#b3c7f9',\n topTabBarActiveTextColor: '#fff',\n topTabActiveBgColor: (platform === 'ios') ? '#1569f4' : undefined,\n topTabBarBorderColor: '#fff',\n topTabBarActiveBorderColor: '#fff',\n\n\n // Header\n toolbarBtnColor: '#fff',\n toolbarDefaultBg: '#2874F0',\n toolbarHeight: (platform === 'ios') ? 64 : 56,\n toolbarIconSize: (platform === 'ios') ? 20 : 22,\n toolbarSearchIconSize: (platform === 'ios') ? 20 : 23,\n toolbarInputColor: (platform === 'ios') ? '#CECDD2' : '#fff',\n searchBarHeight: (platform === 'ios') ? 30 : 40,\n toolbarInverseBg: '#222',\n toolbarTextColor: '#fff',\n iosStatusbar: 'light-content',\n toolbarDefaultBorder: '#2874F0',\n get statusBarColor() {\n return color(this.toolbarDefaultBg).darken(0.2).hexString();\n },\n\n\n // Icon\n iconFamily: 'Ionicons',\n iconFontSize: (platform === 'ios') ? 30 : 28,\n iconMargin: 7,\n iconHeaderSize: (platform === 'ios') ? 33 : 24,\n\n\n // InputGroup\n inputFontSize: 17,\n inputBorderColor: '#D9D5DC',\n inputSuccessBorderColor: '#2b8339',\n inputErrorBorderColor: '#ed2f2f',\n\n get inputColor() {\n return this.textColor;\n },\n get inputColorPlaceholder() {\n return '#575757';\n },\n\n inputGroupMarginBottom: 10,\n inputHeightBase: 50,\n inputPaddingLeft: 5,\n\n get inputPaddingLeftIcon() {\n return this.inputPaddingLeft * 8;\n },\n\n\n // Line Height\n btnLineHeight: 19,\n lineHeightH1: 32,\n lineHeightH2: 27,\n lineHeightH3: 22,\n iconLineHeight: (platform === 'ios') ? 37 : 30,\n lineHeight: (platform === 'ios') ? 20 : 24,\n\n\n // List\n listBorderColor: '#c9c9c9',\n listDividerBg: '#f4f4f4',\n listItemHeight: 45,\n listBtnUnderlayColor: '#DDD',\n\n // Card\n cardBorderColor: '#ccc',\n\n // Changed Variable\n listItemPadding: (platform === 'ios') ? 10 : 12,\n\n listNoteColor: '#808080',\n listNoteSize: 13,\n\n\n // Progress Bar\n defaultProgressColor: '#E4202D',\n inverseProgressColor: '#1A191B',\n\n\n // Radio Button\n radioBtnSize: (platform === 'ios') ? 25 : 23,\n radioSelectedColorAndroid: '#5067FF',\n\n // New Variable\n radioBtnLineHeight: (platform === 'ios') ? 29 : 24,\n\n radioColor: '#7e7e7e',\n\n get radioSelectedColor() {\n return color(this.radioColor).darken(0.2).hexString();\n },\n\n\n // Spinner\n defaultSpinnerColor: '#45D56E',\n inverseSpinnerColor: '#1A191B',\n\n\n // Tabs\n tabBgColor: '#F8F8F8',\n tabFontSize: 15,\n tabTextColor: '#222222',\n\n\n // Text\n textColor: '#000',\n inverseTextColor: '#fff',\n noteFontSize: 14,\n\n\n // Title\n titleFontfamily: (platform === 'ios') ? 'System' : 'Roboto_medium',\n titleFontSize: (platform === 'ios') ? 17 : 19,\n subTitleFontSize: (platform === 'ios') ? 12 : 14,\n subtitleColor: '#FFF',\n\n // New Variable\n titleFontColor: '#FFF',\n\n\n // Other\n borderRadiusBase: (platform === 'ios') ? 5 : 2,\n borderWidth: (1/PixelRatio.getPixelSizeForLayoutSize(1)),\n contentPadding: 10,\n\n get darkenHeader() {\n return color(this.tabBgColor).darken(0.03).hexString();\n },\n\n dropdownBg: '#000',\n dropdownLinkColor: '#414142',\n inputLineHeight: 24,\n jumbotronBg: '#C9C9CE',\n jumbotronPadding: 30,\n deviceWidth,\n deviceHeight,\n\n // New Variable\n inputGroupRoundedBorderRadius: 30,\n};\n"]} \ No newline at end of file +{"version":3,"sources":["../../../../src/theme/variables/commonColor.js"],"names":["deviceHeight","get","height","deviceWidth","width","platform","OS","platformStyle","undefined","androidRipple","androidRippleColor","androidRippleColorDark","badgeBg","badgeColor","badgePadding","btnFontFamily","btnDisabledBg","btnDisabledClr","CheckboxRadius","CheckboxBorderWidth","CheckboxPaddingLeft","CheckboxPaddingBottom","CheckboxIconSize","CheckboxIconMarginTop","CheckboxFontSize","DefaultFontSize","checkboxBgColor","checkboxSize","checkboxTickColor","segmentBackgroundColor","segmentActiveBackgroundColor","segmentTextColor","segmentActiveTextColor","segmentBorderColor","segmentBorderColorMain","defaultTextColor","textColor","btnPrimaryBg","brandPrimary","btnPrimaryColor","inverseTextColor","btnInfoBg","brandInfo","btnInfoColor","btnSuccessBg","brandSuccess","btnSuccessColor","btnDangerBg","brandDanger","btnDangerColor","btnWarningBg","brandWarning","btnWarningColor","btnTextSize","fontSizeBase","btnTextSizeLarge","btnTextSizeSmall","borderRadiusLarge","buttonPadding","iconSizeLarge","iconFontSize","iconSizeSmall","cardDefaultBg","brandSidebar","fontFamily","fontSizeH1","fontSizeH2","fontSizeH3","footerHeight","footerDefaultBg","tabBarTextColor","tabBarTextSize","activeTab","sTabBarActiveTextColor","tabBarActiveTextColor","tabActiveBgColor","tabDefaultBg","topTabBarTextColor","topTabBarActiveTextColor","topTabActiveBgColor","topTabBarBorderColor","topTabBarActiveBorderColor","toolbarBtnColor","toolbarDefaultBg","toolbarHeight","toolbarIconSize","toolbarSearchIconSize","toolbarInputColor","searchBarHeight","toolbarInverseBg","toolbarTextColor","iosStatusbar","toolbarDefaultBorder","statusBarColor","darken","hex","iconFamily","iconMargin","iconHeaderSize","inputFontSize","inputBorderColor","inputSuccessBorderColor","inputErrorBorderColor","inputColor","inputColorPlaceholder","inputGroupMarginBottom","inputHeightBase","inputPaddingLeft","inputPaddingLeftIcon","btnLineHeight","lineHeightH1","lineHeightH2","lineHeightH3","iconLineHeight","lineHeight","listBorderColor","listDividerBg","listItemHeight","listBtnUnderlayColor","cardBorderColor","listItemPadding","listNoteColor","listNoteSize","defaultProgressColor","inverseProgressColor","radioBtnSize","radioSelectedColorAndroid","radioBtnLineHeight","radioColor","radioSelectedColor","defaultSpinnerColor","inverseSpinnerColor","tabBgColor","tabFontSize","tabTextColor","noteFontSize","titleFontfamily","titleFontSize","subTitleFontSize","subtitleColor","titleFontColor","borderRadiusBase","borderWidth","getPixelSizeForLayoutSize","contentPadding","darkenHeader","dropdownBg","dropdownLinkColor","inputLineHeight","jumbotronBg","jumbotronPadding","inputGroupRoundedBorderRadius"],"mappings":"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","file":"commonColor.js","sourcesContent":["import color from 'color';\n\nimport { Platform, Dimensions, PixelRatio } from 'react-native';\n\nconst deviceHeight = Dimensions.get('window').height;\nconst deviceWidth = Dimensions.get('window').width;\nconst platform = Platform.OS;\nconst platformStyle = undefined;\n\nexport default {\n platformStyle,\n platform,\n // AndroidRipple\n androidRipple: true,\n androidRippleColor: 'rgba(256, 256, 256, 0.3)',\n androidRippleColorDark: 'rgba(0, 0, 0, 0.15)',\n\n // Badge\n badgeBg: '#ED1727',\n badgeColor: '#fff',\n // New Variable\n badgePadding: (platform === 'ios') ? 3 : 0,\n\n // Button\n btnFontFamily: (platform === 'ios') ? 'System' : 'Roboto_medium',\n btnDisabledBg: '#b5b5b5',\n btnDisabledClr: '#f1f1f1',\n\n // CheckBox\n CheckboxRadius: (platform === 'ios') ? 13 : 0,\n CheckboxBorderWidth: (platform === 'ios') ? 1 : 2,\n CheckboxPaddingLeft: (platform === 'ios') ? 4 : 2,\n CheckboxPaddingBottom: (platform === 'ios') ? 0 : 5,\n CheckboxIconSize: (platform === 'ios') ? 21 : 14,\n CheckboxIconMarginTop: (platform === 'ios') ? undefined : 1,\n CheckboxFontSize: (platform === 'ios') ? (23 / 0.9) : 18,\n DefaultFontSize: 17,\n checkboxBgColor: '#039BE5',\n checkboxSize: 20,\n checkboxTickColor: '#fff',\n\n // Segment\n segmentBackgroundColor: '#3F51B5',\n segmentActiveBackgroundColor: '#fff',\n segmentTextColor: '#fff',\n segmentActiveTextColor: '#3F51B5',\n segmentBorderColor: '#fff',\n segmentBorderColorMain: '#3F51B5',\n\n // New Variable\n get defaultTextColor() {\n return this.textColor;\n },\n\n\n get btnPrimaryBg() {\n return this.brandPrimary;\n },\n get btnPrimaryColor() {\n return this.inverseTextColor;\n },\n get btnInfoBg() {\n return this.brandInfo;\n },\n get btnInfoColor() {\n return this.inverseTextColor;\n },\n get btnSuccessBg() {\n return this.brandSuccess;\n },\n get btnSuccessColor() {\n return this.inverseTextColor;\n },\n get btnDangerBg() {\n return this.brandDanger;\n },\n get btnDangerColor() {\n return this.inverseTextColor;\n },\n get btnWarningBg() {\n return this.brandWarning;\n },\n get btnWarningColor() {\n return this.inverseTextColor;\n },\n get btnTextSize() {\n return (platform === 'ios') ? this.fontSizeBase * 1.1 :\n this.fontSizeBase - 1;\n },\n get btnTextSizeLarge() {\n return this.fontSizeBase * 1.5;\n },\n get btnTextSizeSmall() {\n return this.fontSizeBase * 0.8;\n },\n get borderRadiusLarge() {\n return this.fontSizeBase * 3.8;\n },\n\n buttonPadding: 6,\n\n get iconSizeLarge() {\n return this.iconFontSize * 1.5;\n },\n get iconSizeSmall() {\n return this.iconFontSize * 0.6;\n },\n\n\n // Card\n cardDefaultBg: '#fff',\n\n\n // Color\n brandPrimary: '#2874F0',\n brandInfo: '#62B1F6',\n brandSuccess: '#5cb85c',\n brandDanger: '#d9534f',\n brandWarning: '#f0ad4e',\n brandSidebar: '#252932',\n\n\n // Font\n fontFamily: (platform === 'ios') ? 'System' : 'Roboto',\n fontSizeBase: 15,\n\n get fontSizeH1() {\n return this.fontSizeBase * 1.8;\n },\n get fontSizeH2() {\n return this.fontSizeBase * 1.6;\n },\n get fontSizeH3() {\n return this.fontSizeBase * 1.4;\n },\n\n\n // Footer\n footerHeight: 55,\n footerDefaultBg: '#2874F0',\n\n\n // FooterTab\n tabBarTextColor: '#8bb3f4',\n tabBarTextSize: (platform === 'ios') ? 14 : 11,\n activeTab: (platform === 'ios') ? '#007aff' : '#fff',\n sTabBarActiveTextColor: '#007aff',\n tabBarActiveTextColor: '#fff',\n tabActiveBgColor: (platform === 'ios') ? '#1569f4' : undefined,\n\n // Tab\n tabDefaultBg: '#2874F0',\n topTabBarTextColor: '#b3c7f9',\n topTabBarActiveTextColor: '#fff',\n topTabActiveBgColor: (platform === 'ios') ? '#1569f4' : undefined,\n topTabBarBorderColor: '#fff',\n topTabBarActiveBorderColor: '#fff',\n\n\n // Header\n toolbarBtnColor: '#fff',\n toolbarDefaultBg: '#2874F0',\n toolbarHeight: (platform === 'ios') ? 64 : 56,\n toolbarIconSize: (platform === 'ios') ? 20 : 22,\n toolbarSearchIconSize: (platform === 'ios') ? 20 : 23,\n toolbarInputColor: (platform === 'ios') ? '#CECDD2' : '#fff',\n searchBarHeight: (platform === 'ios') ? 30 : 40,\n toolbarInverseBg: '#222',\n toolbarTextColor: '#fff',\n iosStatusbar: 'light-content',\n toolbarDefaultBorder: '#2874F0',\n get statusBarColor() {\n return color(this.toolbarDefaultBg).darken(0.2).hex();\n },\n\n\n // Icon\n iconFamily: 'Ionicons',\n iconFontSize: (platform === 'ios') ? 30 : 28,\n iconMargin: 7,\n iconHeaderSize: (platform === 'ios') ? 33 : 24,\n\n\n // InputGroup\n inputFontSize: 17,\n inputBorderColor: '#D9D5DC',\n inputSuccessBorderColor: '#2b8339',\n inputErrorBorderColor: '#ed2f2f',\n\n get inputColor() {\n return this.textColor;\n },\n get inputColorPlaceholder() {\n return '#575757';\n },\n\n inputGroupMarginBottom: 10,\n inputHeightBase: 50,\n inputPaddingLeft: 5,\n\n get inputPaddingLeftIcon() {\n return this.inputPaddingLeft * 8;\n },\n\n\n // Line Height\n btnLineHeight: 19,\n lineHeightH1: 32,\n lineHeightH2: 27,\n lineHeightH3: 22,\n iconLineHeight: (platform === 'ios') ? 37 : 30,\n lineHeight: (platform === 'ios') ? 20 : 24,\n\n\n // List\n listBorderColor: '#c9c9c9',\n listDividerBg: '#f4f4f4',\n listItemHeight: 45,\n listBtnUnderlayColor: '#DDD',\n\n // Card\n cardBorderColor: '#ccc',\n\n // Changed Variable\n listItemPadding: (platform === 'ios') ? 10 : 12,\n\n listNoteColor: '#808080',\n listNoteSize: 13,\n\n\n // Progress Bar\n defaultProgressColor: '#E4202D',\n inverseProgressColor: '#1A191B',\n\n\n // Radio Button\n radioBtnSize: (platform === 'ios') ? 25 : 23,\n radioSelectedColorAndroid: '#5067FF',\n\n // New Variable\n radioBtnLineHeight: (platform === 'ios') ? 29 : 24,\n\n radioColor: '#7e7e7e',\n\n get radioSelectedColor() {\n return color(this.radioColor).darken(0.2).hex();\n },\n\n\n // Spinner\n defaultSpinnerColor: '#45D56E',\n inverseSpinnerColor: '#1A191B',\n\n\n // Tabs\n tabBgColor: '#F8F8F8',\n tabFontSize: 15,\n tabTextColor: '#222222',\n\n\n // Text\n textColor: '#000',\n inverseTextColor: '#fff',\n noteFontSize: 14,\n\n\n // Title\n titleFontfamily: (platform === 'ios') ? 'System' : 'Roboto_medium',\n titleFontSize: (platform === 'ios') ? 17 : 19,\n subTitleFontSize: (platform === 'ios') ? 12 : 14,\n subtitleColor: '#FFF',\n\n // New Variable\n titleFontColor: '#FFF',\n\n\n // Other\n borderRadiusBase: (platform === 'ios') ? 5 : 2,\n borderWidth: (1 / PixelRatio.getPixelSizeForLayoutSize(1)),\n contentPadding: 10,\n\n get darkenHeader() {\n return color(this.tabBgColor).darken(0.03).hex();\n },\n\n dropdownBg: '#000',\n dropdownLinkColor: '#414142',\n inputLineHeight: 24,\n jumbotronBg: '#C9C9CE',\n jumbotronPadding: 30,\n deviceWidth,\n deviceHeight,\n\n // New Variable\n inputGroupRoundedBorderRadius: 30,\n};\n"]} \ No newline at end of file diff --git a/dist/src/theme/variables/material.js b/dist/src/theme/variables/material.js index 499b5293a..955dbba9e 100644 --- a/dist/src/theme/variables/material.js +++ b/dist/src/theme/variables/material.js @@ -170,7 +170,7 @@ toolbarTextColor:'#fff', toolbarDefaultBorder:'#3F51B5', iosStatusbar:'light-content', get statusBarColor(){ -return(0,_color2.default)(this.toolbarDefaultBg).darken(0.2).hexString(); +return(0,_color2.default)(this.toolbarDefaultBg).darken(0.2).hex(); }, @@ -243,7 +243,7 @@ radioBtnLineHeight:platform==='ios'?29:24, radioColor:'#7e7e7e', get radioSelectedColor(){ -return(0,_color2.default)(this.radioColor).darken(0.2).hexString(); +return(0,_color2.default)(this.radioColor).darken(0.2).hex(); }, @@ -280,7 +280,7 @@ borderWidth:1/_reactNative.PixelRatio.getPixelSizeForLayoutSize(1), contentPadding:10, get darkenHeader(){ -return(0,_color2.default)(this.tabBgColor).darken(0.03).hexString(); +return(0,_color2.default)(this.tabBgColor).darken(0.03).hex(); }, dropdownBg:'#000', diff --git a/dist/src/theme/variables/material.js.map b/dist/src/theme/variables/material.js.map index b816d5f5c..b6c726ce7 100644 --- a/dist/src/theme/variables/material.js.map +++ b/dist/src/theme/variables/material.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../../../src/theme/variables/material.js"],"names":["deviceHeight","get","height","deviceWidth","width","platform","OS","platformStyle","androidRipple","androidRippleColor","androidRippleColorDark","badgeBg","badgeColor","badgePadding","btnFontFamily","btnDisabledBg","btnDisabledClr","CheckboxRadius","CheckboxBorderWidth","CheckboxPaddingLeft","CheckboxPaddingBottom","CheckboxIconSize","CheckboxIconMarginTop","undefined","CheckboxFontSize","DefaultFontSize","checkboxBgColor","checkboxSize","checkboxTickColor","segmentBackgroundColor","segmentActiveBackgroundColor","segmentTextColor","segmentActiveTextColor","segmentBorderColor","segmentBorderColorMain","defaultTextColor","textColor","btnPrimaryBg","brandPrimary","btnPrimaryColor","inverseTextColor","btnInfoBg","brandInfo","btnInfoColor","btnSuccessBg","brandSuccess","btnSuccessColor","btnDangerBg","brandDanger","btnDangerColor","btnWarningBg","brandWarning","btnWarningColor","btnTextSize","fontSizeBase","btnTextSizeLarge","btnTextSizeSmall","borderRadiusLarge","buttonPadding","iconSizeLarge","iconFontSize","iconSizeSmall","cardDefaultBg","brandSidebar","fontFamily","fontSizeH1","fontSizeH2","fontSizeH3","footerHeight","footerDefaultBg","tabBarTextColor","tabBarTextSize","activeTab","sTabBarActiveTextColor","tabBarActiveTextColor","tabActiveBgColor","tabDefaultBg","topTabBarTextColor","topTabBarActiveTextColor","topTabActiveBgColor","topTabBarBorderColor","topTabBarActiveBorderColor","toolbarBtnColor","toolbarDefaultBg","toolbarHeight","toolbarIconSize","toolbarSearchIconSize","toolbarInputColor","searchBarHeight","toolbarInverseBg","toolbarTextColor","toolbarDefaultBorder","iosStatusbar","statusBarColor","darken","hexString","iconFamily","iconMargin","iconHeaderSize","inputFontSize","inputBorderColor","inputSuccessBorderColor","inputErrorBorderColor","inputColor","inputColorPlaceholder","inputGroupMarginBottom","inputHeightBase","inputPaddingLeft","inputPaddingLeftIcon","btnLineHeight","lineHeightH1","lineHeightH2","lineHeightH3","iconLineHeight","lineHeight","listBorderColor","listDividerBg","listItemHeight","listBtnUnderlayColor","cardBorderColor","listItemPadding","listNoteColor","listNoteSize","defaultProgressColor","inverseProgressColor","radioBtnSize","radioSelectedColorAndroid","radioBtnLineHeight","radioColor","radioSelectedColor","defaultSpinnerColor","inverseSpinnerColor","tabBgColor","tabFontSize","tabTextColor","noteFontSize","titleFontfamily","titleFontSize","subTitleFontSize","subtitleColor","titleFontColor","borderRadiusBase","borderWidth","getPixelSizeForLayoutSize","contentPadding","darkenHeader","dropdownBg","dropdownLinkColor","inputLineHeight","jumbotronBg","jumbotronPadding","inputGroupRoundedBorderRadius"],"mappings":"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","file":"material.js","sourcesContent":["import color from 'color';\n\nimport { Platform, Dimensions, PixelRatio } from 'react-native';\n\nconst deviceHeight = Dimensions.get('window').height;\nconst deviceWidth = Dimensions.get('window').width;\nconst platform = Platform.OS;\nconst platformStyle = 'material';\n\nexport default {\n platformStyle,\n platform,\n // AndroidRipple\n androidRipple: true,\n androidRippleColor: 'rgba(256, 256, 256, 0.3)',\n androidRippleColorDark: 'rgba(0, 0, 0, 0.15)',\n\n // Badge\n badgeBg: '#ED1727',\n badgeColor: '#fff',\n // New Variable\n badgePadding: (platform === 'ios') ? 3 : 0,\n\n // Button\n btnFontFamily: (platform === 'ios') ? 'Roboto' : 'Roboto_medium',\n btnDisabledBg: '#b5b5b5',\n btnDisabledClr: '#f1f1f1',\n\n // CheckBox\n CheckboxRadius: 0,\n CheckboxBorderWidth: 2,\n CheckboxPaddingLeft: 2,\n CheckboxPaddingBottom: (platform === 'ios') ? 0 : 5,\n CheckboxIconSize: (platform === 'ios') ? 18 : 14,\n CheckboxIconMarginTop: (platform === 'ios') ? undefined : 1,\n CheckboxFontSize: (platform === 'ios') ? 21 : 18,\n DefaultFontSize: 17,\n checkboxBgColor: '#039BE5',\n checkboxSize: 20,\n checkboxTickColor: '#fff',\n\n // Segment\n segmentBackgroundColor: '#3F51B5',\n segmentActiveBackgroundColor: '#fff',\n segmentTextColor: '#fff',\n segmentActiveTextColor: '#3F51B5',\n segmentBorderColor: '#fff',\n segmentBorderColorMain: '#3F51B5',\n\n // New Variable\n get defaultTextColor() {\n return this.textColor;\n },\n\n\n get btnPrimaryBg() {\n return this.brandPrimary;\n },\n get btnPrimaryColor() {\n return this.inverseTextColor;\n },\n get btnInfoBg() {\n return this.brandInfo;\n },\n get btnInfoColor() {\n return this.inverseTextColor;\n },\n get btnSuccessBg() {\n return this.brandSuccess;\n },\n get btnSuccessColor() {\n return this.inverseTextColor;\n },\n get btnDangerBg() {\n return this.brandDanger;\n },\n get btnDangerColor() {\n return this.inverseTextColor;\n },\n get btnWarningBg() {\n return this.brandWarning;\n },\n get btnWarningColor() {\n return this.inverseTextColor;\n },\n get btnTextSize() {\n return (platform === 'ios') ? this.fontSizeBase * 1.1 :\n this.fontSizeBase - 1;\n },\n get btnTextSizeLarge() {\n return this.fontSizeBase * 1.5;\n },\n get btnTextSizeSmall() {\n return this.fontSizeBase * 0.8;\n },\n get borderRadiusLarge() {\n return this.fontSizeBase * 3.8;\n },\n\n buttonPadding: 6,\n\n get iconSizeLarge() {\n return this.iconFontSize * 1.5;\n },\n get iconSizeSmall() {\n return this.iconFontSize * 0.6;\n },\n\n\n // Card\n cardDefaultBg: '#fff',\n\n\n // Color\n brandPrimary: '#3F51B5',\n brandInfo: '#3F57D3',\n brandSuccess: '#5cb85c',\n brandDanger: '#d9534f',\n brandWarning: '#f0ad4e',\n brandSidebar: '#252932',\n\n\n // Font\n fontFamily: 'Roboto',\n fontSizeBase: 15,\n\n get fontSizeH1() {\n return this.fontSizeBase * 1.8;\n },\n get fontSizeH2() {\n return this.fontSizeBase * 1.6;\n },\n get fontSizeH3() {\n return this.fontSizeBase * 1.4;\n },\n\n\n // Footer\n footerHeight: 55,\n footerDefaultBg: '#3F51B5',\n\n\n // FooterTab\n tabBarTextColor: '#b3c7f9',\n tabBarTextSize: (platform === 'ios') ? 14 : 11,\n activeTab: '#fff',\n sTabBarActiveTextColor: '#007aff',\n tabBarActiveTextColor: '#fff',\n tabActiveBgColor: undefined,\n\n // Tab\n tabDefaultBg: '#3F51B5',\n topTabBarTextColor: '#b3c7f9',\n topTabBarActiveTextColor: '#fff',\n topTabActiveBgColor: undefined,\n topTabBarBorderColor: '#fff',\n topTabBarActiveBorderColor: '#fff',\n\n\n // Header\n toolbarBtnColor: '#fff',\n toolbarDefaultBg: '#3F51B5',\n toolbarHeight: (platform === 'ios') ? 76 : 56,\n toolbarIconSize: (platform === 'ios') ? 20 : 22,\n toolbarSearchIconSize: (platform === 'ios') ? 20 : 23,\n toolbarInputColor: '#fff',\n searchBarHeight: (platform === 'ios') ? 30 : 40,\n toolbarInverseBg: '#222',\n toolbarTextColor: '#fff',\n toolbarDefaultBorder: '#3F51B5',\n iosStatusbar: 'light-content',\n get statusBarColor() {\n return color(this.toolbarDefaultBg).darken(0.2).hexString();\n },\n\n\n // Icon\n iconFamily: 'Ionicons',\n iconFontSize: (platform === 'ios') ? 30 : 28,\n iconMargin: 7,\n iconHeaderSize: (platform === 'ios') ? 29 : 24,\n\n\n // InputGroup\n inputFontSize: 17,\n inputBorderColor: '#D9D5DC',\n inputSuccessBorderColor: '#2b8339',\n inputErrorBorderColor: '#ed2f2f',\n\n get inputColor() {\n return this.textColor;\n },\n get inputColorPlaceholder() {\n return '#575757';\n },\n\n inputGroupMarginBottom: 10,\n inputHeightBase: 50,\n inputPaddingLeft: 5,\n\n get inputPaddingLeftIcon() {\n return this.inputPaddingLeft * 8;\n },\n\n\n // Line Height\n btnLineHeight: 19,\n lineHeightH1: 32,\n lineHeightH2: 27,\n lineHeightH3: 22,\n iconLineHeight: (platform === 'ios') ? 37 : 30,\n lineHeight: (platform === 'ios') ? 20 : 24,\n\n\n // List\n listBorderColor: '#c9c9c9',\n listDividerBg: '#f4f4f4',\n listItemHeight: 45,\n listBtnUnderlayColor: '#DDD',\n\n // Card\n cardBorderColor: '#ccc',\n\n // Changed Variable\n listItemPadding: (platform === 'ios') ? 10 : 12,\n\n listNoteColor: '#808080',\n listNoteSize: 13,\n\n\n // Progress Bar\n defaultProgressColor: '#E4202D',\n inverseProgressColor: '#1A191B',\n\n\n // Radio Button\n radioBtnSize: (platform === 'ios') ? 25 : 23,\n radioSelectedColorAndroid: '#5067FF',\n\n // New Variable\n radioBtnLineHeight: (platform === 'ios') ? 29 : 24,\n\n radioColor: '#7e7e7e',\n\n get radioSelectedColor() {\n return color(this.radioColor).darken(0.2).hexString();\n },\n\n\n // Spinner\n defaultSpinnerColor: '#45D56E',\n inverseSpinnerColor: '#1A191B',\n\n\n // Tabs\n tabBgColor: '#F8F8F8',\n tabFontSize: 15,\n tabTextColor: '#222222',\n\n\n // Text\n textColor: '#000',\n inverseTextColor: '#fff',\n noteFontSize: 14,\n\n\n // Title\n titleFontfamily: (platform === 'ios') ? 'Roboto' : 'Roboto_medium',\n titleFontSize: 19,\n subTitleFontSize: 14,\n subtitleColor: '#FFF',\n\n // New Variable\n titleFontColor: '#FFF',\n\n\n // Other\n borderRadiusBase: 2,\n borderWidth: (1/PixelRatio.getPixelSizeForLayoutSize(1)),\n contentPadding: 10,\n\n get darkenHeader() {\n return color(this.tabBgColor).darken(0.03).hexString();\n },\n\n dropdownBg: '#000',\n dropdownLinkColor: '#414142',\n inputLineHeight: 24,\n jumbotronBg: '#C9C9CE',\n jumbotronPadding: 30,\n deviceWidth,\n deviceHeight,\n\n // New Variable\n inputGroupRoundedBorderRadius: 30,\n};\n"]} \ No newline at end of file +{"version":3,"sources":["../../../../src/theme/variables/material.js"],"names":["deviceHeight","get","height","deviceWidth","width","platform","OS","platformStyle","androidRipple","androidRippleColor","androidRippleColorDark","badgeBg","badgeColor","badgePadding","btnFontFamily","btnDisabledBg","btnDisabledClr","CheckboxRadius","CheckboxBorderWidth","CheckboxPaddingLeft","CheckboxPaddingBottom","CheckboxIconSize","CheckboxIconMarginTop","undefined","CheckboxFontSize","DefaultFontSize","checkboxBgColor","checkboxSize","checkboxTickColor","segmentBackgroundColor","segmentActiveBackgroundColor","segmentTextColor","segmentActiveTextColor","segmentBorderColor","segmentBorderColorMain","defaultTextColor","textColor","btnPrimaryBg","brandPrimary","btnPrimaryColor","inverseTextColor","btnInfoBg","brandInfo","btnInfoColor","btnSuccessBg","brandSuccess","btnSuccessColor","btnDangerBg","brandDanger","btnDangerColor","btnWarningBg","brandWarning","btnWarningColor","btnTextSize","fontSizeBase","btnTextSizeLarge","btnTextSizeSmall","borderRadiusLarge","buttonPadding","iconSizeLarge","iconFontSize","iconSizeSmall","cardDefaultBg","brandSidebar","fontFamily","fontSizeH1","fontSizeH2","fontSizeH3","footerHeight","footerDefaultBg","tabBarTextColor","tabBarTextSize","activeTab","sTabBarActiveTextColor","tabBarActiveTextColor","tabActiveBgColor","tabDefaultBg","topTabBarTextColor","topTabBarActiveTextColor","topTabActiveBgColor","topTabBarBorderColor","topTabBarActiveBorderColor","toolbarBtnColor","toolbarDefaultBg","toolbarHeight","toolbarIconSize","toolbarSearchIconSize","toolbarInputColor","searchBarHeight","toolbarInverseBg","toolbarTextColor","toolbarDefaultBorder","iosStatusbar","statusBarColor","darken","hex","iconFamily","iconMargin","iconHeaderSize","inputFontSize","inputBorderColor","inputSuccessBorderColor","inputErrorBorderColor","inputColor","inputColorPlaceholder","inputGroupMarginBottom","inputHeightBase","inputPaddingLeft","inputPaddingLeftIcon","btnLineHeight","lineHeightH1","lineHeightH2","lineHeightH3","iconLineHeight","lineHeight","listBorderColor","listDividerBg","listItemHeight","listBtnUnderlayColor","cardBorderColor","listItemPadding","listNoteColor","listNoteSize","defaultProgressColor","inverseProgressColor","radioBtnSize","radioSelectedColorAndroid","radioBtnLineHeight","radioColor","radioSelectedColor","defaultSpinnerColor","inverseSpinnerColor","tabBgColor","tabFontSize","tabTextColor","noteFontSize","titleFontfamily","titleFontSize","subTitleFontSize","subtitleColor","titleFontColor","borderRadiusBase","borderWidth","getPixelSizeForLayoutSize","contentPadding","darkenHeader","dropdownBg","dropdownLinkColor","inputLineHeight","jumbotronBg","jumbotronPadding","inputGroupRoundedBorderRadius"],"mappings":"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","file":"material.js","sourcesContent":["import color from 'color';\n\nimport { Platform, Dimensions, PixelRatio } from 'react-native';\n\nconst deviceHeight = Dimensions.get('window').height;\nconst deviceWidth = Dimensions.get('window').width;\nconst platform = Platform.OS;\nconst platformStyle = 'material';\n\nexport default {\n platformStyle,\n platform,\n // AndroidRipple\n androidRipple: true,\n androidRippleColor: 'rgba(256, 256, 256, 0.3)',\n androidRippleColorDark: 'rgba(0, 0, 0, 0.15)',\n\n // Badge\n badgeBg: '#ED1727',\n badgeColor: '#fff',\n // New Variable\n badgePadding: (platform === 'ios') ? 3 : 0,\n\n // Button\n btnFontFamily: (platform === 'ios') ? 'Roboto' : 'Roboto_medium',\n btnDisabledBg: '#b5b5b5',\n btnDisabledClr: '#f1f1f1',\n\n // CheckBox\n CheckboxRadius: 0,\n CheckboxBorderWidth: 2,\n CheckboxPaddingLeft: 2,\n CheckboxPaddingBottom: (platform === 'ios') ? 0 : 5,\n CheckboxIconSize: (platform === 'ios') ? 18 : 14,\n CheckboxIconMarginTop: (platform === 'ios') ? undefined : 1,\n CheckboxFontSize: (platform === 'ios') ? 21 : 18,\n DefaultFontSize: 17,\n checkboxBgColor: '#039BE5',\n checkboxSize: 20,\n checkboxTickColor: '#fff',\n\n // Segment\n segmentBackgroundColor: '#3F51B5',\n segmentActiveBackgroundColor: '#fff',\n segmentTextColor: '#fff',\n segmentActiveTextColor: '#3F51B5',\n segmentBorderColor: '#fff',\n segmentBorderColorMain: '#3F51B5',\n\n // New Variable\n get defaultTextColor() {\n return this.textColor;\n },\n\n\n get btnPrimaryBg() {\n return this.brandPrimary;\n },\n get btnPrimaryColor() {\n return this.inverseTextColor;\n },\n get btnInfoBg() {\n return this.brandInfo;\n },\n get btnInfoColor() {\n return this.inverseTextColor;\n },\n get btnSuccessBg() {\n return this.brandSuccess;\n },\n get btnSuccessColor() {\n return this.inverseTextColor;\n },\n get btnDangerBg() {\n return this.brandDanger;\n },\n get btnDangerColor() {\n return this.inverseTextColor;\n },\n get btnWarningBg() {\n return this.brandWarning;\n },\n get btnWarningColor() {\n return this.inverseTextColor;\n },\n get btnTextSize() {\n return (platform === 'ios') ? this.fontSizeBase * 1.1 :\n this.fontSizeBase - 1;\n },\n get btnTextSizeLarge() {\n return this.fontSizeBase * 1.5;\n },\n get btnTextSizeSmall() {\n return this.fontSizeBase * 0.8;\n },\n get borderRadiusLarge() {\n return this.fontSizeBase * 3.8;\n },\n\n buttonPadding: 6,\n\n get iconSizeLarge() {\n return this.iconFontSize * 1.5;\n },\n get iconSizeSmall() {\n return this.iconFontSize * 0.6;\n },\n\n\n // Card\n cardDefaultBg: '#fff',\n\n\n // Color\n brandPrimary: '#3F51B5',\n brandInfo: '#3F57D3',\n brandSuccess: '#5cb85c',\n brandDanger: '#d9534f',\n brandWarning: '#f0ad4e',\n brandSidebar: '#252932',\n\n\n // Font\n fontFamily: 'Roboto',\n fontSizeBase: 15,\n\n get fontSizeH1() {\n return this.fontSizeBase * 1.8;\n },\n get fontSizeH2() {\n return this.fontSizeBase * 1.6;\n },\n get fontSizeH3() {\n return this.fontSizeBase * 1.4;\n },\n\n\n // Footer\n footerHeight: 55,\n footerDefaultBg: '#3F51B5',\n\n\n // FooterTab\n tabBarTextColor: '#b3c7f9',\n tabBarTextSize: (platform === 'ios') ? 14 : 11,\n activeTab: '#fff',\n sTabBarActiveTextColor: '#007aff',\n tabBarActiveTextColor: '#fff',\n tabActiveBgColor: undefined,\n\n // Tab\n tabDefaultBg: '#3F51B5',\n topTabBarTextColor: '#b3c7f9',\n topTabBarActiveTextColor: '#fff',\n topTabActiveBgColor: undefined,\n topTabBarBorderColor: '#fff',\n topTabBarActiveBorderColor: '#fff',\n\n\n // Header\n toolbarBtnColor: '#fff',\n toolbarDefaultBg: '#3F51B5',\n toolbarHeight: (platform === 'ios') ? 76 : 56,\n toolbarIconSize: (platform === 'ios') ? 20 : 22,\n toolbarSearchIconSize: (platform === 'ios') ? 20 : 23,\n toolbarInputColor: '#fff',\n searchBarHeight: (platform === 'ios') ? 30 : 40,\n toolbarInverseBg: '#222',\n toolbarTextColor: '#fff',\n toolbarDefaultBorder: '#3F51B5',\n iosStatusbar: 'light-content',\n get statusBarColor() {\n return color(this.toolbarDefaultBg).darken(0.2).hex();\n },\n\n\n // Icon\n iconFamily: 'Ionicons',\n iconFontSize: (platform === 'ios') ? 30 : 28,\n iconMargin: 7,\n iconHeaderSize: (platform === 'ios') ? 29 : 24,\n\n\n // InputGroup\n inputFontSize: 17,\n inputBorderColor: '#D9D5DC',\n inputSuccessBorderColor: '#2b8339',\n inputErrorBorderColor: '#ed2f2f',\n\n get inputColor() {\n return this.textColor;\n },\n get inputColorPlaceholder() {\n return '#575757';\n },\n\n inputGroupMarginBottom: 10,\n inputHeightBase: 50,\n inputPaddingLeft: 5,\n\n get inputPaddingLeftIcon() {\n return this.inputPaddingLeft * 8;\n },\n\n\n // Line Height\n btnLineHeight: 19,\n lineHeightH1: 32,\n lineHeightH2: 27,\n lineHeightH3: 22,\n iconLineHeight: (platform === 'ios') ? 37 : 30,\n lineHeight: (platform === 'ios') ? 20 : 24,\n\n\n // List\n listBorderColor: '#c9c9c9',\n listDividerBg: '#f4f4f4',\n listItemHeight: 45,\n listBtnUnderlayColor: '#DDD',\n\n // Card\n cardBorderColor: '#ccc',\n\n // Changed Variable\n listItemPadding: (platform === 'ios') ? 10 : 12,\n\n listNoteColor: '#808080',\n listNoteSize: 13,\n\n\n // Progress Bar\n defaultProgressColor: '#E4202D',\n inverseProgressColor: '#1A191B',\n\n\n // Radio Button\n radioBtnSize: (platform === 'ios') ? 25 : 23,\n radioSelectedColorAndroid: '#5067FF',\n\n // New Variable\n radioBtnLineHeight: (platform === 'ios') ? 29 : 24,\n\n radioColor: '#7e7e7e',\n\n get radioSelectedColor() {\n return color(this.radioColor).darken(0.2).hex();\n },\n\n\n // Spinner\n defaultSpinnerColor: '#45D56E',\n inverseSpinnerColor: '#1A191B',\n\n\n // Tabs\n tabBgColor: '#F8F8F8',\n tabFontSize: 15,\n tabTextColor: '#222222',\n\n\n // Text\n textColor: '#000',\n inverseTextColor: '#fff',\n noteFontSize: 14,\n\n\n // Title\n titleFontfamily: (platform === 'ios') ? 'Roboto' : 'Roboto_medium',\n titleFontSize: 19,\n subTitleFontSize: 14,\n subtitleColor: '#FFF',\n\n // New Variable\n titleFontColor: '#FFF',\n\n\n // Other\n borderRadiusBase: 2,\n borderWidth: (1 / PixelRatio.getPixelSizeForLayoutSize(1)),\n contentPadding: 10,\n\n get darkenHeader() {\n return color(this.tabBgColor).darken(0.03).hex();\n },\n\n dropdownBg: '#000',\n dropdownLinkColor: '#414142',\n inputLineHeight: 24,\n jumbotronBg: '#C9C9CE',\n jumbotronPadding: 30,\n deviceWidth,\n deviceHeight,\n\n // New Variable\n inputGroupRoundedBorderRadius: 30,\n};\n"]} \ No newline at end of file diff --git a/dist/src/theme/variables/platform.js b/dist/src/theme/variables/platform.js index b738dfa31..423d40bd6 100644 --- a/dist/src/theme/variables/platform.js +++ b/dist/src/theme/variables/platform.js @@ -170,7 +170,7 @@ toolbarTextColor:platform==='ios'?'#000':'#fff', toolbarDefaultBorder:platform==='ios'?'#a7a6ab':'#3F51B5', iosStatusbar:platform==='ios'?'dark-content':'light-content', get statusBarColor(){ -return(0,_color2.default)(this.toolbarDefaultBg).darken(0.2).hexString(); +return(0,_color2.default)(this.toolbarDefaultBg).darken(0.2).hex(); }, @@ -243,7 +243,7 @@ radioBtnLineHeight:platform==='ios'?29:24, radioColor:'#7e7e7e', get radioSelectedColor(){ -return(0,_color2.default)(this.radioColor).darken(0.2).hexString(); +return(0,_color2.default)(this.radioColor).darken(0.2).hex(); }, @@ -280,7 +280,7 @@ borderWidth:1/_reactNative.PixelRatio.getPixelSizeForLayoutSize(1), contentPadding:10, get darkenHeader(){ -return(0,_color2.default)(this.tabBgColor).darken(0.03).hexString(); +return(0,_color2.default)(this.tabBgColor).darken(0.03).hex(); }, dropdownBg:'#000', diff --git a/dist/src/theme/variables/platform.js.map b/dist/src/theme/variables/platform.js.map index 0291e3d6a..9e960c73e 100644 --- a/dist/src/theme/variables/platform.js.map +++ b/dist/src/theme/variables/platform.js.map @@ -1 +1 @@ -{"version":3,"sources":["../../../../src/theme/variables/platform.js"],"names":["deviceHeight","get","height","deviceWidth","width","platform","OS","platformStyle","undefined","androidRipple","androidRippleColor","androidRippleColorDark","badgeBg","badgeColor","badgePadding","btnFontFamily","btnDisabledBg","btnDisabledClr","CheckboxRadius","CheckboxBorderWidth","CheckboxPaddingLeft","CheckboxPaddingBottom","CheckboxIconSize","CheckboxIconMarginTop","CheckboxFontSize","DefaultFontSize","checkboxBgColor","checkboxSize","checkboxTickColor","segmentBackgroundColor","segmentActiveBackgroundColor","segmentTextColor","segmentActiveTextColor","segmentBorderColor","segmentBorderColorMain","defaultTextColor","textColor","btnPrimaryBg","brandPrimary","btnPrimaryColor","inverseTextColor","btnInfoBg","brandInfo","btnInfoColor","btnSuccessBg","brandSuccess","btnSuccessColor","btnDangerBg","brandDanger","btnDangerColor","btnWarningBg","brandWarning","btnWarningColor","btnTextSize","fontSizeBase","btnTextSizeLarge","btnTextSizeSmall","borderRadiusLarge","buttonPadding","iconSizeLarge","iconFontSize","iconSizeSmall","cardDefaultBg","brandSidebar","fontFamily","fontSizeH1","fontSizeH2","fontSizeH3","footerHeight","footerDefaultBg","tabBarTextColor","tabBarTextSize","activeTab","sTabBarActiveTextColor","tabBarActiveTextColor","tabActiveBgColor","tabDefaultBg","topTabBarTextColor","topTabBarActiveTextColor","topTabActiveBgColor","topTabBarBorderColor","topTabBarActiveBorderColor","toolbarBtnColor","toolbarDefaultBg","toolbarHeight","toolbarIconSize","toolbarSearchIconSize","toolbarInputColor","searchBarHeight","toolbarInverseBg","toolbarTextColor","toolbarDefaultBorder","iosStatusbar","statusBarColor","darken","hexString","iconFamily","iconMargin","iconHeaderSize","inputFontSize","inputBorderColor","inputSuccessBorderColor","inputErrorBorderColor","inputColor","inputColorPlaceholder","inputGroupMarginBottom","inputHeightBase","inputPaddingLeft","inputPaddingLeftIcon","btnLineHeight","lineHeightH1","lineHeightH2","lineHeightH3","iconLineHeight","lineHeight","listBorderColor","listDividerBg","listItemHeight","listBtnUnderlayColor","cardBorderColor","listItemPadding","listNoteColor","listNoteSize","defaultProgressColor","inverseProgressColor","radioBtnSize","radioSelectedColorAndroid","radioBtnLineHeight","radioColor","radioSelectedColor","defaultSpinnerColor","inverseSpinnerColor","tabBgColor","tabFontSize","tabTextColor","noteFontSize","titleFontfamily","titleFontSize","subTitleFontSize","subtitleColor","titleFontColor","borderRadiusBase","borderWidth","getPixelSizeForLayoutSize","contentPadding","darkenHeader","dropdownBg","dropdownLinkColor","inputLineHeight","jumbotronBg","jumbotronPadding","inputGroupRoundedBorderRadius"],"mappings":"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","file":"platform.js","sourcesContent":["import color from 'color';\n\nimport { Platform, Dimensions, PixelRatio } from 'react-native';\n\nconst deviceHeight = Dimensions.get('window').height;\nconst deviceWidth = Dimensions.get('window').width;\nconst platform = Platform.OS;\nconst platformStyle = undefined;\n\nexport default {\n platformStyle,\n platform,\n // AndroidRipple\n androidRipple: true,\n androidRippleColor: 'rgba(256, 256, 256, 0.3)',\n androidRippleColorDark: 'rgba(0, 0, 0, 0.15)',\n\n // Badge\n badgeBg: '#ED1727',\n badgeColor: '#fff',\n // New Variable\n badgePadding: (platform === 'ios') ? 3 : 0,\n\n // Button\n btnFontFamily: (platform === 'ios') ? 'System' : 'Roboto_medium',\n btnDisabledBg: '#b5b5b5',\n btnDisabledClr: '#f1f1f1',\n\n // CheckBox\n CheckboxRadius: (platform === 'ios') ? 13 : 0,\n CheckboxBorderWidth: (platform === 'ios') ? 1 : 2,\n CheckboxPaddingLeft: (platform === 'ios') ? 4 : 2,\n CheckboxPaddingBottom: (platform === 'ios') ? 0 : 5,\n CheckboxIconSize: (platform === 'ios') ? 21 : 14,\n CheckboxIconMarginTop: (platform === 'ios') ? undefined : 1,\n CheckboxFontSize: (platform === 'ios') ? (23 / 0.9) : 18,\n DefaultFontSize: 17,\n checkboxBgColor: '#039BE5',\n checkboxSize: 20,\n checkboxTickColor: '#fff',\n\n // Segment\n segmentBackgroundColor: (platform === 'ios') ? '#F8F8F8' : '#3F51B5',\n segmentActiveBackgroundColor: (platform === 'ios') ? '#007aff' : '#fff',\n segmentTextColor: (platform === 'ios') ? '#007aff' : '#fff',\n segmentActiveTextColor: (platform === 'ios') ? '#fff' : '#3F51B5',\n segmentBorderColor: (platform === 'ios') ? '#007aff' : '#fff',\n segmentBorderColorMain: (platform === 'ios') ? '#a7a6ab' : '#3F51B5',\n\n // New Variable\n get defaultTextColor() {\n return this.textColor;\n },\n\n\n get btnPrimaryBg() {\n return this.brandPrimary;\n },\n get btnPrimaryColor() {\n return this.inverseTextColor;\n },\n get btnInfoBg() {\n return this.brandInfo;\n },\n get btnInfoColor() {\n return this.inverseTextColor;\n },\n get btnSuccessBg() {\n return this.brandSuccess;\n },\n get btnSuccessColor() {\n return this.inverseTextColor;\n },\n get btnDangerBg() {\n return this.brandDanger;\n },\n get btnDangerColor() {\n return this.inverseTextColor;\n },\n get btnWarningBg() {\n return this.brandWarning;\n },\n get btnWarningColor() {\n return this.inverseTextColor;\n },\n get btnTextSize() {\n return (platform === 'ios') ? this.fontSizeBase * 1.1 :\n this.fontSizeBase - 1;\n },\n get btnTextSizeLarge() {\n return this.fontSizeBase * 1.5;\n },\n get btnTextSizeSmall() {\n return this.fontSizeBase * 0.8;\n },\n get borderRadiusLarge() {\n return this.fontSizeBase * 3.8;\n },\n\n buttonPadding: 6,\n\n get iconSizeLarge() {\n return this.iconFontSize * 1.5;\n },\n get iconSizeSmall() {\n return this.iconFontSize * 0.6;\n },\n\n\n // Card\n cardDefaultBg: '#fff',\n\n\n // Color\n brandPrimary: (platform === 'ios') ? '#007aff' : '#3F51B5',\n brandInfo: '#62B1F6',\n brandSuccess: '#5cb85c',\n brandDanger: '#d9534f',\n brandWarning: '#f0ad4e',\n brandSidebar: '#252932',\n\n\n // Font\n fontFamily: (platform === 'ios') ? 'System' : 'Roboto',\n fontSizeBase: 15,\n\n get fontSizeH1() {\n return this.fontSizeBase * 1.8;\n },\n get fontSizeH2() {\n return this.fontSizeBase * 1.6;\n },\n get fontSizeH3() {\n return this.fontSizeBase * 1.4;\n },\n\n\n // Footer\n footerHeight: 55,\n footerDefaultBg: (platform === 'ios') ? '#F8F8F8' : '#4179F7',\n\n\n // FooterTab\n tabBarTextColor: (platform === 'ios') ? '#6b6b6b' : '#b3c7f9',\n tabBarTextSize: (platform === 'ios') ? 14 : 11,\n activeTab: (platform === 'ios') ? '#007aff' : '#fff',\n sTabBarActiveTextColor: '#007aff',\n tabBarActiveTextColor: (platform === 'ios') ? '#007aff' : '#fff',\n tabActiveBgColor: (platform === 'ios') ? '#cde1f9' : '#3F51B5',\n\n // Tab\n tabDefaultBg: (platform === 'ios') ? '#F8F8F8' : '#3F51B5',\n topTabBarTextColor: (platform === 'ios') ? '#6b6b6b' : '#b3c7f9',\n topTabBarActiveTextColor: (platform === 'ios') ? '#007aff' : '#fff',\n topTabActiveBgColor: (platform === 'ios') ? '#cde1f9' : undefined,\n topTabBarBorderColor: (platform === 'ios') ? '#a7a6ab' : '#fff',\n topTabBarActiveBorderColor: (platform === 'ios') ? '#007aff' : '#fff',\n\n\n // Header\n toolbarBtnColor: (platform === 'ios') ? '#007aff' : '#fff',\n toolbarDefaultBg: (platform === 'ios') ? '#F8F8F8' : '#3F51B5',\n toolbarHeight: (platform === 'ios') ? 64 : 56,\n toolbarIconSize: (platform === 'ios') ? 20 : 22,\n toolbarSearchIconSize: (platform === 'ios') ? 20 : 23,\n toolbarInputColor: (platform === 'ios') ? '#CECDD2' : '#fff',\n searchBarHeight: (platform === 'ios') ? 30 : 40,\n toolbarInverseBg: '#222',\n toolbarTextColor: (platform === 'ios') ? '#000' : '#fff',\n toolbarDefaultBorder: (platform === 'ios') ? '#a7a6ab' : '#3F51B5',\n iosStatusbar: (platform === 'ios') ? 'dark-content' : 'light-content',\n get statusBarColor() {\n return color(this.toolbarDefaultBg).darken(0.2).hexString();\n },\n\n\n // Icon\n iconFamily: 'Ionicons',\n iconFontSize: (platform === 'ios') ? 30 : 28,\n iconMargin: 7,\n iconHeaderSize: (platform === 'ios') ? 33 : 24,\n\n\n // InputGroup\n inputFontSize: 17,\n inputBorderColor: '#D9D5DC',\n inputSuccessBorderColor: '#2b8339',\n inputErrorBorderColor: '#ed2f2f',\n\n get inputColor() {\n return this.textColor;\n },\n get inputColorPlaceholder() {\n return '#575757';\n },\n\n inputGroupMarginBottom: 10,\n inputHeightBase: 50,\n inputPaddingLeft: 5,\n\n get inputPaddingLeftIcon() {\n return this.inputPaddingLeft * 8;\n },\n\n\n // Line Height\n btnLineHeight: 19,\n lineHeightH1: 32,\n lineHeightH2: 27,\n lineHeightH3: 22,\n iconLineHeight: (platform === 'ios') ? 37 : 30,\n lineHeight: (platform === 'ios') ? 20 : 24,\n\n\n // List\n listBorderColor: '#c9c9c9',\n listDividerBg: '#f4f4f4',\n listItemHeight: 45,\n listBtnUnderlayColor: '#DDD',\n\n // Card\n cardBorderColor: '#ccc',\n\n // Changed Variable\n listItemPadding: (platform === 'ios') ? 10 : 12,\n\n listNoteColor: '#808080',\n listNoteSize: 13,\n\n\n // Progress Bar\n defaultProgressColor: '#E4202D',\n inverseProgressColor: '#1A191B',\n\n\n // Radio Button\n radioBtnSize: (platform === 'ios') ? 25 : 23,\n radioSelectedColorAndroid: '#3F51B5',\n\n // New Variable\n radioBtnLineHeight: (platform === 'ios') ? 29 : 24,\n\n radioColor: '#7e7e7e',\n\n get radioSelectedColor() {\n return color(this.radioColor).darken(0.2).hexString();\n },\n\n\n // Spinner\n defaultSpinnerColor: '#45D56E',\n inverseSpinnerColor: '#1A191B',\n\n\n // Tabs\n tabBgColor: '#F8F8F8',\n tabFontSize: 15,\n tabTextColor: '#222222',\n\n\n // Text\n textColor: '#000',\n inverseTextColor: '#fff',\n noteFontSize: 14,\n\n\n // Title\n titleFontfamily: (platform === 'ios') ? 'System' : 'Roboto_medium',\n titleFontSize: (platform === 'ios') ? 17 : 19,\n subTitleFontSize: (platform === 'ios') ? 12 : 14,\n subtitleColor: (platform === 'ios') ? '#8e8e93' : '#FFF',\n\n // New Variable\n titleFontColor: (platform === 'ios') ? '#000' : '#FFF',\n\n\n // Other\n borderRadiusBase: (platform === 'ios') ? 5 : 2,\n borderWidth: (1/PixelRatio.getPixelSizeForLayoutSize(1)),\n contentPadding: 10,\n\n get darkenHeader() {\n return color(this.tabBgColor).darken(0.03).hexString();\n },\n\n dropdownBg: '#000',\n dropdownLinkColor: '#414142',\n inputLineHeight: 24,\n jumbotronBg: '#C9C9CE',\n jumbotronPadding: 30,\n deviceWidth,\n deviceHeight,\n\n // New Variable\n inputGroupRoundedBorderRadius: 30,\n};\n"]} \ No newline at end of file +{"version":3,"sources":["../../../../src/theme/variables/platform.js"],"names":["deviceHeight","get","height","deviceWidth","width","platform","OS","platformStyle","undefined","androidRipple","androidRippleColor","androidRippleColorDark","badgeBg","badgeColor","badgePadding","btnFontFamily","btnDisabledBg","btnDisabledClr","CheckboxRadius","CheckboxBorderWidth","CheckboxPaddingLeft","CheckboxPaddingBottom","CheckboxIconSize","CheckboxIconMarginTop","CheckboxFontSize","DefaultFontSize","checkboxBgColor","checkboxSize","checkboxTickColor","segmentBackgroundColor","segmentActiveBackgroundColor","segmentTextColor","segmentActiveTextColor","segmentBorderColor","segmentBorderColorMain","defaultTextColor","textColor","btnPrimaryBg","brandPrimary","btnPrimaryColor","inverseTextColor","btnInfoBg","brandInfo","btnInfoColor","btnSuccessBg","brandSuccess","btnSuccessColor","btnDangerBg","brandDanger","btnDangerColor","btnWarningBg","brandWarning","btnWarningColor","btnTextSize","fontSizeBase","btnTextSizeLarge","btnTextSizeSmall","borderRadiusLarge","buttonPadding","iconSizeLarge","iconFontSize","iconSizeSmall","cardDefaultBg","brandSidebar","fontFamily","fontSizeH1","fontSizeH2","fontSizeH3","footerHeight","footerDefaultBg","tabBarTextColor","tabBarTextSize","activeTab","sTabBarActiveTextColor","tabBarActiveTextColor","tabActiveBgColor","tabDefaultBg","topTabBarTextColor","topTabBarActiveTextColor","topTabActiveBgColor","topTabBarBorderColor","topTabBarActiveBorderColor","toolbarBtnColor","toolbarDefaultBg","toolbarHeight","toolbarIconSize","toolbarSearchIconSize","toolbarInputColor","searchBarHeight","toolbarInverseBg","toolbarTextColor","toolbarDefaultBorder","iosStatusbar","statusBarColor","darken","hex","iconFamily","iconMargin","iconHeaderSize","inputFontSize","inputBorderColor","inputSuccessBorderColor","inputErrorBorderColor","inputColor","inputColorPlaceholder","inputGroupMarginBottom","inputHeightBase","inputPaddingLeft","inputPaddingLeftIcon","btnLineHeight","lineHeightH1","lineHeightH2","lineHeightH3","iconLineHeight","lineHeight","listBorderColor","listDividerBg","listItemHeight","listBtnUnderlayColor","cardBorderColor","listItemPadding","listNoteColor","listNoteSize","defaultProgressColor","inverseProgressColor","radioBtnSize","radioSelectedColorAndroid","radioBtnLineHeight","radioColor","radioSelectedColor","defaultSpinnerColor","inverseSpinnerColor","tabBgColor","tabFontSize","tabTextColor","noteFontSize","titleFontfamily","titleFontSize","subTitleFontSize","subtitleColor","titleFontColor","borderRadiusBase","borderWidth","getPixelSizeForLayoutSize","contentPadding","darkenHeader","dropdownBg","dropdownLinkColor","inputLineHeight","jumbotronBg","jumbotronPadding","inputGroupRoundedBorderRadius"],"mappings":"yDAAA,4B;;AAEA,yC;;AAEA,GAAMA,cAAe,wBAAWC,GAAX,CAAe,QAAf,EAAyBC,MAA9C;AACA,GAAMC,aAAc,wBAAWF,GAAX,CAAe,QAAf,EAAyBG,KAA7C;AACA,GAAMC,UAAW,sBAASC,EAA1B;AACA,GAAMC,eAAgBC,SAAtB,C;;AAEe;AACbD,2BADa;AAEbF,iBAFa;;AAIbI,cAAe,IAJF;AAKbC,mBAAoB,0BALP;AAMbC,uBAAwB,qBANX;;;AASbC,QAAS,SATI;AAUbC,WAAY,MAVC;;AAYbC,aAAeT,WAAa,KAAd,CAAuB,CAAvB,CAA2B,CAZ5B;;;AAebU,cAAgBV,WAAa,KAAd,CAAuB,QAAvB,CAAkC,eAfpC;AAgBbW,cAAe,SAhBF;AAiBbC,eAAgB,SAjBH;;;AAoBbC,eAAiBb,WAAa,KAAd,CAAuB,EAAvB,CAA4B,CApB/B;AAqBbc,oBAAsBd,WAAa,KAAd,CAAuB,CAAvB,CAA2B,CArBnC;AAsBbe,oBAAsBf,WAAa,KAAd,CAAuB,CAAvB,CAA2B,CAtBnC;AAuBbgB,sBAAwBhB,WAAa,KAAd,CAAuB,CAAvB,CAA2B,CAvBrC;AAwBbiB,iBAAmBjB,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EAxBjC;AAyBbkB,sBAAwBlB,WAAa,KAAd,CAAuBG,SAAvB,CAAmC,CAzB7C;AA0BbgB,iBAAmBnB,WAAa,KAAd,CAAwB,GAAK,GAA7B,CAAoC,EA1BzC;AA2BboB,gBAAiB,EA3BJ;AA4BbC,gBAAiB,SA5BJ;AA6BbC,aAAc,EA7BD;AA8BbC,kBAAmB,MA9BN;;;AAiCbC,uBAAyBxB,WAAa,KAAd,CAAuB,SAAvB,CAAmC,SAjC9C;AAkCbyB,6BAA+BzB,WAAa,KAAd,CAAuB,SAAvB,CAAmC,MAlCpD;AAmCb0B,iBAAmB1B,WAAa,KAAd,CAAuB,SAAvB,CAAmC,MAnCxC;AAoCb2B,uBAAyB3B,WAAa,KAAd,CAAuB,MAAvB,CAAgC,SApC3C;AAqCb4B,mBAAqB5B,WAAa,KAAd,CAAuB,SAAvB,CAAmC,MArC1C;AAsCb6B,uBAAyB7B,WAAa,KAAd,CAAuB,SAAvB,CAAmC,SAtC9C;;;AAyCb,GAAI8B,iBAAJ,EAAuB;AACrB,MAAO,MAAKC,SAAZ;AACD,CA3CY;;;AA8Cb,GAAIC,aAAJ,EAAmB;AACjB,MAAO,MAAKC,YAAZ;AACD,CAhDY;AAiDb,GAAIC,gBAAJ,EAAsB;AACpB,MAAO,MAAKC,gBAAZ;AACD,CAnDY;AAoDb,GAAIC,UAAJ,EAAgB;AACd,MAAO,MAAKC,SAAZ;AACD,CAtDY;AAuDb,GAAIC,aAAJ,EAAmB;AACjB,MAAO,MAAKH,gBAAZ;AACD,CAzDY;AA0Db,GAAII,aAAJ,EAAmB;AACjB,MAAO,MAAKC,YAAZ;AACD,CA5DY;AA6Db,GAAIC,gBAAJ,EAAsB;AACpB,MAAO,MAAKN,gBAAZ;AACD,CA/DY;AAgEb,GAAIO,YAAJ,EAAkB;AAChB,MAAO,MAAKC,WAAZ;AACD,CAlEY;AAmEb,GAAIC,eAAJ,EAAqB;AACnB,MAAO,MAAKT,gBAAZ;AACD,CArEY;AAsEb,GAAIU,aAAJ,EAAmB;AACjB,MAAO,MAAKC,YAAZ;AACD,CAxEY;AAyEb,GAAIC,gBAAJ,EAAsB;AACpB,MAAO,MAAKZ,gBAAZ;AACD,CA3EY;AA4Eb,GAAIa,YAAJ,EAAkB;AAChB,MAAQhD,YAAa,KAAd,CAAuB,KAAKiD,YAAL,CAAoB,GAA3C;AACL,KAAKA,YAAL,CAAoB,CADtB;AAED,CA/EY;AAgFb,GAAIC,iBAAJ,EAAuB;AACrB,MAAO,MAAKD,YAAL,CAAoB,GAA3B;AACD,CAlFY;AAmFb,GAAIE,iBAAJ,EAAuB;AACrB,MAAO,MAAKF,YAAL,CAAoB,GAA3B;AACD,CArFY;AAsFb,GAAIG,kBAAJ,EAAwB;AACtB,MAAO,MAAKH,YAAL,CAAoB,GAA3B;AACD,CAxFY;;AA0FbI,cAAe,CA1FF;;AA4Fb,GAAIC,cAAJ,EAAoB;AAClB,MAAO,MAAKC,YAAL,CAAoB,GAA3B;AACD,CA9FY;AA+Fb,GAAIC,cAAJ,EAAoB;AAClB,MAAO,MAAKD,YAAL,CAAoB,GAA3B;AACD,CAjGY;;;;AAqGbE,cAAe,MArGF;;;;AAyGbxB,aAAejC,WAAa,KAAd,CAAuB,SAAvB,CAAmC,SAzGpC;AA0GbqC,UAAW,SA1GE;AA2GbG,aAAc,SA3GD;AA4GbG,YAAa,SA5GA;AA6GbG,aAAc,SA7GD;AA8GbY,aAAc,SA9GD;;;;AAkHbC,WAAa3D,WAAa,KAAd,CAAuB,QAAvB,CAAkC,QAlHjC;AAmHbiD,aAAc,EAnHD;;AAqHb,GAAIW,WAAJ,EAAiB;AACf,MAAO,MAAKX,YAAL,CAAoB,GAA3B;AACD,CAvHY;AAwHb,GAAIY,WAAJ,EAAiB;AACf,MAAO,MAAKZ,YAAL,CAAoB,GAA3B;AACD,CA1HY;AA2Hb,GAAIa,WAAJ,EAAiB;AACf,MAAO,MAAKb,YAAL,CAAoB,GAA3B;AACD,CA7HY;;;;AAiIbc,aAAc,EAjID;AAkIbC,gBAAkBhE,WAAa,KAAd,CAAuB,SAAvB,CAAmC,SAlIvC;;;;AAsIbiE,gBAAkBjE,WAAa,KAAd,CAAuB,SAAvB,CAAmC,SAtIvC;AAuIbkE,eAAiBlE,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EAvI/B;AAwIbmE,UAAYnE,WAAa,KAAd,CAAuB,SAAvB,CAAmC,MAxIjC;AAyIboE,uBAAwB,SAzIX;AA0IbC,sBAAwBrE,WAAa,KAAd,CAAuB,SAAvB,CAAmC,MA1I7C;AA2IbsE,iBAAmBtE,WAAa,KAAd,CAAuB,SAAvB,CAAmC,SA3IxC;;;AA8IbuE,aAAevE,WAAa,KAAd,CAAuB,SAAvB,CAAmC,SA9IpC;AA+IbwE,mBAAqBxE,WAAa,KAAd,CAAuB,SAAvB,CAAmC,SA/I1C;AAgJbyE,yBAA2BzE,WAAa,KAAd,CAAuB,SAAvB,CAAmC,MAhJhD;AAiJb0E,oBAAsB1E,WAAa,KAAd,CAAuB,SAAvB,CAAmCG,SAjJ3C;AAkJbwE,qBAAuB3E,WAAa,KAAd,CAAuB,SAAvB,CAAmC,MAlJ5C;AAmJb4E,2BAA6B5E,WAAa,KAAd,CAAuB,SAAvB,CAAmC,MAnJlD;;;;AAuJb6E,gBAAkB7E,WAAa,KAAd,CAAuB,SAAvB,CAAmC,MAvJvC;AAwJb8E,iBAAmB9E,WAAa,KAAd,CAAuB,SAAvB,CAAmC,SAxJxC;AAyJb+E,cAAgB/E,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EAzJ9B;AA0JbgF,gBAAkBhF,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EA1JhC;AA2JbiF,sBAAwBjF,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EA3JtC;AA4JbkF,kBAAoBlF,WAAa,KAAd,CAAuB,SAAvB,CAAmC,MA5JzC;AA6JbmF,gBAAkBnF,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EA7JhC;AA8JboF,iBAAkB,MA9JL;AA+JbC,iBAAmBrF,WAAa,KAAd,CAAuB,MAAvB,CAAgC,MA/JrC;AAgKbsF,qBAAuBtF,WAAa,KAAd,CAAuB,SAAvB,CAAmC,SAhK5C;AAiKbuF,aAAevF,WAAa,KAAd,CAAuB,cAAvB,CAAwC,eAjKzC;AAkKb,GAAIwF,eAAJ,EAAqB;AACnB,MAAO,oBAAM,KAAKV,gBAAX,EAA6BW,MAA7B,CAAoC,GAApC,EAAyCC,GAAzC,EAAP;AACD,CApKY;;;;AAwKbC,WAAY,UAxKC;AAyKbpC,aAAevD,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EAzK7B;AA0Kb4F,WAAY,CA1KC;AA2KbC,eAAiB7F,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EA3K/B;;;;AA+Kb8F,cAAe,EA/KF;AAgLbC,iBAAkB,SAhLL;AAiLbC,wBAAyB,SAjLZ;AAkLbC,sBAAuB,SAlLV;;AAoLb,GAAIC,WAAJ,EAAiB;AACf,MAAO,MAAKnE,SAAZ;AACD,CAtLY;AAuLb,GAAIoE,sBAAJ,EAA4B;AAC1B,MAAO,SAAP;AACD,CAzLY;;AA2LbC,uBAAwB,EA3LX;AA4LbC,gBAAiB,EA5LJ;AA6LbC,iBAAkB,CA7LL;;AA+Lb,GAAIC,qBAAJ,EAA2B;AACzB,MAAO,MAAKD,gBAAL,CAAwB,CAA/B;AACD,CAjMY;;;;AAqMbE,cAAe,EArMF;AAsMbC,aAAc,EAtMD;AAuMbC,aAAc,EAvMD;AAwMbC,aAAc,EAxMD;AAyMbC,eAAiB5G,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EAzM/B;AA0Mb6G,WAAa7G,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EA1M3B;;;;AA8Mb8G,gBAAiB,SA9MJ;AA+MbC,cAAe,SA/MF;AAgNbC,eAAgB,EAhNH;AAiNbC,qBAAsB,MAjNT;;;AAoNbC,gBAAiB,MApNJ;;;AAuNbC,gBAAkBnH,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EAvNhC;;AAyNboH,cAAe,SAzNF;AA0NbC,aAAc,EA1ND;;;;AA8NbC,qBAAsB,SA9NT;AA+NbC,qBAAsB,SA/NT;;;;AAmObC,aAAexH,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EAnO7B;AAoObyH,0BAA2B,SApOd;;;AAuObC,mBAAqB1H,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EAvOnC;;AAyOb2H,WAAY,SAzOC;;AA2Ob,GAAIC,mBAAJ,EAAyB;AACvB,MAAO,oBAAM,KAAKD,UAAX,EAAuBlC,MAAvB,CAA8B,GAA9B,EAAmCC,GAAnC,EAAP;AACD,CA7OY;;;;AAiPbmC,oBAAqB,SAjPR;AAkPbC,oBAAqB,SAlPR;;;;AAsPbC,WAAY,SAtPC;AAuPbC,YAAa,EAvPA;AAwPbC,aAAc,SAxPD;;;;AA4PblG,UAAW,MA5PE;AA6PbI,iBAAkB,MA7PL;AA8Pb+F,aAAc,EA9PD;;;;AAkQbC,gBAAkBnI,WAAa,KAAd,CAAuB,QAAvB,CAAkC,eAlQtC;AAmQboI,cAAgBpI,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EAnQ9B;AAoQbqI,iBAAmBrI,WAAa,KAAd,CAAuB,EAAvB,CAA4B,EApQjC;AAqQbsI,cAAgBtI,WAAa,KAAd,CAAuB,SAAvB,CAAmC,MArQrC;;;AAwQbuI,eAAiBvI,WAAa,KAAd,CAAuB,MAAvB,CAAgC,MAxQnC;;;;AA4QbwI,iBAAmBxI,WAAa,KAAd,CAAuB,CAAvB,CAA2B,CA5QhC;AA6QbyI,YAAc,EAAI,wBAAWC,yBAAX,CAAqC,CAArC,CA7QL;AA8QbC,eAAgB,EA9QH;;AAgRb,GAAIC,aAAJ,EAAmB;AACjB,MAAO,oBAAM,KAAKb,UAAX,EAAuBtC,MAAvB,CAA8B,IAA9B,EAAoCC,GAApC,EAAP;AACD,CAlRY;;AAoRbmD,WAAY,MApRC;AAqRbC,kBAAmB,SArRN;AAsRbC,gBAAiB,EAtRJ;AAuRbC,YAAa,SAvRA;AAwRbC,iBAAkB,EAxRL;AAyRbnJ,uBAzRa;AA0RbH,yBA1Ra;;;AA6RbuJ,8BAA+B,EA7RlB,C","file":"platform.js","sourcesContent":["import color from 'color';\n\nimport { Platform, Dimensions, PixelRatio } from 'react-native';\n\nconst deviceHeight = Dimensions.get('window').height;\nconst deviceWidth = Dimensions.get('window').width;\nconst platform = Platform.OS;\nconst platformStyle = undefined;\n\nexport default {\n platformStyle,\n platform,\n // AndroidRipple\n androidRipple: true,\n androidRippleColor: 'rgba(256, 256, 256, 0.3)',\n androidRippleColorDark: 'rgba(0, 0, 0, 0.15)',\n\n // Badge\n badgeBg: '#ED1727',\n badgeColor: '#fff',\n // New Variable\n badgePadding: (platform === 'ios') ? 3 : 0,\n\n // Button\n btnFontFamily: (platform === 'ios') ? 'System' : 'Roboto_medium',\n btnDisabledBg: '#b5b5b5',\n btnDisabledClr: '#f1f1f1',\n\n // CheckBox\n CheckboxRadius: (platform === 'ios') ? 13 : 0,\n CheckboxBorderWidth: (platform === 'ios') ? 1 : 2,\n CheckboxPaddingLeft: (platform === 'ios') ? 4 : 2,\n CheckboxPaddingBottom: (platform === 'ios') ? 0 : 5,\n CheckboxIconSize: (platform === 'ios') ? 21 : 14,\n CheckboxIconMarginTop: (platform === 'ios') ? undefined : 1,\n CheckboxFontSize: (platform === 'ios') ? (23 / 0.9) : 18,\n DefaultFontSize: 17,\n checkboxBgColor: '#039BE5',\n checkboxSize: 20,\n checkboxTickColor: '#fff',\n\n // Segment\n segmentBackgroundColor: (platform === 'ios') ? '#F8F8F8' : '#3F51B5',\n segmentActiveBackgroundColor: (platform === 'ios') ? '#007aff' : '#fff',\n segmentTextColor: (platform === 'ios') ? '#007aff' : '#fff',\n segmentActiveTextColor: (platform === 'ios') ? '#fff' : '#3F51B5',\n segmentBorderColor: (platform === 'ios') ? '#007aff' : '#fff',\n segmentBorderColorMain: (platform === 'ios') ? '#a7a6ab' : '#3F51B5',\n\n // New Variable\n get defaultTextColor() {\n return this.textColor;\n },\n\n\n get btnPrimaryBg() {\n return this.brandPrimary;\n },\n get btnPrimaryColor() {\n return this.inverseTextColor;\n },\n get btnInfoBg() {\n return this.brandInfo;\n },\n get btnInfoColor() {\n return this.inverseTextColor;\n },\n get btnSuccessBg() {\n return this.brandSuccess;\n },\n get btnSuccessColor() {\n return this.inverseTextColor;\n },\n get btnDangerBg() {\n return this.brandDanger;\n },\n get btnDangerColor() {\n return this.inverseTextColor;\n },\n get btnWarningBg() {\n return this.brandWarning;\n },\n get btnWarningColor() {\n return this.inverseTextColor;\n },\n get btnTextSize() {\n return (platform === 'ios') ? this.fontSizeBase * 1.1 :\n this.fontSizeBase - 1;\n },\n get btnTextSizeLarge() {\n return this.fontSizeBase * 1.5;\n },\n get btnTextSizeSmall() {\n return this.fontSizeBase * 0.8;\n },\n get borderRadiusLarge() {\n return this.fontSizeBase * 3.8;\n },\n\n buttonPadding: 6,\n\n get iconSizeLarge() {\n return this.iconFontSize * 1.5;\n },\n get iconSizeSmall() {\n return this.iconFontSize * 0.6;\n },\n\n\n // Card\n cardDefaultBg: '#fff',\n\n\n // Color\n brandPrimary: (platform === 'ios') ? '#007aff' : '#3F51B5',\n brandInfo: '#62B1F6',\n brandSuccess: '#5cb85c',\n brandDanger: '#d9534f',\n brandWarning: '#f0ad4e',\n brandSidebar: '#252932',\n\n\n // Font\n fontFamily: (platform === 'ios') ? 'System' : 'Roboto',\n fontSizeBase: 15,\n\n get fontSizeH1() {\n return this.fontSizeBase * 1.8;\n },\n get fontSizeH2() {\n return this.fontSizeBase * 1.6;\n },\n get fontSizeH3() {\n return this.fontSizeBase * 1.4;\n },\n\n\n // Footer\n footerHeight: 55,\n footerDefaultBg: (platform === 'ios') ? '#F8F8F8' : '#4179F7',\n\n\n // FooterTab\n tabBarTextColor: (platform === 'ios') ? '#6b6b6b' : '#b3c7f9',\n tabBarTextSize: (platform === 'ios') ? 14 : 11,\n activeTab: (platform === 'ios') ? '#007aff' : '#fff',\n sTabBarActiveTextColor: '#007aff',\n tabBarActiveTextColor: (platform === 'ios') ? '#007aff' : '#fff',\n tabActiveBgColor: (platform === 'ios') ? '#cde1f9' : '#3F51B5',\n\n // Tab\n tabDefaultBg: (platform === 'ios') ? '#F8F8F8' : '#3F51B5',\n topTabBarTextColor: (platform === 'ios') ? '#6b6b6b' : '#b3c7f9',\n topTabBarActiveTextColor: (platform === 'ios') ? '#007aff' : '#fff',\n topTabActiveBgColor: (platform === 'ios') ? '#cde1f9' : undefined,\n topTabBarBorderColor: (platform === 'ios') ? '#a7a6ab' : '#fff',\n topTabBarActiveBorderColor: (platform === 'ios') ? '#007aff' : '#fff',\n\n\n // Header\n toolbarBtnColor: (platform === 'ios') ? '#007aff' : '#fff',\n toolbarDefaultBg: (platform === 'ios') ? '#F8F8F8' : '#3F51B5',\n toolbarHeight: (platform === 'ios') ? 64 : 56,\n toolbarIconSize: (platform === 'ios') ? 20 : 22,\n toolbarSearchIconSize: (platform === 'ios') ? 20 : 23,\n toolbarInputColor: (platform === 'ios') ? '#CECDD2' : '#fff',\n searchBarHeight: (platform === 'ios') ? 30 : 40,\n toolbarInverseBg: '#222',\n toolbarTextColor: (platform === 'ios') ? '#000' : '#fff',\n toolbarDefaultBorder: (platform === 'ios') ? '#a7a6ab' : '#3F51B5',\n iosStatusbar: (platform === 'ios') ? 'dark-content' : 'light-content',\n get statusBarColor() {\n return color(this.toolbarDefaultBg).darken(0.2).hex();\n },\n\n\n // Icon\n iconFamily: 'Ionicons',\n iconFontSize: (platform === 'ios') ? 30 : 28,\n iconMargin: 7,\n iconHeaderSize: (platform === 'ios') ? 33 : 24,\n\n\n // InputGroup\n inputFontSize: 17,\n inputBorderColor: '#D9D5DC',\n inputSuccessBorderColor: '#2b8339',\n inputErrorBorderColor: '#ed2f2f',\n\n get inputColor() {\n return this.textColor;\n },\n get inputColorPlaceholder() {\n return '#575757';\n },\n\n inputGroupMarginBottom: 10,\n inputHeightBase: 50,\n inputPaddingLeft: 5,\n\n get inputPaddingLeftIcon() {\n return this.inputPaddingLeft * 8;\n },\n\n\n // Line Height\n btnLineHeight: 19,\n lineHeightH1: 32,\n lineHeightH2: 27,\n lineHeightH3: 22,\n iconLineHeight: (platform === 'ios') ? 37 : 30,\n lineHeight: (platform === 'ios') ? 20 : 24,\n\n\n // List\n listBorderColor: '#c9c9c9',\n listDividerBg: '#f4f4f4',\n listItemHeight: 45,\n listBtnUnderlayColor: '#DDD',\n\n // Card\n cardBorderColor: '#ccc',\n\n // Changed Variable\n listItemPadding: (platform === 'ios') ? 10 : 12,\n\n listNoteColor: '#808080',\n listNoteSize: 13,\n\n\n // Progress Bar\n defaultProgressColor: '#E4202D',\n inverseProgressColor: '#1A191B',\n\n\n // Radio Button\n radioBtnSize: (platform === 'ios') ? 25 : 23,\n radioSelectedColorAndroid: '#3F51B5',\n\n // New Variable\n radioBtnLineHeight: (platform === 'ios') ? 29 : 24,\n\n radioColor: '#7e7e7e',\n\n get radioSelectedColor() {\n return color(this.radioColor).darken(0.2).hex();\n },\n\n\n // Spinner\n defaultSpinnerColor: '#45D56E',\n inverseSpinnerColor: '#1A191B',\n\n\n // Tabs\n tabBgColor: '#F8F8F8',\n tabFontSize: 15,\n tabTextColor: '#222222',\n\n\n // Text\n textColor: '#000',\n inverseTextColor: '#fff',\n noteFontSize: 14,\n\n\n // Title\n titleFontfamily: (platform === 'ios') ? 'System' : 'Roboto_medium',\n titleFontSize: (platform === 'ios') ? 17 : 19,\n subTitleFontSize: (platform === 'ios') ? 12 : 14,\n subtitleColor: (platform === 'ios') ? '#8e8e93' : '#FFF',\n\n // New Variable\n titleFontColor: (platform === 'ios') ? '#000' : '#FFF',\n\n\n // Other\n borderRadiusBase: (platform === 'ios') ? 5 : 2,\n borderWidth: (1 / PixelRatio.getPixelSizeForLayoutSize(1)),\n contentPadding: 10,\n\n get darkenHeader() {\n return color(this.tabBgColor).darken(0.03).hex();\n },\n\n dropdownBg: '#000',\n dropdownLinkColor: '#414142',\n inputLineHeight: 24,\n jumbotronBg: '#C9C9CE',\n jumbotronPadding: 30,\n deviceWidth,\n deviceHeight,\n\n // New Variable\n inputGroupRoundedBorderRadius: 30,\n};\n"]} \ No newline at end of file diff --git a/src/basic/Fab.js b/src/basic/Fab.js index c2b8c2ce9..c158b1fa1 100644 --- a/src/basic/Fab.js +++ b/src/basic/Fab.js @@ -192,32 +192,34 @@ class Fab extends Component { return true; } }); - // this.setState({ - // buttons: icon.length - // }); + // this.setState({ + // buttons: icon.length + // }); return React.cloneElement(childrenArray[0], { style: this.getInitialStyle(childrenArray[0].props.style).iconStyle }); } renderButtons() { const childrenArray = React.Children.toArray(this.props.children); - const icon = _.remove(childrenArray, (item) => { - if (item.type.displayName === "Styled(Icon)" || item.type.displayName === "Styled(IconNB)") { - return true; - } - }); + // const icon = _.remove(childrenArray, (item) => { + // if (item.type.displayName === "Styled(Icon)" || item.type.displayName === "Styled(IconNB)") { + // return true; + // } + // }); const newChildren = []; - { childrenArray.map((child, i) => { - newChildren.push({child.props.children} - ); + { + childrenArray.slice(1).map((child, i) => { + newChildren.push({child.props.children} + ); + } + ); } - ); } return newChildren; } upAnimate() { @@ -341,7 +343,7 @@ class Fab extends Component { {this.renderButtons()} this.fabOnPress()} - {...this.prepareFabProps()} activeOpacity={1} + {...this.prepareFabProps() } activeOpacity={1} > {this.renderFab()} diff --git a/src/index.js b/src/index.js index 143ebd91e..2fc949b8e 100644 --- a/src/index.js +++ b/src/index.js @@ -54,7 +54,6 @@ import ScrollableTabView from './basic/Tabs'; import { DefaultTabBar } from './basic/Tabs/DefaultTabBar'; import { ScrollableTab } from './basic/Tabs/ScrollableTabBar'; import { STabs } from './smart/STabs'; -import { Content as TabContent } from './basic/Content'; import { Subtitle } from './backward/Widgets/Subtitle'; setDefaultThemeStyle(); @@ -110,7 +109,7 @@ export { Grid, Text, STabs, - TabContent, + Content as TabContent, View, ToastContainer as Toast, ScrollableTab, @@ -118,7 +117,7 @@ export { TabHeading, TabContainer, DefaultTabBar, - Segment + Segment, }; const mapPropsToStyleNames = (styleNames, props) => keys(props);