@tamagui/select 1.13.2 → 1.13.4
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/BubbleSelect.js +1 -47
- package/dist/cjs/BubbleSelect.js.map +2 -2
- package/dist/cjs/Select.js +1 -494
- package/dist/cjs/Select.js.map +2 -2
- package/dist/cjs/SelectContent.js +1 -54
- package/dist/cjs/SelectContent.js.map +2 -2
- package/dist/cjs/SelectContent.native.js +1 -30
- package/dist/cjs/SelectContent.native.js.map +2 -2
- package/dist/cjs/SelectImpl.js +1 -308
- package/dist/cjs/SelectImpl.js.map +2 -2
- package/dist/cjs/SelectImpl.native.js +1 -34
- package/dist/cjs/SelectImpl.native.js.map +2 -2
- package/dist/cjs/SelectScrollButton.js +1 -175
- package/dist/cjs/SelectScrollButton.js.map +2 -2
- package/dist/cjs/SelectScrollButton.native.js +1 -31
- package/dist/cjs/SelectScrollButton.native.js.map +2 -2
- package/dist/cjs/SelectViewport.js +2 -115
- package/dist/cjs/SelectViewport.js.map +2 -2
- package/dist/cjs/SelectViewport.native.js +1 -52
- package/dist/cjs/SelectViewport.native.js.map +2 -2
- package/dist/cjs/constants.js +1 -46
- package/dist/cjs/constants.js.map +2 -2
- package/dist/cjs/context.js +1 -43
- package/dist/cjs/context.js.map +2 -2
- package/dist/cjs/index.js +1 -19
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/types.js +1 -16
- package/dist/cjs/types.js.map +2 -2
- package/dist/cjs/useSelectBreakpointActive.js +1 -42
- package/dist/cjs/useSelectBreakpointActive.js.map +2 -2
- package/dist/esm/BubbleSelect.js +1 -24
- package/dist/esm/BubbleSelect.js.map +2 -2
- package/dist/esm/BubbleSelect.mjs +1 -24
- package/dist/esm/BubbleSelect.mjs.map +2 -2
- package/dist/esm/Select.js +1 -464
- package/dist/esm/Select.js.map +2 -2
- package/dist/esm/Select.mjs +1 -464
- package/dist/esm/Select.mjs.map +2 -2
- package/dist/esm/SelectContent.js +1 -30
- package/dist/esm/SelectContent.js.map +2 -2
- package/dist/esm/SelectContent.mjs +1 -30
- package/dist/esm/SelectContent.mjs.map +2 -2
- package/dist/esm/SelectContent.native.js +1 -6
- package/dist/esm/SelectContent.native.js.map +2 -2
- package/dist/esm/SelectContent.native.mjs +1 -6
- package/dist/esm/SelectContent.native.mjs.map +2 -2
- package/dist/esm/SelectImpl.js +1 -294
- package/dist/esm/SelectImpl.js.map +2 -2
- package/dist/esm/SelectImpl.mjs +1 -294
- package/dist/esm/SelectImpl.mjs.map +2 -2
- package/dist/esm/SelectImpl.native.js +1 -10
- package/dist/esm/SelectImpl.native.js.map +2 -2
- package/dist/esm/SelectImpl.native.mjs +1 -10
- package/dist/esm/SelectImpl.native.mjs.map +2 -2
- package/dist/esm/SelectScrollButton.js +1 -140
- package/dist/esm/SelectScrollButton.js.map +2 -2
- package/dist/esm/SelectScrollButton.mjs +1 -140
- package/dist/esm/SelectScrollButton.mjs.map +2 -2
- package/dist/esm/SelectScrollButton.native.js +1 -6
- package/dist/esm/SelectScrollButton.native.js.map +2 -2
- package/dist/esm/SelectScrollButton.native.mjs +1 -6
- package/dist/esm/SelectScrollButton.native.mjs.map +2 -2
- package/dist/esm/SelectViewport.js +2 -80
- package/dist/esm/SelectViewport.js.map +2 -2
- package/dist/esm/SelectViewport.mjs +2 -80
- package/dist/esm/SelectViewport.mjs.map +2 -2
- package/dist/esm/SelectViewport.native.js +1 -18
- package/dist/esm/SelectViewport.native.js.map +2 -2
- package/dist/esm/SelectViewport.native.mjs +1 -18
- package/dist/esm/SelectViewport.native.mjs.map +2 -2
- package/dist/esm/constants.js +1 -16
- package/dist/esm/constants.js.map +2 -2
- package/dist/esm/constants.mjs +1 -16
- package/dist/esm/constants.mjs.map +2 -2
- package/dist/esm/context.js +1 -15
- package/dist/esm/context.js.map +2 -2
- package/dist/esm/context.mjs +1 -15
- package/dist/esm/context.mjs.map +2 -2
- package/dist/esm/index.js +1 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +1 -2
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/useSelectBreakpointActive.js +1 -17
- package/dist/esm/useSelectBreakpointActive.js.map +2 -2
- package/dist/esm/useSelectBreakpointActive.mjs +1 -17
- package/dist/esm/useSelectBreakpointActive.mjs.map +2 -2
- package/dist/jsx/BubbleSelect.js +1 -24
- package/dist/jsx/BubbleSelect.js.map +2 -2
- package/dist/jsx/BubbleSelect.mjs +1 -24
- package/dist/jsx/BubbleSelect.mjs.map +2 -2
- package/dist/jsx/Select.js +1 -428
- package/dist/jsx/Select.js.map +2 -2
- package/dist/jsx/Select.mjs +1 -428
- package/dist/jsx/Select.mjs.map +2 -2
- package/dist/jsx/SelectContent.js +1 -29
- package/dist/jsx/SelectContent.js.map +2 -2
- package/dist/jsx/SelectContent.mjs +1 -29
- package/dist/jsx/SelectContent.mjs.map +2 -2
- package/dist/jsx/SelectContent.native.js +1 -6
- package/dist/jsx/SelectContent.native.js.map +2 -2
- package/dist/jsx/SelectContent.native.mjs +1 -6
- package/dist/jsx/SelectContent.native.mjs.map +2 -2
- package/dist/jsx/SelectImpl.js +1 -286
- package/dist/jsx/SelectImpl.js.map +2 -2
- package/dist/jsx/SelectImpl.mjs +1 -286
- package/dist/jsx/SelectImpl.mjs.map +2 -2
- package/dist/jsx/SelectImpl.native.js +1 -9
- package/dist/jsx/SelectImpl.native.js.map +2 -2
- package/dist/jsx/SelectImpl.native.mjs +1 -9
- package/dist/jsx/SelectImpl.native.mjs.map +2 -2
- package/dist/jsx/SelectScrollButton.js +1 -126
- package/dist/jsx/SelectScrollButton.js.map +2 -2
- package/dist/jsx/SelectScrollButton.mjs +1 -126
- package/dist/jsx/SelectScrollButton.mjs.map +2 -2
- package/dist/jsx/SelectScrollButton.native.js +1 -6
- package/dist/jsx/SelectScrollButton.native.js.map +2 -2
- package/dist/jsx/SelectScrollButton.native.mjs +1 -6
- package/dist/jsx/SelectScrollButton.native.mjs.map +2 -2
- package/dist/jsx/SelectViewport.js +2 -72
- package/dist/jsx/SelectViewport.js.map +2 -2
- package/dist/jsx/SelectViewport.mjs +2 -72
- package/dist/jsx/SelectViewport.mjs.map +2 -2
- package/dist/jsx/SelectViewport.native.js +1 -17
- package/dist/jsx/SelectViewport.native.js.map +2 -2
- package/dist/jsx/SelectViewport.native.mjs +1 -17
- package/dist/jsx/SelectViewport.native.mjs.map +2 -2
- package/dist/jsx/constants.js +1 -16
- package/dist/jsx/constants.js.map +2 -2
- package/dist/jsx/constants.mjs +1 -16
- package/dist/jsx/constants.mjs.map +2 -2
- package/dist/jsx/context.js +1 -14
- package/dist/jsx/context.js.map +2 -2
- package/dist/jsx/context.mjs +1 -14
- package/dist/jsx/context.mjs.map +2 -2
- package/dist/jsx/index.js +1 -2
- package/dist/jsx/index.js.map +1 -1
- package/dist/jsx/index.mjs +1 -2
- package/dist/jsx/index.mjs.map +1 -1
- package/dist/jsx/useSelectBreakpointActive.js +1 -17
- package/dist/jsx/useSelectBreakpointActive.js.map +2 -2
- package/dist/jsx/useSelectBreakpointActive.mjs +1 -17
- package/dist/jsx/useSelectBreakpointActive.mjs.map +2 -2
- package/package.json +16 -16
package/dist/esm/Select.js
CHANGED
|
@@ -1,465 +1,2 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { Adapt, useAdaptParent } from "@tamagui/adapt";
|
|
3
|
-
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
4
|
-
import {
|
|
5
|
-
isWeb,
|
|
6
|
-
styled,
|
|
7
|
-
useGet,
|
|
8
|
-
useId,
|
|
9
|
-
useIsomorphicLayoutEffect,
|
|
10
|
-
withStaticProperties
|
|
11
|
-
} from "@tamagui/core";
|
|
12
|
-
import { ListItem } from "@tamagui/list-item";
|
|
13
|
-
import { PortalHost } from "@tamagui/portal";
|
|
14
|
-
import { Separator } from "@tamagui/separator";
|
|
15
|
-
import { ControlledSheet, SheetController } from "@tamagui/sheet";
|
|
16
|
-
import { XStack, YStack } from "@tamagui/stacks";
|
|
17
|
-
import { Paragraph, SizableText } from "@tamagui/text";
|
|
18
|
-
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
19
|
-
import * as React from "react";
|
|
20
|
-
import { SELECT_NAME } from "./constants";
|
|
21
|
-
import { SelectProvider, createSelectContext, useSelectContext } from "./context";
|
|
22
|
-
import { SelectContent } from "./SelectContent";
|
|
23
|
-
import { SelectInlineImpl } from "./SelectImpl";
|
|
24
|
-
import { SelectScrollDownButton, SelectScrollUpButton } from "./SelectScrollButton";
|
|
25
|
-
import { SelectViewport } from "./SelectViewport";
|
|
26
|
-
import {
|
|
27
|
-
useSelectBreakpointActive,
|
|
28
|
-
useShowSelectSheet
|
|
29
|
-
} from "./useSelectBreakpointActive";
|
|
30
|
-
const TRIGGER_NAME = "SelectTrigger";
|
|
31
|
-
const SelectTrigger = React.forwardRef(
|
|
32
|
-
(props, forwardedRef) => {
|
|
33
|
-
const {
|
|
34
|
-
__scopeSelect,
|
|
35
|
-
disabled = false,
|
|
36
|
-
// @ts-ignore
|
|
37
|
-
"aria-labelledby": ariaLabelledby,
|
|
38
|
-
...triggerProps
|
|
39
|
-
} = props;
|
|
40
|
-
const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
|
|
41
|
-
const labelledBy = ariaLabelledby;
|
|
42
|
-
return /* @__PURE__ */ jsx(
|
|
43
|
-
ListItem,
|
|
44
|
-
{
|
|
45
|
-
componentName: TRIGGER_NAME,
|
|
46
|
-
backgrounded: true,
|
|
47
|
-
radiused: true,
|
|
48
|
-
hoverTheme: true,
|
|
49
|
-
pressTheme: true,
|
|
50
|
-
focusTheme: true,
|
|
51
|
-
focusable: true,
|
|
52
|
-
borderWidth: 1,
|
|
53
|
-
size: context.size,
|
|
54
|
-
"aria-expanded": context.open,
|
|
55
|
-
"aria-autocomplete": "none",
|
|
56
|
-
"aria-labelledby": labelledBy,
|
|
57
|
-
dir: context.dir,
|
|
58
|
-
disabled,
|
|
59
|
-
"data-disabled": disabled ? "" : void 0,
|
|
60
|
-
...triggerProps,
|
|
61
|
-
ref: forwardedRef,
|
|
62
|
-
...process.env.TAMAGUI_TARGET === "web" && context.interactions ? context.interactions.getReferenceProps() : {
|
|
63
|
-
onPress() {
|
|
64
|
-
context.setOpen(!context.open);
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
);
|
|
69
|
-
}
|
|
70
|
-
);
|
|
71
|
-
SelectTrigger.displayName = TRIGGER_NAME;
|
|
72
|
-
const VALUE_NAME = "SelectValue";
|
|
73
|
-
const SelectValueFrame = styled(Paragraph, {
|
|
74
|
-
name: VALUE_NAME,
|
|
75
|
-
userSelect: "none"
|
|
76
|
-
});
|
|
77
|
-
const SelectValue = SelectValueFrame.extractable(
|
|
78
|
-
React.forwardRef(
|
|
79
|
-
({
|
|
80
|
-
__scopeSelect,
|
|
81
|
-
children: childrenProp,
|
|
82
|
-
placeholder
|
|
83
|
-
}, forwardedRef) => {
|
|
84
|
-
const context = useSelectContext(VALUE_NAME, __scopeSelect);
|
|
85
|
-
const { onValueNodeHasChildrenChange } = context;
|
|
86
|
-
const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange);
|
|
87
|
-
const children = childrenProp ?? context.selectedItem;
|
|
88
|
-
const hasChildren = !!children;
|
|
89
|
-
const isEmptyValue = context.value == null || context.value === "";
|
|
90
|
-
const selectValueChildren = isEmptyValue ? placeholder ?? children : children;
|
|
91
|
-
useIsomorphicLayoutEffect(() => {
|
|
92
|
-
onValueNodeHasChildrenChange(hasChildren);
|
|
93
|
-
}, [onValueNodeHasChildrenChange, hasChildren]);
|
|
94
|
-
return /* @__PURE__ */ jsx(
|
|
95
|
-
SelectValueFrame,
|
|
96
|
-
{
|
|
97
|
-
size: context.size,
|
|
98
|
-
ref: composedRefs,
|
|
99
|
-
pointerEvents: "none",
|
|
100
|
-
children: selectValueChildren
|
|
101
|
-
}
|
|
102
|
-
);
|
|
103
|
-
}
|
|
104
|
-
)
|
|
105
|
-
);
|
|
106
|
-
SelectValue.displayName = VALUE_NAME;
|
|
107
|
-
const SelectIcon = styled(XStack, {
|
|
108
|
-
name: "SelectIcon",
|
|
109
|
-
// @ts-ignore
|
|
110
|
-
"aria-hidden": true,
|
|
111
|
-
children: /* @__PURE__ */ jsx(Paragraph, { children: "\u25BC" })
|
|
112
|
-
});
|
|
113
|
-
const ITEM_NAME = "SelectItem";
|
|
114
|
-
const [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
|
|
115
|
-
const SelectItem = React.forwardRef(
|
|
116
|
-
(props, forwardedRef) => {
|
|
117
|
-
const {
|
|
118
|
-
__scopeSelect,
|
|
119
|
-
value,
|
|
120
|
-
disabled = false,
|
|
121
|
-
textValue: textValueProp,
|
|
122
|
-
index,
|
|
123
|
-
...itemProps
|
|
124
|
-
} = props;
|
|
125
|
-
const context = useSelectContext(ITEM_NAME, __scopeSelect);
|
|
126
|
-
const isSelected = context.value === value;
|
|
127
|
-
const textId = useId();
|
|
128
|
-
const {
|
|
129
|
-
selectedIndex,
|
|
130
|
-
setSelectedIndex,
|
|
131
|
-
listRef,
|
|
132
|
-
open,
|
|
133
|
-
setOpen,
|
|
134
|
-
onChange,
|
|
135
|
-
setActiveIndex,
|
|
136
|
-
allowMouseUpRef,
|
|
137
|
-
allowSelectRef,
|
|
138
|
-
setValueAtIndex,
|
|
139
|
-
selectTimeoutRef,
|
|
140
|
-
dataRef
|
|
141
|
-
} = context;
|
|
142
|
-
const composedRefs = useComposedRefs(forwardedRef, (node) => {
|
|
143
|
-
if (!isWeb)
|
|
144
|
-
return;
|
|
145
|
-
if (node instanceof HTMLElement) {
|
|
146
|
-
if (listRef) {
|
|
147
|
-
listRef.current[index] = node;
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
});
|
|
151
|
-
React.useEffect(() => {
|
|
152
|
-
setValueAtIndex(index, value);
|
|
153
|
-
}, [index, setValueAtIndex, value]);
|
|
154
|
-
function handleSelect() {
|
|
155
|
-
setSelectedIndex(index);
|
|
156
|
-
onChange(value);
|
|
157
|
-
setOpen(false);
|
|
158
|
-
}
|
|
159
|
-
const selectItemProps = context.interactions ? context.interactions.getItemProps({
|
|
160
|
-
onTouchStart() {
|
|
161
|
-
allowSelectRef.current = true;
|
|
162
|
-
allowMouseUpRef.current = false;
|
|
163
|
-
},
|
|
164
|
-
onKeyDown(event) {
|
|
165
|
-
if (event.key === "Enter" || event.key === " " && !(dataRef == null ? void 0 : dataRef.current.typing)) {
|
|
166
|
-
event.preventDefault();
|
|
167
|
-
handleSelect();
|
|
168
|
-
} else {
|
|
169
|
-
allowSelectRef.current = true;
|
|
170
|
-
}
|
|
171
|
-
},
|
|
172
|
-
onClick() {
|
|
173
|
-
if (allowSelectRef.current) {
|
|
174
|
-
setSelectedIndex(index);
|
|
175
|
-
setOpen(false);
|
|
176
|
-
}
|
|
177
|
-
},
|
|
178
|
-
onMouseUp() {
|
|
179
|
-
if (!allowMouseUpRef.current) {
|
|
180
|
-
return;
|
|
181
|
-
}
|
|
182
|
-
if (allowSelectRef.current) {
|
|
183
|
-
handleSelect();
|
|
184
|
-
}
|
|
185
|
-
clearTimeout(selectTimeoutRef.current);
|
|
186
|
-
selectTimeoutRef.current = setTimeout(() => {
|
|
187
|
-
allowSelectRef.current = true;
|
|
188
|
-
});
|
|
189
|
-
}
|
|
190
|
-
}) : {
|
|
191
|
-
onPress: handleSelect
|
|
192
|
-
};
|
|
193
|
-
return /* @__PURE__ */ jsx(
|
|
194
|
-
SelectItemContextProvider,
|
|
195
|
-
{
|
|
196
|
-
scope: __scopeSelect,
|
|
197
|
-
value,
|
|
198
|
-
textId: textId || "",
|
|
199
|
-
isSelected,
|
|
200
|
-
children: /* @__PURE__ */ jsx(
|
|
201
|
-
ListItem,
|
|
202
|
-
{
|
|
203
|
-
tag: "div",
|
|
204
|
-
backgrounded: true,
|
|
205
|
-
pressTheme: true,
|
|
206
|
-
hoverTheme: true,
|
|
207
|
-
cursor: "default",
|
|
208
|
-
outlineWidth: 0,
|
|
209
|
-
componentName: ITEM_NAME,
|
|
210
|
-
ref: composedRefs,
|
|
211
|
-
"aria-labelledby": textId,
|
|
212
|
-
"aria-selected": isSelected,
|
|
213
|
-
"data-state": isSelected ? "active" : "inactive",
|
|
214
|
-
"aria-disabled": disabled || void 0,
|
|
215
|
-
"data-disabled": disabled ? "" : void 0,
|
|
216
|
-
tabIndex: disabled ? void 0 : -1,
|
|
217
|
-
size: context.size,
|
|
218
|
-
focusStyle: {
|
|
219
|
-
backgroundColor: "$backgroundHover"
|
|
220
|
-
},
|
|
221
|
-
...itemProps,
|
|
222
|
-
...selectItemProps
|
|
223
|
-
}
|
|
224
|
-
)
|
|
225
|
-
}
|
|
226
|
-
);
|
|
227
|
-
}
|
|
228
|
-
);
|
|
229
|
-
SelectItem.displayName = ITEM_NAME;
|
|
230
|
-
const ITEM_TEXT_NAME = "SelectItemText";
|
|
231
|
-
const SelectItemTextFrame = styled(SizableText, {
|
|
232
|
-
name: ITEM_TEXT_NAME,
|
|
233
|
-
userSelect: "none"
|
|
234
|
-
});
|
|
235
|
-
const SelectItemText = React.forwardRef(
|
|
236
|
-
(props, forwardedRef) => {
|
|
237
|
-
const { __scopeSelect, className, ...itemTextProps } = props;
|
|
238
|
-
const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
|
|
239
|
-
const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
|
|
240
|
-
const ref = React.useRef(null);
|
|
241
|
-
const composedRefs = useComposedRefs(forwardedRef, ref);
|
|
242
|
-
const isSelected = Boolean(itemContext.isSelected && context.valueNode);
|
|
243
|
-
const contents = React.useMemo(
|
|
244
|
-
() => /* @__PURE__ */ jsx(
|
|
245
|
-
SelectItemTextFrame,
|
|
246
|
-
{
|
|
247
|
-
className,
|
|
248
|
-
size: context.size,
|
|
249
|
-
id: itemContext.textId,
|
|
250
|
-
...itemTextProps,
|
|
251
|
-
ref: composedRefs
|
|
252
|
-
}
|
|
253
|
-
),
|
|
254
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
255
|
-
[props, context.size, className, itemContext.textId]
|
|
256
|
-
);
|
|
257
|
-
useIsomorphicLayoutEffect(() => {
|
|
258
|
-
if (isSelected) {
|
|
259
|
-
context.setSelectedItem(contents);
|
|
260
|
-
}
|
|
261
|
-
}, [isSelected, contents]);
|
|
262
|
-
return /* @__PURE__ */ jsx(Fragment, { children: contents });
|
|
263
|
-
}
|
|
264
|
-
);
|
|
265
|
-
SelectItemText.displayName = ITEM_TEXT_NAME;
|
|
266
|
-
const ITEM_INDICATOR_NAME = "SelectItemIndicator";
|
|
267
|
-
const SelectItemIndicatorFrame = styled(XStack, {
|
|
268
|
-
name: ITEM_TEXT_NAME
|
|
269
|
-
});
|
|
270
|
-
const SelectItemIndicator = React.forwardRef(
|
|
271
|
-
(props, forwardedRef) => {
|
|
272
|
-
const { __scopeSelect, ...itemIndicatorProps } = props;
|
|
273
|
-
const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
|
|
274
|
-
return itemContext.isSelected ? /* @__PURE__ */ jsx(SelectItemIndicatorFrame, { "aria-hidden": true, ...itemIndicatorProps, ref: forwardedRef }) : null;
|
|
275
|
-
}
|
|
276
|
-
);
|
|
277
|
-
SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
|
|
278
|
-
const GROUP_NAME = "SelectGroup";
|
|
279
|
-
const [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
|
|
280
|
-
const SelectGroupFrame = styled(YStack, {
|
|
281
|
-
name: GROUP_NAME,
|
|
282
|
-
width: "100%"
|
|
283
|
-
});
|
|
284
|
-
const SelectGroup = React.forwardRef(
|
|
285
|
-
(props, forwardedRef) => {
|
|
286
|
-
const { __scopeSelect, ...groupProps } = props;
|
|
287
|
-
const groupId = useId();
|
|
288
|
-
return /* @__PURE__ */ jsx(SelectGroupContextProvider, { scope: __scopeSelect, id: groupId || "", children: /* @__PURE__ */ jsx(
|
|
289
|
-
SelectGroupFrame,
|
|
290
|
-
{
|
|
291
|
-
role: "group",
|
|
292
|
-
"aria-labelledby": groupId,
|
|
293
|
-
...groupProps,
|
|
294
|
-
ref: forwardedRef
|
|
295
|
-
}
|
|
296
|
-
) });
|
|
297
|
-
}
|
|
298
|
-
);
|
|
299
|
-
SelectGroup.displayName = GROUP_NAME;
|
|
300
|
-
const LABEL_NAME = "SelectLabel";
|
|
301
|
-
const SelectLabel = React.forwardRef(
|
|
302
|
-
(props, forwardedRef) => {
|
|
303
|
-
const { __scopeSelect, ...labelProps } = props;
|
|
304
|
-
const context = useSelectContext(LABEL_NAME, __scopeSelect);
|
|
305
|
-
const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
|
|
306
|
-
return /* @__PURE__ */ jsx(
|
|
307
|
-
ListItem,
|
|
308
|
-
{
|
|
309
|
-
tag: "div",
|
|
310
|
-
componentName: LABEL_NAME,
|
|
311
|
-
fontWeight: "800",
|
|
312
|
-
id: groupContext.id,
|
|
313
|
-
size: context.size,
|
|
314
|
-
...labelProps,
|
|
315
|
-
ref: forwardedRef
|
|
316
|
-
}
|
|
317
|
-
);
|
|
318
|
-
}
|
|
319
|
-
);
|
|
320
|
-
SelectLabel.displayName = LABEL_NAME;
|
|
321
|
-
const SelectSeparator = styled(Separator, {
|
|
322
|
-
name: "SelectSeparator"
|
|
323
|
-
});
|
|
324
|
-
const SelectSheetController = (props) => {
|
|
325
|
-
const context = useSelectContext("SelectSheetController", props.__scopeSelect);
|
|
326
|
-
const showSheet = useShowSelectSheet(context);
|
|
327
|
-
const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
|
|
328
|
-
const getShowSheet = useGet(showSheet);
|
|
329
|
-
return /* @__PURE__ */ jsx(
|
|
330
|
-
SheetController,
|
|
331
|
-
{
|
|
332
|
-
onOpenChange: (val) => {
|
|
333
|
-
if (getShowSheet()) {
|
|
334
|
-
props.onOpenChange(val);
|
|
335
|
-
}
|
|
336
|
-
},
|
|
337
|
-
open: context.open,
|
|
338
|
-
hidden: breakpointActive === false,
|
|
339
|
-
children: props.children
|
|
340
|
-
}
|
|
341
|
-
);
|
|
342
|
-
};
|
|
343
|
-
const SelectSheetImpl = (props) => {
|
|
344
|
-
return /* @__PURE__ */ jsx(Fragment, { children: props.children });
|
|
345
|
-
};
|
|
346
|
-
const Select = withStaticProperties(
|
|
347
|
-
(props) => {
|
|
348
|
-
const {
|
|
349
|
-
__scopeSelect,
|
|
350
|
-
children,
|
|
351
|
-
open: openProp,
|
|
352
|
-
defaultOpen,
|
|
353
|
-
onOpenChange,
|
|
354
|
-
value: valueProp,
|
|
355
|
-
defaultValue,
|
|
356
|
-
onValueChange,
|
|
357
|
-
size: sizeProp = "$true",
|
|
358
|
-
dir
|
|
359
|
-
} = props;
|
|
360
|
-
const id = useId();
|
|
361
|
-
const scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id;
|
|
362
|
-
const { when, AdaptProvider } = useAdaptParent({
|
|
363
|
-
Contents: React.useCallback(
|
|
364
|
-
() => /* @__PURE__ */ jsx(PortalHost, { name: `${scopeKey}SheetContents` }),
|
|
365
|
-
[scopeKey]
|
|
366
|
-
)
|
|
367
|
-
});
|
|
368
|
-
const sheetBreakpoint = when;
|
|
369
|
-
const isSheet = useSelectBreakpointActive(sheetBreakpoint);
|
|
370
|
-
const SelectImpl = isSheet || !isWeb ? SelectSheetImpl : SelectInlineImpl;
|
|
371
|
-
const forceUpdate = React.useReducer(() => ({}), {})[1];
|
|
372
|
-
const [selectedItem, setSelectedItem] = React.useState(null);
|
|
373
|
-
const [open, setOpen] = useControllableState({
|
|
374
|
-
prop: openProp,
|
|
375
|
-
defaultProp: defaultOpen || false,
|
|
376
|
-
onChange: onOpenChange
|
|
377
|
-
});
|
|
378
|
-
const [value, setValue] = useControllableState({
|
|
379
|
-
prop: valueProp,
|
|
380
|
-
defaultProp: defaultValue || "",
|
|
381
|
-
onChange: onValueChange,
|
|
382
|
-
transition: true
|
|
383
|
-
});
|
|
384
|
-
const [activeIndex, setActiveIndex] = React.useState(0);
|
|
385
|
-
const selectedIndexRef = React.useRef(null);
|
|
386
|
-
const activeIndexRef = React.useRef(null);
|
|
387
|
-
const listContentRef = React.useRef([]);
|
|
388
|
-
const [selectedIndex, setSelectedIndex] = React.useState(0);
|
|
389
|
-
const [valueNode, setValueNode] = React.useState(null);
|
|
390
|
-
const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false);
|
|
391
|
-
useIsomorphicLayoutEffect(() => {
|
|
392
|
-
selectedIndexRef.current = selectedIndex;
|
|
393
|
-
activeIndexRef.current = activeIndex;
|
|
394
|
-
});
|
|
395
|
-
return /* @__PURE__ */ jsx(AdaptProvider, { children: /* @__PURE__ */ jsx(
|
|
396
|
-
SelectProvider,
|
|
397
|
-
{
|
|
398
|
-
dir,
|
|
399
|
-
blockSelection: false,
|
|
400
|
-
size: sizeProp,
|
|
401
|
-
fallback: false,
|
|
402
|
-
selectedItem,
|
|
403
|
-
setSelectedItem,
|
|
404
|
-
forceUpdate,
|
|
405
|
-
valueNode,
|
|
406
|
-
onValueNodeChange: setValueNode,
|
|
407
|
-
onValueNodeHasChildrenChange: setValueNodeHasChildren,
|
|
408
|
-
valueNodeHasChildren,
|
|
409
|
-
scopeKey,
|
|
410
|
-
sheetBreakpoint,
|
|
411
|
-
scope: __scopeSelect,
|
|
412
|
-
setValueAtIndex: (index, value2) => {
|
|
413
|
-
listContentRef.current[index] = value2;
|
|
414
|
-
},
|
|
415
|
-
activeIndex,
|
|
416
|
-
onChange: setValue,
|
|
417
|
-
selectedIndex,
|
|
418
|
-
setActiveIndex,
|
|
419
|
-
setOpen,
|
|
420
|
-
setSelectedIndex,
|
|
421
|
-
value,
|
|
422
|
-
open,
|
|
423
|
-
children: /* @__PURE__ */ jsx(SelectSheetController, { onOpenChange: setOpen, __scopeSelect, children: /* @__PURE__ */ jsx(
|
|
424
|
-
SelectImpl,
|
|
425
|
-
{
|
|
426
|
-
activeIndexRef,
|
|
427
|
-
listContentRef,
|
|
428
|
-
selectedIndexRef,
|
|
429
|
-
...props,
|
|
430
|
-
open,
|
|
431
|
-
value,
|
|
432
|
-
children
|
|
433
|
-
}
|
|
434
|
-
) })
|
|
435
|
-
}
|
|
436
|
-
) });
|
|
437
|
-
},
|
|
438
|
-
{
|
|
439
|
-
Adapt,
|
|
440
|
-
Content: SelectContent,
|
|
441
|
-
Group: SelectGroup,
|
|
442
|
-
Icon: SelectIcon,
|
|
443
|
-
Item: SelectItem,
|
|
444
|
-
ItemIndicator: SelectItemIndicator,
|
|
445
|
-
ItemText: SelectItemText,
|
|
446
|
-
Label: SelectLabel,
|
|
447
|
-
ScrollDownButton: SelectScrollDownButton,
|
|
448
|
-
ScrollUpButton: SelectScrollUpButton,
|
|
449
|
-
Trigger: SelectTrigger,
|
|
450
|
-
Value: SelectValue,
|
|
451
|
-
Viewport: SelectViewport,
|
|
452
|
-
Sheet: ControlledSheet
|
|
453
|
-
}
|
|
454
|
-
);
|
|
455
|
-
Select.displayName = SELECT_NAME;
|
|
456
|
-
export {
|
|
457
|
-
Select,
|
|
458
|
-
SelectGroupFrame,
|
|
459
|
-
SelectIcon,
|
|
460
|
-
SelectItem,
|
|
461
|
-
SelectItemTextFrame,
|
|
462
|
-
SelectSeparator,
|
|
463
|
-
SelectTrigger
|
|
464
|
-
};
|
|
1
|
+
import{Fragment as se,jsx as s}from"react/jsx-runtime";import{Adapt as fe,useAdaptParent as Ie}from"@tamagui/adapt";import{useComposedRefs as A}from"@tamagui/compose-refs";import{isWeb as K,styled as h,useGet as he,useId as G,useIsomorphicLayoutEffect as w,withStaticProperties as Pe}from"@tamagui/core";import{ListItem as L}from"@tamagui/list-item";import{PortalHost as xe}from"@tamagui/portal";import{Separator as ge}from"@tamagui/separator";import{ControlledSheet as Ce,SheetController as be}from"@tamagui/sheet";import{XStack as $,YStack as Te}from"@tamagui/stacks";import{Paragraph as X,SizableText as ve}from"@tamagui/text";import{useControllableState as Y}from"@tamagui/use-controllable-state";import*as c from"react";import{SELECT_NAME as Re}from"./constants";import{SelectProvider as ye,createSelectContext as j,useSelectContext as P}from"./context";import{SelectContent as Ne}from"./SelectContent";import{SelectInlineImpl as Ee}from"./SelectImpl";import{SelectScrollDownButton as Ve,SelectScrollUpButton as _e}from"./SelectScrollButton";import{SelectViewport as Ae}from"./SelectViewport";import{useSelectBreakpointActive as q,useShowSelectSheet as Ge}from"./useSelectBreakpointActive";const k="SelectTrigger",J=c.forwardRef((t,r)=>{const{__scopeSelect:l,disabled:o=!1,"aria-labelledby":e,...a}=t,n=P(k,l),p=e;return s(L,{componentName:k,backgrounded:!0,radiused:!0,hoverTheme:!0,pressTheme:!0,focusTheme:!0,focusable:!0,borderWidth:1,size:n.size,"aria-expanded":n.open,"aria-autocomplete":"none","aria-labelledby":p,dir:n.dir,disabled:o,"data-disabled":o?"":void 0,...a,ref:r,...process.env.TAMAGUI_TARGET==="web"&&n.interactions?n.interactions.getReferenceProps():{onPress(){n.setOpen(!n.open)}}})});J.displayName=k;const M="SelectValue",Q=h(X,{name:M,userSelect:"none"}),Z=Q.extractable(c.forwardRef(({__scopeSelect:t,children:r,placeholder:l},o)=>{const e=P(M,t),{onValueNodeHasChildrenChange:a}=e,n=A(o,e.onValueNodeChange),p=r??e.selectedItem,i=!!p,d=e.value==null||e.value===""?l??p:p;return w(()=>{a(i)},[a,i]),s(Q,{size:e.size,ref:n,pointerEvents:"none",children:d})}));Z.displayName=M;const we=h($,{name:"SelectIcon","aria-hidden":!0,children:s(X,{children:"\u25BC"})}),E="SelectItem",[Le,ee]=j(E),te=c.forwardRef((t,r)=>{const{__scopeSelect:l,value:o,disabled:e=!1,textValue:a,index:n,...p}=t,i=P(E,l),u=i.value===o,d=G(),{selectedIndex:_,setSelectedIndex:f,listRef:T,open:O,setOpen:x,onChange:B,setActiveIndex:F,allowMouseUpRef:v,allowSelectRef:S,setValueAtIndex:R,selectTimeoutRef:g,dataRef:I}=i,y=A(r,m=>{K&&m instanceof HTMLElement&&T&&(T.current[n]=m)});c.useEffect(()=>{R(n,o)},[n,R,o]);function C(){f(n),B(o),x(!1)}const N=i.interactions?i.interactions.getItemProps({onTouchStart(){S.current=!0,v.current=!1},onKeyDown(m){m.key==="Enter"||m.key===" "&&!(I!=null&&I.current.typing)?(m.preventDefault(),C()):S.current=!0},onClick(){S.current&&(f(n),x(!1))},onMouseUp(){v.current&&(S.current&&C(),clearTimeout(g.current),g.current=setTimeout(()=>{S.current=!0}))}}):{onPress:C};return s(Le,{scope:l,value:o,textId:d||"",isSelected:u,children:s(L,{tag:"div",backgrounded:!0,pressTheme:!0,hoverTheme:!0,cursor:"default",outlineWidth:0,componentName:E,ref:y,"aria-labelledby":d,"aria-selected":u,"data-state":u?"active":"inactive","aria-disabled":e||void 0,"data-disabled":e?"":void 0,tabIndex:e?void 0:-1,size:i.size,focusStyle:{backgroundColor:"$backgroundHover"},...p,...N})})});te.displayName=E;const b="SelectItemText",ke=h(ve,{name:b,userSelect:"none"}),oe=c.forwardRef((t,r)=>{const{__scopeSelect:l,className:o,...e}=t,a=P(b,l),n=ee(b,l),p=c.useRef(null),i=A(r,p),u=Boolean(n.isSelected&&a.valueNode),d=c.useMemo(()=>s(ke,{className:o,size:a.size,id:n.textId,...e,ref:i}),[t,a.size,o,n.textId]);return w(()=>{u&&a.setSelectedItem(d)},[u,d]),s(se,{children:d})});oe.displayName=b;const re="SelectItemIndicator",Me=h($,{name:b}),ne=c.forwardRef((t,r)=>{const{__scopeSelect:l,...o}=t;return ee(re,l).isSelected?s(Me,{"aria-hidden":!0,...o,ref:r}):null});ne.displayName=re;const z="SelectGroup",[ze,Oe]=j(z),Be=h(Te,{name:z,width:"100%"}),le=c.forwardRef((t,r)=>{const{__scopeSelect:l,...o}=t,e=G();return s(ze,{scope:l,id:e||"",children:s(Be,{role:"group","aria-labelledby":e,...o,ref:r})})});le.displayName=z;const V="SelectLabel",ce=c.forwardRef((t,r)=>{const{__scopeSelect:l,...o}=t,e=P(V,l),a=Oe(V,l);return s(L,{tag:"div",componentName:V,fontWeight:"800",id:a.id,size:e.size,...o,ref:r})});ce.displayName=V;const mt=h(ge,{name:"SelectSeparator"}),Fe=t=>{const r=P("SelectSheetController",t.__scopeSelect),l=Ge(r),o=q(r.sheetBreakpoint),e=he(l);return s(be,{onOpenChange:a=>{e()&&t.onOpenChange(a)},open:r.open,hidden:o===!1,children:t.children})},He=t=>s(se,{children:t.children}),Ue=Pe(t=>{const{__scopeSelect:r,children:l,open:o,defaultOpen:e,onOpenChange:a,value:n,defaultValue:p,onValueChange:i,size:u="$true",dir:d}=t,_=G(),f=r?Object.keys(r)[0]??_:_,{when:T,AdaptProvider:O}=Ie({Contents:c.useCallback(()=>s(xe,{name:`${f}SheetContents`}),[f])}),x=T,F=q(x)||!K?He:Ee,v=c.useReducer(()=>({}),{})[1],[S,R]=c.useState(null),[g,I]=Y({prop:o,defaultProp:e||!1,onChange:a}),[y,C]=Y({prop:n,defaultProp:p||"",onChange:i,transition:!0}),[N,m]=c.useState(0),H=c.useRef(null),U=c.useRef(null),D=c.useRef([]),[W,ae]=c.useState(0),[ie,pe]=c.useState(null),[de,ue]=c.useState(!1);return w(()=>{H.current=W,U.current=N}),s(O,{children:s(ye,{dir:d,blockSelection:!1,size:u,fallback:!1,selectedItem:S,setSelectedItem:R,forceUpdate:v,valueNode:ie,onValueNodeChange:pe,onValueNodeHasChildrenChange:ue,valueNodeHasChildren:de,scopeKey:f,sheetBreakpoint:x,scope:r,setValueAtIndex:(me,Se)=>{D.current[me]=Se},activeIndex:N,onChange:C,selectedIndex:W,setActiveIndex:m,setOpen:I,setSelectedIndex:ae,value:y,open:g,children:s(Fe,{onOpenChange:I,__scopeSelect:r,children:s(F,{activeIndexRef:U,listContentRef:D,selectedIndexRef:H,...t,open:g,value:y,children:l})})})})},{Adapt:fe,Content:Ne,Group:le,Icon:we,Item:te,ItemIndicator:ne,ItemText:oe,Label:ce,ScrollDownButton:Ve,ScrollUpButton:_e,Trigger:J,Value:Z,Viewport:Ae,Sheet:Ce});Ue.displayName=Re;export{Ue as Select,Be as SelectGroupFrame,we as SelectIcon,te as SelectItem,ke as SelectItemTextFrame,mt as SelectSeparator,J as SelectTrigger};
|
|
465
2
|
//# sourceMappingURL=Select.js.map
|
package/dist/esm/Select.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Select.tsx"],
|
|
4
4
|
"sourcesContent": ["import { Adapt, useAdaptParent } from '@tamagui/adapt'\nimport { useComposedRefs } from '@tamagui/compose-refs'\nimport {\n GetProps,\n TamaguiElement,\n isWeb,\n styled,\n useGet,\n useId,\n useIsomorphicLayoutEffect,\n withStaticProperties,\n} from '@tamagui/core'\nimport { ListItem, ListItemProps } from '@tamagui/list-item'\nimport { PortalHost } from '@tamagui/portal'\nimport { Separator } from '@tamagui/separator'\nimport { ControlledSheet, SheetController } from '@tamagui/sheet'\nimport { XStack, YStack } from '@tamagui/stacks'\nimport { Paragraph, SizableText } from '@tamagui/text'\nimport { useControllableState } from '@tamagui/use-controllable-state'\nimport * as React from 'react'\n\nimport { SELECT_NAME } from './constants'\nimport { SelectProvider, createSelectContext, useSelectContext } from './context'\nimport { SelectContent } from './SelectContent'\nimport { SelectInlineImpl } from './SelectImpl'\nimport { SelectScrollDownButton, SelectScrollUpButton } from './SelectScrollButton'\nimport { SelectViewport } from './SelectViewport'\nimport { ScopedProps, SelectImplProps, SelectProps } from './types'\nimport {\n useSelectBreakpointActive,\n useShowSelectSheet,\n} from './useSelectBreakpointActive'\n\n/* -------------------------------------------------------------------------------------------------\n * SelectTrigger\n * -----------------------------------------------------------------------------------------------*/\n\nconst TRIGGER_NAME = 'SelectTrigger'\n\nexport type SelectTriggerProps = ListItemProps\n\nexport const SelectTrigger = React.forwardRef<TamaguiElement, SelectTriggerProps>(\n (props: ScopedProps<SelectTriggerProps>, forwardedRef) => {\n const {\n __scopeSelect,\n disabled = false,\n // @ts-ignore\n 'aria-labelledby': ariaLabelledby,\n ...triggerProps\n } = props\n const context = useSelectContext(TRIGGER_NAME, __scopeSelect)\n // const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange)\n // const getItems = useCollection(__scopeSelect)\n // const labelId = useLabelContext(context.trigger)\n const labelledBy = ariaLabelledby // || labelId\n\n return (\n <ListItem\n componentName={TRIGGER_NAME}\n backgrounded\n radiused\n hoverTheme\n pressTheme\n focusTheme\n focusable\n borderWidth={1}\n size={context.size}\n // aria-controls={context.contentId}\n aria-expanded={context.open}\n aria-autocomplete=\"none\"\n aria-labelledby={labelledBy}\n dir={context.dir}\n disabled={disabled}\n data-disabled={disabled ? '' : undefined}\n {...triggerProps}\n ref={forwardedRef}\n {...(process.env.TAMAGUI_TARGET === 'web' && context.interactions\n ? context.interactions.getReferenceProps()\n : {\n onPress() {\n context.setOpen(!context.open)\n },\n })}\n />\n )\n }\n)\n\nSelectTrigger.displayName = TRIGGER_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectValue\n * -----------------------------------------------------------------------------------------------*/\n\nconst VALUE_NAME = 'SelectValue'\n\nconst SelectValueFrame = styled(Paragraph, {\n name: VALUE_NAME,\n userSelect: 'none',\n})\n\ntype SelectValueProps = GetProps<typeof SelectValueFrame> & {\n placeholder?: React.ReactNode\n}\n\nconst SelectValue = SelectValueFrame.extractable(\n React.forwardRef<TamaguiElement, SelectValueProps>(\n (\n {\n __scopeSelect,\n children: childrenProp,\n placeholder,\n }: ScopedProps<SelectValueProps>,\n forwardedRef\n ) => {\n // We ignore `className` and `style` as this part shouldn't be styled.\n const context = useSelectContext(VALUE_NAME, __scopeSelect)\n const { onValueNodeHasChildrenChange } = context\n const composedRefs = useComposedRefs(forwardedRef, context.onValueNodeChange)\n\n const children = childrenProp ?? context.selectedItem\n const hasChildren = !!children\n const isEmptyValue = context.value == null || context.value === ''\n const selectValueChildren = isEmptyValue ? placeholder ?? children : children\n\n useIsomorphicLayoutEffect(() => {\n onValueNodeHasChildrenChange(hasChildren)\n }, [onValueNodeHasChildrenChange, hasChildren])\n\n return (\n <SelectValueFrame\n size={context.size}\n ref={composedRefs}\n // we don't want events from the portalled `SelectValue` children to bubble\n // through the item they came from\n pointerEvents=\"none\"\n >\n {selectValueChildren}\n </SelectValueFrame>\n )\n }\n )\n)\n\nSelectValue.displayName = VALUE_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectIcon\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SelectIcon = styled(XStack, {\n name: 'SelectIcon',\n // @ts-ignore\n 'aria-hidden': true,\n children: <Paragraph>\u25BC</Paragraph>,\n})\n\n/* -------------------------------------------------------------------------------------------------\n * SelectItem\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_NAME = 'SelectItem'\n\ntype SelectItemContextValue = {\n value: string\n textId: string\n isSelected: boolean\n}\n\nconst [SelectItemContextProvider, useSelectItemContext] =\n createSelectContext<SelectItemContextValue>(ITEM_NAME)\n\nexport interface SelectItemProps extends ListItemProps {\n value: string\n index: number\n disabled?: boolean\n textValue?: string\n}\n\nexport const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(\n (props: ScopedProps<SelectItemProps>, forwardedRef) => {\n const {\n __scopeSelect,\n value,\n disabled = false,\n textValue: textValueProp,\n index,\n ...itemProps\n } = props\n const context = useSelectContext(ITEM_NAME, __scopeSelect)\n const isSelected = context.value === value\n const textId = useId()\n\n const {\n selectedIndex,\n setSelectedIndex,\n listRef,\n open,\n setOpen,\n onChange,\n setActiveIndex,\n allowMouseUpRef,\n allowSelectRef,\n setValueAtIndex,\n selectTimeoutRef,\n dataRef,\n } = context\n\n const composedRefs = useComposedRefs(forwardedRef, (node) => {\n if (!isWeb) return\n if (node instanceof HTMLElement) {\n if (listRef) {\n listRef.current[index] = node\n }\n }\n })\n\n React.useEffect(() => {\n setValueAtIndex(index, value)\n }, [index, setValueAtIndex, value])\n\n function handleSelect() {\n setSelectedIndex(index)\n onChange(value)\n setOpen(false)\n }\n\n const selectItemProps = context.interactions\n ? context.interactions.getItemProps({\n onTouchStart() {\n allowSelectRef!.current = true\n allowMouseUpRef!.current = false\n },\n onKeyDown(event) {\n if (\n event.key === 'Enter' ||\n (event.key === ' ' && !dataRef?.current.typing)\n ) {\n event.preventDefault()\n handleSelect()\n } else {\n allowSelectRef!.current = true\n }\n },\n onClick() {\n if (allowSelectRef!.current) {\n setSelectedIndex(index)\n setOpen(false)\n }\n },\n onMouseUp() {\n if (!allowMouseUpRef!.current) {\n return\n }\n\n if (allowSelectRef!.current) {\n handleSelect()\n }\n\n // On touch devices, prevent the element from\n // immediately closing `onClick` by deferring it\n clearTimeout(selectTimeoutRef!.current)\n selectTimeoutRef!.current = setTimeout(() => {\n allowSelectRef!.current = true\n })\n },\n })\n : {\n onPress: handleSelect,\n }\n\n return (\n <SelectItemContextProvider\n scope={__scopeSelect}\n value={value}\n textId={textId || ''}\n isSelected={isSelected}\n >\n <ListItem\n tag=\"div\"\n backgrounded\n pressTheme\n hoverTheme\n cursor=\"default\"\n outlineWidth={0}\n componentName={ITEM_NAME}\n ref={composedRefs}\n aria-labelledby={textId}\n aria-selected={isSelected}\n data-state={isSelected ? 'active' : 'inactive'}\n aria-disabled={disabled || undefined}\n data-disabled={disabled ? '' : undefined}\n tabIndex={disabled ? undefined : -1}\n size={context.size}\n focusStyle={{\n backgroundColor: '$backgroundHover',\n }}\n {...itemProps}\n {...selectItemProps}\n />\n </SelectItemContextProvider>\n )\n }\n)\n\nSelectItem.displayName = ITEM_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectItemText\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_TEXT_NAME = 'SelectItemText'\n\nexport const SelectItemTextFrame = styled(SizableText, {\n name: ITEM_TEXT_NAME,\n userSelect: 'none',\n})\n\ntype SelectItemTextProps = GetProps<typeof SelectItemTextFrame>\n\nconst SelectItemText = React.forwardRef<TamaguiElement, SelectItemTextProps>(\n (props: ScopedProps<SelectItemTextProps>, forwardedRef) => {\n const { __scopeSelect, className, ...itemTextProps } = props\n const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect)\n const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect)\n const ref = React.useRef<TamaguiElement | null>(null)\n const composedRefs = useComposedRefs(forwardedRef, ref)\n const isSelected = Boolean(itemContext.isSelected && context.valueNode)\n\n const contents = React.useMemo(\n () => (\n <SelectItemTextFrame\n className={className}\n size={context.size}\n id={itemContext.textId}\n {...itemTextProps}\n ref={composedRefs}\n />\n ),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [props, context.size, className, itemContext.textId]\n )\n\n // until portals work in sub-trees on RN, use this just for native:\n useIsomorphicLayoutEffect(() => {\n if (isSelected) {\n context.setSelectedItem(contents)\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [isSelected, contents])\n\n return (\n <>\n {contents}\n\n {/* Portal the select item text into the trigger value node */}\n {/* this needs some extra stability between renders */}\n {/* {isWeb && isSelected\n ? ReactDOM.createPortal(itemTextProps.children, context.valueNode!)\n : null} */}\n\n {/* Portal an option in the bubble select */}\n {/* {context.bubbleSelect\n ? ReactDOM.createPortal(\n // we use `.textContent` because `option` only support `string` or `number`\n <option value={itemContext.value}>{ref.current?.textContent}</option>,\n context.bubbleSelect\n )\n : null} */}\n </>\n )\n }\n)\n\nSelectItemText.displayName = ITEM_TEXT_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectItemIndicator\n * -----------------------------------------------------------------------------------------------*/\n\nconst ITEM_INDICATOR_NAME = 'SelectItemIndicator'\n\nconst SelectItemIndicatorFrame = styled(XStack, {\n name: ITEM_TEXT_NAME,\n})\n\ntype SelectItemIndicatorProps = GetProps<typeof SelectItemIndicatorFrame>\n\nconst SelectItemIndicator = React.forwardRef<TamaguiElement, SelectItemIndicatorProps>(\n (props: ScopedProps<SelectItemIndicatorProps>, forwardedRef) => {\n const { __scopeSelect, ...itemIndicatorProps } = props\n const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect)\n return itemContext.isSelected ? (\n <SelectItemIndicatorFrame aria-hidden {...itemIndicatorProps} ref={forwardedRef} />\n ) : null\n }\n)\n\nSelectItemIndicator.displayName = ITEM_INDICATOR_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectGroup\n * -----------------------------------------------------------------------------------------------*/\n\nconst GROUP_NAME = 'SelectGroup'\n\ntype SelectGroupContextValue = { id: string }\n\nconst [SelectGroupContextProvider, useSelectGroupContext] =\n createSelectContext<SelectGroupContextValue>(GROUP_NAME)\n\nexport const SelectGroupFrame = styled(YStack, {\n name: GROUP_NAME,\n width: '100%',\n})\n\ntype SelectGroupProps = GetProps<typeof SelectGroupFrame>\n\nconst SelectGroup = React.forwardRef<TamaguiElement, SelectGroupProps>(\n (props: ScopedProps<SelectGroupProps>, forwardedRef) => {\n const { __scopeSelect, ...groupProps } = props\n const groupId = useId()\n return (\n <SelectGroupContextProvider scope={__scopeSelect} id={groupId || ''}>\n <SelectGroupFrame\n // @ts-ignore\n role=\"group\"\n aria-labelledby={groupId}\n {...groupProps}\n ref={forwardedRef}\n />\n </SelectGroupContextProvider>\n )\n }\n)\n\nSelectGroup.displayName = GROUP_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectLabel\n * -----------------------------------------------------------------------------------------------*/\n\nconst LABEL_NAME = 'SelectLabel'\n\nexport type SelectLabelProps = ListItemProps\n\nconst SelectLabel = React.forwardRef<TamaguiElement, SelectLabelProps>(\n (props: ScopedProps<SelectLabelProps>, forwardedRef) => {\n const { __scopeSelect, ...labelProps } = props\n const context = useSelectContext(LABEL_NAME, __scopeSelect)\n const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect)\n return (\n <ListItem\n tag=\"div\"\n componentName={LABEL_NAME}\n fontWeight=\"800\"\n id={groupContext.id}\n size={context.size}\n {...labelProps}\n ref={forwardedRef}\n />\n )\n }\n)\n\nSelectLabel.displayName = LABEL_NAME\n\n/* -------------------------------------------------------------------------------------------------\n * SelectSeparator\n * -----------------------------------------------------------------------------------------------*/\n\nexport const SelectSeparator = styled(Separator, {\n name: 'SelectSeparator',\n})\n\nconst SelectSheetController = (\n props: ScopedProps<{}> & {\n children: React.ReactNode\n onOpenChange: React.Dispatch<React.SetStateAction<boolean>>\n }\n) => {\n const context = useSelectContext('SelectSheetController', props.__scopeSelect)\n const showSheet = useShowSelectSheet(context)\n const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)\n const getShowSheet = useGet(showSheet)\n\n return (\n <SheetController\n onOpenChange={(val) => {\n if (getShowSheet()) {\n props.onOpenChange(val)\n }\n }}\n open={context.open}\n hidden={breakpointActive === false}\n >\n {props.children}\n </SheetController>\n )\n}\n\nconst SelectSheetImpl = (props: SelectImplProps) => {\n return <>{props.children}</>\n}\n\n/* -------------------------------------------------------------------------------------------------\n * Select\n * -----------------------------------------------------------------------------------------------*/\n\nexport const Select = withStaticProperties(\n (props: ScopedProps<SelectProps>) => {\n const {\n __scopeSelect,\n children,\n open: openProp,\n defaultOpen,\n onOpenChange,\n value: valueProp,\n defaultValue,\n onValueChange,\n size: sizeProp = '$true',\n dir,\n } = props\n\n const id = useId()\n const scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id\n\n const { when, AdaptProvider } = useAdaptParent({\n Contents: React.useCallback(\n () => <PortalHost name={`${scopeKey}SheetContents`} />,\n [scopeKey]\n ),\n })\n const sheetBreakpoint = when\n const isSheet = useSelectBreakpointActive(sheetBreakpoint)\n const SelectImpl = isSheet || !isWeb ? SelectSheetImpl : SelectInlineImpl\n const forceUpdate = React.useReducer(() => ({}), {})[1]\n const [selectedItem, setSelectedItem] = React.useState<React.ReactNode>(null)\n\n const [open, setOpen] = useControllableState({\n prop: openProp,\n defaultProp: defaultOpen || false,\n onChange: onOpenChange,\n })\n\n const [value, setValue] = useControllableState({\n prop: valueProp,\n defaultProp: defaultValue || '',\n onChange: onValueChange,\n transition: true,\n })\n\n const [activeIndex, setActiveIndex] = React.useState<number | null>(0)\n const selectedIndexRef = React.useRef<number | null>(null)\n const activeIndexRef = React.useRef<number | null>(null)\n const listContentRef = React.useRef<string[]>([])\n const [selectedIndex, setSelectedIndex] = React.useState(0)\n const [valueNode, setValueNode] = React.useState<HTMLElement | null>(null)\n const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false)\n\n useIsomorphicLayoutEffect(() => {\n selectedIndexRef.current = selectedIndex\n activeIndexRef.current = activeIndex\n })\n\n return (\n <AdaptProvider>\n <SelectProvider\n dir={dir}\n blockSelection={false}\n size={sizeProp}\n fallback={false}\n selectedItem={selectedItem}\n setSelectedItem={setSelectedItem}\n forceUpdate={forceUpdate}\n valueNode={valueNode}\n onValueNodeChange={setValueNode}\n onValueNodeHasChildrenChange={setValueNodeHasChildren}\n valueNodeHasChildren={valueNodeHasChildren}\n scopeKey={scopeKey}\n sheetBreakpoint={sheetBreakpoint}\n scope={__scopeSelect}\n setValueAtIndex={(index, value) => {\n listContentRef.current[index] = value\n }}\n activeIndex={activeIndex}\n onChange={setValue}\n selectedIndex={selectedIndex}\n setActiveIndex={setActiveIndex}\n setOpen={setOpen}\n setSelectedIndex={setSelectedIndex}\n value={value}\n open={open}\n >\n <SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}>\n <SelectImpl\n activeIndexRef={activeIndexRef}\n listContentRef={listContentRef}\n selectedIndexRef={selectedIndexRef}\n {...props}\n open={open}\n value={value}\n >\n {children}\n </SelectImpl>\n </SelectSheetController>\n </SelectProvider>\n </AdaptProvider>\n )\n },\n {\n Adapt,\n Content: SelectContent,\n Group: SelectGroup,\n Icon: SelectIcon,\n Item: SelectItem,\n ItemIndicator: SelectItemIndicator,\n ItemText: SelectItemText,\n Label: SelectLabel,\n ScrollDownButton: SelectScrollDownButton,\n ScrollUpButton: SelectScrollUpButton,\n Trigger: SelectTrigger,\n Value: SelectValue,\n Viewport: SelectViewport,\n Sheet: ControlledSheet,\n }\n)\n\n// @ts-ignore\nSelect.displayName = SELECT_NAME\n"],
|
|
5
|
-
"mappings": "AAyDM,
|
|
6
|
-
"names": ["value"]
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["Fragment", "jsx", "Adapt", "useAdaptParent", "useComposedRefs", "isWeb", "styled", "useGet", "useId", "useIsomorphicLayoutEffect", "withStaticProperties", "ListItem", "PortalHost", "Separator", "ControlledSheet", "SheetController", "XStack", "YStack", "Paragraph", "SizableText", "useControllableState", "React", "SELECT_NAME", "SelectProvider", "createSelectContext", "useSelectContext", "SelectContent", "SelectInlineImpl", "SelectScrollDownButton", "SelectScrollUpButton", "SelectViewport", "useSelectBreakpointActive", "useShowSelectSheet", "TRIGGER_NAME", "SelectTrigger", "props", "forwardedRef", "__scopeSelect", "disabled", "ariaLabelledby", "triggerProps", "context", "labelledBy", "VALUE_NAME", "SelectValueFrame", "SelectValue", "childrenProp", "placeholder", "onValueNodeHasChildrenChange", "composedRefs", "children", "hasChildren", "selectValueChildren", "SelectIcon", "ITEM_NAME", "SelectItemContextProvider", "useSelectItemContext", "SelectItem", "value", "textValueProp", "index", "itemProps", "isSelected", "textId", "selectedIndex", "setSelectedIndex", "listRef", "open", "setOpen", "onChange", "setActiveIndex", "allowMouseUpRef", "allowSelectRef", "setValueAtIndex", "selectTimeoutRef", "dataRef", "node", "handleSelect", "selectItemProps", "event", "ITEM_TEXT_NAME", "SelectItemTextFrame", "SelectItemText", "className", "itemTextProps", "itemContext", "ref", "contents", "ITEM_INDICATOR_NAME", "SelectItemIndicatorFrame", "SelectItemIndicator", "itemIndicatorProps", "GROUP_NAME", "SelectGroupContextProvider", "useSelectGroupContext", "SelectGroupFrame", "SelectGroup", "groupProps", "groupId", "LABEL_NAME", "SelectLabel", "labelProps", "groupContext", "SelectSeparator", "SelectSheetController", "showSheet", "breakpointActive", "getShowSheet", "val", "SelectSheetImpl", "Select", "openProp", "defaultOpen", "onOpenChange", "valueProp", "defaultValue", "onValueChange", "sizeProp", "dir", "id", "scopeKey", "when", "AdaptProvider", "sheetBreakpoint", "SelectImpl", "forceUpdate", "selectedItem", "setSelectedItem", "setValue", "activeIndex", "selectedIndexRef", "activeIndexRef", "listContentRef", "valueNode", "setValueNode", "valueNodeHasChildren", "setValueNodeHasChildren"]
|
|
7
7
|
}
|