@tamagui/select 1.13.3 → 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.
Files changed (143) hide show
  1. package/dist/cjs/BubbleSelect.js +1 -47
  2. package/dist/cjs/BubbleSelect.js.map +2 -2
  3. package/dist/cjs/Select.js +1 -494
  4. package/dist/cjs/Select.js.map +2 -2
  5. package/dist/cjs/SelectContent.js +1 -54
  6. package/dist/cjs/SelectContent.js.map +2 -2
  7. package/dist/cjs/SelectContent.native.js +1 -30
  8. package/dist/cjs/SelectContent.native.js.map +2 -2
  9. package/dist/cjs/SelectImpl.js +1 -308
  10. package/dist/cjs/SelectImpl.js.map +2 -2
  11. package/dist/cjs/SelectImpl.native.js +1 -34
  12. package/dist/cjs/SelectImpl.native.js.map +2 -2
  13. package/dist/cjs/SelectScrollButton.js +1 -175
  14. package/dist/cjs/SelectScrollButton.js.map +2 -2
  15. package/dist/cjs/SelectScrollButton.native.js +1 -31
  16. package/dist/cjs/SelectScrollButton.native.js.map +2 -2
  17. package/dist/cjs/SelectViewport.js +2 -115
  18. package/dist/cjs/SelectViewport.js.map +2 -2
  19. package/dist/cjs/SelectViewport.native.js +1 -52
  20. package/dist/cjs/SelectViewport.native.js.map +2 -2
  21. package/dist/cjs/constants.js +1 -46
  22. package/dist/cjs/constants.js.map +2 -2
  23. package/dist/cjs/context.js +1 -43
  24. package/dist/cjs/context.js.map +2 -2
  25. package/dist/cjs/index.js +1 -19
  26. package/dist/cjs/index.js.map +2 -2
  27. package/dist/cjs/types.js +1 -16
  28. package/dist/cjs/types.js.map +2 -2
  29. package/dist/cjs/useSelectBreakpointActive.js +1 -42
  30. package/dist/cjs/useSelectBreakpointActive.js.map +2 -2
  31. package/dist/esm/BubbleSelect.js +1 -24
  32. package/dist/esm/BubbleSelect.js.map +2 -2
  33. package/dist/esm/BubbleSelect.mjs +1 -24
  34. package/dist/esm/BubbleSelect.mjs.map +2 -2
  35. package/dist/esm/Select.js +1 -464
  36. package/dist/esm/Select.js.map +2 -2
  37. package/dist/esm/Select.mjs +1 -464
  38. package/dist/esm/Select.mjs.map +2 -2
  39. package/dist/esm/SelectContent.js +1 -30
  40. package/dist/esm/SelectContent.js.map +2 -2
  41. package/dist/esm/SelectContent.mjs +1 -30
  42. package/dist/esm/SelectContent.mjs.map +2 -2
  43. package/dist/esm/SelectContent.native.js +1 -6
  44. package/dist/esm/SelectContent.native.js.map +2 -2
  45. package/dist/esm/SelectContent.native.mjs +1 -6
  46. package/dist/esm/SelectContent.native.mjs.map +2 -2
  47. package/dist/esm/SelectImpl.js +1 -294
  48. package/dist/esm/SelectImpl.js.map +2 -2
  49. package/dist/esm/SelectImpl.mjs +1 -294
  50. package/dist/esm/SelectImpl.mjs.map +2 -2
  51. package/dist/esm/SelectImpl.native.js +1 -10
  52. package/dist/esm/SelectImpl.native.js.map +2 -2
  53. package/dist/esm/SelectImpl.native.mjs +1 -10
  54. package/dist/esm/SelectImpl.native.mjs.map +2 -2
  55. package/dist/esm/SelectScrollButton.js +1 -140
  56. package/dist/esm/SelectScrollButton.js.map +2 -2
  57. package/dist/esm/SelectScrollButton.mjs +1 -140
  58. package/dist/esm/SelectScrollButton.mjs.map +2 -2
  59. package/dist/esm/SelectScrollButton.native.js +1 -6
  60. package/dist/esm/SelectScrollButton.native.js.map +2 -2
  61. package/dist/esm/SelectScrollButton.native.mjs +1 -6
  62. package/dist/esm/SelectScrollButton.native.mjs.map +2 -2
  63. package/dist/esm/SelectViewport.js +2 -80
  64. package/dist/esm/SelectViewport.js.map +2 -2
  65. package/dist/esm/SelectViewport.mjs +2 -80
  66. package/dist/esm/SelectViewport.mjs.map +2 -2
  67. package/dist/esm/SelectViewport.native.js +1 -18
  68. package/dist/esm/SelectViewport.native.js.map +2 -2
  69. package/dist/esm/SelectViewport.native.mjs +1 -18
  70. package/dist/esm/SelectViewport.native.mjs.map +2 -2
  71. package/dist/esm/constants.js +1 -16
  72. package/dist/esm/constants.js.map +2 -2
  73. package/dist/esm/constants.mjs +1 -16
  74. package/dist/esm/constants.mjs.map +2 -2
  75. package/dist/esm/context.js +1 -15
  76. package/dist/esm/context.js.map +2 -2
  77. package/dist/esm/context.mjs +1 -15
  78. package/dist/esm/context.mjs.map +2 -2
  79. package/dist/esm/index.js +1 -2
  80. package/dist/esm/index.js.map +1 -1
  81. package/dist/esm/index.mjs +1 -2
  82. package/dist/esm/index.mjs.map +1 -1
  83. package/dist/esm/useSelectBreakpointActive.js +1 -17
  84. package/dist/esm/useSelectBreakpointActive.js.map +2 -2
  85. package/dist/esm/useSelectBreakpointActive.mjs +1 -17
  86. package/dist/esm/useSelectBreakpointActive.mjs.map +2 -2
  87. package/dist/jsx/BubbleSelect.js +1 -24
  88. package/dist/jsx/BubbleSelect.js.map +2 -2
  89. package/dist/jsx/BubbleSelect.mjs +1 -24
  90. package/dist/jsx/BubbleSelect.mjs.map +2 -2
  91. package/dist/jsx/Select.js +1 -428
  92. package/dist/jsx/Select.js.map +2 -2
  93. package/dist/jsx/Select.mjs +1 -428
  94. package/dist/jsx/Select.mjs.map +2 -2
  95. package/dist/jsx/SelectContent.js +1 -29
  96. package/dist/jsx/SelectContent.js.map +2 -2
  97. package/dist/jsx/SelectContent.mjs +1 -29
  98. package/dist/jsx/SelectContent.mjs.map +2 -2
  99. package/dist/jsx/SelectContent.native.js +1 -6
  100. package/dist/jsx/SelectContent.native.js.map +2 -2
  101. package/dist/jsx/SelectContent.native.mjs +1 -6
  102. package/dist/jsx/SelectContent.native.mjs.map +2 -2
  103. package/dist/jsx/SelectImpl.js +1 -286
  104. package/dist/jsx/SelectImpl.js.map +2 -2
  105. package/dist/jsx/SelectImpl.mjs +1 -286
  106. package/dist/jsx/SelectImpl.mjs.map +2 -2
  107. package/dist/jsx/SelectImpl.native.js +1 -9
  108. package/dist/jsx/SelectImpl.native.js.map +2 -2
  109. package/dist/jsx/SelectImpl.native.mjs +1 -9
  110. package/dist/jsx/SelectImpl.native.mjs.map +2 -2
  111. package/dist/jsx/SelectScrollButton.js +1 -126
  112. package/dist/jsx/SelectScrollButton.js.map +2 -2
  113. package/dist/jsx/SelectScrollButton.mjs +1 -126
  114. package/dist/jsx/SelectScrollButton.mjs.map +2 -2
  115. package/dist/jsx/SelectScrollButton.native.js +1 -6
  116. package/dist/jsx/SelectScrollButton.native.js.map +2 -2
  117. package/dist/jsx/SelectScrollButton.native.mjs +1 -6
  118. package/dist/jsx/SelectScrollButton.native.mjs.map +2 -2
  119. package/dist/jsx/SelectViewport.js +2 -72
  120. package/dist/jsx/SelectViewport.js.map +2 -2
  121. package/dist/jsx/SelectViewport.mjs +2 -72
  122. package/dist/jsx/SelectViewport.mjs.map +2 -2
  123. package/dist/jsx/SelectViewport.native.js +1 -17
  124. package/dist/jsx/SelectViewport.native.js.map +2 -2
  125. package/dist/jsx/SelectViewport.native.mjs +1 -17
  126. package/dist/jsx/SelectViewport.native.mjs.map +2 -2
  127. package/dist/jsx/constants.js +1 -16
  128. package/dist/jsx/constants.js.map +2 -2
  129. package/dist/jsx/constants.mjs +1 -16
  130. package/dist/jsx/constants.mjs.map +2 -2
  131. package/dist/jsx/context.js +1 -14
  132. package/dist/jsx/context.js.map +2 -2
  133. package/dist/jsx/context.mjs +1 -14
  134. package/dist/jsx/context.mjs.map +2 -2
  135. package/dist/jsx/index.js +1 -2
  136. package/dist/jsx/index.js.map +1 -1
  137. package/dist/jsx/index.mjs +1 -2
  138. package/dist/jsx/index.mjs.map +1 -1
  139. package/dist/jsx/useSelectBreakpointActive.js +1 -17
  140. package/dist/jsx/useSelectBreakpointActive.js.map +2 -2
  141. package/dist/jsx/useSelectBreakpointActive.mjs +1 -17
  142. package/dist/jsx/useSelectBreakpointActive.mjs.map +2 -2
  143. package/package.json +16 -16
