@tamagui/select 1.39.9 → 1.41.0

package/dist/jsx/SelectViewport.mjs

@@ -1,4 +1,5 @@
 import { FloatingFocusManager } from "@floating-ui/react";
+import { AnimatePresence } from "@tamagui/animate-presence";
 import {
   composeRefs,
   isWeb,
@@ -7,18 +8,22 @@ import {
 import { styled } from "@tamagui/core";
 import { PortalItem } from "@tamagui/portal";
 import { ThemeableStack } from "@tamagui/stacks";
-import * as React from "react";
 import { VIEWPORT_NAME } from "./constants";
 import { ForwardSelectContext, useSelectContext } from "./context";
 import { useSelectBreakpointActive } from "./useSelectBreakpointActive";
 const SelectViewportFrame = styled(ThemeableStack, {
   name: VIEWPORT_NAME,
-  backgroundColor: "$background",
-  elevate: true,
-  bordered: true,
-  userSelect: "none",
-  outlineWidth: 0,
   variants: {
+    unstyled: {
+      false: {
+        size: "$2",
+        backgroundColor: "$background",
+        elevate: true,
+        bordered: true,
+        userSelect: "none",
+        outlineWidth: 0
+      }
+    },
     size: {
       "...size": (val, { tokens }) => {
         return {
@@ -28,11 +33,11 @@ const SelectViewportFrame = styled(ThemeableStack, {
     }
   },
   defaultVariants: {
-    size: "$2"
+    unstyled: false
   }
 });
-const SelectViewport = React.forwardRef(
-  (props, forwardedRef) => {
+const SelectViewport = SelectViewportFrame.styleable(
+  function SelectViewport2(props, forwardedRef) {
     const { __scopeSelect, children, disableScroll, ...viewportProps } = props;
     const context = useSelectContext(VIEWPORT_NAME, __scopeSelect);
     const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint);
@@ -51,35 +56,35 @@ const SelectViewport = React.forwardRef(
     if (breakpointActive || !isWeb) {
       return <PortalItem hostName={`${context.scopeKey}SheetContents`}><ForwardSelectContext context={context}>{children}</ForwardSelectContext></PortalItem>;
     }
-    if (!context.floatingContext) {
-      return null;
-    }
-    if (!context.open) {
-      return <>{children}</>;
-    }
     const {
       style: { scrollbarWidth, listStyleType, overflow, ...restStyle },
       ...floatingProps
     } = context.interactions.getFloatingProps();
     return <>
-      {!disableScroll && <style
+      {!disableScroll && !props.unstyled && <style
         dangerouslySetInnerHTML={{
           __html: selectViewportCSS
         }}
       />}
-      <FloatingFocusManager context={context.floatingContext}><SelectViewportFrame
+      <FloatingFocusManager context={context.floatingContext}><AnimatePresence>{context.open ? <SelectViewportFrame
+        key="select-viewport"
         size={context.size}
         role="presentation"
         {...viewportProps}
         ref={composedRefs}
         {...floatingProps}
         {...restStyle}
-        overflow={disableScroll ? void 0 : overflow ?? "scroll"}
-      >{children}</SelectViewportFrame></FloatingFocusManager>
+        {...!props.unstyled && {
+          overflow: disableScroll ? void 0 : overflow ?? "scroll"
+        }}
+      >{children}</SelectViewportFrame> : null}</AnimatePresence></FloatingFocusManager>
+      {
+        /* keep in dom to allow for portal to the trigger... very hacky! we should fix */
+      }
+      {!context.open && <div style={{ display: "none" }}>{props.children}</div>}
     </>;
   }
 );
-SelectViewport.displayName = VIEWPORT_NAME;
 const selectViewportCSS = `
 .is_SelectViewport {
   scrollbar-width: none;

package/dist/jsx/SelectViewport.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/SelectViewport.tsx"],
-  "mappings": "AAAA,SAAS,4BAA4B;AACrC;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAC/B,YAAY,WAAW;AAEvB,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB,wBAAwB;AAEvD,SAAS,iCAAiC;AAMnC,MAAM,sBAAsB,OAAO,gBAAgB;AAAA,EACxD,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,cAAc;AAAA,EAEd,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,WAAW,CAAC,KAAK,EAAE,OAAO,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAEM,MAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,OAAyC,iBAAiB;AACzD,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI;AACrE,UAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,UAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAE1E,8BAA0B,MAAM;AAC9B,UAAI,QAAQ,QAAQ;AAClB,gBAAQ,OAAO;AAAA,MACjB;AAAA,IACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,UAAM,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AACA,QAAI,QAAQ,uBAAuB;AACjC,aAAO,GAAG,SAAS;AAAA,IACrB;AAEA,QAAI,oBAAoB,CAAC,OAAO;AAC9B,aACE,CAAC,WAAW,UAAU,GAAG,QAAQ,yBAC/B,CAAC,qBAAqB,SAAS,UAAU,SAAS,EAAjD,qBACH,EAFC;AAAA,IAIL;AAEA,QAAI,CAAC,QAAQ,iBAAiB;AAC5B,aAAO;AAAA,IACT;AAEA,QAAI,CAAC,QAAQ,MAAM;AACjB,aAAO,GAAG,SAAS;AAAA,IACrB;AAEA,UAAM;AAAA,MACJ,OAAO,EAAE,gBAAgB,eAAe,UAAU,GAAG,UAAU;AAAA,MAC/D,GAAG;AAAA,IACL,IAAI,QAAQ,aAAc,iBAAiB;AAE3C,WACE;AAAA,OACG,CAAC,iBACA,CAAC;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEF,CAAC,qBAAqB,SAAS,QAAQ,iBACrC,CAAC;AAAA,QACC,MAAM,QAAQ;AAAA,QAEd,KAAK;AAAA,YACD;AAAA,QACJ,KAAK;AAAA,YACD;AAAA,YACA;AAAA,QACJ,UAAU,gBAAgB,SAAY,YAAY;AAAA,QAEjD,SACH,EAXC,oBAYH,EAbC;AAAA,IAcH;AAAA,EAEJ;AACF;AAEA,eAAe,cAAc;AAE7B,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
+  "mappings": "AAAA,SAAS,4BAA4B;AACrC,SAAS,uBAAuB;AAChC;AAAA,EAEE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB;AAG/B,SAAS,qBAAqB;AAC9B,SAAS,sBAAsB,wBAAwB;AAEvD,SAAS,iCAAiC;AAMnC,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,MAAM;AAC9B,eAAO;AAAA,UACL,cAAc,OAAO,OAAO,GAAG,KAAK;AAAA,QACtC;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,iBAAiB;AAAA,IACf,UAAU;AAAA,EACZ;AACF,CAAC;AAEM,MAAM,iBAAiB,oBAAoB;AAAA,EAChD,SAASA,gBAAe,OAAyC,cAAc;AAC7E,UAAM,EAAE,eAAe,UAAU,eAAe,GAAG,cAAc,IAAI;AACrE,UAAM,UAAU,iBAAiB,eAAe,aAAa;AAC7D,UAAM,mBAAmB,0BAA0B,QAAQ,eAAe;AAE1E,8BAA0B,MAAM;AAC9B,UAAI,QAAQ,QAAQ;AAClB,gBAAQ,OAAO;AAAA,MACjB;AAAA,IACF,GAAG,CAAC,gBAAgB,CAAC;AAErB,UAAM,eAAe;AAAA,MACnB;AAAA,MACA,QAAQ,iBAAiB,KAAK;AAAA,IAChC;AAEA,QAAI,QAAQ,uBAAuB;AACjC,aAAO,GAAG,SAAS;AAAA,IACrB;AAEA,QAAI,oBAAoB,CAAC,OAAO;AAC9B,aACE,CAAC,WAAW,UAAU,GAAG,QAAQ,yBAC/B,CAAC,qBAAqB,SAAS,UAAU,SAAS,EAAjD,qBACH,EAFC;AAAA,IAIL;AAEA,UAAM;AAAA,MACJ,OAAO,EAAE,gBAAgB,eAAe,UAAU,GAAG,UAAU;AAAA,MAC/D,GAAG;AAAA,IACL,IAAI,QAAQ,aAAc,iBAAiB;AAE3C,WACE;AAAA,OACG,CAAC,iBAAiB,CAAC,MAAM,YACxB,CAAC;AAAA,QACC,yBAAyB;AAAA,UACvB,QAAQ;AAAA,QACV;AAAA,MACF;AAAA,MAEF,CAAC,qBAAqB,SAAS,QAAQ,iBACrC,CAAC,iBACE,QAAQ,OACP,CAAC;AAAA,QACC,IAAI;AAAA,QACJ,MAAM,QAAQ;AAAA,QAEd,KAAK;AAAA,YACD;AAAA,QACJ,KAAK;AAAA,YACD;AAAA,YACA;AAAA,YACC,CAAC,MAAM,YAAY;AAAA,UACtB,UAAU,gBAAgB,SAAY,YAAY;AAAA,QACpD;AAAA,QAEC,SACH,EAdC,uBAeC,KACN,EAlBC,gBAmBH,EApBC;AAAA;AAAA;AAAA;AAAA,OAuBA,CAAC,QAAQ,QAAQ,CAAC,IAAI,OAAO,EAAE,SAAS,OAAO,IAAI,MAAM,SAAS,EAAhD;AAAA,IACrB;AAAA,EAEJ;AACF;AAEA,MAAM,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": ["SelectViewport"]
 }

package/dist/jsx/useSelectItemContext.js

@@ -0,0 +1,137 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb, isWebTouchable, useIsomorphicLayoutEffect } from "@tamagui/core";
+import { ListItem } from "@tamagui/list-item";
+import * as React from "react";
+import { createSelectContext, useSelectContext } from "./context";
+const ITEM_NAME = "SelectItem";
+const [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
+const SelectItem = ListItem.styleable(
+  (props, forwardedRef) => {
+    const {
+      __scopeSelect,
+      value,
+      disabled = false,
+      textValue: textValueProp,
+      index,
+      ...itemProps
+    } = props;
+    const context = useSelectContext(ITEM_NAME, __scopeSelect);
+    const isSelected = context.value === value;
+    const textId = React.useId();
+    const {
+      selectedIndex,
+      setSelectedIndex,
+      listRef,
+      open,
+      setOpen,
+      onChange,
+      activeIndex,
+      allowMouseUpRef,
+      allowSelectRef,
+      setValueAtIndex,
+      selectTimeoutRef,
+      dataRef
+    } = context;
+    const composedRefs = useComposedRefs(forwardedRef, (node) => {
+      if (!isWeb)
+        return;
+      if (node instanceof HTMLElement) {
+        if (listRef) {
+          listRef.current[index] = node;
+        }
+      }
+    });
+    useIsomorphicLayoutEffect(() => {
+      setValueAtIndex(index, value);
+    }, [index, setValueAtIndex, value]);
+    function handleSelect() {
+      setSelectedIndex(index);
+      onChange(value);
+      setOpen(false);
+    }
+    const selectItemProps = context.interactions ? context.interactions.getItemProps({
+      ...isWebTouchable ? {
+        onTouchStart() {
+          allowSelectRef.current = true;
+          allowMouseUpRef.current = false;
+        }
+      } : {
+        onTouchMove() {
+          allowSelectRef.current = true;
+          allowMouseUpRef.current = false;
+        },
+        onTouchEnd() {
+          allowSelectRef.current = false;
+          allowMouseUpRef.current = true;
+        }
+      },
+      onKeyDown(event) {
+        if (event.key === "Enter" || event.key === " " && !dataRef?.current.typing) {
+          event.preventDefault();
+          handleSelect();
+        } else {
+          allowSelectRef.current = true;
+        }
+      },
+      onClick() {
+        if (allowSelectRef.current) {
+          setSelectedIndex(index);
+          setOpen(false);
+        }
+      },
+      onMouseUp() {
+        if (!allowMouseUpRef.current) {
+          return;
+        }
+        if (allowSelectRef.current) {
+          handleSelect();
+        }
+        clearTimeout(selectTimeoutRef.current);
+        selectTimeoutRef.current = setTimeout(() => {
+          allowSelectRef.current = true;
+        });
+      }
+    }) : {
+      onPress: handleSelect
+    };
+    const isActive = activeIndex === index;
+    React.useEffect(() => {
+      if (isActive) {
+        listRef?.current[index]?.focus();
+      }
+    }, [isActive]);
+    return <SelectItemContextProvider
+      scope={__scopeSelect}
+      value={value}
+      textId={textId || ""}
+      isSelected={isSelected}
+    >{context.shouldRenderWebNative ? <option value={value}>{props.children}</option> : <ListItem
+      tag="div"
+      componentName={ITEM_NAME}
+      backgrounded
+      pressTheme
+      hoverTheme
+      focusTheme
+      cursor="default"
+      outlineWidth={0}
+      ref={composedRefs}
+      aria-labelledby={textId}
+      aria-selected={isSelected}
+      data-state={isSelected ? "active" : "inactive"}
+      aria-disabled={disabled || void 0}
+      data-disabled={disabled ? "" : void 0}
+      tabIndex={disabled ? void 0 : -1}
+      size={context.size}
+      {...itemProps}
+      {...selectItemProps}
+      {...isActive && {
+        theme: "active"
+      }}
+    />}</SelectItemContextProvider>;
+  }
+);
+SelectItem.displayName = ITEM_NAME;
+export {
+  SelectItem
+};
+//# sourceMappingURL=useSelectItemContext.js.map

package/dist/jsx/useSelectItemContext.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSelectItemContext.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/dist/jsx/useSelectItemContext.mjs

@@ -0,0 +1,137 @@
+import { useComposedRefs } from "@tamagui/compose-refs";
+import { isWeb, isWebTouchable, useIsomorphicLayoutEffect } from "@tamagui/core";
+import { ListItem } from "@tamagui/list-item";
+import * as React from "react";
+import { createSelectContext, useSelectContext } from "./context";
+const ITEM_NAME = "SelectItem";
+const [SelectItemContextProvider, useSelectItemContext] = createSelectContext(ITEM_NAME);
+const SelectItem = ListItem.styleable(
+  (props, forwardedRef) => {
+    const {
+      __scopeSelect,
+      value,
+      disabled = false,
+      textValue: textValueProp,
+      index,
+      ...itemProps
+    } = props;
+    const context = useSelectContext(ITEM_NAME, __scopeSelect);
+    const isSelected = context.value === value;
+    const textId = React.useId();
+    const {
+      selectedIndex,
+      setSelectedIndex,
+      listRef,
+      open,
+      setOpen,
+      onChange,
+      activeIndex,
+      allowMouseUpRef,
+      allowSelectRef,
+      setValueAtIndex,
+      selectTimeoutRef,
+      dataRef
+    } = context;
+    const composedRefs = useComposedRefs(forwardedRef, (node) => {
+      if (!isWeb)
+        return;
+      if (node instanceof HTMLElement) {
+        if (listRef) {
+          listRef.current[index] = node;
+        }
+      }
+    });
+    useIsomorphicLayoutEffect(() => {
+      setValueAtIndex(index, value);
+    }, [index, setValueAtIndex, value]);
+    function handleSelect() {
+      setSelectedIndex(index);
+      onChange(value);
+      setOpen(false);
+    }
+    const selectItemProps = context.interactions ? context.interactions.getItemProps({
+      ...isWebTouchable ? {
+        onTouchStart() {
+          allowSelectRef.current = true;
+          allowMouseUpRef.current = false;
+        }
+      } : {
+        onTouchMove() {
+          allowSelectRef.current = true;
+          allowMouseUpRef.current = false;
+        },
+        onTouchEnd() {
+          allowSelectRef.current = false;
+          allowMouseUpRef.current = true;
+        }
+      },
+      onKeyDown(event) {
+        if (event.key === "Enter" || event.key === " " && !dataRef?.current.typing) {
+          event.preventDefault();
+          handleSelect();
+        } else {
+          allowSelectRef.current = true;
+        }
+      },
+      onClick() {
+        if (allowSelectRef.current) {
+          setSelectedIndex(index);
+          setOpen(false);
+        }
+      },
+      onMouseUp() {
+        if (!allowMouseUpRef.current) {
+          return;
+        }
+        if (allowSelectRef.current) {
+          handleSelect();
+        }
+        clearTimeout(selectTimeoutRef.current);
+        selectTimeoutRef.current = setTimeout(() => {
+          allowSelectRef.current = true;
+        });
+      }
+    }) : {
+      onPress: handleSelect
+    };
+    const isActive = activeIndex === index;
+    React.useEffect(() => {
+      if (isActive) {
+        listRef?.current[index]?.focus();
+      }
+    }, [isActive]);
+    return <SelectItemContextProvider
+      scope={__scopeSelect}
+      value={value}
+      textId={textId || ""}
+      isSelected={isSelected}
+    >{context.shouldRenderWebNative ? <option value={value}>{props.children}</option> : <ListItem
+      tag="div"
+      componentName={ITEM_NAME}
+      backgrounded
+      pressTheme
+      hoverTheme
+      focusTheme
+      cursor="default"
+      outlineWidth={0}
+      ref={composedRefs}
+      aria-labelledby={textId}
+      aria-selected={isSelected}
+      data-state={isSelected ? "active" : "inactive"}
+      aria-disabled={disabled || void 0}
+      data-disabled={disabled ? "" : void 0}
+      tabIndex={disabled ? void 0 : -1}
+      size={context.size}
+      {...itemProps}
+      {...selectItemProps}
+      {...isActive && {
+        theme: "active"
+      }}
+    />}</SelectItemContextProvider>;
+  }
+);
+SelectItem.displayName = ITEM_NAME;
+export {
+  SelectItem
+};
+//# sourceMappingURL=useSelectItemContext.mjs.map

package/dist/jsx/useSelectItemContext.mjs.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/useSelectItemContext.tsx"],
+  "mappings": "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",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/select",
-  "version": "1.39.9",
+  "version": "1.41.0",
   "sideEffects": [
     "*.css"
   ],
@@ -31,25 +31,26 @@
     }
   },
   "dependencies": {
-    "@floating-ui/react": "^0.24.3",
+    "@floating-ui/react": "^0.24.7",
     "@floating-ui/react-dom": "^2.0.1",
     "@floating-ui/react-native": "^0.10.1",
     "@radix-ui/react-use-previous": "^1.0.0",
-    "@tamagui/adapt": "1.39.9",
-    "@tamagui/compose-refs": "1.39.9",
-    "@tamagui/core": "1.39.9",
-    "@tamagui/create-context": "1.39.9",
-    "@tamagui/dismissable": "1.39.9",
-    "@tamagui/focus-scope": "1.39.9",
-    "@tamagui/get-token": "1.39.9",
-    "@tamagui/list-item": "1.39.9",
-    "@tamagui/portal": "1.39.9",
-    "@tamagui/separator": "1.39.9",
-    "@tamagui/sheet": "1.39.9",
-    "@tamagui/stacks": "1.39.9",
-    "@tamagui/text": "1.39.9",
-    "@tamagui/use-controllable-state": "1.39.9",
-    "@tamagui/use-event": "1.39.9"
+    "@tamagui/adapt": "1.41.0",
+    "@tamagui/animate-presence": "1.41.0",
+    "@tamagui/compose-refs": "1.41.0",
+    "@tamagui/core": "1.41.0",
+    "@tamagui/create-context": "1.41.0",
+    "@tamagui/dismissable": "1.41.0",
+    "@tamagui/focus-scope": "1.41.0",
+    "@tamagui/get-token": "1.41.0",
+    "@tamagui/list-item": "1.41.0",
+    "@tamagui/portal": "1.41.0",
+    "@tamagui/separator": "1.41.0",
+    "@tamagui/sheet": "1.41.0",
+    "@tamagui/stacks": "1.41.0",
+    "@tamagui/text": "1.41.0",
+    "@tamagui/use-controllable-state": "1.41.0",
+    "@tamagui/use-event": "1.41.0"
   },
   "peerDependencies": {
     "react": "*",
@@ -57,7 +58,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "1.39.9",
+    "@tamagui/build": "1.41.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-native": "^0.72.1"