@tamagui/select 2.0.0-rc.4 → 2.0.0-rc.40
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.cjs +28 -23
- package/dist/cjs/BubbleSelect.native.js +12 -10
- package/dist/cjs/BubbleSelect.native.js.map +1 -1
- package/dist/cjs/Select.cjs +402 -376
- package/dist/cjs/Select.native.js +428 -414
- package/dist/cjs/Select.native.js.map +1 -1
- package/dist/cjs/SelectContent.cjs +73 -66
- package/dist/cjs/SelectContent.native.js +12 -10
- package/dist/cjs/SelectContent.native.js.map +1 -1
- package/dist/cjs/SelectImpl.cjs +239 -176
- package/dist/cjs/SelectImpl.native.js +21 -16
- package/dist/cjs/SelectImpl.native.js.map +1 -1
- package/dist/cjs/SelectItem.cjs +189 -137
- package/dist/cjs/SelectItem.native.js +211 -164
- package/dist/cjs/SelectItem.native.js.map +1 -1
- package/dist/cjs/SelectItemText.cjs +82 -68
- package/dist/cjs/SelectItemText.native.js +81 -69
- package/dist/cjs/SelectItemText.native.js.map +1 -1
- package/dist/cjs/SelectScrollButton.cjs +104 -83
- package/dist/cjs/SelectScrollButton.native.js +17 -15
- package/dist/cjs/SelectScrollButton.native.js.map +1 -1
- package/dist/cjs/SelectTrigger.cjs +81 -77
- package/dist/cjs/SelectTrigger.native.js +43 -40
- package/dist/cjs/SelectTrigger.native.js.map +1 -1
- package/dist/cjs/SelectViewport.cjs +141 -103
- package/dist/cjs/SelectViewport.native.js +39 -37
- package/dist/cjs/SelectViewport.native.js.map +1 -1
- package/dist/cjs/constants.cjs +19 -17
- package/dist/cjs/constants.native.js +19 -17
- package/dist/cjs/constants.native.js.map +1 -1
- package/dist/cjs/context.cjs +38 -27
- package/dist/cjs/context.native.js +46 -38
- package/dist/cjs/context.native.js.map +1 -1
- package/dist/cjs/index.cjs +7 -5
- package/dist/cjs/index.native.js +7 -5
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/types.cjs +7 -5
- package/dist/cjs/types.native.js +7 -5
- package/dist/cjs/types.native.js.map +1 -1
- package/dist/cjs/useSelectBreakpointActive.cjs +13 -11
- package/dist/cjs/useSelectBreakpointActive.native.js +17 -15
- package/dist/cjs/useSelectBreakpointActive.native.js.map +1 -1
- package/dist/esm/BubbleSelect.mjs +16 -13
- package/dist/esm/BubbleSelect.mjs.map +1 -1
- package/dist/esm/Select.mjs +356 -331
- package/dist/esm/Select.mjs.map +1 -1
- package/dist/esm/Select.native.js +381 -369
- package/dist/esm/Select.native.js.map +1 -1
- package/dist/esm/SelectContent.mjs +55 -39
- package/dist/esm/SelectContent.mjs.map +1 -1
- package/dist/esm/SelectImpl.mjs +208 -147
- package/dist/esm/SelectImpl.mjs.map +1 -1
- package/dist/esm/SelectImpl.native.js +4 -1
- package/dist/esm/SelectImpl.native.js.map +1 -1
- package/dist/esm/SelectItem.mjs +157 -107
- package/dist/esm/SelectItem.mjs.map +1 -1
- package/dist/esm/SelectItem.native.js +180 -135
- package/dist/esm/SelectItem.native.js.map +1 -1
- package/dist/esm/SelectItemText.mjs +50 -38
- package/dist/esm/SelectItemText.mjs.map +1 -1
- package/dist/esm/SelectItemText.native.js +50 -40
- package/dist/esm/SelectItemText.native.js.map +1 -1
- package/dist/esm/SelectScrollButton.mjs +74 -55
- package/dist/esm/SelectScrollButton.mjs.map +1 -1
- package/dist/esm/SelectScrollButton.native.js +5 -5
- package/dist/esm/SelectScrollButton.native.js.map +1 -1
- package/dist/esm/SelectTrigger.mjs +51 -49
- package/dist/esm/SelectTrigger.mjs.map +1 -1
- package/dist/esm/SelectTrigger.native.js +13 -12
- package/dist/esm/SelectTrigger.native.js.map +1 -1
- package/dist/esm/SelectViewport.mjs +108 -83
- package/dist/esm/SelectViewport.mjs.map +1 -1
- package/dist/esm/SelectViewport.native.js +7 -7
- package/dist/esm/SelectViewport.native.js.map +1 -1
- package/dist/esm/constants.mjs +7 -7
- package/dist/esm/constants.mjs.map +1 -1
- package/dist/esm/constants.native.js +7 -7
- package/dist/esm/constants.native.js.map +1 -1
- package/dist/esm/context.mjs +22 -14
- package/dist/esm/context.mjs.map +1 -1
- package/dist/esm/context.native.js +30 -25
- package/dist/esm/context.native.js.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -6
- package/dist/esm/useSelectBreakpointActive.mjs +1 -1
- package/dist/esm/useSelectBreakpointActive.mjs.map +1 -1
- package/dist/esm/useSelectBreakpointActive.native.js +1 -1
- package/dist/esm/useSelectBreakpointActive.native.js.map +1 -1
- package/dist/jsx/BubbleSelect.mjs +16 -13
- package/dist/jsx/BubbleSelect.mjs.map +1 -1
- package/dist/jsx/BubbleSelect.native.js +12 -10
- package/dist/jsx/BubbleSelect.native.js.map +1 -1
- package/dist/jsx/Select.mjs +356 -331
- package/dist/jsx/Select.mjs.map +1 -1
- package/dist/jsx/Select.native.js +428 -414
- package/dist/jsx/Select.native.js.map +1 -1
- package/dist/jsx/SelectContent.mjs +55 -39
- package/dist/jsx/SelectContent.mjs.map +1 -1
- package/dist/jsx/SelectContent.native.js +12 -10
- package/dist/jsx/SelectContent.native.js.map +1 -1
- package/dist/jsx/SelectImpl.mjs +208 -147
- package/dist/jsx/SelectImpl.mjs.map +1 -1
- package/dist/jsx/SelectImpl.native.js +21 -16
- package/dist/jsx/SelectImpl.native.js.map +1 -1
- package/dist/jsx/SelectItem.mjs +157 -107
- package/dist/jsx/SelectItem.mjs.map +1 -1
- package/dist/jsx/SelectItem.native.js +211 -164
- package/dist/jsx/SelectItem.native.js.map +1 -1
- package/dist/jsx/SelectItemText.mjs +50 -38
- package/dist/jsx/SelectItemText.mjs.map +1 -1
- package/dist/jsx/SelectItemText.native.js +81 -69
- package/dist/jsx/SelectItemText.native.js.map +1 -1
- package/dist/jsx/SelectScrollButton.mjs +74 -55
- package/dist/jsx/SelectScrollButton.mjs.map +1 -1
- package/dist/jsx/SelectScrollButton.native.js +17 -15
- package/dist/jsx/SelectScrollButton.native.js.map +1 -1
- package/dist/jsx/SelectTrigger.mjs +51 -49
- package/dist/jsx/SelectTrigger.mjs.map +1 -1
- package/dist/jsx/SelectTrigger.native.js +43 -40
- package/dist/jsx/SelectTrigger.native.js.map +1 -1
- package/dist/jsx/SelectViewport.mjs +108 -83
- package/dist/jsx/SelectViewport.mjs.map +1 -1
- package/dist/jsx/SelectViewport.native.js +39 -37
- package/dist/jsx/SelectViewport.native.js.map +1 -1
- package/dist/jsx/constants.mjs +7 -7
- package/dist/jsx/constants.mjs.map +1 -1
- package/dist/jsx/constants.native.js +19 -17
- package/dist/jsx/constants.native.js.map +1 -1
- package/dist/jsx/context.mjs +22 -14
- package/dist/jsx/context.mjs.map +1 -1
- package/dist/jsx/context.native.js +46 -38
- package/dist/jsx/context.native.js.map +1 -1
- package/dist/jsx/index.js +2 -2
- package/dist/jsx/index.js.map +1 -6
- package/dist/jsx/index.native.js +7 -5
- package/dist/jsx/types.native.js +7 -5
- package/dist/jsx/useSelectBreakpointActive.mjs +1 -1
- package/dist/jsx/useSelectBreakpointActive.mjs.map +1 -1
- package/dist/jsx/useSelectBreakpointActive.native.js +17 -15
- package/dist/jsx/useSelectBreakpointActive.native.js.map +1 -1
- package/package.json +31 -35
- package/src/Select.tsx +16 -1
- package/src/SelectContent.tsx +47 -36
- package/src/SelectImpl.tsx +51 -49
- package/src/SelectItem.tsx +17 -7
- package/src/SelectScrollButton.tsx +1 -1
- package/src/SelectTrigger.tsx +1 -1
- package/src/SelectViewport.tsx +42 -22
- package/src/context.tsx +4 -0
- package/src/types.tsx +44 -4
- package/types/Select.d.ts +2 -2
- package/types/Select.d.ts.map +1 -1
- package/types/SelectContent.d.ts +1 -1
- package/types/SelectContent.d.ts.map +1 -1
- package/types/SelectImpl.d.ts.map +1 -1
- package/types/SelectItem.d.ts.map +1 -1
- package/types/SelectTrigger.d.ts +1 -1
- package/types/SelectViewport.d.ts.map +1 -1
- package/types/context.d.ts +1 -0
- package/types/context.d.ts.map +1 -1
- package/types/types.d.ts +33 -3
- package/types/types.d.ts.map +1 -1
- package/dist/cjs/BubbleSelect.js +0 -34
- package/dist/cjs/BubbleSelect.js.map +0 -6
- package/dist/cjs/Select.js +0 -402
- package/dist/cjs/Select.js.map +0 -6
- package/dist/cjs/SelectContent.js +0 -57
- package/dist/cjs/SelectContent.js.map +0 -6
- package/dist/cjs/SelectImpl.js +0 -222
- package/dist/cjs/SelectImpl.js.map +0 -6
- package/dist/cjs/SelectItem.js +0 -166
- package/dist/cjs/SelectItem.js.map +0 -6
- package/dist/cjs/SelectItemText.js +0 -64
- package/dist/cjs/SelectItemText.js.map +0 -6
- package/dist/cjs/SelectScrollButton.js +0 -105
- package/dist/cjs/SelectScrollButton.js.map +0 -6
- package/dist/cjs/SelectTrigger.js +0 -81
- package/dist/cjs/SelectTrigger.js.map +0 -6
- package/dist/cjs/SelectViewport.js +0 -114
- package/dist/cjs/SelectViewport.js.map +0 -6
- package/dist/cjs/constants.js +0 -27
- package/dist/cjs/constants.js.map +0 -6
- package/dist/cjs/context.js +0 -33
- package/dist/cjs/context.js.map +0 -6
- package/dist/cjs/index.js +0 -16
- package/dist/cjs/index.js.map +0 -6
- package/dist/cjs/types.js +0 -14
- package/dist/cjs/types.js.map +0 -6
- package/dist/cjs/useSelectBreakpointActive.js +0 -25
- package/dist/cjs/useSelectBreakpointActive.js.map +0 -6
- package/dist/esm/BubbleSelect.js +0 -17
- package/dist/esm/BubbleSelect.js.map +0 -6
- package/dist/esm/Select.js +0 -412
- package/dist/esm/Select.js.map +0 -6
- package/dist/esm/SelectContent.js +0 -39
- package/dist/esm/SelectContent.js.map +0 -6
- package/dist/esm/SelectImpl.js +0 -223
- package/dist/esm/SelectImpl.js.map +0 -6
- package/dist/esm/SelectItem.js +0 -148
- package/dist/esm/SelectItem.js.map +0 -6
- package/dist/esm/SelectItemText.js +0 -46
- package/dist/esm/SelectItemText.js.map +0 -6
- package/dist/esm/SelectScrollButton.js +0 -87
- package/dist/esm/SelectScrollButton.js.map +0 -6
- package/dist/esm/SelectTrigger.js +0 -61
- package/dist/esm/SelectTrigger.js.map +0 -6
- package/dist/esm/SelectViewport.js +0 -112
- package/dist/esm/SelectViewport.js.map +0 -6
- package/dist/esm/constants.js +0 -11
- package/dist/esm/constants.js.map +0 -6
- package/dist/esm/context.js +0 -19
- package/dist/esm/context.js.map +0 -6
- package/dist/esm/types.js +0 -1
- package/dist/esm/types.js.map +0 -6
- package/dist/esm/useSelectBreakpointActive.js +0 -9
- package/dist/esm/useSelectBreakpointActive.js.map +0 -6
- package/dist/jsx/BubbleSelect.js +0 -17
- package/dist/jsx/BubbleSelect.js.map +0 -6
- package/dist/jsx/Select.js +0 -412
- package/dist/jsx/Select.js.map +0 -6
- package/dist/jsx/SelectContent.js +0 -39
- package/dist/jsx/SelectContent.js.map +0 -6
- package/dist/jsx/SelectImpl.js +0 -223
- package/dist/jsx/SelectImpl.js.map +0 -6
- package/dist/jsx/SelectItem.js +0 -148
- package/dist/jsx/SelectItem.js.map +0 -6
- package/dist/jsx/SelectItemText.js +0 -46
- package/dist/jsx/SelectItemText.js.map +0 -6
- package/dist/jsx/SelectScrollButton.js +0 -87
- package/dist/jsx/SelectScrollButton.js.map +0 -6
- package/dist/jsx/SelectTrigger.js +0 -61
- package/dist/jsx/SelectTrigger.js.map +0 -6
- package/dist/jsx/SelectViewport.js +0 -112
- package/dist/jsx/SelectViewport.js.map +0 -6
- package/dist/jsx/constants.js +0 -11
- package/dist/jsx/constants.js.map +0 -6
- package/dist/jsx/context.js +0 -19
- package/dist/jsx/context.js.map +0 -6
- package/dist/jsx/types.js +0 -1
- package/dist/jsx/types.js.map +0 -6
- package/dist/jsx/useSelectBreakpointActive.js +0 -9
- package/dist/jsx/useSelectBreakpointActive.js.map +0 -6
package/dist/jsx/SelectItem.mjs
CHANGED
|
@@ -5,135 +5,185 @@ import { ListItem } from "@tamagui/list-item";
|
|
|
5
5
|
import * as React from "react";
|
|
6
6
|
import { useSelectItemParentContext } from "./context.mjs";
|
|
7
7
|
import { jsx } from "react/jsx-runtime";
|
|
8
|
-
const ITEM_NAME = "SelectItem"
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
}
|
|
8
|
+
const ITEM_NAME = "SelectItem";
|
|
9
|
+
const {
|
|
10
|
+
Provider: SelectItemContextProvider,
|
|
11
|
+
useStyledContext: useSelectItemContext
|
|
12
|
+
} = createStyledContext(null, ITEM_NAME);
|
|
13
|
+
const SelectItem = ListItem.Frame.styleable(function SelectItem2(props, forwardedRef) {
|
|
14
|
+
const {
|
|
15
|
+
scope,
|
|
16
|
+
value,
|
|
17
|
+
disabled = false,
|
|
18
|
+
textValue: textValueProp,
|
|
19
|
+
index,
|
|
20
|
+
...restProps
|
|
21
|
+
} = props;
|
|
22
|
+
const context = useSelectItemParentContext(scope);
|
|
23
|
+
const {
|
|
24
|
+
setSelectedIndex,
|
|
25
|
+
listRef,
|
|
26
|
+
setOpen,
|
|
27
|
+
onChange,
|
|
28
|
+
activeIndexSubscribe,
|
|
29
|
+
activeIndexRef,
|
|
30
|
+
valueSubscribe,
|
|
31
|
+
allowMouseUpRef,
|
|
32
|
+
allowSelectRef,
|
|
33
|
+
setValueAtIndex,
|
|
34
|
+
selectTimeoutRef,
|
|
35
|
+
dataRef,
|
|
36
|
+
interactions,
|
|
37
|
+
shouldRenderWebNative,
|
|
38
|
+
size,
|
|
39
|
+
onActiveChange,
|
|
40
|
+
initialValue,
|
|
41
|
+
setActiveIndexFast
|
|
42
|
+
} = context;
|
|
43
|
+
const [isSelected, setSelected] = React.useState(initialValue === value);
|
|
44
|
+
useIsomorphicLayoutEffect(() => {
|
|
45
|
+
if (initialValue === value) {
|
|
46
|
+
setSelectedIndex(index);
|
|
47
|
+
}
|
|
48
|
+
}, []);
|
|
49
|
+
React.useEffect(() => {
|
|
50
|
+
const handleActiveIndex = i => {
|
|
51
|
+
if (index === i) {
|
|
52
|
+
onActiveChange(value, index);
|
|
53
|
+
if (isWeb) {
|
|
54
|
+
requestAnimationFrame(() => {
|
|
55
|
+
listRef?.current[index]?.focus();
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
const currentActiveIndex = activeIndexRef?.current;
|
|
61
|
+
if (currentActiveIndex !== null && currentActiveIndex !== void 0) {
|
|
62
|
+
handleActiveIndex(currentActiveIndex);
|
|
63
|
+
}
|
|
64
|
+
return activeIndexSubscribe(handleActiveIndex);
|
|
65
|
+
}, [index]);
|
|
66
|
+
React.useEffect(() => {
|
|
67
|
+
return valueSubscribe(val => {
|
|
48
68
|
setSelected(val === value);
|
|
49
|
-
})
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
function handleSelect() {
|
|
59
|
-
setSelectedIndex(index), onChange(value), setOpen(!1);
|
|
69
|
+
});
|
|
70
|
+
}, [value]);
|
|
71
|
+
const textId = React.useId();
|
|
72
|
+
const refCallback = React.useCallback(node => {
|
|
73
|
+
if (!isWeb) return;
|
|
74
|
+
if (node instanceof HTMLElement) {
|
|
75
|
+
if (listRef) {
|
|
76
|
+
listRef.current[index] = node;
|
|
77
|
+
}
|
|
60
78
|
}
|
|
61
|
-
|
|
79
|
+
}, [index, listRef]);
|
|
80
|
+
const composedRefs = useComposedRefs(forwardedRef, refCallback);
|
|
81
|
+
useIsomorphicLayoutEffect(() => {
|
|
82
|
+
setValueAtIndex(index, value);
|
|
83
|
+
}, [index, setValueAtIndex, value]);
|
|
84
|
+
function handleSelect() {
|
|
85
|
+
setSelectedIndex(index);
|
|
86
|
+
onChange(value);
|
|
87
|
+
setOpen(false);
|
|
88
|
+
}
|
|
89
|
+
const selectItemProps = React.useMemo(() => {
|
|
90
|
+
return interactions ? interactions.getItemProps({
|
|
62
91
|
onTouchMove() {
|
|
63
|
-
allowSelectRef.current =
|
|
92
|
+
allowSelectRef.current = true;
|
|
93
|
+
allowMouseUpRef.current = false;
|
|
64
94
|
},
|
|
65
95
|
onTouchEnd() {
|
|
66
|
-
allowSelectRef.current =
|
|
96
|
+
allowSelectRef.current = false;
|
|
97
|
+
allowMouseUpRef.current = true;
|
|
67
98
|
},
|
|
68
99
|
onKeyDown(event) {
|
|
69
|
-
if (event.key === "Enter" || event.key === " " && !dataRef?.current.typing)
|
|
70
|
-
event.preventDefault()
|
|
100
|
+
if (event.key === "Enter" || event.key === " " && !dataRef?.current.typing) {
|
|
101
|
+
event.preventDefault();
|
|
102
|
+
handleSelect();
|
|
103
|
+
} else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
|
|
104
|
+
event.preventDefault();
|
|
105
|
+
event.stopPropagation();
|
|
71
106
|
const itemCount = listRef?.current.length ?? 0;
|
|
72
107
|
if (itemCount === 0) return;
|
|
73
108
|
let nextIndex;
|
|
74
|
-
event.key === "ArrowDown"
|
|
75
|
-
|
|
109
|
+
if (event.key === "ArrowDown") {
|
|
110
|
+
nextIndex = index + 1 >= itemCount ? 0 : index + 1;
|
|
111
|
+
} else {
|
|
112
|
+
nextIndex = index - 1 < 0 ? itemCount - 1 : index - 1;
|
|
113
|
+
}
|
|
114
|
+
setActiveIndexFast?.(nextIndex);
|
|
115
|
+
} else {
|
|
116
|
+
allowSelectRef.current = true;
|
|
117
|
+
}
|
|
76
118
|
},
|
|
77
119
|
onClick() {
|
|
78
|
-
allowSelectRef.current
|
|
120
|
+
if (allowSelectRef.current) {
|
|
121
|
+
handleSelect();
|
|
122
|
+
}
|
|
79
123
|
},
|
|
80
124
|
onMouseUp() {
|
|
81
125
|
if (!allowMouseUpRef.current) {
|
|
82
|
-
allowMouseUpRef.current =
|
|
126
|
+
allowMouseUpRef.current = true;
|
|
127
|
+
allowSelectRef.current = true;
|
|
83
128
|
return;
|
|
84
129
|
}
|
|
85
|
-
|
|
86
|
-
|
|
130
|
+
if (allowSelectRef.current) {
|
|
131
|
+
handleSelect();
|
|
132
|
+
}
|
|
133
|
+
clearTimeout(selectTimeoutRef.current);
|
|
134
|
+
selectTimeoutRef.current = setTimeout(() => {
|
|
135
|
+
allowSelectRef.current = true;
|
|
87
136
|
});
|
|
88
137
|
}
|
|
89
138
|
}) : {
|
|
90
139
|
onPress: handleSelect
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
|
|
140
|
+
};
|
|
141
|
+
}, [handleSelect, index, listRef, setActiveIndexFast]);
|
|
142
|
+
return /* @__PURE__ */jsx(SelectItemContextProvider, {
|
|
143
|
+
scope,
|
|
144
|
+
value,
|
|
145
|
+
textId: textId || "",
|
|
146
|
+
isSelected,
|
|
147
|
+
children: shouldRenderWebNative ? /* @__PURE__ */jsx("option", {
|
|
94
148
|
value,
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
"
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
}),
|
|
131
|
-
...restProps,
|
|
132
|
-
...selectItemProps
|
|
133
|
-
})
|
|
134
|
-
});
|
|
135
|
-
}, {
|
|
136
|
-
disableTheme: !0
|
|
149
|
+
children: props.children
|
|
150
|
+
}) : /* @__PURE__ */jsx(ListItem.Frame, {
|
|
151
|
+
render: "div",
|
|
152
|
+
componentName: ITEM_NAME,
|
|
153
|
+
ref: composedRefs,
|
|
154
|
+
role: "option",
|
|
155
|
+
"aria-labelledby": textId,
|
|
156
|
+
"aria-selected": isSelected,
|
|
157
|
+
"data-state": isSelected ? "active" : "inactive",
|
|
158
|
+
"aria-disabled": disabled || void 0,
|
|
159
|
+
"data-disabled": disabled ? "" : void 0,
|
|
160
|
+
tabIndex: disabled ? void 0 : -1,
|
|
161
|
+
...(!props.unstyled && {
|
|
162
|
+
cursor: "default",
|
|
163
|
+
size,
|
|
164
|
+
outlineOffset: -0.5,
|
|
165
|
+
zIndex: 100,
|
|
166
|
+
hoverStyle: {
|
|
167
|
+
backgroundColor: "$backgroundHover"
|
|
168
|
+
},
|
|
169
|
+
pressStyle: {
|
|
170
|
+
backgroundColor: "$backgroundPress"
|
|
171
|
+
},
|
|
172
|
+
focusStyle: {
|
|
173
|
+
backgroundColor: "$backgroundFocus"
|
|
174
|
+
},
|
|
175
|
+
focusVisibleStyle: {
|
|
176
|
+
outlineColor: "$outlineColor",
|
|
177
|
+
outlineWidth: 1,
|
|
178
|
+
outlineStyle: "solid"
|
|
179
|
+
}
|
|
180
|
+
}),
|
|
181
|
+
...restProps,
|
|
182
|
+
...selectItemProps
|
|
183
|
+
})
|
|
137
184
|
});
|
|
185
|
+
}, {
|
|
186
|
+
disableTheme: true
|
|
187
|
+
});
|
|
138
188
|
export { SelectItem, SelectItemContextProvider, useSelectItemContext };
|
|
139
189
|
//# sourceMappingURL=SelectItem.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["useComposedRefs","isWeb","useIsomorphicLayoutEffect","createStyledContext","ListItem","React","useSelectItemParentContext","jsx","ITEM_NAME","Provider","SelectItemContextProvider","useStyledContext","useSelectItemContext","SelectItem","Frame","styleable","props","forwardedRef","scope","value","disabled","textValue","textValueProp","index","restProps","context","setSelectedIndex","listRef","setOpen","onChange","activeIndexSubscribe","valueSubscribe","allowMouseUpRef","allowSelectRef","setValueAtIndex","selectTimeoutRef","dataRef","interactions","shouldRenderWebNative","size","onActiveChange","initialValue","setActiveIndexFast","isSelected","setSelected","useState","useEffect","i","current","focus","val","textId","useId","refCallback","useCallback","node","HTMLElement","composedRefs","handleSelect","selectItemProps","useMemo","getItemProps","onTouchMove","onTouchEnd","onKeyDown","event","key","typing","preventDefault","stopPropagation","itemCount","length","nextIndex","onClick","onMouseUp","clearTimeout","setTimeout","onPress","children","render","componentName","ref","role","tabIndex","unstyled","cursor","outlineOffset","zIndex","hoverStyle","backgroundColor","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","disableTheme"],"sources":["../../src/SelectItem.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAChC,SAASC,KAAA,EAAOC,yBAAA,QAAiC;AACjD,SAASC,mBAAA,QAA2B;AAEpC,SAASC,QAAA,QAAgB;AACzB,YAAYC,KAAA,MAAW;AACvB,SAASC,0BAAA,QAAkC;
|
|
1
|
+
{"version":3,"names":["useComposedRefs","isWeb","useIsomorphicLayoutEffect","createStyledContext","ListItem","React","useSelectItemParentContext","jsx","ITEM_NAME","Provider","SelectItemContextProvider","useStyledContext","useSelectItemContext","SelectItem","Frame","styleable","SelectItem2","props","forwardedRef","scope","value","disabled","textValue","textValueProp","index","restProps","context","setSelectedIndex","listRef","setOpen","onChange","activeIndexSubscribe","activeIndexRef","valueSubscribe","allowMouseUpRef","allowSelectRef","setValueAtIndex","selectTimeoutRef","dataRef","interactions","shouldRenderWebNative","size","onActiveChange","initialValue","setActiveIndexFast","isSelected","setSelected","useState","useEffect","handleActiveIndex","i","requestAnimationFrame","current","focus","currentActiveIndex","val","textId","useId","refCallback","useCallback","node","HTMLElement","composedRefs","handleSelect","selectItemProps","useMemo","getItemProps","onTouchMove","onTouchEnd","onKeyDown","event","key","typing","preventDefault","stopPropagation","itemCount","length","nextIndex","onClick","onMouseUp","clearTimeout","setTimeout","onPress","children","render","componentName","ref","role","tabIndex","unstyled","cursor","outlineOffset","zIndex","hoverStyle","backgroundColor","pressStyle","focusStyle","focusVisibleStyle","outlineColor","outlineWidth","outlineStyle","disableTheme"],"sources":["../../src/SelectItem.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,eAAA,QAAuB;AAChC,SAASC,KAAA,EAAOC,yBAAA,QAAiC;AACjD,SAASC,mBAAA,QAA2B;AAEpC,SAASC,QAAA,QAAgB;AACzB,YAAYC,KAAA,MAAW;AACvB,SAASC,0BAAA,QAAkC;AA6MjC,SAAAC,GAAA;AAtMV,MAAMC,SAAA,GAAY;AAQX,MAAM;EACXC,QAAA,EAAUC,yBAAA;EACVC,gBAAA,EAAkBC;AACpB,IAAIT,mBAAA,CAA4C,MAAaK,SAAS;AAY/D,MAAMK,UAAA,GAAaT,QAAA,CAASU,KAAA,CAAMC,SAAA,CACvC,SAASC,YAAWC,KAAA,EAA2CC,YAAA,EAAc;EAC3E,MAAM;IACJC,KAAA;IACAC,KAAA;IACAC,QAAA,GAAW;IACXC,SAAA,EAAWC,aAAA;IACXC,KAAA;IACA,GAAGC;EACL,IAAIR,KAAA;EAEJ,MAAMS,OAAA,GAAUpB,0BAAA,CAA2Ba,KAAK;EAEhD,MAAM;IACJQ,gBAAA;IACAC,OAAA;IACAC,OAAA;IACAC,QAAA;IACAC,oBAAA;IACAC,cAAA;IACAC,cAAA;IACAC,eAAA;IACAC,cAAA;IACAC,eAAA;IACAC,gBAAA;IACAC,OAAA;IACAC,YAAA;IACAC,qBAAA;IACAC,IAAA;IACAC,cAAA;IACAC,YAAA;IACAC;EACF,IAAIlB,OAAA;EAEJ,MAAM,CAACmB,UAAA,EAAYC,WAAW,IAAIzC,KAAA,CAAM0C,QAAA,CAASJ,YAAA,KAAiBvB,KAAK;EAGvElB,yBAAA,CAA0B,MAAM;IAC9B,IAAIyC,YAAA,KAAiBvB,KAAA,EAAO;MAC1BO,gBAAA,CAAiBH,KAAK;IACxB;EACF,GAAG,EAAE;EAELnB,KAAA,CAAM2C,SAAA,CAAU,MAAM;IACpB,MAAMC,iBAAA,GAAqBC,CAAA,IAAc;MACvC,IAAI1B,KAAA,KAAU0B,CAAA,EAAG;QACfR,cAAA,CAAetB,KAAA,EAAOI,KAAK;QAC3B,IAAIvB,KAAA,EAAO;UAGTkD,qBAAA,CAAsB,MAAM;YAC1BvB,OAAA,EAASwB,OAAA,CAAQ5B,KAAK,GAAG6B,KAAA,CAAM;UACjC,CAAC;QACH;MACF;IACF;IAGA,MAAMC,kBAAA,GAAqBtB,cAAA,EAAgBoB,OAAA;IAC3C,IAAIE,kBAAA,KAAuB,QAAQA,kBAAA,KAAuB,QAAW;MACnEL,iBAAA,CAAkBK,kBAAkB;IACtC;IAEA,OAAOvB,oBAAA,CAAqBkB,iBAAiB;EAC/C,GAAG,CAACzB,KAAK,CAAC;EAEVnB,KAAA,CAAM2C,SAAA,CAAU,MAAM;IACpB,OAAOf,cAAA,CAAgBsB,GAAA,IAAQ;MAC7BT,WAAA,CAAYS,GAAA,KAAQnC,KAAK;IAC3B,CAAC;EACH,GAAG,CAACA,KAAK,CAAC;EAEV,MAAMoC,MAAA,GAASnD,KAAA,CAAMoD,KAAA,CAAM;EAE3B,MAAMC,WAAA,GAAcrD,KAAA,CAAMsD,WAAA,CACvBC,IAAA,IAAS;IACR,IAAI,CAAC3D,KAAA,EAAO;IACZ,IAAI2D,IAAA,YAAgBC,WAAA,EAAa;MAC/B,IAAIjC,OAAA,EAAS;QACXA,OAAA,CAAQwB,OAAA,CAAQ5B,KAAK,IAAIoC,IAAA;MAC3B;IACF;EACF,GACA,CAACpC,KAAA,EAAOI,OAAO,CACjB;EAEA,MAAMkC,YAAA,GAAe9D,eAAA,CAAgBkB,YAAA,EAAcwC,WAAW;EAE9DxD,yBAAA,CAA0B,MAAM;IAC9BkC,eAAA,CAAgBZ,KAAA,EAAOJ,KAAK;EAC9B,GAAG,CAACI,KAAA,EAAOY,eAAA,EAAiBhB,KAAK,CAAC;EAElC,SAAS2C,aAAA,EAAe;IACtBpC,gBAAA,CAAiBH,KAAK;IACtBM,QAAA,CAASV,KAAK;IACdS,OAAA,CAAQ,KAAK;EACf;EAEA,MAAMmC,eAAA,GAAkB3D,KAAA,CAAM4D,OAAA,CAAQ,MAAM;IAC1C,OAAO1B,YAAA,GACHA,YAAA,CAAa2B,YAAA,CAAa;MACxBC,YAAA,EAAc;QACZhC,cAAA,CAAgBiB,OAAA,GAAU;QAC1BlB,eAAA,CAAiBkB,OAAA,GAAU;MAC7B;MACAgB,WAAA,EAAa;QACXjC,cAAA,CAAgBiB,OAAA,GAAU;QAC1BlB,eAAA,CAAiBkB,OAAA,GAAU;MAC7B;MACAiB,UAAUC,KAAA,EAAO;QACf,IACEA,KAAA,CAAMC,GAAA,KAAQ,WACbD,KAAA,CAAMC,GAAA,KAAQ,OAAO,CAACjC,OAAA,EAASc,OAAA,CAAQoB,MAAA,EACxC;UACAF,KAAA,CAAMG,cAAA,CAAe;UACrBV,YAAA,CAAa;QACf,WAAWO,KAAA,CAAMC,GAAA,KAAQ,eAAeD,KAAA,CAAMC,GAAA,KAAQ,WAAW;UAE/DD,KAAA,CAAMG,cAAA,CAAe;UACrBH,KAAA,CAAMI,eAAA,CAAgB;UACtB,MAAMC,SAAA,GAAY/C,OAAA,EAASwB,OAAA,CAAQwB,MAAA,IAAU;UAC7C,IAAID,SAAA,KAAc,GAAG;UAErB,IAAIE,SAAA;UACJ,IAAIP,KAAA,CAAMC,GAAA,KAAQ,aAAa;YAC7BM,SAAA,GAAYrD,KAAA,GAAQ,KAAKmD,SAAA,GAAY,IAAInD,KAAA,GAAQ;UACnD,OAAO;YACLqD,SAAA,GAAYrD,KAAA,GAAQ,IAAI,IAAImD,SAAA,GAAY,IAAInD,KAAA,GAAQ;UACtD;UAEAoB,kBAAA,GAAqBiC,SAAS;QAChC,OAAO;UACL1C,cAAA,CAAgBiB,OAAA,GAAU;QAC5B;MACF;MAEA0B,QAAA,EAAU;QACR,IAAI3C,cAAA,CAAgBiB,OAAA,EAAS;UAC3BW,YAAA,CAAa;QACf;MACF;MAEAgB,UAAA,EAAY;QACV,IAAI,CAAC7C,eAAA,CAAiBkB,OAAA,EAAS;UAE7BlB,eAAA,CAAiBkB,OAAA,GAAU;UAC3BjB,cAAA,CAAgBiB,OAAA,GAAU;UAC1B;QACF;QAEA,IAAIjB,cAAA,CAAgBiB,OAAA,EAAS;UAC3BW,YAAA,CAAa;QACf;QAIAiB,YAAA,CAAa3C,gBAAA,CAAkBe,OAAO;QACtCf,gBAAA,CAAkBe,OAAA,GAAU6B,UAAA,CAAW,MAAM;UAC3C9C,cAAA,CAAgBiB,OAAA,GAAU;QAC5B,CAAC;MACH;IACF,CAAC,IACD;MACE8B,OAAA,EAASnB;IACX;EACN,GAAG,CAACA,YAAA,EAAcvC,KAAA,EAAOI,OAAA,EAASgB,kBAAkB,CAAC;EAErD,OACE,eAAArC,GAAA,CAACG,yBAAA;IACCS,KAAA;IACAC,KAAA;IACAoC,MAAA,EAAQA,MAAA,IAAU;IAClBX,UAAA;IAECsC,QAAA,EAAA3C,qBAAA,GACC,eAAAjC,GAAA,CAAC;MAAOa,KAAA;MAAe+D,QAAA,EAAAlE,KAAA,CAAMkE;IAAA,CAAS,IAEtC,eAAA5E,GAAA,CAACH,QAAA,CAASU,KAAA,EAAT;MACCsE,MAAA,EAAO;MACPC,aAAA,EAAe7E,SAAA;MACf8E,GAAA,EAAKxB,YAAA;MACLyB,IAAA,EAAK;MACL,mBAAiB/B,MAAA;MACjB,iBAAeX,UAAA;MACf,cAAYA,UAAA,GAAa,WAAW;MACpC,iBAAexB,QAAA,IAAY;MAC3B,iBAAeA,QAAA,GAAW,KAAK;MAC/BmE,QAAA,EAAUnE,QAAA,GAAW,SAAY;MAChC,IAAI,CAACJ,KAAA,CAAMwE,QAAA,IAAY;QACtBC,MAAA,EAAQ;QACRjD,IAAA;QACAkD,aAAA,EAAe;QACfC,MAAA,EAAQ;QAERC,UAAA,EAAY;UACVC,eAAA,EAAiB;QACnB;QAEAC,UAAA,EAAY;UACVD,eAAA,EAAiB;QACnB;QAEAE,UAAA,EAAY;UACVF,eAAA,EAAiB;QACnB;QAEAG,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;QAChB;MACF;MACC,GAAG3E,SAAA;MACH,GAAGuC;IAAA,CACN;EAAA,CAEJ;AAEJ,GACA;EACEqC,YAAA,EAAc;AAChB,CACF","ignoreList":[]}
|