@@ -1,429 +1,2 @@
1
- import { Adapt, useAdaptParent } from "@tamagui/adapt";
2
- import { useComposedRefs } from "@tamagui/compose-refs";
3
- import {
4
- isWeb,
5
- styled,
6
- useGet,
7
- useId,
8
- useIsomorphicLayoutEffect,
9
- withStaticProperties
10
- } from "@tamagui/core";
11
- import { ListItem } from "@tamagui/list-item";
12
- import { PortalHost } from "@tamagui/portal";
13
- import { Separator } from "@tamagui/separator";
14
- import { ControlledSheet, SheetController } from "@tamagui/sheet";
15
- import { XStack, YStack } from "@tamagui/stacks";
16
- import { Paragraph, SizableText } from "@tamagui/text";
17
- import { useControllableState } from "@tamagui/use-controllable-state";
18
- import * as React from "react";
19
- import { SELECT_NAME } from "./constants";
20
- import { SelectProvider, createSelectContext, useSelectContext } from "./context";
21
- import { SelectContent } from "./SelectContent";
22
- import { SelectInlineImpl } from "./SelectImpl";
23
- import { SelectScrollDownButton, SelectScrollUpButton } from "./SelectScrollButton";
24
- import { SelectViewport } from "./SelectViewport";
25
- import {
26
- useSelectBreakpointActive,
27
- useShowSelectSheet
28
- } from "./useSelectBreakpointActive";
29
- const TRIGGER_NAME = "SelectTrigger";
30
- const SelectTrigger = React.forwardRef(
31
- (props, forwardedRef) => {
32
- const {
33
- __scopeSelect,
34
- disabled = false,
35
- // @ts-ignore
36
- "aria-labelledby": ariaLabelledby,
37
- ...triggerProps
38
- } = props;
39
- const context = useSelectContext(TRIGGER_NAME, __scopeSelect);
40
- const labelledBy = ariaLabelledby;
41
- return <ListItem
42
- componentName={TRIGGER_NAME}
43
- backgrounded
44
- radiused
45
- hoverTheme
46
- pressTheme
47
- focusTheme
48
- focusable
49
- borderWidth={1}
50
- size={context.size}
51
- aria-expanded={context.open}
52
- aria-autocomplete="none"
53
- aria-labelledby={labelledBy}
54
- dir={context.dir}
55
- disabled={disabled}
56
- data-disabled={disabled ? "" : void 0}
57
- {...triggerProps}
58
- ref={forwardedRef}
59
- {...process.env.TAMAGUI_TARGET === "web" && context.interactions ? context.interactions.getReferenceProps() : {
60
- onPress() {
61
- context.setOpen(!context.open);
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 <SelectValueFrame
91
- size={context.size}
92
- ref={composedRefs}
93
- pointerEvents="none"
94
- >{selectValueChildren}</SelectValueFrame>;
95
- }
96
- )
97
- );
98
- SelectValue.displayName = VALUE_NAME;
99
- const SelectIcon = styled(XStack, {
100
- name: "SelectIcon",
101
- // @ts-ignore
102
- "aria-hidden": true,
103
- children: <Paragraph>{"\u25BC"}</Paragraph>
104
- });
105
- const ITEM_NAME = "SelectItem";
106
- const [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
107
- const SelectItem = React.forwardRef(
108
- (props, forwardedRef) => {
109
- const {
110
- __scopeSelect,
111
- value,
112
- disabled = false,
113
- textValue: textValueProp,
114
- index,
115
- ...itemProps
116
- } = props;
117
- const context = useSelectContext(ITEM_NAME, __scopeSelect);
118
- const isSelected = context.value === value;
119
- const textId = useId();
120
- const {
121
- selectedIndex,
122
- setSelectedIndex,
123
- listRef,
124
- open,
125
- setOpen,
126
- onChange,
127
- setActiveIndex,
128
- allowMouseUpRef,
129
- allowSelectRef,
130
- setValueAtIndex,
131
- selectTimeoutRef,
132
- dataRef
133
- } = context;
134
- const composedRefs = useComposedRefs(forwardedRef, (node) => {
135
- if (!isWeb)
136
- return;
137
- if (node instanceof HTMLElement) {
138
- if (listRef) {
139
- listRef.current[index] = node;
140
- }
141
- }
142
- });
143
- React.useEffect(() => {
144
- setValueAtIndex(index, value);
145
- }, [index, setValueAtIndex, value]);
146
- function handleSelect() {
147
- setSelectedIndex(index);
148
- onChange(value);
149
- setOpen(false);
150
- }
151
- const selectItemProps = context.interactions ? context.interactions.getItemProps({
152
- onTouchStart() {
153
- allowSelectRef.current = true;
154
- allowMouseUpRef.current = false;
155
- },
156
- onKeyDown(event) {
157
- if (event.key === "Enter" || event.key === " " && !dataRef?.current.typing) {
158
- event.preventDefault();
159
- handleSelect();
160
- } else {
161
- allowSelectRef.current = true;
162
- }
163
- },
164
- onClick() {
165
- if (allowSelectRef.current) {
166
- setSelectedIndex(index);
167
- setOpen(false);
168
- }
169
- },
170
- onMouseUp() {
171
- if (!allowMouseUpRef.current) {
172
- return;
173
- }
174
- if (allowSelectRef.current) {
175
- handleSelect();
176
- }
177
- clearTimeout(selectTimeoutRef.current);
178
- selectTimeoutRef.current = setTimeout(() => {
179
- allowSelectRef.current = true;
180
- });
181
- }
182
- }) : {
183
- onPress: handleSelect
184
- };
185
- return <SelectItemContextProvider
186
- scope={__scopeSelect}
187
- value={value}
188
- textId={textId || ""}
189
- isSelected={isSelected}
190
- ><ListItem
191
- tag="div"
192
- backgrounded
193
- pressTheme
194
- hoverTheme
195
- cursor="default"
196
- outlineWidth={0}
197
- componentName={ITEM_NAME}
198
- ref={composedRefs}
199
- aria-labelledby={textId}
200
- aria-selected={isSelected}
201
- data-state={isSelected ? "active" : "inactive"}
202
- aria-disabled={disabled || void 0}
203
- data-disabled={disabled ? "" : void 0}
204
- tabIndex={disabled ? void 0 : -1}
205
- size={context.size}
206
- focusStyle={{
207
- backgroundColor: "$backgroundHover"
208
- }}
209
- {...itemProps}
210
- {...selectItemProps}
211
- /></SelectItemContextProvider>;
212
- }
213
- );
214
- SelectItem.displayName = ITEM_NAME;
215
- const ITEM_TEXT_NAME = "SelectItemText";
216
- const SelectItemTextFrame = styled(SizableText, {
217
- name: ITEM_TEXT_NAME,
218
- userSelect: "none"
219
- });
220
- const SelectItemText = React.forwardRef(
221
- (props, forwardedRef) => {
222
- const { __scopeSelect, className, ...itemTextProps } = props;
223
- const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect);
224
- const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect);
225
- const ref = React.useRef(null);
226
- const composedRefs = useComposedRefs(forwardedRef, ref);
227
- const isSelected = Boolean(itemContext.isSelected && context.valueNode);
228
- const contents = React.useMemo(
229
- () => <SelectItemTextFrame
230
- className={className}
231
- size={context.size}
232
- id={itemContext.textId}
233
- {...itemTextProps}
234
- ref={composedRefs}
235
- />,
236
- // eslint-disable-next-line react-hooks/exhaustive-deps
237
- [props, context.size, className, itemContext.textId]
238
- );
239
- useIsomorphicLayoutEffect(() => {
240
- if (isSelected) {
241
- context.setSelectedItem(contents);
242
- }
243
- }, [isSelected, contents]);
244
- return <>{contents}</>;
245
- }
246
- );
247
- SelectItemText.displayName = ITEM_TEXT_NAME;
248
- const ITEM_INDICATOR_NAME = "SelectItemIndicator";
249
- const SelectItemIndicatorFrame = styled(XStack, {
250
- name: ITEM_TEXT_NAME
251
- });
252
- const SelectItemIndicator = React.forwardRef(
253
- (props, forwardedRef) => {
254
- const { __scopeSelect, ...itemIndicatorProps } = props;
255
- const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect);
256
- return itemContext.isSelected ? <SelectItemIndicatorFrame aria-hidden {...itemIndicatorProps} ref={forwardedRef} /> : null;
257
- }
258
- );
259
- SelectItemIndicator.displayName = ITEM_INDICATOR_NAME;
260
- const GROUP_NAME = "SelectGroup";
261
- const [SelectGroupContextProvider, useSelectGroupContext] = createSelectContext(GROUP_NAME);
262
- const SelectGroupFrame = styled(YStack, {
263
- name: GROUP_NAME,
264
- width: "100%"
265
- });
266
- const SelectGroup = React.forwardRef(
267
- (props, forwardedRef) => {
268
- const { __scopeSelect, ...groupProps } = props;
269
- const groupId = useId();
270
- return <SelectGroupContextProvider scope={__scopeSelect} id={groupId || ""}><SelectGroupFrame
271
- role="group"
272
- aria-labelledby={groupId}
273
- {...groupProps}
274
- ref={forwardedRef}
275
- /></SelectGroupContextProvider>;
276
- }
277
- );
278
- SelectGroup.displayName = GROUP_NAME;
279
- const LABEL_NAME = "SelectLabel";
280
- const SelectLabel = React.forwardRef(
281
- (props, forwardedRef) => {
282
- const { __scopeSelect, ...labelProps } = props;
283
- const context = useSelectContext(LABEL_NAME, __scopeSelect);
284
- const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect);
285
- return <ListItem
286
- tag="div"
287
- componentName={LABEL_NAME}
288
- fontWeight="800"
289
- id={groupContext.id}
290
- size={context.size}
291
- {...labelProps}
292
- ref={forwardedRef}
293
- />;
294
- }
295
- );
296
- SelectLabel.displayName = LABEL_NAME;
297
- const SelectSeparator = styled(Separator, {
298
- name: "SelectSeparator"
299
- });
300
- const SelectSheetController = (props) => {
301
- const context = useSelectContext("SelectSheetController", props.__scopeSelect);
302
- const showSheet = useShowSelectSheet(context);
303
- const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
304
- const getShowSheet = useGet(showSheet);
305
- return <SheetController
306
- onOpenChange={(val) => {
307
- if (getShowSheet()) {
308
- props.onOpenChange(val);
309
- }
310
- }}
311
- open={context.open}
312
- hidden={breakpointActive === false}
313
- >{props.children}</SheetController>;
314
- };
315
- const SelectSheetImpl = (props) => {
316
- return <>{props.children}</>;
317
- };
318
- const Select = withStaticProperties(
319
- (props) => {
320
- const {
321
- __scopeSelect,
322
- children,
323
- open: openProp,
324
- defaultOpen,
325
- onOpenChange,
326
- value: valueProp,
327
- defaultValue,
328
- onValueChange,
329
- size: sizeProp = "$true",
330
- dir
331
- } = props;
332
- const id = useId();
333
- const scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? id : id;
334
- const { when, AdaptProvider } = useAdaptParent({
335
- Contents: React.useCallback(
336
- () => <PortalHost name={`${scopeKey}SheetContents`} />,
337
- [scopeKey]
338
- )
339
- });
340
- const sheetBreakpoint = when;
341
- const isSheet = useSelectBreakpointActive(sheetBreakpoint);
342
- const SelectImpl = isSheet || !isWeb ? SelectSheetImpl : SelectInlineImpl;
343
- const forceUpdate = React.useReducer(() => ({}), {})[1];
344
- const [selectedItem, setSelectedItem] = React.useState(null);
345
- const [open, setOpen] = useControllableState({
346
- prop: openProp,
347
- defaultProp: defaultOpen || false,
348
- onChange: onOpenChange
349
- });
350
- const [value, setValue] = useControllableState({
351
- prop: valueProp,
352
- defaultProp: defaultValue || "",
353
- onChange: onValueChange,
354
- transition: true
355
- });
356
- const [activeIndex, setActiveIndex] = React.useState(0);
357
- const selectedIndexRef = React.useRef(null);
358
- const activeIndexRef = React.useRef(null);
359
- const listContentRef = React.useRef([]);
360
- const [selectedIndex, setSelectedIndex] = React.useState(0);
361
- const [valueNode, setValueNode] = React.useState(null);
362
- const [valueNodeHasChildren, setValueNodeHasChildren] = React.useState(false);
363
- useIsomorphicLayoutEffect(() => {
364
- selectedIndexRef.current = selectedIndex;
365
- activeIndexRef.current = activeIndex;
366
- });
367
- return <AdaptProvider><SelectProvider
368
- dir={dir}
369
- blockSelection={false}
370
- size={sizeProp}
371
- fallback={false}
372
- selectedItem={selectedItem}
373
- setSelectedItem={setSelectedItem}
374
- forceUpdate={forceUpdate}
375
- valueNode={valueNode}
376
- onValueNodeChange={setValueNode}
377
- onValueNodeHasChildrenChange={setValueNodeHasChildren}
378
- valueNodeHasChildren={valueNodeHasChildren}
379
- scopeKey={scopeKey}
380
- sheetBreakpoint={sheetBreakpoint}
381
- scope={__scopeSelect}
382
- setValueAtIndex={(index, value2) => {
383
- listContentRef.current[index] = value2;
384
- }}
385
- activeIndex={activeIndex}
386
- onChange={setValue}
387
- selectedIndex={selectedIndex}
388
- setActiveIndex={setActiveIndex}
389
- setOpen={setOpen}
390
- setSelectedIndex={setSelectedIndex}
391
- value={value}
392
- open={open}
393
- ><SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}><SelectImpl
394
- activeIndexRef={activeIndexRef}
395
- listContentRef={listContentRef}
396
- selectedIndexRef={selectedIndexRef}
397
- {...props}
398
- open={open}
399
- value={value}
400
- >{children}</SelectImpl></SelectSheetController></SelectProvider></AdaptProvider>;
401
- },
402
- {
403
- Adapt,
404
- Content: SelectContent,
405
- Group: SelectGroup,
406
- Icon: SelectIcon,
407
- Item: SelectItem,
408
- ItemIndicator: SelectItemIndicator,
409
- ItemText: SelectItemText,
410
- Label: SelectLabel,
411
- ScrollDownButton: SelectScrollDownButton,
412
- ScrollUpButton: SelectScrollUpButton,
413
- Trigger: SelectTrigger,
414
- Value: SelectValue,
415
- Viewport: SelectViewport,
416
- Sheet: ControlledSheet
417
- }
418
- );
419
- Select.displayName = SELECT_NAME;
420
- export {
421
- Select,
422
- SelectGroupFrame,
423
- SelectIcon,
424
- SelectItem,
425
- SelectItemTextFrame,
426
- SelectSeparator,
427
- SelectTrigger
428
- };
1
+ import{Adapt as Se,useAdaptParent as fe}from"@tamagui/adapt";import{useComposedRefs as _}from"@tamagui/compose-refs";import{isWeb as K,styled as f,useGet as Ie,useId as A,useIsomorphicLayoutEffect as G,withStaticProperties as he}from"@tamagui/core";import{ListItem as L}from"@tamagui/list-item";import{PortalHost as Pe}from"@tamagui/portal";import{Separator as xe}from"@tamagui/separator";import{ControlledSheet as ge,SheetController as Ce}from"@tamagui/sheet";import{XStack as $,YStack as be}from"@tamagui/stacks";import{Paragraph as X,SizableText as Te}from"@tamagui/text";import{useControllableState as j}from"@tamagui/use-controllable-state";import*as c from"react";import{SELECT_NAME as ve}from"./constants";import{SelectProvider as Re,createSelectContext as Y,useSelectContext as I}from"./context";import{SelectContent as ye}from"./SelectContent";import{SelectInlineImpl as Ne}from"./SelectImpl";import{SelectScrollDownButton as Ee,SelectScrollUpButton as Ve}from"./SelectScrollButton";import{SelectViewport as _e}from"./SelectViewport";import{useSelectBreakpointActive as q,useShowSelectSheet as Ae}from"./useSelectBreakpointActive";const k="SelectTrigger",J=c.forwardRef((t,r)=>{const{__scopeSelect:l,disabled:o=!1,"aria-labelledby":e,...s}=t,n=I(k,l),i=e;return<L componentName={k}backgrounded radiused hoverTheme pressTheme focusTheme focusable borderWidth={1}size={n.size}aria-expanded={n.open}aria-autocomplete="none"aria-labelledby={i}dir={n.dir}disabled={o}data-disabled={o?"":void 0}{...s}ref={r}{...process.env.TAMAGUI_TARGET==="web"&&n.interactions?n.interactions.getReferenceProps():{onPress(){n.setOpen(!n.open)}}}/>});J.displayName=k;const M="SelectValue",Q=f(X,{name:M,userSelect:"none"}),Z=Q.extractable(c.forwardRef(({__scopeSelect:t,children:r,placeholder:l},o)=>{const e=I(M,t),{onValueNodeHasChildrenChange:s}=e,n=_(o,e.onValueNodeChange),i=r??e.selectedItem,a=!!i,p=e.value==null||e.value===""?l??i:i;return G(()=>{s(a)},[s,a]),<Q size={e.size}ref={n}pointerEvents="none">{p}</Q>}));Z.displayName=M;const Ge=f($,{name:"SelectIcon","aria-hidden":!0,children:<X>{"\u25BC"}</X>}),N="SelectItem",[Le,ee]=Y(N),te=c.forwardRef((t,r)=>{const{__scopeSelect:l,value:o,disabled:e=!1,textValue:s,index:n,...i}=t,a=I(N,l),d=a.value===o,p=A(),{selectedIndex:V,setSelectedIndex:S,listRef:C,open:O,setOpen:h,onChange:B,setActiveIndex:F,allowMouseUpRef:b,allowSelectRef:m,setValueAtIndex:T,selectTimeoutRef:P,dataRef:v}=a,R=_(r,u=>{K&&u instanceof HTMLElement&&C&&(C.current[n]=u)});c.useEffect(()=>{T(n,o)},[n,T,o]);function x(){S(n),B(o),h(!1)}const y=a.interactions?a.interactions.getItemProps({onTouchStart(){m.current=!0,b.current=!1},onKeyDown(u){u.key==="Enter"||u.key===" "&&!v?.current.typing?(u.preventDefault(),x()):m.current=!0},onClick(){m.current&&(S(n),h(!1))},onMouseUp(){b.current&&(m.current&&x(),clearTimeout(P.current),P.current=setTimeout(()=>{m.current=!0}))}}):{onPress:x};return<Le scope={l}value={o}textId={p||""}isSelected={d}><L tag="div"backgrounded pressTheme hoverTheme cursor="default"outlineWidth={0}componentName={N}ref={R}aria-labelledby={p}aria-selected={d}data-state={d?"active":"inactive"}aria-disabled={e||void 0}data-disabled={e?"":void 0}tabIndex={e?void 0:-1}size={a.size}focusStyle={{backgroundColor:"$backgroundHover"}}{...i}{...y}/></Le>});te.displayName=N;const g="SelectItemText",Me=f(Te,{name:g,userSelect:"none"}),oe=c.forwardRef((t,r)=>{const{__scopeSelect:l,className:o,...e}=t,s=I(g,l),n=ee(g,l),i=c.useRef(null),a=_(r,i),d=Boolean(n.isSelected&&s.valueNode),p=c.useMemo(()=><Me className={o}size={s.size}id={n.textId}{...e}ref={a}/>,[t,s.size,o,n.textId]);return G(()=>{d&&s.setSelectedItem(p)},[d,p]),<>{p}</>});oe.displayName=g;const re="SelectItemIndicator",Oe=f($,{name:g}),ne=c.forwardRef((t,r)=>{const{__scopeSelect:l,...o}=t;return ee(re,l).isSelected?<Oe aria-hidden{...o}ref={r}/>:null});ne.displayName=re;const z="SelectGroup",[Be,Fe]=Y(z),He=f(be,{name:z,width:"100%"}),le=c.forwardRef((t,r)=>{const{__scopeSelect:l,...o}=t,e=A();return<Be scope={l}id={e||""}><He role="group"aria-labelledby={e}{...o}ref={r}/></Be>});le.displayName=z;const E="SelectLabel",ce=c.forwardRef((t,r)=>{const{__scopeSelect:l,...o}=t,e=I(E,l),s=Fe(E,l);return<L tag="div"componentName={E}fontWeight="800"id={s.id}size={e.size}{...o}ref={r}/>});ce.displayName=E;const ft=f(xe,{name:"SelectSeparator"}),Ue=t=>{const r=I("SelectSheetController",t.__scopeSelect),l=Ae(r),o=q(r.sheetBreakpoint),e=Ie(l);return<Ce onOpenChange={s=>{e()&&t.onOpenChange(s)}}open={r.open}hidden={o===!1}>{t.children}</Ce>},De=t=><>{t.children}</>,We=he(t=>{const{__scopeSelect:r,children:l,open:o,defaultOpen:e,onOpenChange:s,value:n,defaultValue:i,onValueChange:a,size:d="$true",dir:p}=t,V=A(),S=r?Object.keys(r)[0]??V:V,{when:C,AdaptProvider:O}=fe({Contents:c.useCallback(()=><Pe name={`${S}SheetContents`}/>,[S])}),h=C,F=q(h)||!K?De:Ne,b=c.useReducer(()=>({}),{})[1],[m,T]=c.useState(null),[P,v]=j({prop:o,defaultProp:e||!1,onChange:s}),[R,x]=j({prop:n,defaultProp:i||"",onChange:a,transition:!0}),[y,u]=c.useState(0),H=c.useRef(null),U=c.useRef(null),D=c.useRef([]),[W,se]=c.useState(0),[ae,ie]=c.useState(null),[pe,de]=c.useState(!1);return G(()=>{H.current=W,U.current=y}),<O><Re dir={p}blockSelection={!1}size={d}fallback={!1}selectedItem={m}setSelectedItem={T}forceUpdate={b}valueNode={ae}onValueNodeChange={ie}onValueNodeHasChildrenChange={de}valueNodeHasChildren={pe}scopeKey={S}sheetBreakpoint={h}scope={r}setValueAtIndex={(ue,me)=>{D.current[ue]=me}}activeIndex={y}onChange={x}selectedIndex={W}setActiveIndex={u}setOpen={v}setSelectedIndex={se}value={R}open={P}><Ue onOpenChange={v}__scopeSelect={r}><F activeIndexRef={U}listContentRef={D}selectedIndexRef={H}{...t}open={P}value={R}>{l}</F></Ue></Re></O>},{Adapt:Se,Content:ye,Group:le,Icon:Ge,Item:te,ItemIndicator:ne,ItemText:oe,Label:ce,ScrollDownButton:Ee,ScrollUpButton:Ve,Trigger:J,Value:Z,Viewport:_e,Sheet:ge});We.displayName=ve;export{We as Select,He as SelectGroupFrame,Ge as SelectIcon,te as SelectItem,Me as SelectItemTextFrame,ft as SelectSeparator,J as SelectTrigger};
429
2
  //# sourceMappingURL=Select.mjs.map
