@tamagui/select 2.0.0-1768636514428 → 2.0.0-1768696252732

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/select",
-  "version": "2.0.0-1768636514428",
+  "version": "2.0.0-1768696252732",
   "type": "module",
   "removeSideEffects": "true",
   "sideEffects": [
@@ -43,28 +43,28 @@
     "@floating-ui/react": "^0.27.16",
     "@floating-ui/react-dom": "^2.1.6",
     "@floating-ui/react-native": "^0.10.7",
-    "@tamagui/adapt": "2.0.0-1768636514428",
-    "@tamagui/animate-presence": "2.0.0-1768636514428",
-    "@tamagui/compose-refs": "2.0.0-1768636514428",
-    "@tamagui/constants": "2.0.0-1768636514428",
-    "@tamagui/core": "2.0.0-1768636514428",
-    "@tamagui/create-context": "2.0.0-1768636514428",
-    "@tamagui/dismissable": "2.0.0-1768636514428",
-    "@tamagui/focus-scope": "2.0.0-1768636514428",
-    "@tamagui/focusable": "2.0.0-1768636514428",
-    "@tamagui/get-token": "2.0.0-1768636514428",
-    "@tamagui/helpers": "2.0.0-1768636514428",
-    "@tamagui/list-item": "2.0.0-1768636514428",
-    "@tamagui/portal": "2.0.0-1768636514428",
-    "@tamagui/remove-scroll": "2.0.0-1768636514428",
-    "@tamagui/separator": "2.0.0-1768636514428",
-    "@tamagui/sheet": "2.0.0-1768636514428",
-    "@tamagui/stacks": "2.0.0-1768636514428",
-    "@tamagui/text": "2.0.0-1768636514428",
-    "@tamagui/use-controllable-state": "2.0.0-1768636514428",
-    "@tamagui/use-debounce": "2.0.0-1768636514428",
-    "@tamagui/use-event": "2.0.0-1768636514428",
-    "@tamagui/use-previous": "2.0.0-1768636514428"
+    "@tamagui/adapt": "2.0.0-1768696252732",
+    "@tamagui/animate-presence": "2.0.0-1768696252732",
+    "@tamagui/compose-refs": "2.0.0-1768696252732",
+    "@tamagui/constants": "2.0.0-1768696252732",
+    "@tamagui/core": "2.0.0-1768696252732",
+    "@tamagui/create-context": "2.0.0-1768696252732",
+    "@tamagui/dismissable": "2.0.0-1768696252732",
+    "@tamagui/focus-scope": "2.0.0-1768696252732",
+    "@tamagui/focusable": "2.0.0-1768696252732",
+    "@tamagui/get-token": "2.0.0-1768696252732",
+    "@tamagui/helpers": "2.0.0-1768696252732",
+    "@tamagui/list-item": "2.0.0-1768696252732",
+    "@tamagui/portal": "2.0.0-1768696252732",
+    "@tamagui/remove-scroll": "2.0.0-1768696252732",
+    "@tamagui/separator": "2.0.0-1768696252732",
+    "@tamagui/sheet": "2.0.0-1768696252732",
+    "@tamagui/stacks": "2.0.0-1768696252732",
+    "@tamagui/text": "2.0.0-1768696252732",
+    "@tamagui/use-controllable-state": "2.0.0-1768696252732",
+    "@tamagui/use-debounce": "2.0.0-1768696252732",
+    "@tamagui/use-event": "2.0.0-1768696252732",
+    "@tamagui/use-previous": "2.0.0-1768696252732"
   },
   "peerDependencies": {
     "react": "*",
@@ -72,7 +72,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "2.0.0-1768636514428",
+    "@tamagui/build": "2.0.0-1768696252732",
     "react": "*",
     "react-dom": "*",
     "react-native": "0.81.5"

package/src/Select.tsx

@@ -239,7 +239,7 @@ export const SelectGroupFrame = styled(YStack, {
 })
 
 const NativeSelectTextFrame = styled(SizableText, {
-  tag: 'select',
+  render: 'select',
   backgroundColor: '$background',
   borderColor: '$borderColor',
   hoverStyle: {
@@ -308,7 +308,7 @@ const SelectGroup = React.forwardRef<TamaguiElement, SelectGroupProps>(
             id={itemParentContext.id}
           >
             <NativeSelectTextFrame
-              // @ts-ignore it's ok since tag="select"
+              // @ts-ignore it's ok since render="select"
               onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
                 itemParentContext.onChange(event.currentTarget.value)
               }}
@@ -370,7 +370,7 @@ const SelectLabelFrame = React.forwardRef<TamaguiElement, SelectLabelProps>(
 
     return (
       <ListItem
-        tag="div"
+        render="div"
         componentName={LABEL_NAME}
         fontWeight="800"
         id={groupContext.id}

package/src/SelectImpl.tsx

@@ -270,6 +270,10 @@ export const SelectInlineImpl = (props: SelectImplProps) => {
 
   useIsomorphicLayoutEffect(() => {
     if (open) {
+      // Prevent the initial mouseup from selecting an item
+      // (the mouseup from the click that opened the menu)
+      allowMouseUpRef.current = false
+
       selectTimeoutRef.current = setTimeout(() => {
         allowSelectRef.current = true
       }, 300)

package/src/SelectItem.tsx

@@ -140,6 +140,9 @@ export const SelectItem = ListItem.Frame.styleable<SelectItemExtraProps>(
 
             onMouseUp() {
               if (!allowMouseUpRef!.current) {
+                // Re-enable mouseup and selection for subsequent interactions
+                allowMouseUpRef!.current = true
+                allowSelectRef!.current = true
                 return
               }
 
@@ -171,7 +174,7 @@ export const SelectItem = ListItem.Frame.styleable<SelectItemExtraProps>(
           <option value={value}>{props.children}</option>
         ) : (
           <ListItem.Frame
-            tag="div"
+            render="div"
             componentName={ITEM_NAME}
             ref={composedRefs}
             aria-labelledby={textId}

package/src/SelectTrigger.tsx

@@ -38,7 +38,7 @@ export const SelectTrigger = React.forwardRef<TamaguiElement, SelectTriggerProps
       <ListItem
         componentName={TRIGGER_NAME}
         unstyled={unstyled}
-        tag="button"
+        render="button"
         type="button"
         id={itemParentContext.id}
         {...(!unstyled && {

package/types/SelectImpl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectImpl.d.ts","sourceRoot":"","sources":["../src/SelectImpl.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,4CA4WtD,CAAA"}
+{"version":3,"file":"SelectImpl.d.ts","sourceRoot":"","sources":["../src/SelectImpl.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAG9C,eAAO,MAAM,gBAAgB,GAAI,OAAO,eAAe,4CAgXtD,CAAA"}

package/types/SelectItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../src/SelectItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MACK,yBAAyB;;;IACjB,oBAAoB,4CAC+B,CAAA;AAEvE,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,oBAAoB,CAAC,EACrD,oBAAoB;CAAG;AAE3B,eAAO,MAAM,UAAU;;;;;;;;;;;;8CA+KtB,CAAA"}
+{"version":3,"file":"SelectItem.d.ts","sourceRoot":"","sources":["../src/SelectItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAGvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,KAAK,sBAAsB,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,eAAO,MACK,yBAAyB;;;IACjB,oBAAoB,4CAC+B,CAAA;AAEvE,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,aAAa,EAAE,MAAM,oBAAoB,CAAC,EACrD,oBAAoB;CAAG;AAE3B,eAAO,MAAM,UAAU;;;;;;;;;;;;8CAkLtB,CAAA"}