@tamagui/demos 1.48.1 → 1.48.2
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/SelectDemo.js +21 -16
- package/dist/cjs/SelectDemo.js.map +1 -1
- package/dist/esm/SelectDemo.js +22 -17
- package/dist/esm/SelectDemo.js.map +1 -1
- package/dist/jsx/SelectDemo.js +25 -11
- package/dist/jsx/SelectDemo.js.map +1 -1
- package/package.json +18 -18
- package/src/SelectDemo.tsx +22 -13
- package/types/SelectDemo.d.ts.map +1 -1
package/dist/cjs/SelectDemo.js
CHANGED
|
@@ -28,16 +28,10 @@ var import_react = require("react");
|
|
|
28
28
|
var import_tamagui = require("tamagui");
|
|
29
29
|
var import_linear_gradient = require("tamagui/linear-gradient");
|
|
30
30
|
function SelectDemo() {
|
|
31
|
-
return /* @__PURE__ */ (0, import_jsx_runtime.
|
|
32
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
] }),
|
|
36
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: true, children: [
|
|
37
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { f: 1, fb: 0, children: "Native" }),
|
|
38
|
-
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, { native: true })
|
|
39
|
-
] })
|
|
40
|
-
] });
|
|
31
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.YStack, { space: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.XStack, { ai: "center", space: true, children: [
|
|
32
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Label, { f: 1, fb: 0, children: "Custom" }),
|
|
33
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectDemoItem, {})
|
|
34
|
+
] }) });
|
|
41
35
|
}
|
|
42
36
|
function SelectDemoItem(props) {
|
|
43
37
|
const [val, setVal] = (0, import_react.useState)("apple");
|
|
@@ -78,12 +72,23 @@ function SelectDemoItem(props) {
|
|
|
78
72
|
children: [
|
|
79
73
|
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_tamagui.Select.Group, { children: [
|
|
80
74
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.Label, { children: "Fruits" }),
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
/* @__PURE__ */ (0, import_jsx_runtime.
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
75
|
+
(0, import_react.useMemo)(
|
|
76
|
+
() => items.map((item, i) => {
|
|
77
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
78
|
+
import_tamagui.Select.Item,
|
|
79
|
+
{
|
|
80
|
+
index: i,
|
|
81
|
+
value: item.name.toLowerCase(),
|
|
82
|
+
children: [
|
|
83
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemText, { children: item.name }),
|
|
84
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_tamagui.Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons.Check, { size: 16 }) })
|
|
85
|
+
]
|
|
86
|
+
},
|
|
87
|
+
item.name
|
|
88
|
+
);
|
|
89
|
+
}),
|
|
90
|
+
[items]
|
|
91
|
+
)
|
|
87
92
|
] }),
|
|
88
93
|
props.native && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
89
94
|
import_tamagui.YStack,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBM;AAjBN,0BAA8C;AAC9C,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/esm/SelectDemo.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
3
|
-
import { useState } from "react";
|
|
3
|
+
import { useMemo, useState } from "react";
|
|
4
4
|
import {
|
|
5
5
|
Adapt,
|
|
6
6
|
Label,
|
|
@@ -12,16 +12,10 @@ import {
|
|
|
12
12
|
} from "tamagui";
|
|
13
13
|
import { LinearGradient } from "tamagui/linear-gradient";
|
|
14
14
|
function SelectDemo() {
|
|
15
|
-
return /* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
] }),
|
|
20
|
-
/* @__PURE__ */ jsxs(XStack, { ai: "center", space: true, children: [
|
|
21
|
-
/* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Native" }),
|
|
22
|
-
/* @__PURE__ */ jsx(SelectDemoItem, { native: true })
|
|
23
|
-
] })
|
|
24
|
-
] });
|
|
15
|
+
return /* @__PURE__ */ jsx(YStack, { space: true, children: /* @__PURE__ */ jsxs(XStack, { ai: "center", space: true, children: [
|
|
16
|
+
/* @__PURE__ */ jsx(Label, { f: 1, fb: 0, children: "Custom" }),
|
|
17
|
+
/* @__PURE__ */ jsx(SelectDemoItem, {})
|
|
18
|
+
] }) });
|
|
25
19
|
}
|
|
26
20
|
function SelectDemoItem(props) {
|
|
27
21
|
const [val, setVal] = useState("apple");
|
|
@@ -62,12 +56,23 @@ function SelectDemoItem(props) {
|
|
|
62
56
|
children: [
|
|
63
57
|
/* @__PURE__ */ jsxs(Select.Group, { children: [
|
|
64
58
|
/* @__PURE__ */ jsx(Select.Label, { children: "Fruits" }),
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
/* @__PURE__ */
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
59
|
+
useMemo(
|
|
60
|
+
() => items.map((item, i) => {
|
|
61
|
+
return /* @__PURE__ */ jsxs(
|
|
62
|
+
Select.Item,
|
|
63
|
+
{
|
|
64
|
+
index: i,
|
|
65
|
+
value: item.name.toLowerCase(),
|
|
66
|
+
children: [
|
|
67
|
+
/* @__PURE__ */ jsx(Select.ItemText, { children: item.name }),
|
|
68
|
+
/* @__PURE__ */ jsx(Select.ItemIndicator, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Check, { size: 16 }) })
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
item.name
|
|
72
|
+
);
|
|
73
|
+
}),
|
|
74
|
+
[items]
|
|
75
|
+
)
|
|
71
76
|
] }),
|
|
72
77
|
props.native && /* @__PURE__ */ jsx(
|
|
73
78
|
YStack,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "AAiBM,SACE,KADF;AAjBN,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,gBAAgB;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/dist/jsx/SelectDemo.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Check, ChevronDown, ChevronUp } from "@tamagui/lucide-icons";
|
|
2
|
-
import { useState } from "react";
|
|
2
|
+
import { useMemo, useState } from "react";
|
|
3
3
|
import {
|
|
4
4
|
Adapt,
|
|
5
5
|
Label,
|
|
@@ -16,10 +16,14 @@ function SelectDemo() {
|
|
|
16
16
|
<Label f={1} fb={0}>Custom</Label>
|
|
17
17
|
<SelectDemoItem />
|
|
18
18
|
</XStack>
|
|
19
|
-
|
|
20
|
-
<
|
|
21
|
-
|
|
22
|
-
|
|
19
|
+
{
|
|
20
|
+
/* <XStack ai="center" space>
|
|
21
|
+
<Label f={1} fb={0}>
|
|
22
|
+
Native
|
|
23
|
+
</Label>
|
|
24
|
+
<SelectDemoItem native />
|
|
25
|
+
</XStack> */
|
|
26
|
+
}
|
|
23
27
|
</YStack>;
|
|
24
28
|
}
|
|
25
29
|
function SelectDemoItem(props) {
|
|
@@ -52,12 +56,22 @@ function SelectDemoItem(props) {
|
|
|
52
56
|
>
|
|
53
57
|
<Select.Group>
|
|
54
58
|
<Select.Label>Fruits</Select.Label>
|
|
55
|
-
{
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
59
|
+
{
|
|
60
|
+
/* for longer lists memoizing these is useful */
|
|
61
|
+
}
|
|
62
|
+
{useMemo(
|
|
63
|
+
() => items.map((item, i) => {
|
|
64
|
+
return <Select.Item
|
|
65
|
+
index={i}
|
|
66
|
+
key={item.name}
|
|
67
|
+
value={item.name.toLowerCase()}
|
|
68
|
+
>
|
|
69
|
+
<Select.ItemText>{item.name}</Select.ItemText>
|
|
70
|
+
<Select.ItemIndicator marginLeft="auto"><Check size={16} /></Select.ItemIndicator>
|
|
71
|
+
</Select.Item>;
|
|
72
|
+
}),
|
|
73
|
+
[items]
|
|
74
|
+
)}
|
|
61
75
|
</Select.Group>
|
|
62
76
|
{
|
|
63
77
|
/* Native gets an extra icon */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,OAAO,aAAa,iBAAiB;AAC9C,SAAS,gBAAgB;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.48.
|
|
3
|
+
"version": "1.48.2",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -33,29 +33,29 @@
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
"dependencies": {
|
|
36
|
-
"@tamagui/avatar": "1.48.
|
|
37
|
-
"@tamagui/button": "1.48.
|
|
38
|
-
"@tamagui/core": "1.48.
|
|
39
|
-
"@tamagui/list-item": "1.48.
|
|
40
|
-
"@tamagui/logo": "1.48.
|
|
41
|
-
"@tamagui/menu": "1.48.
|
|
42
|
-
"@tamagui/popover": "1.48.
|
|
43
|
-
"@tamagui/progress": "1.48.
|
|
44
|
-
"@tamagui/radio-group": "1.48.
|
|
45
|
-
"@tamagui/select": "1.48.
|
|
46
|
-
"@tamagui/sheet": "1.48.
|
|
47
|
-
"@tamagui/site-config": "1.48.
|
|
48
|
-
"@tamagui/slider": "1.48.
|
|
49
|
-
"@tamagui/stacks": "1.48.
|
|
50
|
-
"@tamagui/toast": "1.48.
|
|
51
|
-
"tamagui": "1.48.
|
|
36
|
+
"@tamagui/avatar": "1.48.2",
|
|
37
|
+
"@tamagui/button": "1.48.2",
|
|
38
|
+
"@tamagui/core": "1.48.2",
|
|
39
|
+
"@tamagui/list-item": "1.48.2",
|
|
40
|
+
"@tamagui/logo": "1.48.2",
|
|
41
|
+
"@tamagui/menu": "1.48.2",
|
|
42
|
+
"@tamagui/popover": "1.48.2",
|
|
43
|
+
"@tamagui/progress": "1.48.2",
|
|
44
|
+
"@tamagui/radio-group": "1.48.2",
|
|
45
|
+
"@tamagui/select": "1.48.2",
|
|
46
|
+
"@tamagui/sheet": "1.48.2",
|
|
47
|
+
"@tamagui/site-config": "1.48.2",
|
|
48
|
+
"@tamagui/slider": "1.48.2",
|
|
49
|
+
"@tamagui/stacks": "1.48.2",
|
|
50
|
+
"@tamagui/toast": "1.48.2",
|
|
51
|
+
"tamagui": "1.48.2"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"react": "*",
|
|
55
55
|
"react-dom": "*"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
|
-
"@tamagui/build": "1.48.
|
|
58
|
+
"@tamagui/build": "1.48.2",
|
|
59
59
|
"react": "^18.2.0",
|
|
60
60
|
"react-dom": "^18.2.0"
|
|
61
61
|
},
|
package/src/SelectDemo.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Check, ChevronDown, ChevronUp } from '@tamagui/lucide-icons'
|
|
2
|
-
import { useState } from 'react'
|
|
2
|
+
import { useMemo, useState } from 'react'
|
|
3
3
|
import {
|
|
4
4
|
Adapt,
|
|
5
5
|
Label,
|
|
@@ -22,12 +22,12 @@ export function SelectDemo() {
|
|
|
22
22
|
<SelectDemoItem />
|
|
23
23
|
</XStack>
|
|
24
24
|
|
|
25
|
-
<XStack ai="center" space>
|
|
25
|
+
{/* <XStack ai="center" space>
|
|
26
26
|
<Label f={1} fb={0}>
|
|
27
27
|
Native
|
|
28
28
|
</Label>
|
|
29
29
|
<SelectDemoItem native />
|
|
30
|
-
</XStack>
|
|
30
|
+
</XStack> */}
|
|
31
31
|
</YStack>
|
|
32
32
|
)
|
|
33
33
|
}
|
|
@@ -82,16 +82,25 @@ export function SelectDemoItem(props: SelectProps) {
|
|
|
82
82
|
>
|
|
83
83
|
<Select.Group>
|
|
84
84
|
<Select.Label>Fruits</Select.Label>
|
|
85
|
-
{
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
<
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
85
|
+
{/* for longer lists memoizing these is useful */}
|
|
86
|
+
{useMemo(
|
|
87
|
+
() =>
|
|
88
|
+
items.map((item, i) => {
|
|
89
|
+
return (
|
|
90
|
+
<Select.Item
|
|
91
|
+
index={i}
|
|
92
|
+
key={item.name}
|
|
93
|
+
value={item.name.toLowerCase()}
|
|
94
|
+
>
|
|
95
|
+
<Select.ItemText>{item.name}</Select.ItemText>
|
|
96
|
+
<Select.ItemIndicator marginLeft="auto">
|
|
97
|
+
<Check size={16} />
|
|
98
|
+
</Select.ItemIndicator>
|
|
99
|
+
</Select.Item>
|
|
100
|
+
)
|
|
101
|
+
}),
|
|
102
|
+
[items]
|
|
103
|
+
)}
|
|
95
104
|
</Select.Group>
|
|
96
105
|
{/* Native gets an extra icon */}
|
|
97
106
|
{props.native && (
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectDemo.d.ts","sourceRoot":"","sources":["../src/SelectDemo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAIL,WAAW,EAKZ,MAAM,SAAS,CAAA;AAGhB,wBAAgB,UAAU,gBAkBzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,
|
|
1
|
+
{"version":3,"file":"SelectDemo.d.ts","sourceRoot":"","sources":["../src/SelectDemo.tsx"],"names":[],"mappings":";AAEA,OAAO,EAIL,WAAW,EAKZ,MAAM,SAAS,CAAA;AAGhB,wBAAgB,UAAU,gBAkBzB;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,WAAW,eA4GhD"}
|