@@ -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": "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",
6
- "names": ["value"]
5
+ "mappings": "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",
6
+ "names": ["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
  }
@@ -1,30 +1,2 @@
1
- import { FloatingOverlay, FloatingPortal } from "@floating-ui/react";
2
- import { Theme, useIsTouchDevice, useThemeName } from "@tamagui/core";
3
- import { Dismissable } from "@tamagui/dismissable";
4
- import { FocusScope } from "@tamagui/focus-scope";
5
- import { useSelectContext } from "./context";
6
- import { useShowSelectSheet } from "./useSelectBreakpointActive";
7
- const CONTENT_NAME = "SelectContent";
8
- const SelectContent = ({
9
- children,
10
- __scopeSelect,
11
- zIndex = 1e3,
12
- ...focusScopeProps
13
- }) => {
14
- const context = useSelectContext(CONTENT_NAME, __scopeSelect);
15
- const themeName = useThemeName();
16
- const showSheet = useShowSelectSheet(context);
17
- const contents = <Theme forceClassName name={themeName}>{children}</Theme>;
18
- const touch = useIsTouchDevice();
19
- if (showSheet) {
20
- if (!context.open) {
21
- return null;
22
- }
23
- return <>{contents}</>;
24
- }
25
- return <FloatingPortal>{context.open ? <FloatingOverlay style={{ zIndex }} lockScroll={!touch}><FocusScope loop trapped {...focusScopeProps}><Dismissable>{contents}</Dismissable></FocusScope></FloatingOverlay> : <div style={{ display: "none" }}>{contents}</div>}</FloatingPortal>;
26
- };
27
- export {
28
- SelectContent
29
- };
1
+ import{FloatingOverlay as S,FloatingPortal as F}from"@floating-ui/react";import{Theme as C,useIsTouchDevice as N,useThemeName as P}from"@tamagui/core";import{Dismissable as T}from"@tamagui/dismissable";import{FocusScope as D}from"@tamagui/focus-scope";import{useSelectContext as O}from"./context";import{useShowSelectSheet as b}from"./useSelectBreakpointActive";const w="SelectContent",B=({children:t,__scopeSelect:s,zIndex:n=1e3,...r})=>{const e=O(w,s),c=P(),l=b(e),o=<C forceClassName name={c}>{t}</C>,m=N();return l?e.open?<>{o}</>:null:<F>{e.open?<S style={{zIndex:n}}lockScroll={!m}><D loop trapped{...r}><T>{o}</T></D></S>:<div style={{display:"none"}}>{o}</div>}</F>};export{B as SelectContent};
30
2
  //# sourceMappingURL=SelectContent.js.map
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/SelectContent.tsx"],
4
4
  "sourcesContent": ["import { FloatingOverlay, FloatingPortal } from '@floating-ui/react'\nimport { Theme, useIsTouchDevice, useThemeName } from '@tamagui/core'\nimport { Dismissable } from '@tamagui/dismissable'\nimport { FocusScope, FocusScopeProps } from '@tamagui/focus-scope'\n\nimport { useSelectContext } from './context'\nimport { SelectContentProps } from './types'\nimport { useShowSelectSheet } from './useSelectBreakpointActive'\n\n/* -------------------------------------------------------------------------------------------------\n * SelectContent\n * -----------------------------------------------------------------------------------------------*/\n\nconst CONTENT_NAME = 'SelectContent'\n\nexport const SelectContent = ({\n children,\n __scopeSelect,\n zIndex = 1000,\n ...focusScopeProps\n}: SelectContentProps & FocusScopeProps) => {\n const context = useSelectContext(CONTENT_NAME, __scopeSelect)\n const themeName = useThemeName()\n const showSheet = useShowSelectSheet(context)\n const contents = (\n <Theme forceClassName name={themeName}>\n {children}\n </Theme>\n )\n const touch = useIsTouchDevice()\n\n if (showSheet) {\n if (!context.open) {\n return null\n }\n return <>{contents}</>\n }\n\n return (\n <FloatingPortal>\n {context.open ? (\n <FloatingOverlay style={{ zIndex }} lockScroll={!touch}>\n <FocusScope loop trapped {...focusScopeProps}>\n <Dismissable>{contents}</Dismissable>\n </FocusScope>\n </FloatingOverlay>\n ) : (\n <div style={{ display: 'none' }}>{contents}</div>\n )}\n </FloatingPortal>\n )\n}\n"],
