react-native-external-keyboard 0.8.0 → 0.8.2
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/README.md +31 -0
- package/ios/Views/RNCEKVExternalKeyboardView/Helpers/RNCEKVFabricEventHelper/RNCEKVFabricEventHelper.mm +6 -4
- package/lib/commonjs/components/KeyboardExtendedInput/KeyboardExtendedInput.consts.js +17 -0
- package/lib/commonjs/components/KeyboardExtendedInput/KeyboardExtendedInput.consts.js.map +1 -0
- package/lib/commonjs/components/KeyboardExtendedInput/KeyboardExtendedInput.js +11 -12
- package/lib/commonjs/components/KeyboardExtendedInput/KeyboardExtendedInput.js.map +1 -1
- package/lib/commonjs/components/KeyboardExtendedInput/KeyboardExtendedInput.types.js +6 -0
- package/lib/commonjs/components/KeyboardExtendedInput/KeyboardExtendedInput.types.js.map +1 -0
- package/lib/commonjs/components/RenderPropComponent/RenderPropComponent.js.map +1 -1
- package/lib/commonjs/components/Touchable/Pressable.js.map +1 -1
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/utils/withKeyboardFocus.js.map +1 -1
- package/lib/module/components/KeyboardExtendedInput/KeyboardExtendedInput.consts.js +13 -0
- package/lib/module/components/KeyboardExtendedInput/KeyboardExtendedInput.consts.js.map +1 -0
- package/lib/module/components/KeyboardExtendedInput/KeyboardExtendedInput.js +9 -10
- package/lib/module/components/KeyboardExtendedInput/KeyboardExtendedInput.js.map +1 -1
- package/lib/module/components/KeyboardExtendedInput/KeyboardExtendedInput.types.js +4 -0
- package/lib/module/components/KeyboardExtendedInput/KeyboardExtendedInput.types.js.map +1 -0
- package/lib/module/components/RenderPropComponent/RenderPropComponent.js.map +1 -1
- package/lib/module/components/Touchable/Pressable.js.map +1 -1
- package/lib/module/index.js.map +1 -1
- package/lib/module/utils/withKeyboardFocus.js.map +1 -1
- package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.consts.d.ts +11 -0
- package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.consts.d.ts.map +1 -0
- package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.d.ts +15 -223
- package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.d.ts.map +1 -1
- package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.types.d.ts +30 -0
- package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.types.d.ts.map +1 -0
- package/lib/typescript/src/components/RenderPropComponent/RenderPropComponent.d.ts +1 -1
- package/lib/typescript/src/components/RenderPropComponent/RenderPropComponent.d.ts.map +1 -1
- package/lib/typescript/src/components/Touchable/Pressable.d.ts +8 -4
- package/lib/typescript/src/components/Touchable/Pressable.d.ts.map +1 -1
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/lib/typescript/src/types/WithKeyboardFocus.d.ts +7 -7
- package/lib/typescript/src/types/WithKeyboardFocus.d.ts.map +1 -1
- package/lib/typescript/src/utils/withKeyboardFocus.d.ts +2 -2
- package/lib/typescript/src/utils/withKeyboardFocus.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/KeyboardExtendedInput/KeyboardExtendedInput.consts.ts +11 -0
- package/src/components/KeyboardExtendedInput/KeyboardExtendedInput.tsx +13 -46
- package/src/components/KeyboardExtendedInput/KeyboardExtendedInput.types.ts +58 -0
- package/src/components/RenderPropComponent/RenderPropComponent.tsx +1 -0
- package/src/components/Touchable/Pressable.tsx +3 -1
- package/src/index.tsx +7 -0
- package/src/types/WithKeyboardFocus.ts +16 -12
- package/src/utils/withKeyboardFocus.tsx +6 -2
|
@@ -1,35 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
import type { FocusStyle } from '../../types/FocusStyle';
|
|
4
|
-
import type { TintType } from '../../types/WithKeyboardFocus';
|
|
5
|
-
import { type RenderProp } from '../RenderPropComponent/RenderPropComponent';
|
|
6
|
-
declare const focusMap: {
|
|
7
|
-
default: number;
|
|
8
|
-
press: number;
|
|
9
|
-
auto: number;
|
|
10
|
-
};
|
|
11
|
-
declare const blurMap: {
|
|
12
|
-
default: number;
|
|
13
|
-
disable: number;
|
|
14
|
-
auto: number;
|
|
15
|
-
};
|
|
16
|
-
export type KeyboardFocusViewProps = TextInputProps & {
|
|
17
|
-
focusType?: keyof typeof focusMap;
|
|
18
|
-
blurType?: keyof typeof blurMap;
|
|
19
|
-
containerStyle?: StyleProp<ViewStyle>;
|
|
20
|
-
onFocusChange?: (isFocused: boolean) => void;
|
|
21
|
-
focusStyle?: FocusStyle;
|
|
22
|
-
haloEffect?: boolean;
|
|
23
|
-
canBeFocusable?: boolean;
|
|
24
|
-
focusable?: boolean;
|
|
25
|
-
tintColor?: ColorValue;
|
|
26
|
-
tintType?: TintType;
|
|
27
|
-
containerFocusStyle?: FocusStyle;
|
|
28
|
-
FocusHoverComponent?: RenderProp;
|
|
29
|
-
submitBehavior?: string;
|
|
30
|
-
groupIdentifier?: string;
|
|
31
|
-
};
|
|
32
|
-
export declare const KeyboardExtendedInput: React.ForwardRefExoticComponent<Readonly<Omit<Omit<Readonly<Omit<Readonly<{
|
|
2
|
+
export declare const KeyboardExtendedInput: React.ForwardRefExoticComponent<Omit<Readonly<Omit<Omit<Readonly<Omit<Readonly<{
|
|
33
3
|
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
|
|
34
4
|
onAccessibilityTap?: (() => unknown) | undefined;
|
|
35
5
|
onLayout?: ((event: import("react-native").LayoutChangeEvent) => unknown) | undefined;
|
|
@@ -152,7 +122,7 @@ export declare const KeyboardExtendedInput: React.ForwardRefExoticComponent<Read
|
|
|
152
122
|
pointerEvents?: ("auto" | "box-none" | "box-only" | "none") | undefined;
|
|
153
123
|
removeClippedSubviews?: boolean | undefined;
|
|
154
124
|
experimental_accessibilityOrder?: Array<string> | undefined;
|
|
155
|
-
}>, never>>, "style" | "experimental_accessibilityOrder">, "value" | "onBlur" | "onFocus" | "style" | "autoFocus" | "blurOnSubmit" | "multiline" | "onPress" | "onPressIn" | "onPressOut" | "textAlign" | "disableKeyboardShortcuts" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "inputAccessoryViewID" | "inputAccessoryViewButtonLabel" | "keyboardAppearance" | "passwordRules" | "
|
|
125
|
+
}>, never>>, "style" | "experimental_accessibilityOrder">, "value" | "onBlur" | "onFocus" | "style" | "autoFocus" | "blurOnSubmit" | "multiline" | "onPress" | "onPressIn" | "onPressOut" | "textAlign" | "rejectResponderTermination" | "selectionHandleColor" | "cursorColor" | "maxFontSizeMultiplier" | "disableKeyboardShortcuts" | "clearButtonMode" | "clearTextOnFocus" | "dataDetectorTypes" | "enablesReturnKeyAutomatically" | "inputAccessoryViewID" | "inputAccessoryViewButtonLabel" | "keyboardAppearance" | "passwordRules" | "scrollEnabled" | "spellCheck" | "textContentType" | "lineBreakStrategyIOS" | "lineBreakModeIOS" | "smartInsertDelete" | "disableFullscreenUI" | "importantForAutofill" | "inlineImageLeft" | "inlineImagePadding" | "numberOfLines" | "returnKeyLabel" | "rows" | "showSoftInputOnFocus" | "textBreakStrategy" | "underlineColorAndroid" | "experimental_acceptDragAndDropTypes" | "autoCapitalize" | "autoComplete" | "autoCorrect" | "allowFontScaling" | "caretHidden" | "contextMenuHidden" | "defaultValue" | "editable" | "forwardedRef" | "enterKeyHint" | "inputMode" | "keyboardType" | "maxLength" | "onChange" | "onChangeText" | "onContentSizeChange" | "onEndEditing" | "onKeyPress" | "onSelectionChange" | "onSubmitEditing" | "onScroll" | "placeholder" | "placeholderTextColor" | "readOnly" | "returnKeyType" | "secureTextEntry" | "selection" | "selectionColor" | "selectTextOnFocus" | "submitBehavior"> & Omit<Readonly<{
|
|
156
126
|
disableKeyboardShortcuts?: boolean | undefined;
|
|
157
127
|
clearButtonMode?: ("never" | "while-editing" | "unless-editing" | "always") | undefined;
|
|
158
128
|
clearTextOnFocus?: boolean | undefined;
|
|
@@ -169,9 +139,9 @@ export declare const KeyboardExtendedInput: React.ForwardRefExoticComponent<Read
|
|
|
169
139
|
lineBreakStrategyIOS?: ("none" | "standard" | "hangul-word" | "push-out") | undefined;
|
|
170
140
|
lineBreakModeIOS?: ("wordWrapping" | "char" | "clip" | "head" | "middle" | "tail") | undefined;
|
|
171
141
|
smartInsertDelete?: boolean | undefined;
|
|
172
|
-
}>, "value" | "onBlur" | "onFocus" | "style" | "autoFocus" | "blurOnSubmit" | "multiline" | "onPress" | "onPressIn" | "onPressOut" | "textAlign" | "cursorColor" | "
|
|
173
|
-
cursorColor?: ColorValue | undefined;
|
|
174
|
-
selectionHandleColor?: ColorValue | undefined;
|
|
142
|
+
}>, "value" | "onBlur" | "onFocus" | "style" | "autoFocus" | "blurOnSubmit" | "multiline" | "onPress" | "onPressIn" | "onPressOut" | "textAlign" | "selectionHandleColor" | "cursorColor" | "maxFontSizeMultiplier" | "disableFullscreenUI" | "importantForAutofill" | "inlineImageLeft" | "inlineImagePadding" | "numberOfLines" | "returnKeyLabel" | "rows" | "showSoftInputOnFocus" | "textBreakStrategy" | "underlineColorAndroid" | "experimental_acceptDragAndDropTypes" | "autoCapitalize" | "autoComplete" | "autoCorrect" | "allowFontScaling" | "caretHidden" | "contextMenuHidden" | "defaultValue" | "editable" | "forwardedRef" | "enterKeyHint" | "inputMode" | "keyboardType" | "maxLength" | "onChange" | "onChangeText" | "onContentSizeChange" | "onEndEditing" | "onKeyPress" | "onSelectionChange" | "onSubmitEditing" | "onScroll" | "placeholder" | "placeholderTextColor" | "readOnly" | "returnKeyType" | "secureTextEntry" | "selection" | "selectionColor" | "selectTextOnFocus" | "submitBehavior"> & Omit<Readonly<{
|
|
143
|
+
cursorColor?: import("react-native").ColorValue | undefined;
|
|
144
|
+
selectionHandleColor?: import("react-native").ColorValue | undefined;
|
|
175
145
|
disableFullscreenUI?: boolean | undefined;
|
|
176
146
|
importantForAutofill?: ("auto" | "no" | "noExcludeDescendants" | "yes" | "yesExcludeDescendants") | undefined;
|
|
177
147
|
inlineImageLeft?: string | undefined;
|
|
@@ -181,8 +151,8 @@ export declare const KeyboardExtendedInput: React.ForwardRefExoticComponent<Read
|
|
|
181
151
|
rows?: number | undefined;
|
|
182
152
|
showSoftInputOnFocus?: boolean | undefined;
|
|
183
153
|
textBreakStrategy?: ("simple" | "highQuality" | "balanced") | undefined;
|
|
184
|
-
underlineColorAndroid?: ColorValue | undefined;
|
|
185
|
-
}>, "value" | "onBlur" | "onFocus" | "style" | "autoFocus" | "blurOnSubmit" | "multiline" | "onPress" | "onPressIn" | "onPressOut" | "textAlign" | "experimental_acceptDragAndDropTypes" | "autoCapitalize" | "autoComplete" | "autoCorrect" | "allowFontScaling" | "caretHidden" | "contextMenuHidden" | "defaultValue" | "editable" | "forwardedRef" | "enterKeyHint" | "inputMode" | "keyboardType" | "
|
|
154
|
+
underlineColorAndroid?: import("react-native").ColorValue | undefined;
|
|
155
|
+
}>, "value" | "onBlur" | "onFocus" | "style" | "autoFocus" | "blurOnSubmit" | "multiline" | "onPress" | "onPressIn" | "onPressOut" | "textAlign" | "maxFontSizeMultiplier" | "experimental_acceptDragAndDropTypes" | "autoCapitalize" | "autoComplete" | "autoCorrect" | "allowFontScaling" | "caretHidden" | "contextMenuHidden" | "defaultValue" | "editable" | "forwardedRef" | "enterKeyHint" | "inputMode" | "keyboardType" | "maxLength" | "onChange" | "onChangeText" | "onContentSizeChange" | "onEndEditing" | "onKeyPress" | "onSelectionChange" | "onSubmitEditing" | "onScroll" | "placeholder" | "placeholderTextColor" | "readOnly" | "returnKeyType" | "secureTextEntry" | "selection" | "selectionColor" | "selectTextOnFocus" | "submitBehavior"> & Omit<Readonly<{
|
|
186
156
|
experimental_acceptDragAndDropTypes?: ReadonlyArray<string> | undefined;
|
|
187
157
|
autoCapitalize?: import("react-native").AutoCapitalize | undefined;
|
|
188
158
|
autoComplete?: ("additional-name" | "address-line1" | "address-line2" | "birthdate-day" | "birthdate-full" | "birthdate-month" | "birthdate-year" | "cc-csc" | "cc-exp" | "cc-exp-day" | "cc-exp-month" | "cc-exp-year" | "cc-number" | "cc-name" | "cc-given-name" | "cc-middle-name" | "cc-family-name" | "cc-type" | "country" | "current-password" | "email" | "family-name" | "gender" | "given-name" | "honorific-prefix" | "honorific-suffix" | "name" | "name-family" | "name-given" | "name-middle" | "name-middle-initial" | "name-prefix" | "name-suffix" | "new-password" | "nickname" | "one-time-code" | "organization" | "organization-title" | "password" | "password-new" | "postal-address" | "postal-address-country" | "postal-address-extended" | "postal-address-extended-postal-code" | "postal-address-locality" | "postal-address-region" | "postal-code" | "street-address" | "sms-otp" | "tel" | "tel-country-code" | "tel-national" | "tel-device" | "url" | "username" | "username-new" | "off") | undefined;
|
|
@@ -214,7 +184,7 @@ export declare const KeyboardExtendedInput: React.ForwardRefExoticComponent<Read
|
|
|
214
184
|
onSubmitEditing?: ((e: import("react-native").TextInputSubmitEditingEvent) => unknown) | undefined;
|
|
215
185
|
onScroll?: ((e: import("react-native").ScrollEvent) => unknown) | undefined;
|
|
216
186
|
placeholder?: string | undefined;
|
|
217
|
-
placeholderTextColor?: ColorValue | undefined;
|
|
187
|
+
placeholderTextColor?: import("react-native").ColorValue | undefined;
|
|
218
188
|
readOnly?: boolean | undefined;
|
|
219
189
|
returnKeyType?: import("react-native").ReturnKeyTypeOptions | undefined;
|
|
220
190
|
secureTextEntry?: boolean | undefined;
|
|
@@ -222,195 +192,17 @@ export declare const KeyboardExtendedInput: React.ForwardRefExoticComponent<Read
|
|
|
222
192
|
start: number;
|
|
223
193
|
end?: number | undefined;
|
|
224
194
|
}> | undefined;
|
|
225
|
-
selectionColor?: ColorValue | undefined;
|
|
195
|
+
selectionColor?: import("react-native").ColorValue | undefined;
|
|
226
196
|
selectTextOnFocus?: boolean | undefined;
|
|
227
197
|
blurOnSubmit?: boolean | undefined;
|
|
228
198
|
submitBehavior?: import("react-native").SubmitBehavior | undefined;
|
|
229
199
|
style?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheet").TextStyleProp | undefined;
|
|
230
200
|
value?: string | undefined;
|
|
231
201
|
textAlign?: ("left" | "center" | "right") | undefined;
|
|
232
|
-
}>, never
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
height?: import("react-native").DimensionValue;
|
|
239
|
-
bottom?: import("react-native").DimensionValue;
|
|
240
|
-
end?: import("react-native").DimensionValue;
|
|
241
|
-
left?: import("react-native").DimensionValue;
|
|
242
|
-
right?: import("react-native").DimensionValue;
|
|
243
|
-
start?: import("react-native").DimensionValue;
|
|
244
|
-
top?: import("react-native").DimensionValue;
|
|
245
|
-
inset?: import("react-native").DimensionValue;
|
|
246
|
-
insetBlock?: import("react-native").DimensionValue;
|
|
247
|
-
insetBlockEnd?: import("react-native").DimensionValue;
|
|
248
|
-
insetBlockStart?: import("react-native").DimensionValue;
|
|
249
|
-
insetInline?: import("react-native").DimensionValue;
|
|
250
|
-
insetInlineEnd?: import("react-native").DimensionValue;
|
|
251
|
-
insetInlineStart?: import("react-native").DimensionValue;
|
|
252
|
-
minWidth?: import("react-native").DimensionValue;
|
|
253
|
-
maxWidth?: import("react-native").DimensionValue;
|
|
254
|
-
minHeight?: import("react-native").DimensionValue;
|
|
255
|
-
maxHeight?: import("react-native").DimensionValue;
|
|
256
|
-
margin?: import("react-native").DimensionValue;
|
|
257
|
-
marginBlock?: import("react-native").DimensionValue;
|
|
258
|
-
marginBlockEnd?: import("react-native").DimensionValue;
|
|
259
|
-
marginBlockStart?: import("react-native").DimensionValue;
|
|
260
|
-
marginBottom?: import("react-native").DimensionValue;
|
|
261
|
-
marginEnd?: import("react-native").DimensionValue;
|
|
262
|
-
marginHorizontal?: import("react-native").DimensionValue;
|
|
263
|
-
marginInline?: import("react-native").DimensionValue;
|
|
264
|
-
marginInlineEnd?: import("react-native").DimensionValue;
|
|
265
|
-
marginInlineStart?: import("react-native").DimensionValue;
|
|
266
|
-
marginLeft?: import("react-native").DimensionValue;
|
|
267
|
-
marginRight?: import("react-native").DimensionValue;
|
|
268
|
-
marginStart?: import("react-native").DimensionValue;
|
|
269
|
-
marginTop?: import("react-native").DimensionValue;
|
|
270
|
-
marginVertical?: import("react-native").DimensionValue;
|
|
271
|
-
padding?: import("react-native").DimensionValue;
|
|
272
|
-
paddingBlock?: import("react-native").DimensionValue;
|
|
273
|
-
paddingBlockEnd?: import("react-native").DimensionValue;
|
|
274
|
-
paddingBlockStart?: import("react-native").DimensionValue;
|
|
275
|
-
paddingBottom?: import("react-native").DimensionValue;
|
|
276
|
-
paddingEnd?: import("react-native").DimensionValue;
|
|
277
|
-
paddingHorizontal?: import("react-native").DimensionValue;
|
|
278
|
-
paddingInline?: import("react-native").DimensionValue;
|
|
279
|
-
paddingInlineEnd?: import("react-native").DimensionValue;
|
|
280
|
-
paddingInlineStart?: import("react-native").DimensionValue;
|
|
281
|
-
paddingLeft?: import("react-native").DimensionValue;
|
|
282
|
-
paddingRight?: import("react-native").DimensionValue;
|
|
283
|
-
paddingStart?: import("react-native").DimensionValue;
|
|
284
|
-
paddingTop?: import("react-native").DimensionValue;
|
|
285
|
-
paddingVertical?: import("react-native").DimensionValue;
|
|
286
|
-
borderWidth?: number;
|
|
287
|
-
borderBottomWidth?: number;
|
|
288
|
-
borderEndWidth?: number;
|
|
289
|
-
borderLeftWidth?: number;
|
|
290
|
-
borderRightWidth?: number;
|
|
291
|
-
borderStartWidth?: number;
|
|
292
|
-
borderTopWidth?: number;
|
|
293
|
-
position?: "absolute" | "relative" | "static";
|
|
294
|
-
flexDirection?: "row" | "row-reverse" | "column" | "column-reverse";
|
|
295
|
-
flexWrap?: "wrap" | "nowrap" | "wrap-reverse";
|
|
296
|
-
justifyContent?: "flex-start" | "flex-end" | "center" | "space-between" | "space-around" | "space-evenly";
|
|
297
|
-
alignItems?: "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
|
|
298
|
-
alignSelf?: "auto" | "flex-start" | "flex-end" | "center" | "stretch" | "baseline";
|
|
299
|
-
alignContent?: "flex-start" | "flex-end" | "center" | "stretch" | "space-between" | "space-around" | "space-evenly";
|
|
300
|
-
overflow?: "visible" | "hidden" | "scroll";
|
|
301
|
-
flex?: number;
|
|
302
|
-
flexGrow?: number;
|
|
303
|
-
flexShrink?: number;
|
|
304
|
-
flexBasis?: number | string;
|
|
305
|
-
aspectRatio?: number | string;
|
|
306
|
-
boxSizing?: "border-box" | "content-box";
|
|
307
|
-
zIndex?: number;
|
|
308
|
-
direction?: "inherit" | "ltr" | "rtl";
|
|
309
|
-
rowGap?: number | string;
|
|
310
|
-
columnGap?: number | string;
|
|
311
|
-
gap?: number | string;
|
|
312
|
-
}>, "filter" | "pointerEvents" | "shadowColor" | "shadowOffset" | "shadowOpacity" | "shadowRadius" | "transform" | "transformOrigin" | "backfaceVisibility" | "backgroundColor" | "borderColor" | "borderCurve" | "borderBottomColor" | "borderEndColor" | "borderLeftColor" | "borderRightColor" | "borderStartColor" | "borderTopColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderRadius" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderEndEndRadius" | "borderEndStartRadius" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderStyle" | "borderWidth" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "opacity" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "elevation" | "cursor" | "boxShadow" | "mixBlendMode" | "experimental_backgroundImage" | "experimental_backgroundSize" | "experimental_backgroundPosition" | "experimental_backgroundRepeat" | "isolation"> & Omit<Readonly<Omit<Readonly<{
|
|
313
|
-
shadowColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
314
|
-
shadowOffset?: Readonly<{
|
|
315
|
-
width?: number;
|
|
316
|
-
height?: number;
|
|
317
|
-
}>;
|
|
318
|
-
shadowOpacity?: number;
|
|
319
|
-
shadowRadius?: number;
|
|
320
|
-
}>, never> & Omit<Readonly<{}>, never>>, "filter" | "pointerEvents" | "transform" | "transformOrigin" | "backfaceVisibility" | "backgroundColor" | "borderColor" | "borderCurve" | "borderBottomColor" | "borderEndColor" | "borderLeftColor" | "borderRightColor" | "borderStartColor" | "borderTopColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderRadius" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderEndEndRadius" | "borderEndStartRadius" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderStyle" | "borderWidth" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "opacity" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "elevation" | "cursor" | "boxShadow" | "mixBlendMode" | "experimental_backgroundImage" | "experimental_backgroundSize" | "experimental_backgroundPosition" | "experimental_backgroundRepeat" | "isolation"> & Omit<Readonly<{
|
|
321
|
-
transform?: ReadonlyArray<Readonly<import("react-native/types_generated/Libraries/StyleSheet/private/_TransformStyle").MaximumOneOf<import("react-native/types_generated/Libraries/StyleSheet/private/_TransformStyle").MergeUnion<{
|
|
322
|
-
readonly perspective: number | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
323
|
-
} | {
|
|
324
|
-
readonly rotate: string | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
325
|
-
} | {
|
|
326
|
-
readonly rotateX: string | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
327
|
-
} | {
|
|
328
|
-
readonly rotateY: string | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
329
|
-
} | {
|
|
330
|
-
readonly rotateZ: string | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
331
|
-
} | {
|
|
332
|
-
readonly scale: number | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
333
|
-
} | {
|
|
334
|
-
readonly scaleX: number | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
335
|
-
} | {
|
|
336
|
-
readonly scaleY: number | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
337
|
-
} | {
|
|
338
|
-
readonly translateX: number | string | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
339
|
-
} | {
|
|
340
|
-
readonly translateY: number | string | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
341
|
-
} | {
|
|
342
|
-
readonly translate: [number | string | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node, number | string | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node] | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
343
|
-
} | {
|
|
344
|
-
readonly skewX: string | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
345
|
-
} | {
|
|
346
|
-
readonly skewY: string | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
347
|
-
} | {
|
|
348
|
-
readonly matrix: ReadonlyArray<number | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node> | import("react-native/types_generated/Libraries/Animated/AnimatedExports").Node;
|
|
349
|
-
}>>>> | string;
|
|
350
|
-
transformOrigin?: [string | number, string | number, string | number] | string;
|
|
351
|
-
}>, "filter" | "pointerEvents" | "backfaceVisibility" | "backgroundColor" | "borderColor" | "borderCurve" | "borderBottomColor" | "borderEndColor" | "borderLeftColor" | "borderRightColor" | "borderStartColor" | "borderTopColor" | "borderBlockColor" | "borderBlockEndColor" | "borderBlockStartColor" | "borderRadius" | "borderBottomEndRadius" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStartRadius" | "borderEndEndRadius" | "borderEndStartRadius" | "borderStartEndRadius" | "borderStartStartRadius" | "borderTopEndRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStartRadius" | "borderStyle" | "borderWidth" | "borderBottomWidth" | "borderEndWidth" | "borderLeftWidth" | "borderRightWidth" | "borderStartWidth" | "borderTopWidth" | "opacity" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "elevation" | "cursor" | "boxShadow" | "mixBlendMode" | "experimental_backgroundImage" | "experimental_backgroundSize" | "experimental_backgroundPosition" | "experimental_backgroundRepeat" | "isolation"> & Omit<Readonly<{
|
|
352
|
-
backfaceVisibility?: "visible" | "hidden";
|
|
353
|
-
backgroundColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
354
|
-
borderColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
355
|
-
borderCurve?: "circular" | "continuous";
|
|
356
|
-
borderBottomColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
357
|
-
borderEndColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
358
|
-
borderLeftColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
359
|
-
borderRightColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
360
|
-
borderStartColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
361
|
-
borderTopColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
362
|
-
borderBlockColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
363
|
-
borderBlockEndColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
364
|
-
borderBlockStartColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
365
|
-
borderRadius?: number | string;
|
|
366
|
-
borderBottomEndRadius?: number | string;
|
|
367
|
-
borderBottomLeftRadius?: number | string;
|
|
368
|
-
borderBottomRightRadius?: number | string;
|
|
369
|
-
borderBottomStartRadius?: number | string;
|
|
370
|
-
borderEndEndRadius?: number | string;
|
|
371
|
-
borderEndStartRadius?: number | string;
|
|
372
|
-
borderStartEndRadius?: number | string;
|
|
373
|
-
borderStartStartRadius?: number | string;
|
|
374
|
-
borderTopEndRadius?: number | string;
|
|
375
|
-
borderTopLeftRadius?: number | string;
|
|
376
|
-
borderTopRightRadius?: number | string;
|
|
377
|
-
borderTopStartRadius?: number | string;
|
|
378
|
-
borderStyle?: "solid" | "dotted" | "dashed";
|
|
379
|
-
borderWidth?: number;
|
|
380
|
-
borderBottomWidth?: number;
|
|
381
|
-
borderEndWidth?: number;
|
|
382
|
-
borderLeftWidth?: number;
|
|
383
|
-
borderRightWidth?: number;
|
|
384
|
-
borderStartWidth?: number;
|
|
385
|
-
borderTopWidth?: number;
|
|
386
|
-
opacity?: number;
|
|
387
|
-
outlineColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal;
|
|
388
|
-
outlineOffset?: number;
|
|
389
|
-
outlineStyle?: "solid" | "dotted" | "dashed";
|
|
390
|
-
outlineWidth?: number;
|
|
391
|
-
elevation?: number;
|
|
392
|
-
pointerEvents?: "auto" | "none" | "box-none" | "box-only";
|
|
393
|
-
cursor?: import("react-native").CursorValue;
|
|
394
|
-
boxShadow?: ReadonlyArray<import("react-native").BoxShadowValue> | string;
|
|
395
|
-
filter?: ReadonlyArray<import("react-native").FilterFunction> | string;
|
|
396
|
-
mixBlendMode?: "normal" | "multiply" | "screen" | "overlay" | "darken" | "lighten" | "color-dodge" | "color-burn" | "hard-light" | "soft-light" | "difference" | "exclusion" | "hue" | "saturation" | "color" | "luminosity";
|
|
397
|
-
experimental_backgroundImage?: ReadonlyArray<import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").BackgroundImageValue> | string;
|
|
398
|
-
experimental_backgroundSize?: ReadonlyArray<import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").BackgroundSizeValue> | string;
|
|
399
|
-
experimental_backgroundPosition?: ReadonlyArray<import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").BackgroundPositionValue> | string;
|
|
400
|
-
experimental_backgroundRepeat?: ReadonlyArray<import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").BackgroundRepeatValue> | string;
|
|
401
|
-
isolation?: "auto" | "isolate";
|
|
402
|
-
}>, never>>, never> & Omit<Readonly<{}>, never>>> | undefined;
|
|
403
|
-
onFocusChange?: (isFocused: boolean) => void;
|
|
404
|
-
focusStyle?: FocusStyle;
|
|
405
|
-
haloEffect?: boolean;
|
|
406
|
-
canBeFocusable?: boolean;
|
|
407
|
-
focusable?: boolean;
|
|
408
|
-
tintColor?: ColorValue;
|
|
409
|
-
tintType?: TintType;
|
|
410
|
-
containerFocusStyle?: FocusStyle;
|
|
411
|
-
FocusHoverComponent?: RenderProp;
|
|
412
|
-
submitBehavior?: string;
|
|
413
|
-
groupIdentifier?: string;
|
|
414
|
-
} & React.RefAttributes<import("react-native/types_generated/Libraries/Components/TextInput/TextInput.flow").TextInputType>>;
|
|
415
|
-
export {};
|
|
202
|
+
}>, never>>, "rejectResponderTermination" | "selectionHandleColor" | "cursorColor" | "maxFontSizeMultiplier"> & {
|
|
203
|
+
rejectResponderTermination?: boolean | null | undefined;
|
|
204
|
+
selectionHandleColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal | undefined;
|
|
205
|
+
cursorColor?: import("react-native/types_generated/Libraries/StyleSheet/StyleSheetTypes").____ColorValue_Internal | undefined;
|
|
206
|
+
maxFontSizeMultiplier?: number | null | undefined;
|
|
207
|
+
} & import("./KeyboardExtendedInput.types").ExtraKeyboardProps & React.RefAttributes<import("react-native/types_generated/Libraries/Components/TextInput/TextInput.flow").TextInputType>>;
|
|
416
208
|
//# sourceMappingURL=KeyboardExtendedInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"KeyboardExtendedInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/KeyboardExtendedInput/KeyboardExtendedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"KeyboardExtendedInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/KeyboardExtendedInput/KeyboardExtendedInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAavC,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WA+G4loB,CAAC;;;;;;;;;;;;;;yLAd9noB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { type TextInputProps, type StyleProp, type ViewStyle, type ColorValue } from 'react-native';
|
|
2
|
+
import type { FocusStyle } from '../../types/FocusStyle';
|
|
3
|
+
import type { TintType } from '../../types/WithKeyboardFocus';
|
|
4
|
+
import { type RenderProp } from '../RenderPropComponent/RenderPropComponent';
|
|
5
|
+
import type { blurMap, focusMap } from './KeyboardExtendedInput.consts';
|
|
6
|
+
export type ExtraKeyboardProps = {
|
|
7
|
+
focusType?: keyof typeof focusMap;
|
|
8
|
+
blurType?: keyof typeof blurMap;
|
|
9
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
10
|
+
onFocusChange?: (isFocused: boolean) => void;
|
|
11
|
+
focusStyle?: FocusStyle;
|
|
12
|
+
haloEffect?: boolean;
|
|
13
|
+
canBeFocusable?: boolean;
|
|
14
|
+
focusable?: boolean;
|
|
15
|
+
tintColor?: ColorValue;
|
|
16
|
+
tintType?: TintType;
|
|
17
|
+
containerFocusStyle?: FocusStyle;
|
|
18
|
+
FocusHoverComponent?: RenderProp;
|
|
19
|
+
submitBehavior?: string;
|
|
20
|
+
groupIdentifier?: string;
|
|
21
|
+
};
|
|
22
|
+
type IgnoreForCompatibility = 'rejectResponderTermination' | 'selectionHandleColor' | 'cursorColor' | 'maxFontSizeMultiplier';
|
|
23
|
+
type CompatibleInputProp<TextInputPropsType extends object, CompatibilityProp extends IgnoreForCompatibility> = CompatibilityProp extends keyof TextInputPropsType ? TextInputPropsType[CompatibilityProp] : CompatibilityProp extends keyof TextInputProps ? TextInputProps[CompatibilityProp] : never;
|
|
24
|
+
type ReactNativeInputCompatibility<TextInputPropsType extends object = TextInputProps> = Omit<TextInputPropsType, IgnoreForCompatibility> & {
|
|
25
|
+
[CompatibilityProp in IgnoreForCompatibility]?: CompatibleInputProp<TextInputPropsType, CompatibilityProp> | null;
|
|
26
|
+
};
|
|
27
|
+
export type KeyboardInputPropsDeclaration<TextInputPropsType extends object = TextInputProps> = ReactNativeInputCompatibility<TextInputPropsType> & ExtraKeyboardProps;
|
|
28
|
+
export type KeyboardInputProps = KeyboardInputPropsDeclaration<TextInputProps>;
|
|
29
|
+
export {};
|
|
30
|
+
//# sourceMappingURL=KeyboardExtendedInput.types.d.ts.map
|
package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.types.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KeyboardExtendedInput.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/KeyboardExtendedInput/KeyboardExtendedInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,UAAU,EAChB,MAAM,cAAc,CAAC;AAEtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAC9D,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAExE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,SAAS,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAClC,QAAQ,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,mBAAmB,CAAC,EAAE,UAAU,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,KAAK,sBAAsB,GACvB,4BAA4B,GAC5B,sBAAsB,GACtB,aAAa,GACb,uBAAuB,CAAC;AAE5B,KAAK,mBAAmB,CACtB,kBAAkB,SAAS,MAAM,EACjC,iBAAiB,SAAS,sBAAsB,IAC9C,iBAAiB,SAAS,MAAM,kBAAkB,GAClD,kBAAkB,CAAC,iBAAiB,CAAC,GACrC,iBAAiB,SAAS,MAAM,cAAc,GAC9C,cAAc,CAAC,iBAAiB,CAAC,GACjC,KAAK,CAAC;AAEV,KAAK,6BAA6B,CAChC,kBAAkB,SAAS,MAAM,GAAG,cAAc,IAChD,IAAI,CAAC,kBAAkB,EAAE,sBAAsB,CAAC,GAAG;KACpD,iBAAiB,IAAI,sBAAsB,CAAC,CAAC,EAAE,mBAAmB,CACjE,kBAAkB,EAClB,iBAAiB,CAClB,GAAG,IAAI;CACT,CAAC;AAEF,MAAM,MAAM,6BAA6B,CACvC,kBAAkB,SAAS,MAAM,GAAG,cAAc,IAChD,6BAA6B,CAAC,kBAAkB,CAAC,GAAG,kBAAkB,CAAC;AAE3E,MAAM,MAAM,kBAAkB,GAAG,6BAA6B,CAAC,cAAc,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type FunctionComponent, type ReactElement } from 'react';
|
|
2
|
-
export type RenderProp = ReactElement | FunctionComponent | (() => ReactElement);
|
|
2
|
+
export type RenderProp = ReactElement | FunctionComponent | FunctionComponent<{}> | (() => ReactElement);
|
|
3
3
|
export declare const RenderPropComponent: ({ render }: {
|
|
4
4
|
render: RenderProp;
|
|
5
5
|
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RenderPropComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/RenderPropComponent/RenderPropComponent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzE,MAAM,MAAM,UAAU,GAClB,YAAY,GACZ,iBAAiB,GACjB,CAAC,MAAM,YAAY,CAAC,CAAC;AAEzB,eAAO,MAAM,mBAAmB,GAAI,YAAY;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,mDASrE,CAAC"}
|
|
1
|
+
{"version":3,"file":"RenderPropComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/RenderPropComponent/RenderPropComponent.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,KAAK,iBAAiB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzE,MAAM,MAAM,UAAU,GAClB,YAAY,GACZ,iBAAiB,GACjB,iBAAiB,CAAC,EAAE,CAAC,GACrB,CAAC,MAAM,YAAY,CAAC,CAAC;AAEzB,eAAO,MAAM,mBAAmB,GAAI,YAAY;IAAE,MAAM,EAAE,UAAU,CAAA;CAAE,mDASrE,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { type PressableProps, type ViewProps } from 'react-native';
|
|
1
|
+
import { type PressableProps, type ViewProps, type View } from 'react-native';
|
|
2
2
|
import type { WithKeyboardPropsTypeDeclaration } from '../../types/WithKeyboardFocus';
|
|
3
3
|
export declare const Pressable: import("react").NamedExoticComponent<Omit<import("../..").WithKeyboardFocus<Omit<Readonly<Omit<Omit<Readonly<Omit<Readonly<{
|
|
4
4
|
onAccessibilityAction?: ((event: import("react-native").AccessibilityActionEvent) => unknown) | undefined;
|
|
@@ -148,11 +148,15 @@ export declare const Pressable: import("react").NamedExoticComponent<Omit<import
|
|
|
148
148
|
testOnly_pressed?: boolean | undefined;
|
|
149
149
|
unstable_pressDelay?: number | undefined;
|
|
150
150
|
}>, never>>, "ref"> & {
|
|
151
|
-
ref?: React.Ref<React.ComponentRef<typeof
|
|
152
|
-
}, unknown
|
|
151
|
+
ref?: React.Ref<React.ComponentRef<typeof View>>;
|
|
152
|
+
}, unknown, (props: Omit<ViewProps, keyof {
|
|
153
|
+
ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
|
|
154
|
+
}> & {
|
|
155
|
+
ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
|
|
156
|
+
}) => React.ReactNode>, "ref"> & import("react").RefAttributes<((props: Omit<ViewProps, keyof {
|
|
153
157
|
ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
|
|
154
158
|
}> & {
|
|
155
159
|
ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
|
|
156
160
|
}) => React.ReactNode) | import("../..").KeyboardFocus>>;
|
|
157
|
-
export type KeyboardPressableProps = WithKeyboardPropsTypeDeclaration<PressableProps, ViewProps['style']>;
|
|
161
|
+
export type KeyboardPressableProps = WithKeyboardPropsTypeDeclaration<PressableProps, ViewProps['style'], View>;
|
|
158
162
|
//# sourceMappingURL=Pressable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Touchable/Pressable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../../../../src/components/Touchable/Pressable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,IAAI,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,gCAAgC,EAAE,MAAM,+BAA+B,CAAC;AAEtF,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAO0W,CAAC;;OAAyE,CAAC;;OAA3E,CAAC;;OAAyE,CAAC;wDAPpZ,CAAC;AAExD,MAAM,MAAM,sBAAsB,GAAG,gCAAgC,CACnE,cAAc,EACd,SAAS,CAAC,OAAO,CAAC,EAClB,IAAI,CACL,CAAC"}
|
|
@@ -4,6 +4,7 @@ export type { TintType, WithKeyboardFocusDeclaration, WithKeyboardPropsTypeDecla
|
|
|
4
4
|
export { BaseKeyboardView, KeyboardFocusView, ExternalKeyboardView, KeyboardExtendedView, KeyboardExtendedBaseView, } from './components';
|
|
5
5
|
export { Pressable, Pressable as KeyboardExtendedPressable, type KeyboardPressableProps, } from './components/Touchable/Pressable';
|
|
6
6
|
export { KeyboardExtendedInput, KeyboardExtendedInput as TextInput, } from './components/KeyboardExtendedInput/KeyboardExtendedInput';
|
|
7
|
+
export type { KeyboardInputPropsDeclaration, KeyboardInputProps, ExtraKeyboardProps, } from './components/KeyboardExtendedInput/KeyboardExtendedInput.types';
|
|
7
8
|
export { KeyboardFocusGroup } from './components/KeyboardFocusGroup/KeyboardFocusGroup';
|
|
8
9
|
export { withKeyboardFocus } from './utils/withKeyboardFocus';
|
|
9
10
|
export { useIsViewFocused } from './context/IsViewFocusedContext';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,0BAA0B,EAC1B,2BAA2B,EAC3B,KAAK,QAAQ,GACd,MAAM,cAAc,CAAC;AAEtB,YAAY,EACV,UAAU,EACV,aAAa,EACb,oBAAoB,IAAI,wBAAwB,GACjD,MAAM,0BAA0B,CAAC;AAElC,YAAY,EACV,QAAQ,EACR,4BAA4B,EAC5B,gCAAgC,EAChC,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,SAAS,EACT,SAAS,IAAI,yBAAyB,EACtC,KAAK,sBAAsB,GAC5B,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,0BAA0B,EAC1B,2BAA2B,EAC3B,KAAK,QAAQ,GACd,MAAM,cAAc,CAAC;AAEtB,YAAY,EACV,UAAU,EACV,aAAa,EACb,oBAAoB,IAAI,wBAAwB,GACjD,MAAM,0BAA0B,CAAC;AAElC,YAAY,EACV,QAAQ,EACR,4BAA4B,EAC5B,gCAAgC,EAChC,iBAAiB,GAClB,MAAM,2BAA2B,CAAC;AAEnC,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,SAAS,EACT,SAAS,IAAI,yBAAyB,EACtC,KAAK,sBAAsB,GAC5B,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EACL,qBAAqB,EACrB,qBAAqB,IAAI,SAAS,GACnC,MAAM,0DAA0D,CAAC;AAClE,YAAY,EACV,6BAA6B,EAC7B,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,gEAAgE,CAAC;AAExE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oDAAoD,CAAC;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,EACL,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,GACnB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,QAAQ,MAAM,oBAAoB,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,eAAO,MAAM,KAAK;;;CAGjB,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type { PressableProps, ViewProps } from 'react-native';
|
|
1
|
+
import type { PressableProps, View, ViewProps } from 'react-native';
|
|
2
2
|
import type { FocusStyle } from './FocusStyle';
|
|
3
3
|
import type { KeyboardFocus, OnKeyPress } from './BaseKeyboardView';
|
|
4
4
|
import type { FocusViewProps } from './KeyboardFocusView.types';
|
|
@@ -16,12 +16,12 @@ export type KeyboardPressType<ComponentProps extends object> = {
|
|
|
16
16
|
onComponentFocus?: PickProp<ComponentProps, 'onFocus'>;
|
|
17
17
|
onComponentBlur?: PickProp<ComponentProps, 'onBlur'>;
|
|
18
18
|
};
|
|
19
|
-
export type WithKeyboardProps<
|
|
19
|
+
export type WithKeyboardProps<ViewType = View, ViewStyleType = unknown> = {
|
|
20
20
|
withPressedStyle?: boolean;
|
|
21
21
|
containerStyle?: ViewStyleType | ViewProps['style'];
|
|
22
22
|
containerFocusStyle?: FocusStyle;
|
|
23
23
|
tintType?: TintType;
|
|
24
|
-
componentRef?: React.RefObject<
|
|
24
|
+
componentRef?: React.RefObject<ViewType>;
|
|
25
25
|
FocusHoverComponent?: RenderProp;
|
|
26
26
|
style?: PressableProps['style'];
|
|
27
27
|
onBlur?: (() => void) | ((e: any) => void) | null;
|
|
@@ -29,10 +29,10 @@ export type WithKeyboardProps<R = unknown, ViewStyleType = unknown> = {
|
|
|
29
29
|
};
|
|
30
30
|
type KeyboardFocusBaseProps = Omit<FocusViewProps, 'onPress' | 'onLongPress' | 'onBlur' | 'onFocus'>;
|
|
31
31
|
type MergeProps<BaseProps extends object, OverrideProps extends object> = Omit<BaseProps, keyof OverrideProps> & OverrideProps;
|
|
32
|
-
type KeyboardFocusOverrideProps<ComponentProps extends object, ViewStyleType> = KeyboardPressType<ComponentProps> & KeyboardFocusBaseProps & WithKeyboardProps<
|
|
33
|
-
export type WithKeyboardFocus<ComponentProps extends object, ViewStyleType> = MergeProps<ComponentProps, KeyboardFocusOverrideProps<ComponentProps, ViewStyleType>>;
|
|
34
|
-
export type WithKeyboardPropsTypeDeclaration<ComponentProps extends object, ViewStyleType> = WithKeyboardFocus<ComponentProps, ViewStyleType> & RefAttributes<KeyboardFocus>;
|
|
35
|
-
export type WithKeyboardFocusDeclaration<ComponentProps extends object, ViewStyleType> = React.JSXElementConstructor<WithKeyboardPropsTypeDeclaration<ComponentProps, ViewStyleType>> | React.ForwardRefExoticComponent<WithKeyboardPropsTypeDeclaration<ComponentProps, ViewStyleType>>;
|
|
32
|
+
type KeyboardFocusOverrideProps<ComponentProps extends object, ViewStyleType, ViewType = View> = KeyboardPressType<ComponentProps> & KeyboardFocusBaseProps & WithKeyboardProps<ViewType, ViewStyleType>;
|
|
33
|
+
export type WithKeyboardFocus<ComponentProps extends object, ViewStyleType, ViewType = View> = MergeProps<ComponentProps, KeyboardFocusOverrideProps<ComponentProps, ViewStyleType, ViewType>>;
|
|
34
|
+
export type WithKeyboardPropsTypeDeclaration<ComponentProps extends object, ViewStyleType, ViewType = View> = WithKeyboardFocus<ComponentProps, ViewStyleType, ViewType> & RefAttributes<KeyboardFocus>;
|
|
35
|
+
export type WithKeyboardFocusDeclaration<ComponentProps extends object, ViewStyleType, ViewType = View> = React.JSXElementConstructor<WithKeyboardPropsTypeDeclaration<ComponentProps, ViewStyleType, ViewType>> | React.ForwardRefExoticComponent<WithKeyboardPropsTypeDeclaration<ComponentProps, ViewStyleType, ViewType>>;
|
|
36
36
|
export type TintType = 'default' | 'hover' | 'background' | 'none';
|
|
37
37
|
export {};
|
|
38
38
|
//# sourceMappingURL=WithKeyboardFocus.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WithKeyboardFocus.d.ts","sourceRoot":"","sources":["../../../../src/types/WithKeyboardFocus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"WithKeyboardFocus.d.ts","sourceRoot":"","sources":["../../../../src/types/WithKeyboardFocus.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type ViewProps } from 'react-native';
|
|
2
|
+
import { View, type ViewProps } from 'react-native';
|
|
3
3
|
import type { KeyboardFocus } from '../types/BaseKeyboardView';
|
|
4
4
|
import type { WithKeyboardFocus, WithKeyboardFocusComponent } from '../types/WithKeyboardFocus';
|
|
5
|
-
export declare const withKeyboardFocus: <ComponentProps extends object, ViewStyleType>(Component: WithKeyboardFocusComponent<ComponentProps>) => React.NamedExoticComponent<React.PropsWithoutRef<WithKeyboardFocus<ComponentProps, ViewStyleType>> & React.RefAttributes<((props: Omit<ViewProps, keyof {
|
|
5
|
+
export declare const withKeyboardFocus: <ComponentProps extends object, ViewStyleType, ViewType = View>(Component: WithKeyboardFocusComponent<ComponentProps>) => React.NamedExoticComponent<React.PropsWithoutRef<WithKeyboardFocus<ComponentProps, ViewStyleType, ViewType>> & React.RefAttributes<((props: Omit<ViewProps, keyof {
|
|
6
6
|
ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
|
|
7
7
|
}> & {
|
|
8
8
|
ref?: React.Ref<React.ComponentRef<typeof import("react-native").unstable_NativeView>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withKeyboardFocus.d.ts","sourceRoot":"","sources":["../../../../src/utils/withKeyboardFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,
|
|
1
|
+
{"version":3,"file":"withKeyboardFocus.d.ts","sourceRoot":"","sources":["../../../../src/utils/withKeyboardFocus.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,IAAI,EAAc,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,2BAA2B,CAAC;AAE3E,OAAO,KAAK,EAEV,iBAAiB,EACjB,0BAA0B,EAC3B,MAAM,4BAA4B,CAAC;AAMpC,eAAO,MAAM,iBAAiB,GAC5B,cAAc,SAAS,MAAM,EAC7B,aAAa,EACb,QAAQ,GAAG,IAAI,EAEf,WAAW,0BAA0B,CAAC,cAAc,CAAC;OAFjD,CAAC;;OAGJ,CAAC;wCA+KH,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,60 +1,19 @@
|
|
|
1
1
|
import React, { useMemo } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
View,
|
|
4
|
-
TextInput,
|
|
5
|
-
Platform,
|
|
6
|
-
type TextInputProps,
|
|
7
|
-
type StyleProp,
|
|
8
|
-
type ViewStyle,
|
|
9
|
-
StyleSheet,
|
|
10
|
-
type ColorValue,
|
|
11
|
-
} from 'react-native';
|
|
2
|
+
import { View, TextInput, Platform, StyleSheet } from 'react-native';
|
|
12
3
|
|
|
13
4
|
import { TextInputFocusWrapperNative } from '../../nativeSpec';
|
|
14
|
-
import type { FocusStyle } from '../../types/FocusStyle';
|
|
15
5
|
import { useFocusStyle } from '../../utils/useFocusStyle';
|
|
16
6
|
import { focusEventMapper } from '../../utils/focusEventMapper';
|
|
17
|
-
import
|
|
18
|
-
import {
|
|
19
|
-
type RenderProp,
|
|
20
|
-
RenderPropComponent,
|
|
21
|
-
} from '../RenderPropComponent/RenderPropComponent';
|
|
7
|
+
import { RenderPropComponent } from '../RenderPropComponent/RenderPropComponent';
|
|
22
8
|
import { useGroupIdentifierContext } from '../../context/GroupIdentifierContext';
|
|
9
|
+
import type { KeyboardInputProps } from './KeyboardExtendedInput.types';
|
|
10
|
+
import { blurMap, focusMap } from './KeyboardExtendedInput.consts';
|
|
23
11
|
|
|
24
12
|
const isIOS = Platform.OS === 'ios';
|
|
25
13
|
|
|
26
|
-
const focusMap = {
|
|
27
|
-
default: 0,
|
|
28
|
-
press: 1,
|
|
29
|
-
auto: 2,
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
const blurMap = {
|
|
33
|
-
default: 0,
|
|
34
|
-
disable: 1,
|
|
35
|
-
auto: 2,
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
export type KeyboardFocusViewProps = TextInputProps & {
|
|
39
|
-
focusType?: keyof typeof focusMap;
|
|
40
|
-
blurType?: keyof typeof blurMap;
|
|
41
|
-
containerStyle?: StyleProp<ViewStyle>;
|
|
42
|
-
onFocusChange?: (isFocused: boolean) => void;
|
|
43
|
-
focusStyle?: FocusStyle;
|
|
44
|
-
haloEffect?: boolean;
|
|
45
|
-
canBeFocusable?: boolean;
|
|
46
|
-
focusable?: boolean;
|
|
47
|
-
tintColor?: ColorValue;
|
|
48
|
-
tintType?: TintType;
|
|
49
|
-
containerFocusStyle?: FocusStyle;
|
|
50
|
-
FocusHoverComponent?: RenderProp;
|
|
51
|
-
submitBehavior?: string;
|
|
52
|
-
groupIdentifier?: string;
|
|
53
|
-
};
|
|
54
|
-
|
|
55
14
|
export const KeyboardExtendedInput = React.forwardRef<
|
|
56
15
|
TextInput,
|
|
57
|
-
|
|
16
|
+
KeyboardInputProps
|
|
58
17
|
>(
|
|
59
18
|
(
|
|
60
19
|
{
|
|
@@ -74,6 +33,10 @@ export const KeyboardExtendedInput = React.forwardRef<
|
|
|
74
33
|
onSubmitEditing,
|
|
75
34
|
submitBehavior,
|
|
76
35
|
groupIdentifier,
|
|
36
|
+
rejectResponderTermination,
|
|
37
|
+
selectionHandleColor,
|
|
38
|
+
cursorColor,
|
|
39
|
+
maxFontSizeMultiplier,
|
|
77
40
|
...props
|
|
78
41
|
},
|
|
79
42
|
ref
|
|
@@ -133,6 +96,10 @@ export const KeyboardExtendedInput = React.forwardRef<
|
|
|
133
96
|
style={[style, componentFocusedStyle]}
|
|
134
97
|
onSubmitEditing={onSubmitEditing}
|
|
135
98
|
submitBehavior={submitBehavior}
|
|
99
|
+
rejectResponderTermination={rejectResponderTermination ?? undefined}
|
|
100
|
+
selectionHandleColor={selectionHandleColor ?? undefined}
|
|
101
|
+
cursorColor={cursorColor ?? undefined}
|
|
102
|
+
maxFontSizeMultiplier={maxFontSizeMultiplier ?? undefined}
|
|
136
103
|
{...props}
|
|
137
104
|
/>
|
|
138
105
|
{focused && HoverComonent && (
|