@tamagui/list-item 3.0.0-beta.1313.1 → 3.0.0-beta.1342.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/ListItem.cjs +2 -22
- package/dist/cjs/ListItem.native.cjs +2 -22
- package/dist/cjs/ListItem.native.js +2 -22
- package/dist/cjs/ListItem.native.js.map +1 -1
- package/dist/esm/ListItem.mjs +3 -22
- package/dist/esm/ListItem.mjs.map +1 -1
- package/dist/esm/ListItem.native.js +3 -22
- package/dist/esm/ListItem.native.js.map +1 -1
- package/dist/jsx/ListItem.mjs +3 -22
- package/dist/jsx/ListItem.mjs.map +1 -1
- package/dist/jsx/ListItem.native.cjs +2 -22
- package/dist/jsx/ListItem.native.js +2 -22
- package/dist/jsx/ListItem.native.js.map +1 -1
- package/package.json +10 -11
- package/src/ListItem.tsx +7 -31
- package/types/ListItem.d.ts +11 -12
- package/types/ListItem.d.ts.map +1 -1
package/dist/cjs/ListItem.cjs
CHANGED
|
@@ -26,13 +26,10 @@ __export(ListItem_exports, {
|
|
|
26
26
|
ListItemSubtitle: () => ListItemSubtitle,
|
|
27
27
|
ListItemText: () => ListItemText,
|
|
28
28
|
ListItemTitle: () => ListItemTitle,
|
|
29
|
-
listItemSizeVariant: () => listItemSizeVariant,
|
|
30
29
|
useListItem: () => useListItem
|
|
31
30
|
});
|
|
32
31
|
module.exports = __toCommonJS(ListItem_exports);
|
|
33
|
-
var import_get_font_sized = require("@tamagui/get-font-sized");
|
|
34
32
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
35
|
-
var import_size = require("@tamagui/size");
|
|
36
33
|
var import_stacks = require("@tamagui/stacks");
|
|
37
34
|
var import_text = require("@tamagui/text");
|
|
38
35
|
var import_web = require("@tamagui/web");
|
|
@@ -42,24 +39,11 @@ const ListItemContext = (0, import_web.createStyledContext)({
|
|
|
42
39
|
variant: void 0,
|
|
43
40
|
color: void 0
|
|
44
41
|
});
|
|
45
|
-
const listItemSizeVariant = import_web.styled.dynamic((val, env) => {
|
|
46
|
-
const { frame } = (0, import_size.resolveSize)(val, env);
|
|
47
|
-
return {
|
|
48
|
-
minHeight: frame.minHeight,
|
|
49
|
-
paddingHorizontal: frame.paddingHorizontal,
|
|
50
|
-
paddingVertical: frame.paddingVertical,
|
|
51
|
-
gap: frame.gap
|
|
52
|
-
};
|
|
53
|
-
});
|
|
54
|
-
const listItemSubtitleSizeVariant = import_web.styled.dynamic((val, env) => {
|
|
55
|
-
return (0, import_get_font_sized.getFontSized)((0, import_size.oneSizeSmaller)(val, env.sizes), env);
|
|
56
|
-
});
|
|
57
42
|
const ListItemFrame = (0, import_web.styled)(import_web.View, {
|
|
58
43
|
context: ListItemContext,
|
|
59
44
|
displayName: "ListItemFrame",
|
|
60
45
|
role: "listitem",
|
|
61
46
|
render: "li",
|
|
62
|
-
size: true,
|
|
63
47
|
alignItems: "center",
|
|
64
48
|
justifyContent: "space-between",
|
|
65
49
|
flexWrap: "nowrap",
|
|
@@ -67,10 +51,7 @@ const ListItemFrame = (0, import_web.styled)(import_web.View, {
|
|
|
67
51
|
maxWidth: "100%",
|
|
68
52
|
overflow: "hidden",
|
|
69
53
|
flexDirection: "row",
|
|
70
|
-
variants: {
|
|
71
|
-
size: listItemSizeVariant,
|
|
72
|
-
disabled: { true: { pointerEvents: "none" } }
|
|
73
|
-
}
|
|
54
|
+
variants: { disabled: { true: { pointerEvents: "none" } } }
|
|
74
55
|
});
|
|
75
56
|
const ListItemText = (0, import_web.styled)(import_text.SizableText, {
|
|
76
57
|
context: ListItemContext,
|
|
@@ -85,8 +66,7 @@ const ListItemSubtitle = (0, import_web.styled)(ListItemText, {
|
|
|
85
66
|
context: ListItemContext,
|
|
86
67
|
displayName: "ListItemSubtitle",
|
|
87
68
|
opacity: .6,
|
|
88
|
-
maxWidth: "100%"
|
|
89
|
-
variants: { size: listItemSubtitleSizeVariant }
|
|
69
|
+
maxWidth: "100%"
|
|
90
70
|
});
|
|
91
71
|
const ListItemTitle = (0, import_web.styled)(ListItemText, {
|
|
92
72
|
context: ListItemContext,
|
|
@@ -28,14 +28,11 @@ __export(ListItem_exports, {
|
|
|
28
28
|
ListItemSubtitle: () => ListItemSubtitle,
|
|
29
29
|
ListItemText: () => ListItemText,
|
|
30
30
|
ListItemTitle: () => ListItemTitle,
|
|
31
|
-
listItemSizeVariant: () => listItemSizeVariant,
|
|
32
31
|
useListItem: () => useListItem
|
|
33
32
|
});
|
|
34
33
|
module.exports = __toCommonJS(ListItem_exports);
|
|
35
34
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_get_font_sized = require("@tamagui/get-font-sized");
|
|
37
35
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
38
|
-
var import_size = require("@tamagui/size");
|
|
39
36
|
var import_stacks = require("@tamagui/stacks");
|
|
40
37
|
var import_text = require("@tamagui/text");
|
|
41
38
|
var import_web = require("@tamagui/web");
|
|
@@ -44,24 +41,11 @@ var ListItemContext = (0, import_web.createStyledContext)({
|
|
|
44
41
|
variant: void 0,
|
|
45
42
|
color: void 0
|
|
46
43
|
});
|
|
47
|
-
var listItemSizeVariant = import_web.styled.dynamic(function(val, env) {
|
|
48
|
-
var { frame } = (0, import_size.resolveSize)(val, env);
|
|
49
|
-
return {
|
|
50
|
-
minHeight: frame.minHeight,
|
|
51
|
-
paddingHorizontal: frame.paddingHorizontal,
|
|
52
|
-
paddingVertical: frame.paddingVertical,
|
|
53
|
-
gap: frame.gap
|
|
54
|
-
};
|
|
55
|
-
});
|
|
56
|
-
var listItemSubtitleSizeVariant = import_web.styled.dynamic(function(val, env) {
|
|
57
|
-
return (0, import_get_font_sized.getFontSized)((0, import_size.oneSizeSmaller)(val, env.sizes), env);
|
|
58
|
-
});
|
|
59
44
|
var ListItemFrame = (0, import_web.styled)(import_web.View, {
|
|
60
45
|
context: ListItemContext,
|
|
61
46
|
displayName: "ListItemFrame",
|
|
62
47
|
role: "listitem",
|
|
63
48
|
render: "li",
|
|
64
|
-
size: true,
|
|
65
49
|
alignItems: "center",
|
|
66
50
|
justifyContent: "space-between",
|
|
67
51
|
flexWrap: "nowrap",
|
|
@@ -69,10 +53,7 @@ var ListItemFrame = (0, import_web.styled)(import_web.View, {
|
|
|
69
53
|
maxWidth: "100%",
|
|
70
54
|
overflow: "hidden",
|
|
71
55
|
flexDirection: "row",
|
|
72
|
-
variants: {
|
|
73
|
-
size: listItemSizeVariant,
|
|
74
|
-
disabled: { true: { pointerEvents: "none" } }
|
|
75
|
-
}
|
|
56
|
+
variants: { disabled: { true: { pointerEvents: "none" } } }
|
|
76
57
|
});
|
|
77
58
|
var ListItemText = (0, import_web.styled)(import_text.SizableText, {
|
|
78
59
|
context: ListItemContext,
|
|
@@ -87,8 +68,7 @@ var ListItemSubtitle = (0, import_web.styled)(ListItemText, {
|
|
|
87
68
|
context: ListItemContext,
|
|
88
69
|
displayName: "ListItemSubtitle",
|
|
89
70
|
opacity: .6,
|
|
90
|
-
maxWidth: "100%"
|
|
91
|
-
variants: { size: listItemSubtitleSizeVariant }
|
|
71
|
+
maxWidth: "100%"
|
|
92
72
|
});
|
|
93
73
|
var ListItemTitle = (0, import_web.styled)(ListItemText, {
|
|
94
74
|
context: ListItemContext,
|
|
@@ -28,14 +28,11 @@ __export(ListItem_exports, {
|
|
|
28
28
|
ListItemSubtitle: () => ListItemSubtitle,
|
|
29
29
|
ListItemText: () => ListItemText,
|
|
30
30
|
ListItemTitle: () => ListItemTitle,
|
|
31
|
-
listItemSizeVariant: () => listItemSizeVariant,
|
|
32
31
|
useListItem: () => useListItem
|
|
33
32
|
});
|
|
34
33
|
module.exports = __toCommonJS(ListItem_exports);
|
|
35
34
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_get_font_sized = require("@tamagui/get-font-sized");
|
|
37
35
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
38
|
-
var import_size = require("@tamagui/size");
|
|
39
36
|
var import_stacks = require("@tamagui/stacks");
|
|
40
37
|
var import_text = require("@tamagui/text");
|
|
41
38
|
var import_web = require("@tamagui/web");
|
|
@@ -44,24 +41,11 @@ var ListItemContext = (0, import_web.createStyledContext)({
|
|
|
44
41
|
variant: void 0,
|
|
45
42
|
color: void 0
|
|
46
43
|
});
|
|
47
|
-
var listItemSizeVariant = import_web.styled.dynamic(function(val, env) {
|
|
48
|
-
var { frame } = (0, import_size.resolveSize)(val, env);
|
|
49
|
-
return {
|
|
50
|
-
minHeight: frame.minHeight,
|
|
51
|
-
paddingHorizontal: frame.paddingHorizontal,
|
|
52
|
-
paddingVertical: frame.paddingVertical,
|
|
53
|
-
gap: frame.gap
|
|
54
|
-
};
|
|
55
|
-
});
|
|
56
|
-
var listItemSubtitleSizeVariant = import_web.styled.dynamic(function(val, env) {
|
|
57
|
-
return (0, import_get_font_sized.getFontSized)((0, import_size.oneSizeSmaller)(val, env.sizes), env);
|
|
58
|
-
});
|
|
59
44
|
var ListItemFrame = (0, import_web.styled)(import_web.View, {
|
|
60
45
|
context: ListItemContext,
|
|
61
46
|
displayName: "ListItemFrame",
|
|
62
47
|
role: "listitem",
|
|
63
48
|
render: "li",
|
|
64
|
-
size: true,
|
|
65
49
|
alignItems: "center",
|
|
66
50
|
justifyContent: "space-between",
|
|
67
51
|
flexWrap: "nowrap",
|
|
@@ -69,10 +53,7 @@ var ListItemFrame = (0, import_web.styled)(import_web.View, {
|
|
|
69
53
|
maxWidth: "100%",
|
|
70
54
|
overflow: "hidden",
|
|
71
55
|
flexDirection: "row",
|
|
72
|
-
variants: {
|
|
73
|
-
size: listItemSizeVariant,
|
|
74
|
-
disabled: { true: { pointerEvents: "none" } }
|
|
75
|
-
}
|
|
56
|
+
variants: { disabled: { true: { pointerEvents: "none" } } }
|
|
76
57
|
});
|
|
77
58
|
var ListItemText = (0, import_web.styled)(import_text.SizableText, {
|
|
78
59
|
context: ListItemContext,
|
|
@@ -87,8 +68,7 @@ var ListItemSubtitle = (0, import_web.styled)(ListItemText, {
|
|
|
87
68
|
context: ListItemContext,
|
|
88
69
|
displayName: "ListItemSubtitle",
|
|
89
70
|
opacity: .6,
|
|
90
|
-
maxWidth: "100%"
|
|
91
|
-
variants: { size: listItemSubtitleSizeVariant }
|
|
71
|
+
maxWidth: "100%"
|
|
92
72
|
});
|
|
93
73
|
var ListItemTitle = (0, import_web.styled)(ListItemText, {
|
|
94
74
|
context: ListItemContext,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.native.js","names":[],"sources":["cjs/ListItem.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListItem_exports = {};\n__export(ListItem_exports, {\n ListItemContext: () => ListItemContext,\n ListItemFrame: () => ListItemFrame,\n ListItemIcon: () => ListItemIcon,\n ListItemSubtitle: () => ListItemSubtitle,\n ListItemText: () => ListItemText,\n ListItemTitle: () => ListItemTitle,\n
|
|
1
|
+
{"version":3,"file":"ListItem.native.js","names":[],"sources":["cjs/ListItem.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListItem_exports = {};\n__export(ListItem_exports, {\n ListItemContext: () => ListItemContext,\n ListItemFrame: () => ListItemFrame,\n ListItemIcon: () => ListItemIcon,\n ListItemSubtitle: () => ListItemSubtitle,\n ListItemText: () => ListItemText,\n ListItemTitle: () => ListItemTitle,\n useListItem: () => useListItem\n});\nmodule.exports = __toCommonJS(ListItem_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_helpers_tamagui = require(\"@tamagui/helpers-tamagui\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_text = require(\"@tamagui/text\");\nvar import_web = require(\"@tamagui/web\");\nvar ListItemContext = (0, import_web.createStyledContext)({\n size: void 0,\n variant: void 0,\n color: void 0\n});\nvar ListItemFrame = (0, import_web.styled)(import_web.View, {\n context: ListItemContext,\n displayName: \"ListItemFrame\",\n // role is the cross-platform one; render only lands on web\n role: \"listitem\",\n render: \"li\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n flexWrap: \"nowrap\",\n width: \"100%\",\n maxWidth: \"100%\",\n overflow: \"hidden\",\n flexDirection: \"row\",\n variants: {\n disabled: {\n true: {\n pointerEvents: \"none\"\n }\n }\n }\n});\nvar ListItemText = (0, import_web.styled)(import_text.SizableText, {\n context: ListItemContext,\n displayName: \"ListItemText\",\n size: true,\n flexGrow: 1,\n flexShrink: 1,\n ellipsis: true,\n cursor: \"inherit\"\n});\nvar ListItemSubtitle = (0, import_web.styled)(ListItemText, {\n context: ListItemContext,\n displayName: \"ListItemSubtitle\",\n opacity: 0.6,\n maxWidth: \"100%\"\n});\nvar ListItemTitle = (0, import_web.styled)(ListItemText, {\n context: ListItemContext,\n displayName: \"ListItemTitle\"\n});\nvar ListItemIcon = function(param) {\n var { children, size, scaleIcon = 1 } = param;\n var context = ListItemContext.useStyledContext();\n var _ref;\n var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({\n size: (0, import_helpers_tamagui.getThemedIconSize)((_ref = size !== null && size !== void 0 ? size : context.size) !== null && _ref !== void 0 ? _ref : true, scaleIcon),\n color: context.color\n });\n return getThemedIcon(children);\n};\nfunction useListItem(propsIn) {\n var [wrappedTextProps, listItemProps] = (0, import_web.splitStyleProps)(propsIn, {\n expandShorthands: true,\n filter: import_text.textParentProps\n });\n var { children, icon, iconAfter, iconSize, scaleIcon = 1, subTitle, title, ...frameProps } = listItemProps;\n var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n var context = ListItemContext.useStyledContext();\n var _ref, _ref1, _propsIn_color;\n var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({\n size: (0, import_helpers_tamagui.getThemedIconSize)((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),\n color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color\n });\n var wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {\n children,\n noTextWrap,\n textProps\n }, textStyleProps);\n return {\n props: {\n ...frameProps,\n color: propsIn.color,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n icon ? getThemedIcon(icon) : null,\n title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, {\n flex: 1,\n children: [\n typeof title === \"string\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemTitle, {\n ...textStyleProps,\n ...textProps,\n children: title\n }) : title,\n typeof subTitle === \"string\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemSubtitle, {\n ...textStyleProps,\n ...textProps,\n children: subTitle\n }) : subTitle,\n wrappedChildren\n ]\n }) : wrappedChildren,\n iconAfter ? getThemedIcon(iconAfter) : null\n ]\n })\n }\n };\n}\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":"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"}
|
package/dist/esm/ListItem.mjs
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import { getFontSized } from "@tamagui/get-font-sized";
|
|
2
1
|
import { getThemedIconSize, useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
3
|
-
import { oneSizeSmaller, resolveSize } from "@tamagui/size";
|
|
4
2
|
import { YStack } from "@tamagui/stacks";
|
|
5
3
|
import { SizableText, textParentProps, wrapChildrenInText } from "@tamagui/text";
|
|
6
4
|
import { View, createStyledContext, splitStyleProps, styled } from "@tamagui/web";
|
|
@@ -11,24 +9,11 @@ const ListItemContext = createStyledContext({
|
|
|
11
9
|
variant: void 0,
|
|
12
10
|
color: void 0
|
|
13
11
|
});
|
|
14
|
-
const listItemSizeVariant = styled.dynamic((val, env) => {
|
|
15
|
-
const { frame } = resolveSize(val, env);
|
|
16
|
-
return {
|
|
17
|
-
minHeight: frame.minHeight,
|
|
18
|
-
paddingHorizontal: frame.paddingHorizontal,
|
|
19
|
-
paddingVertical: frame.paddingVertical,
|
|
20
|
-
gap: frame.gap
|
|
21
|
-
};
|
|
22
|
-
});
|
|
23
|
-
const listItemSubtitleSizeVariant = styled.dynamic((val, env) => {
|
|
24
|
-
return getFontSized(oneSizeSmaller(val, env.sizes), env);
|
|
25
|
-
});
|
|
26
12
|
const ListItemFrame = styled(View, {
|
|
27
13
|
context: ListItemContext,
|
|
28
14
|
displayName: "ListItemFrame",
|
|
29
15
|
role: "listitem",
|
|
30
16
|
render: "li",
|
|
31
|
-
size: true,
|
|
32
17
|
alignItems: "center",
|
|
33
18
|
justifyContent: "space-between",
|
|
34
19
|
flexWrap: "nowrap",
|
|
@@ -36,10 +21,7 @@ const ListItemFrame = styled(View, {
|
|
|
36
21
|
maxWidth: "100%",
|
|
37
22
|
overflow: "hidden",
|
|
38
23
|
flexDirection: "row",
|
|
39
|
-
variants: {
|
|
40
|
-
size: listItemSizeVariant,
|
|
41
|
-
disabled: { true: { pointerEvents: "none" } }
|
|
42
|
-
}
|
|
24
|
+
variants: { disabled: { true: { pointerEvents: "none" } } }
|
|
43
25
|
});
|
|
44
26
|
const ListItemText = styled(SizableText, {
|
|
45
27
|
context: ListItemContext,
|
|
@@ -54,8 +36,7 @@ const ListItemSubtitle = styled(ListItemText, {
|
|
|
54
36
|
context: ListItemContext,
|
|
55
37
|
displayName: "ListItemSubtitle",
|
|
56
38
|
opacity: .6,
|
|
57
|
-
maxWidth: "100%"
|
|
58
|
-
variants: { size: listItemSubtitleSizeVariant }
|
|
39
|
+
maxWidth: "100%"
|
|
59
40
|
});
|
|
60
41
|
const ListItemTitle = styled(ListItemText, {
|
|
61
42
|
context: ListItemContext,
|
|
@@ -112,5 +93,5 @@ function useListItem(propsIn) {
|
|
|
112
93
|
} };
|
|
113
94
|
}
|
|
114
95
|
|
|
115
|
-
export { ListItemContext, ListItemFrame, ListItemIcon, ListItemSubtitle, ListItemText, ListItemTitle,
|
|
96
|
+
export { ListItemContext, ListItemFrame, ListItemIcon, ListItemSubtitle, ListItemText, ListItemTitle, useListItem };
|
|
116
97
|
//# sourceMappingURL=ListItem.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","names":[],"sources":["esm/ListItem.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"ListItem.js","names":[],"sources":["esm/ListItem.js"],"sourcesContent":["import { getThemedIconSize, useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { SizableText, textParentProps, wrapChildrenInText } from \"@tamagui/text\";\nimport { createStyledContext, splitStyleProps, styled, View } from \"@tamagui/web\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nconst ListItemContext = createStyledContext({\n size: void 0,\n variant: void 0,\n color: void 0\n});\nconst ListItemFrame = styled(View, {\n context: ListItemContext,\n displayName: \"ListItemFrame\",\n // role is the cross-platform one; render only lands on web\n role: \"listitem\",\n render: \"li\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n flexWrap: \"nowrap\",\n width: \"100%\",\n maxWidth: \"100%\",\n overflow: \"hidden\",\n flexDirection: \"row\",\n variants: {\n disabled: {\n true: {\n pointerEvents: \"none\"\n }\n }\n }\n});\nconst ListItemText = styled(SizableText, {\n context: ListItemContext,\n displayName: \"ListItemText\",\n size: true,\n flexGrow: 1,\n flexShrink: 1,\n ellipsis: true,\n cursor: \"inherit\"\n});\nconst ListItemSubtitle = styled(ListItemText, {\n context: ListItemContext,\n displayName: \"ListItemSubtitle\",\n opacity: 0.6,\n maxWidth: \"100%\"\n});\nconst ListItemTitle = styled(ListItemText, {\n context: ListItemContext,\n displayName: \"ListItemTitle\"\n});\nconst ListItemIcon = ({ children, size, scaleIcon = 1 }) => {\n const context = ListItemContext.useStyledContext();\n const getThemedIcon = useGetThemedIcon({\n size: getThemedIconSize(size ?? context.size ?? true, scaleIcon),\n color: context.color\n });\n return getThemedIcon(children);\n};\nfunction useListItem(propsIn) {\n const [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {\n expandShorthands: true,\n filter: textParentProps\n });\n const {\n children,\n icon,\n iconAfter,\n iconSize,\n scaleIcon = 1,\n subTitle,\n title,\n ...frameProps\n } = listItemProps;\n const { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n const context = ListItemContext.useStyledContext();\n const getThemedIcon = useGetThemedIcon({\n size: getThemedIconSize(iconSize ?? propsIn.size ?? context.size ?? true, scaleIcon),\n color: propsIn.color ?? context.color\n });\n const wrappedChildren = wrapChildrenInText(\n ListItemText,\n { children, noTextWrap, textProps },\n textStyleProps\n );\n return {\n props: {\n ...frameProps,\n color: propsIn.color,\n children: /* @__PURE__ */ jsxs(Fragment, { children: [\n icon ? getThemedIcon(icon) : null,\n title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [\n typeof title === \"string\" ? /* @__PURE__ */ jsx(ListItemTitle, { ...textStyleProps, ...textProps, children: title }) : title,\n typeof subTitle === \"string\" ? /* @__PURE__ */ jsx(ListItemSubtitle, { ...textStyleProps, ...textProps, children: subTitle }) : subTitle,\n wrappedChildren\n ] }) : wrappedChildren,\n iconAfter ? getThemedIcon(iconAfter) : null\n ] })\n }\n };\n}\nexport {\n ListItemContext,\n ListItemFrame,\n ListItemIcon,\n ListItemSubtitle,\n ListItemText,\n ListItemTitle,\n useListItem\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":";;;;;;;AAKA,MAAM,kBAAkB,oBAAoB;CAC1C,MAAM,KAAK;CACX,SAAS,KAAK;CACd,OAAO,KAAK;AACd,CAAC;AACD,MAAM,gBAAgB,OAAO,MAAM;CACjC,SAAS;CACT,aAAa;CAEb,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACV,OAAO;CACP,UAAU;CACV,UAAU;CACV,eAAe;CACf,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,MAAM,eAAe,OAAO,aAAa;CACvC,SAAS;CACT,aAAa;CACb,MAAM;CACN,UAAU;CACV,YAAY;CACZ,UAAU;CACV,QAAQ;AACV,CAAC;AACD,MAAM,mBAAmB,OAAO,cAAc;CAC5C,SAAS;CACT,aAAa;CACb,SAAS;CACT,UAAU;AACZ,CAAC;AACD,MAAM,gBAAgB,OAAO,cAAc;CACzC,SAAS;CACT,aAAa;AACf,CAAC;AACD,MAAM,gBAAgB,EAAE,UAAU,MAAM,YAAY,QAAQ;CAC1D,MAAM,UAAU,gBAAgB,iBAAiB;CACjD,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,kBAAkB,QAAQ,QAAQ,QAAQ,MAAM,SAAS;EAC/D,OAAO,QAAQ;CACjB,CAAC;CACD,OAAO,cAAc,QAAQ;AAC/B;AACA,SAAS,YAAY,SAAS;CAC5B,MAAM,CAAC,kBAAkB,iBAAiB,gBAAgB,SAAS;EACjE,kBAAkB;EAClB,QAAQ;CACV,CAAC;CACD,MAAM,EACJ,UACA,MACA,WACA,UACA,YAAY,GACZ,UACA,OACA,GAAG,eACD;CACJ,MAAM,EAAE,YAAY,WAAW,GAAG,mBAAmB;CACrD,MAAM,UAAU,gBAAgB,iBAAiB;CACjD,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,kBAAkB,YAAY,QAAQ,QAAQ,QAAQ,QAAQ,MAAM,SAAS;EACnF,OAAO,QAAQ,SAAS,QAAQ;CAClC,CAAC;CACD,MAAM,kBAAkB,mBACtB,cACA;EAAE;EAAU;EAAY;CAAU,GAClC,cACF;CACA,OAAO,EACL,OAAO;EACL,GAAG;EACH,OAAO,QAAQ;EACf,UAA0B,qBAAK,UAAU,EAAE,UAAU;GACnD,OAAO,cAAc,IAAI,IAAI;GAC7B,SAAS,WAA2B,qBAAK,QAAQ;IAAE,MAAM;IAAG,UAAU;KACpE,OAAO,UAAU,WAA2B,oBAAI,eAAe;MAAE,GAAG;MAAgB,GAAG;MAAW,UAAU;KAAM,CAAC,IAAI;KACvH,OAAO,aAAa,WAA2B,oBAAI,kBAAkB;MAAE,GAAG;MAAgB,GAAG;MAAW,UAAU;KAAS,CAAC,IAAI;KAChI;IACF;GAAE,CAAC,IAAI;GACP,YAAY,cAAc,SAAS,IAAI;EACzC,EAAE,CAAC;CACL,EACF;AACF"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { getFontSized } from "@tamagui/get-font-sized";
|
|
3
2
|
import { getThemedIconSize, useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
4
|
-
import { oneSizeSmaller, resolveSize } from "@tamagui/size";
|
|
5
3
|
import { YStack } from "@tamagui/stacks";
|
|
6
4
|
import { SizableText, textParentProps, wrapChildrenInText } from "@tamagui/text";
|
|
7
5
|
import { View, createStyledContext, splitStyleProps, styled } from "@tamagui/web";
|
|
@@ -11,24 +9,11 @@ var ListItemContext = createStyledContext({
|
|
|
11
9
|
variant: void 0,
|
|
12
10
|
color: void 0
|
|
13
11
|
});
|
|
14
|
-
var listItemSizeVariant = styled.dynamic(function(val, env) {
|
|
15
|
-
var { frame } = resolveSize(val, env);
|
|
16
|
-
return {
|
|
17
|
-
minHeight: frame.minHeight,
|
|
18
|
-
paddingHorizontal: frame.paddingHorizontal,
|
|
19
|
-
paddingVertical: frame.paddingVertical,
|
|
20
|
-
gap: frame.gap
|
|
21
|
-
};
|
|
22
|
-
});
|
|
23
|
-
var listItemSubtitleSizeVariant = styled.dynamic(function(val, env) {
|
|
24
|
-
return getFontSized(oneSizeSmaller(val, env.sizes), env);
|
|
25
|
-
});
|
|
26
12
|
var ListItemFrame = styled(View, {
|
|
27
13
|
context: ListItemContext,
|
|
28
14
|
displayName: "ListItemFrame",
|
|
29
15
|
role: "listitem",
|
|
30
16
|
render: "li",
|
|
31
|
-
size: true,
|
|
32
17
|
alignItems: "center",
|
|
33
18
|
justifyContent: "space-between",
|
|
34
19
|
flexWrap: "nowrap",
|
|
@@ -36,10 +21,7 @@ var ListItemFrame = styled(View, {
|
|
|
36
21
|
maxWidth: "100%",
|
|
37
22
|
overflow: "hidden",
|
|
38
23
|
flexDirection: "row",
|
|
39
|
-
variants: {
|
|
40
|
-
size: listItemSizeVariant,
|
|
41
|
-
disabled: { true: { pointerEvents: "none" } }
|
|
42
|
-
}
|
|
24
|
+
variants: { disabled: { true: { pointerEvents: "none" } } }
|
|
43
25
|
});
|
|
44
26
|
var ListItemText = styled(SizableText, {
|
|
45
27
|
context: ListItemContext,
|
|
@@ -54,8 +36,7 @@ var ListItemSubtitle = styled(ListItemText, {
|
|
|
54
36
|
context: ListItemContext,
|
|
55
37
|
displayName: "ListItemSubtitle",
|
|
56
38
|
opacity: .6,
|
|
57
|
-
maxWidth: "100%"
|
|
58
|
-
variants: { size: listItemSubtitleSizeVariant }
|
|
39
|
+
maxWidth: "100%"
|
|
59
40
|
});
|
|
60
41
|
var ListItemTitle = styled(ListItemText, {
|
|
61
42
|
context: ListItemContext,
|
|
@@ -115,5 +96,5 @@ function useListItem(propsIn) {
|
|
|
115
96
|
} };
|
|
116
97
|
}
|
|
117
98
|
|
|
118
|
-
export { ListItemContext, ListItemFrame, ListItemIcon, ListItemSubtitle, ListItemText, ListItemTitle,
|
|
99
|
+
export { ListItemContext, ListItemFrame, ListItemIcon, ListItemSubtitle, ListItemText, ListItemTitle, useListItem };
|
|
119
100
|
//# sourceMappingURL=ListItem.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.native.js","names":["_Fragment"],"sources":["esm/ListItem.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport {
|
|
1
|
+
{"version":3,"file":"ListItem.native.js","names":["_Fragment"],"sources":["esm/ListItem.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { getThemedIconSize, useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { SizableText, textParentProps, wrapChildrenInText } from \"@tamagui/text\";\nimport { createStyledContext, splitStyleProps, styled, View } from \"@tamagui/web\";\nvar ListItemContext = createStyledContext({\n size: void 0,\n variant: void 0,\n color: void 0\n});\nvar ListItemFrame = styled(View, {\n context: ListItemContext,\n displayName: \"ListItemFrame\",\n // role is the cross-platform one; render only lands on web\n role: \"listitem\",\n render: \"li\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n flexWrap: \"nowrap\",\n width: \"100%\",\n maxWidth: \"100%\",\n overflow: \"hidden\",\n flexDirection: \"row\",\n variants: {\n disabled: {\n true: {\n pointerEvents: \"none\"\n }\n }\n }\n});\nvar ListItemText = styled(SizableText, {\n context: ListItemContext,\n displayName: \"ListItemText\",\n size: true,\n flexGrow: 1,\n flexShrink: 1,\n ellipsis: true,\n cursor: \"inherit\"\n});\nvar ListItemSubtitle = styled(ListItemText, {\n context: ListItemContext,\n displayName: \"ListItemSubtitle\",\n opacity: 0.6,\n maxWidth: \"100%\"\n});\nvar ListItemTitle = styled(ListItemText, {\n context: ListItemContext,\n displayName: \"ListItemTitle\"\n});\nvar ListItemIcon = function(param) {\n var { children, size, scaleIcon = 1 } = param;\n var context = ListItemContext.useStyledContext();\n var _ref;\n var getThemedIcon = useGetThemedIcon({\n size: getThemedIconSize((_ref = size !== null && size !== void 0 ? size : context.size) !== null && _ref !== void 0 ? _ref : true, scaleIcon),\n color: context.color\n });\n return getThemedIcon(children);\n};\nfunction useListItem(propsIn) {\n var [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {\n expandShorthands: true,\n filter: textParentProps\n });\n var { children, icon, iconAfter, iconSize, scaleIcon = 1, subTitle, title, ...frameProps } = listItemProps;\n var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n var context = ListItemContext.useStyledContext();\n var _ref, _ref1, _propsIn_color;\n var getThemedIcon = useGetThemedIcon({\n size: getThemedIconSize((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),\n color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color\n });\n var wrappedChildren = wrapChildrenInText(ListItemText, {\n children,\n noTextWrap,\n textProps\n }, textStyleProps);\n return {\n props: {\n ...frameProps,\n color: propsIn.color,\n children: /* @__PURE__ */ _jsxs(_Fragment, {\n children: [\n icon ? getThemedIcon(icon) : null,\n title || subTitle ? /* @__PURE__ */ _jsxs(YStack, {\n flex: 1,\n children: [\n typeof title === \"string\" ? /* @__PURE__ */ _jsx(ListItemTitle, {\n ...textStyleProps,\n ...textProps,\n children: title\n }) : title,\n typeof subTitle === \"string\" ? /* @__PURE__ */ _jsx(ListItemSubtitle, {\n ...textStyleProps,\n ...textProps,\n children: subTitle\n }) : subTitle,\n wrappedChildren\n ]\n }) : wrappedChildren,\n iconAfter ? getThemedIcon(iconAfter) : null\n ]\n })\n }\n };\n}\nexport {\n ListItemContext,\n ListItemFrame,\n ListItemIcon,\n ListItemSubtitle,\n ListItemText,\n ListItemTitle,\n useListItem\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":";;;;;;;AAKA,IAAI,kBAAkB,oBAAoB;CACxC,MAAM,KAAK;CACX,SAAS,KAAK;CACd,OAAO,KAAK;AACd,CAAC;AACD,IAAI,gBAAgB,OAAO,MAAM;CAC/B,SAAS;CACT,aAAa;CAEb,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACV,OAAO;CACP,UAAU;CACV,UAAU;CACV,eAAe;CACf,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,IAAI,eAAe,OAAO,aAAa;CACrC,SAAS;CACT,aAAa;CACb,MAAM;CACN,UAAU;CACV,YAAY;CACZ,UAAU;CACV,QAAQ;AACV,CAAC;AACD,IAAI,mBAAmB,OAAO,cAAc;CAC1C,SAAS;CACT,aAAa;CACb,SAAS;CACT,UAAU;AACZ,CAAC;AACD,IAAI,gBAAgB,OAAO,cAAc;CACvC,SAAS;CACT,aAAa;AACf,CAAC;AACD,IAAI,eAAe,SAAS,OAAO;CACjC,IAAI,EAAE,UAAU,MAAM,YAAY,MAAM;CACxC,IAAI,UAAU,gBAAgB,iBAAiB;CAC/C,IAAI;CACJ,IAAI,gBAAgB,iBAAiB;EACnC,MAAM,mBAAmB,OAAO,SAAS,QAAQ,SAAS,KAAK,IAAI,OAAO,QAAQ,UAAU,QAAQ,SAAS,KAAK,IAAI,OAAO,MAAM,SAAS;EAC5I,OAAO,QAAQ;CACjB,CAAC;CACD,OAAO,cAAc,QAAQ;AAC/B;AACA,SAAS,YAAY,SAAS;CAC5B,IAAI,CAAC,kBAAkB,iBAAiB,gBAAgB,SAAS;EAC/D,kBAAkB;EAClB,QAAQ;CACV,CAAC;CACD,IAAI,EAAE,UAAU,MAAM,WAAW,UAAU,YAAY,GAAG,UAAU,OAAO,GAAG,eAAe;CAC7F,IAAI,EAAE,YAAY,WAAW,GAAG,mBAAmB;CACnD,IAAI,UAAU,gBAAgB,iBAAiB;CAC/C,IAAI,MAAM,OAAO;CACjB,IAAI,gBAAgB,iBAAiB;EACnC,MAAM,mBAAmB,SAAS,OAAO,aAAa,QAAQ,aAAa,KAAK,IAAI,WAAW,QAAQ,UAAU,QAAQ,SAAS,KAAK,IAAI,OAAO,QAAQ,UAAU,QAAQ,UAAU,KAAK,IAAI,QAAQ,MAAM,SAAS;EACtN,QAAQ,iBAAiB,QAAQ,WAAW,QAAQ,mBAAmB,KAAK,IAAI,iBAAiB,QAAQ;CAC3G,CAAC;CACD,IAAI,kBAAkB,mBAAmB,cAAc;EACrD;EACA;EACA;CACF,GAAG,cAAc;CACjB,OAAO,EACL,OAAO;EACL,GAAG;EACH,OAAO,QAAQ;EACf,UAA0B,qBAAMA,UAAW,EACzC,UAAU;GACR,OAAO,cAAc,IAAI,IAAI;GAC7B,SAAS,WAA2B,qBAAM,QAAQ;IAChD,MAAM;IACN,UAAU;KACR,OAAO,UAAU,WAA2B,oBAAK,eAAe;MAC9D,GAAG;MACH,GAAG;MACH,UAAU;KACZ,CAAC,IAAI;KACL,OAAO,aAAa,WAA2B,oBAAK,kBAAkB;MACpE,GAAG;MACH,GAAG;MACH,UAAU;KACZ,CAAC,IAAI;KACL;IACF;GACF,CAAC,IAAI;GACL,YAAY,cAAc,SAAS,IAAI;EACzC,EACF,CAAC;CACH,EACF;AACF"}
|
package/dist/jsx/ListItem.mjs
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import { getFontSized } from "@tamagui/get-font-sized";
|
|
2
1
|
import { getThemedIconSize, useGetThemedIcon } from "@tamagui/helpers-tamagui";
|
|
3
|
-
import { oneSizeSmaller, resolveSize } from "@tamagui/size";
|
|
4
2
|
import { YStack } from "@tamagui/stacks";
|
|
5
3
|
import { SizableText, textParentProps, wrapChildrenInText } from "@tamagui/text";
|
|
6
4
|
import { View, createStyledContext, splitStyleProps, styled } from "@tamagui/web";
|
|
@@ -11,24 +9,11 @@ const ListItemContext = createStyledContext({
|
|
|
11
9
|
variant: void 0,
|
|
12
10
|
color: void 0
|
|
13
11
|
});
|
|
14
|
-
const listItemSizeVariant = styled.dynamic((val, env) => {
|
|
15
|
-
const { frame } = resolveSize(val, env);
|
|
16
|
-
return {
|
|
17
|
-
minHeight: frame.minHeight,
|
|
18
|
-
paddingHorizontal: frame.paddingHorizontal,
|
|
19
|
-
paddingVertical: frame.paddingVertical,
|
|
20
|
-
gap: frame.gap
|
|
21
|
-
};
|
|
22
|
-
});
|
|
23
|
-
const listItemSubtitleSizeVariant = styled.dynamic((val, env) => {
|
|
24
|
-
return getFontSized(oneSizeSmaller(val, env.sizes), env);
|
|
25
|
-
});
|
|
26
12
|
const ListItemFrame = styled(View, {
|
|
27
13
|
context: ListItemContext,
|
|
28
14
|
displayName: "ListItemFrame",
|
|
29
15
|
role: "listitem",
|
|
30
16
|
render: "li",
|
|
31
|
-
size: true,
|
|
32
17
|
alignItems: "center",
|
|
33
18
|
justifyContent: "space-between",
|
|
34
19
|
flexWrap: "nowrap",
|
|
@@ -36,10 +21,7 @@ const ListItemFrame = styled(View, {
|
|
|
36
21
|
maxWidth: "100%",
|
|
37
22
|
overflow: "hidden",
|
|
38
23
|
flexDirection: "row",
|
|
39
|
-
variants: {
|
|
40
|
-
size: listItemSizeVariant,
|
|
41
|
-
disabled: { true: { pointerEvents: "none" } }
|
|
42
|
-
}
|
|
24
|
+
variants: { disabled: { true: { pointerEvents: "none" } } }
|
|
43
25
|
});
|
|
44
26
|
const ListItemText = styled(SizableText, {
|
|
45
27
|
context: ListItemContext,
|
|
@@ -54,8 +36,7 @@ const ListItemSubtitle = styled(ListItemText, {
|
|
|
54
36
|
context: ListItemContext,
|
|
55
37
|
displayName: "ListItemSubtitle",
|
|
56
38
|
opacity: .6,
|
|
57
|
-
maxWidth: "100%"
|
|
58
|
-
variants: { size: listItemSubtitleSizeVariant }
|
|
39
|
+
maxWidth: "100%"
|
|
59
40
|
});
|
|
60
41
|
const ListItemTitle = styled(ListItemText, {
|
|
61
42
|
context: ListItemContext,
|
|
@@ -112,5 +93,5 @@ function useListItem(propsIn) {
|
|
|
112
93
|
} };
|
|
113
94
|
}
|
|
114
95
|
|
|
115
|
-
export { ListItemContext, ListItemFrame, ListItemIcon, ListItemSubtitle, ListItemText, ListItemTitle,
|
|
96
|
+
export { ListItemContext, ListItemFrame, ListItemIcon, ListItemSubtitle, ListItemText, ListItemTitle, useListItem };
|
|
116
97
|
//# sourceMappingURL=ListItem.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","names":[],"sources":["jsx/ListItem.js"],"sourcesContent":["import {
|
|
1
|
+
{"version":3,"file":"ListItem.js","names":[],"sources":["jsx/ListItem.js"],"sourcesContent":["import { getThemedIconSize, useGetThemedIcon } from \"@tamagui/helpers-tamagui\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { SizableText, textParentProps, wrapChildrenInText } from \"@tamagui/text\";\nimport { createStyledContext, splitStyleProps, styled, View } from \"@tamagui/web\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\nconst ListItemContext = createStyledContext({\n size: void 0,\n variant: void 0,\n color: void 0\n});\nconst ListItemFrame = styled(View, {\n context: ListItemContext,\n displayName: \"ListItemFrame\",\n // role is the cross-platform one; render only lands on web\n role: \"listitem\",\n render: \"li\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n flexWrap: \"nowrap\",\n width: \"100%\",\n maxWidth: \"100%\",\n overflow: \"hidden\",\n flexDirection: \"row\",\n variants: {\n disabled: {\n true: {\n pointerEvents: \"none\"\n }\n }\n }\n});\nconst ListItemText = styled(SizableText, {\n context: ListItemContext,\n displayName: \"ListItemText\",\n size: true,\n flexGrow: 1,\n flexShrink: 1,\n ellipsis: true,\n cursor: \"inherit\"\n});\nconst ListItemSubtitle = styled(ListItemText, {\n context: ListItemContext,\n displayName: \"ListItemSubtitle\",\n opacity: 0.6,\n maxWidth: \"100%\"\n});\nconst ListItemTitle = styled(ListItemText, {\n context: ListItemContext,\n displayName: \"ListItemTitle\"\n});\nconst ListItemIcon = ({ children, size, scaleIcon = 1 }) => {\n const context = ListItemContext.useStyledContext();\n const getThemedIcon = useGetThemedIcon({\n size: getThemedIconSize(size ?? context.size ?? true, scaleIcon),\n color: context.color\n });\n return getThemedIcon(children);\n};\nfunction useListItem(propsIn) {\n const [wrappedTextProps, listItemProps] = splitStyleProps(propsIn, {\n expandShorthands: true,\n filter: textParentProps\n });\n const {\n children,\n icon,\n iconAfter,\n iconSize,\n scaleIcon = 1,\n subTitle,\n title,\n ...frameProps\n } = listItemProps;\n const { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n const context = ListItemContext.useStyledContext();\n const getThemedIcon = useGetThemedIcon({\n size: getThemedIconSize(iconSize ?? propsIn.size ?? context.size ?? true, scaleIcon),\n color: propsIn.color ?? context.color\n });\n const wrappedChildren = wrapChildrenInText(\n ListItemText,\n { children, noTextWrap, textProps },\n textStyleProps\n );\n return {\n props: {\n ...frameProps,\n color: propsIn.color,\n children: /* @__PURE__ */ jsxs(Fragment, { children: [\n icon ? getThemedIcon(icon) : null,\n title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [\n typeof title === \"string\" ? /* @__PURE__ */ jsx(ListItemTitle, { ...textStyleProps, ...textProps, children: title }) : title,\n typeof subTitle === \"string\" ? /* @__PURE__ */ jsx(ListItemSubtitle, { ...textStyleProps, ...textProps, children: subTitle }) : subTitle,\n wrappedChildren\n ] }) : wrappedChildren,\n iconAfter ? getThemedIcon(iconAfter) : null\n ] })\n }\n };\n}\nexport {\n ListItemContext,\n ListItemFrame,\n ListItemIcon,\n ListItemSubtitle,\n ListItemText,\n ListItemTitle,\n useListItem\n};\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":";;;;;;;AAKA,MAAM,kBAAkB,oBAAoB;CAC1C,MAAM,KAAK;CACX,SAAS,KAAK;CACd,OAAO,KAAK;AACd,CAAC;AACD,MAAM,gBAAgB,OAAO,MAAM;CACjC,SAAS;CACT,aAAa;CAEb,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACV,OAAO;CACP,UAAU;CACV,UAAU;CACV,eAAe;CACf,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,MAAM,eAAe,OAAO,aAAa;CACvC,SAAS;CACT,aAAa;CACb,MAAM;CACN,UAAU;CACV,YAAY;CACZ,UAAU;CACV,QAAQ;AACV,CAAC;AACD,MAAM,mBAAmB,OAAO,cAAc;CAC5C,SAAS;CACT,aAAa;CACb,SAAS;CACT,UAAU;AACZ,CAAC;AACD,MAAM,gBAAgB,OAAO,cAAc;CACzC,SAAS;CACT,aAAa;AACf,CAAC;AACD,MAAM,gBAAgB,EAAE,UAAU,MAAM,YAAY,QAAQ;CAC1D,MAAM,UAAU,gBAAgB,iBAAiB;CACjD,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,kBAAkB,QAAQ,QAAQ,QAAQ,MAAM,SAAS;EAC/D,OAAO,QAAQ;CACjB,CAAC;CACD,OAAO,cAAc,QAAQ;AAC/B;AACA,SAAS,YAAY,SAAS;CAC5B,MAAM,CAAC,kBAAkB,iBAAiB,gBAAgB,SAAS;EACjE,kBAAkB;EAClB,QAAQ;CACV,CAAC;CACD,MAAM,EACJ,UACA,MACA,WACA,UACA,YAAY,GACZ,UACA,OACA,GAAG,eACD;CACJ,MAAM,EAAE,YAAY,WAAW,GAAG,mBAAmB;CACrD,MAAM,UAAU,gBAAgB,iBAAiB;CACjD,MAAM,gBAAgB,iBAAiB;EACrC,MAAM,kBAAkB,YAAY,QAAQ,QAAQ,QAAQ,QAAQ,MAAM,SAAS;EACnF,OAAO,QAAQ,SAAS,QAAQ;CAClC,CAAC;CACD,MAAM,kBAAkB,mBACtB,cACA;EAAE;EAAU;EAAY;CAAU,GAClC,cACF;CACA,OAAO,EACL,OAAO;EACL,GAAG;EACH,OAAO,QAAQ;EACf,UAA0B,qBAAK,UAAU,EAAE,UAAU;GACnD,OAAO,cAAc,IAAI,IAAI;GAC7B,SAAS,WAA2B,qBAAK,QAAQ;IAAE,MAAM;IAAG,UAAU;KACpE,OAAO,UAAU,WAA2B,oBAAI,eAAe;MAAE,GAAG;MAAgB,GAAG;MAAW,UAAU;KAAM,CAAC,IAAI;KACvH,OAAO,aAAa,WAA2B,oBAAI,kBAAkB;MAAE,GAAG;MAAgB,GAAG;MAAW,UAAU;KAAS,CAAC,IAAI;KAChI;IACF;GAAE,CAAC,IAAI;GACP,YAAY,cAAc,SAAS,IAAI;EACzC,EAAE,CAAC;CACL,EACF;AACF"}
|
|
@@ -28,14 +28,11 @@ __export(ListItem_exports, {
|
|
|
28
28
|
ListItemSubtitle: () => ListItemSubtitle,
|
|
29
29
|
ListItemText: () => ListItemText,
|
|
30
30
|
ListItemTitle: () => ListItemTitle,
|
|
31
|
-
listItemSizeVariant: () => listItemSizeVariant,
|
|
32
31
|
useListItem: () => useListItem
|
|
33
32
|
});
|
|
34
33
|
module.exports = __toCommonJS(ListItem_exports);
|
|
35
34
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_get_font_sized = require("@tamagui/get-font-sized");
|
|
37
35
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
38
|
-
var import_size = require("@tamagui/size");
|
|
39
36
|
var import_stacks = require("@tamagui/stacks");
|
|
40
37
|
var import_text = require("@tamagui/text");
|
|
41
38
|
var import_web = require("@tamagui/web");
|
|
@@ -44,24 +41,11 @@ var ListItemContext = (0, import_web.createStyledContext)({
|
|
|
44
41
|
variant: void 0,
|
|
45
42
|
color: void 0
|
|
46
43
|
});
|
|
47
|
-
var listItemSizeVariant = import_web.styled.dynamic(function(val, env) {
|
|
48
|
-
var { frame } = (0, import_size.resolveSize)(val, env);
|
|
49
|
-
return {
|
|
50
|
-
minHeight: frame.minHeight,
|
|
51
|
-
paddingHorizontal: frame.paddingHorizontal,
|
|
52
|
-
paddingVertical: frame.paddingVertical,
|
|
53
|
-
gap: frame.gap
|
|
54
|
-
};
|
|
55
|
-
});
|
|
56
|
-
var listItemSubtitleSizeVariant = import_web.styled.dynamic(function(val, env) {
|
|
57
|
-
return (0, import_get_font_sized.getFontSized)((0, import_size.oneSizeSmaller)(val, env.sizes), env);
|
|
58
|
-
});
|
|
59
44
|
var ListItemFrame = (0, import_web.styled)(import_web.View, {
|
|
60
45
|
context: ListItemContext,
|
|
61
46
|
displayName: "ListItemFrame",
|
|
62
47
|
role: "listitem",
|
|
63
48
|
render: "li",
|
|
64
|
-
size: true,
|
|
65
49
|
alignItems: "center",
|
|
66
50
|
justifyContent: "space-between",
|
|
67
51
|
flexWrap: "nowrap",
|
|
@@ -69,10 +53,7 @@ var ListItemFrame = (0, import_web.styled)(import_web.View, {
|
|
|
69
53
|
maxWidth: "100%",
|
|
70
54
|
overflow: "hidden",
|
|
71
55
|
flexDirection: "row",
|
|
72
|
-
variants: {
|
|
73
|
-
size: listItemSizeVariant,
|
|
74
|
-
disabled: { true: { pointerEvents: "none" } }
|
|
75
|
-
}
|
|
56
|
+
variants: { disabled: { true: { pointerEvents: "none" } } }
|
|
76
57
|
});
|
|
77
58
|
var ListItemText = (0, import_web.styled)(import_text.SizableText, {
|
|
78
59
|
context: ListItemContext,
|
|
@@ -87,8 +68,7 @@ var ListItemSubtitle = (0, import_web.styled)(ListItemText, {
|
|
|
87
68
|
context: ListItemContext,
|
|
88
69
|
displayName: "ListItemSubtitle",
|
|
89
70
|
opacity: .6,
|
|
90
|
-
maxWidth: "100%"
|
|
91
|
-
variants: { size: listItemSubtitleSizeVariant }
|
|
71
|
+
maxWidth: "100%"
|
|
92
72
|
});
|
|
93
73
|
var ListItemTitle = (0, import_web.styled)(ListItemText, {
|
|
94
74
|
context: ListItemContext,
|
|
@@ -28,14 +28,11 @@ __export(ListItem_exports, {
|
|
|
28
28
|
ListItemSubtitle: () => ListItemSubtitle,
|
|
29
29
|
ListItemText: () => ListItemText,
|
|
30
30
|
ListItemTitle: () => ListItemTitle,
|
|
31
|
-
listItemSizeVariant: () => listItemSizeVariant,
|
|
32
31
|
useListItem: () => useListItem
|
|
33
32
|
});
|
|
34
33
|
module.exports = __toCommonJS(ListItem_exports);
|
|
35
34
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
|
-
var import_get_font_sized = require("@tamagui/get-font-sized");
|
|
37
35
|
var import_helpers_tamagui = require("@tamagui/helpers-tamagui");
|
|
38
|
-
var import_size = require("@tamagui/size");
|
|
39
36
|
var import_stacks = require("@tamagui/stacks");
|
|
40
37
|
var import_text = require("@tamagui/text");
|
|
41
38
|
var import_web = require("@tamagui/web");
|
|
@@ -44,24 +41,11 @@ var ListItemContext = (0, import_web.createStyledContext)({
|
|
|
44
41
|
variant: void 0,
|
|
45
42
|
color: void 0
|
|
46
43
|
});
|
|
47
|
-
var listItemSizeVariant = import_web.styled.dynamic(function(val, env) {
|
|
48
|
-
var { frame } = (0, import_size.resolveSize)(val, env);
|
|
49
|
-
return {
|
|
50
|
-
minHeight: frame.minHeight,
|
|
51
|
-
paddingHorizontal: frame.paddingHorizontal,
|
|
52
|
-
paddingVertical: frame.paddingVertical,
|
|
53
|
-
gap: frame.gap
|
|
54
|
-
};
|
|
55
|
-
});
|
|
56
|
-
var listItemSubtitleSizeVariant = import_web.styled.dynamic(function(val, env) {
|
|
57
|
-
return (0, import_get_font_sized.getFontSized)((0, import_size.oneSizeSmaller)(val, env.sizes), env);
|
|
58
|
-
});
|
|
59
44
|
var ListItemFrame = (0, import_web.styled)(import_web.View, {
|
|
60
45
|
context: ListItemContext,
|
|
61
46
|
displayName: "ListItemFrame",
|
|
62
47
|
role: "listitem",
|
|
63
48
|
render: "li",
|
|
64
|
-
size: true,
|
|
65
49
|
alignItems: "center",
|
|
66
50
|
justifyContent: "space-between",
|
|
67
51
|
flexWrap: "nowrap",
|
|
@@ -69,10 +53,7 @@ var ListItemFrame = (0, import_web.styled)(import_web.View, {
|
|
|
69
53
|
maxWidth: "100%",
|
|
70
54
|
overflow: "hidden",
|
|
71
55
|
flexDirection: "row",
|
|
72
|
-
variants: {
|
|
73
|
-
size: listItemSizeVariant,
|
|
74
|
-
disabled: { true: { pointerEvents: "none" } }
|
|
75
|
-
}
|
|
56
|
+
variants: { disabled: { true: { pointerEvents: "none" } } }
|
|
76
57
|
});
|
|
77
58
|
var ListItemText = (0, import_web.styled)(import_text.SizableText, {
|
|
78
59
|
context: ListItemContext,
|
|
@@ -87,8 +68,7 @@ var ListItemSubtitle = (0, import_web.styled)(ListItemText, {
|
|
|
87
68
|
context: ListItemContext,
|
|
88
69
|
displayName: "ListItemSubtitle",
|
|
89
70
|
opacity: .6,
|
|
90
|
-
maxWidth: "100%"
|
|
91
|
-
variants: { size: listItemSubtitleSizeVariant }
|
|
71
|
+
maxWidth: "100%"
|
|
92
72
|
});
|
|
93
73
|
var ListItemTitle = (0, import_web.styled)(ListItemText, {
|
|
94
74
|
context: ListItemContext,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.native.js","names":[],"sources":["jsx/ListItem.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListItem_exports = {};\n__export(ListItem_exports, {\n ListItemContext: () => ListItemContext,\n ListItemFrame: () => ListItemFrame,\n ListItemIcon: () => ListItemIcon,\n ListItemSubtitle: () => ListItemSubtitle,\n ListItemText: () => ListItemText,\n ListItemTitle: () => ListItemTitle,\n
|
|
1
|
+
{"version":3,"file":"ListItem.native.js","names":[],"sources":["jsx/ListItem.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar ListItem_exports = {};\n__export(ListItem_exports, {\n ListItemContext: () => ListItemContext,\n ListItemFrame: () => ListItemFrame,\n ListItemIcon: () => ListItemIcon,\n ListItemSubtitle: () => ListItemSubtitle,\n ListItemText: () => ListItemText,\n ListItemTitle: () => ListItemTitle,\n useListItem: () => useListItem\n});\nmodule.exports = __toCommonJS(ListItem_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_helpers_tamagui = require(\"@tamagui/helpers-tamagui\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_text = require(\"@tamagui/text\");\nvar import_web = require(\"@tamagui/web\");\nvar ListItemContext = (0, import_web.createStyledContext)({\n size: void 0,\n variant: void 0,\n color: void 0\n});\nvar ListItemFrame = (0, import_web.styled)(import_web.View, {\n context: ListItemContext,\n displayName: \"ListItemFrame\",\n // role is the cross-platform one; render only lands on web\n role: \"listitem\",\n render: \"li\",\n alignItems: \"center\",\n justifyContent: \"space-between\",\n flexWrap: \"nowrap\",\n width: \"100%\",\n maxWidth: \"100%\",\n overflow: \"hidden\",\n flexDirection: \"row\",\n variants: {\n disabled: {\n true: {\n pointerEvents: \"none\"\n }\n }\n }\n});\nvar ListItemText = (0, import_web.styled)(import_text.SizableText, {\n context: ListItemContext,\n displayName: \"ListItemText\",\n size: true,\n flexGrow: 1,\n flexShrink: 1,\n ellipsis: true,\n cursor: \"inherit\"\n});\nvar ListItemSubtitle = (0, import_web.styled)(ListItemText, {\n context: ListItemContext,\n displayName: \"ListItemSubtitle\",\n opacity: 0.6,\n maxWidth: \"100%\"\n});\nvar ListItemTitle = (0, import_web.styled)(ListItemText, {\n context: ListItemContext,\n displayName: \"ListItemTitle\"\n});\nvar ListItemIcon = function(param) {\n var { children, size, scaleIcon = 1 } = param;\n var context = ListItemContext.useStyledContext();\n var _ref;\n var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({\n size: (0, import_helpers_tamagui.getThemedIconSize)((_ref = size !== null && size !== void 0 ? size : context.size) !== null && _ref !== void 0 ? _ref : true, scaleIcon),\n color: context.color\n });\n return getThemedIcon(children);\n};\nfunction useListItem(propsIn) {\n var [wrappedTextProps, listItemProps] = (0, import_web.splitStyleProps)(propsIn, {\n expandShorthands: true,\n filter: import_text.textParentProps\n });\n var { children, icon, iconAfter, iconSize, scaleIcon = 1, subTitle, title, ...frameProps } = listItemProps;\n var { noTextWrap, textProps, ...textStyleProps } = wrappedTextProps;\n var context = ListItemContext.useStyledContext();\n var _ref, _ref1, _propsIn_color;\n var getThemedIcon = (0, import_helpers_tamagui.useGetThemedIcon)({\n size: (0, import_helpers_tamagui.getThemedIconSize)((_ref1 = (_ref = iconSize !== null && iconSize !== void 0 ? iconSize : propsIn.size) !== null && _ref !== void 0 ? _ref : context.size) !== null && _ref1 !== void 0 ? _ref1 : true, scaleIcon),\n color: (_propsIn_color = propsIn.color) !== null && _propsIn_color !== void 0 ? _propsIn_color : context.color\n });\n var wrappedChildren = (0, import_text.wrapChildrenInText)(ListItemText, {\n children,\n noTextWrap,\n textProps\n }, textStyleProps);\n return {\n props: {\n ...frameProps,\n color: propsIn.color,\n children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {\n children: [\n icon ? getThemedIcon(icon) : null,\n title || subTitle ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_stacks.YStack, {\n flex: 1,\n children: [\n typeof title === \"string\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemTitle, {\n ...textStyleProps,\n ...textProps,\n children: title\n }) : title,\n typeof subTitle === \"string\" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListItemSubtitle, {\n ...textStyleProps,\n ...textProps,\n children: subTitle\n }) : subTitle,\n wrappedChildren\n ]\n }) : wrappedChildren,\n iconAfter ? getThemedIcon(iconAfter) : null\n ]\n })\n }\n };\n}\n//# sourceMappingURL=ListItem.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,mBAAmB,CAAC;AACxB,SAAS,kBAAkB;CACzB,uBAAuB;CACvB,qBAAqB;CACrB,oBAAoB;CACpB,wBAAwB;CACxB,oBAAoB;CACpB,qBAAqB;CACrB,mBAAmB;AACrB,CAAC;AACD,OAAO,UAAU,aAAa,gBAAgB;AAC9C,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,yBAAyB,QAAQ,0BAA0B;AAC/D,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,aAAa,QAAQ,cAAc;AACvC,IAAI,mBAAmB,GAAG,WAAW,oBAAmB,CAAE;CACxD,MAAM,KAAK;CACX,SAAS,KAAK;CACd,OAAO,KAAK;AACd,CAAC;AACD,IAAI,iBAAiB,GAAG,WAAW,OAAM,CAAE,WAAW,MAAM;CAC1D,SAAS;CACT,aAAa;CAEb,MAAM;CACN,QAAQ;CACR,YAAY;CACZ,gBAAgB;CAChB,UAAU;CACV,OAAO;CACP,UAAU;CACV,UAAU;CACV,eAAe;CACf,UAAU,EACR,UAAU,EACR,MAAM,EACJ,eAAe,OACjB,EACF,EACF;AACF,CAAC;AACD,IAAI,gBAAgB,GAAG,WAAW,OAAM,CAAE,YAAY,aAAa;CACjE,SAAS;CACT,aAAa;CACb,MAAM;CACN,UAAU;CACV,YAAY;CACZ,UAAU;CACV,QAAQ;AACV,CAAC;AACD,IAAI,oBAAoB,GAAG,WAAW,OAAM,CAAE,cAAc;CAC1D,SAAS;CACT,aAAa;CACb,SAAS;CACT,UAAU;AACZ,CAAC;AACD,IAAI,iBAAiB,GAAG,WAAW,OAAM,CAAE,cAAc;CACvD,SAAS;CACT,aAAa;AACf,CAAC;AACD,IAAI,eAAe,SAAS,OAAO;CACjC,IAAI,EAAE,UAAU,MAAM,YAAY,MAAM;CACxC,IAAI,UAAU,gBAAgB,iBAAiB;CAC/C,IAAI;CACJ,IAAI,iBAAiB,GAAG,uBAAuB,iBAAgB,CAAE;EAC/D,OAAO,GAAG,uBAAuB,kBAAiB,EAAG,OAAO,SAAS,QAAQ,SAAS,KAAK,IAAI,OAAO,QAAQ,UAAU,QAAQ,SAAS,KAAK,IAAI,OAAO,MAAM,SAAS;EACxK,OAAO,QAAQ;CACjB,CAAC;CACD,OAAO,cAAc,QAAQ;AAC/B;AACA,SAAS,YAAY,SAAS;CAC5B,IAAI,CAAC,kBAAkB,kBAAkB,GAAG,WAAW,gBAAe,CAAE,SAAS;EAC/E,kBAAkB;EAClB,QAAQ,YAAY;CACtB,CAAC;CACD,IAAI,EAAE,UAAU,MAAM,WAAW,UAAU,YAAY,GAAG,UAAU,OAAO,GAAG,eAAe;CAC7F,IAAI,EAAE,YAAY,WAAW,GAAG,mBAAmB;CACnD,IAAI,UAAU,gBAAgB,iBAAiB;CAC/C,IAAI,MAAM,OAAO;CACjB,IAAI,iBAAiB,GAAG,uBAAuB,iBAAgB,CAAE;EAC/D,OAAO,GAAG,uBAAuB,kBAAiB,EAAG,SAAS,OAAO,aAAa,QAAQ,aAAa,KAAK,IAAI,WAAW,QAAQ,UAAU,QAAQ,SAAS,KAAK,IAAI,OAAO,QAAQ,UAAU,QAAQ,UAAU,KAAK,IAAI,QAAQ,MAAM,SAAS;EAClP,QAAQ,iBAAiB,QAAQ,WAAW,QAAQ,mBAAmB,KAAK,IAAI,iBAAiB,QAAQ;CAC3G,CAAC;CACD,IAAI,mBAAmB,GAAG,YAAY,mBAAkB,CAAE,cAAc;EACtE;EACA;EACA;CACF,GAAG,cAAc;CACjB,OAAO,EACL,OAAO;EACL,GAAG;EACH,OAAO,QAAQ;EACf,UAA0B,iBAAC,GAAG,mBAAmB,KAAI,CAAE,mBAAmB,UAAU,EAClF,UAAU;GACR,OAAO,cAAc,IAAI,IAAI;GAC7B,SAAS,WAA2B,iBAAC,GAAG,mBAAmB,KAAI,CAAE,cAAc,QAAQ;IACrF,MAAM;IACN,UAAU;KACR,OAAO,UAAU,WAA2B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,eAAe;MACrF,GAAG;MACH,GAAG;MACH,UAAU;KACZ,CAAC,IAAI;KACL,OAAO,aAAa,WAA2B,iBAAC,GAAG,mBAAmB,IAAG,CAAE,kBAAkB;MAC3F,GAAG;MACH,GAAG;MACH,UAAU;KACZ,CAAC,IAAI;KACL;IACF;GACF,CAAC,IAAI;GACL,YAAY,cAAc,SAAS,IAAI;EACzC,EACF,CAAC;CACH,EACF;AACF"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/list-item",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.1342.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -36,18 +36,17 @@
|
|
|
36
36
|
"clean:build": "tamagui-build clean:build"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@tamagui/font-size": "3.0.0-beta.
|
|
40
|
-
"@tamagui/get-font-sized": "3.0.0-beta.
|
|
41
|
-
"@tamagui/get-token": "3.0.0-beta.
|
|
42
|
-
"@tamagui/helpers": "3.0.0-beta.
|
|
43
|
-
"@tamagui/helpers-tamagui": "3.0.0-beta.
|
|
44
|
-
"@tamagui/
|
|
45
|
-
"@tamagui/
|
|
46
|
-
"@tamagui/
|
|
47
|
-
"@tamagui/web": "3.0.0-beta.1313.1"
|
|
39
|
+
"@tamagui/font-size": "3.0.0-beta.1342.1",
|
|
40
|
+
"@tamagui/get-font-sized": "3.0.0-beta.1342.1",
|
|
41
|
+
"@tamagui/get-token": "3.0.0-beta.1342.1",
|
|
42
|
+
"@tamagui/helpers": "3.0.0-beta.1342.1",
|
|
43
|
+
"@tamagui/helpers-tamagui": "3.0.0-beta.1342.1",
|
|
44
|
+
"@tamagui/stacks": "3.0.0-beta.1342.1",
|
|
45
|
+
"@tamagui/text": "3.0.0-beta.1342.1",
|
|
46
|
+
"@tamagui/web": "3.0.0-beta.1342.1"
|
|
48
47
|
},
|
|
49
48
|
"devDependencies": {
|
|
50
|
-
"@tamagui/build": "3.0.0-beta.
|
|
49
|
+
"@tamagui/build": "3.0.0-beta.1342.1",
|
|
51
50
|
"react": "19.2.3"
|
|
52
51
|
},
|
|
53
52
|
"peerDependencies": {
|
package/src/ListItem.tsx
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
import { getFontSized } from '@tamagui/get-font-sized'
|
|
2
1
|
import { getThemedIconSize, useGetThemedIcon } from '@tamagui/helpers-tamagui'
|
|
3
|
-
import { oneSizeSmaller, resolveSize } from '@tamagui/size'
|
|
4
2
|
import { YStack } from '@tamagui/stacks'
|
|
5
3
|
import type { TextParentStyles } from '@tamagui/text'
|
|
6
4
|
import { SizableText, textParentProps, wrapChildrenInText } from '@tamagui/text'
|
|
7
|
-
import type { ColorTokens,
|
|
5
|
+
import type { ColorTokens, GetProps } from '@tamagui/web'
|
|
8
6
|
import { createStyledContext, splitStyleProps, styled, View } from '@tamagui/web'
|
|
9
7
|
import type { FunctionComponent, JSX, ReactNode } from 'react'
|
|
10
8
|
|
|
@@ -17,7 +15,7 @@ type IconProp = JSX.Element | FunctionComponent<{ color?: any; size?: any }> | n
|
|
|
17
15
|
* getting size and color from a ListItem down to its text and icons.
|
|
18
16
|
*/
|
|
19
17
|
export const ListItemContext = createStyledContext<{
|
|
20
|
-
size?:
|
|
18
|
+
size?: string | boolean
|
|
21
19
|
variant?: 'outlined'
|
|
22
20
|
color?: ColorTokens | string
|
|
23
21
|
}>({
|
|
@@ -26,30 +24,14 @@ export const ListItemContext = createStyledContext<{
|
|
|
26
24
|
color: undefined,
|
|
27
25
|
})
|
|
28
26
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
return {
|
|
32
|
-
minHeight: frame.minHeight,
|
|
33
|
-
paddingHorizontal: frame.paddingHorizontal,
|
|
34
|
-
paddingVertical: frame.paddingVertical,
|
|
35
|
-
gap: frame.gap,
|
|
36
|
-
}
|
|
37
|
-
})
|
|
38
|
-
|
|
39
|
-
const listItemSubtitleSizeVariant = styled.dynamic<SizeTokens | true>((val, env) => {
|
|
40
|
-
return getFontSized(oneSizeSmaller(val, env.sizes) as FontSizeTokens, env)
|
|
41
|
-
})
|
|
42
|
-
|
|
43
|
-
// structural layout, the size mechanism, and the disabled pointer-event block.
|
|
44
|
-
// theme decoration (palette, border, cursor, the outlined/active appearance,
|
|
45
|
-
// disabled dimming) lives in a skin — see tamagui's components/ListItem.tsx
|
|
27
|
+
// structural layout and the disabled pointer-event block. Sizing (padding,
|
|
28
|
+
// font) lives in a skin — see tamagui's components/ListItem.tsx
|
|
46
29
|
export const ListItemFrame = styled(View, {
|
|
47
30
|
context: ListItemContext,
|
|
48
31
|
displayName: 'ListItemFrame',
|
|
49
32
|
// role is the cross-platform one; render only lands on web
|
|
50
33
|
role: 'listitem',
|
|
51
34
|
render: 'li',
|
|
52
|
-
size: true,
|
|
53
35
|
alignItems: 'center',
|
|
54
36
|
justifyContent: 'space-between',
|
|
55
37
|
flexWrap: 'nowrap',
|
|
@@ -59,8 +41,6 @@ export const ListItemFrame = styled(View, {
|
|
|
59
41
|
flexDirection: 'row',
|
|
60
42
|
|
|
61
43
|
variants: {
|
|
62
|
-
size: listItemSizeVariant,
|
|
63
|
-
|
|
64
44
|
disabled: {
|
|
65
45
|
true: {
|
|
66
46
|
pointerEvents: 'none',
|
|
@@ -84,10 +64,6 @@ export const ListItemSubtitle = styled(ListItemText, {
|
|
|
84
64
|
displayName: 'ListItemSubtitle',
|
|
85
65
|
opacity: 0.6,
|
|
86
66
|
maxWidth: '100%',
|
|
87
|
-
|
|
88
|
-
variants: {
|
|
89
|
-
size: listItemSubtitleSizeVariant,
|
|
90
|
-
} as const,
|
|
91
67
|
})
|
|
92
68
|
|
|
93
69
|
export const ListItemTitle = styled(ListItemText, {
|
|
@@ -97,7 +73,7 @@ export const ListItemTitle = styled(ListItemText, {
|
|
|
97
73
|
|
|
98
74
|
export type ListItemIconProps = {
|
|
99
75
|
children: ReactNode
|
|
100
|
-
size?:
|
|
76
|
+
size?: string | number | boolean
|
|
101
77
|
scaleIcon?: number
|
|
102
78
|
}
|
|
103
79
|
|
|
@@ -118,7 +94,7 @@ type ListItemConsumedProps = {
|
|
|
118
94
|
children?: ReactNode
|
|
119
95
|
icon?: IconProp
|
|
120
96
|
iconAfter?: IconProp
|
|
121
|
-
iconSize?:
|
|
97
|
+
iconSize?: string | number | boolean
|
|
122
98
|
scaleIcon?: number
|
|
123
99
|
subTitle?: ReactNode
|
|
124
100
|
title?: ReactNode
|
|
@@ -129,7 +105,7 @@ export type ListItemBehaviorProps = TextParentStyles &
|
|
|
129
105
|
// read to theme an `icon` prop, then passed through untouched: the frame
|
|
130
106
|
// declares the styled context, so it is what publishes these to the parts
|
|
131
107
|
color?: ColorTokens | string
|
|
132
|
-
size?:
|
|
108
|
+
size?: string | boolean
|
|
133
109
|
}
|
|
134
110
|
|
|
135
111
|
/**
|
package/types/ListItem.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { TextParentStyles } from '@tamagui/text';
|
|
2
2
|
import { textParentProps } from '@tamagui/text';
|
|
3
|
-
import type { ColorTokens, GetProps
|
|
3
|
+
import type { ColorTokens, GetProps } from '@tamagui/web';
|
|
4
4
|
import type { FunctionComponent, JSX, ReactNode } from 'react';
|
|
5
5
|
type IconProp = JSX.Element | FunctionComponent<{
|
|
6
6
|
color?: any;
|
|
@@ -13,25 +13,24 @@ type IconProp = JSX.Element | FunctionComponent<{
|
|
|
13
13
|
* getting size and color from a ListItem down to its text and icons.
|
|
14
14
|
*/
|
|
15
15
|
export declare const ListItemContext: import("@tamagui/web").StyledContext<{
|
|
16
|
-
size?:
|
|
16
|
+
size?: string | boolean;
|
|
17
17
|
variant?: 'outlined';
|
|
18
18
|
color?: ColorTokens | string;
|
|
19
19
|
}, "color" | "size" | "variant">;
|
|
20
|
-
export declare const listItemSizeVariant: import("@tamagui/web/types/types").StyledDynamicFn<import("@tamagui/web").Size, Record<string, any>>;
|
|
21
20
|
export declare const ListItemFrame: FunctionComponent<Omit<import("@tamagui/web").StackNonStyleProps, "disabled" | "size" | "variant" | keyof import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase> & import("@tamagui/web").WithFlatVariantValues<{
|
|
22
21
|
disabled?: boolean | undefined;
|
|
23
|
-
size?:
|
|
22
|
+
size?: string | boolean | undefined;
|
|
24
23
|
variant?: "outlined" | undefined;
|
|
25
24
|
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").StackStyleBase>> & {
|
|
26
25
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiElement> | undefined;
|
|
27
26
|
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
28
27
|
disabled?: boolean | undefined;
|
|
29
|
-
size?:
|
|
28
|
+
size?: string | boolean | undefined;
|
|
30
29
|
variant?: "outlined" | undefined;
|
|
31
30
|
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
32
31
|
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiElement, import("@tamagui/web").StackNonStyleProps, import("@tamagui/web").StackStyleBase, {
|
|
33
32
|
disabled?: boolean | undefined;
|
|
34
|
-
size?:
|
|
33
|
+
size?: string | boolean | undefined;
|
|
35
34
|
variant?: "outlined" | undefined;
|
|
36
35
|
}, import("@tamagui/web").StaticConfigPublic];
|
|
37
36
|
};
|
|
@@ -50,16 +49,16 @@ export declare const ListItemText: FunctionComponent<Omit<import("@tamagui/web")
|
|
|
50
49
|
}, import("@tamagui/web").StaticConfigPublic];
|
|
51
50
|
};
|
|
52
51
|
export declare const ListItemSubtitle: FunctionComponent<Omit<import("@tamagui/web").TextNonStyleProps, "size" | "variant" | keyof import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase> & import("@tamagui/web").WithFlatVariantValues<{
|
|
53
|
-
size?:
|
|
52
|
+
size?: import("@tamagui/get-font-sized").GetFontSizedInput | undefined;
|
|
54
53
|
variant?: "outlined" | undefined;
|
|
55
54
|
}> & import("@tamagui/web").WithShorthands<import("@tamagui/web").WithThemeValues<import("@tamagui/web").TextStylePropsBase>> & {
|
|
56
55
|
ref?: import("react").Ref<import("@tamagui/web").TamaguiTextElement> | undefined;
|
|
57
56
|
}> & import("@tamagui/web").StaticComponentObject<import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
|
|
58
|
-
size?:
|
|
57
|
+
size?: import("@tamagui/get-font-sized").GetFontSizedInput | undefined;
|
|
59
58
|
variant?: "outlined" | undefined;
|
|
60
59
|
}, import("@tamagui/web").StaticConfigPublic> & Omit<import("@tamagui/web").StaticConfigPublic, "staticConfig"> & {
|
|
61
60
|
__tama: [import("@tamagui/web").TamaDefer, import("@tamagui/web").TamaguiTextElement, import("@tamagui/web").TextNonStyleProps, import("@tamagui/web").TextStylePropsBase, {
|
|
62
|
-
size?:
|
|
61
|
+
size?: import("@tamagui/get-font-sized").GetFontSizedInput | undefined;
|
|
63
62
|
variant?: "outlined" | undefined;
|
|
64
63
|
}, import("@tamagui/web").StaticConfigPublic];
|
|
65
64
|
};
|
|
@@ -79,7 +78,7 @@ export declare const ListItemTitle: FunctionComponent<Omit<import("@tamagui/web"
|
|
|
79
78
|
};
|
|
80
79
|
export type ListItemIconProps = {
|
|
81
80
|
children: ReactNode;
|
|
82
|
-
size?:
|
|
81
|
+
size?: string | number | boolean;
|
|
83
82
|
scaleIcon?: number;
|
|
84
83
|
};
|
|
85
84
|
export declare const ListItemIcon: ({ children, size, scaleIcon }: ListItemIconProps) => any;
|
|
@@ -90,14 +89,14 @@ type ListItemConsumedProps = {
|
|
|
90
89
|
children?: ReactNode;
|
|
91
90
|
icon?: IconProp;
|
|
92
91
|
iconAfter?: IconProp;
|
|
93
|
-
iconSize?:
|
|
92
|
+
iconSize?: string | number | boolean;
|
|
94
93
|
scaleIcon?: number;
|
|
95
94
|
subTitle?: ReactNode;
|
|
96
95
|
title?: ReactNode;
|
|
97
96
|
};
|
|
98
97
|
export type ListItemBehaviorProps = TextParentStyles & ListItemConsumedProps & {
|
|
99
98
|
color?: ColorTokens | string;
|
|
100
|
-
size?:
|
|
99
|
+
size?: string | boolean;
|
|
101
100
|
};
|
|
102
101
|
/**
|
|
103
102
|
* What `useListItem` returns: the caller's props minus the ones it consumed.
|
package/types/ListItem.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../src/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAe,eAAe,EAAsB,MAAM,eAAe,CAAA;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D,KAAK,QAAQ,GAAG,GAAG,CAAC,OAAO,GAAG,iBAAiB,CAAC;IAAE,KAAK,CAAC,EAAE,GAAG,CAAC;IAAC,IAAI,CAAC,EAAE,GAAG,CAAA;CAAE,CAAC,GAAG,IAAI,CAAA;AAEnF;;;;;GAKG;AACH,eAAO,MAAM,eAAe;WACnB,MAAM,GAAG,OAAO;cACb,UAAU;YACZ,WAAW,GAAG,MAAM;gCAK5B,CAAA;AAIF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAqBxB,CAAA;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;CAQvB,CAAA;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAK3B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;CAGxB,CAAA;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,SAAS,CAAA;IACnB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,YAAY,kCAAuC,iBAAiB,QAQhF,CAAA;AAED;;GAEG;AACH,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAA;IACpC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,GAClD,qBAAqB,GAAG;IAGtB,KAAK,CAAC,EAAE,WAAW,GAAG,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACxB,CAAA;AAEH;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,CAAC,KAAK,SAAS,qBAAqB,IAAI,IAAI,CACtE,IAAI,CAAC,KAAK,EAAE,MAAM,gBAAgB,GAAG,MAAM,OAAO,eAAe,CAAC,EAClE,MAAM,qBAAqB,CAC5B,GAAG;IACF,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,CAAA;CACvB,CAAA;AAED;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,qBAAqB,EAC7D,OAAO,EAAE,KAAK,GACb;IAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,CAAA;CAAE,CAgEpC;AAED,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAA"}
|