@tamagui/list-item 2.0.0-rc.9 → 2.0.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.cjs +219 -204
- package/dist/cjs/ListItem.native.js +225 -213
- package/dist/cjs/ListItem.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/ListItem.mjs +198 -185
- package/dist/esm/ListItem.mjs.map +1 -1
- package/dist/esm/ListItem.native.js +205 -195
- package/dist/esm/ListItem.native.js.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -6
- package/dist/jsx/ListItem.mjs +198 -185
- package/dist/jsx/ListItem.mjs.map +1 -1
- package/dist/jsx/ListItem.native.js +225 -213
- package/dist/jsx/ListItem.native.js.map +1 -1
- package/dist/jsx/index.js +1 -1
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +7 -5
- package/package.json +12 -11
- package/src/ListItem.tsx +15 -11
- package/types/ListItem.d.ts.map +1 -1
- package/dist/cjs/ListItem.js +0 -203
- package/dist/cjs/ListItem.js.map +0 -6
- package/dist/cjs/index.js +0 -15
- package/dist/cjs/index.js.map +0 -6
- package/dist/esm/ListItem.js +0 -195
- package/dist/esm/ListItem.js.map +0 -6
- package/dist/jsx/ListItem.js +0 -195
- package/dist/jsx/ListItem.js.map +0 -6
package/dist/jsx/ListItem.js
DELETED
|
@@ -1,195 +0,0 @@
|
|
|
1
|
-
import { getFontSize } from "@tamagui/font-size";
|
|
2
|
-
import { getFontSized } from "@tamagui/get-font-sized";
|
|
3
|
-
import { getSize, getSpace } from "@tamagui/get-token";
|
|
4
|
-
import { withStaticProperties } from "@tamagui/helpers";
|
|
5
|
-
import { getIcon } from "@tamagui/helpers-tamagui";
|
|
6
|
-
import { YStack } from "@tamagui/stacks";
|
|
7
|
-
import { SizableText, wrapChildrenInText } from "@tamagui/text";
|
|
8
|
-
import { createStyledContext, styled, View } from "@tamagui/web";
|
|
9
|
-
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
10
|
-
const NAME = "ListItem", context = createStyledContext({
|
|
11
|
-
size: void 0,
|
|
12
|
-
variant: void 0,
|
|
13
|
-
color: void 0
|
|
14
|
-
}), ListItemFrame = styled(View, {
|
|
15
|
-
context,
|
|
16
|
-
name: NAME,
|
|
17
|
-
render: "li",
|
|
18
|
-
role: "listitem",
|
|
19
|
-
variants: {
|
|
20
|
-
unstyled: {
|
|
21
|
-
false: {
|
|
22
|
-
size: "$true",
|
|
23
|
-
alignItems: "center",
|
|
24
|
-
justifyContent: "space-between",
|
|
25
|
-
flexWrap: "nowrap",
|
|
26
|
-
borderColor: "$borderColor",
|
|
27
|
-
width: "100%",
|
|
28
|
-
maxWidth: "100%",
|
|
29
|
-
overflow: "hidden",
|
|
30
|
-
flexDirection: "row",
|
|
31
|
-
backgroundColor: "$background",
|
|
32
|
-
cursor: "default",
|
|
33
|
-
hoverStyle: {
|
|
34
|
-
backgroundColor: "$backgroundHover",
|
|
35
|
-
borderColor: "$borderColorHover"
|
|
36
|
-
},
|
|
37
|
-
pressStyle: {
|
|
38
|
-
backgroundColor: "$backgroundPress",
|
|
39
|
-
borderColor: "$borderColorPress"
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
variant: {
|
|
44
|
-
outlined: process.env.TAMAGUI_HEADLESS === "1" ? {} : {
|
|
45
|
-
backgroundColor: "transparent",
|
|
46
|
-
borderWidth: 1,
|
|
47
|
-
borderColor: "$borderColor",
|
|
48
|
-
hoverStyle: {
|
|
49
|
-
backgroundColor: "transparent",
|
|
50
|
-
borderColor: "$borderColorHover"
|
|
51
|
-
},
|
|
52
|
-
pressStyle: {
|
|
53
|
-
backgroundColor: "transparent",
|
|
54
|
-
borderColor: "$borderColorPress"
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
},
|
|
58
|
-
size: {
|
|
59
|
-
"...size": (val, { tokens }) => ({
|
|
60
|
-
minHeight: tokens.size[val],
|
|
61
|
-
paddingHorizontal: tokens.space[val],
|
|
62
|
-
paddingVertical: getSpace(tokens.space[val], {
|
|
63
|
-
shift: -4
|
|
64
|
-
})
|
|
65
|
-
})
|
|
66
|
-
},
|
|
67
|
-
active: {
|
|
68
|
-
true: {
|
|
69
|
-
hoverStyle: {
|
|
70
|
-
backgroundColor: "$background"
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
disabled: {
|
|
75
|
-
true: {
|
|
76
|
-
opacity: 0.5,
|
|
77
|
-
pointerEvents: "none"
|
|
78
|
-
}
|
|
79
|
-
}
|
|
80
|
-
},
|
|
81
|
-
defaultVariants: {
|
|
82
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
83
|
-
}
|
|
84
|
-
}), ListItemText = styled(SizableText, {
|
|
85
|
-
context,
|
|
86
|
-
name: "ListItemText",
|
|
87
|
-
variants: {
|
|
88
|
-
unstyled: {
|
|
89
|
-
false: {
|
|
90
|
-
color: "$color",
|
|
91
|
-
size: "$true",
|
|
92
|
-
flexGrow: 1,
|
|
93
|
-
flexShrink: 1,
|
|
94
|
-
ellipsis: !0,
|
|
95
|
-
cursor: "inherit"
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
},
|
|
99
|
-
defaultVariants: {
|
|
100
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
101
|
-
}
|
|
102
|
-
}), ListItemSubtitle = styled(ListItemText, {
|
|
103
|
-
name: "ListItemSubtitle",
|
|
104
|
-
context,
|
|
105
|
-
variants: {
|
|
106
|
-
unstyled: {
|
|
107
|
-
false: {
|
|
108
|
-
opacity: 0.6,
|
|
109
|
-
maxWidth: "100%",
|
|
110
|
-
color: "$color"
|
|
111
|
-
}
|
|
112
|
-
},
|
|
113
|
-
size: {
|
|
114
|
-
"...size": (val, extras) => {
|
|
115
|
-
const oneSmaller = getSize(val, {
|
|
116
|
-
shift: -1,
|
|
117
|
-
excludeHalfSteps: !0
|
|
118
|
-
});
|
|
119
|
-
return getFontSized(oneSmaller.key, extras);
|
|
120
|
-
}
|
|
121
|
-
}
|
|
122
|
-
},
|
|
123
|
-
defaultVariants: {
|
|
124
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
125
|
-
}
|
|
126
|
-
}), ListItemTitle = styled(ListItemText, {
|
|
127
|
-
name: "ListItemTitle",
|
|
128
|
-
context,
|
|
129
|
-
variants: {
|
|
130
|
-
unstyled: {
|
|
131
|
-
false: {}
|
|
132
|
-
}
|
|
133
|
-
},
|
|
134
|
-
defaultVariants: {
|
|
135
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1"
|
|
136
|
-
}
|
|
137
|
-
}), ListItemIcon = (props) => {
|
|
138
|
-
const { children, size, scaleIcon = 1 } = props, styledContext = context.useStyledContext();
|
|
139
|
-
if (!styledContext)
|
|
140
|
-
throw new Error("ListItem.Icon must be used within a ListItem");
|
|
141
|
-
const sizeToken = size ?? styledContext.size ?? "$true", iconSize = getFontSize(sizeToken) * scaleIcon;
|
|
142
|
-
return getIcon(children, {
|
|
143
|
-
size: iconSize,
|
|
144
|
-
color: styledContext.color
|
|
145
|
-
});
|
|
146
|
-
}, ListItemComponent = ListItemFrame.styleable(
|
|
147
|
-
function(propsIn, ref) {
|
|
148
|
-
const {
|
|
149
|
-
children,
|
|
150
|
-
icon,
|
|
151
|
-
iconAfter,
|
|
152
|
-
scaleIcon = 1,
|
|
153
|
-
unstyled = !1,
|
|
154
|
-
subTitle,
|
|
155
|
-
title,
|
|
156
|
-
iconSize,
|
|
157
|
-
...rest
|
|
158
|
-
} = propsIn, size = propsIn.size || "$true", styledContext = context.useStyledContext(), iconSizeNumber = getFontSize(iconSize || size) * scaleIcon, [themedIcon, themedIconAfter] = [icon, iconAfter].map((icon2, i) => {
|
|
159
|
-
if (!icon2) return null;
|
|
160
|
-
const isBefore = i === 0;
|
|
161
|
-
return getIcon(icon2, {
|
|
162
|
-
size: iconSizeNumber,
|
|
163
|
-
color: styledContext?.color,
|
|
164
|
-
[isBefore ? "marginRight" : "marginLeft"]: `${iconSizeNumber * 0.4}%`
|
|
165
|
-
});
|
|
166
|
-
}), wrappedChildren = wrapChildrenInText(
|
|
167
|
-
ListItemText,
|
|
168
|
-
{ children },
|
|
169
|
-
propsIn.unstyled !== !0 ? {
|
|
170
|
-
unstyled: process.env.TAMAGUI_HEADLESS === "1",
|
|
171
|
-
fontSize: propsIn.size
|
|
172
|
-
} : void 0
|
|
173
|
-
);
|
|
174
|
-
return /* @__PURE__ */ jsxs(ListItemFrame, { ref, ...rest, children: [
|
|
175
|
-
themedIcon,
|
|
176
|
-
title || subTitle ? /* @__PURE__ */ jsxs(YStack, { flex: 1, children: [
|
|
177
|
-
title ? typeof title == "string" ? /* @__PURE__ */ jsx(ListItemTitle, { unstyled, size, children: title }) : title : null,
|
|
178
|
-
subTitle ? /* @__PURE__ */ jsx(Fragment, { children: typeof subTitle == "string" ? /* @__PURE__ */ jsx(ListItemSubtitle, { unstyled, size, children: subTitle }) : subTitle }) : null,
|
|
179
|
-
wrappedChildren
|
|
180
|
-
] }) : wrappedChildren,
|
|
181
|
-
themedIconAfter
|
|
182
|
-
] });
|
|
183
|
-
}
|
|
184
|
-
), ListItem2 = withStaticProperties(ListItemComponent, {
|
|
185
|
-
Apply: context.Provider,
|
|
186
|
-
Frame: ListItemFrame,
|
|
187
|
-
Text: ListItemText,
|
|
188
|
-
Subtitle: ListItemSubtitle,
|
|
189
|
-
Icon: ListItemIcon,
|
|
190
|
-
Title: ListItemTitle
|
|
191
|
-
});
|
|
192
|
-
export {
|
|
193
|
-
ListItem2 as ListItem
|
|
194
|
-
};
|
|
195
|
-
//# sourceMappingURL=ListItem.js.map
|
package/dist/jsx/ListItem.js.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/ListItem.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["icon", "ListItem"]
|
|
6
|
-
}
|