@tamagui/input 1.144.2 → 1.144.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/InputNativeProps.cjs +16 -0
- package/dist/cjs/InputNativeProps.js +14 -0
- package/dist/cjs/InputNativeProps.js.map +6 -0
- package/dist/cjs/InputNativeProps.native.js +19 -0
- package/dist/cjs/InputNativeProps.native.js.map +1 -0
- package/dist/cjs/v1/Input.cjs +190 -0
- package/dist/cjs/v1/Input.js +171 -0
- package/dist/cjs/v1/Input.js.map +6 -0
- package/dist/cjs/v1/Input.native.js +138 -0
- package/dist/cjs/v1/Input.native.js.map +1 -0
- package/dist/cjs/v1/TextArea.cjs +50 -0
- package/dist/cjs/v1/TextArea.js +43 -0
- package/dist/cjs/v1/TextArea.js.map +6 -0
- package/dist/cjs/v1/TextArea.native.js +53 -0
- package/dist/cjs/v1/TextArea.native.js.map +1 -0
- package/dist/cjs/v1/index.cjs +19 -0
- package/dist/cjs/v1/index.js +16 -0
- package/dist/cjs/v1/index.js.map +6 -0
- package/dist/cjs/v1/index.native.js +22 -0
- package/dist/cjs/v1/index.native.js.map +1 -0
- package/dist/cjs/v1/types.cjs +16 -0
- package/dist/cjs/v1/types.js +14 -0
- package/dist/cjs/v1/types.js.map +6 -0
- package/dist/cjs/v1/types.native.js +19 -0
- package/dist/cjs/v1/types.native.js.map +1 -0
- package/dist/esm/InputNativeProps.js +1 -0
- package/dist/esm/InputNativeProps.js.map +6 -0
- package/dist/esm/InputNativeProps.mjs +2 -0
- package/dist/esm/InputNativeProps.mjs.map +1 -0
- package/dist/esm/InputNativeProps.native.js +2 -0
- package/dist/esm/InputNativeProps.native.js.map +1 -0
- package/dist/esm/v1/Input.js +151 -0
- package/dist/esm/v1/Input.js.map +6 -0
- package/dist/esm/v1/Input.mjs +156 -0
- package/dist/esm/v1/Input.mjs.map +1 -0
- package/dist/esm/v1/Input.native.js +101 -0
- package/dist/esm/v1/Input.native.js.map +1 -0
- package/dist/esm/v1/TextArea.js +29 -0
- package/dist/esm/v1/TextArea.js.map +6 -0
- package/dist/esm/v1/TextArea.mjs +27 -0
- package/dist/esm/v1/TextArea.mjs.map +1 -0
- package/dist/esm/v1/TextArea.native.js +27 -0
- package/dist/esm/v1/TextArea.native.js.map +1 -0
- package/dist/esm/v1/index.js +3 -0
- package/dist/esm/v1/index.js.map +6 -0
- package/dist/esm/v1/index.mjs +3 -0
- package/dist/esm/v1/index.mjs.map +1 -0
- package/dist/esm/v1/index.native.js +3 -0
- package/dist/esm/v1/index.native.js.map +1 -0
- package/dist/esm/v1/types.js +1 -0
- package/dist/esm/v1/types.js.map +6 -0
- package/dist/esm/v1/types.mjs +2 -0
- package/dist/esm/v1/types.mjs.map +1 -0
- package/dist/esm/v1/types.native.js +2 -0
- package/dist/esm/v1/types.native.js.map +1 -0
- package/dist/jsx/InputNativeProps.js +1 -0
- package/dist/jsx/InputNativeProps.js.map +6 -0
- package/dist/jsx/InputNativeProps.mjs +2 -0
- package/dist/jsx/InputNativeProps.mjs.map +1 -0
- package/dist/jsx/InputNativeProps.native.js +19 -0
- package/dist/jsx/InputNativeProps.native.js.map +1 -0
- package/dist/jsx/v1/Input.js +151 -0
- package/dist/jsx/v1/Input.js.map +6 -0
- package/dist/jsx/v1/Input.mjs +156 -0
- package/dist/jsx/v1/Input.mjs.map +1 -0
- package/dist/jsx/v1/Input.native.js +138 -0
- package/dist/jsx/v1/Input.native.js.map +1 -0
- package/dist/jsx/v1/TextArea.js +29 -0
- package/dist/jsx/v1/TextArea.js.map +6 -0
- package/dist/jsx/v1/TextArea.mjs +27 -0
- package/dist/jsx/v1/TextArea.mjs.map +1 -0
- package/dist/jsx/v1/TextArea.native.js +53 -0
- package/dist/jsx/v1/TextArea.native.js.map +1 -0
- package/dist/jsx/v1/index.js +3 -0
- package/dist/jsx/v1/index.js.map +6 -0
- package/dist/jsx/v1/index.mjs +3 -0
- package/dist/jsx/v1/index.mjs.map +1 -0
- package/dist/jsx/v1/index.native.js +22 -0
- package/dist/jsx/v1/index.native.js.map +1 -0
- package/dist/jsx/v1/types.js +1 -0
- package/dist/jsx/v1/types.js.map +6 -0
- package/dist/jsx/v1/types.mjs +2 -0
- package/dist/jsx/v1/types.mjs.map +1 -0
- package/dist/jsx/v1/types.native.js +19 -0
- package/dist/jsx/v1/types.native.js.map +1 -0
- package/package.json +13 -13
- package/types/InputNativeProps.d.ts.map +1 -0
- package/types/v1/Input.d.ts.map +1 -0
- package/types/v1/Input.native.d.ts.map +1 -0
- package/types/v1/TextArea.d.ts.map +1 -0
- package/types/v1/index.d.ts.map +1 -0
- package/types/v1/types.d.ts.map +1 -0
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/v1/TextArea.tsx"],
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAuB,yBACvB,eAAsB,oBACtB,gBAAmD;AAO5C,MAAM,eAAW,mBAAO,oBAAO;AAAA,EACpC,MAAM;AAAA,EACN,QAAQ;AAAA;AAAA;AAAA,EAIR,YAAY;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,QAAQ;AAAA,QACR,GAAG;AAAA,QACH,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW;AAAA,IACb;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC;",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __export = (target, all) => {
|
|
8
|
+
for (var name in all) __defProp(target, name, {
|
|
9
|
+
get: all[name],
|
|
10
|
+
enumerable: !0
|
|
11
|
+
});
|
|
12
|
+
},
|
|
13
|
+
__copyProps = (to, from, except, desc) => {
|
|
14
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
15
|
+
get: () => from[key],
|
|
16
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
17
|
+
});
|
|
18
|
+
return to;
|
|
19
|
+
};
|
|
20
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
+
value: !0
|
|
22
|
+
}), mod);
|
|
23
|
+
var TextArea_exports = {};
|
|
24
|
+
__export(TextArea_exports, {
|
|
25
|
+
TextArea: () => TextArea
|
|
26
|
+
});
|
|
27
|
+
module.exports = __toCommonJS(TextArea_exports);
|
|
28
|
+
var import_web = require("@tamagui/web"),
|
|
29
|
+
import_Input = require("./Input.native.js"),
|
|
30
|
+
import_shared = require("../shared.native.js"),
|
|
31
|
+
TextArea = (0, import_web.styled)(import_Input.Input, {
|
|
32
|
+
name: "TextArea",
|
|
33
|
+
render: "textarea",
|
|
34
|
+
// this attribute fixes firefox newline issue
|
|
35
|
+
// @ts-ignore
|
|
36
|
+
whiteSpace: "pre-wrap",
|
|
37
|
+
variants: {
|
|
38
|
+
unstyled: {
|
|
39
|
+
false: {
|
|
40
|
+
height: "auto",
|
|
41
|
+
...import_shared.defaultStyles,
|
|
42
|
+
numberOfLines: 3
|
|
43
|
+
}
|
|
44
|
+
},
|
|
45
|
+
size: {
|
|
46
|
+
"...size": import_shared.textAreaSizeVariant
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
defaultVariants: {
|
|
50
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
51
|
+
}
|
|
52
|
+
});
|
|
53
|
+
//# sourceMappingURL=TextArea.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","TextArea_exports","__export","TextArea","module","exports","import_web","require","import_Input","import_shared","styled","Input","name","render","whiteSpace","variants","unstyled","false","height","defaultStyles","numberOfLines","size","textAreaSizeVariant","defaultVariants","process","env","TAMAGUI_HEADLESS"],"sources":["../../../src/v1/TextArea.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,gBAAA;AAAAC,QAAA,CAAAD,gBAAA;EAAAE,QAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAuBT,YAAA,CAAAK,gBACvB;AAQO,IAAAK,UAAM,GAAAC,OAAW,gBAAO;EAAAC,YAAA,GAAAD,OAAO;EAAAE,aAAA,GAAAF,OAAA;EAAAJ,QAAA,OAAAG,UAAA,CAAAI,MAAA,EAAAF,YAAA,CAAAG,KAAA;IACpCC,IAAA,EAAM;IACNC,MAAA,EAAQ;IAAA;IAAA;IAIRC,UAAA,EAAY;IAEZC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,MAAA,EAAQ;UACR,GAAGT,aAAA,CAAAU,aAAA;UACHC,aAAA,EAAe;QACjB;MACF;MAEAC,IAAA,EAAM;QACJ,WAAWZ,aAAA,CAAAa;MACb;IACF;IAEAC,eAAA,EAAiB;MACfP,QAAA,EAAUQ,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
|
6
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
7
|
+
get: () => from[key],
|
|
8
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
9
|
+
});
|
|
10
|
+
return to;
|
|
11
|
+
},
|
|
12
|
+
__reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
13
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
14
|
+
value: !0
|
|
15
|
+
}), mod);
|
|
16
|
+
var v1_exports = {};
|
|
17
|
+
module.exports = __toCommonJS(v1_exports);
|
|
18
|
+
__reExport(v1_exports, require("./Input.cjs"), module.exports);
|
|
19
|
+
__reExport(v1_exports, require("./TextArea.cjs"), module.exports);
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
|
6
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
7
|
+
for (let key of __getOwnPropNames(from))
|
|
8
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
9
|
+
return to;
|
|
10
|
+
}, __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
11
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
12
|
+
var v1_exports = {};
|
|
13
|
+
module.exports = __toCommonJS(v1_exports);
|
|
14
|
+
__reExport(v1_exports, require("./Input"), module.exports);
|
|
15
|
+
__reExport(v1_exports, require("./TextArea"), module.exports);
|
|
16
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __copyProps = (to, from, except, desc) => {
|
|
8
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
9
|
+
get: () => from[key],
|
|
10
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
|
+
});
|
|
12
|
+
return to;
|
|
13
|
+
},
|
|
14
|
+
__reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
+
value: !0
|
|
17
|
+
}), mod);
|
|
18
|
+
var v1_exports = {};
|
|
19
|
+
module.exports = __toCommonJS(v1_exports);
|
|
20
|
+
__reExport(v1_exports, require("./Input.native.js"), module.exports);
|
|
21
|
+
__reExport(v1_exports, require("./TextArea.native.js"), module.exports);
|
|
22
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","v1_exports","module","exports","__reExport","require"],"sources":["../../../src/v1/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,UAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,UAAA;AACdG,UAAA,CAAAH,UAAA,EAAcI,OAAA,uBAAAH,MADd,CAAAC,OAAA","ignoreList":[]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
|
6
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
7
|
+
get: () => from[key],
|
|
8
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
9
|
+
});
|
|
10
|
+
return to;
|
|
11
|
+
};
|
|
12
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
13
|
+
value: !0
|
|
14
|
+
}), mod);
|
|
15
|
+
var types_exports = {};
|
|
16
|
+
module.exports = __toCommonJS(types_exports);
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __copyProps = (to, from, except, desc) => {
|
|
6
|
+
if (from && typeof from == "object" || typeof from == "function")
|
|
7
|
+
for (let key of __getOwnPropNames(from))
|
|
8
|
+
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
9
|
+
return to;
|
|
10
|
+
};
|
|
11
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
12
|
+
var types_exports = {};
|
|
13
|
+
module.exports = __toCommonJS(types_exports);
|
|
14
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var __defProp = Object.defineProperty;
|
|
4
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __copyProps = (to, from, except, desc) => {
|
|
8
|
+
if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
|
|
9
|
+
get: () => from[key],
|
|
10
|
+
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
11
|
+
});
|
|
12
|
+
return to;
|
|
13
|
+
};
|
|
14
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
15
|
+
value: !0
|
|
16
|
+
}), mod);
|
|
17
|
+
var types_exports = {};
|
|
18
|
+
module.exports = __toCommonJS(types_exports);
|
|
19
|
+
//# sourceMappingURL=types.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../../src/v1/types.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=InputNativeProps.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import { View, styled, useComposedRefs, useEvent, useTheme } from "@tamagui/core";
|
|
2
|
+
import { registerFocusable } from "@tamagui/focusable";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { styledBody } from "../shared";
|
|
5
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
const StyledInput = styled(View, styledBody[0], styledBody[1]), Input = StyledInput.styleable((inProps, forwardedRef) => {
|
|
7
|
+
const {
|
|
8
|
+
// some of destructed props are just to avoid passing them to ...rest because they are not in web.
|
|
9
|
+
allowFontScaling,
|
|
10
|
+
selectTextOnFocus,
|
|
11
|
+
showSoftInputOnFocus,
|
|
12
|
+
textContentType,
|
|
13
|
+
passwordRules,
|
|
14
|
+
textBreakStrategy,
|
|
15
|
+
underlineColorAndroid,
|
|
16
|
+
selection,
|
|
17
|
+
lineBreakStrategyIOS,
|
|
18
|
+
returnKeyLabel,
|
|
19
|
+
disabled,
|
|
20
|
+
onSubmitEditing,
|
|
21
|
+
caretHidden,
|
|
22
|
+
clearButtonMode,
|
|
23
|
+
clearTextOnFocus,
|
|
24
|
+
contextMenuHidden,
|
|
25
|
+
dataDetectorTypes,
|
|
26
|
+
id,
|
|
27
|
+
enablesReturnKeyAutomatically,
|
|
28
|
+
importantForAutofill,
|
|
29
|
+
inlineImageLeft,
|
|
30
|
+
inlineImagePadding,
|
|
31
|
+
inputAccessoryViewID,
|
|
32
|
+
keyboardAppearance,
|
|
33
|
+
keyboardType,
|
|
34
|
+
cursorColor,
|
|
35
|
+
disableFullscreenUI,
|
|
36
|
+
editable,
|
|
37
|
+
maxFontSizeMultiplier,
|
|
38
|
+
multiline,
|
|
39
|
+
numberOfLines,
|
|
40
|
+
onChangeText,
|
|
41
|
+
onContentSizeChange,
|
|
42
|
+
onEndEditing,
|
|
43
|
+
onScroll,
|
|
44
|
+
onSelectionChange,
|
|
45
|
+
// @ts-ignore
|
|
46
|
+
caretColor,
|
|
47
|
+
placeholderTextColor,
|
|
48
|
+
blurOnSubmit,
|
|
49
|
+
enterKeyHint,
|
|
50
|
+
returnKeyType,
|
|
51
|
+
rejectResponderTermination,
|
|
52
|
+
scrollEnabled,
|
|
53
|
+
secureTextEntry,
|
|
54
|
+
selectionColor,
|
|
55
|
+
inputMode,
|
|
56
|
+
...rest
|
|
57
|
+
} = inProps, ref = React.useRef(null), theme = useTheme(), composedRefs = useComposedRefs(forwardedRef, ref), _onSelectionChange = useEvent(() => {
|
|
58
|
+
const start = ref.current?.selectionStart ?? 0, end = ref.current?.selectionEnd ?? 0;
|
|
59
|
+
onSelectionChange?.({
|
|
60
|
+
nativeEvent: {
|
|
61
|
+
selection: {
|
|
62
|
+
end,
|
|
63
|
+
start
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
});
|
|
68
|
+
React.useEffect(() => {
|
|
69
|
+
if (onSelectionChange)
|
|
70
|
+
return ref.current?.addEventListener("selectionchange", _onSelectionChange), () => {
|
|
71
|
+
ref.current?.removeEventListener("selectionchange", _onSelectionChange);
|
|
72
|
+
};
|
|
73
|
+
}, []), React.useEffect(() => {
|
|
74
|
+
selection && ref.current?.setSelectionRange(selection.start || null, selection.end || null);
|
|
75
|
+
}, [selection?.start, selection?.end]);
|
|
76
|
+
const finalProps = {
|
|
77
|
+
...rest,
|
|
78
|
+
disabled,
|
|
79
|
+
caretColor,
|
|
80
|
+
id,
|
|
81
|
+
enterKeyHint,
|
|
82
|
+
type: (() => {
|
|
83
|
+
if (rest?.type) return rest.type;
|
|
84
|
+
if (secureTextEntry) return "password";
|
|
85
|
+
switch (keyboardType) {
|
|
86
|
+
case "number-pad":
|
|
87
|
+
case "numeric":
|
|
88
|
+
return "number";
|
|
89
|
+
case "email-address":
|
|
90
|
+
return "email";
|
|
91
|
+
case "phone-pad":
|
|
92
|
+
return "tel";
|
|
93
|
+
case "url":
|
|
94
|
+
return "url";
|
|
95
|
+
default:
|
|
96
|
+
return "text";
|
|
97
|
+
}
|
|
98
|
+
})(),
|
|
99
|
+
inputMode: (() => {
|
|
100
|
+
switch (keyboardType) {
|
|
101
|
+
case "number-pad":
|
|
102
|
+
case "numeric":
|
|
103
|
+
return "numeric";
|
|
104
|
+
case "decimal-pad":
|
|
105
|
+
return "decimal";
|
|
106
|
+
case "email-address":
|
|
107
|
+
return "email";
|
|
108
|
+
case "phone-pad":
|
|
109
|
+
return "tel";
|
|
110
|
+
case "url":
|
|
111
|
+
return "url";
|
|
112
|
+
default:
|
|
113
|
+
return;
|
|
114
|
+
}
|
|
115
|
+
})(),
|
|
116
|
+
style: {
|
|
117
|
+
...rest.style,
|
|
118
|
+
...placeholderTextColor && {
|
|
119
|
+
"--placeholderColor": theme[placeholderTextColor]?.variable || placeholderTextColor
|
|
120
|
+
},
|
|
121
|
+
...selectionColor && {
|
|
122
|
+
"--selectionColor": theme[selectionColor]?.variable || selectionColor
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
return React.useEffect(() => {
|
|
127
|
+
if (id && !disabled)
|
|
128
|
+
return registerFocusable(id, {
|
|
129
|
+
focusAndSelect: () => {
|
|
130
|
+
ref.current?.focus();
|
|
131
|
+
},
|
|
132
|
+
focus: () => {
|
|
133
|
+
}
|
|
134
|
+
});
|
|
135
|
+
}, [id, disabled]), /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
136
|
+
/* @__PURE__ */ jsx("style", { children: `
|
|
137
|
+
input::selection, textarea::selection {
|
|
138
|
+
background-color: var(--selectionBackground) !important;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
input::placeholder, textarea::placeholder {
|
|
142
|
+
color: var(--placeholderColor) !important;
|
|
143
|
+
}
|
|
144
|
+
` }),
|
|
145
|
+
/* @__PURE__ */ jsx(StyledInput, { ref: composedRefs, ...finalProps })
|
|
146
|
+
] });
|
|
147
|
+
});
|
|
148
|
+
export {
|
|
149
|
+
Input
|
|
150
|
+
};
|
|
151
|
+
//# sourceMappingURL=Input.js.map
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/v1/Input.tsx"],
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": []
|
|
6
|
+
}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
import { View, styled, useComposedRefs, useEvent, useTheme } from "@tamagui/core";
|
|
2
|
+
import { registerFocusable } from "@tamagui/focusable";
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { styledBody } from "../shared.mjs";
|
|
5
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
+
const StyledInput = styled(View, styledBody[0], styledBody[1]),
|
|
7
|
+
Input = StyledInput.styleable((inProps, forwardedRef) => {
|
|
8
|
+
const {
|
|
9
|
+
// some of destructed props are just to avoid passing them to ...rest because they are not in web.
|
|
10
|
+
allowFontScaling,
|
|
11
|
+
selectTextOnFocus,
|
|
12
|
+
showSoftInputOnFocus,
|
|
13
|
+
textContentType,
|
|
14
|
+
passwordRules,
|
|
15
|
+
textBreakStrategy,
|
|
16
|
+
underlineColorAndroid,
|
|
17
|
+
selection,
|
|
18
|
+
lineBreakStrategyIOS,
|
|
19
|
+
returnKeyLabel,
|
|
20
|
+
disabled,
|
|
21
|
+
onSubmitEditing,
|
|
22
|
+
caretHidden,
|
|
23
|
+
clearButtonMode,
|
|
24
|
+
clearTextOnFocus,
|
|
25
|
+
contextMenuHidden,
|
|
26
|
+
dataDetectorTypes,
|
|
27
|
+
id,
|
|
28
|
+
enablesReturnKeyAutomatically,
|
|
29
|
+
importantForAutofill,
|
|
30
|
+
inlineImageLeft,
|
|
31
|
+
inlineImagePadding,
|
|
32
|
+
inputAccessoryViewID,
|
|
33
|
+
keyboardAppearance,
|
|
34
|
+
keyboardType,
|
|
35
|
+
cursorColor,
|
|
36
|
+
disableFullscreenUI,
|
|
37
|
+
editable,
|
|
38
|
+
maxFontSizeMultiplier,
|
|
39
|
+
multiline,
|
|
40
|
+
numberOfLines,
|
|
41
|
+
onChangeText,
|
|
42
|
+
onContentSizeChange,
|
|
43
|
+
onEndEditing,
|
|
44
|
+
onScroll,
|
|
45
|
+
onSelectionChange,
|
|
46
|
+
// @ts-ignore
|
|
47
|
+
caretColor,
|
|
48
|
+
placeholderTextColor,
|
|
49
|
+
blurOnSubmit,
|
|
50
|
+
enterKeyHint,
|
|
51
|
+
returnKeyType,
|
|
52
|
+
rejectResponderTermination,
|
|
53
|
+
scrollEnabled,
|
|
54
|
+
secureTextEntry,
|
|
55
|
+
selectionColor,
|
|
56
|
+
inputMode,
|
|
57
|
+
...rest
|
|
58
|
+
} = inProps,
|
|
59
|
+
ref = React.useRef(null),
|
|
60
|
+
theme = useTheme(),
|
|
61
|
+
composedRefs = useComposedRefs(forwardedRef, ref),
|
|
62
|
+
_onSelectionChange = useEvent(() => {
|
|
63
|
+
const start = ref.current?.selectionStart ?? 0,
|
|
64
|
+
end = ref.current?.selectionEnd ?? 0;
|
|
65
|
+
onSelectionChange?.({
|
|
66
|
+
nativeEvent: {
|
|
67
|
+
selection: {
|
|
68
|
+
end,
|
|
69
|
+
start
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
});
|
|
74
|
+
React.useEffect(() => {
|
|
75
|
+
if (onSelectionChange) return ref.current?.addEventListener("selectionchange", _onSelectionChange), () => {
|
|
76
|
+
ref.current?.removeEventListener("selectionchange", _onSelectionChange);
|
|
77
|
+
};
|
|
78
|
+
}, []), React.useEffect(() => {
|
|
79
|
+
selection && ref.current?.setSelectionRange(selection.start || null, selection.end || null);
|
|
80
|
+
}, [selection?.start, selection?.end]);
|
|
81
|
+
const finalProps = {
|
|
82
|
+
...rest,
|
|
83
|
+
disabled,
|
|
84
|
+
caretColor,
|
|
85
|
+
id,
|
|
86
|
+
enterKeyHint,
|
|
87
|
+
type: (() => {
|
|
88
|
+
if (rest?.type) return rest.type;
|
|
89
|
+
if (secureTextEntry) return "password";
|
|
90
|
+
switch (keyboardType) {
|
|
91
|
+
case "number-pad":
|
|
92
|
+
case "numeric":
|
|
93
|
+
return "number";
|
|
94
|
+
case "email-address":
|
|
95
|
+
return "email";
|
|
96
|
+
case "phone-pad":
|
|
97
|
+
return "tel";
|
|
98
|
+
case "url":
|
|
99
|
+
return "url";
|
|
100
|
+
default:
|
|
101
|
+
return "text";
|
|
102
|
+
}
|
|
103
|
+
})(),
|
|
104
|
+
inputMode: (() => {
|
|
105
|
+
switch (keyboardType) {
|
|
106
|
+
case "number-pad":
|
|
107
|
+
case "numeric":
|
|
108
|
+
return "numeric";
|
|
109
|
+
case "decimal-pad":
|
|
110
|
+
return "decimal";
|
|
111
|
+
case "email-address":
|
|
112
|
+
return "email";
|
|
113
|
+
case "phone-pad":
|
|
114
|
+
return "tel";
|
|
115
|
+
case "url":
|
|
116
|
+
return "url";
|
|
117
|
+
default:
|
|
118
|
+
return;
|
|
119
|
+
}
|
|
120
|
+
})(),
|
|
121
|
+
style: {
|
|
122
|
+
...rest.style,
|
|
123
|
+
...(placeholderTextColor && {
|
|
124
|
+
"--placeholderColor": theme[placeholderTextColor]?.variable || placeholderTextColor
|
|
125
|
+
}),
|
|
126
|
+
...(selectionColor && {
|
|
127
|
+
"--selectionColor": theme[selectionColor]?.variable || selectionColor
|
|
128
|
+
})
|
|
129
|
+
}
|
|
130
|
+
};
|
|
131
|
+
return React.useEffect(() => {
|
|
132
|
+
if (id && !disabled) return registerFocusable(id, {
|
|
133
|
+
focusAndSelect: () => {
|
|
134
|
+
ref.current?.focus();
|
|
135
|
+
},
|
|
136
|
+
focus: () => {}
|
|
137
|
+
});
|
|
138
|
+
}, [id, disabled]), /* @__PURE__ */jsxs(Fragment, {
|
|
139
|
+
children: [/* @__PURE__ */jsx("style", {
|
|
140
|
+
children: `
|
|
141
|
+
input::selection, textarea::selection {
|
|
142
|
+
background-color: var(--selectionBackground) !important;
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
input::placeholder, textarea::placeholder {
|
|
146
|
+
color: var(--placeholderColor) !important;
|
|
147
|
+
}
|
|
148
|
+
`
|
|
149
|
+
}), /* @__PURE__ */jsx(StyledInput, {
|
|
150
|
+
ref: composedRefs,
|
|
151
|
+
...finalProps
|
|
152
|
+
})]
|
|
153
|
+
});
|
|
154
|
+
});
|
|
155
|
+
export { Input };
|
|
156
|
+
//# sourceMappingURL=Input.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["View","styled","useComposedRefs","useEvent","useTheme","registerFocusable","React","styledBody","Fragment","jsx","jsxs","StyledInput","Input","styleable","inProps","forwardedRef","allowFontScaling","selectTextOnFocus","showSoftInputOnFocus","textContentType","passwordRules","textBreakStrategy","underlineColorAndroid","selection","lineBreakStrategyIOS","returnKeyLabel","disabled","onSubmitEditing","caretHidden","clearButtonMode","clearTextOnFocus","contextMenuHidden","dataDetectorTypes","id","enablesReturnKeyAutomatically","importantForAutofill","inlineImageLeft","inlineImagePadding","inputAccessoryViewID","keyboardAppearance","keyboardType","cursorColor","disableFullscreenUI","editable","maxFontSizeMultiplier","multiline","numberOfLines","onChangeText","onContentSizeChange","onEndEditing","onScroll","onSelectionChange","caretColor","placeholderTextColor","blurOnSubmit","enterKeyHint","returnKeyType","rejectResponderTermination","scrollEnabled","secureTextEntry","selectionColor","inputMode","rest","ref","useRef","theme","composedRefs","_onSelectionChange","start","current","selectionStart","end","selectionEnd","nativeEvent","useEffect","addEventListener","removeEventListener","setSelectionRange","finalProps","type","style","variable","focusAndSelect","focus","children"],"sources":["../../../src/v1/Input.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import React from "react";
|
|
3
|
+
import { styled, useComposedRefs } from "@tamagui/core";
|
|
4
|
+
import { registerFocusable } from "@tamagui/focusable";
|
|
5
|
+
import { TextInput } from "react-native";
|
|
6
|
+
import { styledBody } from "../shared.native.js";
|
|
7
|
+
var StyledInput = styled(TextInput, styledBody[0], styledBody[1]),
|
|
8
|
+
Input = StyledInput.styleable(function (inProps, forwardedRef) {
|
|
9
|
+
var {
|
|
10
|
+
// some of destructed props are just to avoid passing them to ...rest because they are not in native.
|
|
11
|
+
type,
|
|
12
|
+
//@ts-ignore
|
|
13
|
+
dirname,
|
|
14
|
+
max,
|
|
15
|
+
min,
|
|
16
|
+
minLength,
|
|
17
|
+
multiple,
|
|
18
|
+
name,
|
|
19
|
+
required,
|
|
20
|
+
step,
|
|
21
|
+
disabled,
|
|
22
|
+
id,
|
|
23
|
+
// @ts-ignore
|
|
24
|
+
caretColor,
|
|
25
|
+
onChange,
|
|
26
|
+
onInput,
|
|
27
|
+
rows,
|
|
28
|
+
enterKeyHint,
|
|
29
|
+
returnKeyType,
|
|
30
|
+
onKeyDown,
|
|
31
|
+
inputMode,
|
|
32
|
+
render,
|
|
33
|
+
...rest
|
|
34
|
+
} = inProps,
|
|
35
|
+
ref = React.useRef(null),
|
|
36
|
+
composedRefs = useComposedRefs(forwardedRef, ref),
|
|
37
|
+
secureTextEntry = !1,
|
|
38
|
+
cursorColor = caretColor,
|
|
39
|
+
_returnKeyType = returnKeyType,
|
|
40
|
+
_enterKeyHint = enterKeyHint;
|
|
41
|
+
enterKeyHint === "go" && (_returnKeyType = "go", _enterKeyHint = void 0);
|
|
42
|
+
var _inputMode = inputMode;
|
|
43
|
+
type === "email" ? _inputMode = "email" : type === "tel" ? _inputMode = "tel" : type === "search" ? _inputMode = "search" : type === "url" ? _inputMode = "url" : type === "password" ? (secureTextEntry = !0, _inputMode = "text") : type === "number" ? _inputMode = "numeric" : _inputMode = "text";
|
|
44
|
+
var showSoftInputOnFocus = !0;
|
|
45
|
+
inputMode === "none" && (showSoftInputOnFocus = !1);
|
|
46
|
+
var finalProps = {
|
|
47
|
+
...rest,
|
|
48
|
+
inputMode: _inputMode,
|
|
49
|
+
showSoftInputOnFocus,
|
|
50
|
+
disabled,
|
|
51
|
+
id,
|
|
52
|
+
cursorColor,
|
|
53
|
+
enterKeyHint: _enterKeyHint,
|
|
54
|
+
returnKeyType: _returnKeyType,
|
|
55
|
+
secureTextEntry,
|
|
56
|
+
numberOfLines: rows || rest.numberOfLines
|
|
57
|
+
};
|
|
58
|
+
return render === "textarea" && (finalProps.multiline = !0), onKeyDown && (finalProps.onKeyPress = function (e) {
|
|
59
|
+
var {
|
|
60
|
+
key
|
|
61
|
+
} = e.nativeEvent;
|
|
62
|
+
(key === "Backspace" || render === "textarea" && key === "Enter" || key.length === 1) && onKeyDown({
|
|
63
|
+
key,
|
|
64
|
+
type: "keydown"
|
|
65
|
+
});
|
|
66
|
+
}, finalProps.onSubmitEditing = function (e) {
|
|
67
|
+
onKeyDown({
|
|
68
|
+
key: "Enter",
|
|
69
|
+
type: "keydown"
|
|
70
|
+
});
|
|
71
|
+
}), (onChange || onInput) && (finalProps.onChange = function (e) {
|
|
72
|
+
var {
|
|
73
|
+
text
|
|
74
|
+
} = e.nativeEvent;
|
|
75
|
+
onChange && onChange({
|
|
76
|
+
target: {
|
|
77
|
+
value: text
|
|
78
|
+
},
|
|
79
|
+
type: "change"
|
|
80
|
+
}), onInput?.({
|
|
81
|
+
target: {
|
|
82
|
+
value: text
|
|
83
|
+
},
|
|
84
|
+
type: "input"
|
|
85
|
+
});
|
|
86
|
+
}), React.useEffect(function () {
|
|
87
|
+
if (id && !disabled) return registerFocusable(id, {
|
|
88
|
+
focusAndSelect: function () {
|
|
89
|
+
var _ref_current;
|
|
90
|
+
(_ref_current = ref.current) === null || _ref_current === void 0 || _ref_current.focus();
|
|
91
|
+
},
|
|
92
|
+
focus: function () {}
|
|
93
|
+
});
|
|
94
|
+
}, [id, disabled]), /* @__PURE__ */_jsx(StyledInput, {
|
|
95
|
+
onChange: function (e) {},
|
|
96
|
+
ref: composedRefs,
|
|
97
|
+
...finalProps
|
|
98
|
+
});
|
|
99
|
+
});
|
|
100
|
+
export { Input };
|
|
101
|
+
//# sourceMappingURL=Input.native.js.map
|