@tamagui/list-item 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/ListItem.native.js +36 -125
- package/dist/cjs/ListItem.native.js.map +2 -2
- package/dist/esm/ListItem.native.js +35 -123
- package/dist/esm/ListItem.native.js.map +2 -2
- package/dist/esm/ListItem.native.mjs +212 -0
- package/dist/esm/ListItem.native.mjs.map +1 -0
- package/dist/esm/index.native.mjs +2 -0
- package/dist/esm/index.native.mjs.map +1 -0
- package/dist/jsx/ListItem.native.js +35 -123
- package/dist/jsx/ListItem.native.js.map +2 -2
- package/package.json +10 -10
|
@@ -23,100 +23,7 @@ __export(ListItem_exports, {
|
|
|
23
23
|
useListItem: () => useListItem
|
|
24
24
|
});
|
|
25
25
|
module.exports = __toCommonJS(ListItem_exports);
|
|
26
|
-
var import_jsx_runtime = require("react/jsx-runtime"), import_font_size = require("@tamagui/font-size"), import_get_font_sized = require("@tamagui/get-font-sized"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web")
|
|
27
|
-
function _array_like_to_array(arr, len) {
|
|
28
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
29
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
30
|
-
return arr2;
|
|
31
|
-
}
|
|
32
|
-
function _array_with_holes(arr) {
|
|
33
|
-
if (Array.isArray(arr)) return arr;
|
|
34
|
-
}
|
|
35
|
-
function _define_property(obj, key, value) {
|
|
36
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
37
|
-
value,
|
|
38
|
-
enumerable: !0,
|
|
39
|
-
configurable: !0,
|
|
40
|
-
writable: !0
|
|
41
|
-
}) : obj[key] = value, obj;
|
|
42
|
-
}
|
|
43
|
-
function _iterable_to_array_limit(arr, i) {
|
|
44
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
45
|
-
if (_i != null) {
|
|
46
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
47
|
-
try {
|
|
48
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
49
|
-
;
|
|
50
|
-
} catch (err) {
|
|
51
|
-
_d = !0, _e = err;
|
|
52
|
-
} finally {
|
|
53
|
-
try {
|
|
54
|
-
!_n && _i.return != null && _i.return();
|
|
55
|
-
} finally {
|
|
56
|
-
if (_d) throw _e;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
return _arr;
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
function _non_iterable_rest() {
|
|
63
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
64
|
-
}
|
|
65
|
-
function _object_spread(target) {
|
|
66
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
67
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
68
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
69
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
70
|
-
}))), ownKeys2.forEach(function(key) {
|
|
71
|
-
_define_property(target, key, source[key]);
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
return target;
|
|
75
|
-
}
|
|
76
|
-
function ownKeys(object, enumerableOnly) {
|
|
77
|
-
var keys = Object.keys(object);
|
|
78
|
-
if (Object.getOwnPropertySymbols) {
|
|
79
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
80
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
81
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
82
|
-
})), keys.push.apply(keys, symbols);
|
|
83
|
-
}
|
|
84
|
-
return keys;
|
|
85
|
-
}
|
|
86
|
-
function _object_spread_props(target, source) {
|
|
87
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
88
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
89
|
-
}), target;
|
|
90
|
-
}
|
|
91
|
-
function _object_without_properties(source, excluded) {
|
|
92
|
-
if (source == null) return {};
|
|
93
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
94
|
-
if (Object.getOwnPropertySymbols) {
|
|
95
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
96
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
97
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
98
|
-
}
|
|
99
|
-
return target;
|
|
100
|
-
}
|
|
101
|
-
function _object_without_properties_loose(source, excluded) {
|
|
102
|
-
if (source == null) return {};
|
|
103
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
104
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
105
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
106
|
-
return target;
|
|
107
|
-
}
|
|
108
|
-
function _sliced_to_array(arr, i) {
|
|
109
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
110
|
-
}
|
|
111
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
112
|
-
if (o) {
|
|
113
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
114
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
115
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
116
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
117
|
-
}
|
|
118
|
-
}
|
|
119
|
-
var NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
26
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_font_size = require("@tamagui/font-size"), import_get_font_sized = require("@tamagui/get-font-sized"), import_get_token = require("@tamagui/get-token"), import_helpers = require("@tamagui/helpers"), import_helpers_tamagui = require("@tamagui/helpers-tamagui"), import_stacks = require("@tamagui/stacks"), import_text = require("@tamagui/text"), import_web = require("@tamagui/web"), NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.ThemeableStack, {
|
|
120
27
|
name: NAME,
|
|
121
28
|
tag: "li",
|
|
122
29
|
variants: {
|
|
@@ -137,7 +44,7 @@ var NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.Them
|
|
|
137
44
|
},
|
|
138
45
|
size: {
|
|
139
46
|
"...size": function(val, param) {
|
|
140
|
-
var tokens = param
|
|
47
|
+
var { tokens } = param;
|
|
141
48
|
return {
|
|
142
49
|
minHeight: tokens.size[val],
|
|
143
50
|
paddingHorizontal: tokens.space[val],
|
|
@@ -208,31 +115,33 @@ var NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.Them
|
|
|
208
115
|
}), ListItemTitle = (0, import_web.styled)(ListItemText, {
|
|
209
116
|
name: "ListItemTitle"
|
|
210
117
|
}), useListItem = function(propsIn) {
|
|
211
|
-
var
|
|
118
|
+
var { Text = ListItemText, Subtitle = ListItemSubtitle, Title = ListItemTitle } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
|
|
212
119
|
Text: ListItemText,
|
|
213
120
|
Subtitle: ListItemSubtitle,
|
|
214
121
|
Title: ListItemTitle
|
|
215
|
-
},
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
122
|
+
}, props = (0, import_web.useProps)(propsIn), {
|
|
123
|
+
children,
|
|
124
|
+
icon,
|
|
125
|
+
iconAfter,
|
|
126
|
+
noTextWrap,
|
|
127
|
+
theme: themeName,
|
|
128
|
+
space,
|
|
129
|
+
spaceFlex,
|
|
130
|
+
scaleIcon = 1,
|
|
131
|
+
scaleSpace = 1,
|
|
132
|
+
unstyled = !1,
|
|
133
|
+
subTitle,
|
|
134
|
+
title,
|
|
135
|
+
// text props
|
|
136
|
+
color,
|
|
137
|
+
fontWeight,
|
|
138
|
+
fontSize,
|
|
139
|
+
fontFamily,
|
|
140
|
+
letterSpacing,
|
|
141
|
+
textAlign,
|
|
142
|
+
ellipse,
|
|
143
|
+
...rest
|
|
144
|
+
} = props, textProps = {
|
|
236
145
|
color,
|
|
237
146
|
fontWeight,
|
|
238
147
|
fontSize,
|
|
@@ -244,12 +153,13 @@ var NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.Them
|
|
|
244
153
|
}, size = props.size || "$true", iconSize = (0, import_font_size.getFontSize)(size) * scaleIcon, getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({
|
|
245
154
|
size: iconSize,
|
|
246
155
|
color
|
|
247
|
-
}),
|
|
156
|
+
}), [themedIcon, themedIconAfter] = [
|
|
248
157
|
icon,
|
|
249
158
|
iconAfter
|
|
250
|
-
].map(getThemedIcon),
|
|
159
|
+
].map(getThemedIcon), _getTokens_space_props_space, spaceSize = (0, import_web.getVariableValue)((_getTokens_space_props_space = (0, import_web.getTokens)().space[props.space]) !== null && _getTokens_space_props_space !== void 0 ? _getTokens_space_props_space : iconSize) * scaleSpace, contents = (0, import_text.wrapChildrenInText)(Text, textProps);
|
|
251
160
|
return {
|
|
252
|
-
props:
|
|
161
|
+
props: {
|
|
162
|
+
...rest,
|
|
253
163
|
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
254
164
|
children: [
|
|
255
165
|
themedIcon ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
@@ -293,13 +203,14 @@ var NAME = "ListItem", ListItemFrame = (0, import_web.styled)(import_stacks.Them
|
|
|
293
203
|
}) : null
|
|
294
204
|
]
|
|
295
205
|
})
|
|
296
|
-
}
|
|
206
|
+
}
|
|
297
207
|
};
|
|
298
208
|
}, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
|
|
299
|
-
var
|
|
300
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemFrame,
|
|
301
|
-
ref
|
|
302
|
-
|
|
209
|
+
var { props: listItemProps } = useListItem(props);
|
|
210
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemFrame, {
|
|
211
|
+
ref,
|
|
212
|
+
...listItemProps
|
|
213
|
+
});
|
|
303
214
|
}), ListItem2 = (0, import_helpers.withStaticProperties)(ListItemComponent, {
|
|
304
215
|
Text: ListItemText,
|
|
305
216
|
Subtitle: ListItemSubtitle
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/list-item/src/ListItem.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;uDAAA,mBAA4B,+BAC5B,wBAA6B,oCAC7B,mBAAkC,+BAClC,iBAAqC,6BACrC,yBAAiC,qCACjC,gBAAuC,4BAEvC,cAAgD,0BAQhD,aAAsE
|
|
5
|
-
"names": ["NAME", "ListItemFrame", "styled", "ThemeableStack", "name", "tag", "variants", "unstyled", "false", "size", "alignItems", "justifyContent", "flexWrap", "width", "borderColor", "maxWidth", "overflow", "flexDirection", "backgroundColor", "cursor", "val", "tokens", "minHeight", "paddingHorizontal", "space", "paddingVertical", "getSpace", "shift", "active", "true", "hoverStyle", "disabled", "opacity", "pointerEvents", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "ListItemText", "SizableText", "color", "flexGrow", "flexShrink", "ellipse", "ListItemSubtitle", "extras", "oneSmaller", "getSize", "excludeHalfSteps", "fontStyle", "getFontSized", "key", "ListItemTitle", "useListItem", "propsIn", "Text", "Subtitle", "Title", "props", "useProps", "children", "icon", "iconAfter", "noTextWrap", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["NAME", "ListItemFrame", "styled", "ThemeableStack", "name", "tag", "variants", "unstyled", "false", "size", "alignItems", "justifyContent", "flexWrap", "width", "borderColor", "maxWidth", "overflow", "flexDirection", "backgroundColor", "cursor", "val", "tokens", "minHeight", "paddingHorizontal", "space", "paddingVertical", "getSpace", "shift", "active", "true", "hoverStyle", "disabled", "opacity", "pointerEvents", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "ListItemText", "SizableText", "color", "flexGrow", "flexShrink", "ellipse", "ListItemSubtitle", "extras", "oneSmaller", "getSize", "excludeHalfSteps", "fontStyle", "getFontSized", "key", "ListItemTitle", "useListItem", "propsIn", "Text", "Subtitle", "Title", "props", "useProps", "children", "icon", "iconAfter", "noTextWrap", "theme", "themeName", "spaceFlex", "scaleIcon", "scaleSpace", "subTitle", "title", "fontWeight", "fontSize", "fontFamily", "letterSpacing", "textAlign", "rest", "textProps", "iconSize", "getFontSize", "getThemedIcon", "useGetThemedIcon", "themedIcon", "themedIconAfter", "map", "getTokens", "spaceSize", "getVariableValue", "contents", "wrapChildrenInText", "_jsxs", "_Fragment", "_jsx", "Spacer", "YStack", "flex", "ListItemComponent", "styleable", "ref", "listItemProps", "ListItem", "withStaticProperties"]
|
|
6
6
|
}
|
|
@@ -7,98 +7,6 @@ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
|
7
7
|
import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
8
8
|
import { SizableText, wrapChildrenInText } from "@tamagui/text";
|
|
9
9
|
import { Spacer, getTokens, getVariableValue, styled, useProps } from "@tamagui/web";
|
|
10
|
-
function _array_like_to_array(arr, len) {
|
|
11
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
12
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
13
|
-
return arr2;
|
|
14
|
-
}
|
|
15
|
-
function _array_with_holes(arr) {
|
|
16
|
-
if (Array.isArray(arr)) return arr;
|
|
17
|
-
}
|
|
18
|
-
function _define_property(obj, key, value) {
|
|
19
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
20
|
-
value,
|
|
21
|
-
enumerable: !0,
|
|
22
|
-
configurable: !0,
|
|
23
|
-
writable: !0
|
|
24
|
-
}) : obj[key] = value, obj;
|
|
25
|
-
}
|
|
26
|
-
function _iterable_to_array_limit(arr, i) {
|
|
27
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
28
|
-
if (_i != null) {
|
|
29
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
30
|
-
try {
|
|
31
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
32
|
-
;
|
|
33
|
-
} catch (err) {
|
|
34
|
-
_d = !0, _e = err;
|
|
35
|
-
} finally {
|
|
36
|
-
try {
|
|
37
|
-
!_n && _i.return != null && _i.return();
|
|
38
|
-
} finally {
|
|
39
|
-
if (_d) throw _e;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
return _arr;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
function _non_iterable_rest() {
|
|
46
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
47
|
-
}
|
|
48
|
-
function _object_spread(target) {
|
|
49
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
50
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
51
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
52
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
53
|
-
}))), ownKeys2.forEach(function(key) {
|
|
54
|
-
_define_property(target, key, source[key]);
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
return target;
|
|
58
|
-
}
|
|
59
|
-
function ownKeys(object, enumerableOnly) {
|
|
60
|
-
var keys = Object.keys(object);
|
|
61
|
-
if (Object.getOwnPropertySymbols) {
|
|
62
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
63
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
64
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
65
|
-
})), keys.push.apply(keys, symbols);
|
|
66
|
-
}
|
|
67
|
-
return keys;
|
|
68
|
-
}
|
|
69
|
-
function _object_spread_props(target, source) {
|
|
70
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
71
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
72
|
-
}), target;
|
|
73
|
-
}
|
|
74
|
-
function _object_without_properties(source, excluded) {
|
|
75
|
-
if (source == null) return {};
|
|
76
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
77
|
-
if (Object.getOwnPropertySymbols) {
|
|
78
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
79
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
80
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
81
|
-
}
|
|
82
|
-
return target;
|
|
83
|
-
}
|
|
84
|
-
function _object_without_properties_loose(source, excluded) {
|
|
85
|
-
if (source == null) return {};
|
|
86
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
87
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
88
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
89
|
-
return target;
|
|
90
|
-
}
|
|
91
|
-
function _sliced_to_array(arr, i) {
|
|
92
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
93
|
-
}
|
|
94
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
95
|
-
if (o) {
|
|
96
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
97
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
98
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
99
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
10
|
var NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
103
11
|
name: NAME,
|
|
104
12
|
tag: "li",
|
|
@@ -120,7 +28,7 @@ var NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
|
120
28
|
},
|
|
121
29
|
size: {
|
|
122
30
|
"...size": function(val, param) {
|
|
123
|
-
var tokens = param
|
|
31
|
+
var { tokens } = param;
|
|
124
32
|
return {
|
|
125
33
|
minHeight: tokens.size[val],
|
|
126
34
|
paddingHorizontal: tokens.space[val],
|
|
@@ -191,31 +99,33 @@ var NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
|
191
99
|
}), ListItemTitle = styled(ListItemText, {
|
|
192
100
|
name: "ListItemTitle"
|
|
193
101
|
}), useListItem = function(propsIn) {
|
|
194
|
-
var
|
|
102
|
+
var { Text = ListItemText, Subtitle = ListItemSubtitle, Title = ListItemTitle } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
|
|
195
103
|
Text: ListItemText,
|
|
196
104
|
Subtitle: ListItemSubtitle,
|
|
197
105
|
Title: ListItemTitle
|
|
198
|
-
},
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
106
|
+
}, props = useProps(propsIn), {
|
|
107
|
+
children,
|
|
108
|
+
icon,
|
|
109
|
+
iconAfter,
|
|
110
|
+
noTextWrap,
|
|
111
|
+
theme: themeName,
|
|
112
|
+
space,
|
|
113
|
+
spaceFlex,
|
|
114
|
+
scaleIcon = 1,
|
|
115
|
+
scaleSpace = 1,
|
|
116
|
+
unstyled = !1,
|
|
117
|
+
subTitle,
|
|
118
|
+
title,
|
|
119
|
+
// text props
|
|
120
|
+
color,
|
|
121
|
+
fontWeight,
|
|
122
|
+
fontSize,
|
|
123
|
+
fontFamily,
|
|
124
|
+
letterSpacing,
|
|
125
|
+
textAlign,
|
|
126
|
+
ellipse,
|
|
127
|
+
...rest
|
|
128
|
+
} = props, textProps = {
|
|
219
129
|
color,
|
|
220
130
|
fontWeight,
|
|
221
131
|
fontSize,
|
|
@@ -227,12 +137,13 @@ var NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
|
227
137
|
}, size = props.size || "$true", iconSize = getFontSize(size) * scaleIcon, getThemedIcon = useGetThemedIcon({
|
|
228
138
|
size: iconSize,
|
|
229
139
|
color
|
|
230
|
-
}),
|
|
140
|
+
}), [themedIcon, themedIconAfter] = [
|
|
231
141
|
icon,
|
|
232
142
|
iconAfter
|
|
233
|
-
].map(getThemedIcon),
|
|
143
|
+
].map(getThemedIcon), _getTokens_space_props_space, spaceSize = getVariableValue((_getTokens_space_props_space = getTokens().space[props.space]) !== null && _getTokens_space_props_space !== void 0 ? _getTokens_space_props_space : iconSize) * scaleSpace, contents = wrapChildrenInText(Text, textProps);
|
|
234
144
|
return {
|
|
235
|
-
props:
|
|
145
|
+
props: {
|
|
146
|
+
...rest,
|
|
236
147
|
children: /* @__PURE__ */ _jsxs(_Fragment, {
|
|
237
148
|
children: [
|
|
238
149
|
themedIcon ? /* @__PURE__ */ _jsxs(_Fragment, {
|
|
@@ -276,13 +187,14 @@ var NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
|
276
187
|
}) : null
|
|
277
188
|
]
|
|
278
189
|
})
|
|
279
|
-
}
|
|
190
|
+
}
|
|
280
191
|
};
|
|
281
192
|
}, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
|
|
282
|
-
var
|
|
283
|
-
return /* @__PURE__ */ _jsx(ListItemFrame,
|
|
284
|
-
ref
|
|
285
|
-
|
|
193
|
+
var { props: listItemProps } = useListItem(props);
|
|
194
|
+
return /* @__PURE__ */ _jsx(ListItemFrame, {
|
|
195
|
+
ref,
|
|
196
|
+
...listItemProps
|
|
197
|
+
});
|
|
286
198
|
}), ListItem2 = withStaticProperties(ListItemComponent, {
|
|
287
199
|
Text: ListItemText,
|
|
288
200
|
Subtitle: ListItemSubtitle
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/list-item/src/ListItem.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,mBAAmB;AAC5B,SAASC,oBAAoB;AAC7B,SAASC,SAASC,gBAAgB;AAClC,SAASC,4BAA4B;AACrC,SAASC,wBAAwB;AACjC,SAASC,gBAAgBC,cAAc;AAEvC,SAASC,aAAaC,0BAA0B;AAQhD,SAASC,QAAQC,WAAWC,kBAAkBC,QAAQC,gBAAgB
|
|
5
|
-
"names": ["getFontSize", "getFontSized", "getSize", "getSpace", "withStaticProperties", "useGetThemedIcon", "ThemeableStack", "YStack", "SizableText", "wrapChildrenInText", "Spacer", "getTokens", "getVariableValue", "styled", "useProps", "NAME", "ListItemFrame", "name", "tag", "variants", "unstyled", "false", "size", "alignItems", "justifyContent", "flexWrap", "width", "borderColor", "maxWidth", "overflow", "flexDirection", "backgroundColor", "cursor", "val", "tokens", "minHeight", "paddingHorizontal", "space", "paddingVertical", "shift", "active", "true", "hoverStyle", "disabled", "opacity", "pointerEvents", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "ListItemText", "color", "flexGrow", "flexShrink", "ellipse", "ListItemSubtitle", "extras", "oneSmaller", "excludeHalfSteps", "fontStyle", "key", "ListItemTitle", "useListItem", "propsIn", "Text", "Subtitle", "Title", "props", "children", "icon", "iconAfter", "noTextWrap", "
|
|
4
|
+
"mappings": ";AAAA,SAASA,mBAAmB;AAC5B,SAASC,oBAAoB;AAC7B,SAASC,SAASC,gBAAgB;AAClC,SAASC,4BAA4B;AACrC,SAASC,wBAAwB;AACjC,SAASC,gBAAgBC,cAAc;AAEvC,SAASC,aAAaC,0BAA0B;AAQhD,SAASC,QAAQC,WAAWC,kBAAkBC,QAAQC,gBAAgB;AA+CtE,IAAMC,OAAO,YAEAC,gBAAgBH,OAAOP,gBAAgB;EAClDW,MAAMF;EACNG,KAAK;EAELC,UAAU;IACRC,UAAU;MACRC,OAAO;QACLC,MAAM;QACNC,YAAY;QACZC,gBAAgB;QAChBC,UAAU;QACVC,OAAO;QACPC,aAAa;QACbC,UAAU;QACVC,UAAU;QACVC,eAAe;QACfC,iBAAiB;QACjBC,QAAQ;MACV;IACF;IAEAV,MAAM;MACJ,WAAW,SAACW,KAAAA,OAAAA;YAAiB,EAAEC,OAAM,IAAE;AACrC,eAAO;UACLC,WAAWD,OAAOZ,KAAKW,GAAAA;UACvBG,mBAAmBF,OAAOG,MAAMJ,GAAAA;UAChCK,iBAAiBnC,SAAS+B,OAAOG,MAAMJ,GAAAA,GAAM;YAC3CM,OAAO;UACT,CAAA;QACF;MACF;IACF;IAEAC,QAAQ;MACNC,MAAM;QACJC,YAAY;UACVX,iBAAiB;QACnB;MACF;IACF;IAEAY,UAAU;MACRF,MAAM;QACJG,SAAS;;QAETC,eAAe;MACjB;IACF;EACF;EAEAC,iBAAiB;IACf1B,UAAU2B,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAEaC,eAAerC,OAAOL,aAAa;EAC9CS,MAAM;EAENE,UAAU;IACRC,UAAU;MACRC,OAAO;QACL8B,OAAO;QACP7B,MAAM;QACN8B,UAAU;QACVC,YAAY;QACZC,SAAS;QACTtB,QAAQ;MACV;IACF;EACF;EAEAc,iBAAiB;IACf1B,UAAU2B,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAEaM,mBAAmB1C,OAAOqC,cAAc;EACnDjC,MAAM;EAENE,UAAU;IACRC,UAAU;MACRC,OAAO;QACLuB,SAAS;QACThB,UAAU;QACVuB,OAAO;MACT;IACF;IAEA7B,MAAM;MACJ,WAAW,SAACW,KAAKuB,QAAAA;AACf,YAAMC,aAAavD,QAAQ+B,KAAK;UAC9BM,OAAO;UACPmB,kBAAkB;QACpB,CAAA,GACMC,YAAY1D,aAAawD,WAAWG,KAAuBJ,MAAAA;AACjE,eAAOG;MACT;IACF;EACF;EAEAb,iBAAiB;IACf1B,UAAU2B,QAAQC,IAAIC,qBAAqB;EAC7C;AACF,CAAA,GAEaY,gBAAgBhD,OAAOqC,cAAc;EAChDjC,MAAM;AACR,CAAA,GAEa6C,cAAc,SACzBC,SAAAA;MACA,EACEC,OAAOd,cACPe,WAAWV,kBACXW,QAAQL,cAAa,IAKtB,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAAG;IAAEG,MAAMd;IAAce,UAAUV;IAAkBW,OAAOL;EAAc,GAGrEM,QAAQrD,SAASiD,OAAAA,GAEjB;IACJK;IACAC;IACAC;IACAC;IACAC,OAAOC;IACPpC;IACAqC;IACAC,YAAY;IACZC,aAAa;IACbxD,WAAW;IACXyD;IACAC;;IAGA3B;IACA4B;IACAC;IACAC;IACAC;IACAC;IACA7B;IAEA,GAAG8B;EAAAA,IACDjB,OAEEkB,YAAY;IAChBlC;IACA4B;IACAC;IACAC;IACAC;IACAC;IACA7B;IACAc;EACF,GAEM9C,OAAO6C,MAAM7C,QAAQ,SACrBgE,WAAWtF,YAAYsB,IAAAA,IAAeqD,WACtCY,gBAAgBlF,iBAAiB;IAAEiB,MAAMgE;IAAUnC;EAAoB,CAAA,GACvE,CAACqC,YAAYC,eAAAA,IAAmB;IAACpB;IAAMC;IAAWoB,IAAIH,aAAAA,GAEzC5E,8BADbgF,YACJ/E,kBAAiBD,+BAAAA,UAAAA,EAAY0B,MAAM8B,MAAM9B,KAAK,OAAQ,QAArC1B,iCAAAA,SAAAA,+BAAyC2E,QAAAA,IAAYV,YAElEgB,WAAWnF,mBAAmBuD,MAAMqB,SAAAA;AAE1C,SAAO;IACLlB,OAAO;MACL,GAAGiB;MACHhB,UACE,sBAAA,WAAA;;UACGoB,aACC,sBAAA,WAAA;;cACGA;cACD,qBAAC9E,QAAAA;gBAAOY,MAAMqE;;;eAEd;;;UAGKb,SAASD,WAChB,sBAACtE,QAAAA;YAAOsF,MAAM;;cACXtB,eAAe,QAAQO,QAAQ,qBAACZ,OAAAA;gBAAM5C;0BAAawD;;cACnDD,WACC,qBAAA,WAAA;0BACG,OAAOA,YAAa,YAAYN,eAAe;;;kBAG9C,qBAACN,UAAAA;oBAAS7C;oBAAoBE;8BAC3BuD;;oBAGHA;mBAGF;cACHe;;eAGHA;UAEDH,kBACC,sBAAA,WAAA;;cACE,qBAAC/E,QAAAA;gBAAOY,MAAMqE;;cACbF;;eAED;;;IAGV;EACF;AACF,GAEMK,oBAAoB9E,cAAc+E,UACtC,SAAkB5B,OAAO6B,KAAG;AAC1B,MAAM,EAAE7B,OAAO8B,cAAa,IAAKnC,YAAYK,KAAAA;AAC7C,SAAO,qBAACnD,eAAAA;IAAcgF;IAAW,GAAGC;;AACtC,CAAA,GAGWC,YAAW9F,qBAAqB0F,mBAAmB;EAC9D9B,MAAMd;EACNe,UAAUV;AACZ,CAAA;",
|
|
5
|
+
"names": ["getFontSize", "getFontSized", "getSize", "getSpace", "withStaticProperties", "useGetThemedIcon", "ThemeableStack", "YStack", "SizableText", "wrapChildrenInText", "Spacer", "getTokens", "getVariableValue", "styled", "useProps", "NAME", "ListItemFrame", "name", "tag", "variants", "unstyled", "false", "size", "alignItems", "justifyContent", "flexWrap", "width", "borderColor", "maxWidth", "overflow", "flexDirection", "backgroundColor", "cursor", "val", "tokens", "minHeight", "paddingHorizontal", "space", "paddingVertical", "shift", "active", "true", "hoverStyle", "disabled", "opacity", "pointerEvents", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "ListItemText", "color", "flexGrow", "flexShrink", "ellipse", "ListItemSubtitle", "extras", "oneSmaller", "excludeHalfSteps", "fontStyle", "key", "ListItemTitle", "useListItem", "propsIn", "Text", "Subtitle", "Title", "props", "children", "icon", "iconAfter", "noTextWrap", "theme", "themeName", "spaceFlex", "scaleIcon", "scaleSpace", "subTitle", "title", "fontWeight", "fontSize", "fontFamily", "letterSpacing", "textAlign", "rest", "textProps", "iconSize", "getThemedIcon", "themedIcon", "themedIconAfter", "map", "spaceSize", "contents", "flex", "ListItemComponent", "styleable", "ref", "listItemProps", "ListItem"]
|
|
6
6
|
}
|
|
@@ -0,0 +1,212 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { getFontSize } from "@tamagui/font-size";
|
|
3
|
+
import { getFontSized } from "@tamagui/get-font-sized";
|
|
4
|
+
import { getSize, getSpace } from "@tamagui/get-token";
|
|
5
|
+
import { withStaticProperties } from "@tamagui/helpers";
|
|
6
|
+
import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
7
|
+
import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
8
|
+
import { SizableText, wrapChildrenInText } from "@tamagui/text";
|
|
9
|
+
import { Spacer, getTokens, getVariableValue, styled, useProps } from "@tamagui/web";
|
|
10
|
+
var NAME = "ListItem",
|
|
11
|
+
ListItemFrame = styled(ThemeableStack, {
|
|
12
|
+
name: NAME,
|
|
13
|
+
tag: "li",
|
|
14
|
+
variants: {
|
|
15
|
+
unstyled: {
|
|
16
|
+
false: {
|
|
17
|
+
size: "$true",
|
|
18
|
+
alignItems: "center",
|
|
19
|
+
justifyContent: "space-between",
|
|
20
|
+
flexWrap: "nowrap",
|
|
21
|
+
width: "100%",
|
|
22
|
+
borderColor: "$borderColor",
|
|
23
|
+
maxWidth: "100%",
|
|
24
|
+
overflow: "hidden",
|
|
25
|
+
flexDirection: "row",
|
|
26
|
+
backgroundColor: "$background",
|
|
27
|
+
cursor: "default"
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
size: {
|
|
31
|
+
"...size": function (val, param) {
|
|
32
|
+
var {
|
|
33
|
+
tokens
|
|
34
|
+
} = param;
|
|
35
|
+
return {
|
|
36
|
+
minHeight: tokens.size[val],
|
|
37
|
+
paddingHorizontal: tokens.space[val],
|
|
38
|
+
paddingVertical: getSpace(tokens.space[val], {
|
|
39
|
+
shift: -4
|
|
40
|
+
})
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
active: {
|
|
45
|
+
true: {
|
|
46
|
+
hoverStyle: {
|
|
47
|
+
backgroundColor: "$background"
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
disabled: {
|
|
52
|
+
true: {
|
|
53
|
+
opacity: 0.5,
|
|
54
|
+
// TODO breaking types
|
|
55
|
+
pointerEvents: "none"
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
defaultVariants: {
|
|
60
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
61
|
+
}
|
|
62
|
+
}),
|
|
63
|
+
ListItemText = styled(SizableText, {
|
|
64
|
+
name: "ListItemText",
|
|
65
|
+
variants: {
|
|
66
|
+
unstyled: {
|
|
67
|
+
false: {
|
|
68
|
+
color: "$color",
|
|
69
|
+
size: "$true",
|
|
70
|
+
flexGrow: 1,
|
|
71
|
+
flexShrink: 1,
|
|
72
|
+
ellipse: !0,
|
|
73
|
+
cursor: "inherit"
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
defaultVariants: {
|
|
78
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
79
|
+
}
|
|
80
|
+
}),
|
|
81
|
+
ListItemSubtitle = styled(ListItemText, {
|
|
82
|
+
name: "ListItemSubtitle",
|
|
83
|
+
variants: {
|
|
84
|
+
unstyled: {
|
|
85
|
+
false: {
|
|
86
|
+
opacity: 0.6,
|
|
87
|
+
maxWidth: "100%",
|
|
88
|
+
color: "$color"
|
|
89
|
+
}
|
|
90
|
+
},
|
|
91
|
+
size: {
|
|
92
|
+
"...size": function (val, extras) {
|
|
93
|
+
var oneSmaller = getSize(val, {
|
|
94
|
+
shift: -1,
|
|
95
|
+
excludeHalfSteps: !0
|
|
96
|
+
}),
|
|
97
|
+
fontStyle = getFontSized(oneSmaller.key, extras);
|
|
98
|
+
return fontStyle;
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
defaultVariants: {
|
|
103
|
+
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
104
|
+
}
|
|
105
|
+
}),
|
|
106
|
+
ListItemTitle = styled(ListItemText, {
|
|
107
|
+
name: "ListItemTitle"
|
|
108
|
+
}),
|
|
109
|
+
useListItem = function (propsIn) {
|
|
110
|
+
var {
|
|
111
|
+
Text = ListItemText,
|
|
112
|
+
Subtitle = ListItemSubtitle,
|
|
113
|
+
Title = ListItemTitle
|
|
114
|
+
} = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
|
|
115
|
+
Text: ListItemText,
|
|
116
|
+
Subtitle: ListItemSubtitle,
|
|
117
|
+
Title: ListItemTitle
|
|
118
|
+
},
|
|
119
|
+
props = useProps(propsIn),
|
|
120
|
+
{
|
|
121
|
+
children,
|
|
122
|
+
icon,
|
|
123
|
+
iconAfter,
|
|
124
|
+
noTextWrap,
|
|
125
|
+
theme: themeName,
|
|
126
|
+
space,
|
|
127
|
+
spaceFlex,
|
|
128
|
+
scaleIcon = 1,
|
|
129
|
+
scaleSpace = 1,
|
|
130
|
+
unstyled = !1,
|
|
131
|
+
subTitle,
|
|
132
|
+
title,
|
|
133
|
+
// text props
|
|
134
|
+
color,
|
|
135
|
+
fontWeight,
|
|
136
|
+
fontSize,
|
|
137
|
+
fontFamily,
|
|
138
|
+
letterSpacing,
|
|
139
|
+
textAlign,
|
|
140
|
+
ellipse,
|
|
141
|
+
...rest
|
|
142
|
+
} = props,
|
|
143
|
+
textProps = {
|
|
144
|
+
color,
|
|
145
|
+
fontWeight,
|
|
146
|
+
fontSize,
|
|
147
|
+
fontFamily,
|
|
148
|
+
letterSpacing,
|
|
149
|
+
textAlign,
|
|
150
|
+
ellipse,
|
|
151
|
+
children
|
|
152
|
+
},
|
|
153
|
+
size = props.size || "$true",
|
|
154
|
+
iconSize = getFontSize(size) * scaleIcon,
|
|
155
|
+
getThemedIcon = useGetThemedIcon({
|
|
156
|
+
size: iconSize,
|
|
157
|
+
color
|
|
158
|
+
}),
|
|
159
|
+
[themedIcon, themedIconAfter] = [icon, iconAfter].map(getThemedIcon),
|
|
160
|
+
_getTokens_space_props_space,
|
|
161
|
+
spaceSize = getVariableValue((_getTokens_space_props_space = getTokens().space[props.space]) !== null && _getTokens_space_props_space !== void 0 ? _getTokens_space_props_space : iconSize) * scaleSpace,
|
|
162
|
+
contents = wrapChildrenInText(Text, textProps);
|
|
163
|
+
return {
|
|
164
|
+
props: {
|
|
165
|
+
...rest,
|
|
166
|
+
children: /* @__PURE__ */_jsxs(_Fragment, {
|
|
167
|
+
children: [themedIcon ? /* @__PURE__ */_jsxs(_Fragment, {
|
|
168
|
+
children: [themedIcon, /* @__PURE__ */_jsx(Spacer, {
|
|
169
|
+
size: spaceSize
|
|
170
|
+
})]
|
|
171
|
+
}) : null, /* helper for common title/subtitle pttern */
|
|
172
|
+
/* biome-ignore lint/complexity/noExtraBooleanCast: <explanation> */
|
|
173
|
+
title || subTitle ? /* @__PURE__ */_jsxs(YStack, {
|
|
174
|
+
flex: 1,
|
|
175
|
+
children: [noTextWrap === "all" ? title : /* @__PURE__ */_jsx(Title, {
|
|
176
|
+
size,
|
|
177
|
+
children: title
|
|
178
|
+
}), subTitle ? /* @__PURE__ */_jsx(_Fragment, {
|
|
179
|
+
children: typeof subTitle == "string" && noTextWrap !== "all" ?
|
|
180
|
+
// TODO can use theme but we need to standardize to alt themes
|
|
181
|
+
// or standardize on subtle colors in themes
|
|
182
|
+
/* @__PURE__ */
|
|
183
|
+
_jsx(Subtitle, {
|
|
184
|
+
unstyled,
|
|
185
|
+
size,
|
|
186
|
+
children: subTitle
|
|
187
|
+
}) : subTitle
|
|
188
|
+
}) : null, contents]
|
|
189
|
+
}) : contents, themedIconAfter ? /* @__PURE__ */_jsxs(_Fragment, {
|
|
190
|
+
children: [/* @__PURE__ */_jsx(Spacer, {
|
|
191
|
+
size: spaceSize
|
|
192
|
+
}), themedIconAfter]
|
|
193
|
+
}) : null]
|
|
194
|
+
})
|
|
195
|
+
}
|
|
196
|
+
};
|
|
197
|
+
},
|
|
198
|
+
ListItemComponent = ListItemFrame.styleable(function (props, ref) {
|
|
199
|
+
var {
|
|
200
|
+
props: listItemProps
|
|
201
|
+
} = useListItem(props);
|
|
202
|
+
return /* @__PURE__ */_jsx(ListItemFrame, {
|
|
203
|
+
ref,
|
|
204
|
+
...listItemProps
|
|
205
|
+
});
|
|
206
|
+
}),
|
|
207
|
+
ListItem2 = withStaticProperties(ListItemComponent, {
|
|
208
|
+
Text: ListItemText,
|
|
209
|
+
Subtitle: ListItemSubtitle
|
|
210
|
+
});
|
|
211
|
+
export { ListItem2 as ListItem, ListItemFrame, ListItemSubtitle, ListItemText, ListItemTitle, useListItem };
|
|
212
|
+
//# sourceMappingURL=ListItem.native.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","getFontSize","getFontSized","getSize","getSpace","withStaticProperties","useGetThemedIcon","ThemeableStack","YStack","SizableText","wrapChildrenInText","Spacer","getTokens","getVariableValue","styled","useProps","NAME","ListItemFrame","name","tag","variants","unstyled","false","size","alignItems","justifyContent","flexWrap","width","borderColor","maxWidth","overflow","flexDirection","backgroundColor","cursor","...size","val","param","tokens","minHeight","paddingHorizontal","space","paddingVertical","shift","active","true","hoverStyle","disabled","opacity","pointerEvents","defaultVariants","process","env","TAMAGUI_HEADLESS","ListItemText","color","flexGrow","flexShrink","ellipse","ListItemSubtitle","extras","oneSmaller","excludeHalfSteps","fontStyle","key","ListItemTitle","useListItem","propsIn","Text","Subtitle","Title","arguments","length","props","children","icon","iconAfter","noTextWrap","theme","themeName","spaceFlex","scaleIcon","scaleSpace","subTitle","title","fontWeight","fontSize","fontFamily","letterSpacing","textAlign","rest","textProps","iconSize","getThemedIcon","themedIcon","themedIconAfter","map","_getTokens_space_props_space","spaceSize","contents","flex"],"sources":["../../src/ListItem.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc","ignoreList":[]}
|
|
@@ -7,98 +7,6 @@ import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
|
7
7
|
import { ThemeableStack, YStack } from "@tamagui/stacks";
|
|
8
8
|
import { SizableText, wrapChildrenInText } from "@tamagui/text";
|
|
9
9
|
import { Spacer, getTokens, getVariableValue, styled, useProps } from "@tamagui/web";
|
|
10
|
-
function _array_like_to_array(arr, len) {
|
|
11
|
-
(len == null || len > arr.length) && (len = arr.length);
|
|
12
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
13
|
-
return arr2;
|
|
14
|
-
}
|
|
15
|
-
function _array_with_holes(arr) {
|
|
16
|
-
if (Array.isArray(arr)) return arr;
|
|
17
|
-
}
|
|
18
|
-
function _define_property(obj, key, value) {
|
|
19
|
-
return key in obj ? Object.defineProperty(obj, key, {
|
|
20
|
-
value,
|
|
21
|
-
enumerable: !0,
|
|
22
|
-
configurable: !0,
|
|
23
|
-
writable: !0
|
|
24
|
-
}) : obj[key] = value, obj;
|
|
25
|
-
}
|
|
26
|
-
function _iterable_to_array_limit(arr, i) {
|
|
27
|
-
var _i = arr == null ? null : typeof Symbol < "u" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
28
|
-
if (_i != null) {
|
|
29
|
-
var _arr = [], _n = !0, _d = !1, _s, _e;
|
|
30
|
-
try {
|
|
31
|
-
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done) && (_arr.push(_s.value), !(i && _arr.length === i)); _n = !0)
|
|
32
|
-
;
|
|
33
|
-
} catch (err) {
|
|
34
|
-
_d = !0, _e = err;
|
|
35
|
-
} finally {
|
|
36
|
-
try {
|
|
37
|
-
!_n && _i.return != null && _i.return();
|
|
38
|
-
} finally {
|
|
39
|
-
if (_d) throw _e;
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
return _arr;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
function _non_iterable_rest() {
|
|
46
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
47
|
-
}
|
|
48
|
-
function _object_spread(target) {
|
|
49
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
50
|
-
var source = arguments[i] != null ? arguments[i] : {}, ownKeys2 = Object.keys(source);
|
|
51
|
-
typeof Object.getOwnPropertySymbols == "function" && (ownKeys2 = ownKeys2.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
52
|
-
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
53
|
-
}))), ownKeys2.forEach(function(key) {
|
|
54
|
-
_define_property(target, key, source[key]);
|
|
55
|
-
});
|
|
56
|
-
}
|
|
57
|
-
return target;
|
|
58
|
-
}
|
|
59
|
-
function ownKeys(object, enumerableOnly) {
|
|
60
|
-
var keys = Object.keys(object);
|
|
61
|
-
if (Object.getOwnPropertySymbols) {
|
|
62
|
-
var symbols = Object.getOwnPropertySymbols(object);
|
|
63
|
-
enumerableOnly && (symbols = symbols.filter(function(sym) {
|
|
64
|
-
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
65
|
-
})), keys.push.apply(keys, symbols);
|
|
66
|
-
}
|
|
67
|
-
return keys;
|
|
68
|
-
}
|
|
69
|
-
function _object_spread_props(target, source) {
|
|
70
|
-
return source = source ?? {}, Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
|
|
71
|
-
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
72
|
-
}), target;
|
|
73
|
-
}
|
|
74
|
-
function _object_without_properties(source, excluded) {
|
|
75
|
-
if (source == null) return {};
|
|
76
|
-
var target = _object_without_properties_loose(source, excluded), key, i;
|
|
77
|
-
if (Object.getOwnPropertySymbols) {
|
|
78
|
-
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
79
|
-
for (i = 0; i < sourceSymbolKeys.length; i++)
|
|
80
|
-
key = sourceSymbolKeys[i], !(excluded.indexOf(key) >= 0) && Object.prototype.propertyIsEnumerable.call(source, key) && (target[key] = source[key]);
|
|
81
|
-
}
|
|
82
|
-
return target;
|
|
83
|
-
}
|
|
84
|
-
function _object_without_properties_loose(source, excluded) {
|
|
85
|
-
if (source == null) return {};
|
|
86
|
-
var target = {}, sourceKeys = Object.keys(source), key, i;
|
|
87
|
-
for (i = 0; i < sourceKeys.length; i++)
|
|
88
|
-
key = sourceKeys[i], !(excluded.indexOf(key) >= 0) && (target[key] = source[key]);
|
|
89
|
-
return target;
|
|
90
|
-
}
|
|
91
|
-
function _sliced_to_array(arr, i) {
|
|
92
|
-
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
93
|
-
}
|
|
94
|
-
function _unsupported_iterable_to_array(o, minLen) {
|
|
95
|
-
if (o) {
|
|
96
|
-
if (typeof o == "string") return _array_like_to_array(o, minLen);
|
|
97
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
98
|
-
if (n === "Object" && o.constructor && (n = o.constructor.name), n === "Map" || n === "Set") return Array.from(n);
|
|
99
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
100
|
-
}
|
|
101
|
-
}
|
|
102
10
|
var NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
103
11
|
name: NAME,
|
|
104
12
|
tag: "li",
|
|
@@ -120,7 +28,7 @@ var NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
|
120
28
|
},
|
|
121
29
|
size: {
|
|
122
30
|
"...size": function(val, param) {
|
|
123
|
-
var tokens = param
|
|
31
|
+
var { tokens } = param;
|
|
124
32
|
return {
|
|
125
33
|
minHeight: tokens.size[val],
|
|
126
34
|
paddingHorizontal: tokens.space[val],
|
|
@@ -191,31 +99,33 @@ var NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
|
191
99
|
}), ListItemTitle = styled(ListItemText, {
|
|
192
100
|
name: "ListItemTitle"
|
|
193
101
|
}), useListItem = function(propsIn) {
|
|
194
|
-
var
|
|
102
|
+
var { Text = ListItemText, Subtitle = ListItemSubtitle, Title = ListItemTitle } = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {
|
|
195
103
|
Text: ListItemText,
|
|
196
104
|
Subtitle: ListItemSubtitle,
|
|
197
105
|
Title: ListItemTitle
|
|
198
|
-
},
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
106
|
+
}, props = useProps(propsIn), {
|
|
107
|
+
children,
|
|
108
|
+
icon,
|
|
109
|
+
iconAfter,
|
|
110
|
+
noTextWrap,
|
|
111
|
+
theme: themeName,
|
|
112
|
+
space,
|
|
113
|
+
spaceFlex,
|
|
114
|
+
scaleIcon = 1,
|
|
115
|
+
scaleSpace = 1,
|
|
116
|
+
unstyled = !1,
|
|
117
|
+
subTitle,
|
|
118
|
+
title,
|
|
119
|
+
// text props
|
|
120
|
+
color,
|
|
121
|
+
fontWeight,
|
|
122
|
+
fontSize,
|
|
123
|
+
fontFamily,
|
|
124
|
+
letterSpacing,
|
|
125
|
+
textAlign,
|
|
126
|
+
ellipse,
|
|
127
|
+
...rest
|
|
128
|
+
} = props, textProps = {
|
|
219
129
|
color,
|
|
220
130
|
fontWeight,
|
|
221
131
|
fontSize,
|
|
@@ -227,12 +137,13 @@ var NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
|
227
137
|
}, size = props.size || "$true", iconSize = getFontSize(size) * scaleIcon, getThemedIcon = useGetThemedIcon({
|
|
228
138
|
size: iconSize,
|
|
229
139
|
color
|
|
230
|
-
}),
|
|
140
|
+
}), [themedIcon, themedIconAfter] = [
|
|
231
141
|
icon,
|
|
232
142
|
iconAfter
|
|
233
|
-
].map(getThemedIcon),
|
|
143
|
+
].map(getThemedIcon), _getTokens_space_props_space, spaceSize = getVariableValue((_getTokens_space_props_space = getTokens().space[props.space]) !== null && _getTokens_space_props_space !== void 0 ? _getTokens_space_props_space : iconSize) * scaleSpace, contents = wrapChildrenInText(Text, textProps);
|
|
234
144
|
return {
|
|
235
|
-
props:
|
|
145
|
+
props: {
|
|
146
|
+
...rest,
|
|
236
147
|
children: /* @__PURE__ */ _jsxs(_Fragment, {
|
|
237
148
|
children: [
|
|
238
149
|
themedIcon ? /* @__PURE__ */ _jsxs(_Fragment, {
|
|
@@ -276,13 +187,14 @@ var NAME = "ListItem", ListItemFrame = styled(ThemeableStack, {
|
|
|
276
187
|
}) : null
|
|
277
188
|
]
|
|
278
189
|
})
|
|
279
|
-
}
|
|
190
|
+
}
|
|
280
191
|
};
|
|
281
192
|
}, ListItemComponent = ListItemFrame.styleable(function(props, ref) {
|
|
282
|
-
var
|
|
283
|
-
return /* @__PURE__ */ _jsx(ListItemFrame,
|
|
284
|
-
ref
|
|
285
|
-
|
|
193
|
+
var { props: listItemProps } = useListItem(props);
|
|
194
|
+
return /* @__PURE__ */ _jsx(ListItemFrame, {
|
|
195
|
+
ref,
|
|
196
|
+
...listItemProps
|
|
197
|
+
});
|
|
286
198
|
}), ListItem2 = withStaticProperties(ListItemComponent, {
|
|
287
199
|
Text: ListItemText,
|
|
288
200
|
Subtitle: ListItemSubtitle
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/list-item/src/ListItem.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,mBAAmB;AAC5B,SAASC,oBAAoB;AAC7B,SAASC,SAASC,gBAAgB;AAClC,SAASC,4BAA4B;AACrC,SAASC,wBAAwB;AACjC,SAASC,gBAAgBC,cAAc;AAEvC,SAASC,aAAaC,0BAA0B;AAQhD,SAASC,QAAQC,WAAWC,kBAAkBC,QAAQC,gBAAgB
|
|
5
|
-
"names": ["getFontSize", "getFontSized", "getSize", "getSpace", "withStaticProperties", "useGetThemedIcon", "ThemeableStack", "YStack", "SizableText", "wrapChildrenInText", "Spacer", "getTokens", "getVariableValue", "styled", "useProps", "NAME", "ListItemFrame", "name", "tag", "variants", "unstyled", "false", "size", "alignItems", "justifyContent", "flexWrap", "width", "borderColor", "maxWidth", "overflow", "flexDirection", "backgroundColor", "cursor", "val", "tokens", "minHeight", "paddingHorizontal", "space", "paddingVertical", "shift", "active", "true", "hoverStyle", "disabled", "opacity", "pointerEvents", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "ListItemText", "color", "flexGrow", "flexShrink", "ellipse", "ListItemSubtitle", "extras", "oneSmaller", "excludeHalfSteps", "fontStyle", "key", "ListItemTitle", "useListItem", "propsIn", "Text", "Subtitle", "Title", "props", "children", "icon", "iconAfter", "noTextWrap", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["getFontSize", "getFontSized", "getSize", "getSpace", "withStaticProperties", "useGetThemedIcon", "ThemeableStack", "YStack", "SizableText", "wrapChildrenInText", "Spacer", "getTokens", "getVariableValue", "styled", "useProps", "NAME", "ListItemFrame", "name", "tag", "variants", "unstyled", "false", "size", "alignItems", "justifyContent", "flexWrap", "width", "borderColor", "maxWidth", "overflow", "flexDirection", "backgroundColor", "cursor", "val", "tokens", "minHeight", "paddingHorizontal", "space", "paddingVertical", "shift", "active", "true", "hoverStyle", "disabled", "opacity", "pointerEvents", "defaultVariants", "process", "env", "TAMAGUI_HEADLESS", "ListItemText", "color", "flexGrow", "flexShrink", "ellipse", "ListItemSubtitle", "extras", "oneSmaller", "excludeHalfSteps", "fontStyle", "key", "ListItemTitle", "useListItem", "propsIn", "Text", "Subtitle", "Title", "props", "children", "icon", "iconAfter", "noTextWrap", "theme", "themeName", "spaceFlex", "scaleIcon", "scaleSpace", "subTitle", "title", "fontWeight", "fontSize", "fontFamily", "letterSpacing", "textAlign", "rest", "textProps", "iconSize", "getThemedIcon", "themedIcon", "themedIconAfter", "map", "spaceSize", "contents", "flex", "ListItemComponent", "styleable", "ref", "listItemProps", "ListItem"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/list-item",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.111.0",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -33,17 +33,17 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@tamagui/font-size": "1.
|
|
37
|
-
"@tamagui/get-font-sized": "1.
|
|
38
|
-
"@tamagui/get-token": "1.
|
|
39
|
-
"@tamagui/helpers": "1.
|
|
40
|
-
"@tamagui/helpers-tamagui": "1.
|
|
41
|
-
"@tamagui/stacks": "1.
|
|
42
|
-
"@tamagui/text": "1.
|
|
43
|
-
"@tamagui/web": "1.
|
|
36
|
+
"@tamagui/font-size": "1.111.0",
|
|
37
|
+
"@tamagui/get-font-sized": "1.111.0",
|
|
38
|
+
"@tamagui/get-token": "1.111.0",
|
|
39
|
+
"@tamagui/helpers": "1.111.0",
|
|
40
|
+
"@tamagui/helpers-tamagui": "1.111.0",
|
|
41
|
+
"@tamagui/stacks": "1.111.0",
|
|
42
|
+
"@tamagui/text": "1.111.0",
|
|
43
|
+
"@tamagui/web": "1.111.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
46
|
-
"@tamagui/build": "1.
|
|
46
|
+
"@tamagui/build": "1.111.0",
|
|
47
47
|
"react": "^18.2.0 || ^19.0.0"
|
|
48
48
|
},
|
|
49
49
|
"publishConfig": {
|