react-native-external-keyboard 0.8.2-rc1 → 0.8.2-rc2
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/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/index.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/index.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/index.d.ts +1 -0
- package/lib/typescript/src/index.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/index.tsx +7 -0
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.focusMap = exports.blurMap = void 0;
|
|
7
|
+
const focusMap = exports.focusMap = {
|
|
8
|
+
default: 0,
|
|
9
|
+
press: 1,
|
|
10
|
+
auto: 2
|
|
11
|
+
};
|
|
12
|
+
const blurMap = exports.blurMap = {
|
|
13
|
+
default: 0,
|
|
14
|
+
disable: 1,
|
|
15
|
+
auto: 2
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=KeyboardExtendedInput.consts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["focusMap","exports","default","press","auto","blurMap","disable"],"sourceRoot":"../../../../src","sources":["components/KeyboardExtendedInput/KeyboardExtendedInput.consts.ts"],"mappings":";;;;;;AAAO,MAAMA,QAAQ,GAAAC,OAAA,CAAAD,QAAA,GAAG;EACtBE,OAAO,EAAE,CAAC;EACVC,KAAK,EAAE,CAAC;EACRC,IAAI,EAAE;AACR,CAAC;AAEM,MAAMC,OAAO,GAAAJ,OAAA,CAAAI,OAAA,GAAG;EACrBH,OAAO,EAAE,CAAC;EACVI,OAAO,EAAE,CAAC;EACVF,IAAI,EAAE;AACR,CAAC","ignoreList":[]}
|
|
@@ -11,19 +11,10 @@ var _useFocusStyle = require("../../utils/useFocusStyle");
|
|
|
11
11
|
var _focusEventMapper = require("../../utils/focusEventMapper");
|
|
12
12
|
var _RenderPropComponent = require("../RenderPropComponent/RenderPropComponent");
|
|
13
13
|
var _GroupIdentifierContext = require("../../context/GroupIdentifierContext");
|
|
14
|
+
var _KeyboardExtendedInput = require("./KeyboardExtendedInput.consts");
|
|
14
15
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
16
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
16
17
|
const isIOS = _reactNative.Platform.OS === 'ios';
|
|
17
|
-
const focusMap = {
|
|
18
|
-
default: 0,
|
|
19
|
-
press: 1,
|
|
20
|
-
auto: 2
|
|
21
|
-
};
|
|
22
|
-
const blurMap = {
|
|
23
|
-
default: 0,
|
|
24
|
-
disable: 1,
|
|
25
|
-
auto: 2
|
|
26
|
-
};
|
|
27
18
|
const KeyboardExtendedInput = exports.KeyboardExtendedInput = /*#__PURE__*/_react.default.forwardRef(({
|
|
28
19
|
focusType = 'default',
|
|
29
20
|
blurType = 'default',
|
|
@@ -41,6 +32,10 @@ const KeyboardExtendedInput = exports.KeyboardExtendedInput = /*#__PURE__*/_reac
|
|
|
41
32
|
onSubmitEditing,
|
|
42
33
|
submitBehavior,
|
|
43
34
|
groupIdentifier,
|
|
35
|
+
rejectResponderTermination,
|
|
36
|
+
selectionHandleColor,
|
|
37
|
+
cursorColor,
|
|
38
|
+
maxFontSizeMultiplier,
|
|
44
39
|
...props
|
|
45
40
|
}, ref) => {
|
|
46
41
|
const {
|
|
@@ -70,8 +65,8 @@ const KeyboardExtendedInput = exports.KeyboardExtendedInput = /*#__PURE__*/_reac
|
|
|
70
65
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_nativeSpec.TextInputFocusWrapperNative, {
|
|
71
66
|
onFocusChange: nativeFocusHandler //ToDo update type
|
|
72
67
|
,
|
|
73
|
-
focusType: focusMap[focusType],
|
|
74
|
-
blurType: blurMap[blurType],
|
|
68
|
+
focusType: _KeyboardExtendedInput.focusMap[focusType],
|
|
69
|
+
blurType: _KeyboardExtendedInput.blurMap[blurType],
|
|
75
70
|
style: [containerStyle, containerFocusedStyle],
|
|
76
71
|
haloEffect: withHaloEffect,
|
|
77
72
|
multiline: props.multiline,
|
|
@@ -86,6 +81,10 @@ const KeyboardExtendedInput = exports.KeyboardExtendedInput = /*#__PURE__*/_reac
|
|
|
86
81
|
style: [style, componentFocusedStyle],
|
|
87
82
|
onSubmitEditing: onSubmitEditing,
|
|
88
83
|
submitBehavior: submitBehavior,
|
|
84
|
+
rejectResponderTermination: rejectResponderTermination ?? undefined,
|
|
85
|
+
selectionHandleColor: selectionHandleColor ?? undefined,
|
|
86
|
+
cursorColor: cursorColor ?? undefined,
|
|
87
|
+
maxFontSizeMultiplier: maxFontSizeMultiplier ?? undefined,
|
|
89
88
|
...props
|
|
90
89
|
}), focused && HoverComonent && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RenderPropComponent.RenderPropComponent, {
|
|
91
90
|
render: HoverComonent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_nativeSpec","_useFocusStyle","_focusEventMapper","_RenderPropComponent","_GroupIdentifierContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isIOS","Platform","OS","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_nativeSpec","_useFocusStyle","_focusEventMapper","_RenderPropComponent","_GroupIdentifierContext","_KeyboardExtendedInput","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","isIOS","Platform","OS","KeyboardExtendedInput","exports","React","forwardRef","focusType","blurType","containerStyle","onFocusChange","focusStyle","style","haloEffect","canBeFocusable","focusable","containerFocusStyle","tintColor","tintType","FocusHoverComponent","onSubmitEditing","submitBehavior","groupIdentifier","rejectResponderTermination","selectionHandleColor","cursorColor","maxFontSizeMultiplier","props","ref","focused","containerFocusedStyle","componentFocusedStyle","onFocusChangeHandler","hoverColor","useFocusStyle","contextIdentifier","useGroupIdentifierContext","withHaloEffect","nativeFocusHandler","useMemo","focusEventMapper","HoverComonent","jsx","View","styles","absolute","opacity","undefined","blurOnSubmit","jsxs","TextInputFocusWrapperNative","focusMap","blurMap","multiline","onMultiplyTextSubmit","canBeFocused","children","TextInput","editable","RenderPropComponent","render","StyleSheet","create","position","top","left","right","bottom"],"sourceRoot":"../../../../src","sources":["components/KeyboardExtendedInput/KeyboardExtendedInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/KeyboardExtendedInput/KeyboardExtendedInput.types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_FocusFrame","require","_FocusTrap","_nativeSpec","_components","_Pressable","_KeyboardExtendedInput","_KeyboardFocusGroup","_withKeyboardFocus","_IsViewFocusedContext","_OrderFocusContext","Keyboard","_interopRequireWildcard","exports","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Focus","Frame","FocusFrame","Trap","FocusTrap"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAmBA,IAAAG,WAAA,GAAAH,OAAA;AAOA,IAAAI,UAAA,GAAAJ,OAAA;
|
|
1
|
+
{"version":3,"names":["_FocusFrame","require","_FocusTrap","_nativeSpec","_components","_Pressable","_KeyboardExtendedInput","_KeyboardFocusGroup","_withKeyboardFocus","_IsViewFocusedContext","_OrderFocusContext","Keyboard","_interopRequireWildcard","exports","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Focus","Frame","FocusFrame","Trap","FocusTrap"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AAmBA,IAAAG,WAAA,GAAAH,OAAA;AAOA,IAAAI,UAAA,GAAAJ,OAAA;AAMA,IAAAK,sBAAA,GAAAL,OAAA;AAUA,IAAAM,mBAAA,GAAAN,OAAA;AACA,IAAAO,kBAAA,GAAAP,OAAA;AACA,IAAAQ,qBAAA,GAAAR,OAAA;AACA,IAAAS,kBAAA,GAAAT,OAAA;AAKA,IAAAU,QAAA,GAAAC,uBAAA,CAAAX,OAAA;AAA+CY,OAAA,CAAAF,QAAA,GAAAA,QAAA;AAAA,SAAAC,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAGxC,MAAMkB,KAAK,GAAApB,OAAA,CAAAoB,KAAA,GAAG;EACnBC,KAAK,EAAEC,sBAAU;EACjBC,IAAI,EAAEC;AACR,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["focusMap","default","press","auto","blurMap","disable"],"sourceRoot":"../../../../src","sources":["components/KeyboardExtendedInput/KeyboardExtendedInput.consts.ts"],"mappings":";;AAAA,OAAO,MAAMA,QAAQ,GAAG;EACtBC,OAAO,EAAE,CAAC;EACVC,KAAK,EAAE,CAAC;EACRC,IAAI,EAAE;AACR,CAAC;AAED,OAAO,MAAMC,OAAO,GAAG;EACrBH,OAAO,EAAE,CAAC;EACVI,OAAO,EAAE,CAAC;EACVF,IAAI,EAAE;AACR,CAAC","ignoreList":[]}
|
|
@@ -7,18 +7,9 @@ import { useFocusStyle } from '../../utils/useFocusStyle';
|
|
|
7
7
|
import { focusEventMapper } from '../../utils/focusEventMapper';
|
|
8
8
|
import { RenderPropComponent } from '../RenderPropComponent/RenderPropComponent';
|
|
9
9
|
import { useGroupIdentifierContext } from '../../context/GroupIdentifierContext';
|
|
10
|
+
import { blurMap, focusMap } from './KeyboardExtendedInput.consts';
|
|
10
11
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
12
|
const isIOS = Platform.OS === 'ios';
|
|
12
|
-
const focusMap = {
|
|
13
|
-
default: 0,
|
|
14
|
-
press: 1,
|
|
15
|
-
auto: 2
|
|
16
|
-
};
|
|
17
|
-
const blurMap = {
|
|
18
|
-
default: 0,
|
|
19
|
-
disable: 1,
|
|
20
|
-
auto: 2
|
|
21
|
-
};
|
|
22
13
|
export const KeyboardExtendedInput = /*#__PURE__*/React.forwardRef(({
|
|
23
14
|
focusType = 'default',
|
|
24
15
|
blurType = 'default',
|
|
@@ -36,6 +27,10 @@ export const KeyboardExtendedInput = /*#__PURE__*/React.forwardRef(({
|
|
|
36
27
|
onSubmitEditing,
|
|
37
28
|
submitBehavior,
|
|
38
29
|
groupIdentifier,
|
|
30
|
+
rejectResponderTermination,
|
|
31
|
+
selectionHandleColor,
|
|
32
|
+
cursorColor,
|
|
33
|
+
maxFontSizeMultiplier,
|
|
39
34
|
...props
|
|
40
35
|
}, ref) => {
|
|
41
36
|
const {
|
|
@@ -81,6 +76,10 @@ export const KeyboardExtendedInput = /*#__PURE__*/React.forwardRef(({
|
|
|
81
76
|
style: [style, componentFocusedStyle],
|
|
82
77
|
onSubmitEditing: onSubmitEditing,
|
|
83
78
|
submitBehavior: submitBehavior,
|
|
79
|
+
rejectResponderTermination: rejectResponderTermination ?? undefined,
|
|
80
|
+
selectionHandleColor: selectionHandleColor ?? undefined,
|
|
81
|
+
cursorColor: cursorColor ?? undefined,
|
|
82
|
+
maxFontSizeMultiplier: maxFontSizeMultiplier ?? undefined,
|
|
84
83
|
...props
|
|
85
84
|
}), focused && HoverComonent && /*#__PURE__*/_jsx(RenderPropComponent, {
|
|
86
85
|
render: HoverComonent
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useMemo","View","TextInput","Platform","StyleSheet","TextInputFocusWrapperNative","useFocusStyle","focusEventMapper","RenderPropComponent","useGroupIdentifierContext","jsx","_jsx","jsxs","_jsxs","isIOS","OS","
|
|
1
|
+
{"version":3,"names":["React","useMemo","View","TextInput","Platform","StyleSheet","TextInputFocusWrapperNative","useFocusStyle","focusEventMapper","RenderPropComponent","useGroupIdentifierContext","blurMap","focusMap","jsx","_jsx","jsxs","_jsxs","isIOS","OS","KeyboardExtendedInput","forwardRef","focusType","blurType","containerStyle","onFocusChange","focusStyle","style","haloEffect","canBeFocusable","focusable","containerFocusStyle","tintColor","tintType","FocusHoverComponent","onSubmitEditing","submitBehavior","groupIdentifier","rejectResponderTermination","selectionHandleColor","cursorColor","maxFontSizeMultiplier","props","ref","focused","containerFocusedStyle","componentFocusedStyle","onFocusChangeHandler","hoverColor","contextIdentifier","withHaloEffect","nativeFocusHandler","HoverComonent","styles","absolute","opacity","undefined","blurOnSubmit","multiline","onMultiplyTextSubmit","canBeFocused","children","editable","render","create","position","top","left","right","bottom"],"sourceRoot":"../../../../src","sources":["components/KeyboardExtendedInput/KeyboardExtendedInput.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/KeyboardExtendedInput/KeyboardExtendedInput.types.ts"],"mappings":"","ignoreList":[]}
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FocusFrame","FocusTrap","ExternalKeyboardViewNative","TextInputFocusWrapperNative","BaseKeyboardView","KeyboardFocusView","ExternalKeyboardView","KeyboardExtendedView","KeyboardExtendedBaseView","Pressable","KeyboardExtendedPressable","KeyboardExtendedInput","TextInput","KeyboardFocusGroup","withKeyboardFocus","useIsViewFocused","KeyboardOrderFocusGroup","OrderFocusGroupContext","useOrderFocusGroup","Keyboard","Focus","Frame","Trap"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,sDAAsD;AACjF,SAASC,SAAS,QAAQ,oDAAoD;AAE9E,SACEC,0BAA0B,EAC1BC,2BAA2B,QAEtB,cAAc;AAerB,SACEC,gBAAgB,EAChBC,iBAAiB,EACjBC,oBAAoB,EACpBC,oBAAoB,EACpBC,wBAAwB,QACnB,cAAc;AACrB,SACEC,SAAS,EACTA,SAAS,IAAIC,yBAAyB,QAEjC,kCAAkC;
|
|
1
|
+
{"version":3,"names":["FocusFrame","FocusTrap","ExternalKeyboardViewNative","TextInputFocusWrapperNative","BaseKeyboardView","KeyboardFocusView","ExternalKeyboardView","KeyboardExtendedView","KeyboardExtendedBaseView","Pressable","KeyboardExtendedPressable","KeyboardExtendedInput","TextInput","KeyboardFocusGroup","withKeyboardFocus","useIsViewFocused","KeyboardOrderFocusGroup","OrderFocusGroupContext","useOrderFocusGroup","Keyboard","Focus","Frame","Trap"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,sDAAsD;AACjF,SAASC,SAAS,QAAQ,oDAAoD;AAE9E,SACEC,0BAA0B,EAC1BC,2BAA2B,QAEtB,cAAc;AAerB,SACEC,gBAAgB,EAChBC,iBAAiB,EACjBC,oBAAoB,EACpBC,oBAAoB,EACpBC,wBAAwB,QACnB,cAAc;AACrB,SACEC,SAAS,EACTA,SAAS,IAAIC,yBAAyB,QAEjC,kCAAkC;AAEzC,SACEC,qBAAqB,EACrBA,qBAAqB,IAAIC,SAAS,QAC7B,0DAA0D;AAOjE,SAASC,kBAAkB,QAAQ,oDAAoD;AACvF,SAASC,iBAAiB,QAAQ,2BAA2B;AAC7D,SAASC,gBAAgB,QAAQ,gCAAgC;AACjE,SACEC,uBAAuB,EACvBC,sBAAsB,EACtBC,kBAAkB,QACb,6BAA6B;AACpC,OAAO,KAAKC,QAAQ,MAAM,oBAAoB;AAC9C,SAASA,QAAQ;AAEjB,OAAO,MAAMC,KAAK,GAAG;EACnBC,KAAK,EAAErB,UAAU;EACjBsB,IAAI,EAAErB;AACR,CAAC","ignoreList":[]}
|
package/lib/typescript/src/components/KeyboardExtendedInput/KeyboardExtendedInput.consts.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"KeyboardExtendedInput.consts.d.ts","sourceRoot":"","sources":["../../../../../src/components/KeyboardExtendedInput/KeyboardExtendedInput.consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;CAIpB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC"}
|
|
@@ -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"}
|
|
@@ -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"}
|
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 && (
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import {
|
|
2
|
+
type TextInputProps,
|
|
3
|
+
type StyleProp,
|
|
4
|
+
type ViewStyle,
|
|
5
|
+
type ColorValue,
|
|
6
|
+
} from 'react-native';
|
|
7
|
+
|
|
8
|
+
import type { FocusStyle } from '../../types/FocusStyle';
|
|
9
|
+
import type { TintType } from '../../types/WithKeyboardFocus';
|
|
10
|
+
import { type RenderProp } from '../RenderPropComponent/RenderPropComponent';
|
|
11
|
+
import type { blurMap, focusMap } from './KeyboardExtendedInput.consts';
|
|
12
|
+
|
|
13
|
+
export type ExtraKeyboardProps = {
|
|
14
|
+
focusType?: keyof typeof focusMap;
|
|
15
|
+
blurType?: keyof typeof blurMap;
|
|
16
|
+
containerStyle?: StyleProp<ViewStyle>;
|
|
17
|
+
onFocusChange?: (isFocused: boolean) => void;
|
|
18
|
+
focusStyle?: FocusStyle;
|
|
19
|
+
haloEffect?: boolean;
|
|
20
|
+
canBeFocusable?: boolean;
|
|
21
|
+
focusable?: boolean;
|
|
22
|
+
tintColor?: ColorValue;
|
|
23
|
+
tintType?: TintType;
|
|
24
|
+
containerFocusStyle?: FocusStyle;
|
|
25
|
+
FocusHoverComponent?: RenderProp;
|
|
26
|
+
submitBehavior?: string;
|
|
27
|
+
groupIdentifier?: string;
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
type IgnoreForCompatibility =
|
|
31
|
+
| 'rejectResponderTermination'
|
|
32
|
+
| 'selectionHandleColor'
|
|
33
|
+
| 'cursorColor'
|
|
34
|
+
| 'maxFontSizeMultiplier';
|
|
35
|
+
|
|
36
|
+
type CompatibleInputProp<
|
|
37
|
+
TextInputPropsType extends object,
|
|
38
|
+
CompatibilityProp extends IgnoreForCompatibility
|
|
39
|
+
> = CompatibilityProp extends keyof TextInputPropsType
|
|
40
|
+
? TextInputPropsType[CompatibilityProp]
|
|
41
|
+
: CompatibilityProp extends keyof TextInputProps
|
|
42
|
+
? TextInputProps[CompatibilityProp]
|
|
43
|
+
: never;
|
|
44
|
+
|
|
45
|
+
type ReactNativeInputCompatibility<
|
|
46
|
+
TextInputPropsType extends object = TextInputProps
|
|
47
|
+
> = Omit<TextInputPropsType, IgnoreForCompatibility> & {
|
|
48
|
+
[CompatibilityProp in IgnoreForCompatibility]?: CompatibleInputProp<
|
|
49
|
+
TextInputPropsType,
|
|
50
|
+
CompatibilityProp
|
|
51
|
+
> | null;
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export type KeyboardInputPropsDeclaration<
|
|
55
|
+
TextInputPropsType extends object = TextInputProps
|
|
56
|
+
> = ReactNativeInputCompatibility<TextInputPropsType> & ExtraKeyboardProps;
|
|
57
|
+
|
|
58
|
+
export type KeyboardInputProps = KeyboardInputPropsDeclaration<TextInputProps>;
|
package/src/index.tsx
CHANGED
|
@@ -32,10 +32,17 @@ export {
|
|
|
32
32
|
Pressable as KeyboardExtendedPressable,
|
|
33
33
|
type KeyboardPressableProps,
|
|
34
34
|
} from './components/Touchable/Pressable';
|
|
35
|
+
|
|
35
36
|
export {
|
|
36
37
|
KeyboardExtendedInput,
|
|
37
38
|
KeyboardExtendedInput as TextInput,
|
|
38
39
|
} from './components/KeyboardExtendedInput/KeyboardExtendedInput';
|
|
40
|
+
export type {
|
|
41
|
+
KeyboardInputPropsDeclaration,
|
|
42
|
+
KeyboardInputProps,
|
|
43
|
+
ExtraKeyboardProps,
|
|
44
|
+
} from './components/KeyboardExtendedInput/KeyboardExtendedInput.types';
|
|
45
|
+
|
|
39
46
|
export { KeyboardFocusGroup } from './components/KeyboardFocusGroup/KeyboardFocusGroup';
|
|
40
47
|
export { withKeyboardFocus } from './utils/withKeyboardFocus';
|
|
41
48
|
export { useIsViewFocused } from './context/IsViewFocusedContext';
|