@tamagui/select 1.115.4 → 1.116.0
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/Select.cjs +117 -122
- package/dist/cjs/Select.cjs.map +2 -2
- package/dist/cjs/Select.native.js +100 -101
- package/dist/cjs/Select.native.js.map +2 -2
- package/dist/cjs/SelectViewport.cjs +4 -6
- package/dist/cjs/SelectViewport.cjs.map +1 -1
- package/dist/cjs/SelectViewport.native.cjs +8 -22
- package/dist/cjs/SelectViewport.native.cjs.map +1 -1
- package/dist/cjs/SelectViewport.native.js +7 -16
- package/dist/cjs/SelectViewport.native.js.map +2 -2
- package/dist/cjs/useSelectBreakpointActive.cjs +5 -10
- package/dist/cjs/useSelectBreakpointActive.cjs.map +1 -1
- package/dist/cjs/useSelectBreakpointActive.native.js +2 -7
- package/dist/cjs/useSelectBreakpointActive.native.js.map +2 -2
- package/dist/esm/Select.js +110 -118
- package/dist/esm/Select.js.map +1 -1
- package/dist/esm/Select.mjs +118 -123
- package/dist/esm/Select.mjs.map +1 -1
- package/dist/esm/Select.native.js +103 -106
- package/dist/esm/Select.native.js.map +2 -2
- package/dist/esm/SelectViewport.js +5 -6
- package/dist/esm/SelectViewport.js.map +1 -1
- package/dist/esm/SelectViewport.mjs +4 -6
- package/dist/esm/SelectViewport.mjs.map +1 -1
- package/dist/esm/SelectViewport.native.js +5 -8
- package/dist/esm/SelectViewport.native.js.map +2 -2
- package/dist/esm/useSelectBreakpointActive.js +3 -7
- package/dist/esm/useSelectBreakpointActive.js.map +1 -1
- package/dist/esm/useSelectBreakpointActive.mjs +6 -10
- package/dist/esm/useSelectBreakpointActive.mjs.map +1 -1
- package/dist/esm/useSelectBreakpointActive.native.js +3 -7
- package/dist/esm/useSelectBreakpointActive.native.js.map +2 -2
- package/dist/jsx/Select.js +110 -118
- package/dist/jsx/Select.js.map +1 -1
- package/dist/jsx/Select.mjs +118 -123
- package/dist/jsx/Select.mjs.map +1 -1
- package/dist/jsx/Select.native.js +103 -106
- package/dist/jsx/Select.native.js.map +2 -2
- package/dist/jsx/SelectViewport.js +5 -6
- package/dist/jsx/SelectViewport.js.map +1 -1
- package/dist/jsx/SelectViewport.mjs +4 -6
- package/dist/jsx/SelectViewport.mjs.map +1 -1
- package/dist/jsx/SelectViewport.native.js +5 -8
- package/dist/jsx/SelectViewport.native.js.map +2 -2
- package/dist/jsx/useSelectBreakpointActive.js +3 -7
- package/dist/jsx/useSelectBreakpointActive.js.map +1 -1
- package/dist/jsx/useSelectBreakpointActive.mjs +6 -10
- package/dist/jsx/useSelectBreakpointActive.mjs.map +1 -1
- package/dist/jsx/useSelectBreakpointActive.native.js +3 -7
- package/dist/jsx/useSelectBreakpointActive.native.js.map +2 -2
- package/package.json +23 -23
- package/src/Select.tsx +174 -186
- package/src/SelectViewport.native.tsx +7 -10
- package/src/SelectViewport.tsx +7 -9
- package/src/types.tsx +0 -1
- package/src/useSelectBreakpointActive.tsx +2 -12
- package/types/Select.d.ts +5 -3
- package/types/Select.d.ts.map +1 -1
- package/types/SelectViewport.d.ts.map +1 -1
- package/types/SelectViewport.native.d.ts.map +1 -1
- package/types/types.d.ts +0 -1
- package/types/types.d.ts.map +1 -1
- package/types/useSelectBreakpointActive.d.ts +0 -1
- package/types/useSelectBreakpointActive.d.ts.map +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/select/src/Select.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,OAAOC,
|
|
5
|
-
"names": ["Adapt", "
|
|
4
|
+
"mappings": "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",
|
|
5
|
+
"names": ["Adapt", "AdaptParent", "useAdaptIsActive", "useComposedRefs", "isWeb", "useIsomorphicLayoutEffect", "getVariableValue", "styled", "useEvent", "useGet", "registerFocusable", "getSpace", "withStaticProperties", "ListItem", "Separator", "Sheet", "SheetController", "ThemeableStack", "XStack", "YStack", "Paragraph", "SizableText", "useControllableState", "useDebounce", "React", "SelectItemParentProvider", "SelectProvider", "createSelectContext", "useSelectContext", "useSelectItemParentContext", "SelectContent", "SelectInlineImpl", "SelectItem", "useSelectItemContext", "ITEM_TEXT_NAME", "SelectItemText", "SelectScrollDownButton", "SelectScrollUpButton", "SelectTrigger", "SelectViewport", "useShowSelectSheet", "VALUE_NAME", "SelectValueFrame", "name", "userSelect", "SelectValue", "styleable", "forwardedRef", "__scopeSelect", "children", "childrenProp", "placeholder", "props", "context", "itemParentContext", "composedRefs", "onValueNodeChange", "selectedItem", "isEmptyValue", "value", "selectValueChildren", "unstyled", "size", "ellipse", "pointerEvents", "ref", "unwrapSelectItem", "Children", "map", "child", "type", "staticConfig", "componentName", "SelectIcon", "ITEM_INDICATOR_NAME", "SelectItemIndicatorFrame", "SelectItemIndicator", "forwardRef", "itemIndicatorProps", "itemContext", "shouldRenderWebNative", "isSelected", "aria-hidden", "displayName", "GROUP_NAME", "SelectGroupContextProvider", "useSelectGroupContext", "SelectGroupFrame", "width", "NativeSelectTextFrame", "tag", "backgroundColor", "borderColor", "hoverStyle", "NativeSelectFrame", "bordered", "outlineWidth", "paddingRight", "variants", "val", "extras", "tokens", "paddingHorizontal", "space", "borderRadius", "radius", "minHeight", "paddingLeft", "paddingVertical", "shift", "defaultVariants", "SelectGroup", "groupProps", "groupId", "useId", "nativeSelectRef", "useRef", "content", "asChild", "id", "onChange", "event", "currentTarget", "style", "color", "appearance", "role", "aria-labelledby", "scope", "LABEL_NAME", "SelectLabel", "labelProps", "groupContext", "fontWeight", "SelectSeparator", "SelectSheetController", "showSheet", "isAdapted", "getShowSheet", "onOpenChange", "open", "hidden", "SelectSheetImpl", "Select", "internalId", "Object", "scopeKey", "keys", "portal", "SelectInner", "Content", "Group", "Icon", "Item", "ItemIndicator", "ItemText", "Label", "ScrollDownButton", "ScrollUpButton", "Trigger", "Value", "Viewport", "Controlled", "useEmitter", "listeners", "current", "Set", "emit", "forEach", "l", "subscribe", "useCallback", "listener", "add", "delete", "native", "openProp", "defaultOpen", "valueProp", "defaultValue", "onValueChange", "disablePreventBodyScroll", "sizeProp", "onActiveChange", "dir", "SelectImpl", "forceUpdate", "useReducer", "setSelectedItem", "useState", "setOpen", "prop", "defaultProp", "setValue", "transition", "useEffect", "emitValue", "focusAndSelect", "focus", "activeIndex", "setActiveIndex", "valueSubscribe", "emitActiveIndex", "activeIndexSubscribe", "selectedIndexRef", "activeIndexRef", "listContentRef", "selectedIndex", "setSelectedIndex", "valueNode", "setValueNode", "Array", "isArray", "includes", "setActiveIndexDebounced", "index", "prev", "initialValue", "useMemo", "args", "setValueAtIndex", "blockSelection", "fallback"]
|
|
6
6
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { FloatingFocusManager } from "@floating-ui/react";
|
|
2
|
+
import { AdaptPortalContents, useAdaptIsActive } from "@tamagui/adapt";
|
|
2
3
|
import { AnimatePresence } from "@tamagui/animate-presence";
|
|
3
4
|
import { composeRefs } from "@tamagui/compose-refs";
|
|
4
5
|
import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
5
6
|
import { styled } from "@tamagui/core";
|
|
6
|
-
import { PortalItem } from "@tamagui/portal";
|
|
7
7
|
import { ThemeableStack } from "@tamagui/stacks";
|
|
8
8
|
import { VIEWPORT_NAME } from "./constants";
|
|
9
9
|
import {
|
|
@@ -11,7 +11,6 @@ import {
|
|
|
11
11
|
useSelectContext,
|
|
12
12
|
useSelectItemParentContext
|
|
13
13
|
} from "./context";
|
|
14
|
-
import { useSelectBreakpointActive } from "./useSelectBreakpointActive";
|
|
15
14
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
16
15
|
const SelectViewportFrame = styled(ThemeableStack, {
|
|
17
16
|
name: VIEWPORT_NAME,
|
|
@@ -37,13 +36,13 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
37
36
|
}
|
|
38
37
|
}), SelectViewport = SelectViewportFrame.styleable(
|
|
39
38
|
function(props, forwardedRef) {
|
|
40
|
-
const { __scopeSelect, children, disableScroll, ...viewportProps } = props, context = useSelectContext(VIEWPORT_NAME, __scopeSelect), itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect),
|
|
39
|
+
const { __scopeSelect, children, disableScroll, ...viewportProps } = props, context = useSelectContext(VIEWPORT_NAME, __scopeSelect), itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect), isAdapted = useAdaptIsActive();
|
|
41
40
|
if (useIsomorphicLayoutEffect(() => {
|
|
42
41
|
context.update && context.update();
|
|
43
|
-
}, [
|
|
42
|
+
}, [isAdapted]), itemContext.shouldRenderWebNative)
|
|
44
43
|
return /* @__PURE__ */ jsx(Fragment, { children });
|
|
45
|
-
if (
|
|
46
|
-
return /* @__PURE__ */ jsx(
|
|
44
|
+
if (isAdapted || !isWeb)
|
|
45
|
+
return /* @__PURE__ */ jsx(AdaptPortalContents, { children: /* @__PURE__ */ jsx(
|
|
47
46
|
ForwardSelectContext,
|
|
48
47
|
{
|
|
49
48
|
__scopeSelect,
|
|
@@ -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,
|
|
4
|
+
"mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,qBAAqB,wBAAwB;AACtD,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAC5B,SAAS,OAAO,iCAAiC;AACjD,SAAS,cAAc;AACvB,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAsDM,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,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;AAQnC,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,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,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
|
}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
1
|
import { FloatingFocusManager } from "@floating-ui/react";
|
|
2
|
+
import { AdaptPortalContents, useAdaptIsActive } from "@tamagui/adapt";
|
|
2
3
|
import { AnimatePresence } from "@tamagui/animate-presence";
|
|
3
4
|
import { composeRefs } from "@tamagui/compose-refs";
|
|
4
5
|
import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
5
6
|
import { styled } from "@tamagui/core";
|
|
6
|
-
import { PortalItem } from "@tamagui/portal";
|
|
7
7
|
import { ThemeableStack } from "@tamagui/stacks";
|
|
8
8
|
import { VIEWPORT_NAME } from "./constants.mjs";
|
|
9
9
|
import { ForwardSelectContext, useSelectContext, useSelectItemParentContext } from "./context.mjs";
|
|
10
|
-
import { useSelectBreakpointActive } from "./useSelectBreakpointActive.mjs";
|
|
11
10
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
12
11
|
const SelectViewportFrame = styled(ThemeableStack, {
|
|
13
12
|
name: VIEWPORT_NAME,
|
|
@@ -43,14 +42,13 @@ const SelectViewportFrame = styled(ThemeableStack, {
|
|
|
43
42
|
} = props,
|
|
44
43
|
context = useSelectContext(VIEWPORT_NAME, __scopeSelect),
|
|
45
44
|
itemContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect),
|
|
46
|
-
|
|
45
|
+
isAdapted = useAdaptIsActive();
|
|
47
46
|
if (useIsomorphicLayoutEffect(() => {
|
|
48
47
|
context.update && context.update();
|
|
49
|
-
}, [
|
|
48
|
+
}, [isAdapted]), itemContext.shouldRenderWebNative) return /* @__PURE__ */jsx(Fragment, {
|
|
50
49
|
children
|
|
51
50
|
});
|
|
52
|
-
if (
|
|
53
|
-
hostName: `${context.scopeKey}SheetContents`,
|
|
51
|
+
if (isAdapted || !isWeb) return /* @__PURE__ */jsx(AdaptPortalContents, {
|
|
54
52
|
children: /* @__PURE__ */jsx(ForwardSelectContext, {
|
|
55
53
|
__scopeSelect,
|
|
56
54
|
itemContext,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["FloatingFocusManager","AnimatePresence","composeRefs","isWeb","useIsomorphicLayoutEffect","styled","
|
|
1
|
+
{"version":3,"names":["FloatingFocusManager","AdaptPortalContents","useAdaptIsActive","AnimatePresence","composeRefs","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","update","shouldRenderWebNative","interactions","NODE_ENV","console","warn","style","className","floatingProps","getFloatingProps","composedRefs","floatingContext","refs","setFloating","dangerouslySetInnerHTML","__html","selectViewportCSS","open","modal","role","overflowY","overflow","ref","display"],"sources":["../../src/SelectViewport.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -1,22 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { AdaptContext, AdaptPortalContents, useAdaptContext } from "@tamagui/adapt";
|
|
3
3
|
import { Theme, useThemeName } from "@tamagui/core";
|
|
4
|
-
import { PortalItem } from "@tamagui/portal";
|
|
5
|
-
import * as React from "react";
|
|
6
4
|
import { VIEWPORT_NAME } from "./constants";
|
|
7
5
|
import { ForwardSelectContext, useSelectContext, useSelectItemParentContext } from "./context";
|
|
8
6
|
var SelectViewport = function(props) {
|
|
9
|
-
var { __scopeSelect, children } = props, context = useSelectContext(VIEWPORT_NAME, __scopeSelect), itemParentContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect), themeName = useThemeName(), adaptContext =
|
|
10
|
-
return /* @__PURE__ */ _jsx(
|
|
11
|
-
hostName: `${context.scopeKey}SheetContents`,
|
|
7
|
+
var { __scopeSelect, children } = props, context = useSelectContext(VIEWPORT_NAME, __scopeSelect), itemParentContext = useSelectItemParentContext(VIEWPORT_NAME, __scopeSelect), themeName = useThemeName(), adaptContext = useAdaptContext();
|
|
8
|
+
return /* @__PURE__ */ _jsx(AdaptPortalContents, {
|
|
12
9
|
children: /* @__PURE__ */ _jsx(Theme, {
|
|
13
10
|
name: themeName,
|
|
14
11
|
children: /* @__PURE__ */ _jsx(ForwardSelectContext, {
|
|
15
12
|
__scopeSelect,
|
|
16
13
|
itemContext: itemParentContext,
|
|
17
14
|
context,
|
|
18
|
-
children: /* @__PURE__ */ _jsx(
|
|
19
|
-
|
|
15
|
+
children: /* @__PURE__ */ _jsx(AdaptContext.Provider, {
|
|
16
|
+
...adaptContext,
|
|
20
17
|
children
|
|
21
18
|
})
|
|
22
19
|
})
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/select/src/SelectViewport.native.tsx"],
|
|
4
|
-
"mappings": ";AAAA,SAASA,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": ";AAAA,SAASA,cAAcC,qBAAqBC,uBAAuB;AACnE,SAASC,OAAOC,oBAAoB;AAEpC,SAASC,qBAAqB;AAC9B,SACEC,sBACAC,kBACAC,kCACK;AAGA,IAAMC,iBAAiB,SAACC,OAAAA;AAC7B,MAAM,EAAEC,eAAeC,SAAQ,IAAKF,OAC9BG,UAAUN,iBAAiBF,eAAeM,aAAAA,GAC1CG,oBAAoBN,2BAA2BH,eAAeM,aAAAA,GAC9DI,YAAYX,aAAAA,GAGZY,eAAed,gBAAAA;AAErB,SACE,qBAACD,qBAAAA;cACC,qBAACE,OAAAA;MAAMc,MAAMF;gBACX,qBAACT,sBAAAA;QACCK;QACAO,aAAaJ;QACbD;kBAEA,qBAACb,aAAamB,UAAQ;UAAE,GAAGH;;;;;;AAKrC;AAEAP,eAAeW,cAAcf;",
|
|
5
|
+
"names": ["AdaptContext", "AdaptPortalContents", "useAdaptContext", "Theme", "useThemeName", "VIEWPORT_NAME", "ForwardSelectContext", "useSelectContext", "useSelectItemParentContext", "SelectViewport", "props", "__scopeSelect", "children", "context", "itemParentContext", "themeName", "adaptContext", "name", "itemContext", "Provider", "displayName"]
|
|
6
6
|
}
|
|
@@ -1,13 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const
|
|
3
|
-
const
|
|
4
|
-
return sheetBreakpoint ? sheetBreakpoint === !0 ? !0 : sheetBreakpoint ? media[sheetBreakpoint] : !1 : !1;
|
|
5
|
-
}, useShowSelectSheet = (context) => {
|
|
6
|
-
const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
|
|
1
|
+
import { useAdaptIsActive } from "@tamagui/adapt";
|
|
2
|
+
const useShowSelectSheet = (context) => {
|
|
3
|
+
const breakpointActive = useAdaptIsActive();
|
|
7
4
|
return context.open === !1 ? !1 : breakpointActive;
|
|
8
5
|
};
|
|
9
6
|
export {
|
|
10
|
-
useSelectBreakpointActive,
|
|
11
7
|
useShowSelectSheet
|
|
12
8
|
};
|
|
13
9
|
//# sourceMappingURL=useSelectBreakpointActive.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useSelectBreakpointActive.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAAS,
|
|
4
|
+
"mappings": "AAAA,SAAS,wBAAwB;AAG1B,MAAM,qBAAqB,CAAC,YAAgC;AACjE,QAAM,mBAAmB,iBAAiB;AAC1C,SAAO,QAAQ,SAAS,KAAQ,KAAQ;AAC1C;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,11 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
const
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
|
|
8
|
-
return context.open === !1 ? !1 : breakpointActive;
|
|
9
|
-
};
|
|
10
|
-
export { useSelectBreakpointActive, useShowSelectSheet };
|
|
1
|
+
import { useAdaptIsActive } from "@tamagui/adapt";
|
|
2
|
+
const useShowSelectSheet = context => {
|
|
3
|
+
const breakpointActive = useAdaptIsActive();
|
|
4
|
+
return context.open === !1 ? !1 : breakpointActive;
|
|
5
|
+
};
|
|
6
|
+
export { useShowSelectSheet };
|
|
11
7
|
//# sourceMappingURL=useSelectBreakpointActive.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["useAdaptIsActive","useShowSelectSheet","context","breakpointActive","open"],"sources":["../../src/useSelectBreakpointActive.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,gBAAA,QAAwB;AAG1B,MAAMC,kBAAA,GAAsBC,OAAA,IAAgC;EACjE,MAAMC,gBAAA,GAAmBH,gBAAA,CAAiB;EAC1C,OAAOE,OAAA,CAAQE,IAAA,KAAS,KAAQ,KAAQD,gBAAA;AAC1C","ignoreList":[]}
|
|
@@ -1,13 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
var
|
|
3
|
-
var
|
|
4
|
-
return sheetBreakpoint ? sheetBreakpoint === !0 ? !0 : sheetBreakpoint ? media[sheetBreakpoint] : !1 : !1;
|
|
5
|
-
}, useShowSelectSheet = function(context) {
|
|
6
|
-
var breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
|
|
1
|
+
import { useAdaptIsActive } from "@tamagui/adapt";
|
|
2
|
+
var useShowSelectSheet = function(context) {
|
|
3
|
+
var breakpointActive = useAdaptIsActive();
|
|
7
4
|
return context.open === !1 ? !1 : breakpointActive;
|
|
8
5
|
};
|
|
9
6
|
export {
|
|
10
|
-
useSelectBreakpointActive,
|
|
11
7
|
useShowSelectSheet
|
|
12
8
|
};
|
|
13
9
|
//# sourceMappingURL=useSelectBreakpointActive.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/ui/select/src/useSelectBreakpointActive.tsx"],
|
|
4
|
-
"mappings": "AAAA,SAASA,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": "AAAA,SAASA,wBAAwB;AAG1B,IAAMC,qBAAqB,SAACC,SAAAA;AACjC,MAAMC,mBAAmBH,iBAAAA;AACzB,SAAOE,QAAQE,SAAS,KAAQ,KAAQD;AAC1C;",
|
|
5
|
+
"names": ["useAdaptIsActive", "useShowSelectSheet", "context", "breakpointActive", "open"]
|
|
6
6
|
}
|
package/dist/jsx/Select.js
CHANGED
|
@@ -1,20 +1,18 @@
|
|
|
1
|
-
import { Adapt,
|
|
1
|
+
import { Adapt, AdaptParent, useAdaptIsActive } from "@tamagui/adapt";
|
|
2
2
|
import { useComposedRefs } from "@tamagui/compose-refs";
|
|
3
3
|
import { isWeb, useIsomorphicLayoutEffect } from "@tamagui/constants";
|
|
4
4
|
import { getVariableValue, styled, useEvent, useGet } from "@tamagui/core";
|
|
5
|
+
|
|
5
6
|
import { getSpace } from "@tamagui/get-token";
|
|
6
7
|
import { withStaticProperties } from "@tamagui/helpers";
|
|
7
8
|
import { ListItem } from "@tamagui/list-item";
|
|
8
|
-
import { PortalHost } from "@tamagui/portal";
|
|
9
9
|
import { Separator } from "@tamagui/separator";
|
|
10
|
-
|
|
11
10
|
import { Sheet, SheetController } from "@tamagui/sheet";
|
|
12
11
|
import { ThemeableStack, XStack, YStack } from "@tamagui/stacks";
|
|
13
12
|
import { Paragraph, SizableText } from "@tamagui/text";
|
|
14
13
|
import { useControllableState } from "@tamagui/use-controllable-state";
|
|
15
|
-
import * as React from "react";
|
|
16
14
|
import { useDebounce } from "@tamagui/use-debounce";
|
|
17
|
-
import
|
|
15
|
+
import * as React from "react";
|
|
18
16
|
import {
|
|
19
17
|
SelectItemParentProvider,
|
|
20
18
|
SelectProvider,
|
|
@@ -29,10 +27,7 @@ import { ITEM_TEXT_NAME, SelectItemText } from "./SelectItemText";
|
|
|
29
27
|
import { SelectScrollDownButton, SelectScrollUpButton } from "./SelectScrollButton";
|
|
30
28
|
import { SelectTrigger } from "./SelectTrigger";
|
|
31
29
|
import { SelectViewport } from "./SelectViewport";
|
|
32
|
-
import {
|
|
33
|
-
useSelectBreakpointActive,
|
|
34
|
-
useShowSelectSheet
|
|
35
|
-
} from "./useSelectBreakpointActive";
|
|
30
|
+
import { useShowSelectSheet } from "./useSelectBreakpointActive";
|
|
36
31
|
import { Fragment, jsx } from "react/jsx-runtime";
|
|
37
32
|
const VALUE_NAME = "SelectValue", SelectValueFrame = styled(SizableText, {
|
|
38
33
|
name: VALUE_NAME,
|
|
@@ -182,7 +177,7 @@ SelectLabel.displayName = LABEL_NAME;
|
|
|
182
177
|
const SelectSeparator = styled(Separator, {
|
|
183
178
|
name: "SelectSeparator"
|
|
184
179
|
}), SelectSheetController = (props) => {
|
|
185
|
-
const context = useSelectContext("SelectSheetController", props.__scopeSelect), showSheet = useShowSelectSheet(context),
|
|
180
|
+
const context = useSelectContext("SelectSheetController", props.__scopeSelect), showSheet = useShowSelectSheet(context), isAdapted = useAdaptIsActive(), getShowSheet = useGet(showSheet);
|
|
186
181
|
return /* @__PURE__ */ jsx(
|
|
187
182
|
SheetController,
|
|
188
183
|
{
|
|
@@ -190,117 +185,14 @@ const SelectSeparator = styled(Separator, {
|
|
|
190
185
|
getShowSheet() && props.onOpenChange(val);
|
|
191
186
|
},
|
|
192
187
|
open: context.open,
|
|
193
|
-
hidden:
|
|
188
|
+
hidden: isAdapted === !1,
|
|
194
189
|
children: props.children
|
|
195
190
|
}
|
|
196
191
|
);
|
|
197
192
|
}, SelectSheetImpl = (props) => /* @__PURE__ */ jsx(Fragment, { children: props.children }), Select = withStaticProperties(
|
|
198
|
-
(props)
|
|
199
|
-
const
|
|
200
|
-
|
|
201
|
-
native,
|
|
202
|
-
children,
|
|
203
|
-
open: openProp,
|
|
204
|
-
defaultOpen,
|
|
205
|
-
onOpenChange,
|
|
206
|
-
value: valueProp,
|
|
207
|
-
defaultValue,
|
|
208
|
-
onValueChange,
|
|
209
|
-
disablePreventBodyScroll,
|
|
210
|
-
size: sizeProp = "$true",
|
|
211
|
-
onActiveChange,
|
|
212
|
-
dir,
|
|
213
|
-
id
|
|
214
|
-
} = props, internalId = React.useId(), scopeKey = __scopeSelect ? Object.keys(__scopeSelect)[0] ?? internalId : internalId, { when, AdaptProvider } = useAdaptParent({
|
|
215
|
-
Contents: React.useCallback(
|
|
216
|
-
() => /* @__PURE__ */ jsx(PortalHost, { name: `${scopeKey}SheetContents` }),
|
|
217
|
-
[scopeKey]
|
|
218
|
-
)
|
|
219
|
-
}), sheetBreakpoint = when, SelectImpl = useSelectBreakpointActive(sheetBreakpoint) || !isWeb ? SelectSheetImpl : SelectInlineImpl, forceUpdate = React.useReducer(() => ({}), {})[1], [selectedItem, setSelectedItem] = React.useState(null), [open, setOpen] = useControllableState({
|
|
220
|
-
prop: openProp,
|
|
221
|
-
defaultProp: defaultOpen || !1,
|
|
222
|
-
onChange: onOpenChange
|
|
223
|
-
}), [value, setValue] = useControllableState({
|
|
224
|
-
prop: valueProp,
|
|
225
|
-
defaultProp: defaultValue || "",
|
|
226
|
-
onChange: onValueChange,
|
|
227
|
-
transition: !0
|
|
228
|
-
});
|
|
229
|
-
React.useEffect(() => {
|
|
230
|
-
open && emitValue(value);
|
|
231
|
-
}, [open]), React.useEffect(() => {
|
|
232
|
-
emitValue(value);
|
|
233
|
-
}, [value]);
|
|
234
|
-
const [activeIndex, setActiveIndex] = React.useState(0), [emitValue, valueSubscribe] = useEmitter(), [emitActiveIndex, activeIndexSubscribe] = useEmitter(), selectedIndexRef = React.useRef(null), activeIndexRef = React.useRef(null), listContentRef = React.useRef([]), [selectedIndex, setSelectedIndex] = React.useState(0), [valueNode, setValueNode] = React.useState(null);
|
|
235
|
-
useIsomorphicLayoutEffect(() => {
|
|
236
|
-
selectedIndexRef.current = selectedIndex, activeIndexRef.current = activeIndex;
|
|
237
|
-
});
|
|
238
|
-
const shouldRenderWebNative = isWeb && (native === !0 || native === "web" || Array.isArray(native) && native.includes("web")), setActiveIndexDebounced = useDebounce(
|
|
239
|
-
(index) => {
|
|
240
|
-
setActiveIndex((prev) => prev !== index ? (typeof index == "number" && emitActiveIndex(index), index) : prev);
|
|
241
|
-
},
|
|
242
|
-
1,
|
|
243
|
-
{},
|
|
244
|
-
[]
|
|
245
|
-
);
|
|
246
|
-
return /* @__PURE__ */ jsx(AdaptProvider, { children: /* @__PURE__ */ jsx(
|
|
247
|
-
SelectItemParentProvider,
|
|
248
|
-
{
|
|
249
|
-
scope: __scopeSelect,
|
|
250
|
-
initialValue: React.useMemo(() => value, [open]),
|
|
251
|
-
size: sizeProp,
|
|
252
|
-
activeIndexSubscribe,
|
|
253
|
-
valueSubscribe,
|
|
254
|
-
setOpen,
|
|
255
|
-
id,
|
|
256
|
-
onChange: React.useCallback((val) => {
|
|
257
|
-
setValue(val), emitValue(val);
|
|
258
|
-
}, []),
|
|
259
|
-
onActiveChange: useEvent((...args) => {
|
|
260
|
-
onActiveChange?.(...args);
|
|
261
|
-
}),
|
|
262
|
-
setSelectedIndex,
|
|
263
|
-
setValueAtIndex: React.useCallback((index, value2) => {
|
|
264
|
-
listContentRef.current[index] = value2;
|
|
265
|
-
}, []),
|
|
266
|
-
shouldRenderWebNative,
|
|
267
|
-
children: /* @__PURE__ */ jsx(
|
|
268
|
-
SelectProvider,
|
|
269
|
-
{
|
|
270
|
-
scope: __scopeSelect,
|
|
271
|
-
disablePreventBodyScroll,
|
|
272
|
-
dir,
|
|
273
|
-
blockSelection: !1,
|
|
274
|
-
fallback: !1,
|
|
275
|
-
selectedItem,
|
|
276
|
-
setSelectedItem,
|
|
277
|
-
forceUpdate,
|
|
278
|
-
valueNode,
|
|
279
|
-
onValueNodeChange: setValueNode,
|
|
280
|
-
scopeKey,
|
|
281
|
-
sheetBreakpoint,
|
|
282
|
-
activeIndex,
|
|
283
|
-
selectedIndex,
|
|
284
|
-
setActiveIndex: setActiveIndexDebounced,
|
|
285
|
-
value,
|
|
286
|
-
open,
|
|
287
|
-
native,
|
|
288
|
-
children: /* @__PURE__ */ jsx(SelectSheetController, { onOpenChange: setOpen, __scopeSelect, children: shouldRenderWebNative ? children : /* @__PURE__ */ jsx(
|
|
289
|
-
SelectImpl,
|
|
290
|
-
{
|
|
291
|
-
activeIndexRef,
|
|
292
|
-
listContentRef,
|
|
293
|
-
selectedIndexRef,
|
|
294
|
-
...props,
|
|
295
|
-
open,
|
|
296
|
-
value,
|
|
297
|
-
children
|
|
298
|
-
}
|
|
299
|
-
) })
|
|
300
|
-
}
|
|
301
|
-
)
|
|
302
|
-
}
|
|
303
|
-
) });
|
|
193
|
+
function(props) {
|
|
194
|
+
const internalId = React.useId(), scopeKey = props.__scopeSelect ? Object.keys(props.__scopeSelect)[0] ?? internalId : internalId;
|
|
195
|
+
return /* @__PURE__ */ jsx(AdaptParent, { scope: `${scopeKey}SheetContents`, portal: !0, children: /* @__PURE__ */ jsx(SelectInner, { scopeKey, ...props }) });
|
|
304
196
|
},
|
|
305
197
|
{
|
|
306
198
|
Adapt,
|
|
@@ -329,7 +221,107 @@ function useEmitter() {
|
|
|
329
221
|
}), []);
|
|
330
222
|
return [emit, subscribe];
|
|
331
223
|
}
|
|
332
|
-
|
|
224
|
+
function SelectInner(props) {
|
|
225
|
+
const {
|
|
226
|
+
__scopeSelect,
|
|
227
|
+
native,
|
|
228
|
+
children,
|
|
229
|
+
open: openProp,
|
|
230
|
+
defaultOpen,
|
|
231
|
+
onOpenChange,
|
|
232
|
+
value: valueProp,
|
|
233
|
+
defaultValue,
|
|
234
|
+
onValueChange,
|
|
235
|
+
disablePreventBodyScroll,
|
|
236
|
+
size: sizeProp = "$true",
|
|
237
|
+
onActiveChange,
|
|
238
|
+
dir,
|
|
239
|
+
id
|
|
240
|
+
} = props, SelectImpl = useAdaptIsActive() || !isWeb ? SelectSheetImpl : SelectInlineImpl, forceUpdate = React.useReducer(() => ({}), {})[1], [selectedItem, setSelectedItem] = React.useState(null), [open, setOpen] = useControllableState({
|
|
241
|
+
prop: openProp,
|
|
242
|
+
defaultProp: defaultOpen || !1,
|
|
243
|
+
onChange: onOpenChange
|
|
244
|
+
}), [value, setValue] = useControllableState({
|
|
245
|
+
prop: valueProp,
|
|
246
|
+
defaultProp: defaultValue || "",
|
|
247
|
+
onChange: onValueChange,
|
|
248
|
+
transition: !0
|
|
249
|
+
});
|
|
250
|
+
React.useEffect(() => {
|
|
251
|
+
open && emitValue(value);
|
|
252
|
+
}, [open]), React.useEffect(() => {
|
|
253
|
+
emitValue(value);
|
|
254
|
+
}, [value]);
|
|
255
|
+
const [activeIndex, setActiveIndex] = React.useState(0), [emitValue, valueSubscribe] = useEmitter(), [emitActiveIndex, activeIndexSubscribe] = useEmitter(), selectedIndexRef = React.useRef(null), activeIndexRef = React.useRef(null), listContentRef = React.useRef([]), [selectedIndex, setSelectedIndex] = React.useState(0), [valueNode, setValueNode] = React.useState(null);
|
|
256
|
+
useIsomorphicLayoutEffect(() => {
|
|
257
|
+
selectedIndexRef.current = selectedIndex, activeIndexRef.current = activeIndex;
|
|
258
|
+
});
|
|
259
|
+
const shouldRenderWebNative = isWeb && (native === !0 || native === "web" || Array.isArray(native) && native.includes("web")), setActiveIndexDebounced = useDebounce(
|
|
260
|
+
(index) => {
|
|
261
|
+
setActiveIndex((prev) => prev !== index ? (typeof index == "number" && emitActiveIndex(index), index) : prev);
|
|
262
|
+
},
|
|
263
|
+
1,
|
|
264
|
+
{},
|
|
265
|
+
[]
|
|
266
|
+
);
|
|
267
|
+
return /* @__PURE__ */ jsx(
|
|
268
|
+
SelectItemParentProvider,
|
|
269
|
+
{
|
|
270
|
+
scope: __scopeSelect,
|
|
271
|
+
initialValue: React.useMemo(() => value, [open]),
|
|
272
|
+
size: sizeProp,
|
|
273
|
+
activeIndexSubscribe,
|
|
274
|
+
valueSubscribe,
|
|
275
|
+
setOpen,
|
|
276
|
+
id,
|
|
277
|
+
onChange: React.useCallback((val) => {
|
|
278
|
+
setValue(val), emitValue(val);
|
|
279
|
+
}, []),
|
|
280
|
+
onActiveChange: useEvent((...args) => {
|
|
281
|
+
onActiveChange?.(...args);
|
|
282
|
+
}),
|
|
283
|
+
setSelectedIndex,
|
|
284
|
+
setValueAtIndex: React.useCallback((index, value2) => {
|
|
285
|
+
listContentRef.current[index] = value2;
|
|
286
|
+
}, []),
|
|
287
|
+
shouldRenderWebNative,
|
|
288
|
+
children: /* @__PURE__ */ jsx(
|
|
289
|
+
SelectProvider,
|
|
290
|
+
{
|
|
291
|
+
scope: __scopeSelect,
|
|
292
|
+
disablePreventBodyScroll,
|
|
293
|
+
dir,
|
|
294
|
+
blockSelection: !1,
|
|
295
|
+
fallback: !1,
|
|
296
|
+
selectedItem,
|
|
297
|
+
setSelectedItem,
|
|
298
|
+
forceUpdate,
|
|
299
|
+
valueNode,
|
|
300
|
+
onValueNodeChange: setValueNode,
|
|
301
|
+
scopeKey: props.scopeKey,
|
|
302
|
+
activeIndex,
|
|
303
|
+
selectedIndex,
|
|
304
|
+
setActiveIndex: setActiveIndexDebounced,
|
|
305
|
+
value,
|
|
306
|
+
open,
|
|
307
|
+
native,
|
|
308
|
+
children: /* @__PURE__ */ jsx(SelectSheetController, { onOpenChange: setOpen, __scopeSelect, children: shouldRenderWebNative ? children : /* @__PURE__ */ jsx(
|
|
309
|
+
SelectImpl,
|
|
310
|
+
{
|
|
311
|
+
activeIndexRef,
|
|
312
|
+
listContentRef,
|
|
313
|
+
selectedIndexRef,
|
|
314
|
+
...props,
|
|
315
|
+
open,
|
|
316
|
+
value,
|
|
317
|
+
children
|
|
318
|
+
}
|
|
319
|
+
) })
|
|
320
|
+
}
|
|
321
|
+
)
|
|
322
|
+
}
|
|
323
|
+
);
|
|
324
|
+
}
|
|
333
325
|
export {
|
|
334
326
|
Select,
|
|
335
327
|
SelectGroupFrame,
|