@codeleap/mobile 5.8.20 → 5.8.21
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.
|
@@ -1,13 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
|
|
1
|
+
import { StyledComponentWithProps } from '@codeleap/styles';
|
|
3
2
|
import { TextInputProps } from './types';
|
|
4
3
|
export * from './styles';
|
|
5
4
|
export * from './types';
|
|
6
|
-
export declare const TextInput:
|
|
7
|
-
(props: TextInputProps): JSX.Element;
|
|
8
|
-
styleRegistryName: string;
|
|
9
|
-
elements: string[];
|
|
10
|
-
rootElement: string;
|
|
11
|
-
withVariantTypes<S extends AnyRecord>(styles: S): (props: StyledComponentProps<TextInputProps, S>) => IJSX;
|
|
12
|
-
defaultProps: Partial<TextInputProps>;
|
|
13
|
-
};
|
|
5
|
+
export declare const TextInput: StyledComponentWithProps<TextInputProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { forwardRef, useImperativeHandle } from 'react';
|
|
2
2
|
import { TypeGuards } from '@codeleap/types';
|
|
3
3
|
import { TextInput as NativeTextInput } from 'react-native';
|
|
4
4
|
import { InputBase, selectInputBaseProps } from '../InputBase';
|
|
@@ -10,7 +10,7 @@ import { useTextInput } from './useTextInput';
|
|
|
10
10
|
import { useInputBasePartialStyles } from '../InputBase/useInputBasePartialStyles';
|
|
11
11
|
export * from './styles';
|
|
12
12
|
export * from './types';
|
|
13
|
-
export const TextInput = (props) => {
|
|
13
|
+
export const TextInput = forwardRef((props, ref) => {
|
|
14
14
|
const allProps = {
|
|
15
15
|
...TextInput.defaultProps,
|
|
16
16
|
...props,
|
|
@@ -19,6 +19,13 @@ export const TextInput = (props) => {
|
|
|
19
19
|
const { debugName, visibilityToggle, masking, secure, field, onChangeMask, onPress, visibleIcon, hiddenIcon, style, autoAdjustSelection, selectionStart, forceError, multiline, onLayout, ...textInputProps } = others;
|
|
20
20
|
const styles = useStylesFor(TextInput.styleRegistryName, style);
|
|
21
21
|
const { validation, inputValue, onInputValueChange, innerInputRef, wrapperRef, isFocused, secureTextEntry, currentSelection, hasMultipleLines, hasValue, hasError, toggleSecureTextEntry, handleMaskChange, handleBlur, handleFocus, } = useTextInput(allProps);
|
|
22
|
+
useImperativeHandle(ref, () => {
|
|
23
|
+
if (!innerInputRef.current)
|
|
24
|
+
return null;
|
|
25
|
+
return {
|
|
26
|
+
...innerInputRef.current,
|
|
27
|
+
};
|
|
28
|
+
});
|
|
22
29
|
const InputElement = masking ? MaskedTextInput : NativeTextInput;
|
|
23
30
|
const isPressable = TypeGuards.isFunction(onPress);
|
|
24
31
|
const isDisabled = !!inputBaseProps.disabled;
|
|
@@ -71,7 +78,7 @@ export const TextInput = (props) => {
|
|
|
71
78
|
hasValue && styles['input:typed'],
|
|
72
79
|
]} ref={innerInputRef} pointerEvents={isPressable ? 'none' : undefined} {...maskingExtraProps}/>
|
|
73
80
|
</InputBase>;
|
|
74
|
-
};
|
|
81
|
+
});
|
|
75
82
|
TextInput.styleRegistryName = 'TextInput';
|
|
76
83
|
TextInput.elements = [...InputBase.elements, 'input', 'placeholder', 'selection'];
|
|
77
84
|
TextInput.rootElement = 'wrapper';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TextInput/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codeleap/mobile",
|
|
3
|
-
"version": "5.8.
|
|
3
|
+
"version": "5.8.21",
|
|
4
4
|
"main": "src/index.ts",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"repository": {
|
|
@@ -9,28 +9,28 @@
|
|
|
9
9
|
"directory": "packages/mobile"
|
|
10
10
|
},
|
|
11
11
|
"devDependencies": {
|
|
12
|
-
"@codeleap/types": "5.8.
|
|
13
|
-
"@codeleap/utils": "5.8.
|
|
14
|
-
"@codeleap/hooks": "5.8.
|
|
15
|
-
"@codeleap/form": "5.8.
|
|
16
|
-
"@codeleap/query": "5.8.
|
|
17
|
-
"@codeleap/logger": "5.8.
|
|
18
|
-
"@codeleap/config": "5.8.
|
|
19
|
-
"@codeleap/modals": "5.8.
|
|
12
|
+
"@codeleap/types": "5.8.21",
|
|
13
|
+
"@codeleap/utils": "5.8.21",
|
|
14
|
+
"@codeleap/hooks": "5.8.21",
|
|
15
|
+
"@codeleap/form": "5.8.21",
|
|
16
|
+
"@codeleap/query": "5.8.21",
|
|
17
|
+
"@codeleap/logger": "5.8.21",
|
|
18
|
+
"@codeleap/config": "5.8.21",
|
|
19
|
+
"@codeleap/modals": "5.8.21"
|
|
20
20
|
},
|
|
21
21
|
"scripts": {
|
|
22
22
|
"build": "tsc --build",
|
|
23
23
|
"lint": "eslint -c .eslintrc.js --fix \"./src/**/*.{ts,tsx,js,jsx}\""
|
|
24
24
|
},
|
|
25
25
|
"peerDependencies": {
|
|
26
|
-
"@codeleap/types": "5.8.
|
|
27
|
-
"@codeleap/utils": "5.8.
|
|
28
|
-
"@codeleap/hooks": "5.8.
|
|
29
|
-
"@codeleap/form": "5.8.
|
|
30
|
-
"@codeleap/query": "5.8.
|
|
31
|
-
"@codeleap/logger": "5.8.
|
|
32
|
-
"@codeleap/styles": "5.8.
|
|
33
|
-
"@codeleap/modals": "5.8.
|
|
26
|
+
"@codeleap/types": "5.8.21",
|
|
27
|
+
"@codeleap/utils": "5.8.21",
|
|
28
|
+
"@codeleap/hooks": "5.8.21",
|
|
29
|
+
"@codeleap/form": "5.8.21",
|
|
30
|
+
"@codeleap/query": "5.8.21",
|
|
31
|
+
"@codeleap/logger": "5.8.21",
|
|
32
|
+
"@codeleap/styles": "5.8.21",
|
|
33
|
+
"@codeleap/modals": "5.8.21",
|
|
34
34
|
"@d11/react-native-fast-image": "8.9.2",
|
|
35
35
|
"@react-native-firebase/messaging": "21.12.0",
|
|
36
36
|
"@react-navigation/bottom-tabs": "7.3.10",
|
package/package.json.bak
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React from 'react'
|
|
1
|
+
import React, { forwardRef, useImperativeHandle } from 'react'
|
|
2
2
|
import { TypeGuards } from '@codeleap/types'
|
|
3
3
|
import { TextInput as NativeTextInput } from 'react-native'
|
|
4
4
|
import { InputBase, selectInputBaseProps } from '../InputBase'
|
|
@@ -14,7 +14,7 @@ import { useInputBasePartialStyles } from '../InputBase/useInputBasePartialStyle
|
|
|
14
14
|
export * from './styles'
|
|
15
15
|
export * from './types'
|
|
16
16
|
|
|
17
|
-
export const TextInput = (props
|
|
17
|
+
export const TextInput = forwardRef<NativeTextInput, TextInputProps>((props, ref) => {
|
|
18
18
|
const allProps = {
|
|
19
19
|
...TextInput.defaultProps,
|
|
20
20
|
...props,
|
|
@@ -63,6 +63,14 @@ export const TextInput = (props: TextInputProps) => {
|
|
|
63
63
|
handleBlur,
|
|
64
64
|
handleFocus,
|
|
65
65
|
} = useTextInput(allProps)
|
|
66
|
+
|
|
67
|
+
useImperativeHandle(ref, () => {
|
|
68
|
+
if (!innerInputRef.current) return null
|
|
69
|
+
|
|
70
|
+
return {
|
|
71
|
+
...innerInputRef.current,
|
|
72
|
+
} as NativeTextInput
|
|
73
|
+
})
|
|
66
74
|
|
|
67
75
|
const InputElement = masking ? MaskedTextInput : NativeTextInput
|
|
68
76
|
|
|
@@ -154,7 +162,7 @@ export const TextInput = (props: TextInputProps) => {
|
|
|
154
162
|
{...maskingExtraProps}
|
|
155
163
|
/>
|
|
156
164
|
</InputBase>
|
|
157
|
-
}
|
|
165
|
+
}) as StyledComponentWithProps<TextInputProps>
|
|
158
166
|
|
|
159
167
|
TextInput.styleRegistryName = 'TextInput'
|
|
160
168
|
TextInput.elements = [...InputBase.elements, 'input', 'placeholder', 'selection']
|