@tamagui/select 1.0.1-beta.72 → 1.0.1-beta.75

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/select",
-  "version": "1.0.1-beta.72",
+  "version": "1.0.1-beta.75",
   "sideEffects": [
     "*.css"
   ],
@@ -26,14 +26,14 @@
     "@floating-ui/react-native": "^0.7.0",
     "@radix-ui/react-use-callback-ref": "^0.1.0",
     "@radix-ui/react-use-previous": "^0.1.1",
-    "@tamagui/compose-refs": "^1.0.1-beta.72",
-    "@tamagui/core": "^1.0.1-beta.72",
-    "@tamagui/create-context": "^1.0.1-beta.72",
-    "@tamagui/list-item": "^1.0.1-beta.72",
-    "@tamagui/separator": "^1.0.1-beta.72",
-    "@tamagui/stacks": "^1.0.1-beta.72",
-    "@tamagui/text": "^1.0.1-beta.72",
-    "@tamagui/use-controllable-state": "^1.0.1-beta.72"
+    "@tamagui/compose-refs": "^1.0.1-beta.75",
+    "@tamagui/core": "^1.0.1-beta.75",
+    "@tamagui/create-context": "^1.0.1-beta.75",
+    "@tamagui/list-item": "^1.0.1-beta.75",
+    "@tamagui/separator": "^1.0.1-beta.75",
+    "@tamagui/stacks": "^1.0.1-beta.75",
+    "@tamagui/text": "^1.0.1-beta.75",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.75"
   },
   "peerDependencies": {
     "react": "*",
@@ -41,7 +41,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.72",
+    "@tamagui/build": "^1.0.1-beta.75",
     "@types/react-native": "^0.67.3",
     "react": "*",
     "react-dom": "*",

package/src/Select.tsx

@@ -70,14 +70,6 @@ function getVisualOffsetTop() {
   return !/^((?!chrome|android).)*safari/i.test(userAgent) ? visualViewport.offsetTop : 0
 }
 
-const getSelectItemSize = (val: SizeTokens, { tokens }: VariantSpreadExtras<any>) => {
-  const padding = getVariableValue(tokens.size[val])
-  return {
-    paddingHorizontal: padding / 2,
-    paddingVertical: padding / 4,
-  }
-}
-
 /* -------------------------------------------------------------------------------------------------
  * SelectContext
  * -----------------------------------------------------------------------------------------------*/
@@ -132,9 +124,6 @@ type GenericElement = HTMLElement | View
 
 type Direction = 'ltr' | 'rtl'
 
-const OPEN_KEYS = [' ', 'Enter', 'ArrowUp', 'ArrowDown']
-const SELECTION_KEYS = [' ', 'Enter']
-
 /* -------------------------------------------------------------------------------------------------
  * SelectTrigger
  * -----------------------------------------------------------------------------------------------*/
@@ -194,6 +183,7 @@ const VALUE_NAME = 'SelectValue'
 
 const SelectValueFrame = styled(Paragraph, {
   name: VALUE_NAME,
+  selectable: false,
 })
 
 type SelectValueProps = GetProps<typeof SelectValueFrame> & {
@@ -274,6 +264,7 @@ export const SelectViewportFrame = styled(ThemeableStack, {
   elevate: true,
   overflow: 'hidden',
   userSelect: 'none',
+  maxHeight: '100%',
 
   variants: {
     size: {
@@ -407,7 +398,7 @@ export const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
       setOpen(false)
     }
 
-    React.useEffect(() => {
+    React.useLayoutEffect(() => {
       clearTimeout(timeoutRef.current)
       if (open) {
         if (selectedIndex !== index) {
@@ -442,7 +433,8 @@ export const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
         textId={textId || ''}
         isSelected={isSelected}
         onItemTextChange={React.useCallback((node) => {
-          // setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? '').trim())
+          // @ts-ignore
+          setTextValue((prevTextValue) => prevTextValue || (node?.textContent ?? '').trim())
         }, [])}
       >
         <ListItem
@@ -478,7 +470,7 @@ const ITEM_TEXT_NAME = 'SelectItemText'
 
 export const SelectItemTextFrame = styled(Paragraph, {
   name: ITEM_TEXT_NAME,
-  cursor: 'default',
+  selectable: false,
 })
 
 type SelectItemTextProps = GetProps<typeof SelectItemTextFrame>
@@ -717,6 +709,7 @@ const SelectScrollButtonImpl = React.forwardRef<
   const handleScrollArrowChange = () => {
     const floating = floatingRef.current
     const isUp = dir === 'up'
+
     if (floating) {
       const value = isUp ? -SCROLL_ARROW_VELOCITY : SCROLL_ARROW_VELOCITY
       const multi =
@@ -726,6 +719,7 @@ const SelectScrollButtonImpl = React.forwardRef<
             floating.scrollHeight - floating.clientHeight - SCROLL_ARROW_THRESHOLD * 2)
           ? 2
           : 1
+
       floating.scrollTop += multi * (isUp ? -SCROLL_ARROW_VELOCITY : SCROLL_ARROW_VELOCITY)
 
       increaseHeight(floating, multi === 2 ? value * 2 : value)
@@ -740,6 +734,7 @@ const SelectScrollButtonImpl = React.forwardRef<
       componentName={componentName}
       aria-hidden
       {...scrollIndicatorProps}
+      zIndex={1000}
       // @ts-expect-error
       position={strategy}
       left={x || 0}
@@ -835,6 +830,7 @@ export const Select = withStaticProperties(
     const [selectedIndex, setSelectedIndex] = React.useState(
       Math.max(0, listContentRef.current.indexOf(value))
     )
+
     const [controlledScrolling, setControlledScrolling] = React.useState(false)
     const [middlewareType, setMiddlewareType] = React.useState<'align' | 'fallback'>('align')
 
@@ -1271,6 +1267,11 @@ export const Select = withStaticProperties(
                 position: strategy,
                 top: y ?? '',
                 left: x ?? '',
+                outline: 0,
+                overflowY: 'auto',
+                listStyleType: 'none',
+                scrollbarWidth: 'none',
+                userSelect: 'none',
               },
               onPointerEnter() {
                 setControlledScrolling(false)
@@ -1295,22 +1296,12 @@ export const Select = withStaticProperties(
         dataRef={context.dataRef}
         listRef={listItemsRef}
         onChange={setValue}
-        selectedIndex={0}
+        selectedIndex={selectedIndex}
         setActiveIndex={setActiveIndex}
         setOpen={setOpen}
         setSelectedIndex={setSelectedIndex}
         value={value}
-        // trigger={trigger}
-        // onTriggerChange={setTrigger}
-        // contentId={useId() || ''}
-        // value={value}
-        // onValueChange={setValue}
         open={open}
-        // onOpenChange={setOpen}
-        // TODO
-        // dir={'rtl'} //direction}
-        // bubbleSelect={bubbleSelect}
-        // triggerPointerDownPosRef={triggerPointerDownPosRef}
       >
         {/* <Collection.Provider scope={__scopeSelect}>{children}</Collection.Provider> */}
         {children}

package/types/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"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"}