@tamagui/select 1.26.0 → 1.26.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/package.json +16 -16
- package/dist/esm/BubbleSelect.mjs +0 -25
- package/dist/esm/BubbleSelect.mjs.map +0 -6
- package/dist/esm/Select.mjs +0 -543
- package/dist/esm/Select.mjs.map +0 -6
- package/dist/esm/SelectContent.mjs +0 -34
- package/dist/esm/SelectContent.mjs.map +0 -6
- package/dist/esm/SelectContent.native.mjs +0 -7
- package/dist/esm/SelectContent.native.mjs.map +0 -6
- package/dist/esm/SelectImpl.mjs +0 -295
- package/dist/esm/SelectImpl.mjs.map +0 -6
- package/dist/esm/SelectImpl.native.mjs +0 -11
- package/dist/esm/SelectImpl.native.mjs.map +0 -6
- package/dist/esm/SelectScrollButton.mjs +0 -140
- package/dist/esm/SelectScrollButton.mjs.map +0 -6
- package/dist/esm/SelectScrollButton.native.mjs +0 -7
- package/dist/esm/SelectScrollButton.native.mjs.map +0 -6
- package/dist/esm/SelectViewport.mjs +0 -93
- package/dist/esm/SelectViewport.mjs.map +0 -6
- package/dist/esm/SelectViewport.native.mjs +0 -19
- package/dist/esm/SelectViewport.native.mjs.map +0 -6
- package/dist/esm/constants.mjs +0 -17
- package/dist/esm/constants.mjs.map +0 -6
- package/dist/esm/context.mjs +0 -16
- package/dist/esm/context.mjs.map +0 -6
- package/dist/esm/index.mjs +0 -3
- package/dist/esm/index.mjs.map +0 -6
- package/dist/esm/types.mjs +0 -1
- package/dist/esm/types.mjs.map +0 -6
- package/dist/esm/useSelectBreakpointActive.mjs +0 -18
- package/dist/esm/useSelectBreakpointActive.mjs.map +0 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/select",
|
|
3
|
-
"version": "1.26.
|
|
3
|
+
"version": "1.26.1",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -35,20 +35,20 @@
|
|
|
35
35
|
"@floating-ui/react-dom": "^1.2.2",
|
|
36
36
|
"@floating-ui/react-native": "^0.9.0",
|
|
37
37
|
"@radix-ui/react-use-previous": "^0.1.1",
|
|
38
|
-
"@tamagui/adapt": "1.26.
|
|
39
|
-
"@tamagui/compose-refs": "1.26.
|
|
40
|
-
"@tamagui/core": "1.26.
|
|
41
|
-
"@tamagui/create-context": "1.26.
|
|
42
|
-
"@tamagui/dismissable": "1.26.
|
|
43
|
-
"@tamagui/focus-scope": "1.26.
|
|
44
|
-
"@tamagui/list-item": "1.26.
|
|
45
|
-
"@tamagui/portal": "1.26.
|
|
46
|
-
"@tamagui/separator": "1.26.
|
|
47
|
-
"@tamagui/sheet": "1.26.
|
|
48
|
-
"@tamagui/stacks": "1.26.
|
|
49
|
-
"@tamagui/text": "1.26.
|
|
50
|
-
"@tamagui/use-controllable-state": "1.26.
|
|
51
|
-
"@tamagui/use-event": "1.26.
|
|
38
|
+
"@tamagui/adapt": "1.26.1",
|
|
39
|
+
"@tamagui/compose-refs": "1.26.1",
|
|
40
|
+
"@tamagui/core": "1.26.1",
|
|
41
|
+
"@tamagui/create-context": "1.26.1",
|
|
42
|
+
"@tamagui/dismissable": "1.26.1",
|
|
43
|
+
"@tamagui/focus-scope": "1.26.1",
|
|
44
|
+
"@tamagui/list-item": "1.26.1",
|
|
45
|
+
"@tamagui/portal": "1.26.1",
|
|
46
|
+
"@tamagui/separator": "1.26.1",
|
|
47
|
+
"@tamagui/sheet": "1.26.1",
|
|
48
|
+
"@tamagui/stacks": "1.26.1",
|
|
49
|
+
"@tamagui/text": "1.26.1",
|
|
50
|
+
"@tamagui/use-controllable-state": "1.26.1",
|
|
51
|
+
"@tamagui/use-event": "1.26.1"
|
|
52
52
|
},
|
|
53
53
|
"peerDependencies": {
|
|
54
54
|
"react": "*",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"react-native": "*"
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
|
-
"@tamagui/build": "1.26.
|
|
59
|
+
"@tamagui/build": "1.26.1",
|
|
60
60
|
"react": "^18.2.0",
|
|
61
61
|
"react-dom": "^18.2.0",
|
|
62
62
|
"react-native": "^0.71.7"
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { usePrevious } from "@radix-ui/react-use-previous";
|
|
2
|
-
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
3
|
-
import * as React from "react";
|
|
4
|
-
const BubbleSelect = React.forwardRef((props, forwardedRef) => {
|
|
5
|
-
const { value, ...selectProps } = props;
|
|
6
|
-
const ref = React.useRef(null);
|
|
7
|
-
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
8
|
-
const prevValue = usePrevious(value);
|
|
9
|
-
React.useEffect(() => {
|
|
10
|
-
const select = ref.current;
|
|
11
|
-
const selectProto = window.HTMLSelectElement.prototype;
|
|
12
|
-
const descriptor = Object.getOwnPropertyDescriptor(
|
|
13
|
-
selectProto,
|
|
14
|
-
"value"
|
|
15
|
-
);
|
|
16
|
-
const setValue = descriptor.set;
|
|
17
|
-
if (prevValue !== value && setValue) {
|
|
18
|
-
const event = new Event("change", { bubbles: true });
|
|
19
|
-
setValue.call(select, value);
|
|
20
|
-
select.dispatchEvent(event);
|
|
21
|
-
}
|
|
22
|
-
}, [prevValue, value]);
|
|
23
|
-
return null;
|
|
24
|
-
});
|
|
25
|
-
//# sourceMappingURL=BubbleSelect.mjs.map
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/BubbleSelect.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,uBAAuB;AAChC,YAAY,WAAW;AAGvB,MAAM,eAAe,MAAM,WAGzB,CAAC,OAAO,iBAAiB;AACzB,QAAM,EAAE,OAAO,GAAG,YAAY,IAAI;AAClC,QAAM,MAAM,MAAM,OAA0B,IAAI;AAChD,QAAM,eAAe,gBAAgB,cAAc,GAAG;AACtD,QAAM,YAAY,YAAY,KAAK;AAGnC,QAAM,UAAU,MAAM;AACpB,UAAM,SAAS,IAAI;AACnB,UAAM,cAAc,OAAO,kBAAkB;AAC7C,UAAM,aAAa,OAAO;AAAA,MACxB;AAAA,MACA;AAAA,IACF;AACA,UAAM,WAAW,WAAW;AAC5B,QAAI,cAAc,SAAS,UAAU;AACnC,YAAM,QAAQ,IAAI,MAAM,UAAU,EAAE,SAAS,KAAK,CAAC;AACnD,eAAS,KAAK,QAAQ,KAAK;AAC3B,aAAO,cAAc,KAAK;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,WAAW,KAAK,CAAC;AAerB,SAAO;AAMT,CAAC;",
|
|
5
|
-
"names": []
|
|
6
|
-
}
|
package/dist/esm/Select.mjs
DELETED
|
@@ -1,543 +0,0 @@
|
|
|
1
|
-
import { Fragment, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Adapt, useAdaptParent } from "@tamagui/adapt";
|
|
3
|
-
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
4
|
-
import {
|
|
5
|
-
getVariableValue,
|
|
6
|
-
isWeb,
|
|
7
|
-
styled,
|
|
8
|
-
useGet,
|
|
9
|
-
useIsomorphicLayoutEffect,
|
|
10
|
-
withStaticProperties
|
|
11
|
-
} from "@tamagui/core";
|
|
12
|
-
import { getSpace } from "@tamagui/helpers-tamagui";
|
|
13
|
-
import { ListItem } from "@tamagui/list-item";
|
|
14
|
-
import { PortalHost } from "@tamagui/portal";
|
|
15
|
-
import { Separator } from "@tamagui/separator";
|
|
16
|
-
import { ControlledSheet, SheetController } from "@tamagui/sheet";
|
|
17
|
-
import { ThemeableStack, XStack, YStack } from "@tamagui/stacks";
|
|
18
|
-
import { Paragraph, SizableText } from "@tamagui/text";
|
|
19
|
-
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
20
|
-
import * as React from "react";
|
|
21
|
-
import { SELECT_NAME } from "./constants";
|
|
22
|
-
import { SelectProvider, createSelectContext, useSelectContext } from "./context";
|
|
23
|
-
import { SelectContent } from "./SelectContent";
|
|
24
|
-
import { SelectInlineImpl } from "./SelectImpl";
|
|
25
|
-
import { SelectScrollDownButton, SelectScrollUpButton } from "./SelectScrollButton";
|
|
26
|
-
import { SelectViewport } from "./SelectViewport";
|
|
27
|
-
import {
|
|
28
|
-
useSelectBreakpointActive,
|
|
29
|
-
useShowSelectSheet
|
|
30
|
-
} from "./useSelectBreakpointActive";
|
|
31
|
-
const TRIGGER_NAME = "SelectTrigger";
|
|
32
|
-
const SelectTrigger = React.forwardRef(
|
|
33
|
-
(props, forwardedRef) => {
|
|
34
|
-
const { __scopeSelect, disabled = false, ...triggerProps } = props;
|
|
35
|
-
const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
|
|
36
|
-
if (context.shouldRenderWebNative) {
|
|
37
|
-
return null;
|
|
38
|
-
}
|
|
39
|
-
return /* @__PURE__ */ jsx(
|
|
40
|
-
ListItem,
|
|
41
|
-
{
|
|
42
|
-
componentName: TRIGGER_NAME,
|
|
43
|
-
backgrounded: true,
|
|
44
|
-
radiused: true,
|
|
45
|
-
hoverTheme: true,
|
|
46
|
-
pressTheme: true,
|
|
47
|
-
focusTheme: true,
|
|
48
|
-
focusable: true,
|
|
49
|
-
borderWidth: 1,
|
|
50
|
-
size: context.size,
|
|
51
|
-
"aria-expanded": context.open,
|
|
52
|
-
"aria-autocomplete": "none",
|
|
53
|
-
dir: context.dir,
|
|
54
|
-
disabled,
|
|
55
|
-
"data-disabled": disabled ? "" : void 0,
|
|
56
|
-
...triggerProps,
|
|
57
|
-
ref: forwardedRef,
|
|
58
|
-
...process.env.TAMAGUI_TARGET === "web" && context.interactions ? context.interactions.getReferenceProps() : {
|
|
59
|
-
onPress() {
|
|
60
|
-
context.setOpen(!context.open);
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
);
|
|
65
|
-
}
|
|
66
|
-
);
|
|
67
|
-
SelectTrigger.displayName = TRIGGER_NAME;
|
|
68
|
-
const VALUE_NAME = "SelectValue";
|
|
69
|
-
const SelectValueFrame = styled(Paragraph, {
|
|
70
|
-
name: VALUE_NAME,
|
|
71
|
-
userSelect: "none"
|
|
72
|
-
});
|
|
73
|
-
const SelectValue = SelectValueFrame.extractable(
|
|
74
|
-
React.forwardRef(
|
|
75
|
-
({
|
|
76
|
-
__scopeSelect,
|
|
77
|
-
children: childrenProp,
|
|
78
|
-
placeholder
|
|
79
|
-
}, forwardedRef) => {
|
|
80
|
-
const context = useSelectContext(VALUE_NAME, __scopeSelect);
|
|
81
|
-
const { onValueNodeHasChildrenChange } = context;
|
|
82
|
-
const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange);
|
|
83
|
-
const children = childrenProp ?? context.selectedItem;
|
|
84
|
-
const hasChildren = !!children;
|
|
85
|
-
const isEmptyValue = context.value == null || context.value === "";
|
|
86
|
-
const selectValueChildren = isEmptyValue ? placeholder ?? children : children;
|
|
87
|
-
useIsomorphicLayoutEffect(() => {
|
|
88
|
-
onValueNodeHasChildrenChange(hasChildren);
|
|
89
|
-
}, [onValueNodeHasChildrenChange, hasChildren]);
|
|
90
|
-
return /* @__PURE__ */ jsx(
|
|
91
|
-
SelectValueFrame,
|
|
92
|
-
{
|
|
93
|
-
size: context.size,
|
|
94
|
-
ref: composedRefs,
|
|
95
|
-
pointerEvents: "none",
|
|
96
|
-
children: selectValueChildren
|
|
97
|
-
}
|
|
98
|
-
);
|
|
99
|
-
}
|
|
100
|
-
)
|
|
101
|
-
);
|
|
102
|
-
SelectValue.displayName = VALUE_NAME;
|
|
103
|
-
const SelectIcon = styled(XStack, {
|
|
104
|
-
name: "SelectIcon",
|
|
105
|
-
// @ts-ignore
|
|
106
|
-
"aria-hidden": true,
|
|
107
|
-
children: /* @__PURE__ */ jsx(Paragraph, { children: "\u25BC" })
|
|
108
|
-
});
|
|
109
|
-
const ITEM_NAME = "SelectItem";
|
|
110
|
-
const [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
|
|
111
|
-
const SelectItem = React.forwardRef(
|
|
112
|
-
(props, forwardedRef) => {
|
|
113
|
-
const {
|
|
114
|
-
__scopeSelect,
|
|
115
|
-
value,
|
|
116
|
-
disabled = false,
|
|
117
|
-
textValue: textValueProp,
|
|
118
|
-
index,
|
|
119
|
-
...itemProps
|
|
120
|
-
} = props;
|
|
121
|
-
const context = useSelectContext(ITEM_NAME, __scopeSelect);
|
|
122
|
-
const isSelected = context.value === value;
|
|
123
|
-
const textId = React.useId();
|
|
124
|
-
const {
|
|
125
|
-
selectedIndex,
|
|
126
|
-
setSelectedIndex,
|
|
127
|
-
listRef,
|
|
128
|
-
open,
|
|
129
|
-
setOpen,
|
|
130
|
-
onChange,
|
|
131
|
-
setActiveIndex,
|
|
132
|
-
allowMouseUpRef,
|
|
133
|
-
allowSelectRef,
|
|
134
|
-
setValueAtIndex,
|
|
135
|
-
selectTimeoutRef,
|
|
136
|
-
dataRef
|
|
137
|
-
} = context;
|
|
138
|
-
const composedRefs = useComposedRefs(forwardedRef, (node) => {
|
|
139
|
-
if (!isWeb)
|
|
140
|
-
return;
|
|
141
|
-
if (node instanceof HTMLElement) {
|
|
142
|
-
if (listRef) {
|
|
143
|
-
listRef.current[index] = node;
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
});
|
|
147
|
-
React.useEffect(() => {
|
|
148
|
-
setValueAtIndex(index, value);
|
|
149
|
-
}, [index, setValueAtIndex, value]);
|
|
150
|
-
function handleSelect() {
|
|
151
|
-
setSelectedIndex(index);
|
|
152
|
-
onChange(value);
|
|
153
|
-
setOpen(false);
|
|
154
|
-
}
|
|
155
|
-
const selectItemProps = context.interactions ? context.interactions.getItemProps({
|
|
156
|
-
onTouchStart() {
|
|
157
|
-
allowSelectRef.current = true;
|
|
158
|
-
allowMouseUpRef.current = false;
|
|
159
|
-
},
|
|
160
|
-
onKeyDown(event) {
|
|
161
|
-
if (event.key === "Enter" || event.key === " " && !(dataRef == null ? void 0 : dataRef.current.typing)) {
|
|
162
|
-
event.preventDefault();
|
|
163
|
-
handleSelect();
|
|
164
|
-
} else {
|
|
165
|
-
allowSelectRef.current = true;
|
|
166
|
-
}
|
|
167
|
-
},
|
|
168
|
-
onClick() {
|
|
169
|
-
if (allowSelectRef.current) {
|
|
170
|
-
setSelectedIndex(index);
|
|
171
|
-
setOpen(false);
|
|
172
|
-
}
|
|
173
|
-
},
|
|
174
|
-
onMouseUp() {
|
|
175
|
-
if (!allowMouseUpRef.current) {
|
|
176
|
-
return;
|
|
177
|
-
}
|
|
178
|
-
if (allowSelectRef.current) {
|
|
179
|
-
handleSelect();
|
|
180
|
-
}
|
|
181
|
-
clearTimeout(selectTimeoutRef.current);
|
|
182
|
-
selectTimeoutRef.current = setTimeout(() => {
|
|
183
|
-
allowSelectRef.current = true;
|
|
184
|
-
});
|
|
185
|
-
}
|
|
186
|
-
}) : {
|
|
187
|
-
onPress: handleSelect
|
|
188
|
-
};
|
|
189
|
-
return /* @__PURE__ */ jsx(
|
|
190
|
-
SelectItemContextProvider,
|
|
191
|
-
{
|
|
192
|
-
scope: __scopeSelect,
|
|
193
|
-
value,
|
|
194
|
-
textId: textId || "",
|
|
195
|
-
isSelected,
|
|
196
|
-
children: context.shouldRenderWebNative ? /* @__PURE__ */ jsx("option", { value, children: props.children }) : /* @__PURE__ */ jsx(
|
|
197
|
-
ListItem,
|
|
198
|
-
{
|
|
199
|
-
tag: "div",
|
|
200
|
-
backgrounded: true,
|
|
201
|
-
pressTheme: true,
|
|
202
|
-
hoverTheme: true,
|
|
203
|
-
cursor: "default",
|
|
204
|
-
outlineWidth: 0,
|
|
205
|
-
componentName: ITEM_NAME,
|
|
206
|
-
ref: composedRefs,
|
|
207
|
-
"aria-labelledby": textId,
|
|
208
|
-
"aria-selected": isSelected,
|
|
209
|
-
"data-state": isSelected ? "active" : "inactive",
|
|
210
|
-
"aria-disabled": disabled || void 0,
|
|
211
|
-
"data-disabled": disabled ? "" : void 0,
|
|
212
|
-
tabIndex: disabled ? void 0 : -1,
|
|
213
|
-
size: context.size,
|
|
214
|
-
focusStyle: {
|
|
215
|
-
backgroundColor: "$backgroundHover"
|
|
216
|
-
},
|
|
217
|
-
...itemProps,
|
|
218
|
-
...selectItemProps
|
|
219
|
-
}
|
|
220
|
-
)
|
|
221
|
-
}
|
|
222
|
-
);
|
|
223
|
-
}
|
|
224
|
-
);
|
|
225
|
-
SelectItem.displayName = ITEM_NAME;
|
|
226
|
-
const ITEM_TEXT_NAME = "SelectItemText";
|
|
227
|
-
const SelectItemTextFrame = styled(SizableText, {
|
|
228
|
-
name: ITEM_TEXT_NAME,
|
|
229
|
-
variants: {
|
|
230
|
-
unstyled: {
|
|
231
|
-
false: {
|
|
232
|
-
userSelect: "none",
|
|
233
|
-
color: "$color"
|
|
234
|
-
}
|
|
235
|
-
}
|
|
236
|
-
},
|
|
237
|
-
defaultVariants: {
|
|
238
|
-
unstyled: false
|
|
239
|
-
}
|
|
240
|
-
});
|
|
241
|
-
const SelectItemText = React.forwardRef(
|
|
242
|
-
(props, forwardedRef) => {
|
|
243
|
-
const { __scopeSelect, className, ...itemTextProps } = props;
|
|
244
|
-
const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
|
|
245
|
-
const ref = React.useRef(null);
|
|
246
|
-
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
247
|
-
const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
|
|
248
|
-
const isSelected = Boolean(itemContext.isSelected && context.valueNode);
|
|
249
|
-
const contents = React.useMemo(
|
|
250
|
-
() => /* @__PURE__ */ jsx(
|
|
251
|
-
SelectItemTextFrame,
|
|
252
|
-
{
|
|
253
|
-
className,
|
|
254
|
-
size: context.size,
|
|
255
|
-
id: itemContext.textId,
|
|
256
|
-
...itemTextProps,
|
|
257
|
-
ref: composedRefs
|
|
258
|
-
}
|
|
259
|
-
),
|
|
260
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
261
|
-
[props, context.size, className, itemContext.textId]
|
|
262
|
-
);
|
|
263
|
-
useIsomorphicLayoutEffect(() => {
|
|
264
|
-
if (isSelected) {
|
|
265
|
-
context.setSelectedItem(contents);
|
|
266
|
-
}
|
|
267
|
-
}, [isSelected, contents]);
|
|
268
|
-
if (context.shouldRenderWebNative)
|
|
269
|
-
return /* @__PURE__ */ jsx(Fragment, { children: props.children });
|
|
270
|
-
return /* @__PURE__ */ jsx(Fragment, { children: contents });
|
|
271
|
-
}
|
|
272
|
-
);
|
|
273
|
-
SelectItemText.displayName = ITEM_TEXT_NAME;
|
|
274
|
-
const ITEM_INDICATOR_NAME = "SelectItemIndicator";
|
|
275
|
-
const SelectItemIndicatorFrame = styled(XStack, {
|
|
276
|
-
name: ITEM_TEXT_NAME
|
|
277
|
-
});
|
|
278
|
-
const SelectItemIndicator = React.forwardRef(
|
|
279
|
-
(props, forwardedRef) => {
|
|
280
|
-
const { __scopeSelect, ...itemIndicatorProps } = props;
|
|
281
|
-
const context = useSelectContext(ITEM_INDICATOR_NAME, __scopeSelect);
|
|
282
|
-
const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
|
|
283
|
-
if (context.shouldRenderWebNative)
|
|
284
|
-
return null;
|
|
285
|
-
return itemContext.isSelected ? /* @__PURE__ */ jsx(SelectItemIndicatorFrame, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
|
|
286
|
-
}
|
|
287
|
-
);
|
|
288
|
-
SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
|
|
289
|
-
const GROUP_NAME = "SelectGroup";
|
|
290
|
-
const [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
|
|
291
|
-
const SelectGroupFrame = styled(YStack, {
|
|
292
|
-
name: GROUP_NAME,
|
|
293
|
-
width: "100%"
|
|
294
|
-
});
|
|
295
|
-
const NativeSelectTextFrame = styled(SizableText, {
|
|
296
|
-
tag: "select",
|
|
297
|
-
backgroundColor: "$background",
|
|
298
|
-
borderColor: "$borderColor",
|
|
299
|
-
hoverStyle: {
|
|
300
|
-
backgroundColor: "$backgroundHover"
|
|
301
|
-
}
|
|
302
|
-
});
|
|
303
|
-
const NativeSelectFrame = styled(ThemeableStack, {
|
|
304
|
-
name: "NativeSelect",
|
|
305
|
-
bordered: true,
|
|
306
|
-
userSelect: "none",
|
|
307
|
-
outlineWidth: 0,
|
|
308
|
-
paddingRight: 10,
|
|
309
|
-
variants: {
|
|
310
|
-
size: {
|
|
311
|
-
"...size": (val, extras) => {
|
|
312
|
-
const { tokens } = extras;
|
|
313
|
-
const paddingHorizontal = getVariableValue(tokens.space[val]);
|
|
314
|
-
return {
|
|
315
|
-
borderRadius: tokens.radius[val] ?? val,
|
|
316
|
-
minHeight: tokens.size[val],
|
|
317
|
-
paddingRight: paddingHorizontal + 20,
|
|
318
|
-
paddingLeft: paddingHorizontal,
|
|
319
|
-
paddingVertical: getSpace(val, -2)
|
|
320
|
-
};
|
|
321
|
-
}
|
|
322
|
-
}
|
|
323
|
-
},
|
|
324
|
-
defaultVariants: {
|
|
325
|
-
size: "$2"
|
|
326
|
-
}
|
|
327
|
-
});
|
|
328
|
-
const SelectGroup = React.forwardRef(
|
|
329
|
-
(props, forwardedRef) => {
|
|
330
|
-
const { __scopeSelect, ...groupProps } = props;
|
|
331
|
-
const groupId = React.useId();
|
|
332
|
-
const context = useSelectContext(GROUP_NAME, __scopeSelect);
|
|
333
|
-
const size = context.size ?? "$true";
|
|
334
|
-
const nativeSelectRef = React.useRef(null);
|
|
335
|
-
const content = function() {
|
|
336
|
-
if (context.shouldRenderWebNative) {
|
|
337
|
-
return (
|
|
338
|
-
// @ts-expect-error until we support typing based on tag
|
|
339
|
-
/* @__PURE__ */ jsx(NativeSelectFrame, { asChild: true, size, value: context.value, children: /* @__PURE__ */ jsx(
|
|
340
|
-
NativeSelectTextFrame,
|
|
341
|
-
{
|
|
342
|
-
onChange: (event) => {
|
|
343
|
-
context.onChange(event.currentTarget.value);
|
|
344
|
-
},
|
|
345
|
-
size,
|
|
346
|
-
ref: nativeSelectRef,
|
|
347
|
-
style: {
|
|
348
|
-
color: "var(--color)",
|
|
349
|
-
// @ts-ignore
|
|
350
|
-
appearance: "none"
|
|
351
|
-
},
|
|
352
|
-
children: props.children
|
|
353
|
-
}
|
|
354
|
-
) })
|
|
355
|
-
);
|
|
356
|
-
}
|
|
357
|
-
return /* @__PURE__ */ jsx(
|
|
358
|
-
SelectGroupFrame,
|
|
359
|
-
{
|
|
360
|
-
role: "group",
|
|
361
|
-
"aria-labelledby": groupId,
|
|
362
|
-
...groupProps,
|
|
363
|
-
ref: forwardedRef
|
|
364
|
-
}
|
|
365
|
-
);
|
|
366
|
-
}();
|
|
367
|
-
return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId || "", children: content });
|
|
368
|
-
}
|
|
369
|
-
);
|
|
370
|
-
SelectGroup.displayName = GROUP_NAME;
|
|
371
|
-
const LABEL_NAME = "SelectLabel";
|
|
372
|
-
const SelectLabel = React.forwardRef(
|
|
373
|
-
(props, forwardedRef) => {
|
|
374
|
-
const { __scopeSelect, ...labelProps } = props;
|
|
375
|
-
const context = useSelectContext(LABEL_NAME, __scopeSelect);
|
|
376
|
-
const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
|
|
377
|
-
if (context.shouldRenderWebNative) {
|
|
378
|
-
return null;
|
|
379
|
-
}
|
|
380
|
-
return /* @__PURE__ */ jsx(
|
|
381
|
-
ListItem,
|
|
382
|
-
{
|
|
383
|
-
tag: "div",
|
|
384
|
-
componentName: LABEL_NAME,
|
|
385
|
-
fontWeight: "800",
|
|
386
|
-
id: groupContext.id,
|
|
387
|
-
size: context.size,
|
|
388
|
-
...labelProps,
|
|
389
|
-
ref: forwardedRef
|
|
390
|
-
}
|
|
391
|
-
);
|
|
392
|
-
}
|
|
393
|
-
);
|
|
394
|
-
SelectLabel.displayName = LABEL_NAME;
|
|
395
|
-
const SelectSeparator = styled(Separator, {
|
|
396
|
-
name: "SelectSeparator"
|
|
397
|
-
});
|
|
398
|
-
const SelectSheetController = (props) => {
|
|
399
|
-
const context = useSelectContext("SelectSheetController", props.__scopeSelect);
|
|
400
|
-
const showSheet = useShowSelectSheet(context);
|
|
401
|
-
const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
|
|
402
|
-
const getShowSheet = useGet(showSheet);
|
|
403
|
-
return /* @__PURE__ */ jsx(
|
|
404
|
-
SheetController,
|
|
405
|
-
{
|
|
406
|
-
onOpenChange: (val) => {
|
|
407
|
-
if (getShowSheet()) {
|
|
408
|
-
props.onOpenChange(val);
|
|
409
|
-
}
|
|
410
|
-
},
|
|
411
|
-
open: context.open,
|
|
412
|
-
hidden: breakpointActive === false,
|
|
413
|
-
children: props.children
|
|
414
|
-
}
|
|
415
|
-
);
|
|
416
|
-
};
|
|
417
|
-
const SelectSheetImpl = (props) => {
|
|
418
|
-
return /* @__PURE__ */ jsx(Fragment, { children: props.children });
|
|
419
|
-
};
|
|
420
|
-
const Select = withStaticProperties(
|
|
421
|
-
(props) => {
|
|
422
|
-
const {
|
|
423
|
-
__scopeSelect,
|
|
424
|
-
native,
|
|
425
|
-
children,
|
|
426
|
-
open: openProp,
|
|
427
|
-
defaultOpen,
|
|
428
|
-
onOpenChange,
|
|
429
|
-
value: valueProp,
|
|
430
|
-
defaultValue,
|
|
431
|
-
onValueChange,
|
|
432
|
-
size: sizeProp = "$true",
|
|
433
|
-
dir
|
|
434
|
-
} = props;
|
|
435
|
-
const id = React.useId();
|
|
436
|
-
const scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id;
|
|
437
|
-
const { when, AdaptProvider } = useAdaptParent({
|
|
438
|
-
Contents: React.useCallback(
|
|
439
|
-
() => /* @__PURE__ */ jsx(PortalHost, { name: `${scopeKey}SheetContents` }),
|
|
440
|
-
[scopeKey]
|
|
441
|
-
)
|
|
442
|
-
});
|
|
443
|
-
const sheetBreakpoint = when;
|
|
444
|
-
const isSheet = useSelectBreakpointActive(sheetBreakpoint);
|
|
445
|
-
const SelectImpl = isSheet || !isWeb ? SelectSheetImpl : SelectInlineImpl;
|
|
446
|
-
const forceUpdate = React.useReducer(() => ({}), {})[1];
|
|
447
|
-
const [selectedItem, setSelectedItem] = React.useState(null);
|
|
448
|
-
const [open, setOpen] = useControllableState({
|
|
449
|
-
prop: openProp,
|
|
450
|
-
defaultProp: defaultOpen || false,
|
|
451
|
-
onChange: onOpenChange
|
|
452
|
-
});
|
|
453
|
-
const [value, setValue] = useControllableState({
|
|
454
|
-
prop: valueProp,
|
|
455
|
-
defaultProp: defaultValue || "",
|
|
456
|
-
onChange: onValueChange,
|
|
457
|
-
transition: true
|
|
458
|
-
});
|
|
459
|
-
const [activeIndex, setActiveIndex] = React.useState(0);
|
|
460
|
-
const selectedIndexRef = React.useRef(null);
|
|
461
|
-
const activeIndexRef = React.useRef(null);
|
|
462
|
-
const listContentRef = React.useRef([]);
|
|
463
|
-
const [selectedIndex, setSelectedIndex] = React.useState(0);
|
|
464
|
-
const [valueNode, setValueNode] = React.useState(null);
|
|
465
|
-
const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false);
|
|
466
|
-
useIsomorphicLayoutEffect(() => {
|
|
467
|
-
selectedIndexRef.current = selectedIndex;
|
|
468
|
-
activeIndexRef.current = activeIndex;
|
|
469
|
-
});
|
|
470
|
-
const shouldRenderWebNative = isWeb && (native === true || native === "web" || Array.isArray(native) && native.includes("web"));
|
|
471
|
-
return /* @__PURE__ */ jsx(AdaptProvider, { children: /* @__PURE__ */ jsx(
|
|
472
|
-
SelectProvider,
|
|
473
|
-
{
|
|
474
|
-
dir,
|
|
475
|
-
blockSelection: false,
|
|
476
|
-
size: sizeProp,
|
|
477
|
-
fallback: false,
|
|
478
|
-
selectedItem,
|
|
479
|
-
setSelectedItem,
|
|
480
|
-
forceUpdate,
|
|
481
|
-
valueNode,
|
|
482
|
-
onValueNodeChange: setValueNode,
|
|
483
|
-
onValueNodeHasChildrenChange: setValueNodeHasChildren,
|
|
484
|
-
valueNodeHasChildren,
|
|
485
|
-
scopeKey,
|
|
486
|
-
sheetBreakpoint,
|
|
487
|
-
scope: __scopeSelect,
|
|
488
|
-
setValueAtIndex: (index, value2) => {
|
|
489
|
-
listContentRef.current[index] = value2;
|
|
490
|
-
},
|
|
491
|
-
activeIndex,
|
|
492
|
-
onChange: setValue,
|
|
493
|
-
selectedIndex,
|
|
494
|
-
setActiveIndex,
|
|
495
|
-
setOpen,
|
|
496
|
-
setSelectedIndex,
|
|
497
|
-
value,
|
|
498
|
-
open,
|
|
499
|
-
native,
|
|
500
|
-
shouldRenderWebNative,
|
|
501
|
-
children: /* @__PURE__ */ jsx(SelectSheetController, { onOpenChange: setOpen, __scopeSelect, children: shouldRenderWebNative ? children : /* @__PURE__ */ jsx(
|
|
502
|
-
SelectImpl,
|
|
503
|
-
{
|
|
504
|
-
activeIndexRef,
|
|
505
|
-
listContentRef,
|
|
506
|
-
selectedIndexRef,
|
|
507
|
-
...props,
|
|
508
|
-
open,
|
|
509
|
-
value,
|
|
510
|
-
children
|
|
511
|
-
}
|
|
512
|
-
) })
|
|
513
|
-
}
|
|
514
|
-
) });
|
|
515
|
-
},
|
|
516
|
-
{
|
|
517
|
-
Adapt,
|
|
518
|
-
Content: SelectContent,
|
|
519
|
-
Group: SelectGroup,
|
|
520
|
-
Icon: SelectIcon,
|
|
521
|
-
Item: SelectItem,
|
|
522
|
-
ItemIndicator: SelectItemIndicator,
|
|
523
|
-
ItemText: SelectItemText,
|
|
524
|
-
Label: SelectLabel,
|
|
525
|
-
ScrollDownButton: SelectScrollDownButton,
|
|
526
|
-
ScrollUpButton: SelectScrollUpButton,
|
|
527
|
-
Trigger: SelectTrigger,
|
|
528
|
-
Value: SelectValue,
|
|
529
|
-
Viewport: SelectViewport,
|
|
530
|
-
Sheet: ControlledSheet
|
|
531
|
-
}
|
|
532
|
-
);
|
|
533
|
-
Select.displayName = SELECT_NAME;
|
|
534
|
-
export {
|
|
535
|
-
Select,
|
|
536
|
-
SelectGroupFrame,
|
|
537
|
-
SelectIcon,
|
|
538
|
-
SelectItem,
|
|
539
|
-
SelectItemTextFrame,
|
|
540
|
-
SelectSeparator,
|
|
541
|
-
SelectTrigger
|
|
542
|
-
};
|
|
543
|
-
//# sourceMappingURL=Select.mjs.map
|
package/dist/esm/Select.mjs.map
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/Select.tsx"],
|
|
4
|
-
"mappings": "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",
|
|
5
|
-
"names": ["value"]
|
|
6
|
-
}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import { Fragment, jsx } from "react/jsx-runtime";
|
|
2
|
-
import { FloatingOverlay, FloatingPortal } from "@floating-ui/react";
|
|
3
|
-
import { Theme, useIsTouchDevice, useThemeName } from "@tamagui/core";
|
|
4
|
-
import { Dismissable } from "@tamagui/dismissable";
|
|
5
|
-
import { FocusScope } from "@tamagui/focus-scope";
|
|
6
|
-
import { useSelectContext } from "./context";
|
|
7
|
-
import { useShowSelectSheet } from "./useSelectBreakpointActive";
|
|
8
|
-
const CONTENT_NAME = "SelectContent";
|
|
9
|
-
const SelectContent = ({
|
|
10
|
-
children,
|
|
11
|
-
__scopeSelect,
|
|
12
|
-
zIndex = 1e3,
|
|
13
|
-
...focusScopeProps
|
|
14
|
-
}) => {
|
|
15
|
-
const context = useSelectContext(CONTENT_NAME, __scopeSelect);
|
|
16
|
-
const themeName = useThemeName();
|
|
17
|
-
const showSheet = useShowSelectSheet(context);
|
|
18
|
-
const contents = /* @__PURE__ */ jsx(Theme, { forceClassName: true, name: themeName, children });
|
|
19
|
-
const touch = useIsTouchDevice();
|
|
20
|
-
if (context.shouldRenderWebNative) {
|
|
21
|
-
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
22
|
-
}
|
|
23
|
-
if (showSheet) {
|
|
24
|
-
if (!context.open) {
|
|
25
|
-
return null;
|
|
26
|
-
}
|
|
27
|
-
return /* @__PURE__ */ jsx(Fragment, { children: contents });
|
|
28
|
-
}
|
|
29
|
-
return /* @__PURE__ */ jsx(FloatingPortal, { children: context.open ? /* @__PURE__ */ jsx(FloatingOverlay, { style: { zIndex }, lockScroll: !touch, children: /* @__PURE__ */ jsx(FocusScope, { loop: true, trapped: true, ...focusScopeProps, children: /* @__PURE__ */ jsx(Dismissable, { children: contents }) }) }) : /* @__PURE__ */ jsx("div", { style: { display: "none" }, children: contents }) });
|
|
30
|
-
};
|
|
31
|
-
export {
|
|
32
|
-
SelectContent
|
|
33
|
-
};
|
|
34
|
-
//# sourceMappingURL=SelectContent.mjs.map
|