@tamagui/input 1.143.1 → 1.144.1
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/shared.cjs +2 -9
- package/dist/cjs/shared.js +2 -9
- package/dist/cjs/shared.js.map +1 -1
- package/dist/cjs/shared.native.js +2 -9
- package/dist/cjs/shared.native.js.map +1 -1
- 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/shared.js +2 -9
- package/dist/esm/shared.js.map +1 -1
- package/dist/esm/shared.mjs +2 -9
- package/dist/esm/shared.mjs.map +1 -1
- package/dist/esm/shared.native.js +2 -9
- package/dist/esm/shared.native.js.map +1 -1
- 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/shared.js +2 -9
- package/dist/jsx/shared.js.map +1 -1
- package/dist/jsx/shared.mjs +2 -9
- package/dist/jsx/shared.mjs.map +1 -1
- package/dist/jsx/shared.native.js +2 -9
- package/dist/jsx/shared.native.js.map +1 -1
- 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/src/shared.tsx +1 -15
- package/types/shared.d.ts.map +1 -1
- 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,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
|
+
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
|
|
@@ -0,0 +1 @@
|
|
|
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":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
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
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/v1/TextArea.tsx"],
|
|
4
|
+
"mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,aAAa;AACtB,SAAS,eAAe,2BAA2B;AAO5C,MAAM,WAAW,OAAO,OAAO;AAAA,EACpC,MAAM;AAAA,EACN,KAAK;AAAA;AAAA;AAAA,EAIL,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,27 @@
|
|
|
1
|
+
import { styled } from "@tamagui/web";
|
|
2
|
+
import { Input } from "./Input.mjs";
|
|
3
|
+
import { defaultStyles, textAreaSizeVariant } from "../shared.mjs";
|
|
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 { TextArea };
|
|
27
|
+
//# sourceMappingURL=TextArea.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","Input","defaultStyles","textAreaSizeVariant","TextArea","name","tag","whiteSpace","variants","unstyled","false","height","numberOfLines","size","defaultVariants","process","env","TAMAGUI_HEADLESS"],"sources":["../../../src/v1/TextArea.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,KAAA,QAAa;AACtB,SAASC,aAAA,EAAeC,mBAAA,QAA2B;AAO5C,MAAMC,QAAA,GAAWJ,MAAA,CAAOC,KAAA,EAAO;EACpCI,IAAA,EAAM;EACNC,GAAA,EAAK;EAAA;EAAA;EAILC,UAAA,EAAY;EAEZC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,MAAA,EAAQ;QACR,GAAGT,aAAA;QACHU,aAAA,EAAe;MACjB;IACF;IAEAC,IAAA,EAAM;MACJ,WAAWV;IACb;EACF;EAEAW,eAAA,EAAiB;IACfL,QAAA,EAAUM,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { styled } from "@tamagui/web";
|
|
2
|
+
import { Input } from "./Input.native.js";
|
|
3
|
+
import { defaultStyles, textAreaSizeVariant } from "../shared.native.js";
|
|
4
|
+
var 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 { TextArea };
|
|
27
|
+
//# sourceMappingURL=TextArea.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["styled","Input","defaultStyles","textAreaSizeVariant","TextArea","name","tag","whiteSpace","variants","unstyled","false","height","numberOfLines","size","defaultVariants","process","env","TAMAGUI_HEADLESS"],"sources":["../../../src/v1/TextArea.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,KAAA,QAAa;AACtB,SAASC,aAAA,EAAeC,mBAAA,QAA2B;AAO5C,IAAAC,QAAM,GAAAJ,MAAW,CAAAC,KAAO;EAC7BI,IAAA,EAAM;EACNC,GAAA,EAAK;EAAA;EAAA;EAILC,UAAA,EAAY;EAEZC,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLC,MAAA,EAAQ;QACR,GAAGT,aAAA;QACHU,aAAA,EAAe;MACjB;IACF;IAEAC,IAAA,EAAM;MACJ,WAAWV;IACb;EACF;EAEAW,eAAA,EAAiB;IACfL,QAAA,EAAUM,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../src/v1/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../../src/v1/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|
package/dist/jsx/shared.js
CHANGED
|
@@ -30,7 +30,7 @@ const defaultStyles = {
|
|
|
30
30
|
outlineStyle: "solid"
|
|
31
31
|
}
|
|
32
32
|
}, inputSizeVariant = (val = "$true", extras) => {
|
|
33
|
-
if (extras.props.
|
|
33
|
+
if (extras.props.multiline || extras.props.numberOfLines > 1)
|
|
34
34
|
return textAreaSizeVariant(val, extras);
|
|
35
35
|
const buttonStyles = getButtonSized(val, extras), paddingHorizontal = getSpace(val, {
|
|
36
36
|
shift: -1,
|
|
@@ -39,14 +39,7 @@ const defaultStyles = {
|
|
|
39
39
|
return !isWeb && fontStyle && delete fontStyle.lineHeight, {
|
|
40
40
|
...fontStyle,
|
|
41
41
|
...buttonStyles,
|
|
42
|
-
paddingHorizontal
|
|
43
|
-
// Android fixes: reset padding and center text vertically (skip if unstyled)
|
|
44
|
-
...!isWeb && !extras.props.unstyled && {
|
|
45
|
-
textAlignVertical: "center",
|
|
46
|
-
paddingVertical: 0,
|
|
47
|
-
paddingTop: 0,
|
|
48
|
-
paddingBottom: 0
|
|
49
|
-
}
|
|
42
|
+
paddingHorizontal
|
|
50
43
|
};
|
|
51
44
|
}, textAreaSizeVariant = (val = "$true", extras) => {
|
|
52
45
|
const { props } = extras, buttonStyles = getButtonSized(val, extras), fontStyle = getFontSized(val, extras), lines = props.rows ?? props.numberOfLines, height = typeof lines == "number" ? lines * getVariableValue(fontStyle.lineHeight) : "auto", paddingVertical = getSpace(val, {
|
package/dist/jsx/shared.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/shared.tsx"],
|
|
4
|
-
"mappings": "AACA,SAAS,YAAY;AACrB,SAAS,kBAAkB,aAAa;AACxC,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AAElB,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,QACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AACF,GAEa,mBAAmD,CAC9D,MAAM,SACN,WACG;
|
|
4
|
+
"mappings": "AACA,SAAS,YAAY;AACrB,SAAS,kBAAkB,aAAa;AACxC,SAAS,sBAAsB;AAC/B,SAAS,oBAAoB;AAC7B,SAAS,gBAAgB;AAElB,MAAM,gBAAgB;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,cAAc;AAAA,EACd,OAAO;AAAA,EAEP,GAAI,QACA;AAAA,IACE,UAAU;AAAA,EACZ,IACA;AAAA,IACE,WAAW;AAAA,EACb;AAAA,EAEJ,aAAa;AAAA,EACb,iBAAiB;AAAA;AAAA,EAGjB,UAAU;AAAA,EAEV,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,YAAY;AAAA,IACV,aAAa;AAAA,EACf;AAAA,EAEA,mBAAmB;AAAA,IACjB,cAAc;AAAA,IACd,cAAc;AAAA,IACd,cAAc;AAAA,EAChB;AACF,GAEa,mBAAmD,CAC9D,MAAM,SACN,WACG;AACH,MAAI,OAAO,MAAM,aAAa,OAAO,MAAM,gBAAgB;AACzD,WAAO,oBAAoB,KAAK,MAAM;AAExC,QAAM,eAAe,eAAe,KAAK,MAAM,GACzC,oBAAoB,SAAS,KAAK;AAAA,IACtC,OAAO;AAAA,IACP,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC,GACK,YAAY,aAAa,KAAY,MAAM;AAEjD,SAAI,CAAC,SAAS,aACZ,OAAO,UAAU,YAEZ;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,EACF;AACF,GAEa,sBAAsD,CACjE,MAAM,SACN,WACG;AACH,QAAM,EAAE,MAAM,IAAI,QACZ,eAAe,eAAe,KAAK,MAAM,GACzC,YAAY,aAAa,KAAY,MAAM,GAC3C,QAAQ,MAAM,QAAQ,MAAM,eAC5B,SACJ,OAAO,SAAU,WAAW,QAAQ,iBAAiB,UAAU,UAAU,IAAI,QACzE,kBAAkB,SAAS,KAAK;AAAA,IACpC,OAAO;AAAA,IACP,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC,GACK,oBAAoB,SAAS,KAAK;AAAA,IACtC,OAAO;AAAA,IACP,QAAQ,CAAC,CAAC;AAAA,EACZ,CAAC;AACD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF,GACa,aAAa,SAEb,aAAa;AAAA,EACxB;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,UAAU;AAAA,MACR,UAAU;AAAA,QACR,OAAO;AAAA,MACT;AAAA,MAEA,MAAM;AAAA,QACJ,WAAW;AAAA,MACb;AAAA,MAEA,UAAU;AAAA,QACR,MAAM,CAAC;AAAA,MACT;AAAA,IACF;AAAA,IAEA,iBAAiB;AAAA,MACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,IAC7C;AAAA,EACF;AAAA,EAEA;AAAA,IACE,SAAS;AAAA,IACT,QAAQ;AAAA,MACN,sBAAsB;AAAA,MACtB,gBAAgB;AAAA,IAClB;AAAA,IAEA,aAAa,KAAK,aAAa;AAAA,EACjC;AACF;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/shared.mjs
CHANGED
|
@@ -31,7 +31,7 @@ const defaultStyles = {
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
inputSizeVariant = (val = "$true", extras) => {
|
|
34
|
-
if (extras.props.
|
|
34
|
+
if (extras.props.multiline || extras.props.numberOfLines > 1) return textAreaSizeVariant(val, extras);
|
|
35
35
|
const buttonStyles = getButtonSized(val, extras),
|
|
36
36
|
paddingHorizontal = getSpace(val, {
|
|
37
37
|
shift: -1,
|
|
@@ -41,14 +41,7 @@ const defaultStyles = {
|
|
|
41
41
|
return !isWeb && fontStyle && delete fontStyle.lineHeight, {
|
|
42
42
|
...fontStyle,
|
|
43
43
|
...buttonStyles,
|
|
44
|
-
paddingHorizontal
|
|
45
|
-
// Android fixes: reset padding and center text vertically (skip if unstyled)
|
|
46
|
-
...(!isWeb && !extras.props.unstyled && {
|
|
47
|
-
textAlignVertical: "center",
|
|
48
|
-
paddingVertical: 0,
|
|
49
|
-
paddingTop: 0,
|
|
50
|
-
paddingBottom: 0
|
|
51
|
-
})
|
|
44
|
+
paddingHorizontal
|
|
52
45
|
};
|
|
53
46
|
},
|
|
54
47
|
textAreaSizeVariant = (val = "$true", extras) => {
|
package/dist/jsx/shared.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Text","getVariableValue","isWeb","getButtonSized","getFontSized","getSpace","defaultStyles","size","fontFamily","borderWidth","outlineWidth","color","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","inputSizeVariant","val","extras","props","
|
|
1
|
+
{"version":3,"names":["Text","getVariableValue","isWeb","getButtonSized","getFontSized","getSpace","defaultStyles","size","fontFamily","borderWidth","outlineWidth","color","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","inputSizeVariant","val","extras","props","multiline","numberOfLines","textAreaSizeVariant","buttonStyles","paddingHorizontal","shift","bounds","fontStyle","lineHeight","lines","rows","height","paddingVertical","INPUT_NAME","styledBody","name","tag","variants","unstyled","false","disabled","true","defaultVariants","process","env","TAMAGUI_HEADLESS","isInput","accept","placeholderTextColor","selectionColor","validStyles","staticConfig"],"sources":["../../src/shared.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,IAAA,QAAY;AACrB,SAASC,gBAAA,EAAkBC,KAAA,QAAa;AACxC,SAASC,cAAA,QAAsB;AAC/B,SAASC,YAAA,QAAoB;AAC7B,SAASC,QAAA,QAAgB;AAElB,MAAMC,aAAA,GAAgB;IAC3BC,IAAA,EAAM;IACNC,UAAA,EAAY;IACZC,WAAA,EAAa;IACbC,YAAA,EAAc;IACdC,KAAA,EAAO;IAEP,IAAIT,KAAA,GACA;MACEU,QAAA,EAAU;IACZ,IACA;MACEC,SAAA,EAAW;IACb;IAEJC,WAAA,EAAa;IACbC,eAAA,EAAiB;IAAA;IAGjBC,QAAA,EAAU;IAEVC,UAAA,EAAY;MACVH,WAAA,EAAa;IACf;IAEAI,UAAA,EAAY;MACVJ,WAAA,EAAa;IACf;IAEAK,iBAAA,EAAmB;MACjBC,YAAA,EAAc;MACdV,YAAA,EAAc;MACdW,YAAA,EAAc;IAChB;EACF;EAEaC,gBAAA,GAAmDA,CAC9DC,GAAA,GAAM,SACNC,MAAA,KACG;IACH,IAAIA,MAAA,CAAOC,KAAA,CAAMC,SAAA,IAAaF,MAAA,CAAOC,KAAA,CAAME,aAAA,GAAgB,GACzD,OAAOC,mBAAA,CAAoBL,GAAA,EAAKC,MAAM;IAExC,MAAMK,YAAA,GAAe1B,cAAA,CAAeoB,GAAA,EAAKC,MAAM;MACzCM,iBAAA,GAAoBzB,QAAA,CAASkB,GAAA,EAAK;QACtCQ,KAAA,EAAO;QACPC,MAAA,EAAQ,CAAC,CAAC;MACZ,CAAC;MACKC,SAAA,GAAY7B,YAAA,CAAamB,GAAA,EAAYC,MAAM;IAEjD,OAAI,CAACtB,KAAA,IAAS+B,SAAA,IACZ,OAAOA,SAAA,CAAUC,UAAA,EAEZ;MACL,GAAGD,SAAA;MACH,GAAGJ,YAAA;MACHC;IACF;EACF;EAEaF,mBAAA,GAAsDA,CACjEL,GAAA,GAAM,SACNC,MAAA,KACG;IACH,MAAM;QAAEC;MAAM,IAAID,MAAA;MACZK,YAAA,GAAe1B,cAAA,CAAeoB,GAAA,EAAKC,MAAM;MACzCS,SAAA,GAAY7B,YAAA,CAAamB,GAAA,EAAYC,MAAM;MAC3CW,KAAA,GAAQV,KAAA,CAAMW,IAAA,IAAQX,KAAA,CAAME,aAAA;MAC5BU,MAAA,GACJ,OAAOF,KAAA,IAAU,WAAWA,KAAA,GAAQlC,gBAAA,CAAiBgC,SAAA,CAAUC,UAAU,IAAI;MACzEI,eAAA,GAAkBjC,QAAA,CAASkB,GAAA,EAAK;QACpCQ,KAAA,EAAO;QACPC,MAAA,EAAQ,CAAC,CAAC;MACZ,CAAC;MACKF,iBAAA,GAAoBzB,QAAA,CAASkB,GAAA,EAAK;QACtCQ,KAAA,EAAO;QACPC,MAAA,EAAQ,CAAC,CAAC;MACZ,CAAC;IACD,OAAO;MACL,GAAGH,YAAA;MACH,GAAGI,SAAA;MACHK,eAAA;MACAR,iBAAA;MACAO;IACF;EACF;EACaE,UAAA,GAAa;EAEbC,UAAA,GAAa,CACxB;IACEC,IAAA,EAAMF,UAAA;IACNG,GAAA,EAAK;IACLC,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAOvC;MACT;MAEAC,IAAA,EAAM;QACJ,WAAWe;MACb;MAEAwB,QAAA,EAAU;QACRC,IAAA,EAAM,CAAC;MACT;IACF;IAEAC,eAAA,EAAiB;MACfJ,QAAA,EAAUK,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,GAEA;IACEC,OAAA,EAAS;IACTC,MAAA,EAAQ;MACNC,oBAAA,EAAsB;MACtBC,cAAA,EAAgB;IAClB;IAEAC,WAAA,EAAaxD,IAAA,CAAKyD,YAAA,CAAaD;EACjC,EACF","ignoreList":[]}
|
|
@@ -64,7 +64,7 @@ var import_core = require("@tamagui/core"),
|
|
|
64
64
|
inputSizeVariant = function () {
|
|
65
65
|
var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
|
|
66
66
|
extras = arguments.length > 1 ? arguments[1] : void 0;
|
|
67
|
-
if (extras.props.
|
|
67
|
+
if (extras.props.multiline || extras.props.numberOfLines > 1) return textAreaSizeVariant(val, extras);
|
|
68
68
|
var buttonStyles = (0, import_get_button_sized.getButtonSized)(val, extras),
|
|
69
69
|
paddingHorizontal = (0, import_get_token.getSpace)(val, {
|
|
70
70
|
shift: -1,
|
|
@@ -74,14 +74,7 @@ var import_core = require("@tamagui/core"),
|
|
|
74
74
|
return !import_core2.isWeb && fontStyle && delete fontStyle.lineHeight, {
|
|
75
75
|
...fontStyle,
|
|
76
76
|
...buttonStyles,
|
|
77
|
-
paddingHorizontal
|
|
78
|
-
// Android fixes: reset padding and center text vertically (skip if unstyled)
|
|
79
|
-
...(!import_core2.isWeb && !extras.props.unstyled && {
|
|
80
|
-
textAlignVertical: "center",
|
|
81
|
-
paddingVertical: 0,
|
|
82
|
-
paddingTop: 0,
|
|
83
|
-
paddingBottom: 0
|
|
84
|
-
})
|
|
77
|
+
paddingHorizontal
|
|
85
78
|
};
|
|
86
79
|
},
|
|
87
80
|
textAreaSizeVariant = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","shared_exports","INPUT_NAME","defaultStyles","inputSizeVariant","styledBody","textAreaSizeVariant","module","exports","import_core","require","import_core2","import_get_button_sized","import_get_font_sized","import_get_token","size","fontFamily","borderWidth","outlineWidth","color","isWeb","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","val","arguments","length","extras","props","
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","shared_exports","INPUT_NAME","defaultStyles","inputSizeVariant","styledBody","textAreaSizeVariant","module","exports","import_core","require","import_core2","import_get_button_sized","import_get_font_sized","import_get_token","size","fontFamily","borderWidth","outlineWidth","color","isWeb","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","val","arguments","length","extras","props","multiline","numberOfLines","buttonStyles","getButtonSized","paddingHorizontal","getSpace","shift","bounds","fontStyle","getFontSized","lineHeight","_props_rows","lines","rows","height","getVariableValue","paddingVertical"],"sources":["../../src/shared.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|