@tamagui/input 1.110.4 → 1.111.0
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/Input.native.js +35 -82
- package/dist/cjs/Input.native.js.map +1 -1
- package/dist/cjs/TextArea.native.js +5 -40
- package/dist/cjs/TextArea.native.js.map +1 -1
- package/dist/cjs/shared.native.js +21 -49
- package/dist/cjs/shared.native.js.map +1 -1
- package/dist/esm/Input.native.js +35 -81
- package/dist/esm/Input.native.js.map +1 -1
- package/dist/esm/Input.native.mjs +100 -0
- package/dist/esm/Input.native.mjs.map +1 -0
- package/dist/esm/TextArea.native.js +4 -38
- package/dist/esm/TextArea.native.js.map +1 -1
- package/dist/esm/TextArea.native.mjs +27 -0
- package/dist/esm/TextArea.native.mjs.map +1 -0
- package/dist/esm/index.native.mjs +3 -0
- package/dist/esm/index.native.mjs.map +1 -0
- package/dist/esm/shared.native.js +21 -48
- package/dist/esm/shared.native.js.map +1 -1
- package/dist/esm/shared.native.mjs +106 -0
- package/dist/esm/shared.native.mjs.map +1 -0
- package/dist/esm/types.native.mjs +2 -0
- package/dist/esm/types.native.mjs.map +1 -0
- package/dist/jsx/Input.native.js +34 -80
- package/dist/jsx/Input.native.js.map +1 -1
- package/dist/jsx/TextArea.native.js +4 -38
- package/dist/jsx/TextArea.native.js.map +1 -1
- package/dist/jsx/shared.native.js +21 -48
- package/dist/jsx/shared.native.js.map +1 -1
- package/package.json +11 -11
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["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","_jsx"],"sources":["../../src/Users/n8/tamagui/code/ui/input/src/Input.native.tsx"],"sourcesContent":[null],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,MAAA,EAAQC,eAAA,QAAuB;AACxC,SAASC,iBAAA,QAAyB;AAGlC,SAASC,SAAA,QAAiB;AAC1B,SAASC,UAAA,QAAkB;AAE3B,IAAMC,WAAA,GAAcL,MAAA,CAAOG,SAAA,EAAWC,UAAA,CAAW,IAAIA,UAAA,CAAW,EAAE;EAErDE,KAAA,GAAQD,WAAA,CAAYE,SAAA,CAAsB,UAACC,OAAA,EAASC,YAAA;IAC/D,IAAM;;QAEJC,IAAA;;QAEAC,OAAA;QACAC,GAAA;QACAC,GAAA;QACAC,SAAA;QACAC,QAAA;QACAC,IAAA;QACAC,QAAA;QACAC,IAAA;QACAC,QAAA;QACAC,EAAA;QACAC,UAAA;QACAC,QAAA;QACAC,OAAA;QACAC,IAAA;QACAC,YAAA;QACAC,aAAA;QACAC,SAAA;QACAC,SAAA;QACAC,GAAA;QACA,GAAGC;MAAA,IACDtB,OAAA;MAEEuB,GAAA,GAAMhC,KAAA,CAAMiC,MAAA,CAAyB;MAErCC,YAAA,GAAehC,eAAA,CAAqBQ,YAAA,EAAcsB,GAAA;MAIpDG,eAAA,GAAkB;MAClBC,WAAA,GAAcd,UAAA;MACde,cAAA,GAAiBV,aAAA;MACjBW,aAAA,GAAgBZ,YAAA;IAChBA,YAAA,KAAiB,SACnBW,cAAA,GAAiB,MACjBC,aAAA,GAAgB;IAGlB,IAAIC,UAAA,GAAaV,SAAA;IACblB,IAAA,KAAS,UACX4B,UAAA,GAAa,UACJ5B,IAAA,KAAS,QAClB4B,UAAA,GAAa,QACJ5B,IAAA,KAAS,WAClB4B,UAAA,GAAa,WACJ5B,IAAA,KAAS,QAClB4B,UAAA,GAAa,QACJ5B,IAAA,KAAS,cAClBwB,eAAA,GAAkB,IAClBI,UAAA,GAAa,UACJ5B,IAAA,KAAS,WAClB4B,UAAA,GAAa,YAEbA,UAAA,GAAa;IAGf,IAAIC,oBAAA,GAAuB;IACvBX,SAAA,KAAc,WAChBW,oBAAA,GAAuB;IAGzB,IAAMC,UAAA,GAAa;MACjB,GAAGV,IAAA;MACHF,SAAA,EAAWU,UAAA;MACXC,oBAAA;MACApB,QAAA;MACAC,EAAA;MACAe,WAAA;MACAV,YAAA,EAAcY,aAAA;MACdX,aAAA,EAAeU,cAAA;MACfF,eAAA;MACAO,aAAA,EAAejB,IAAA,IAAQM,IAAA,CAAKW;IAC9B;IAEA,OAAIZ,GAAA,KAAQ,eACVW,UAAA,CAAWE,SAAA,GAAY,KAGrBf,SAAA,KACFa,UAAA,CAAWG,UAAA,GAAa,UAACC,CAAA;MACvB,IAAM;QAAEC;MAAG,IAAKD,CAAA,CAAEE,WAAA;MAClB,CACED,GAAA,KAAQ,eACPhB,GAAA,KAAQ,cAAcgB,GAAA,KAAQ,WAC/BA,GAAA,CAAIE,MAAA,KAAW,MAEfpB,SAAA,CAAU;QACRkB,GAAA;QACAnC,IAAA,EAAM;MACR;IAEJ,GACA8B,UAAA,CAAWQ,eAAA,GAAkB,UAACJ,CAAA;MAC5BjB,SAAA,CAAU;QACRkB,GAAA,EAAK;QACLnC,IAAA,EAAM;MACR;IACF,KAGEY,QAAA,IAAYC,OAAA,MACdiB,UAAA,CAAWlB,QAAA,GAAW,UAACsB,CAAA;MACrB,IAAM;QAAEK;MAAI,IAAKL,CAAA,CAAEE,WAAA;MACfxB,QAAA,IACFA,QAAA,CAAS;QACP4B,MAAA,EAAQ;UACNC,KAAA,EAAOF;QACT;QACAvC,IAAA,EAAM;MACR,IAGAa,OAAA,GAAQ;QACN2B,MAAA,EAAQ;UACNC,KAAA,EAAOF;QACT;QACAvC,IAAA,EAAM;MACR;IAEJ,IAGFX,KAAA,CAAMqD,SAAA,CAAU;MACd,IAAKhC,EAAA,IACD,CAAAD,QAAA,EAEJ,OAAOjB,iBAAA,CAAkBkB,EAAA,EAAI;QAC3BiC,cAAA,EAAgB,SAAAA,CAAA;cACdC,YAAA;WAAAA,YAAA,GAAAvB,GAAA,CAAIwB,OAAA,MAAO,QAAXD,YAAA,eAAAA,YAAA,CAAaE,KAAA,CAAK;QACpB;QACAA,KAAA,EAAO,SAAAA,CAAA,GAAO;MAChB;IACF,GAAG,CAACpC,EAAA,EAAID,QAAA,CAAS,GACV,eAAAsC,IAAA,CAACpD,WAAA;MAAYiB,QAAA,EAAU,SAAAA,CAACsB,CAAA,GAAO;MAAGb,GAAA,EAAKE,YAAA;MAAe,GAAGO;;EAClE","ignoreList":[]}
|
|
@@ -1,40 +1,6 @@
|
|
|
1
1
|
import { styled } from "@tamagui/web";
|
|
2
2
|
import { Input } from "./Input";
|
|
3
3
|
import { defaultStyles, textAreaSizeVariant } from "./shared";
|
|
4
|
-
function _define_property(obj, key, value) {
|
|
5
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
6
|
-
value,
|
|
7
|
-
enumerable: !0,
|
|
8
|
-
configurable: !0,
|
|
9
|
-
writable: !0
|
|
10
|
-
}) : obj[key] = value, obj;
|
|
11
|
-
}
|
|
12
|
-
function _object_spread(target) {
|
|
13
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
14
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
15
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
16
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
17
|
-
}))), ownKeys2.forEach(function(key) {
|
|
18
|
-
_define_property(target, key, source[key]);
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
return target;
|
|
22
|
-
}
|
|
23
|
-
function ownKeys(object, enumerableOnly) {
|
|
24
|
-
var keys = Object.keys(object);
|
|
25
|
-
if (Object.getOwnPropertySymbols) {
|
|
26
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
27
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
28
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
29
|
-
})), keys.push.apply(keys, symbols);
|
|
30
|
-
}
|
|
31
|
-
return keys;
|
|
32
|
-
}
|
|
33
|
-
function _object_spread_props(target, source) {
|
|
34
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
35
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
36
|
-
}), target;
|
|
37
|
-
}
|
|
38
4
|
var TextArea = styled(Input, {
|
|
39
5
|
name: "TextArea",
|
|
40
6
|
tag: "textarea",
|
|
@@ -43,11 +9,11 @@ var TextArea = styled(Input, {
|
|
|
43
9
|
whiteSpace: "pre-wrap",
|
|
44
10
|
variants: {
|
|
45
11
|
unstyled: {
|
|
46
|
-
false:
|
|
47
|
-
height: "auto"
|
|
48
|
-
|
|
12
|
+
false: {
|
|
13
|
+
height: "auto",
|
|
14
|
+
...defaultStyles,
|
|
49
15
|
numberOfLines: 3
|
|
50
|
-
}
|
|
16
|
+
}
|
|
51
17
|
},
|
|
52
18
|
size: {
|
|
53
19
|
"...size": textAreaSizeVariant
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/input/src/TextArea.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,cAAc;AACvB,SAASC,aAAa;AACtB,SAASC,eAAeC,2BAA2B
|
|
4
|
+
"mappings": "AAAA,SAASA,cAAc;AACvB,SAASC,aAAa;AACtB,SAASC,eAAeC,2BAA2B;AAE5C,IAAMC,WAAWJ,OAAOC,OAAO;EACpCI,MAAM;EACNC,KAAK;;;EAILC,YAAY;EAEZC,UAAU;IACRC,UAAU;MACRC,OAAO;QACLC,QAAQ;QACR,GAAGT;QACHU,eAAe;MACjB;IACF;IAEAC,MAAM;MACJ,WAAWV;IACb;EACF;EAEAW,iBAAiB;IACfL,UAAUM,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA;",
|
|
5
5
|
"names": ["styled", "Input", "defaultStyles", "textAreaSizeVariant", "TextArea", "name", "tag", "whiteSpace", "variants", "unstyled", "false", "height", "numberOfLines", "size", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS"]
|
|
6
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
|
+
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.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/TextArea.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,MAAA,QAAc;AACvB,SAASC,KAAA,QAAa;AACtB,SAASC,aAAA,EAAeC,mBAAA,QAA2B;AAE5C,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/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}
|
|
@@ -3,51 +3,17 @@ import { getVariableValue, isWeb } from "@tamagui/core";
|
|
|
3
3
|
import { getButtonSized } from "@tamagui/get-button-sized";
|
|
4
4
|
import { getFontSized } from "@tamagui/get-font-sized";
|
|
5
5
|
import { getSpace } from "@tamagui/get-token";
|
|
6
|
-
|
|
7
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
8
|
-
value,
|
|
9
|
-
enumerable: !0,
|
|
10
|
-
configurable: !0,
|
|
11
|
-
writable: !0
|
|
12
|
-
}) : obj[key] = value, obj;
|
|
13
|
-
}
|
|
14
|
-
function _object_spread(target) {
|
|
15
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
16
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
17
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
18
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
19
|
-
}))), ownKeys2.forEach(function(key) {
|
|
20
|
-
_define_property(target, key, source[key]);
|
|
21
|
-
});
|
|
22
|
-
}
|
|
23
|
-
return target;
|
|
24
|
-
}
|
|
25
|
-
function ownKeys(object, enumerableOnly) {
|
|
26
|
-
var keys = Object.keys(object);
|
|
27
|
-
if (Object.getOwnPropertySymbols) {
|
|
28
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
29
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
30
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
31
|
-
})), keys.push.apply(keys, symbols);
|
|
32
|
-
}
|
|
33
|
-
return keys;
|
|
34
|
-
}
|
|
35
|
-
function _object_spread_props(target, source) {
|
|
36
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
37
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
38
|
-
}), target;
|
|
39
|
-
}
|
|
40
|
-
var defaultStyles = _object_spread_props(_object_spread({
|
|
6
|
+
var defaultStyles = {
|
|
41
7
|
size: "$true",
|
|
42
8
|
fontFamily: "$body",
|
|
43
9
|
borderWidth: 1,
|
|
44
10
|
outlineWidth: 0,
|
|
45
|
-
color: "$color"
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
} : {
|
|
49
|
-
|
|
50
|
-
}
|
|
11
|
+
color: "$color",
|
|
12
|
+
...isWeb ? {
|
|
13
|
+
tabIndex: 0
|
|
14
|
+
} : {
|
|
15
|
+
focusable: !0
|
|
16
|
+
},
|
|
51
17
|
borderColor: "$borderColor",
|
|
52
18
|
backgroundColor: "$background",
|
|
53
19
|
// this fixes a flex bug where it overflows container
|
|
@@ -63,7 +29,7 @@ var defaultStyles = _object_spread_props(_object_spread({
|
|
|
63
29
|
outlineWidth: 2,
|
|
64
30
|
outlineStyle: "solid"
|
|
65
31
|
}
|
|
66
|
-
}
|
|
32
|
+
}, inputSizeVariant = function() {
|
|
67
33
|
var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true", extras = arguments.length > 1 ? arguments[1] : void 0;
|
|
68
34
|
if (extras.props.multiline || extras.props.numberOfLines > 1)
|
|
69
35
|
return textAreaSizeVariant(val, extras);
|
|
@@ -73,11 +39,13 @@ var defaultStyles = _object_spread_props(_object_spread({
|
|
|
73
39
|
2
|
|
74
40
|
]
|
|
75
41
|
}), fontStyle = getFontSized(val, extras);
|
|
76
|
-
return !isWeb && fontStyle && delete fontStyle.lineHeight,
|
|
42
|
+
return !isWeb && fontStyle && delete fontStyle.lineHeight, {
|
|
43
|
+
...fontStyle,
|
|
44
|
+
...buttonStyles,
|
|
77
45
|
paddingHorizontal
|
|
78
|
-
}
|
|
46
|
+
};
|
|
79
47
|
}, textAreaSizeVariant = function() {
|
|
80
|
-
var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true", extras = arguments.length > 1 ? arguments[1] : void 0, props = extras
|
|
48
|
+
var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true", extras = arguments.length > 1 ? arguments[1] : void 0, { props } = extras, buttonStyles = getButtonSized(val, extras), fontStyle = getFontSized(val, extras), _props_rows, lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines, height = typeof lines == "number" ? lines * getVariableValue(fontStyle.lineHeight) : "auto", paddingVertical = getSpace(val, {
|
|
81
49
|
shift: -2,
|
|
82
50
|
bounds: [
|
|
83
51
|
2
|
|
@@ -88,11 +56,13 @@ var defaultStyles = _object_spread_props(_object_spread({
|
|
|
88
56
|
2
|
|
89
57
|
]
|
|
90
58
|
});
|
|
91
|
-
return
|
|
59
|
+
return {
|
|
60
|
+
...buttonStyles,
|
|
61
|
+
...fontStyle,
|
|
92
62
|
paddingVertical,
|
|
93
63
|
paddingHorizontal,
|
|
94
64
|
height
|
|
95
|
-
}
|
|
65
|
+
};
|
|
96
66
|
}, INPUT_NAME = "Input", styledBody = [
|
|
97
67
|
{
|
|
98
68
|
name: INPUT_NAME,
|
|
@@ -118,7 +88,10 @@ var defaultStyles = _object_spread_props(_object_spread({
|
|
|
118
88
|
placeholderTextColor: "color",
|
|
119
89
|
selectionColor: "color"
|
|
120
90
|
},
|
|
121
|
-
validStyles:
|
|
91
|
+
validStyles: {
|
|
92
|
+
...validStyles,
|
|
93
|
+
...stylePropsTextOnly
|
|
94
|
+
}
|
|
122
95
|
}
|
|
123
96
|
];
|
|
124
97
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/input/src/shared.tsx"],
|
|
4
|
-
"mappings": "AACA,SAASA,aAAaC,0BAA0B;AAChD,SAASC,kBAAkBC,aAAa;AACxC,SAASC,sBAAsB;AAC/B,SAASC,oBAAoB;AAC7B,SAASC,gBAAgB
|
|
4
|
+
"mappings": "AACA,SAASA,aAAaC,0BAA0B;AAChD,SAASC,kBAAkBC,aAAa;AACxC,SAASC,sBAAsB;AAC/B,SAASC,oBAAoB;AAC7B,SAASC,gBAAgB;AAElB,IAAMC,gBAAgB;EAC3BC,MAAM;EACNC,YAAY;EACZC,aAAa;EACbC,cAAc;EACdC,OAAO;EAEP,GAAIT,QACA;IACEU,UAAU;EACZ,IACA;IACEC,WAAW;EACb;EAEJC,aAAa;EACbC,iBAAiB;;EAGjBC,UAAU;EAEVC,YAAY;IACVH,aAAa;EACf;EAEAI,YAAY;IACVJ,aAAa;EACf;EAEAK,mBAAmB;IACjBC,cAAc;IACdV,cAAc;IACdW,cAAc;EAChB;AACF,GAEaC,mBAAmD,WAAA;MAC9DC,MAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAM,SACNC,SAAAA,UAAAA,SAAAA,IAAAA,UAAAA,CAAAA,IAAAA;AAEA,MAAIA,OAAOC,MAAMC,aAAaF,OAAOC,MAAME,gBAAgB;AACzD,WAAOC,oBAAoBL,KAAKC,MAAAA;AAElC,MAAMK,eAAe1B,eAAeoB,KAAKC,MAAAA,GACnCM,oBAAoBzB,SAASkB,KAAK;IACtCQ,OAAO;IACPC,QAAQ;MAAC;;EACX,CAAA,GACMC,YAAY7B,aAAamB,KAAYC,MAAAA;AAE3C,SAAI,CAACtB,SAAS+B,aACZ,OAAOA,UAAU,YAEZ;IACL,GAAGA;IACH,GAAGJ;IACHC;EACF;AACF,GAEaF,sBAAsD,WAAA;MACjEL,MAAAA,UAAAA,SAAAA,KAAAA,UAAAA,CAAAA,MAAAA,SAAAA,UAAAA,CAAAA,IAAM,SACNC,SAAAA,UAAAA,SAAAA,IAAAA,UAAAA,CAAAA,IAAAA,QAEM,EAAEC,MAAK,IAAKD,QACZK,eAAe1B,eAAeoB,KAAKC,MAAAA,GACnCS,YAAY7B,aAAamB,KAAYC,MAAAA,GAC7BC,aAARS,SAAQT,cAAAA,MAAMU,UAAI,QAAVV,gBAAAA,SAAAA,cAAcA,MAAME,eAC5BS,SACJ,OAAOF,SAAU,WAAWA,QAAQjC,iBAAiBgC,UAAUI,UAAU,IAAI,QACzEC,kBAAkBjC,SAASkB,KAAK;IACpCQ,OAAO;IACPC,QAAQ;MAAC;;EACX,CAAA,GACMF,oBAAoBzB,SAASkB,KAAK;IACtCQ,OAAO;IACPC,QAAQ;MAAC;;EACX,CAAA;AACA,SAAO;IACL,GAAGH;IACH,GAAGI;IACHK;IACAR;IACAM;EACF;AACF,GACaG,aAAa,SAEbC,aAAa;EACxB;IACEC,MAAMF;IACNG,KAAK;IACLC,UAAU;MACRC,UAAU;QACRC,OAAOvC;MACT;MAEAC,MAAM;QACJ,WAAWe;MACb;MAEAwB,UAAU;QACRC,MAAM,CAAC;MACT;IACF;IAEAC,iBAAiB;MACfJ,UAAUK,QAAQC,IAAIC,qBAAqB;IAC7C;EACF;EACA;IACEC,SAAS;IACTC,QAAQ;MACNC,sBAAsB;MACtBC,gBAAgB;IAClB;IACAxD,aAAa;MACX,GAAGA;MACH,GAAGC;IACL;EACF;;",
|
|
5
5
|
"names": ["validStyles", "stylePropsTextOnly", "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", "lines", "rows", "height", "lineHeight", "paddingVertical", "INPUT_NAME", "styledBody", "name", "tag", "variants", "unstyled", "false", "disabled", "true", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "isInput", "accept", "placeholderTextColor", "selectionColor"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { validStyles, stylePropsTextOnly } from "@tamagui/core";
|
|
2
|
+
import { getVariableValue, isWeb } from "@tamagui/core";
|
|
3
|
+
import { getButtonSized } from "@tamagui/get-button-sized";
|
|
4
|
+
import { getFontSized } from "@tamagui/get-font-sized";
|
|
5
|
+
import { getSpace } from "@tamagui/get-token";
|
|
6
|
+
var defaultStyles = {
|
|
7
|
+
size: "$true",
|
|
8
|
+
fontFamily: "$body",
|
|
9
|
+
borderWidth: 1,
|
|
10
|
+
outlineWidth: 0,
|
|
11
|
+
color: "$color",
|
|
12
|
+
...(isWeb ? {
|
|
13
|
+
tabIndex: 0
|
|
14
|
+
} : {
|
|
15
|
+
focusable: !0
|
|
16
|
+
}),
|
|
17
|
+
borderColor: "$borderColor",
|
|
18
|
+
backgroundColor: "$background",
|
|
19
|
+
// this fixes a flex bug where it overflows container
|
|
20
|
+
minWidth: 0,
|
|
21
|
+
hoverStyle: {
|
|
22
|
+
borderColor: "$borderColorHover"
|
|
23
|
+
},
|
|
24
|
+
focusStyle: {
|
|
25
|
+
borderColor: "$borderColorFocus"
|
|
26
|
+
},
|
|
27
|
+
focusVisibleStyle: {
|
|
28
|
+
outlineColor: "$outlineColor",
|
|
29
|
+
outlineWidth: 2,
|
|
30
|
+
outlineStyle: "solid"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
inputSizeVariant = function () {
|
|
34
|
+
var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
|
|
35
|
+
extras = arguments.length > 1 ? arguments[1] : void 0;
|
|
36
|
+
if (extras.props.multiline || extras.props.numberOfLines > 1) return textAreaSizeVariant(val, extras);
|
|
37
|
+
var buttonStyles = getButtonSized(val, extras),
|
|
38
|
+
paddingHorizontal = getSpace(val, {
|
|
39
|
+
shift: -1,
|
|
40
|
+
bounds: [2]
|
|
41
|
+
}),
|
|
42
|
+
fontStyle = getFontSized(val, extras);
|
|
43
|
+
return !isWeb && fontStyle && delete fontStyle.lineHeight, {
|
|
44
|
+
...fontStyle,
|
|
45
|
+
...buttonStyles,
|
|
46
|
+
paddingHorizontal
|
|
47
|
+
};
|
|
48
|
+
},
|
|
49
|
+
textAreaSizeVariant = function () {
|
|
50
|
+
var val = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "$true",
|
|
51
|
+
extras = arguments.length > 1 ? arguments[1] : void 0,
|
|
52
|
+
{
|
|
53
|
+
props
|
|
54
|
+
} = extras,
|
|
55
|
+
buttonStyles = getButtonSized(val, extras),
|
|
56
|
+
fontStyle = getFontSized(val, extras),
|
|
57
|
+
_props_rows,
|
|
58
|
+
lines = (_props_rows = props.rows) !== null && _props_rows !== void 0 ? _props_rows : props.numberOfLines,
|
|
59
|
+
height = typeof lines == "number" ? lines * getVariableValue(fontStyle.lineHeight) : "auto",
|
|
60
|
+
paddingVertical = getSpace(val, {
|
|
61
|
+
shift: -2,
|
|
62
|
+
bounds: [2]
|
|
63
|
+
}),
|
|
64
|
+
paddingHorizontal = getSpace(val, {
|
|
65
|
+
shift: -1,
|
|
66
|
+
bounds: [2]
|
|
67
|
+
});
|
|
68
|
+
return {
|
|
69
|
+
...buttonStyles,
|
|
70
|
+
...fontStyle,
|
|
71
|
+
paddingVertical,
|
|
72
|
+
paddingHorizontal,
|
|
73
|
+
height
|
|
74
|
+
};
|
|
75
|
+
},
|
|
76
|
+
INPUT_NAME = "Input",
|
|
77
|
+
styledBody = [{
|
|
78
|
+
name: INPUT_NAME,
|
|
79
|
+
tag: "input",
|
|
80
|
+
variants: {
|
|
81
|
+
unstyled: {
|
|
82
|
+
false: defaultStyles
|
|
83
|
+
},
|
|
84
|
+
size: {
|
|
85
|
+
"...size": inputSizeVariant
|
|
86
|
+
},
|
|
87
|
+
disabled: {
|
|
88
|
+
true: {}
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
defaultVariants: {
|
|
92
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
93
|
+
}
|
|
94
|
+
}, {
|
|
95
|
+
isInput: !0,
|
|
96
|
+
accept: {
|
|
97
|
+
placeholderTextColor: "color",
|
|
98
|
+
selectionColor: "color"
|
|
99
|
+
},
|
|
100
|
+
validStyles: {
|
|
101
|
+
...validStyles,
|
|
102
|
+
...stylePropsTextOnly
|
|
103
|
+
}
|
|
104
|
+
}];
|
|
105
|
+
export { INPUT_NAME, defaultStyles, inputSizeVariant, styledBody, textAreaSizeVariant };
|
|
106
|
+
//# sourceMappingURL=shared.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["validStyles","stylePropsTextOnly","getVariableValue","isWeb","getButtonSized","getFontSized","getSpace","defaultStyles","size","fontFamily","borderWidth","outlineWidth","color","tabIndex","focusable","borderColor","backgroundColor","minWidth","hoverStyle","focusStyle","focusVisibleStyle","outlineColor","outlineStyle","inputSizeVariant","val","arguments","length","extras","props","multiline","numberOfLines","textAreaSizeVariant","buttonStyles","paddingHorizontal","shift","bounds","fontStyle","lineHeight","_props_rows","lines","rows","height","paddingVertical","INPUT_NAME","styledBody","name","tag","variants","unstyled","false","disabled","true","defaultVariants","process","env","TAMAGUI_HEADLESS","isInput","accept","placeholderTextColor","selectionColor"],"sources":["../../src/shared.tsx"],"sourcesContent":[null],"mappings":"AACA,SAASA,WAAA,EAAaC,kBAAA,QAA0B;AAChD,SAASC,gBAAA,EAAkBC,KAAA,QAAa;AACxC,SAASC,cAAA,QAAsB;AAC/B,SAASC,YAAA,QAAoB;AAC7B,SAASC,QAAA,QAAgB;AAElB,IAAAC,aAAM;IACXC,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,GAAmD,SAAAA,CAAA,EACxD;IAGN,IAAIC,GAAA,GAAAC,SAAa,CAAAC,MAAA,IAAa,IAAAD,SAAa,iBAAgBA,SAAA;MAAAE,MAAA,GAAAF,SAAA,CAAAC,MAAA,OAAAD,SAAA;IACzD,IAAAE,MAAO,CAAAC,KAAA,CAAAC,SAAA,IAAoBF,MAAK,CAAAC,KAAM,CAAAE,aAAA,MAExC,OAAMC,mBAAe,CAAAP,GAAA,EAAAG,MAAe,CAAK;IACD,IACtCK,YAAO,GAAA5B,cAAA,CAAAoB,GAAA,EAAAG,MAAA;MAAAM,iBAAA,GAAA3B,QAAA,CAAAkB,GAAA;QACPU,KAAA,GAAQ,CAAC;QACVC,MACK,GAEN;MAIK,EACH;MAAAC,SAAG,GAAA/B,YAAA,CAAAmB,GAAA,EAAAG,MAAA;IAAA,OACH,CAAAxB,KAAA,IAAAiC,SAAA,WAAAA,SAAA,CAAAC,UAAA;MACF,GAAAD,SAAA;MAGW,GAAAJ,YAAA;MAIXC;IAMsC;EAC7B;EAAAF,mBACG,YAAAA,CAAA;IACZ,IACMP,GAAA,GAAAC,SAAA,CAAAC,MAAoB,QAASD,SAAK,iBAAAA,SAAA;MAAAE,MAAA,GAAAF,SAAA,CAAAC,MAAA,OAAAD,SAAA;MAAA;QAAAG;MAAA,IAAAD,MAAA;MAAAK,YAAA,GAAA5B,cAAA,CAAAoB,GAAA,EAAAG,MAAA;MAAAS,SAAA,GAAA/B,YAAA,CAAAmB,GAAA,EAAAG,MAAA;MAAAW,WAAA;MAAAC,KAAA,IAAAD,WAAA,GAAAV,KAAA,CAAAY,IAAA,cAAAF,WAAA,cAAAA,WAAA,GAAAV,KAAA,CAAAE,aAAA;MAAAW,MAAA,UAAAF,KAAA,eAAAA,KAAA,GAAArC,gBAAA,CAAAkC,SAAA,CAAAC,UAAA;MAAAK,eAAA,GAAApC,QAAA,CAAAkB,GAAA;QACtCU,KAAA,EAAO;QACPC,MAAA,EAAQ,CACT;MACM,EACL;MAAAF,iBAAG,GAAA3B,QAAA,CAAAkB,GAAA;QACHU,KAAG;QACHC,MAAA,GACA;MAEF;IACF,OACa;MAGX,GAAAH,YAAA;MACE,GAAAI,SAAM;MACNM,eAAK;MACLT,iBAAU;MAAAQ;IACE;EACD;EAAAE,UACT;EAAAC,UAAA;IAEMC,IACJ,EAAAF,UAAW;IAAAG,GACb;IAAAC,QAEA;MAAUC,QACF,EAAC;QACTC,KAAA,EAAA1C;MACF;MAEAC,IAAA;QACE,SAAU,EAAAe;MACZ;MACF2B,QAAA;QACAC,IAAA;MACE;IACA;IAAQC,eACN;MACAJ,QAAA,EAAAK,OAAgB,CAAAC,GAAA,CAAAC,gBAAA;IAClB;EAAA,GACa;IACRC,OACA;IACLC,MAAA;MACFC,oBAAA;MACFC,cAAA","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":[],"sourcesContent":[],"mappings":"","ignoreList":[]}
|
package/dist/jsx/Input.native.js
CHANGED
|
@@ -4,86 +4,39 @@ import { styled, useComposedRefs } from "@tamagui/core";
|
|
|
4
4
|
import { registerFocusable } from "@tamagui/focusable";
|
|
5
5
|
import { TextInput } from "react-native";
|
|
6
6
|
import { styledBody } from "./shared";
|
|
7
|
-
function _define_property(obj, key, value) {
|
|
8
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
9
|
-
value,
|
|
10
|
-
enumerable: !0,
|
|
11
|
-
configurable: !0,
|
|
12
|
-
writable: !0
|
|
13
|
-
}) : obj[key] = value, obj;
|
|
14
|
-
}
|
|
15
|
-
function _object_spread(target) {
|
|
16
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
17
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
18
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
19
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
20
|
-
}))), ownKeys2.forEach(function(key) {
|
|
21
|
-
_define_property(target, key, source[key]);
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
return target;
|
|
25
|
-
}
|
|
26
|
-
function ownKeys(object, enumerableOnly) {
|
|
27
|
-
var keys = Object.keys(object);
|
|
28
|
-
if (Object.getOwnPropertySymbols) {
|
|
29
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
30
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
31
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
32
|
-
})), keys.push.apply(keys, symbols);
|
|
33
|
-
}
|
|
34
|
-
return keys;
|
|
35
|
-
}
|
|
36
|
-
function _object_spread_props(target, source) {
|
|
37
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
38
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
39
|
-
}), target;
|
|
40
|
-
}
|
|
41
|
-
function _object_without_properties(source, excluded) {
|
|
42
|
-
if (source == null) return {};
|
|
43
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
44
|
-
if (Object.getOwnPropertySymbols) {
|
|
45
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
46
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
47
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
48
|
-
}
|
|
49
|
-
return target;
|
|
50
|
-
}
|
|
51
|
-
function _object_without_properties_loose(source, excluded) {
|
|
52
|
-
if (source == null) return {};
|
|
53
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
54
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
55
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
56
|
-
return target;
|
|
57
|
-
}
|
|
58
7
|
var StyledInput = styled(TextInput, styledBody[0], styledBody[1]), Input = StyledInput.styleable(function(inProps, forwardedRef) {
|
|
59
|
-
var
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
8
|
+
var {
|
|
9
|
+
// some of destructed props are just to avoid passing them to ...rest because they are not in native.
|
|
10
|
+
type,
|
|
11
|
+
//@ts-ignore
|
|
12
|
+
dirname,
|
|
13
|
+
max,
|
|
14
|
+
min,
|
|
15
|
+
minLength,
|
|
16
|
+
multiple,
|
|
17
|
+
name,
|
|
18
|
+
required,
|
|
19
|
+
step,
|
|
20
|
+
disabled,
|
|
21
|
+
id,
|
|
22
|
+
caretColor,
|
|
23
|
+
onChange,
|
|
24
|
+
onInput,
|
|
25
|
+
rows,
|
|
26
|
+
enterKeyHint,
|
|
27
|
+
returnKeyType,
|
|
28
|
+
onKeyDown,
|
|
29
|
+
inputMode,
|
|
30
|
+
tag,
|
|
31
|
+
...rest
|
|
32
|
+
} = inProps, ref = React.useRef(null), composedRefs = useComposedRefs(forwardedRef, ref), secureTextEntry = !1, cursorColor = caretColor, _returnKeyType = returnKeyType, _enterKeyHint = enterKeyHint;
|
|
81
33
|
enterKeyHint === "go" && (_returnKeyType = "go", _enterKeyHint = void 0);
|
|
82
34
|
var _inputMode = inputMode;
|
|
83
35
|
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";
|
|
84
36
|
var showSoftInputOnFocus = !0;
|
|
85
37
|
inputMode === "none" && (showSoftInputOnFocus = !1);
|
|
86
|
-
var finalProps =
|
|
38
|
+
var finalProps = {
|
|
39
|
+
...rest,
|
|
87
40
|
inputMode: _inputMode,
|
|
88
41
|
showSoftInputOnFocus,
|
|
89
42
|
disabled,
|
|
@@ -93,9 +46,9 @@ var StyledInput = styled(TextInput, styledBody[0], styledBody[1]), Input = Style
|
|
|
93
46
|
returnKeyType: _returnKeyType,
|
|
94
47
|
secureTextEntry,
|
|
95
48
|
numberOfLines: rows || rest.numberOfLines
|
|
96
|
-
}
|
|
49
|
+
};
|
|
97
50
|
return tag === "textarea" && (finalProps.multiline = !0), onKeyDown && (finalProps.onKeyPress = function(e) {
|
|
98
|
-
var key = e.nativeEvent
|
|
51
|
+
var { key } = e.nativeEvent;
|
|
99
52
|
(key === "Backspace" || tag === "textarea" && key === "Enter" || key.length === 1) && onKeyDown({
|
|
100
53
|
key,
|
|
101
54
|
type: "keydown"
|
|
@@ -106,7 +59,7 @@ var StyledInput = styled(TextInput, styledBody[0], styledBody[1]), Input = Style
|
|
|
106
59
|
type: "keydown"
|
|
107
60
|
});
|
|
108
61
|
}), (onChange || onInput) && (finalProps.onChange = function(e) {
|
|
109
|
-
var text = e.nativeEvent
|
|
62
|
+
var { text } = e.nativeEvent;
|
|
110
63
|
onChange && onChange({
|
|
111
64
|
target: {
|
|
112
65
|
value: text
|
|
@@ -131,11 +84,12 @@ var StyledInput = styled(TextInput, styledBody[0], styledBody[1]), Input = Style
|
|
|
131
84
|
}, [
|
|
132
85
|
id,
|
|
133
86
|
disabled
|
|
134
|
-
]), /* @__PURE__ */ _jsx(StyledInput,
|
|
87
|
+
]), /* @__PURE__ */ _jsx(StyledInput, {
|
|
135
88
|
onChange: function(e) {
|
|
136
89
|
},
|
|
137
|
-
ref: composedRefs
|
|
138
|
-
|
|
90
|
+
ref: composedRefs,
|
|
91
|
+
...finalProps
|
|
92
|
+
});
|
|
139
93
|
});
|
|
140
94
|
export {
|
|
141
95
|
Input
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/input/src/Input.native.tsx"],
|
|
4
|
-
"mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,QAAQC,uBAAuB;AACxC,SAASC,yBAAyB;AAGlC,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB
|
|
4
|
+
"mappings": ";AAAA,OAAOA,WAAW;AAClB,SAASC,QAAQC,uBAAuB;AACxC,SAASC,yBAAyB;AAGlC,SAASC,iBAAiB;AAC1B,SAASC,kBAAkB;AAE3B,IAAMC,cAAcL,OAAOG,WAAWC,WAAW,CAAA,GAAIA,WAAW,CAAA,CAAE,GAErDE,QAAQD,YAAYE,UAAsB,SAACC,SAASC,cAAAA;AAC/D,MAAM;;IAEJC;;IAEAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACAC;IACA,GAAGC;EAAAA,IACDtB,SAEEuB,MAAMhC,MAAMiC,OAAyB,IAAA,GAErCC,eAAehC,gBAAqBQ,cAAcsB,GAAAA,GAIpDG,kBAAkB,IAClBC,cAAcd,YACde,iBAAiBV,eACjBW,gBAAgBZ;AACpB,EAAIA,iBAAiB,SACnBW,iBAAiB,MACjBC,gBAAgBC;AAGlB,MAAIC,aAAaX;AACjB,EAAIlB,SAAS,UACX6B,aAAa,UACJ7B,SAAS,QAClB6B,aAAa,QACJ7B,SAAS,WAClB6B,aAAa,WACJ7B,SAAS,QAClB6B,aAAa,QACJ7B,SAAS,cAClBwB,kBAAkB,IAClBK,aAAa,UACJ7B,SAAS,WAClB6B,aAAa,YAEbA,aAAa;AAGf,MAAIC,uBAAuB;AAC3B,EAAIZ,cAAc,WAChBY,uBAAuB;AAGzB,MAAMC,aAAa;IACjB,GAAGX;IACHF,WAAWW;IACXC;IACArB;IACAC;IACAe;IACAV,cAAcY;IACdX,eAAeU;IACfF;IACAQ,eAAelB,QAAQM,KAAKY;EAC9B;AAEA,SAAIb,QAAQ,eACVY,WAAWE,YAAY,KAGrBhB,cACFc,WAAWG,aAAa,SAACC,GAAAA;AACvB,QAAM,EAAEC,IAAG,IAAKD,EAAEE;AAClB,KACED,QAAQ,eACPjB,QAAQ,cAAciB,QAAQ,WAC/BA,IAAIE,WAAW,MAEfrB,UAAU;MACRmB;MACApC,MAAM;IACR,CAAA;EAEJ,GACA+B,WAAWQ,kBAAkB,SAACJ,GAAAA;AAC5BlB,cAAU;MACRmB,KAAK;MACLpC,MAAM;IACR,CAAA;EACF,KAGEY,YAAYC,aACdkB,WAAWnB,WAAW,SAACuB,GAAAA;AACrB,QAAM,EAAEK,KAAI,IAAKL,EAAEE;AACnB,IAAIzB,YACFA,SAAS;MACP6B,QAAQ;QACNC,OAAOF;MACT;MACAxC,MAAM;IACR,CAAA,GAEEa,WAAW,QACbA,QAAQ;MACN4B,QAAQ;QACNC,OAAOF;MACT;MACAxC,MAAM;IACR,CAAA;EAEJ,IAGFX,MAAMsD,UAAU,WAAA;AACd,QAAKjC,MACDD;AAEJ,aAAOjB,kBAAkBkB,IAAI;QAC3BkC,gBAAgB,WAAA;cACdvB;WAAAA,eAAAA,IAAIwB,aAAO,QAAXxB,iBAAAA,UAAAA,aAAayB,MAAK;QACpB;QACAA,OAAO,WAAA;QAAO;MAChB,CAAA;EACF,GAAG;IAACpC;IAAID;GAAS,GACV,qBAACd,aAAAA;IAAYiB,UAAU,SAACuB,GAAAA;IAAO;IAAGd,KAAKE;IAAe,GAAGQ;;AAClE,CAAA;",
|
|
5
5
|
"names": ["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", "undefined", "_inputMode", "showSoftInputOnFocus", "finalProps", "numberOfLines", "multiline", "onKeyPress", "e", "key", "nativeEvent", "length", "onSubmitEditing", "text", "target", "value", "useEffect", "focusAndSelect", "current", "focus"]
|
|
6
6
|
}
|
|
@@ -1,40 +1,6 @@
|
|
|
1
1
|
import { styled } from "@tamagui/web";
|
|
2
2
|
import { Input } from "./Input";
|
|
3
3
|
import { defaultStyles, textAreaSizeVariant } from "./shared";
|
|
4
|
-
function _define_property(obj, key, value) {
|
|
5
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
6
|
-
value,
|
|
7
|
-
enumerable: !0,
|
|
8
|
-
configurable: !0,
|
|
9
|
-
writable: !0
|
|
10
|
-
}) : obj[key] = value, obj;
|
|
11
|
-
}
|
|
12
|
-
function _object_spread(target) {
|
|
13
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
14
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
15
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
16
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
17
|
-
}))), ownKeys2.forEach(function(key) {
|
|
18
|
-
_define_property(target, key, source[key]);
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
return target;
|
|
22
|
-
}
|
|
23
|
-
function ownKeys(object, enumerableOnly) {
|
|
24
|
-
var keys = Object.keys(object);
|
|
25
|
-
if (Object.getOwnPropertySymbols) {
|
|
26
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
27
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
28
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
29
|
-
})), keys.push.apply(keys, symbols);
|
|
30
|
-
}
|
|
31
|
-
return keys;
|
|
32
|
-
}
|
|
33
|
-
function _object_spread_props(target, source) {
|
|
34
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
35
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
36
|
-
}), target;
|
|
37
|
-
}
|
|
38
4
|
var TextArea = styled(Input, {
|
|
39
5
|
name: "TextArea",
|
|
40
6
|
tag: "textarea",
|
|
@@ -43,11 +9,11 @@ var TextArea = styled(Input, {
|
|
|
43
9
|
whiteSpace: "pre-wrap",
|
|
44
10
|
variants: {
|
|
45
11
|
unstyled: {
|
|
46
|
-
false:
|
|
47
|
-
height: "auto"
|
|
48
|
-
|
|
12
|
+
false: {
|
|
13
|
+
height: "auto",
|
|
14
|
+
...defaultStyles,
|
|
49
15
|
numberOfLines: 3
|
|
50
|
-
}
|
|
16
|
+
}
|
|
51
17
|
},
|
|
52
18
|
size: {
|
|
53
19
|
"...size": textAreaSizeVariant
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/input/src/TextArea.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,cAAc;AACvB,SAASC,aAAa;AACtB,SAASC,eAAeC,2BAA2B
|
|
4
|
+
"mappings": "AAAA,SAASA,cAAc;AACvB,SAASC,aAAa;AACtB,SAASC,eAAeC,2BAA2B;AAE5C,IAAMC,WAAWJ,OAAOC,OAAO;EACpCI,MAAM;EACNC,KAAK;;;EAILC,YAAY;EAEZC,UAAU;IACRC,UAAU;MACRC,OAAO;QACLC,QAAQ;QACR,GAAGT;QACHU,eAAe;MACjB;IACF;IAEAC,MAAM;MACJ,WAAWV;IACb;EACF;EAEAW,iBAAiB;IACfL,UAAUM,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA;",
|
|
5
5
|
"names": ["styled", "Input", "defaultStyles", "textAreaSizeVariant", "TextArea", "name", "tag", "whiteSpace", "variants", "unstyled", "false", "height", "numberOfLines", "size", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS"]
|
|
6
6
|
}
|