@tamagui/select 1.125.25 → 1.125.26
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/SelectViewport.cjs +7 -7
- package/dist/cjs/SelectViewport.js +5 -5
- package/dist/cjs/SelectViewport.js.map +1 -1
- package/dist/esm/SelectViewport.js +5 -5
- package/dist/esm/SelectViewport.js.map +1 -1
- package/dist/esm/SelectViewport.mjs +7 -7
- package/dist/esm/SelectViewport.mjs.map +1 -1
- package/dist/jsx/SelectViewport.js +5 -5
- package/dist/jsx/SelectViewport.js.map +1 -1
- package/dist/jsx/SelectViewport.mjs +7 -7
- package/dist/jsx/SelectViewport.mjs.map +1 -1
- package/package.json +23 -23
- package/src/SelectViewport.tsx +5 -5
|
@@ -68,7 +68,8 @@ const SelectViewportFrame = (0, import_core.styled)(import_stacks.ThemeableStack
|
|
|
68
68
|
} = props,
|
|
69
69
|
context = (0, import_context.useSelectContext)(import_constants2.VIEWPORT_NAME, __scopeSelect),
|
|
70
70
|
itemContext = (0, import_context.useSelectItemParentContext)(import_constants2.VIEWPORT_NAME, __scopeSelect),
|
|
71
|
-
isAdapted = (0, import_adapt.useAdaptIsActive)()
|
|
71
|
+
isAdapted = (0, import_adapt.useAdaptIsActive)(),
|
|
72
|
+
composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.floatingContext?.refs.setFloating);
|
|
72
73
|
if ((0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
73
74
|
context.update && context.update();
|
|
74
75
|
}, [isAdapted]), itemContext.shouldRenderWebNative) return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, {
|
|
@@ -84,12 +85,11 @@ const SelectViewportFrame = (0, import_core.styled)(import_stacks.ThemeableStack
|
|
|
84
85
|
});
|
|
85
86
|
if (!itemContext.interactions) return process.env.NODE_ENV === "development" && console.warn("No interactions provided to Select, potentially missing Adapt"), null;
|
|
86
87
|
const {
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
composedRefs = (0, import_compose_refs.useComposedRefs)(forwardedRef, context.floatingContext?.refs.setFloating);
|
|
88
|
+
style,
|
|
89
|
+
// remove this, it was set to "Select" always
|
|
90
|
+
className,
|
|
91
|
+
...floatingProps
|
|
92
|
+
} = itemContext.interactions.getFloatingProps();
|
|
93
93
|
return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
|
|
94
94
|
children: [!disableScroll && !props.unstyled && /* @__PURE__ */(0, import_jsx_runtime.jsx)("style", {
|
|
95
95
|
dangerouslySetInnerHTML: {
|
|
@@ -43,7 +43,10 @@ const SelectViewportFrame = (0, import_core.styled)(import_stacks.ThemeableStack
|
|
|
43
43
|
}
|
|
44
44
|
}), SelectViewport = SelectViewportFrame.styleable(
|
|
45
45
|
function(props, forwardedRef) {
|
|
46
|
-
const { __scopeSelect, children, disableScroll, ...viewportProps } = props, context = (0, import_context.useSelectContext)(import_constants2.VIEWPORT_NAME, __scopeSelect), itemContext = (0, import_context.useSelectItemParentContext)(import_constants2.VIEWPORT_NAME, __scopeSelect), isAdapted = (0, import_adapt.useAdaptIsActive)()
|
|
46
|
+
const { __scopeSelect, children, disableScroll, ...viewportProps } = props, context = (0, import_context.useSelectContext)(import_constants2.VIEWPORT_NAME, __scopeSelect), itemContext = (0, import_context.useSelectItemParentContext)(import_constants2.VIEWPORT_NAME, __scopeSelect), isAdapted = (0, import_adapt.useAdaptIsActive)(), composedRefs = (0, import_compose_refs.useComposedRefs)(
|
|
47
|
+
forwardedRef,
|
|
48
|
+
context.floatingContext?.refs.setFloating
|
|
49
|
+
);
|
|
47
50
|
if ((0, import_constants.useIsomorphicLayoutEffect)(() => {
|
|
48
51
|
context.update && context.update();
|
|
49
52
|
}, [isAdapted]), itemContext.shouldRenderWebNative)
|
|
@@ -65,10 +68,7 @@ const SelectViewportFrame = (0, import_core.styled)(import_stacks.ThemeableStack
|
|
|
65
68
|
// remove this, it was set to "Select" always
|
|
66
69
|
className,
|
|
67
70
|
...floatingProps
|
|
68
|
-
} = itemContext.interactions.getFloatingProps()
|
|
69
|
-
forwardedRef,
|
|
70
|
-
context.floatingContext?.refs.setFloating
|
|
71
|
-
);
|
|
71
|
+
} = itemContext.interactions.getFloatingProps();
|
|
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",
|
|
@@ -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,eAAsD,2BACtD,0BAAgC,sCAChC,sBAAgC,kCAChC,mBAAiD,+BACjD,cAAuB,0BACvB,gBAA+B,4BAC/BA,oBAA8B,wBAC9B,iBAIO,
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAqC,+BACrC,eAAsD,2BACtD,0BAAgC,sCAChC,sBAAgC,kCAChC,mBAAiD,+BACjD,cAAuB,0BACvB,gBAA+B,4BAC/BA,oBAA8B,wBAC9B,iBAIO,sBA4DM;AAhDN,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,OAA+C,cAAc;AACnF,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI,OAC/D,cAAU,iCAAiB,iCAAe,aAAa,GACvD,kBAAc,2CAA2B,iCAAe,aAAa,GACrE,gBAAY,+BAAiB,GAE7B,mBAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAQA,YANA,4CAA0B,MAAM;AAC9B,MAAI,QAAQ,UACV,QAAQ,OAAO;AAAA,IAEnB,GAAG,CAAC,SAAS,CAAC,GAEV,YAAY;AACd,aAAO,2EAAG,UAAS;AAGrB,QAAI,aAAa,CAAC;AAChB,aACE,4CAAC,oCACC;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;AAE9C,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,GAAG;AAAA,UACH,GAAI,CAAC,MAAM,YAAY;AAAA,YACtB,WAAW,gBAAgB,SAAa,MAAM,YAAY;AAAA,UAC5D;AAAA,UACA,KAAK;AAAA,UAEJ;AAAA;AAAA,QAXG;AAAA,MAYN,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
|
}
|
|
@@ -36,7 +36,10 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
36
36
|
}
|
|
37
37
|
}), SelectViewport = SelectViewportFrame.styleable(
|
|
38
38
|
function(props, forwardedRef) {
|
|
39
|
-
const { __scopeSelect, children, disableScroll, ...viewportProps } = props, context = useSelectContext(VIEWPORT_NAME, __scopeSelect), itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect), isAdapted = useAdaptIsActive()
|
|
39
|
+
const { __scopeSelect, children, disableScroll, ...viewportProps } = props, context = useSelectContext(VIEWPORT_NAME, __scopeSelect), itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect), isAdapted = useAdaptIsActive(), composedRefs = useComposedRefs(
|
|
40
|
+
forwardedRef,
|
|
41
|
+
context.floatingContext?.refs.setFloating
|
|
42
|
+
);
|
|
40
43
|
if (useIsomorphicLayoutEffect(() => {
|
|
41
44
|
context.update && context.update();
|
|
42
45
|
}, [isAdapted]), itemContext.shouldRenderWebNative)
|
|
@@ -58,10 +61,7 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
58
61
|
// remove this, it was set to "Select" always
|
|
59
62
|
className,
|
|
60
63
|
...floatingProps
|
|
61
|
-
} = itemContext.interactions.getFloatingProps()
|
|
62
|
-
forwardedRef,
|
|
63
|
-
context.floatingContext?.refs.setFloating
|
|
64
|
-
);
|
|
64
|
+
} = itemContext.interactions.getFloatingProps();
|
|
65
65
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
66
66
|
!disableScroll && !props.unstyled && /* @__PURE__ */ jsx(
|
|
67
67
|
"style",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectViewport.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,qBAAqB,wBAAwB;AACtD,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,OAAO,iCAAiC;AACjD,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;
|
|
4
|
+
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,qBAAqB,wBAAwB;AACtD,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,OAAO,iCAAiC;AACjD,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA4DM,wBAiCP,YAjCO;AAhDN,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,OAA+C,cAAc;AACnF,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI,OAC/D,UAAU,iBAAiB,eAAe,aAAa,GACvD,cAAc,2BAA2B,eAAe,aAAa,GACrE,YAAY,iBAAiB,GAE7B,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAQA,QANA,0BAA0B,MAAM;AAC9B,MAAI,QAAQ,UACV,QAAQ,OAAO;AAAA,IAEnB,GAAG,CAAC,SAAS,CAAC,GAEV,YAAY;AACd,aAAO,gCAAG,UAAS;AAGrB,QAAI,aAAa,CAAC;AAChB,aACE,oBAAC,uBACC;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;AAE9C,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,GAAG;AAAA,UACH,GAAI,CAAC,MAAM,YAAY;AAAA,YACtB,WAAW,gBAAgB,SAAa,MAAM,YAAY;AAAA,UAC5D;AAAA,UACA,KAAK;AAAA,UAEJ;AAAA;AAAA,QAXG;AAAA,MAYN,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
|
}
|
|
@@ -42,7 +42,8 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
42
42
|
} = props,
|
|
43
43
|
context = useSelectContext(VIEWPORT_NAME, __scopeSelect),
|
|
44
44
|
itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect),
|
|
45
|
-
isAdapted = useAdaptIsActive()
|
|
45
|
+
isAdapted = useAdaptIsActive(),
|
|
46
|
+
composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setFloating);
|
|
46
47
|
if (useIsomorphicLayoutEffect(() => {
|
|
47
48
|
context.update && context.update();
|
|
48
49
|
}, [isAdapted]), itemContext.shouldRenderWebNative) return /* @__PURE__ */jsx(Fragment, {
|
|
@@ -58,12 +59,11 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
58
59
|
});
|
|
59
60
|
if (!itemContext.interactions) return process.env.NODE_ENV === "development" && console.warn("No interactions provided to Select, potentially missing Adapt"), null;
|
|
60
61
|
const {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setFloating);
|
|
62
|
+
style,
|
|
63
|
+
// remove this, it was set to "Select" always
|
|
64
|
+
className,
|
|
65
|
+
...floatingProps
|
|
66
|
+
} = itemContext.interactions.getFloatingProps();
|
|
67
67
|
return /* @__PURE__ */jsxs(Fragment, {
|
|
68
68
|
children: [!disableScroll && !props.unstyled && /* @__PURE__ */jsx("style", {
|
|
69
69
|
dangerouslySetInnerHTML: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FloatingFocusManager","AdaptPortalContents","useAdaptIsActive","AnimatePresence","useComposedRefs","isWeb","useIsomorphicLayoutEffect","styled","ThemeableStack","VIEWPORT_NAME","ForwardSelectContext","useSelectContext","useSelectItemParentContext","Fragment","jsx","jsxs","SelectViewportFrame","name","variants","unstyled","false","size","backgroundColor","elevate","bordered","userSelect","outlineWidth","...size","val","tokens","borderRadius","radius","defaultVariants","process","env","TAMAGUI_HEADLESS","SelectViewport","styleable","props","forwardedRef","__scopeSelect","children","disableScroll","viewportProps","context","itemContext","isAdapted","
|
|
1
|
+
{"version":3,"names":["FloatingFocusManager","AdaptPortalContents","useAdaptIsActive","AnimatePresence","useComposedRefs","isWeb","useIsomorphicLayoutEffect","styled","ThemeableStack","VIEWPORT_NAME","ForwardSelectContext","useSelectContext","useSelectItemParentContext","Fragment","jsx","jsxs","SelectViewportFrame","name","variants","unstyled","false","size","backgroundColor","elevate","bordered","userSelect","outlineWidth","...size","val","tokens","borderRadius","radius","defaultVariants","process","env","TAMAGUI_HEADLESS","SelectViewport","styleable","props","forwardedRef","__scopeSelect","children","disableScroll","viewportProps","context","itemContext","isAdapted","composedRefs","floatingContext","refs","setFloating","update","shouldRenderWebNative","interactions","NODE_ENV","console","warn","style","className","floatingProps","getFloatingProps","dangerouslySetInnerHTML","__html","selectViewportCSS","open","modal","role","overflowY","overflow","ref","display"],"sources":["../../src/SelectViewport.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -36,7 +36,10 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
36
36
|
}
|
|
37
37
|
}), SelectViewport = SelectViewportFrame.styleable(
|
|
38
38
|
function(props, forwardedRef) {
|
|
39
|
-
const { __scopeSelect, children, disableScroll, ...viewportProps } = props, context = useSelectContext(VIEWPORT_NAME, __scopeSelect), itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect), isAdapted = useAdaptIsActive()
|
|
39
|
+
const { __scopeSelect, children, disableScroll, ...viewportProps } = props, context = useSelectContext(VIEWPORT_NAME, __scopeSelect), itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect), isAdapted = useAdaptIsActive(), composedRefs = useComposedRefs(
|
|
40
|
+
forwardedRef,
|
|
41
|
+
context.floatingContext?.refs.setFloating
|
|
42
|
+
);
|
|
40
43
|
if (useIsomorphicLayoutEffect(() => {
|
|
41
44
|
context.update && context.update();
|
|
42
45
|
}, [isAdapted]), itemContext.shouldRenderWebNative)
|
|
@@ -58,10 +61,7 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
58
61
|
// remove this, it was set to "Select" always
|
|
59
62
|
className,
|
|
60
63
|
...floatingProps
|
|
61
|
-
} = itemContext.interactions.getFloatingProps()
|
|
62
|
-
forwardedRef,
|
|
63
|
-
context.floatingContext?.refs.setFloating
|
|
64
|
-
);
|
|
64
|
+
} = itemContext.interactions.getFloatingProps();
|
|
65
65
|
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
66
66
|
!disableScroll && !props.unstyled && /* @__PURE__ */ jsx(
|
|
67
67
|
"style",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/SelectViewport.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,qBAAqB,wBAAwB;AACtD,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,OAAO,iCAAiC;AACjD,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;
|
|
4
|
+
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,qBAAqB,wBAAwB;AACtD,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAChC,SAAS,OAAO,iCAAiC;AACjD,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA4DM,wBAiCP,YAjCO;AAhDN,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,OAA+C,cAAc;AACnF,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI,OAC/D,UAAU,iBAAiB,eAAe,aAAa,GACvD,cAAc,2BAA2B,eAAe,aAAa,GACrE,YAAY,iBAAiB,GAE7B,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAQA,QANA,0BAA0B,MAAM;AAC9B,MAAI,QAAQ,UACV,QAAQ,OAAO;AAAA,IAEnB,GAAG,CAAC,SAAS,CAAC,GAEV,YAAY;AACd,aAAO,gCAAG,UAAS;AAGrB,QAAI,aAAa,CAAC;AAChB,aACE,oBAAC,uBACC;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;AAE9C,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,GAAG;AAAA,UACH,GAAI,CAAC,MAAM,YAAY;AAAA,YACtB,WAAW,gBAAgB,SAAa,MAAM,YAAY;AAAA,UAC5D;AAAA,UACA,KAAK;AAAA,UAEJ;AAAA;AAAA,QAXG;AAAA,MAYN,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
|
}
|
|
@@ -42,7 +42,8 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
42
42
|
} = props,
|
|
43
43
|
context = useSelectContext(VIEWPORT_NAME, __scopeSelect),
|
|
44
44
|
itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect),
|
|
45
|
-
isAdapted = useAdaptIsActive()
|
|
45
|
+
isAdapted = useAdaptIsActive(),
|
|
46
|
+
composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setFloating);
|
|
46
47
|
if (useIsomorphicLayoutEffect(() => {
|
|
47
48
|
context.update && context.update();
|
|
48
49
|
}, [isAdapted]), itemContext.shouldRenderWebNative) return /* @__PURE__ */jsx(Fragment, {
|
|
@@ -58,12 +59,11 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
58
59
|
});
|
|
59
60
|
if (!itemContext.interactions) return process.env.NODE_ENV === "development" && console.warn("No interactions provided to Select, potentially missing Adapt"), null;
|
|
60
61
|
const {
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
composedRefs = useComposedRefs(forwardedRef, context.floatingContext?.refs.setFloating);
|
|
62
|
+
style,
|
|
63
|
+
// remove this, it was set to "Select" always
|
|
64
|
+
className,
|
|
65
|
+
...floatingProps
|
|
66
|
+
} = itemContext.interactions.getFloatingProps();
|
|
67
67
|
return /* @__PURE__ */jsxs(Fragment, {
|
|
68
68
|
children: [!disableScroll && !props.unstyled && /* @__PURE__ */jsx("style", {
|
|
69
69
|
dangerouslySetInnerHTML: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FloatingFocusManager","AdaptPortalContents","useAdaptIsActive","AnimatePresence","useComposedRefs","isWeb","useIsomorphicLayoutEffect","styled","ThemeableStack","VIEWPORT_NAME","ForwardSelectContext","useSelectContext","useSelectItemParentContext","Fragment","jsx","jsxs","SelectViewportFrame","name","variants","unstyled","false","size","backgroundColor","elevate","bordered","userSelect","outlineWidth","...size","val","tokens","borderRadius","radius","defaultVariants","process","env","TAMAGUI_HEADLESS","SelectViewport","styleable","props","forwardedRef","__scopeSelect","children","disableScroll","viewportProps","context","itemContext","isAdapted","
|
|
1
|
+
{"version":3,"names":["FloatingFocusManager","AdaptPortalContents","useAdaptIsActive","AnimatePresence","useComposedRefs","isWeb","useIsomorphicLayoutEffect","styled","ThemeableStack","VIEWPORT_NAME","ForwardSelectContext","useSelectContext","useSelectItemParentContext","Fragment","jsx","jsxs","SelectViewportFrame","name","variants","unstyled","false","size","backgroundColor","elevate","bordered","userSelect","outlineWidth","...size","val","tokens","borderRadius","radius","defaultVariants","process","env","TAMAGUI_HEADLESS","SelectViewport","styleable","props","forwardedRef","__scopeSelect","children","disableScroll","viewportProps","context","itemContext","isAdapted","composedRefs","floatingContext","refs","setFloating","update","shouldRenderWebNative","interactions","NODE_ENV","console","warn","style","className","floatingProps","getFloatingProps","dangerouslySetInnerHTML","__html","selectViewportCSS","open","modal","role","overflowY","overflow","ref","display"],"sources":["../../src/SelectViewport.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,oBAAA,QAA4B;AACrC,SAASC,mBAAA,EAAqBC,gBAAA,QAAwB;AACtD,SAASC,eAAA,QAAuB;AAChC,SAASC,eAAA,QAAuB;AAChC,SAASC,KAAA,EAAOC,yBAAA,QAAiC;AACjD,SAASC,MAAA,QAAc;AACvB,SAASC,cAAA,QAAsB;AAC/B,SAASC,aAAA,QAAqB;AAC9B,SACEC,oBAAA,EACAC,gBAAA,EACAC,0BAAA,QACK;AA4DM,SAAAC,QAAA,EAAAC,GAAA,EAiCPC,IAAA,QAjCO;AAhDN,MAAMC,mBAAA,GAAsBT,MAAA,CAAOC,cAAA,EAAgB;IACxDS,IAAA,EAAMR,aAAA;IAENS,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLC,IAAA,EAAM;UACNC,eAAA,EAAiB;UACjBC,OAAA,EAAS;UACTC,QAAA,EAAU;UACVC,UAAA,EAAY;UACZC,YAAA,EAAc;QAChB;MACF;MAEAL,IAAA,EAAM;QACJ,WAAWM,CAACC,GAAA,EAAK;UAAEC;QAAO,OACjB;UACLC,YAAA,EAAcD,MAAA,CAAOE,MAAA,CAAOH,GAAG,KAAKA;QACtC;MAEJ;IACF;IAEAI,eAAA,EAAiB;MACfb,QAAA,EAAUc,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,CAAC;EAEYC,cAAA,GAAiBpB,mBAAA,CAAoBqB,SAAA,CAChD,UAAwBC,KAAA,EAA+CC,YAAA,EAAc;IACnF,MAAM;QAAEC,aAAA;QAAeC,QAAA;QAAUC,aAAA;QAAe,GAAGC;MAAc,IAAIL,KAAA;MAC/DM,OAAA,GAAUjC,gBAAA,CAAiBF,aAAA,EAAe+B,aAAa;MACvDK,WAAA,GAAcjC,0BAAA,CAA2BH,aAAA,EAAe+B,aAAa;MACrEM,SAAA,GAAY5C,gBAAA,CAAiB;MAE7B6C,YAAA,GAAe3C,eAAA,CACnBmC,YAAA,EACAK,OAAA,CAAQI,eAAA,EAAiBC,IAAA,CAAKC,WAChC;IAQA,IANA5C,yBAAA,CAA0B,MAAM;MAC1BsC,OAAA,CAAQO,MAAA,IACVP,OAAA,CAAQO,MAAA,CAAO;IAEnB,GAAG,CAACL,SAAS,CAAC,GAEVD,WAAA,CAAYO,qBAAA,EACd,OAAO,eAAAtC,GAAA,CAAAD,QAAA;MAAG4B;IAAA,CAAS;IAGrB,IAAIK,SAAA,IAAa,CAACzC,KAAA,EAChB,OACE,eAAAS,GAAA,CAACb,mBAAA;MACCwC,QAAA,iBAAA3B,GAAA,CAACJ,oBAAA;QACC8B,aAAA;QACAK,WAAA;QACAD,OAAA;QAECH;MAAA,CACH;IAAA,CACF;IAIJ,IAAI,CAACI,WAAA,CAAYQ,YAAA,EACf,OAAIpB,OAAA,CAAQC,GAAA,CAAIoB,QAAA,KAAa,iBAC3BC,OAAA,CAAQC,IAAA,CAAK,+DAA+D,GAGvE;IAGT,MAAM;MACJC,KAAA;MAAA;MAEAC,SAAA;MACA,GAAGC;IACL,IAAId,WAAA,CAAYQ,YAAA,CAAaO,gBAAA,CAAiB;IAE9C,OACE,eAAA7C,IAAA,CAAAF,QAAA;MACG4B,QAAA,IAACC,aAAA,IAAiB,CAACJ,KAAA,CAAMnB,QAAA,IACxB,eAAAL,GAAA,CAAC;QACC+C,uBAAA,EAAyB;UACvBC,MAAA,EAAQC;QACV;MAAA,CACF,GAEF,eAAAjD,GAAA,CAACX,eAAA;QACEsC,QAAA,EAAAG,OAAA,CAAQoB,IAAA,GACP,eAAAlD,GAAA,CAACd,oBAAA;UAAqB4C,OAAA,EAASA,OAAA,CAAQI,eAAA;UAAkBiB,KAAA,EAAO;UAC9DxB,QAAA,iBAAA3B,GAAA,CAACE,mBAAA;YAECK,IAAA,EAAMwB,WAAA,CAAYxB,IAAA;YAClB6C,IAAA,EAAK;YACJ,GAAGvB,aAAA;YACH,GAAGc,KAAA;YACH,GAAGE,aAAA;YACH,IAAI,CAACrB,KAAA,CAAMnB,QAAA,IAAY;cACtBgD,SAAA,EAAWzB,aAAA,GAAgB,SAAae,KAAA,CAAMW,QAAA,IAAY;YAC5D;YACAC,GAAA,EAAKtB,YAAA;YAEJN;UAAA,GAXG,iBAYN;QAAA,CACF,IACE;MAAA,CACN,GAGC,CAACG,OAAA,CAAQoB,IAAA,IAAQ,eAAAlD,GAAA,CAAC;QAAI2C,KAAA,EAAO;UAAEa,OAAA,EAAS;QAAO;QAAI7B,QAAA,EAAAH,KAAA,CAAMG;MAAA,CAAS;IAAA,CACrE;EAEJ,CACF;EAEMsB,iBAAA,GAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/select",
|
|
3
|
-
"version": "1.125.
|
|
3
|
+
"version": "1.125.26",
|
|
4
4
|
"removeSideEffects": "true",
|
|
5
5
|
"source": "src/index.tsx",
|
|
6
6
|
"types": "./types/index.d.ts",
|
|
@@ -37,33 +37,33 @@
|
|
|
37
37
|
"@floating-ui/react": "^0.27.4",
|
|
38
38
|
"@floating-ui/react-dom": "^2.1.2",
|
|
39
39
|
"@floating-ui/react-native": "^0.10.7",
|
|
40
|
-
"@tamagui/adapt": "1.125.
|
|
41
|
-
"@tamagui/animate-presence": "1.125.
|
|
42
|
-
"@tamagui/compose-refs": "1.125.
|
|
43
|
-
"@tamagui/constants": "1.125.
|
|
44
|
-
"@tamagui/core": "1.125.
|
|
45
|
-
"@tamagui/create-context": "1.125.
|
|
46
|
-
"@tamagui/dismissable": "1.125.
|
|
47
|
-
"@tamagui/focus-scope": "1.125.
|
|
48
|
-
"@tamagui/get-token": "1.125.
|
|
49
|
-
"@tamagui/helpers": "1.125.
|
|
50
|
-
"@tamagui/list-item": "1.125.
|
|
51
|
-
"@tamagui/portal": "1.125.
|
|
52
|
-
"@tamagui/remove-scroll": "1.125.
|
|
53
|
-
"@tamagui/separator": "1.125.
|
|
54
|
-
"@tamagui/sheet": "1.125.
|
|
55
|
-
"@tamagui/stacks": "1.125.
|
|
56
|
-
"@tamagui/text": "1.125.
|
|
57
|
-
"@tamagui/use-controllable-state": "1.125.
|
|
58
|
-
"@tamagui/use-debounce": "1.125.
|
|
59
|
-
"@tamagui/use-event": "1.125.
|
|
60
|
-
"@tamagui/use-previous": "1.125.
|
|
40
|
+
"@tamagui/adapt": "1.125.26",
|
|
41
|
+
"@tamagui/animate-presence": "1.125.26",
|
|
42
|
+
"@tamagui/compose-refs": "1.125.26",
|
|
43
|
+
"@tamagui/constants": "1.125.26",
|
|
44
|
+
"@tamagui/core": "1.125.26",
|
|
45
|
+
"@tamagui/create-context": "1.125.26",
|
|
46
|
+
"@tamagui/dismissable": "1.125.26",
|
|
47
|
+
"@tamagui/focus-scope": "1.125.26",
|
|
48
|
+
"@tamagui/get-token": "1.125.26",
|
|
49
|
+
"@tamagui/helpers": "1.125.26",
|
|
50
|
+
"@tamagui/list-item": "1.125.26",
|
|
51
|
+
"@tamagui/portal": "1.125.26",
|
|
52
|
+
"@tamagui/remove-scroll": "1.125.26",
|
|
53
|
+
"@tamagui/separator": "1.125.26",
|
|
54
|
+
"@tamagui/sheet": "1.125.26",
|
|
55
|
+
"@tamagui/stacks": "1.125.26",
|
|
56
|
+
"@tamagui/text": "1.125.26",
|
|
57
|
+
"@tamagui/use-controllable-state": "1.125.26",
|
|
58
|
+
"@tamagui/use-debounce": "1.125.26",
|
|
59
|
+
"@tamagui/use-event": "1.125.26",
|
|
60
|
+
"@tamagui/use-previous": "1.125.26"
|
|
61
61
|
},
|
|
62
62
|
"peerDependencies": {
|
|
63
63
|
"react": "*"
|
|
64
64
|
},
|
|
65
65
|
"devDependencies": {
|
|
66
|
-
"@tamagui/build": "1.125.
|
|
66
|
+
"@tamagui/build": "1.125.26",
|
|
67
67
|
"react": "*",
|
|
68
68
|
"react-native": "^0.76.5"
|
|
69
69
|
},
|
package/src/SelectViewport.tsx
CHANGED
|
@@ -58,6 +58,11 @@ export const SelectViewport = SelectViewportFrame.styleable<SelectViewportExtraP
|
|
|
58
58
|
const itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect)
|
|
59
59
|
const isAdapted = useAdaptIsActive()
|
|
60
60
|
|
|
61
|
+
const composedRefs = useComposedRefs(
|
|
62
|
+
forwardedRef,
|
|
63
|
+
context.floatingContext?.refs.setFloating
|
|
64
|
+
)
|
|
65
|
+
|
|
61
66
|
useIsomorphicLayoutEffect(() => {
|
|
62
67
|
if (context.update) {
|
|
63
68
|
context.update()
|
|
@@ -97,11 +102,6 @@ export const SelectViewport = SelectViewportFrame.styleable<SelectViewportExtraP
|
|
|
97
102
|
...floatingProps
|
|
98
103
|
} = itemContext.interactions.getFloatingProps()
|
|
99
104
|
|
|
100
|
-
const composedRefs = useComposedRefs(
|
|
101
|
-
forwardedRef,
|
|
102
|
-
context.floatingContext?.refs.setFloating
|
|
103
|
-
)
|
|
104
|
-
|
|
105
105
|
return (
|
|
106
106
|
<>
|
|
107
107
|
{!disableScroll && !props.unstyled && (
|