@tamagui/input 1.144.1 → 1.144.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/package.json +13 -13
- package/dist/cjs/v1/Input.cjs +0 -190
- package/dist/cjs/v1/Input.js +0 -171
- package/dist/cjs/v1/Input.js.map +0 -6
- package/dist/cjs/v1/Input.native.js +0 -138
- package/dist/cjs/v1/Input.native.js.map +0 -1
- package/dist/cjs/v1/TextArea.cjs +0 -50
- package/dist/cjs/v1/TextArea.js +0 -43
- package/dist/cjs/v1/TextArea.js.map +0 -6
- package/dist/cjs/v1/TextArea.native.js +0 -53
- package/dist/cjs/v1/TextArea.native.js.map +0 -1
- package/dist/cjs/v1/index.cjs +0 -19
- package/dist/cjs/v1/index.js +0 -16
- package/dist/cjs/v1/index.js.map +0 -6
- package/dist/cjs/v1/index.native.js +0 -22
- package/dist/cjs/v1/index.native.js.map +0 -1
- package/dist/cjs/v1/types.cjs +0 -16
- package/dist/cjs/v1/types.js +0 -14
- package/dist/cjs/v1/types.js.map +0 -6
- package/dist/cjs/v1/types.native.js +0 -19
- package/dist/cjs/v1/types.native.js.map +0 -1
- package/dist/esm/v1/Input.js +0 -151
- package/dist/esm/v1/Input.js.map +0 -6
- package/dist/esm/v1/Input.mjs +0 -156
- package/dist/esm/v1/Input.mjs.map +0 -1
- package/dist/esm/v1/Input.native.js +0 -101
- package/dist/esm/v1/Input.native.js.map +0 -1
- package/dist/esm/v1/TextArea.js +0 -29
- package/dist/esm/v1/TextArea.js.map +0 -6
- package/dist/esm/v1/TextArea.mjs +0 -27
- package/dist/esm/v1/TextArea.mjs.map +0 -1
- package/dist/esm/v1/TextArea.native.js +0 -27
- package/dist/esm/v1/TextArea.native.js.map +0 -1
- package/dist/esm/v1/index.js +0 -3
- package/dist/esm/v1/index.js.map +0 -6
- package/dist/esm/v1/index.mjs +0 -3
- package/dist/esm/v1/index.mjs.map +0 -1
- package/dist/esm/v1/index.native.js +0 -3
- package/dist/esm/v1/index.native.js.map +0 -1
- package/dist/esm/v1/types.js +0 -1
- package/dist/esm/v1/types.js.map +0 -6
- package/dist/esm/v1/types.mjs +0 -2
- package/dist/esm/v1/types.mjs.map +0 -1
- package/dist/esm/v1/types.native.js +0 -2
- package/dist/esm/v1/types.native.js.map +0 -1
- package/dist/jsx/v1/Input.js +0 -151
- package/dist/jsx/v1/Input.js.map +0 -6
- package/dist/jsx/v1/Input.mjs +0 -156
- package/dist/jsx/v1/Input.mjs.map +0 -1
- package/dist/jsx/v1/Input.native.js +0 -138
- package/dist/jsx/v1/Input.native.js.map +0 -1
- package/dist/jsx/v1/TextArea.js +0 -29
- package/dist/jsx/v1/TextArea.js.map +0 -6
- package/dist/jsx/v1/TextArea.mjs +0 -27
- package/dist/jsx/v1/TextArea.mjs.map +0 -1
- package/dist/jsx/v1/TextArea.native.js +0 -53
- package/dist/jsx/v1/TextArea.native.js.map +0 -1
- package/dist/jsx/v1/index.js +0 -3
- package/dist/jsx/v1/index.js.map +0 -6
- package/dist/jsx/v1/index.mjs +0 -3
- package/dist/jsx/v1/index.mjs.map +0 -1
- package/dist/jsx/v1/index.native.js +0 -22
- package/dist/jsx/v1/index.native.js.map +0 -1
- package/dist/jsx/v1/types.js +0 -1
- package/dist/jsx/v1/types.js.map +0 -6
- package/dist/jsx/v1/types.mjs +0 -2
- package/dist/jsx/v1/types.mjs.map +0 -1
- package/dist/jsx/v1/types.native.js +0 -19
- package/dist/jsx/v1/types.native.js.map +0 -1
- package/types/v1/Input.d.ts.map +0 -1
- package/types/v1/Input.native.d.ts.map +0 -1
- package/types/v1/TextArea.d.ts.map +0 -1
- package/types/v1/index.d.ts.map +0 -1
- package/types/v1/types.d.ts.map +0 -1
|
@@ -1,53 +0,0 @@
|
|
|
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
|
-
tag: "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
|
|
@@ -1 +0,0 @@
|
|
|
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","tag","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,GAAA,EAAK;IAAA;IAAA;IAILC,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":[]}
|
package/dist/cjs/v1/index.cjs
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
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);
|
package/dist/cjs/v1/index.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
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
|
package/dist/cjs/v1/index.js.map
DELETED
|
@@ -1,22 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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":[]}
|
package/dist/cjs/v1/types.cjs
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
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);
|
package/dist/cjs/v1/types.js
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
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
|
package/dist/cjs/v1/types.js.map
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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":[]}
|
package/dist/esm/v1/Input.js
DELETED
|
@@ -1,151 +0,0 @@
|
|
|
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
|
package/dist/esm/v1/Input.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../src/v1/Input.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/esm/v1/Input.mjs
DELETED
|
@@ -1,156 +0,0 @@
|
|
|
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
|
|
@@ -1 +0,0 @@
|
|
|
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":[]}
|
|
@@ -1,101 +0,0 @@
|
|
|
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
|
-
tag,
|
|
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 tag === "textarea" && (finalProps.multiline = !0), onKeyDown && (finalProps.onKeyPress = function (e) {
|
|
59
|
-
var {
|
|
60
|
-
key
|
|
61
|
-
} = e.nativeEvent;
|
|
62
|
-
(key === "Backspace" || tag === "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
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","React","styled","useComposedRefs","registerFocusable","TextInput","styledBody","StyledInput","Input","styleable","inProps","forwardedRef","type","dirname","max","min","minLength","multiple","name","required","step","disabled","id","caretColor","onChange","onInput","rows","enterKeyHint","returnKeyType","onKeyDown","inputMode","tag","rest","ref","useRef","composedRefs","secureTextEntry","cursorColor","_returnKeyType","_enterKeyHint","_inputMode","showSoftInputOnFocus","finalProps","numberOfLines","multiline","onKeyPress","e","key","nativeEvent","length","onSubmitEditing","text","target","value","useEffect","focusAndSelect","_ref_current","current","focus"],"sources":["../../../src/v1/Input.native.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/v1/TextArea.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { styled } from "@tamagui/web";
|
|
2
|
-
import { Input } from "./Input";
|
|
3
|
-
import { defaultStyles, textAreaSizeVariant } from "../shared";
|
|
4
|
-
const TextArea = styled(Input, {
|
|
5
|
-
name: "TextArea",
|
|
6
|
-
tag: "textarea",
|
|
7
|
-
// this attribute fixes firefox newline issue
|
|
8
|
-
// @ts-ignore
|
|
9
|
-
whiteSpace: "pre-wrap",
|
|
10
|
-
variants: {
|
|
11
|
-
unstyled: {
|
|
12
|
-
false: {
|
|
13
|
-
height: "auto",
|
|
14
|
-
...defaultStyles,
|
|
15
|
-
numberOfLines: 3
|
|
16
|
-
}
|
|
17
|
-
},
|
|
18
|
-
size: {
|
|
19
|
-
"...size": textAreaSizeVariant
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
defaultVariants: {
|
|
23
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
24
|
-
}
|
|
25
|
-
});
|
|
26
|
-
export {
|
|
27
|
-
TextArea
|
|
28
|
-
};
|
|
29
|
-
//# sourceMappingURL=TextArea.js.map
|