@adiraku/react-native-ui 1.2.8 → 1.2.9-canary-1
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/TextInput.component.js +18 -5
- package/lib/commonjs/components/TextInput/TextInput.component.js.map +1 -1
- package/lib/module/components/TextInput/TextInput.component.js +18 -5
- package/lib/module/components/TextInput/TextInput.component.js.map +1 -1
- package/lib/typescript/components/TextInput/TextInput.component.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/TextInput/TextInput.component.tsx +22 -4
|
@@ -31,7 +31,8 @@ const TextInput = props => {
|
|
|
31
31
|
showSoftInputOnFocus = true,
|
|
32
32
|
inputType = 'text',
|
|
33
33
|
calendarProps,
|
|
34
|
-
|
|
34
|
+
onChangeText,
|
|
35
|
+
onChangeDate,
|
|
35
36
|
...rest
|
|
36
37
|
} = props;
|
|
37
38
|
const [labelWidth, setLabelWidth] = React.useState(0);
|
|
@@ -99,8 +100,19 @@ const TextInput = props => {
|
|
|
99
100
|
}
|
|
100
101
|
onTouchStart === null || onTouchStart === void 0 || onTouchStart(e);
|
|
101
102
|
};
|
|
102
|
-
const
|
|
103
|
-
|
|
103
|
+
const handleOnchangeText = (masked, unmasked, obfuscated) => {
|
|
104
|
+
// special handler for date type input, needed for automation purpose
|
|
105
|
+
if (inputType === 'date') {
|
|
106
|
+
if (typeof masked === 'string') {
|
|
107
|
+
// parse it into date object
|
|
108
|
+
const maskedDateObj = new Date(masked);
|
|
109
|
+
if (masked) onChangeDate === null || onChangeDate === void 0 || onChangeDate(maskedDateObj);
|
|
110
|
+
} else if (typeof masked === 'object' && masked instanceof Date) {
|
|
111
|
+
onChangeDate === null || onChangeDate === void 0 || onChangeDate(masked);
|
|
112
|
+
}
|
|
113
|
+
} else {
|
|
114
|
+
onChangeText === null || onChangeText === void 0 || onChangeText(masked, unmasked, obfuscated);
|
|
115
|
+
}
|
|
104
116
|
};
|
|
105
117
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
106
118
|
style: computedStyle.fieldWrapper
|
|
@@ -130,7 +142,8 @@ const TextInput = props => {
|
|
|
130
142
|
onBlur: handleOnBlur,
|
|
131
143
|
placeholderTextColor: focused ? _themes.Palettes.black[500] : 'transparent',
|
|
132
144
|
showSoftInputOnFocus: inputType === 'date' ? false : showSoftInputOnFocus,
|
|
133
|
-
onTouchStart: handleOnTouchStart
|
|
145
|
+
onTouchStart: handleOnTouchStart,
|
|
146
|
+
onChangeText: handleOnchangeText
|
|
134
147
|
}, rest)), inputIcon || counter > 0 ? inputIcon || /*#__PURE__*/React.createElement(_typography.Typography, {
|
|
135
148
|
style: computedStyle.counter,
|
|
136
149
|
variant: "caption"
|
|
@@ -139,7 +152,7 @@ const TextInput = props => {
|
|
|
139
152
|
style: computedStyle.messageHelper
|
|
140
153
|
}, helperMessageProps), errorMessage || !isError && helperMessage) : null), inputType === 'date' && /*#__PURE__*/React.createElement(_calendars.Calendars, _extends({
|
|
141
154
|
isVisible: isModalDateVisible,
|
|
142
|
-
onDateSave:
|
|
155
|
+
onDateSave: date => onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(date),
|
|
143
156
|
onDismiss: () => setIsModalDateVisible(false)
|
|
144
157
|
}, calendarProps)));
|
|
145
158
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeMaskInput","_interopRequireDefault","_TextInput","_typography","_calendars","_themes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","helperMessageProps","isError","counter","inputIcon","onTouchStart","showSoftInputOnFocus","inputType","calendarProps","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeMaskInput","_interopRequireDefault","_TextInput","_typography","_calendars","_themes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","helperMessageProps","isError","counter","inputIcon","onTouchStart","showSoftInputOnFocus","inputType","calendarProps","onChangeText","onChangeDate","rest","labelWidth","setLabelWidth","useState","focused","setFocused","isModalDateVisible","setIsModalDateVisible","computedStyle","getStyle","animation","useRef","Animated","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","useEffect","handleOnFocus","event","handleOnBlur","getLabelWidth","width","nativeEvent","layout","computedValue","useMemo","options","weekday","day","month","year","formattedDate","Intl","DateTimeFormat","format","replace","letter","toUpperCase","handleOnTouchStart","handleOnchangeText","masked","unmasked","obfuscated","maskedDateObj","Date","createElement","Fragment","View","style","fieldWrapper","fieldContainer","labelContainer","transform","onLayout","pointerEvents","Typography","variant","inputWrapper","textField","placeholderTextColor","Palettes","black","messageHelper","Calendars","isVisible","onDateSave","date","onDismiss","exports"],"sourceRoot":"../../../../src","sources":["components/TextInput/TextInput.component.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -23,7 +23,8 @@ const TextInput = props => {
|
|
|
23
23
|
showSoftInputOnFocus = true,
|
|
24
24
|
inputType = 'text',
|
|
25
25
|
calendarProps,
|
|
26
|
-
|
|
26
|
+
onChangeText,
|
|
27
|
+
onChangeDate,
|
|
27
28
|
...rest
|
|
28
29
|
} = props;
|
|
29
30
|
const [labelWidth, setLabelWidth] = React.useState(0);
|
|
@@ -91,8 +92,19 @@ const TextInput = props => {
|
|
|
91
92
|
}
|
|
92
93
|
onTouchStart === null || onTouchStart === void 0 || onTouchStart(e);
|
|
93
94
|
};
|
|
94
|
-
const
|
|
95
|
-
|
|
95
|
+
const handleOnchangeText = (masked, unmasked, obfuscated) => {
|
|
96
|
+
// special handler for date type input, needed for automation purpose
|
|
97
|
+
if (inputType === 'date') {
|
|
98
|
+
if (typeof masked === 'string') {
|
|
99
|
+
// parse it into date object
|
|
100
|
+
const maskedDateObj = new Date(masked);
|
|
101
|
+
if (masked) onChangeDate === null || onChangeDate === void 0 || onChangeDate(maskedDateObj);
|
|
102
|
+
} else if (typeof masked === 'object' && masked instanceof Date) {
|
|
103
|
+
onChangeDate === null || onChangeDate === void 0 || onChangeDate(masked);
|
|
104
|
+
}
|
|
105
|
+
} else {
|
|
106
|
+
onChangeText === null || onChangeText === void 0 || onChangeText(masked, unmasked, obfuscated);
|
|
107
|
+
}
|
|
96
108
|
};
|
|
97
109
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
98
110
|
style: computedStyle.fieldWrapper
|
|
@@ -122,7 +134,8 @@ const TextInput = props => {
|
|
|
122
134
|
onBlur: handleOnBlur,
|
|
123
135
|
placeholderTextColor: focused ? Palettes.black[500] : 'transparent',
|
|
124
136
|
showSoftInputOnFocus: inputType === 'date' ? false : showSoftInputOnFocus,
|
|
125
|
-
onTouchStart: handleOnTouchStart
|
|
137
|
+
onTouchStart: handleOnTouchStart,
|
|
138
|
+
onChangeText: handleOnchangeText
|
|
126
139
|
}, rest)), inputIcon || counter > 0 ? inputIcon || /*#__PURE__*/React.createElement(Typography, {
|
|
127
140
|
style: computedStyle.counter,
|
|
128
141
|
variant: "caption"
|
|
@@ -131,7 +144,7 @@ const TextInput = props => {
|
|
|
131
144
|
style: computedStyle.messageHelper
|
|
132
145
|
}, helperMessageProps), errorMessage || !isError && helperMessage) : null), inputType === 'date' && /*#__PURE__*/React.createElement(Calendars, _extends({
|
|
133
146
|
isVisible: isModalDateVisible,
|
|
134
|
-
onDateSave:
|
|
147
|
+
onDateSave: date => onChangeDate === null || onChangeDate === void 0 ? void 0 : onChangeDate(date),
|
|
135
148
|
onDismiss: () => setIsModalDateVisible(false)
|
|
136
149
|
}, calendarProps)));
|
|
137
150
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","Animated","MaskInput","getStyle","Typography","Calendars","Palettes","TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","helperMessageProps","isError","counter","inputIcon","onTouchStart","showSoftInputOnFocus","inputType","calendarProps","
|
|
1
|
+
{"version":3,"names":["React","View","Animated","MaskInput","getStyle","Typography","Calendars","Palettes","TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","helperMessageProps","isError","counter","inputIcon","onTouchStart","showSoftInputOnFocus","inputType","calendarProps","onChangeText","onChangeDate","rest","labelWidth","setLabelWidth","useState","focused","setFocused","isModalDateVisible","setIsModalDateVisible","computedStyle","animation","useRef","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","useEffect","handleOnFocus","event","handleOnBlur","getLabelWidth","width","nativeEvent","layout","computedValue","useMemo","options","weekday","day","month","year","formattedDate","Intl","DateTimeFormat","format","replace","letter","toUpperCase","handleOnTouchStart","e","handleOnchangeText","masked","unmasked","obfuscated","maskedDateObj","Date","createElement","Fragment","style","fieldWrapper","fieldContainer","labelContainer","transform","onLayout","pointerEvents","variant","inputWrapper","_extends","textField","placeholderTextColor","black","length","messageHelper","isVisible","onDateSave","date","onDismiss"],"sourceRoot":"../../../../src","sources":["components/TextInput/TextInput.component.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,
|
|
1
|
+
{"version":3,"file":"TextInput.component.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CA8LtD,CAAC;AAEF,OAAO,EAAE,SAAS,EAAE,CAAC"}
|
package/package.json
CHANGED
|
@@ -32,7 +32,8 @@ const TextInput: React.FunctionComponent<TextInputProps> = (props) => {
|
|
|
32
32
|
showSoftInputOnFocus = true,
|
|
33
33
|
inputType = 'text',
|
|
34
34
|
calendarProps,
|
|
35
|
-
|
|
35
|
+
onChangeText,
|
|
36
|
+
onChangeDate,
|
|
36
37
|
...rest
|
|
37
38
|
} = props;
|
|
38
39
|
|
|
@@ -119,8 +120,24 @@ const TextInput: React.FunctionComponent<TextInputProps> = (props) => {
|
|
|
119
120
|
onTouchStart?.(e);
|
|
120
121
|
};
|
|
121
122
|
|
|
122
|
-
const
|
|
123
|
-
|
|
123
|
+
const handleOnchangeText = (
|
|
124
|
+
masked: string,
|
|
125
|
+
unmasked: string,
|
|
126
|
+
obfuscated: string
|
|
127
|
+
) => {
|
|
128
|
+
// special handler for date type input, needed for automation purpose
|
|
129
|
+
if (inputType === 'date') {
|
|
130
|
+
if (typeof masked === 'string') {
|
|
131
|
+
// parse it into date object
|
|
132
|
+
const maskedDateObj = new Date(masked);
|
|
133
|
+
|
|
134
|
+
if (masked) onChangeDate?.(maskedDateObj);
|
|
135
|
+
} else if (typeof masked === 'object' && masked as object instanceof Date) {
|
|
136
|
+
onChangeDate?.(masked);
|
|
137
|
+
}
|
|
138
|
+
} else {
|
|
139
|
+
onChangeText?.(masked, unmasked, obfuscated);
|
|
140
|
+
}
|
|
124
141
|
};
|
|
125
142
|
|
|
126
143
|
return (
|
|
@@ -156,6 +173,7 @@ const TextInput: React.FunctionComponent<TextInputProps> = (props) => {
|
|
|
156
173
|
inputType === 'date' ? false : showSoftInputOnFocus
|
|
157
174
|
}
|
|
158
175
|
onTouchStart={handleOnTouchStart}
|
|
176
|
+
onChangeText={handleOnchangeText}
|
|
159
177
|
{...rest}
|
|
160
178
|
/>
|
|
161
179
|
{inputIcon || counter > 0
|
|
@@ -181,7 +199,7 @@ const TextInput: React.FunctionComponent<TextInputProps> = (props) => {
|
|
|
181
199
|
{inputType === 'date' && (
|
|
182
200
|
<Calendars
|
|
183
201
|
isVisible={isModalDateVisible}
|
|
184
|
-
onDateSave={
|
|
202
|
+
onDateSave={(date) => onChangeDate?.(date)}
|
|
185
203
|
onDismiss={() => setIsModalDateVisible(false)}
|
|
186
204
|
{...calendarProps}
|
|
187
205
|
/>
|