5
- "mappings": "AAAA,SAAS,iBAAiB,sBAAsB;AAChD,SAAS,OAAO,kBAAkB,oBAAoB;AACtD,SAAS,mBAAmB;AAC5B,SAAS,kBAAmC;AAE5C,SAAS,wBAAwB;AAEjC,SAAS,0BAA0B;AAMnC,MAAM,eAAe;AAEd,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA,SAAS;AAAA,EACT,GAAG;AACL,MAA4C;AAC1C,QAAM,UAAU,iBAAiB,cAAc,aAAa;AAC5D,QAAM,YAAY,aAAa;AAC/B,QAAM,YAAY,mBAAmB,OAAO;AAC5C,QAAM,WACJ,CAAC,MAAM,eAAe,MAAM,YACzB,SACH,EAFC;AAIH,QAAM,QAAQ,iBAAiB;AAE/B,MAAI,WAAW;AACb,QAAI,CAAC,QAAQ,MAAM;AACjB,aAAO;AAAA,IACT;AACA,WAAO,GAAG,SAAS;AAAA,EACrB;AAEA,SACE,CAAC,gBACE,QAAQ,OACP,CAAC,gBAAgB,OAAO,EAAE,OAAO,GAAG,YAAY,CAAC,OAC/C,CAAC,WAAW,KAAK,YAAY,iBAC3B,CAAC,aAAa,SAAS,EAAtB,YACH,EAFC,WAGH,EAJC,mBAMD,CAAC,IAAI,OAAO,EAAE,SAAS,OAAO,IAAI,SAAS,EAA1C,KAEL,EAVC;AAYL;",
6
- "names": []
5
+ "mappings": "AAAA,OAAS,mBAAAA,EAAiB,kBAAAC,MAAsB,qBAChD,OAAS,SAAAC,EAAO,oBAAAC,EAAkB,gBAAAC,MAAoB,gBACtD,OAAS,eAAAC,MAAmB,uBAC5B,OAAS,cAAAC,MAAmC,uBAE5C,OAAS,oBAAAC,MAAwB,YAEjC,OAAS,sBAAAC,MAA0B,8BAMnC,MAAMC,EAAe,gBAERC,EAAgB,CAAC,CAC5B,SAAAC,EACA,cAAAC,EACA,OAAAC,EAAS,IACT,GAAGC,CACL,IAA4C,CAC1C,MAAMC,EAAUR,EAAiBE,EAAcG,CAAa,EACtDI,EAAYZ,EAAa,EACzBa,EAAYT,EAAmBO,CAAO,EACtCG,EACJ,CAAChB,EAAM,eAAe,MAAMc,IACzBL,EACH,EAFCT,GAIGiB,EAAQhB,EAAiB,EAE/B,OAAIc,EACGF,EAAQ,KAGN,GAAGG,EAAS,IAFV,KAMT,CAACjB,GACEc,EAAQ,KACP,CAACf,EAAgB,OAAO,CAAE,OAAAa,CAAO,EAAG,YAAY,CAACM,GAC/C,CAACb,EAAW,KAAK,WAAYQ,GAC3B,CAACT,GAAaa,EAAS,EAAtBb,EACH,EAFCC,EAGH,EAJCN,GAMD,CAAC,IAAI,OAAO,CAAE,QAAS,MAAO,IAAIkB,EAAS,EAA1C,KAEL,EAVCjB,EAYL",
6
+ "names": ["FloatingOverlay", "FloatingPortal", "Theme", "useIsTouchDevice", "useThemeName", "Dismissable", "FocusScope", "useSelectContext", "useShowSelectSheet", "CONTENT_NAME", "SelectContent", "children", "__scopeSelect", "zIndex", "focusScopeProps", "context", "themeName", "showSheet", "contents", "touch"]
7
7
  }