@codeleap/mobile 1.9.7 → 1.9.10
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/dist/components/FileInput.d.ts +1 -1
- package/dist/components/TextInput.d.ts +2 -2
- package/dist/components/TextInput.js +2 -2
- package/dist/components/TextInput.js.map +1 -1
- package/dist/modules/textInputMask.d.ts +8 -2
- package/dist/modules/textInputMask.js +3 -5
- package/dist/modules/textInputMask.js.map +1 -1
- package/dist/modules/types/textInputMask.d.ts +5 -2
- package/package.json +1 -1
- package/src/components/TextInput.tsx +3 -2
- package/src/modules/textInputMask.ts +5 -4
- package/src/modules/types/textInputMask.ts +5 -2
|
@@ -24,4 +24,4 @@ export declare type FileInputProps = {
|
|
|
24
24
|
pickerOptions?: Partial<Options>;
|
|
25
25
|
required?: boolean;
|
|
26
26
|
};
|
|
27
|
-
export declare const FileInput: React.ForwardRefExoticComponent<Pick<FileInputProps, "label" | "variants" | "styles" | "placeholder" | "type" | "
|
|
27
|
+
export declare const FileInput: React.ForwardRefExoticComponent<Pick<FileInputProps, "label" | "variants" | "styles" | "placeholder" | "type" | "options" | "required" | "buttonProps" | "iconName" | "mode" | "onFileSelect" | "alertProps" | "pickerOptions"> & React.RefAttributes<FileInputRef>>;
|
|
@@ -11,7 +11,7 @@ declare type IconProp = {
|
|
|
11
11
|
action?: () => void;
|
|
12
12
|
};
|
|
13
13
|
declare type NativeProps = ComponentPropsWithoutRef<typeof NativeTextInput>;
|
|
14
|
-
export declare type TextInputProps = ComponentVariants<typeof TextInputStyles> & Omit<NativeProps, 'value'> & {
|
|
14
|
+
export declare type TextInputProps = Partial<TextInputMaskProps> & ComponentVariants<typeof TextInputStyles> & Omit<NativeProps, 'value'> & {
|
|
15
15
|
multiline?: boolean;
|
|
16
16
|
onChangeText?: (text: string) => void;
|
|
17
17
|
disabled?: boolean;
|
|
@@ -33,7 +33,7 @@ export declare type TextInputProps = ComponentVariants<typeof TextInputStyles> &
|
|
|
33
33
|
onChangeMask?: TextInputMaskProps['onChangeText'];
|
|
34
34
|
required?: boolean;
|
|
35
35
|
};
|
|
36
|
-
export declare const TextInput: React.ForwardRefExoticComponent<ComponentVariants<{
|
|
36
|
+
export declare const TextInput: React.ForwardRefExoticComponent<Partial<TextInputMaskProps> & ComponentVariants<{
|
|
37
37
|
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
38
38
|
line: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
39
39
|
box: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
@@ -83,7 +83,7 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
|
83
83
|
};
|
|
84
84
|
var handleMaskChange = function (masked, unmasked) {
|
|
85
85
|
if (onChangeText)
|
|
86
|
-
onChangeText((masking === null || masking === void 0 ? void 0 : masking.saveFormatted) ? masked : unmasked);
|
|
86
|
+
onChangeText(typeof masking === 'object' && (masking === null || masking === void 0 ? void 0 : masking.saveFormatted) ? masked : unmasked);
|
|
87
87
|
if (onChangeMask)
|
|
88
88
|
onChangeMask(masked, unmasked);
|
|
89
89
|
};
|
|
@@ -124,7 +124,7 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
|
124
124
|
<View_1.View style={getStyles('innerWrapper')} {...innerWrapperProps}>
|
|
125
125
|
<exports.InputIcon {...leftIcon} style={leftIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
|
|
126
126
|
{/* @ts-ignore */}
|
|
127
|
-
<InputElement ref={input} secureTextEntry={password && !textIsVisible} onChange={function (e) { return masking ? onChange === null || onChange === void 0 ? void 0 : onChange(e) : handleChange(e); }} value={value} editable={disabled} onFocus={handleFocus} onBlur={handleBlur} placeholderTextColor={(_a = react_native_1.StyleSheet.flatten(getStyles('placeholder'))) === null || _a === void 0 ? void 0 : _a.color} selectionColor={(_b = react_native_1.StyleSheet.flatten(getStyles('selection'))) === null || _b === void 0 ? void 0 : _b.color} includeRawValueInChangeText={true} {...props} {...(masking ? { onChangeText: handleMaskChange } : {})} style={getStyles('textField')}/>
|
|
127
|
+
<InputElement ref={input} secureTextEntry={password && !textIsVisible} onChange={function (e) { return masking ? onChange === null || onChange === void 0 ? void 0 : onChange(e) : handleChange(e); }} value={value} editable={disabled} onFocus={handleFocus} onBlur={handleBlur} placeholderTextColor={(_a = react_native_1.StyleSheet.flatten(getStyles('placeholder'))) === null || _a === void 0 ? void 0 : _a.color} selectionColor={(_b = react_native_1.StyleSheet.flatten(getStyles('selection'))) === null || _b === void 0 ? void 0 : _b.color} includeRawValueInChangeText={true} {...props} {...(masking ? { onChangeText: handleMaskChange, type: masking === null || masking === void 0 ? void 0 : masking.type } : {})} style={getStyles('textField')}/>
|
|
128
128
|
{visibilityToggle ?
|
|
129
129
|
<exports.InputIcon name={(textIsVisible ? 'input-visiblity:visible' : 'input-visiblity:hidden')} action={function () { return setTextVisible(); }} style={rightIconStyle} wrapperStyle={buttonIconWrapperStyle}/>
|
|
130
130
|
:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAUyB;AACzB,+BAAmG;AACnG,+BAA6B;AAC7B,+BAAwC;AAGxC,+BAA6B;AAC7B,6CAAuH;AACvH,yCAAuD;AACvD,0DAA0D;
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
export declare const MaskedTextInput: import("react").ForwardRefExoticComponent<{
|
|
3
|
+
masking: (boolean | {
|
|
4
|
+
saveFormatted?: boolean;
|
|
5
|
+
}) & {
|
|
6
|
+
type: import("react-native-masked-text").TextInputMaskTypeProp;
|
|
7
|
+
};
|
|
8
|
+
onChangeText?: (maskedText: string, unmaskedText: string) => any;
|
|
9
|
+
} & import("react-native").TextInputProps & import("react-native-masked-text").TextInputMaskProps & {
|
|
4
10
|
ref?: any;
|
|
5
11
|
}>;
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
3
|
exports.MaskedTextInput = void 0;
|
|
7
4
|
// @ts-ignore
|
|
8
|
-
|
|
9
|
-
|
|
5
|
+
// import MaskInput from 'react-native-mask-input'
|
|
6
|
+
var react_native_masked_text_1 = require("react-native-masked-text");
|
|
7
|
+
exports.MaskedTextInput = react_native_masked_text_1.TextInputMask;
|
|
10
8
|
//# sourceMappingURL=textInputMask.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textInputMask.js","sourceRoot":"","sources":["../../src/modules/textInputMask.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"textInputMask.js","sourceRoot":"","sources":["../../src/modules/textInputMask.ts"],"names":[],"mappings":";;;AAAA,aAAa;AACb,kDAAkD;AAClD,qEAAwD;AAI3C,QAAA,eAAe,GAAG,wCAE7B,CAAA"}
|
|
@@ -2,8 +2,11 @@ import { FormTypes } from '@codeleap/common';
|
|
|
2
2
|
import { ComponentPropsWithoutRef } from 'react';
|
|
3
3
|
import { TextInput as NativeTextInput } from 'react-native';
|
|
4
4
|
declare type NativeProps = ComponentPropsWithoutRef<typeof NativeTextInput>;
|
|
5
|
+
import { TextInputMaskProps as RNTextInputMaskProps } from 'react-native-masked-text';
|
|
5
6
|
export declare type TextInputMaskProps = {
|
|
6
|
-
masking: FormTypes.TextField['masking']
|
|
7
|
+
masking: FormTypes.TextField['masking'] & {
|
|
8
|
+
type: RNTextInputMaskProps['type'];
|
|
9
|
+
};
|
|
7
10
|
onChangeText?: (maskedText: string, unmaskedText: string) => any;
|
|
8
|
-
} & NativeProps;
|
|
11
|
+
} & NativeProps & RNTextInputMaskProps;
|
|
9
12
|
export {};
|
package/package.json
CHANGED
|
@@ -26,6 +26,7 @@ type IconProp = { name: IconPlaceholder; action?: () => void }
|
|
|
26
26
|
type NativeProps = ComponentPropsWithoutRef<typeof NativeTextInput>
|
|
27
27
|
|
|
28
28
|
export type TextInputProps =
|
|
29
|
+
Partial<TextInputMaskProps> &
|
|
29
30
|
ComponentVariants<typeof TextInputStyles> &
|
|
30
31
|
Omit<NativeProps, 'value'> &
|
|
31
32
|
{
|
|
@@ -105,7 +106,7 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((rawprops,
|
|
|
105
106
|
}
|
|
106
107
|
}
|
|
107
108
|
const handleMaskChange = (masked, unmasked) => {
|
|
108
|
-
if (onChangeText) onChangeText(masking?.saveFormatted ? masked : unmasked)
|
|
109
|
+
if (onChangeText) onChangeText(typeof masking === 'object' && masking?.saveFormatted ? masked : unmasked)
|
|
109
110
|
if (onChangeMask) onChangeMask(masked, unmasked)
|
|
110
111
|
}
|
|
111
112
|
const handleChange = (event: NativeSyntheticEvent<TextInputChangeEventData>) => {
|
|
@@ -190,7 +191,7 @@ export const TextInput = forwardRef<NativeTextInput, TextInputProps>((rawprops,
|
|
|
190
191
|
selectionColor={StyleSheet.flatten(getStyles('selection'))?.color}
|
|
191
192
|
includeRawValueInChangeText={true}
|
|
192
193
|
{...props}
|
|
193
|
-
{...(masking ? { onChangeText: handleMaskChange } : {})}
|
|
194
|
+
{...(masking ? { onChangeText: handleMaskChange, type: masking?.type } : {})}
|
|
194
195
|
style={getStyles('textField')}
|
|
195
196
|
/>
|
|
196
197
|
{
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
// @ts-ignore
|
|
2
|
-
import MaskInput from 'react-native-mask-input'
|
|
3
|
-
|
|
4
|
-
import { TextInputMaskProps } from 'react-native-masked-text'
|
|
2
|
+
// import MaskInput from 'react-native-mask-input'
|
|
3
|
+
import { TextInputMask } from 'react-native-masked-text'
|
|
5
4
|
|
|
6
|
-
|
|
5
|
+
import { TextInputMaskProps } from './types/textInputMask'
|
|
6
|
+
|
|
7
|
+
export const MaskedTextInput = TextInputMask as unknown as React.ForwardRefExoticComponent<TextInputMaskProps & {
|
|
7
8
|
ref?: any
|
|
8
9
|
}>
|
|
@@ -2,8 +2,11 @@ import { FormTypes } from '@codeleap/common'
|
|
|
2
2
|
import { ComponentPropsWithoutRef } from 'react'
|
|
3
3
|
import { TextInput as NativeTextInput } from 'react-native'
|
|
4
4
|
type NativeProps = ComponentPropsWithoutRef<typeof NativeTextInput>
|
|
5
|
+
import { TextInputMaskProps as RNTextInputMaskProps } from 'react-native-masked-text'
|
|
5
6
|
|
|
6
7
|
export type TextInputMaskProps = {
|
|
7
|
-
masking: FormTypes.TextField['masking']
|
|
8
|
+
masking: FormTypes.TextField['masking'] & {
|
|
9
|
+
type: RNTextInputMaskProps['type']
|
|
10
|
+
}
|
|
8
11
|
onChangeText?: (maskedText:string, unmaskedText:string) => any
|
|
9
|
-
} & NativeProps
|
|
12
|
+
} & NativeProps & RNTextInputMaskProps
|