@tamagui/list-item 2.0.0-rc.8 → 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.
@@ -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
@@ -1,6 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/ListItem.tsx"],
4
- "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,oBAAoB;AAC7B,SAAS,SAAS,gBAAgB;AAClC,SAAS,4BAA4B;AACrC,SAAS,eAAe;AACxB,SAAS,cAAc;AACvB,SAAS,aAAa,0BAA0B;AAEhD,SAAS,qBAAqB,QAAQ,YAAY;AAqPxC,SAWI,UARE,KAHN;AAnOV,MAAM,OAAO,YAEP,UAAU,oBAIb;AAAA,EACD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,OAAO;AACT,CAAC,GAEK,gBAAgB,OAAO,MAAM;AAAA,EACjC;AAAA,EACA,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,UAAU;AAAA,QACV,aAAa;AAAA,QACb,OAAO;AAAA,QACP,UAAU;AAAA,QACV,UAAU;AAAA,QACV,eAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,QAAQ;AAAA,QAER,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACF;AAAA,IAEA,SAAS;AAAA,MACP,UACE,QAAQ,IAAI,qBAAqB,MAC7B,CAAC,IACD;AAAA,QACE,iBAAiB;AAAA,QACjB,aAAa;AAAA,QACb,aAAa;AAAA,QAEb,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,QAEA,YAAY;AAAA,UACV,iBAAiB;AAAA,UACjB,aAAa;AAAA,QACf;AAAA,MACF;AAAA,IACR;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAiB,EAAE,OAAO,OAC7B;AAAA,QACL,WAAW,OAAO,KAAK,GAAG;AAAA,QAC1B,mBAAmB,OAAO,MAAM,GAAG;AAAA,QACnC,iBAAiB,SAAS,OAAO,MAAM,GAAG,GAAG;AAAA,UAC3C,OAAO;AAAA,QACT,CAAC;AAAA,MACH;AAAA,IAEJ;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,YAAY;AAAA,UACV,iBAAiB;AAAA,QACnB;AAAA,MACF;AAAA,IACF;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,eAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,eAAe,OAAO,aAAa;AAAA,EACvC;AAAA,EACA,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,OAAO;AAAA,QACP,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,mBAAmB,OAAO,cAAc;AAAA,EAC5C,MAAM;AAAA,EACN;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,WAAW;AAC1B,cAAM,aAAa,QAAQ,KAAK;AAAA,UAC9B,OAAO;AAAA,UACP,kBAAkB;AAAA,QACpB,CAAC;AAED,eADkB,aAAa,WAAW,KAAuB,MAAa;AAAA,MAEhF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,gBAAgB,OAAO,cAAc;AAAA,EACzC,MAAM;AAAA,EACN;AAAA,EACA,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO,CAAC;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEK,eAAe,CAAC,UAIhB;AACJ,QAAM,EAAE,UAAU,MAAM,YAAY,EAAE,IAAI,OACpC,gBAAgB,QAAQ,iBAAiB;AAC/C,MAAI,CAAC;AACH,UAAM,IAAI,MAAM,8CAA8C;AAGhE,QAAM,YAAY,QAAQ,cAAc,QAAQ,SAE1C,WAAW,YAAY,SAAgB,IAAI;AAEjD,SAAO,QAAQ,UAAU;AAAA,IACvB,MAAM;AAAA,IACN,OAAO,cAAc;AAAA,EACvB,CAAC;AACH,GAEM,oBAAoB,cAAc;AAAA,EACtC,SAAkB,SAAS,KAAK;AAC9B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,SAEE,OAAO,QAAQ,QAAQ,SACvB,gBAAgB,QAAQ,iBAAiB,GACzC,iBAAiB,YAAY,YAAa,IAAY,IAAI,WAE1D,CAAC,YAAY,eAAe,IAAI,CAAC,MAAM,SAAS,EAAE,IAAI,CAACA,OAAM,MAAM;AACvE,UAAI,CAACA,MAAM,QAAO;AAClB,YAAM,WAAW,MAAM;AACvB,aAAO,QAAQA,OAAM;AAAA,QACnB,MAAM;AAAA,QACN,OAAO,eAAe;AAAA,QACtB,CAAC,WAAW,gBAAgB,YAAY,GAAG,GAAG,iBAAiB,GAAG;AAAA,MACpE,CAAC;AAAA,IACH,CAAC,GAEK,kBAAkB;AAAA,MACtB;AAAA,MACA,EAAE,SAAS;AAAA,MACX,QAAQ,aAAa,KACjB;AAAA,QACE,UAAU,QAAQ,IAAI,qBAAqB;AAAA,QAC3C,UAAU,QAAQ;AAAA,MACpB,IACA;AAAA,IACN;AAEA,WACE,qBAAC,iBAAc,KAAW,GAAG,MAC1B;AAAA;AAAA,MACA,SAAS,WACR,qBAAC,UAAO,MAAM,GACX;AAAA,gBACC,OAAO,SAAU,WACf,oBAAC,iBAAc,UAAoB,MAChC,iBACH,IAEA,QAEA;AAAA,QACH,WACC,gCACG,iBAAO,YAAa,WACnB,oBAAC,oBAAiB,UAAoB,MACnC,oBACH,IAEA,UAEJ,IACE;AAAA,QACH;AAAA,SACH,IAEA;AAAA,MAED;AAAA,OACH;AAAA,EAEJ;AACF,GAEaC,YAAW,qBAAqB,mBAAmB;AAAA,EAC9D,OAAO,QAAQ;AAAA,EACf,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AACT,CAAC;",
5
- "names": ["icon", "ListItem"]
6
- }