be-components 0.8.2 → 0.8.3

package/lib/commonjs/Components/Text.js

@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
 require("../Font.css");
 var _colors = _interopRequireDefault(require("../constants/colors"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const STANDARD_SIZE = 414;
 const Text = ({
   weight,
   color,
@@ -17,6 +18,15 @@ const Text = ({
   textAlign,
   style
 }) => {
+  const dimensions = (0, _reactNative.useWindowDimensions)();
+  let rendered_size = size ?? 14;
+  let diff_from_normal = dimensions.width - STANDARD_SIZE;
+  if (diff_from_normal < 0) {
+    let pct_diff = Math.abs(diff_from_normal / STANDARD_SIZE);
+    console.log(pct_diff);
+    rendered_size = rendered_size * (1 - pct_diff);
+  }
+  console.log(rendered_size);
   const getFontFamily = weight => {
     switch (weight) {
       case 'bold':
@@ -34,7 +44,7 @@ const Text = ({
   return /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
     style: [{
       color: color ?? _colors.default.shades.black,
-      fontSize: size ?? 14,
+      fontSize: rendered_size,
       fontFamily: weight ? getFontFamily(weight) : 'barlow-regular',
       textAlign: textAlign ?? 'left'
     }, style]

package/lib/commonjs/Components/Text.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","obj","__esModule","default","Text","weight","color","size","children","textAlign","style","getFontFamily","createElement","Colors","shades","black","fontSize","fontFamily","_default","exports"],"sourceRoot":"../../../src","sources":["Components/Text.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACAA,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAyC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAYzC,MAAMG,IAAI,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AAAiB,CAAC,KAAK;EAE7E,MAAMC,aAAa,GAAIN,MAAa,IAAK;IACrC,QAAOA,MAAM;MACT,KAAK,MAAM;QAAE,OAAO,aAAa;MACjC,KAAK,UAAU;QAAE,OAAO,iBAAiB;MACzC,KAAK,SAAS;QAAE,OAAO,gBAAgB;MACvC,KAAK,OAAO;QAAE,OAAO,cAAc;MACnC;QAAS,OAAO,gBAAgB;IACpC;EACJ,CAAC;EAED,oBACIT,MAAA,CAAAO,OAAA,CAAAS,aAAA,CAACb,YAAA,CAAAK,IAAM;IAACM,KAAK,EAAE,CAAC;MAAEJ,KAAK,EAACA,KAAK,IAAEO,eAAM,CAACC,MAAM,CAACC,KAAK;MAAEC,QAAQ,EAAET,IAAI,IAAE,EAAE;MAAEU,UAAU,EAAEZ,MAAM,GAACM,aAAa,CAACN,MAAM,CAAC,GAAC,gBAAgB;MAAEI,SAAS,EAACA,SAAS,IAAE;IAAO,CAAC,EAAEC,KAAK;EAAE,GACpKF,QACG,CAAC;AAEjB,CAAC;AAAA,IAAAU,QAAA,GAAAC,OAAA,CAAAhB,OAAA,GAEcC,IAAI","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","obj","__esModule","default","STANDARD_SIZE","Text","weight","color","size","children","textAlign","style","dimensions","useWindowDimensions","rendered_size","diff_from_normal","width","pct_diff","Math","abs","console","log","getFontFamily","createElement","Colors","shades","black","fontSize","fontFamily","_default","exports"],"sourceRoot":"../../../src","sources":["Components/Text.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACAA,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAyC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAYzC,MAAMG,aAAa,GAAG,GAAG;AAEzB,MAAMC,IAAI,GAAGA,CAAC;EAAEC,MAAM;EAAEC,KAAK;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AAAiB,CAAC,KAAK;EAC7E,MAAMC,UAAU,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAExC,IAAIC,aAAa,GAAGN,IAAI,IAAI,EAAE;EAC9B,IAAIO,gBAAgB,GAAGH,UAAU,CAACI,KAAK,GAAGZ,aAAa;EACvD,IAAGW,gBAAgB,GAAG,CAAC,EAAC;IACpB,IAAIE,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACJ,gBAAgB,GAAGX,aAAa,CAAC;IACzDgB,OAAO,CAACC,GAAG,CAACJ,QAAQ,CAAC;IACrBH,aAAa,GAAGA,aAAa,IAAI,CAAC,GAAGG,QAAQ,CAAC;EAClD;EAEAG,OAAO,CAACC,GAAG,CAACP,aAAa,CAAC;EAE1B,MAAMQ,aAAa,GAAIhB,MAAa,IAAK;IACrC,QAAOA,MAAM;MACT,KAAK,MAAM;QAAE,OAAO,aAAa;MACjC,KAAK,UAAU;QAAE,OAAO,iBAAiB;MACzC,KAAK,SAAS;QAAE,OAAO,gBAAgB;MACvC,KAAK,OAAO;QAAE,OAAO,cAAc;MACnC;QAAS,OAAO,gBAAgB;IACpC;EACJ,CAAC;EAED,oBACIV,MAAA,CAAAO,OAAA,CAAAoB,aAAA,CAACxB,YAAA,CAAAM,IAAM;IAACM,KAAK,EAAE,CAAC;MAAEJ,KAAK,EAACA,KAAK,IAAEiB,eAAM,CAACC,MAAM,CAACC,KAAK;MAAEC,QAAQ,EAAEb,aAAa;MAAEc,UAAU,EAAEtB,MAAM,GAACgB,aAAa,CAAChB,MAAM,CAAC,GAAC,gBAAgB;MAAEI,SAAS,EAACA,SAAS,IAAE;IAAO,CAAC,EAAEC,KAAK;EAAE,GACzKF,QACG,CAAC;AAEjB,CAAC;AAAA,IAAAoB,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEcE,IAAI","ignoreList":[]}

package/lib/module/Components/Text.js

@@ -1,7 +1,8 @@
 import React from 'react';
-import { Text as RNText } from 'react-native';
+import { Text as RNText, useWindowDimensions } from 'react-native';
 import '../Font.css';
 import Colors from '../constants/colors';
+const STANDARD_SIZE = 414;
 const Text = ({
   weight,
   color,
@@ -10,6 +11,15 @@ const Text = ({
   textAlign,
   style
 }) => {
+  const dimensions = useWindowDimensions();
+  let rendered_size = size ?? 14;
+  let diff_from_normal = dimensions.width - STANDARD_SIZE;
+  if (diff_from_normal < 0) {
+    let pct_diff = Math.abs(diff_from_normal / STANDARD_SIZE);
+    console.log(pct_diff);
+    rendered_size = rendered_size * (1 - pct_diff);
+  }
+  console.log(rendered_size);
   const getFontFamily = weight => {
     switch (weight) {
       case 'bold':
@@ -27,7 +37,7 @@ const Text = ({
   return /*#__PURE__*/React.createElement(RNText, {
     style: [{
       color: color ?? Colors.shades.black,
-      fontSize: size ?? 14,
+      fontSize: rendered_size,
       fontFamily: weight ? getFontFamily(weight) : 'barlow-regular',
       textAlign: textAlign ?? 'left'
     }, style]

package/lib/module/Components/Text.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Text","RNText","Colors","weight","color","size","children","textAlign","style","getFontFamily","createElement","shades","black","fontSize","fontFamily"],"sourceRoot":"../../../src","sources":["Components/Text.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,IAAIC,MAAM,QAAQ,cAAc;AAC7C,OAAO,aAAa;AACpB,OAAOC,MAAM,MAAM,qBAAqB;AAYxC,MAAMF,IAAI,GAAGA,CAAC;EAAEG,MAAM;EAAEC,KAAK;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AAAiB,CAAC,KAAK;EAE7E,MAAMC,aAAa,GAAIN,MAAa,IAAK;IACrC,QAAOA,MAAM;MACT,KAAK,MAAM;QAAE,OAAO,aAAa;MACjC,KAAK,UAAU;QAAE,OAAO,iBAAiB;MACzC,KAAK,SAAS;QAAE,OAAO,gBAAgB;MACvC,KAAK,OAAO;QAAE,OAAO,cAAc;MACnC;QAAS,OAAO,gBAAgB;IACpC;EACJ,CAAC;EAED,oBACIJ,KAAA,CAAAW,aAAA,CAACT,MAAM;IAACO,KAAK,EAAE,CAAC;MAAEJ,KAAK,EAACA,KAAK,IAAEF,MAAM,CAACS,MAAM,CAACC,KAAK;MAAEC,QAAQ,EAAER,IAAI,IAAE,EAAE;MAAES,UAAU,EAAEX,MAAM,GAACM,aAAa,CAACN,MAAM,CAAC,GAAC,gBAAgB;MAAEI,SAAS,EAACA,SAAS,IAAE;IAAO,CAAC,EAAEC,KAAK;EAAE,GACpKF,QACG,CAAC;AAEjB,CAAC;AAED,eAAeN,IAAI","ignoreList":[]}
+{"version":3,"names":["React","Text","RNText","useWindowDimensions","Colors","STANDARD_SIZE","weight","color","size","children","textAlign","style","dimensions","rendered_size","diff_from_normal","width","pct_diff","Math","abs","console","log","getFontFamily","createElement","shades","black","fontSize","fontFamily"],"sourceRoot":"../../../src","sources":["Components/Text.tsx"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,IAAIC,MAAM,EAAEC,mBAAmB,QAAQ,cAAc;AAClE,OAAO,aAAa;AACpB,OAAOC,MAAM,MAAM,qBAAqB;AAYxC,MAAMC,aAAa,GAAG,GAAG;AAEzB,MAAMJ,IAAI,GAAGA,CAAC;EAAEK,MAAM;EAAEC,KAAK;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,SAAS;EAAEC;AAAiB,CAAC,KAAK;EAC7E,MAAMC,UAAU,GAAGT,mBAAmB,CAAC,CAAC;EAExC,IAAIU,aAAa,GAAGL,IAAI,IAAI,EAAE;EAC9B,IAAIM,gBAAgB,GAAGF,UAAU,CAACG,KAAK,GAAGV,aAAa;EACvD,IAAGS,gBAAgB,GAAG,CAAC,EAAC;IACpB,IAAIE,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACJ,gBAAgB,GAAGT,aAAa,CAAC;IACzDc,OAAO,CAACC,GAAG,CAACJ,QAAQ,CAAC;IACrBH,aAAa,GAAGA,aAAa,IAAI,CAAC,GAAGG,QAAQ,CAAC;EAClD;EAEAG,OAAO,CAACC,GAAG,CAACP,aAAa,CAAC;EAE1B,MAAMQ,aAAa,GAAIf,MAAa,IAAK;IACrC,QAAOA,MAAM;MACT,KAAK,MAAM;QAAE,OAAO,aAAa;MACjC,KAAK,UAAU;QAAE,OAAO,iBAAiB;MACzC,KAAK,SAAS;QAAE,OAAO,gBAAgB;MACvC,KAAK,OAAO;QAAE,OAAO,cAAc;MACnC;QAAS,OAAO,gBAAgB;IACpC;EACJ,CAAC;EAED,oBACIN,KAAA,CAAAsB,aAAA,CAACpB,MAAM;IAACS,KAAK,EAAE,CAAC;MAAEJ,KAAK,EAACA,KAAK,IAAEH,MAAM,CAACmB,MAAM,CAACC,KAAK;MAAEC,QAAQ,EAAEZ,aAAa;MAAEa,UAAU,EAAEpB,MAAM,GAACe,aAAa,CAACf,MAAM,CAAC,GAAC,gBAAgB;MAAEI,SAAS,EAACA,SAAS,IAAE;IAAO,CAAC,EAAEC,KAAK;EAAE,GACzKF,QACG,CAAC;AAEjB,CAAC;AAED,eAAeR,IAAI","ignoreList":[]}

package/lib/typescript/src/Components/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/Components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAIrB,MAAM,WAAW,SAAS;IACtB,MAAM,CAAC,EAAC,MAAM,GAAC,UAAU,GAAC,SAAS,GAAC,OAAO,CAAC;IAC5C,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAC,GAAG,CAAC;IACb,SAAS,CAAC,EAAC,MAAM,GAAC,QAAQ,GAAC,OAAO,CAAC;IACnC,KAAK,CAAC,EAAC,GAAG,CAAA;CACb;AAED,QAAA,MAAM,IAAI,wDAAyD,SAAS,sBAiB3E,CAAA;AAED,eAAe,IAAI,CAAA"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/Components/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAIrB,MAAM,WAAW,SAAS;IACtB,MAAM,CAAC,EAAC,MAAM,GAAC,UAAU,GAAC,SAAS,GAAC,OAAO,CAAC;IAC5C,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAC,GAAG,CAAC;IACb,SAAS,CAAC,EAAC,MAAM,GAAC,QAAQ,GAAC,OAAO,CAAC;IACnC,KAAK,CAAC,EAAC,GAAG,CAAA;CACb;AAID,QAAA,MAAM,IAAI,wDAAyD,SAAS,sBA4B3E,CAAA;AAED,eAAe,IAAI,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-components",
-  "version": "0.8.2",
+  "version": "0.8.3",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/Components/Text.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Text as RNText } from 'react-native';
+import { Text as RNText, useWindowDimensions } from 'react-native';
 import '../Font.css';
 import Colors from '../constants/colors';
 
@@ -13,7 +13,20 @@ export interface TextProps {
     style?:any 
 }
 
+const STANDARD_SIZE = 414
+
 const Text = ({ weight, color, size, children, textAlign, style }: TextProps) => {
+    const dimensions = useWindowDimensions();
+
+    let rendered_size = size ?? 14
+    let diff_from_normal = dimensions.width - STANDARD_SIZE
+    if(diff_from_normal < 0){
+        let pct_diff = Math.abs(diff_from_normal / STANDARD_SIZE)
+        console.log(pct_diff)
+        rendered_size = rendered_size * (1 - pct_diff)
+    }
+
+    console.log(rendered_size)
 
     const getFontFamily = (weight:string) => {
         switch(weight){
@@ -26,7 +39,7 @@ const Text = ({ weight, color, size, children, textAlign, style }: TextProps) =>
     }
 
     return (
-        <RNText style={[{ color:color??Colors.shades.black, fontSize: size??14, fontFamily: weight?getFontFamily(weight):'barlow-regular', textAlign:textAlign??'left' }, style]}>
+        <RNText style={[{ color:color??Colors.shades.black, fontSize: rendered_size, fontFamily: weight?getFontFamily(weight):'barlow-regular', textAlign:textAlign??'left' }, style]}>
             {children}
         </RNText>
     )