related-ui-components 2.6.4 → 2.6.5
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/module/components/Input/Input.js +11 -8
- package/lib/module/components/Input/Input.js.map +1 -1
- package/lib/module/components/Input/PhoneInput.js +2 -3
- package/lib/module/components/Input/PhoneInput.js.map +1 -1
- package/lib/typescript/src/components/Input/Input.d.ts +1 -0
- package/lib/typescript/src/components/Input/Input.d.ts.map +1 -1
- package/lib/typescript/src/components/Input/PhoneInput.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Input/Input.tsx +12 -7
- package/src/components/Input/PhoneInput.tsx +2 -3
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
import React, { forwardRef, useState } from 'react';
|
|
4
4
|
import { TextInput, Text, View, StyleSheet, TouchableOpacity } from 'react-native';
|
|
5
5
|
import { useTheme } from "../../theme/index.js";
|
|
6
|
+
import { BottomSheetTextInput } from '@gorhom/bottom-sheet';
|
|
6
7
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
8
|
const CustomInput = /*#__PURE__*/forwardRef(({
|
|
8
9
|
label,
|
|
@@ -21,6 +22,7 @@ const CustomInput = /*#__PURE__*/forwardRef(({
|
|
|
21
22
|
onBlur,
|
|
22
23
|
onFocus,
|
|
23
24
|
isRTL = false,
|
|
25
|
+
isBottomSheet,
|
|
24
26
|
...rest
|
|
25
27
|
}, ref) => {
|
|
26
28
|
const {
|
|
@@ -37,19 +39,18 @@ const CustomInput = /*#__PURE__*/forwardRef(({
|
|
|
37
39
|
setIsFocused(false);
|
|
38
40
|
onBlur && onBlur();
|
|
39
41
|
};
|
|
40
|
-
|
|
41
|
-
// Define styles using a function to access theme
|
|
42
42
|
const styles = createStyles(theme);
|
|
43
|
+
const FinalInput = isBottomSheet ? BottomSheetTextInput : TextInput;
|
|
43
44
|
return /*#__PURE__*/_jsxs(View, {
|
|
44
45
|
style: [styles.container, containerStyle],
|
|
45
46
|
children: [label && /*#__PURE__*/_jsx(Text, {
|
|
46
47
|
style: [styles.label, {
|
|
47
|
-
textAlign: isRTL ?
|
|
48
|
+
textAlign: isRTL ? "right" : "left"
|
|
48
49
|
}, labelStyle],
|
|
49
50
|
children: label
|
|
50
51
|
}), /*#__PURE__*/_jsxs(View, {
|
|
51
52
|
style: [styles.inputContainer, inputContainerStyle, isFocused && styles.focusedInput, error && styles.errorInput, isRTL && {
|
|
52
|
-
flexDirection:
|
|
53
|
+
flexDirection: "row-reverse"
|
|
53
54
|
}],
|
|
54
55
|
children: [leftIcon && /*#__PURE__*/_jsx(View, {
|
|
55
56
|
style: [styles.leftIcon, isRTL && {
|
|
@@ -57,10 +58,12 @@ const CustomInput = /*#__PURE__*/forwardRef(({
|
|
|
57
58
|
paddingLeft: 0
|
|
58
59
|
}],
|
|
59
60
|
children: leftIcon
|
|
60
|
-
}), /*#__PURE__*/_jsx(
|
|
61
|
+
}), /*#__PURE__*/_jsx(FinalInput
|
|
62
|
+
//@ts-ignore
|
|
63
|
+
, {
|
|
61
64
|
ref: ref,
|
|
62
65
|
style: [styles.input, leftIcon ? styles.inputWithLeftIcon : undefined, rightIcon ? styles.inputWithRightIcon : undefined, {
|
|
63
|
-
textAlign: isRTL ?
|
|
66
|
+
textAlign: isRTL ? "right" : "left"
|
|
64
67
|
}, inputStyle],
|
|
65
68
|
onChangeText: onChangeText,
|
|
66
69
|
onFocus: handleFocus,
|
|
@@ -79,12 +82,12 @@ const CustomInput = /*#__PURE__*/forwardRef(({
|
|
|
79
82
|
})]
|
|
80
83
|
}), error ? /*#__PURE__*/_jsx(Text, {
|
|
81
84
|
style: [styles.error, {
|
|
82
|
-
textAlign: isRTL ?
|
|
85
|
+
textAlign: isRTL ? "right" : "left"
|
|
83
86
|
}, errorStyle],
|
|
84
87
|
children: error
|
|
85
88
|
}) : helper ? /*#__PURE__*/_jsx(Text, {
|
|
86
89
|
style: [styles.helper, {
|
|
87
|
-
textAlign: isRTL ?
|
|
90
|
+
textAlign: isRTL ? "right" : "left"
|
|
88
91
|
}, helperStyle],
|
|
89
92
|
children: helper
|
|
90
93
|
}) : null]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useState","TextInput","Text","View","StyleSheet","TouchableOpacity","useTheme","jsx","_jsx","jsxs","_jsxs","CustomInput","label","error","helper","leftIcon","rightIcon","onRightIconPress","containerStyle","labelStyle","inputStyle","inputContainerStyle","errorStyle","helperStyle","onChangeText","onBlur","onFocus","isRTL","rest","ref","theme","rtl","isFocused","setIsFocused","handleFocus","handleBlur","styles","createStyles","style","container","children","textAlign","inputContainer","focusedInput","errorInput","flexDirection","paddingRight","paddingLeft","input","inputWithLeftIcon","undefined","inputWithRightIcon","placeholderTextColor","placeholderText","onPress","disabled","create","fontSize","fontWeight","marginBottom","color","labelText","borderWidth","borderColor","border","borderRadius","backgroundColor","inputBackground","alignItems","primary","flex","paddingHorizontal","paddingVertical","inputText","marginTop"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/Input.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SACEC,SAAS,EAETC,IAAI,EACJC,IAAI,EACJC,UAAU,EACVC,gBAAgB,QAIX,cAAc;AACrB,SAASC,QAAQ,QAAmB,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useState","TextInput","Text","View","StyleSheet","TouchableOpacity","useTheme","BottomSheetTextInput","jsx","_jsx","jsxs","_jsxs","CustomInput","label","error","helper","leftIcon","rightIcon","onRightIconPress","containerStyle","labelStyle","inputStyle","inputContainerStyle","errorStyle","helperStyle","onChangeText","onBlur","onFocus","isRTL","isBottomSheet","rest","ref","theme","rtl","isFocused","setIsFocused","handleFocus","handleBlur","styles","createStyles","FinalInput","style","container","children","textAlign","inputContainer","focusedInput","errorInput","flexDirection","paddingRight","paddingLeft","input","inputWithLeftIcon","undefined","inputWithRightIcon","placeholderTextColor","placeholderText","onPress","disabled","create","fontSize","fontWeight","marginBottom","color","labelText","borderWidth","borderColor","border","borderRadius","backgroundColor","inputBackground","alignItems","primary","flex","paddingHorizontal","paddingVertical","inputText","marginTop"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/Input.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,7 +9,6 @@ import { useBottomSheetStack } from "../../contexts/index.js";
|
|
|
9
9
|
import { allCountries } from "country-telephone-data";
|
|
10
10
|
import { iso2ToFlagEmoji } from "../../utils/flags.js";
|
|
11
11
|
import { CountryPickerView } from "./CountryPickerView.js";
|
|
12
|
-
import { BottomSheetTextInput } from "@gorhom/bottom-sheet";
|
|
13
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
14
13
|
const DEFAULT_COUNTRIES = allCountries.map(c => ({
|
|
15
14
|
code: `+${c.dialCode}`,
|
|
@@ -96,13 +95,13 @@ const PhoneInput = /*#__PURE__*/forwardRef(({
|
|
|
96
95
|
}
|
|
97
96
|
})]
|
|
98
97
|
}), [theme, sel, openCountryPicker]);
|
|
99
|
-
|
|
100
|
-
return /*#__PURE__*/_jsx(Input
|
|
98
|
+
return /*#__PURE__*/_jsx(CustomInput
|
|
101
99
|
//@ts-ignore
|
|
102
100
|
, {
|
|
103
101
|
ref: ref,
|
|
104
102
|
label: label,
|
|
105
103
|
value: value,
|
|
104
|
+
isBottomSheet: isBottomSheet,
|
|
106
105
|
onChangeText: onChangeText,
|
|
107
106
|
keyboardType: "phone-pad",
|
|
108
107
|
placeholder: "123 456 7890",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","TouchableOpacity","StyleSheet","CustomInput","useTheme","Ionicons","useBottomSheetStack","allCountries","iso2ToFlagEmoji","CountryPickerView","
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useMemo","useCallback","Text","TouchableOpacity","StyleSheet","CustomInput","useTheme","Ionicons","useBottomSheetStack","allCountries","iso2ToFlagEmoji","CountryPickerView","jsx","_jsx","jsxs","_jsxs","DEFAULT_COUNTRIES","map","c","code","dialCode","iso2","name","PhoneInput","value","onChangeText","selectedCountry","onSelectCountry","countries","containerStyle","inputContainerStyle","inputStyle","label","labelStyle","error","errorStyle","helper","helperStyle","listTitle","listTitleStyle","countryCodeStyle","countryNameStyle","isBottomSheet","rest","ref","theme","push","clear","sel","find","handleCountryPress","openCountryPicker","component","isModal","snapPoints","leftIcon","style","styles","selector","backgroundColor","inputBackground","borderRightColor","border","hitSlop","left","top","right","bottom","onPress","activeOpacity","children","flag","color","inputText","size","marginHorizontal","keyboardType","placeholder","create","flexDirection","alignItems","borderRightWidth","paddingHorizontal","fontSize","marginLeft"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Input/PhoneInput.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,OAAO,EAAEC,WAAW,QAAQ,OAAO;AAC/D,SAEEC,IAAI,EAEJC,gBAAgB,EAChBC,UAAU,QAIL,cAAc;AACrB,OAAOC,WAAW,MAA4B,YAAS;AACvD,SAASC,QAAQ,QAAQ,sBAAa;AACtC,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,mBAAmB,QAAQ,yBAAgB;AACpD,SAASC,YAAY,QAAQ,wBAAwB;AACrD,SAASC,eAAe,QAAQ,sBAAmB;AACnD,SAASC,iBAAiB,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAkCxD,MAAMC,iBAA4B,GAAGP,YAAY,CAACQ,GAAG,CAAEC,CAAC,KAAM;EAC5DC,IAAI,EAAE,IAAID,CAAC,CAACE,QAAQ,EAAE;EACtBC,IAAI,EAAEH,CAAC,CAACG,IAAI;EACZC,IAAI,EAAEJ,CAAC,CAACI;AACV,CAAC,CAAC,CAAC;AAEH,MAAMC,UAAU,gBAAGxB,UAAU,CAC3B,CACE;EACEyB,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,eAAe;EACfC,SAAS,GAAGZ,iBAAiB;EAC7Ba,cAAc;EACdC,mBAAmB;EACnBC,UAAU;EACVC,KAAK;EACLC,UAAU;EACVC,KAAK;EACLC,UAAU;EACVC,MAAM;EACNC,WAAW;EACXC,SAAS,GAAG,gBAAgB;EAC5BC,cAAc;EACdC,gBAAgB;EAChBC,gBAAgB;EAChBC,aAAa;EACb,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAM;IAAEC;EAAM,CAAC,GAAGvC,QAAQ,CAAC,CAAC;EAC5B,MAAM;IAAEwC,IAAI;IAAEC;EAAM,CAAC,GAAGvC,mBAAmB,CAAC,CAAC;EAE7C,MAAMwC,GAAG,GAAGhD,OAAO,CACjB,MACE0B,eAAe,IACfE,SAAS,CAACqB,IAAI,CAAE/B,CAAC,IAAKA,CAAC,CAACC,IAAI,KAAK,IAAI,CAAC,IACtCS,SAAS,CAAC,CAAC,CAAC,EACd,CAACF,eAAe,EAAEE,SAAS,CAC7B,CAAC;EAED,MAAMsB,kBAAkB,GAAGjD,WAAW,CACnCiB,CAAU,IAAK;IACdS,eAAe,GAAGT,CAAC,CAAC;IACpB6B,KAAK,CAAC,CAAC;EACT,CAAC,EACD,CAACpB,eAAe,EAAEoB,KAAK,CACzB,CAAC;EAED,MAAMI,iBAAiB,GAAGlD,WAAW,CAAC,MAAM;IAC1C6C,IAAI,CAAC;MACHM,SAAS,eACPvC,IAAA,CAACF,iBAAiB;QAChBiB,SAAS,EAAEA,SAAU;QACrBD,eAAe,EAAEuB,kBAAmB;QACpCZ,SAAS,EAAEA,SAAU;QACrBC,cAAc,EAAEA,cAAe;QAC/BE,gBAAgB,EAAEA,gBAAiB;QACnCD,gBAAgB,EAAEA;MAAiB,CACpC,CACF;MACDa,OAAO,EAAEX,aAAa;MACtBY,UAAU,EAAE,CAAC,KAAK;IACpB,CAAC,CAAC;EACJ,CAAC,EAAE,CACDR,IAAI,EACJlB,SAAS,EACTsB,kBAAkB,EAClBZ,SAAS,EACTC,cAAc,EACdE,gBAAgB,EAChBD,gBAAgB,CACjB,CAAC;EAEF,MAAMe,QAAQ,GAAGvD,OAAO,CACtB,mBACEe,KAAA,CAACZ,gBAAgB;IACfqD,KAAK,EAAE,CACLC,MAAM,CAACC,QAAQ,EACf;MACEC,eAAe,EAAEd,KAAK,CAACe,eAAe;MACtCC,gBAAgB,EAAEhB,KAAK,CAACiB;IAC1B,CAAC,CACD;IACFC,OAAO,EAAE;MAAEC,IAAI,EAAE,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE;IAAG,CAAE;IACtDC,OAAO,EAAEjB,iBAAkB;IAC3BkB,aAAa,EAAE,GAAI;IAAAC,QAAA,gBAEnBzD,IAAA,CAACX,IAAI;MAACsD,KAAK,EAAE,CAACC,MAAM,CAACc,IAAI,EAAE;QAAEC,KAAK,EAAE3B,KAAK,CAAC4B;MAAU,CAAC,CAAE;MAAAH,QAAA,EACpD5D,eAAe,CAACsC,GAAG,CAAC3B,IAAI;IAAC,CACtB,CAAC,eACPR,IAAA,CAACX,IAAI;MAACsD,KAAK,EAAE,CAACC,MAAM,CAACtC,IAAI,EAAE;QAAEqD,KAAK,EAAE3B,KAAK,CAAC4B;MAAU,CAAC,CAAE;MAAAH,QAAA,EACpDtB,GAAG,CAAC7B;IAAI,CACL,CAAC,eACPN,IAAA,CAACN,QAAQ;MACPe,IAAI,EAAC,cAAc;MACnBoD,IAAI,EAAE,EAAG;MACTlB,KAAK,EAAE;QAAEmB,gBAAgB,EAAE,CAAC;QAAEH,KAAK,EAAE3B,KAAK,CAAC4B;MAAU;IAAE,CACxD,CAAC;EAAA,CACc,CACnB,EACD,CAAC5B,KAAK,EAAEG,GAAG,EAAEG,iBAAiB,CAChC,CAAC;EAED,oBACEtC,IAAA,CAACR;EACC;EAAA;IACAuC,GAAG,EAAEA,GAAI;IACTZ,KAAK,EAAEA,KAAM;IACbR,KAAK,EAAEA,KAAM;IACbkB,aAAa,EAAEA,aAAc;IAC7BjB,YAAY,EAAEA,YAAa;IAC3BmD,YAAY,EAAC,WAAW;IACxBC,WAAW,EAAC,cAAc;IAC1BtB,QAAQ,EAAEA,QAAS;IACnB1B,cAAc,EAAEA,cAAe;IAC/BC,mBAAmB,EAAEA,mBAAoB;IACzCC,UAAU,EAAEA,UAAW;IACvBE,UAAU,EAAEA,UAAW;IACvBC,KAAK,EAAEA,KAAM;IACbC,UAAU,EAAEA,UAAW;IACvBC,MAAM,EAAEA,MAAO;IACfC,WAAW,EAAEA,WAAY;IAAA,GACrBM;EAAI,CACT,CAAC;AAEN,CACF,CAAC;AAED,MAAMc,MAAM,GAAGrD,UAAU,CAAC0E,MAAM,CAAC;EAC/BpB,QAAQ,EAAE;IACRqB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,gBAAgB,EAAE,CAAC;IACnBC,iBAAiB,EAAE,CAAC,CAAE;EACxB,CAAC;EACDX,IAAI,EAAE;IACJY,QAAQ,EAAE,EAAE,CAAE;EAChB,CAAC;EACDhE,IAAI,EAAE;IACJgE,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAe7D,UAAU","ignoreList":[]}
|
|
@@ -17,6 +17,7 @@ export interface CustomInputProps extends Omit<TextInputProps, 'style'> {
|
|
|
17
17
|
onBlur?: () => void;
|
|
18
18
|
onFocus?: () => void;
|
|
19
19
|
isRTL?: boolean;
|
|
20
|
+
isBottomSheet?: boolean;
|
|
20
21
|
}
|
|
21
22
|
declare const CustomInput: React.ForwardRefExoticComponent<CustomInputProps & React.RefAttributes<TextInput>>;
|
|
22
23
|
export default CustomInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,SAAS,EACT,cAAc,EAKd,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AACpD,OAAO,EACL,SAAS,EACT,cAAc,EAKd,SAAS,EACT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,mBAAmB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC3C,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,QAAA,MAAM,WAAW,oFAkIhB,CAAC;AA2DF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EAMT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AASxD,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,gBAAgB,EACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,OAAO,GACP,sBAAsB,CACzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IAGtB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD,QAAA,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EAMT,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AASxD,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,gBAAgB,EACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,OAAO,GACP,sBAAsB,CACzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IAGtB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAQD,QAAA,MAAM,UAAU,mFA2Hf,CAAC;AAkBF,eAAe,UAAU,CAAC"}
|
package/package.json
CHANGED
|
@@ -11,6 +11,7 @@ import {
|
|
|
11
11
|
TextStyle,
|
|
12
12
|
} from 'react-native';
|
|
13
13
|
import { useTheme, ThemeType } from '../../theme';
|
|
14
|
+
import { BottomSheetTextInput } from '@gorhom/bottom-sheet';
|
|
14
15
|
|
|
15
16
|
export interface CustomInputProps extends Omit<TextInputProps, 'style'> {
|
|
16
17
|
label?: string;
|
|
@@ -29,6 +30,7 @@ export interface CustomInputProps extends Omit<TextInputProps, 'style'> {
|
|
|
29
30
|
onBlur?: () => void;
|
|
30
31
|
onFocus?: () => void;
|
|
31
32
|
isRTL?: boolean;
|
|
33
|
+
isBottomSheet?: boolean;
|
|
32
34
|
}
|
|
33
35
|
|
|
34
36
|
const CustomInput = forwardRef<TextInput, CustomInputProps>(
|
|
@@ -50,6 +52,7 @@ const CustomInput = forwardRef<TextInput, CustomInputProps>(
|
|
|
50
52
|
onBlur,
|
|
51
53
|
onFocus,
|
|
52
54
|
isRTL = false,
|
|
55
|
+
isBottomSheet,
|
|
53
56
|
...rest
|
|
54
57
|
},
|
|
55
58
|
ref
|
|
@@ -67,16 +70,17 @@ const CustomInput = forwardRef<TextInput, CustomInputProps>(
|
|
|
67
70
|
onBlur && onBlur();
|
|
68
71
|
};
|
|
69
72
|
|
|
70
|
-
// Define styles using a function to access theme
|
|
71
73
|
const styles = createStyles(theme);
|
|
72
74
|
|
|
75
|
+
const FinalInput = isBottomSheet ? BottomSheetTextInput : TextInput;
|
|
76
|
+
|
|
73
77
|
return (
|
|
74
78
|
<View style={[styles.container, containerStyle]}>
|
|
75
79
|
{label && (
|
|
76
80
|
<Text
|
|
77
81
|
style={[
|
|
78
82
|
styles.label,
|
|
79
|
-
{ textAlign: isRTL ?
|
|
83
|
+
{ textAlign: isRTL ? "right" : "left" },
|
|
80
84
|
labelStyle,
|
|
81
85
|
]}
|
|
82
86
|
>
|
|
@@ -90,7 +94,7 @@ const CustomInput = forwardRef<TextInput, CustomInputProps>(
|
|
|
90
94
|
inputContainerStyle,
|
|
91
95
|
isFocused && styles.focusedInput,
|
|
92
96
|
error && styles.errorInput,
|
|
93
|
-
isRTL && { flexDirection:
|
|
97
|
+
isRTL && { flexDirection: "row-reverse" },
|
|
94
98
|
]}
|
|
95
99
|
>
|
|
96
100
|
{leftIcon && (
|
|
@@ -104,13 +108,14 @@ const CustomInput = forwardRef<TextInput, CustomInputProps>(
|
|
|
104
108
|
</View>
|
|
105
109
|
)}
|
|
106
110
|
|
|
107
|
-
<
|
|
111
|
+
<FinalInput
|
|
112
|
+
//@ts-ignore
|
|
108
113
|
ref={ref}
|
|
109
114
|
style={[
|
|
110
115
|
styles.input,
|
|
111
116
|
leftIcon ? styles.inputWithLeftIcon : undefined,
|
|
112
117
|
rightIcon ? styles.inputWithRightIcon : undefined,
|
|
113
|
-
{ textAlign: isRTL ?
|
|
118
|
+
{ textAlign: isRTL ? "right" : "left" },
|
|
114
119
|
inputStyle,
|
|
115
120
|
]}
|
|
116
121
|
onChangeText={onChangeText}
|
|
@@ -138,7 +143,7 @@ const CustomInput = forwardRef<TextInput, CustomInputProps>(
|
|
|
138
143
|
<Text
|
|
139
144
|
style={[
|
|
140
145
|
styles.error,
|
|
141
|
-
{ textAlign: isRTL ?
|
|
146
|
+
{ textAlign: isRTL ? "right" : "left" },
|
|
142
147
|
errorStyle,
|
|
143
148
|
]}
|
|
144
149
|
>
|
|
@@ -148,7 +153,7 @@ const CustomInput = forwardRef<TextInput, CustomInputProps>(
|
|
|
148
153
|
<Text
|
|
149
154
|
style={[
|
|
150
155
|
styles.helper,
|
|
151
|
-
{ textAlign: isRTL ?
|
|
156
|
+
{ textAlign: isRTL ? "right" : "left" },
|
|
152
157
|
helperStyle,
|
|
153
158
|
]}
|
|
154
159
|
>
|
|
@@ -155,14 +155,13 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
|
|
|
155
155
|
[theme, sel, openCountryPicker]
|
|
156
156
|
);
|
|
157
157
|
|
|
158
|
-
const Input = isBottomSheet ? BottomSheetTextInput : CustomInput;
|
|
159
|
-
|
|
160
158
|
return (
|
|
161
|
-
<
|
|
159
|
+
<CustomInput
|
|
162
160
|
//@ts-ignore
|
|
163
161
|
ref={ref}
|
|
164
162
|
label={label}
|
|
165
163
|
value={value}
|
|
164
|
+
isBottomSheet={isBottomSheet}
|
|
166
165
|
onChangeText={onChangeText}
|
|
167
166
|
keyboardType="phone-pad"
|
|
168
167
|
placeholder="123 456 7890"
|