be-components 0.8.5 → 0.8.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/Components/TextInput.js +9 -1
- package/lib/commonjs/Components/TextInput.js.map +1 -1
- package/lib/module/Components/TextInput.js +10 -2
- package/lib/module/Components/TextInput.js.map +1 -1
- package/lib/typescript/src/Components/TextInput.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Components/TextInput.tsx +12 -2
|
@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _colors = _interopRequireDefault(require("../constants/colors"));
|
|
10
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
const STANDARD_SIZE = 414;
|
|
11
12
|
const TextInput = ({
|
|
12
13
|
onChangeText,
|
|
13
14
|
key,
|
|
@@ -23,6 +24,13 @@ const TextInput = ({
|
|
|
23
24
|
onSubmitEditing,
|
|
24
25
|
onBlur
|
|
25
26
|
}) => {
|
|
27
|
+
const dimensions = (0, _reactNative.useWindowDimensions)();
|
|
28
|
+
let rendered_size = style?.fontSize ?? 14;
|
|
29
|
+
let diff_from_normal = dimensions.width - STANDARD_SIZE;
|
|
30
|
+
if (diff_from_normal < 0) {
|
|
31
|
+
let pct_diff = Math.abs(diff_from_normal / STANDARD_SIZE);
|
|
32
|
+
rendered_size = rendered_size * (1 - pct_diff);
|
|
33
|
+
}
|
|
26
34
|
return /*#__PURE__*/_react.default.createElement(_reactNative.TextInput, {
|
|
27
35
|
key: key,
|
|
28
36
|
style: {
|
|
@@ -31,7 +39,7 @@ const TextInput = ({
|
|
|
31
39
|
borderWidth: 1,
|
|
32
40
|
textAlign: 'center',
|
|
33
41
|
fontFamily: 'barlow-bold',
|
|
34
|
-
fontSize:
|
|
42
|
+
fontSize: rendered_size,
|
|
35
43
|
borderColor: _colors.default.shades.shade600,
|
|
36
44
|
backgroundColor: editable == false ? _colors.default.shades.shade100 : _colors.default.shades.white,
|
|
37
45
|
...style
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","obj","__esModule","default","TextInput","onChangeText","key","placeholderTextColor","value","placeholder","style","autoFocus","keyboardType","textContentType","editable","secureTextEntry","onSubmitEditing","onBlur","createElement","padding","borderRadius","borderWidth","textAlign","fontFamily","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_colors","obj","__esModule","default","STANDARD_SIZE","TextInput","onChangeText","key","placeholderTextColor","value","placeholder","style","autoFocus","keyboardType","textContentType","editable","secureTextEntry","onSubmitEditing","onBlur","dimensions","useWindowDimensions","rendered_size","fontSize","diff_from_normal","width","pct_diff","Math","abs","createElement","padding","borderRadius","borderWidth","textAlign","fontFamily","borderColor","Colors","shades","shade600","backgroundColor","shade100","white","_default","exports"],"sourceRoot":"../../../src","sources":["Components/TextInput.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAyC,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAkBzC,MAAMG,aAAa,GAAG,GAAG;AAEzB,MAAMC,SAAS,GAAGA,CAAC;EAAEC,YAAY;EAAEC,GAAG;EAAEC,oBAAoB;EAAEC,KAAK;EAAEC,WAAW;EAAEC,KAAK;EAAEC,SAAS;EAAEC,YAAY;EAAEC,eAAe;EAAEC,QAAQ;EAAEC,eAAe;EAAEC,eAAe;EAAEC;AAAwB,CAAC,KAAK;EACzM,MAAMC,UAAU,GAAG,IAAAC,gCAAmB,EAAC,CAAC;EAExC,IAAIC,aAAa,GAAGV,KAAK,EAAEW,QAAQ,IAAI,EAAE;EACzC,IAAIC,gBAAgB,GAAGJ,UAAU,CAACK,KAAK,GAAGpB,aAAa;EACvD,IAAGmB,gBAAgB,GAAG,CAAC,EAAC;IACpB,IAAIE,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACJ,gBAAgB,GAAGnB,aAAa,CAAC;IACzDiB,aAAa,GAAGA,aAAa,IAAI,CAAC,GAAGI,QAAQ,CAAC;EAClD;EAEA,oBACI7B,MAAA,CAAAO,OAAA,CAAAyB,aAAA,CAAC7B,YAAA,CAAAM,SAAW;IACRE,GAAG,EAAEA,GAAI;IACTI,KAAK,EAAE;MACHkB,OAAO,EAAC,EAAE;MACVC,YAAY,EAAC,EAAE;MACfC,WAAW,EAAC,CAAC;MACbC,SAAS,EAAC,QAAQ;MAClBC,UAAU,EAAC,aAAa;MACxBX,QAAQ,EAACD,aAAa;MACtBa,WAAW,EAACC,eAAM,CAACC,MAAM,CAACC,QAAQ;MAClCC,eAAe,EAACvB,QAAQ,IAAI,KAAK,GAAGoB,eAAM,CAACC,MAAM,CAACG,QAAQ,GAAGJ,eAAM,CAACC,MAAM,CAACI,KAAK;MAChF,GAAG7B;IACP,CAAE;IACFI,QAAQ,EAAEA,QAAQ,IAAI,IAAK;IAC3BL,WAAW,EAAEA,WAAY;IACzBD,KAAK,EAAEA,KAAM;IACbQ,eAAe,EAAEA,eAAgB;IACjCC,MAAM,EAAEA,MAAO;IACfF,eAAe,EAAEA,eAAgB;IACjCR,oBAAoB,EAAEA,oBAAqB;IAC3CI,SAAS,EAAEA,SAAU;IACrBE,eAAe,EAAEA,eAAuB;IACxCD,YAAY,EAAEA,YAAoB;IAClCP,YAAY,EAAEA;EAAa,CAC9B,CAAC;AAEV,CAAC;AAAA,IAAAmC,QAAA,GAAAC,OAAA,CAAAvC,OAAA,GAEcE,SAAS","ignoreList":[]}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { TextInput as RNTextInput } from 'react-native';
|
|
2
|
+
import { TextInput as RNTextInput, useWindowDimensions } from 'react-native';
|
|
3
3
|
import Colors from '../constants/colors';
|
|
4
|
+
const STANDARD_SIZE = 414;
|
|
4
5
|
const TextInput = ({
|
|
5
6
|
onChangeText,
|
|
6
7
|
key,
|
|
@@ -16,6 +17,13 @@ const TextInput = ({
|
|
|
16
17
|
onSubmitEditing,
|
|
17
18
|
onBlur
|
|
18
19
|
}) => {
|
|
20
|
+
const dimensions = useWindowDimensions();
|
|
21
|
+
let rendered_size = style?.fontSize ?? 14;
|
|
22
|
+
let diff_from_normal = dimensions.width - STANDARD_SIZE;
|
|
23
|
+
if (diff_from_normal < 0) {
|
|
24
|
+
let pct_diff = Math.abs(diff_from_normal / STANDARD_SIZE);
|
|
25
|
+
rendered_size = rendered_size * (1 - pct_diff);
|
|
26
|
+
}
|
|
19
27
|
return /*#__PURE__*/React.createElement(RNTextInput, {
|
|
20
28
|
key: key,
|
|
21
29
|
style: {
|
|
@@ -24,7 +32,7 @@ const TextInput = ({
|
|
|
24
32
|
borderWidth: 1,
|
|
25
33
|
textAlign: 'center',
|
|
26
34
|
fontFamily: 'barlow-bold',
|
|
27
|
-
fontSize:
|
|
35
|
+
fontSize: rendered_size,
|
|
28
36
|
borderColor: Colors.shades.shade600,
|
|
29
37
|
backgroundColor: editable == false ? Colors.shades.shade100 : Colors.shades.white,
|
|
30
38
|
...style
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","TextInput","RNTextInput","Colors","onChangeText","key","placeholderTextColor","value","placeholder","style","autoFocus","keyboardType","textContentType","editable","secureTextEntry","onSubmitEditing","onBlur","createElement","padding","borderRadius","borderWidth","textAlign","fontFamily","
|
|
1
|
+
{"version":3,"names":["React","TextInput","RNTextInput","useWindowDimensions","Colors","STANDARD_SIZE","onChangeText","key","placeholderTextColor","value","placeholder","style","autoFocus","keyboardType","textContentType","editable","secureTextEntry","onSubmitEditing","onBlur","dimensions","rendered_size","fontSize","diff_from_normal","width","pct_diff","Math","abs","createElement","padding","borderRadius","borderWidth","textAlign","fontFamily","borderColor","shades","shade600","backgroundColor","shade100","white"],"sourceRoot":"../../../src","sources":["Components/TextInput.tsx"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,IAAIC,WAAW,EAAEC,mBAAmB,QAAQ,cAAc;AAC5E,OAAOC,MAAM,MAAM,qBAAqB;AAkBxC,MAAMC,aAAa,GAAG,GAAG;AAEzB,MAAMJ,SAAS,GAAGA,CAAC;EAAEK,YAAY;EAAEC,GAAG;EAAEC,oBAAoB;EAAEC,KAAK;EAAEC,WAAW;EAAEC,KAAK;EAAEC,SAAS;EAAEC,YAAY;EAAEC,eAAe;EAAEC,QAAQ;EAAEC,eAAe;EAAEC,eAAe;EAAEC;AAAwB,CAAC,KAAK;EACzM,MAAMC,UAAU,GAAGhB,mBAAmB,CAAC,CAAC;EAExC,IAAIiB,aAAa,GAAGT,KAAK,EAAEU,QAAQ,IAAI,EAAE;EACzC,IAAIC,gBAAgB,GAAGH,UAAU,CAACI,KAAK,GAAGlB,aAAa;EACvD,IAAGiB,gBAAgB,GAAG,CAAC,EAAC;IACpB,IAAIE,QAAQ,GAAGC,IAAI,CAACC,GAAG,CAACJ,gBAAgB,GAAGjB,aAAa,CAAC;IACzDe,aAAa,GAAGA,aAAa,IAAI,CAAC,GAAGI,QAAQ,CAAC;EAClD;EAEA,oBACIxB,KAAA,CAAA2B,aAAA,CAACzB,WAAW;IACRK,GAAG,EAAEA,GAAI;IACTI,KAAK,EAAE;MACHiB,OAAO,EAAC,EAAE;MACVC,YAAY,EAAC,EAAE;MACfC,WAAW,EAAC,CAAC;MACbC,SAAS,EAAC,QAAQ;MAClBC,UAAU,EAAC,aAAa;MACxBX,QAAQ,EAACD,aAAa;MACtBa,WAAW,EAAC7B,MAAM,CAAC8B,MAAM,CAACC,QAAQ;MAClCC,eAAe,EAACrB,QAAQ,IAAI,KAAK,GAAGX,MAAM,CAAC8B,MAAM,CAACG,QAAQ,GAAGjC,MAAM,CAAC8B,MAAM,CAACI,KAAK;MAChF,GAAG3B;IACP,CAAE;IACFI,QAAQ,EAAEA,QAAQ,IAAI,IAAK;IAC3BL,WAAW,EAAEA,WAAY;IACzBD,KAAK,EAAEA,KAAM;IACbQ,eAAe,EAAEA,eAAgB;IACjCC,MAAM,EAAEA,MAAO;IACfF,eAAe,EAAEA,eAAgB;IACjCR,oBAAoB,EAAEA,oBAAqB;IAC3CI,SAAS,EAAEA,SAAU;IACrBE,eAAe,EAAEA,eAAuB;IACxCD,YAAY,EAAEA,YAAoB;IAClCP,YAAY,EAAEA;EAAa,CAC9B,CAAC;AAEV,CAAC;AAED,eAAeL,SAAS","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/Components/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,cAAc,GAAG;IAClB,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,GAAG,CAAC,EAAC,MAAM,CAAC;IACZ,WAAW,CAAC,EAAC,MAAM,CAAC;IACpB,SAAS,CAAC,EAAC,OAAO,CAAC;IACnB,YAAY,CAAC,EAAC,MAAM,CAAC;IACrB,eAAe,CAAC,EAAC,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,eAAe,CAAC,EAAC,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAC,GAAG,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAC,GAAG,KAAK,IAAI,CAAC;IAC3B,oBAAoB,CAAC,EAAC,MAAM,CAAC;IAC7B,YAAY,EAAC,CAAC,IAAI,EAAC,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAC,GAAG,CAAA;CACb,CAAA;
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/Components/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,cAAc,GAAG;IAClB,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,GAAG,CAAC,EAAC,MAAM,CAAC;IACZ,WAAW,CAAC,EAAC,MAAM,CAAC;IACpB,SAAS,CAAC,EAAC,OAAO,CAAC;IACnB,YAAY,CAAC,EAAC,MAAM,CAAC;IACrB,eAAe,CAAC,EAAC,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAC,OAAO,CAAC;IAClB,eAAe,CAAC,EAAC,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAC,GAAG,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,CAAC,GAAG,EAAC,GAAG,KAAK,IAAI,CAAC;IAC3B,oBAAoB,CAAC,EAAC,MAAM,CAAC;IAC7B,YAAY,EAAC,CAAC,IAAI,EAAC,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAC,GAAG,CAAA;CACb,CAAA;AAID,QAAA,MAAM,SAAS,yKAA2K,cAAc,sBAqCvM,CAAA;AAED,eAAe,SAAS,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
import React from 'react';
|
|
3
|
-
import { TextInput as RNTextInput } from 'react-native';
|
|
3
|
+
import { TextInput as RNTextInput, useWindowDimensions } from 'react-native';
|
|
4
4
|
import Colors from '../constants/colors';
|
|
5
5
|
|
|
6
6
|
type TextInputProps = {
|
|
@@ -19,8 +19,18 @@ type TextInputProps = {
|
|
|
19
19
|
style?:any
|
|
20
20
|
}
|
|
21
21
|
|
|
22
|
+
const STANDARD_SIZE = 414
|
|
23
|
+
|
|
22
24
|
const TextInput = ({ onChangeText, key, placeholderTextColor, value, placeholder, style, autoFocus, keyboardType, textContentType, editable, secureTextEntry, onSubmitEditing, onBlur } : TextInputProps) => {
|
|
25
|
+
const dimensions = useWindowDimensions();
|
|
23
26
|
|
|
27
|
+
let rendered_size = style?.fontSize ?? 14
|
|
28
|
+
let diff_from_normal = dimensions.width - STANDARD_SIZE
|
|
29
|
+
if(diff_from_normal < 0){
|
|
30
|
+
let pct_diff = Math.abs(diff_from_normal / STANDARD_SIZE)
|
|
31
|
+
rendered_size = rendered_size * (1 - pct_diff)
|
|
32
|
+
}
|
|
33
|
+
|
|
24
34
|
return (
|
|
25
35
|
<RNTextInput
|
|
26
36
|
key={key}
|
|
@@ -30,7 +40,7 @@ const TextInput = ({ onChangeText, key, placeholderTextColor, value, placeholder
|
|
|
30
40
|
borderWidth:1,
|
|
31
41
|
textAlign:'center',
|
|
32
42
|
fontFamily:'barlow-bold',
|
|
33
|
-
fontSize:
|
|
43
|
+
fontSize:rendered_size,
|
|
34
44
|
borderColor:Colors.shades.shade600,
|
|
35
45
|
backgroundColor:editable == false ? Colors.shades.shade100 : Colors.shades.white,
|
|
36
46
|
...style
|