@tamagui/select 1.93.3 → 1.94.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/SelectImpl.js +3 -3
- package/dist/cjs/SelectImpl.js.map +1 -1
- package/dist/cjs/SelectViewport.js +3 -5
- package/dist/cjs/SelectViewport.js.map +1 -1
- package/dist/esm/SelectImpl.js +3 -3
- package/dist/esm/SelectImpl.js.map +1 -1
- package/dist/esm/SelectImpl.mjs +40 -39
- package/dist/esm/SelectViewport.js +3 -5
- package/dist/esm/SelectViewport.js.map +1 -1
- package/dist/esm/SelectViewport.mjs +3 -11
- package/dist/jsx/SelectImpl.js +3 -3
- package/dist/jsx/SelectImpl.js.map +1 -1
- package/dist/jsx/SelectImpl.mjs +40 -39
- package/dist/jsx/SelectViewport.js +3 -5
- package/dist/jsx/SelectViewport.js.map +1 -1
- package/dist/jsx/SelectViewport.mjs +3 -11
- package/package.json +23 -23
- package/src/SelectImpl.tsx +11 -9
- package/src/SelectViewport.tsx +2 -7
- package/types/SelectImpl.d.ts.map +1 -1
- package/types/SelectViewport.d.ts.map +1 -1
package/dist/cjs/SelectImpl.js
CHANGED
|
@@ -83,14 +83,14 @@ const SelectInlineImpl = (props) => {
|
|
|
83
83
|
}),
|
|
84
84
|
(0, import_react.offset)({ crossAxis: -5 })
|
|
85
85
|
]
|
|
86
|
-
});
|
|
86
|
+
}), floatingRef = refs.floating, showUpArrow = open && scrollTop > import_constants2.SCROLL_ARROW_THRESHOLD, showDownArrow = open && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - import_constants2.SCROLL_ARROW_THRESHOLD, isScrollable = showDownArrow || showUpArrow;
|
|
87
87
|
(0, import_constants.useIsomorphicLayoutEffect)(() => (window.addEventListener("resize", update), open && update(), () => window.removeEventListener("resize", update)), [update, open]);
|
|
88
|
-
const
|
|
88
|
+
const onMatch = (0, import_core.useEvent)((index) => (open ? setActiveIndex : setSelectedIndex)(index)), interactionsProps = [
|
|
89
89
|
(0, import_react.useClick)(context, { event: "mousedown", keyboardHandlers: !1 }),
|
|
90
90
|
(0, import_react.useDismiss)(context, { outsidePress: !1 }),
|
|
91
91
|
(0, import_react.useRole)(context, { role: "listbox" }),
|
|
92
92
|
(0, import_react.useInnerOffset)(context, {
|
|
93
|
-
enabled: !fallback,
|
|
93
|
+
enabled: !fallback && isScrollable,
|
|
94
94
|
onChange: setInnerOffset,
|
|
95
95
|
overflowRef,
|
|
96
96
|
scrollRef: refs.floating
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectImpl.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAeO,+BACP,mBAA2D,+BAC3D,cAA2C,0BAC3C,QAAuB,2BACvB,mBAA0B,sBAE1BA,oBAAuD,wBACvD,iBAKO,
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["import_constants", "props"]
|
|
6
6
|
}
|
|
@@ -68,7 +68,7 @@ const SelectViewportFrame = (0, import_core.styled)(import_stacks.ThemeableStack
|
|
|
68
68
|
} = itemContext.interactions.getFloatingProps(), composedRefs = (0, import_compose_refs.composeRefs)(
|
|
69
69
|
forwardedRef,
|
|
70
70
|
context.floatingContext?.refs.setFloating
|
|
71
|
-
)
|
|
71
|
+
);
|
|
72
72
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
|
|
73
73
|
!disableScroll && !props.unstyled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
74
74
|
"style",
|
|
@@ -81,14 +81,12 @@ const SelectViewportFrame = (0, import_core.styled)(import_stacks.ThemeableStack
|
|
|
81
81
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_animate_presence.AnimatePresence, { children: context.open ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.FloatingFocusManager, { context: context.floatingContext, modal: !1, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
82
82
|
SelectViewportFrame,
|
|
83
83
|
{
|
|
84
|
-
disableClassName: !0,
|
|
85
84
|
size: itemContext.size,
|
|
86
85
|
role: "presentation",
|
|
87
86
|
...viewportProps,
|
|
88
|
-
...
|
|
89
|
-
...restStyle,
|
|
87
|
+
...style,
|
|
90
88
|
...!props.unstyled && {
|
|
91
|
-
|
|
89
|
+
overflowY: disableScroll ? void 0 : style.overflow ?? "auto"
|
|
92
90
|
},
|
|
93
91
|
ref: composedRefs,
|
|
94
92
|
children
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectViewport.tsx"],
|
|
4
|
-
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC,+BACrC,0BAAgC,sCAChC,sBAA4B,kCAC5B,mBAAiD,+BACjD,cAA6B,0BAC7B,gBAA2B,4BAC3B,gBAA+B,4BAE/BA,oBAA8B,wBAC9B,iBAIO,sBAEP,mCAA0C,wCAiD7B;AA3CN,MAAM,0BAAsB,oBAAO,8BAAgB;AAAA,EACxD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,OACjB;AAAA,QACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,MACtC;AAAA,IAEJ;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEY,iBAAiB,oBAAoB;AAAA,EAChD,SAAwB,OAAyC,cAAc;AAC7E,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI,OAC/D,cAAU,iCAAiB,iCAAe,aAAa,GACvD,kBAAc,2CAA2B,iCAAe,aAAa,GACrE,uBAAmB,4DAA0B,QAAQ,eAAe;AAQ1E,YANA,4CAA0B,MAAM;AAC9B,MAAI,QAAQ,UACV,QAAQ,OAAO;AAAA,IAEnB,GAAG,CAAC,gBAAgB,CAAC,GAEjB,YAAY;AACd,aAAO,2EAAG,UAAS;AAGrB,QAAI,oBAAoB,CAAC;AACvB,aACE,4CAAC,4BAAW,UAAU,GAAG,QAAQ,QAAQ,iBACvC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH,GACF;AAIJ,QAAI,CAAC,YAAY;AACf,aAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ,KAAK,+DAA+D,GAGvE;AAGT,UAAM;AAAA,MACJ;AAAA;AAAA,MAEA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,YAAY,aAAa,iBAAiB,GAExC,mBAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC,+BACrC,0BAAgC,sCAChC,sBAA4B,kCAC5B,mBAAiD,+BACjD,cAA6B,0BAC7B,gBAA2B,4BAC3B,gBAA+B,4BAE/BA,oBAA8B,wBAC9B,iBAIO,sBAEP,mCAA0C,wCAiD7B;AA3CN,MAAM,0BAAsB,oBAAO,8BAAgB;AAAA,EACxD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,OACjB;AAAA,QACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,MACtC;AAAA,IAEJ;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEY,iBAAiB,oBAAoB;AAAA,EAChD,SAAwB,OAAyC,cAAc;AAC7E,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI,OAC/D,cAAU,iCAAiB,iCAAe,aAAa,GACvD,kBAAc,2CAA2B,iCAAe,aAAa,GACrE,uBAAmB,4DAA0B,QAAQ,eAAe;AAQ1E,YANA,4CAA0B,MAAM;AAC9B,MAAI,QAAQ,UACV,QAAQ,OAAO;AAAA,IAEnB,GAAG,CAAC,gBAAgB,CAAC,GAEjB,YAAY;AACd,aAAO,2EAAG,UAAS;AAGrB,QAAI,oBAAoB,CAAC;AACvB,aACE,4CAAC,4BAAW,UAAU,GAAG,QAAQ,QAAQ,iBACvC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH,GACF;AAIJ,QAAI,CAAC,YAAY;AACf,aAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ,KAAK,+DAA+D,GAGvE;AAGT,UAAM;AAAA,MACJ;AAAA;AAAA,MAEA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,YAAY,aAAa,iBAAiB,GAExC,mBAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAEA,WACE,4EACG;AAAA,OAAC,iBAAiB,CAAC,MAAM,YACxB;AAAA,QAAC;AAAA;AAAA,UACC,yBAAyB;AAAA,YACvB,QAAQ;AAAA,UACV;AAAA;AAAA,MACF;AAAA,MAEF,4CAAC,2CACE,kBAAQ,OACP,4CAAC,qCAAqB,SAAS,QAAQ,iBAAkB,OAAO,IAC9D;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,YAAY;AAAA,UAClB,MAAK;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAI,CAAC,MAAM,YAAY;AAAA,YACtB,WAAW,gBAAgB,SAAY,MAAM,YAAY;AAAA,UAC3D;AAAA,UACA,KAAK;AAAA,UAEJ;AAAA;AAAA,QAVG;AAAA,MAWN,GACF,IACE,MACN;AAAA,MAGC,CAAC,QAAQ,QAAQ,4CAAC,SAAI,OAAO,EAAE,SAAS,OAAO,GAAI,gBAAM,UAAS;AAAA,OACrE;AAAA,EAEJ;AACF,GAEM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
5
5
|
"names": ["import_constants"]
|
|
6
6
|
}
|
package/dist/esm/SelectImpl.js
CHANGED
|
@@ -81,14 +81,14 @@ const SelectInlineImpl = (props) => {
|
|
|
81
81
|
}),
|
|
82
82
|
offset({ crossAxis: -5 })
|
|
83
83
|
]
|
|
84
|
-
});
|
|
84
|
+
}), floatingRef = refs.floating, showUpArrow = open && scrollTop > SCROLL_ARROW_THRESHOLD, showDownArrow = open && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - SCROLL_ARROW_THRESHOLD, isScrollable = showDownArrow || showUpArrow;
|
|
85
85
|
useIsomorphicLayoutEffect(() => (window.addEventListener("resize", update), open && update(), () => window.removeEventListener("resize", update)), [update, open]);
|
|
86
|
-
const
|
|
86
|
+
const onMatch = useEvent((index) => (open ? setActiveIndex : setSelectedIndex)(index)), interactionsProps = [
|
|
87
87
|
useClick(context, { event: "mousedown", keyboardHandlers: !1 }),
|
|
88
88
|
useDismiss(context, { outsidePress: !1 }),
|
|
89
89
|
useRole(context, { role: "listbox" }),
|
|
90
90
|
useInnerOffset(context, {
|
|
91
|
-
enabled: !fallback,
|
|
91
|
+
enabled: !fallback && isScrollable,
|
|
92
92
|
onChange: setInnerOffset,
|
|
93
93
|
overflowRef,
|
|
94
94
|
scrollRef: refs.floating
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectImpl.tsx"],
|
|
4
|
-
"mappings": "AACA;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU,OAAO,iCAAiC;AAC3D,SAAS,UAAU,wBAAwB;AAC3C,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAE1B,SAAS,8BAA8C;AACvD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["props"]
|
|
6
6
|
}
|
package/dist/esm/SelectImpl.mjs
CHANGED
|
@@ -57,48 +57,49 @@ const SelectInlineImpl = props => {
|
|
|
57
57
|
};
|
|
58
58
|
}, [open]);
|
|
59
59
|
const {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
60
|
+
x,
|
|
61
|
+
y,
|
|
62
|
+
strategy,
|
|
63
|
+
context,
|
|
64
|
+
refs,
|
|
65
|
+
update
|
|
66
|
+
} = useFloating({
|
|
67
|
+
open,
|
|
68
|
+
onOpenChange: setOpen,
|
|
69
|
+
placement: "bottom-start",
|
|
70
|
+
whileElementsMounted: autoUpdate,
|
|
71
|
+
// biome-ignore lint/correctness/noConstantCondition: <explanation>
|
|
72
|
+
middleware: [size({
|
|
73
|
+
apply({
|
|
74
|
+
rects: {
|
|
75
|
+
reference: {
|
|
76
|
+
width
|
|
77
|
+
}
|
|
77
78
|
}
|
|
79
|
+
}) {
|
|
80
|
+
Object.assign(floatingStyle.current, {
|
|
81
|
+
minWidth: width + 8
|
|
82
|
+
}), refs.floating.current && Object.assign(refs.floating.current.style, floatingStyle.current);
|
|
78
83
|
}
|
|
79
|
-
}) {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
offset
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
}), offset({
|
|
94
|
-
crossAxis: -5
|
|
95
|
-
})]
|
|
96
|
-
});
|
|
97
|
-
useIsomorphicLayoutEffect(() => (window.addEventListener("resize", update), open && update(), () => window.removeEventListener("resize", update)), [update, open]);
|
|
98
|
-
const floatingRef = refs.floating,
|
|
84
|
+
}), inner({
|
|
85
|
+
listRef: listItemsRef,
|
|
86
|
+
overflowRef,
|
|
87
|
+
index: selectedIndex,
|
|
88
|
+
offset: innerOffset,
|
|
89
|
+
onFallbackChange: setFallback,
|
|
90
|
+
padding: 10,
|
|
91
|
+
minItemsVisible: touch ? 10 : 4,
|
|
92
|
+
referenceOverflowThreshold: 20
|
|
93
|
+
}), offset({
|
|
94
|
+
crossAxis: -5
|
|
95
|
+
})]
|
|
96
|
+
}),
|
|
97
|
+
floatingRef = refs.floating,
|
|
99
98
|
showUpArrow = open && scrollTop > SCROLL_ARROW_THRESHOLD,
|
|
100
99
|
showDownArrow = open && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - SCROLL_ARROW_THRESHOLD,
|
|
101
|
-
|
|
100
|
+
isScrollable = showDownArrow || showUpArrow;
|
|
101
|
+
useIsomorphicLayoutEffect(() => (window.addEventListener("resize", update), open && update(), () => window.removeEventListener("resize", update)), [update, open]);
|
|
102
|
+
const onMatch = useEvent(index => (open ? setActiveIndex : setSelectedIndex)(index)),
|
|
102
103
|
interactionsProps = [useClick(context, {
|
|
103
104
|
event: "mousedown",
|
|
104
105
|
keyboardHandlers: !1
|
|
@@ -107,7 +108,7 @@ const SelectInlineImpl = props => {
|
|
|
107
108
|
}), useRole(context, {
|
|
108
109
|
role: "listbox"
|
|
109
110
|
}), useInnerOffset(context, {
|
|
110
|
-
enabled: !fallback,
|
|
111
|
+
enabled: !fallback && isScrollable,
|
|
111
112
|
onChange: setInnerOffset,
|
|
112
113
|
overflowRef,
|
|
113
114
|
scrollRef: refs.floating
|
|
@@ -62,7 +62,7 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
62
62
|
} = itemContext.interactions.getFloatingProps(), composedRefs = composeRefs(
|
|
63
63
|
forwardedRef,
|
|
64
64
|
context.floatingContext?.refs.setFloating
|
|
65
|
-
)
|
|
65
|
+
);
|
|
66
66
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
67
67
|
!disableScroll && !props.unstyled && /* @__PURE__ */ jsx(
|
|
68
68
|
"style",
|
|
@@ -75,14 +75,12 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
75
75
|
/* @__PURE__ */ jsx(AnimatePresence, { children: context.open ? /* @__PURE__ */ jsx(FloatingFocusManager, { context: context.floatingContext, modal: !1, children: /* @__PURE__ */ jsx(
|
|
76
76
|
SelectViewportFrame,
|
|
77
77
|
{
|
|
78
|
-
disableClassName: !0,
|
|
79
78
|
size: itemContext.size,
|
|
80
79
|
role: "presentation",
|
|
81
80
|
...viewportProps,
|
|
82
|
-
...
|
|
83
|
-
...restStyle,
|
|
81
|
+
...style,
|
|
84
82
|
...!props.unstyled && {
|
|
85
|
-
|
|
83
|
+
overflowY: disableScroll ? void 0 : style.overflow ?? "auto"
|
|
86
84
|
},
|
|
87
85
|
ref: composedRefs,
|
|
88
86
|
children
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectViewport.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,OAAO,iCAAiC;AACjD,SAAe,cAAc;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAE/B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iCAAiC;AAiD7B,
|
|
4
|
+
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,OAAO,iCAAiC;AACjD,SAAe,cAAc;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAE/B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iCAAiC;AAiD7B,wBAsCP,YAtCO;AA3CN,MAAM,sBAAsB,OAAO,gBAAgB;AAAA,EACxD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,OACjB;AAAA,QACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,MACtC;AAAA,IAEJ;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEY,iBAAiB,oBAAoB;AAAA,EAChD,SAAwB,OAAyC,cAAc;AAC7E,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI,OAC/D,UAAU,iBAAiB,eAAe,aAAa,GACvD,cAAc,2BAA2B,eAAe,aAAa,GACrE,mBAAmB,0BAA0B,QAAQ,eAAe;AAQ1E,QANA,0BAA0B,MAAM;AAC9B,MAAI,QAAQ,UACV,QAAQ,OAAO;AAAA,IAEnB,GAAG,CAAC,gBAAgB,CAAC,GAEjB,YAAY;AACd,aAAO,gCAAG,UAAS;AAGrB,QAAI,oBAAoB,CAAC;AACvB,aACE,oBAAC,cAAW,UAAU,GAAG,QAAQ,QAAQ,iBACvC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH,GACF;AAIJ,QAAI,CAAC,YAAY;AACf,aAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ,KAAK,+DAA+D,GAGvE;AAGT,UAAM;AAAA,MACJ;AAAA;AAAA,MAEA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,YAAY,aAAa,iBAAiB,GAExC,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAEA,WACE,iCACG;AAAA,OAAC,iBAAiB,CAAC,MAAM,YACxB;AAAA,QAAC;AAAA;AAAA,UACC,yBAAyB;AAAA,YACvB,QAAQ;AAAA,UACV;AAAA;AAAA,MACF;AAAA,MAEF,oBAAC,mBACE,kBAAQ,OACP,oBAAC,wBAAqB,SAAS,QAAQ,iBAAkB,OAAO,IAC9D;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,YAAY;AAAA,UAClB,MAAK;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAI,CAAC,MAAM,YAAY;AAAA,YACtB,WAAW,gBAAgB,SAAY,MAAM,YAAY;AAAA,UAC3D;AAAA,UACA,KAAK;AAAA,UAEJ;AAAA;AAAA,QAVG;AAAA,MAWN,GACF,IACE,MACN;AAAA,MAGC,CAAC,QAAQ,QAAQ,oBAAC,SAAI,OAAO,EAAE,SAAS,OAAO,GAAI,gBAAM,UAAS;AAAA,OACrE;AAAA,EAEJ;AACF,GAEM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -65,13 +65,7 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
65
65
|
className,
|
|
66
66
|
...floatingProps
|
|
67
67
|
} = itemContext.interactions.getFloatingProps(),
|
|
68
|
-
composedRefs = composeRefs(forwardedRef, context.floatingContext?.refs.setFloating)
|
|
69
|
-
{
|
|
70
|
-
scrollbarWidth,
|
|
71
|
-
listStyleType,
|
|
72
|
-
overflow,
|
|
73
|
-
...restStyle
|
|
74
|
-
} = style;
|
|
68
|
+
composedRefs = composeRefs(forwardedRef, context.floatingContext?.refs.setFloating);
|
|
75
69
|
return /* @__PURE__ */jsxs(Fragment, {
|
|
76
70
|
children: [!disableScroll && !props.unstyled && /* @__PURE__ */jsx("style", {
|
|
77
71
|
dangerouslySetInnerHTML: {
|
|
@@ -82,14 +76,12 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
82
76
|
context: context.floatingContext,
|
|
83
77
|
modal: !1,
|
|
84
78
|
children: /* @__PURE__ */jsx(SelectViewportFrame, {
|
|
85
|
-
disableClassName: !0,
|
|
86
79
|
size: itemContext.size,
|
|
87
80
|
role: "presentation",
|
|
88
81
|
...viewportProps,
|
|
89
|
-
...
|
|
90
|
-
...restStyle,
|
|
82
|
+
...style,
|
|
91
83
|
...(!props.unstyled && {
|
|
92
|
-
|
|
84
|
+
overflowY: disableScroll ? void 0 : style.overflow ?? "auto"
|
|
93
85
|
}),
|
|
94
86
|
ref: composedRefs,
|
|
95
87
|
children
|
package/dist/jsx/SelectImpl.js
CHANGED
|
@@ -81,14 +81,14 @@ const SelectInlineImpl = (props) => {
|
|
|
81
81
|
}),
|
|
82
82
|
offset({ crossAxis: -5 })
|
|
83
83
|
]
|
|
84
|
-
});
|
|
84
|
+
}), floatingRef = refs.floating, showUpArrow = open && scrollTop > SCROLL_ARROW_THRESHOLD, showDownArrow = open && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - SCROLL_ARROW_THRESHOLD, isScrollable = showDownArrow || showUpArrow;
|
|
85
85
|
useIsomorphicLayoutEffect(() => (window.addEventListener("resize", update), open && update(), () => window.removeEventListener("resize", update)), [update, open]);
|
|
86
|
-
const
|
|
86
|
+
const onMatch = useEvent((index) => (open ? setActiveIndex : setSelectedIndex)(index)), interactionsProps = [
|
|
87
87
|
useClick(context, { event: "mousedown", keyboardHandlers: !1 }),
|
|
88
88
|
useDismiss(context, { outsidePress: !1 }),
|
|
89
89
|
useRole(context, { role: "listbox" }),
|
|
90
90
|
useInnerOffset(context, {
|
|
91
|
-
enabled: !fallback,
|
|
91
|
+
enabled: !fallback && isScrollable,
|
|
92
92
|
onChange: setInnerOffset,
|
|
93
93
|
overflowRef,
|
|
94
94
|
scrollRef: refs.floating
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectImpl.tsx"],
|
|
4
|
-
"mappings": "AACA;AAAA,EACE;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,UAAU,OAAO,iCAAiC;AAC3D,SAAS,UAAU,wBAAwB;AAC3C,YAAY,WAAW;AACvB,SAAS,iBAAiB;AAE1B,SAAS,8BAA8C;AACvD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["props"]
|
|
6
6
|
}
|
package/dist/jsx/SelectImpl.mjs
CHANGED
|
@@ -57,48 +57,49 @@ const SelectInlineImpl = props => {
|
|
|
57
57
|
};
|
|
58
58
|
}, [open]);
|
|
59
59
|
const {
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
60
|
+
x,
|
|
61
|
+
y,
|
|
62
|
+
strategy,
|
|
63
|
+
context,
|
|
64
|
+
refs,
|
|
65
|
+
update
|
|
66
|
+
} = useFloating({
|
|
67
|
+
open,
|
|
68
|
+
onOpenChange: setOpen,
|
|
69
|
+
placement: "bottom-start",
|
|
70
|
+
whileElementsMounted: autoUpdate,
|
|
71
|
+
// biome-ignore lint/correctness/noConstantCondition: <explanation>
|
|
72
|
+
middleware: [size({
|
|
73
|
+
apply({
|
|
74
|
+
rects: {
|
|
75
|
+
reference: {
|
|
76
|
+
width
|
|
77
|
+
}
|
|
77
78
|
}
|
|
79
|
+
}) {
|
|
80
|
+
Object.assign(floatingStyle.current, {
|
|
81
|
+
minWidth: width + 8
|
|
82
|
+
}), refs.floating.current && Object.assign(refs.floating.current.style, floatingStyle.current);
|
|
78
83
|
}
|
|
79
|
-
}) {
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
offset
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
}), offset({
|
|
94
|
-
crossAxis: -5
|
|
95
|
-
})]
|
|
96
|
-
});
|
|
97
|
-
useIsomorphicLayoutEffect(() => (window.addEventListener("resize", update), open && update(), () => window.removeEventListener("resize", update)), [update, open]);
|
|
98
|
-
const floatingRef = refs.floating,
|
|
84
|
+
}), inner({
|
|
85
|
+
listRef: listItemsRef,
|
|
86
|
+
overflowRef,
|
|
87
|
+
index: selectedIndex,
|
|
88
|
+
offset: innerOffset,
|
|
89
|
+
onFallbackChange: setFallback,
|
|
90
|
+
padding: 10,
|
|
91
|
+
minItemsVisible: touch ? 10 : 4,
|
|
92
|
+
referenceOverflowThreshold: 20
|
|
93
|
+
}), offset({
|
|
94
|
+
crossAxis: -5
|
|
95
|
+
})]
|
|
96
|
+
}),
|
|
97
|
+
floatingRef = refs.floating,
|
|
99
98
|
showUpArrow = open && scrollTop > SCROLL_ARROW_THRESHOLD,
|
|
100
99
|
showDownArrow = open && floatingRef.current && scrollTop < floatingRef.current.scrollHeight - floatingRef.current.clientHeight - SCROLL_ARROW_THRESHOLD,
|
|
101
|
-
|
|
100
|
+
isScrollable = showDownArrow || showUpArrow;
|
|
101
|
+
useIsomorphicLayoutEffect(() => (window.addEventListener("resize", update), open && update(), () => window.removeEventListener("resize", update)), [update, open]);
|
|
102
|
+
const onMatch = useEvent(index => (open ? setActiveIndex : setSelectedIndex)(index)),
|
|
102
103
|
interactionsProps = [useClick(context, {
|
|
103
104
|
event: "mousedown",
|
|
104
105
|
keyboardHandlers: !1
|
|
@@ -107,7 +108,7 @@ const SelectInlineImpl = props => {
|
|
|
107
108
|
}), useRole(context, {
|
|
108
109
|
role: "listbox"
|
|
109
110
|
}), useInnerOffset(context, {
|
|
110
|
-
enabled: !fallback,
|
|
111
|
+
enabled: !fallback && isScrollable,
|
|
111
112
|
onChange: setInnerOffset,
|
|
112
113
|
overflowRef,
|
|
113
114
|
scrollRef: refs.floating
|
|
@@ -62,7 +62,7 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
62
62
|
} = itemContext.interactions.getFloatingProps(), composedRefs = composeRefs(
|
|
63
63
|
forwardedRef,
|
|
64
64
|
context.floatingContext?.refs.setFloating
|
|
65
|
-
)
|
|
65
|
+
);
|
|
66
66
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
67
67
|
!disableScroll && !props.unstyled && /* @__PURE__ */ jsx(
|
|
68
68
|
"style",
|
|
@@ -75,14 +75,12 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
75
75
|
/* @__PURE__ */ jsx(AnimatePresence, { children: context.open ? /* @__PURE__ */ jsx(FloatingFocusManager, { context: context.floatingContext, modal: !1, children: /* @__PURE__ */ jsx(
|
|
76
76
|
SelectViewportFrame,
|
|
77
77
|
{
|
|
78
|
-
disableClassName: !0,
|
|
79
78
|
size: itemContext.size,
|
|
80
79
|
role: "presentation",
|
|
81
80
|
...viewportProps,
|
|
82
|
-
...
|
|
83
|
-
...restStyle,
|
|
81
|
+
...style,
|
|
84
82
|
...!props.unstyled && {
|
|
85
|
-
|
|
83
|
+
overflowY: disableScroll ? void 0 : style.overflow ?? "auto"
|
|
86
84
|
},
|
|
87
85
|
ref: composedRefs,
|
|
88
86
|
children
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectViewport.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,OAAO,iCAAiC;AACjD,SAAe,cAAc;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAE/B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iCAAiC;AAiD7B,
|
|
4
|
+
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,OAAO,iCAAiC;AACjD,SAAe,cAAc;AAC7B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAE/B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,iCAAiC;AAiD7B,wBAsCP,YAtCO;AA3CN,MAAM,sBAAsB,OAAO,gBAAgB;AAAA,EACxD,MAAM;AAAA,EAEN,UAAU;AAAA,IACR,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAc;AAAA,MAChB;AAAA,IACF;AAAA,IAEA,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,OACjB;AAAA,QACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,MACtC;AAAA,IAEJ;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU,QAAQ,IAAI,qBAAqB;AAAA,EAC7C;AACF,CAAC,GAEY,iBAAiB,oBAAoB;AAAA,EAChD,SAAwB,OAAyC,cAAc;AAC7E,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI,OAC/D,UAAU,iBAAiB,eAAe,aAAa,GACvD,cAAc,2BAA2B,eAAe,aAAa,GACrE,mBAAmB,0BAA0B,QAAQ,eAAe;AAQ1E,QANA,0BAA0B,MAAM;AAC9B,MAAI,QAAQ,UACV,QAAQ,OAAO;AAAA,IAEnB,GAAG,CAAC,gBAAgB,CAAC,GAEjB,YAAY;AACd,aAAO,gCAAG,UAAS;AAGrB,QAAI,oBAAoB,CAAC;AACvB,aACE,oBAAC,cAAW,UAAU,GAAG,QAAQ,QAAQ,iBACvC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UAEC;AAAA;AAAA,MACH,GACF;AAIJ,QAAI,CAAC,YAAY;AACf,aAAI,QAAQ,IAAI,aAAa,iBAC3B,QAAQ,KAAK,+DAA+D,GAGvE;AAGT,UAAM;AAAA,MACJ;AAAA;AAAA,MAEA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,YAAY,aAAa,iBAAiB,GAExC,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAEA,WACE,iCACG;AAAA,OAAC,iBAAiB,CAAC,MAAM,YACxB;AAAA,QAAC;AAAA;AAAA,UACC,yBAAyB;AAAA,YACvB,QAAQ;AAAA,UACV;AAAA;AAAA,MACF;AAAA,MAEF,oBAAC,mBACE,kBAAQ,OACP,oBAAC,wBAAqB,SAAS,QAAQ,iBAAkB,OAAO,IAC9D;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM,YAAY;AAAA,UAClB,MAAK;AAAA,UACJ,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAI,CAAC,MAAM,YAAY;AAAA,YACtB,WAAW,gBAAgB,SAAY,MAAM,YAAY;AAAA,UAC3D;AAAA,UACA,KAAK;AAAA,UAEJ;AAAA;AAAA,QAVG;AAAA,MAWN,GACF,IACE,MACN;AAAA,MAGC,CAAC,QAAQ,QAAQ,oBAAC,SAAI,OAAO,EAAE,SAAS,OAAO,GAAI,gBAAM,UAAS;AAAA,OACrE;AAAA,EAEJ;AACF,GAEM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -65,13 +65,7 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
65
65
|
className,
|
|
66
66
|
...floatingProps
|
|
67
67
|
} = itemContext.interactions.getFloatingProps(),
|
|
68
|
-
composedRefs = composeRefs(forwardedRef, context.floatingContext?.refs.setFloating)
|
|
69
|
-
{
|
|
70
|
-
scrollbarWidth,
|
|
71
|
-
listStyleType,
|
|
72
|
-
overflow,
|
|
73
|
-
...restStyle
|
|
74
|
-
} = style;
|
|
68
|
+
composedRefs = composeRefs(forwardedRef, context.floatingContext?.refs.setFloating);
|
|
75
69
|
return /* @__PURE__ */jsxs(Fragment, {
|
|
76
70
|
children: [!disableScroll && !props.unstyled && /* @__PURE__ */jsx("style", {
|
|
77
71
|
dangerouslySetInnerHTML: {
|
|
@@ -82,14 +76,12 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
82
76
|
context: context.floatingContext,
|
|
83
77
|
modal: !1,
|
|
84
78
|
children: /* @__PURE__ */jsx(SelectViewportFrame, {
|
|
85
|
-
disableClassName: !0,
|
|
86
79
|
size: itemContext.size,
|
|
87
80
|
role: "presentation",
|
|
88
81
|
...viewportProps,
|
|
89
|
-
...
|
|
90
|
-
...restStyle,
|
|
82
|
+
...style,
|
|
91
83
|
...(!props.unstyled && {
|
|
92
|
-
|
|
84
|
+
overflowY: disableScroll ? void 0 : style.overflow ?? "auto"
|
|
93
85
|
}),
|
|
94
86
|
ref: composedRefs,
|
|
95
87
|
children
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/select",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.94.1",
|
|
4
4
|
"removeSideEffects": "true",
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -33,27 +33,27 @@
|
|
|
33
33
|
"@floating-ui/react": "^0.26.6",
|
|
34
34
|
"@floating-ui/react-dom": "^2.0.6",
|
|
35
35
|
"@floating-ui/react-native": "^0.10.3",
|
|
36
|
-
"@tamagui/adapt": "1.
|
|
37
|
-
"@tamagui/animate-presence": "1.
|
|
38
|
-
"@tamagui/compose-refs": "1.
|
|
39
|
-
"@tamagui/constants": "1.
|
|
40
|
-
"@tamagui/core": "1.
|
|
41
|
-
"@tamagui/create-context": "1.
|
|
42
|
-
"@tamagui/dismissable": "1.
|
|
43
|
-
"@tamagui/focus-scope": "1.
|
|
44
|
-
"@tamagui/get-token": "1.
|
|
45
|
-
"@tamagui/helpers": "1.
|
|
46
|
-
"@tamagui/list-item": "1.
|
|
47
|
-
"@tamagui/portal": "1.
|
|
48
|
-
"@tamagui/remove-scroll": "1.
|
|
49
|
-
"@tamagui/separator": "1.
|
|
50
|
-
"@tamagui/sheet": "1.
|
|
51
|
-
"@tamagui/stacks": "1.
|
|
52
|
-
"@tamagui/text": "1.
|
|
53
|
-
"@tamagui/use-controllable-state": "1.
|
|
54
|
-
"@tamagui/use-debounce": "1.
|
|
55
|
-
"@tamagui/use-event": "1.
|
|
56
|
-
"@tamagui/use-previous": "1.
|
|
36
|
+
"@tamagui/adapt": "1.94.1",
|
|
37
|
+
"@tamagui/animate-presence": "1.94.1",
|
|
38
|
+
"@tamagui/compose-refs": "1.94.1",
|
|
39
|
+
"@tamagui/constants": "1.94.1",
|
|
40
|
+
"@tamagui/core": "1.94.1",
|
|
41
|
+
"@tamagui/create-context": "1.94.1",
|
|
42
|
+
"@tamagui/dismissable": "1.94.1",
|
|
43
|
+
"@tamagui/focus-scope": "1.94.1",
|
|
44
|
+
"@tamagui/get-token": "1.94.1",
|
|
45
|
+
"@tamagui/helpers": "1.94.1",
|
|
46
|
+
"@tamagui/list-item": "1.94.1",
|
|
47
|
+
"@tamagui/portal": "1.94.1",
|
|
48
|
+
"@tamagui/remove-scroll": "1.94.1",
|
|
49
|
+
"@tamagui/separator": "1.94.1",
|
|
50
|
+
"@tamagui/sheet": "1.94.1",
|
|
51
|
+
"@tamagui/stacks": "1.94.1",
|
|
52
|
+
"@tamagui/text": "1.94.1",
|
|
53
|
+
"@tamagui/use-controllable-state": "1.94.1",
|
|
54
|
+
"@tamagui/use-debounce": "1.94.1",
|
|
55
|
+
"@tamagui/use-event": "1.94.1",
|
|
56
|
+
"@tamagui/use-previous": "1.94.1",
|
|
57
57
|
"react-dom": "^18.2.0"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"react-native": "*"
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
|
-
"@tamagui/build": "1.
|
|
64
|
+
"@tamagui/build": "1.94.1",
|
|
65
65
|
"react": "^18.2.0",
|
|
66
66
|
"react-native": "^0.73.4"
|
|
67
67
|
},
|
package/src/SelectImpl.tsx
CHANGED
|
@@ -154,14 +154,6 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
|
|
|
154
154
|
],
|
|
155
155
|
})
|
|
156
156
|
|
|
157
|
-
useIsomorphicLayoutEffect(() => {
|
|
158
|
-
window.addEventListener('resize', update)
|
|
159
|
-
if (open) {
|
|
160
|
-
update()
|
|
161
|
-
}
|
|
162
|
-
return () => window.removeEventListener('resize', update)
|
|
163
|
-
}, [update, open])
|
|
164
|
-
|
|
165
157
|
const floatingRef = refs.floating
|
|
166
158
|
|
|
167
159
|
const showUpArrow = open && scrollTop > SCROLL_ARROW_THRESHOLD
|
|
@@ -173,6 +165,16 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
|
|
|
173
165
|
floatingRef.current.clientHeight -
|
|
174
166
|
SCROLL_ARROW_THRESHOLD
|
|
175
167
|
|
|
168
|
+
const isScrollable = showDownArrow || showUpArrow
|
|
169
|
+
|
|
170
|
+
useIsomorphicLayoutEffect(() => {
|
|
171
|
+
window.addEventListener('resize', update)
|
|
172
|
+
if (open) {
|
|
173
|
+
update()
|
|
174
|
+
}
|
|
175
|
+
return () => window.removeEventListener('resize', update)
|
|
176
|
+
}, [update, open])
|
|
177
|
+
|
|
176
178
|
const onMatch = useEvent((index: number) => {
|
|
177
179
|
const fn = open ? setActiveIndex : setSelectedIndex
|
|
178
180
|
return fn(index)
|
|
@@ -183,7 +185,7 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
|
|
|
183
185
|
useDismiss(context, { outsidePress: false }),
|
|
184
186
|
useRole(context, { role: 'listbox' }),
|
|
185
187
|
useInnerOffset(context, {
|
|
186
|
-
enabled: !fallback,
|
|
188
|
+
enabled: !fallback && isScrollable,
|
|
187
189
|
onChange: setInnerOffset,
|
|
188
190
|
overflowRef,
|
|
189
191
|
scrollRef: refs.floating,
|
package/src/SelectViewport.tsx
CHANGED
|
@@ -99,8 +99,6 @@ export const SelectViewport = SelectViewportFrame.styleable<SelectViewportExtraP
|
|
|
99
99
|
context.floatingContext?.refs.setFloating
|
|
100
100
|
)
|
|
101
101
|
|
|
102
|
-
const { scrollbarWidth, listStyleType, overflow, ...restStyle } = style
|
|
103
|
-
|
|
104
102
|
return (
|
|
105
103
|
<>
|
|
106
104
|
{!disableScroll && !props.unstyled && (
|
|
@@ -114,16 +112,13 @@ export const SelectViewport = SelectViewportFrame.styleable<SelectViewportExtraP
|
|
|
114
112
|
{context.open ? (
|
|
115
113
|
<FloatingFocusManager context={context.floatingContext!} modal={false}>
|
|
116
114
|
<SelectViewportFrame
|
|
117
|
-
disableClassName
|
|
118
115
|
key="select-viewport"
|
|
119
116
|
size={itemContext.size}
|
|
120
|
-
// @ts-ignore
|
|
121
117
|
role="presentation"
|
|
122
118
|
{...viewportProps}
|
|
123
|
-
{...
|
|
124
|
-
{...restStyle}
|
|
119
|
+
{...style}
|
|
125
120
|
{...(!props.unstyled && {
|
|
126
|
-
|
|
121
|
+
overflowY: disableScroll ? undefined : style.overflow ?? 'auto',
|
|
127
122
|
})}
|
|
128
123
|
ref={composedRefs}
|
|
129
124
|
>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectImpl.d.ts","sourceRoot":"","sources":["../src/SelectImpl.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,gBAAgB,UAAW,eAAe,
|
|
1
|
+
{"version":3,"file":"SelectImpl.d.ts","sourceRoot":"","sources":["../src/SelectImpl.tsx"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,gBAAgB,UAAW,eAAe,4CAgXtD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectViewport.d.ts","sourceRoot":"","sources":["../src/SelectViewport.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAe,wBAAwB,EAAuB,MAAM,SAAS,CAAA;AAOzF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;8CA2B9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"SelectViewport.d.ts","sourceRoot":"","sources":["../src/SelectViewport.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAe,wBAAwB,EAAuB,MAAM,SAAS,CAAA;AAOzF,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;8CA2B9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8CAqF1B,CAAA"}
|