@tamagui/select 1.18.0 → 1.19.0

package/src/Select.tsx

@@ -3,17 +3,19 @@ import { useComposedRefs } from '@tamagui/compose-refs'
 import {
   GetProps,
   TamaguiElement,
+  getVariableValue,
   isWeb,
   styled,
   useGet,
   useIsomorphicLayoutEffect,
   withStaticProperties,
 } from '@tamagui/core'
+import { getSpace } from '@tamagui/helpers-tamagui'
 import { ListItem, ListItemProps } from '@tamagui/list-item'
 import { PortalHost } from '@tamagui/portal'
 import { Separator } from '@tamagui/separator'
 import { ControlledSheet, SheetController } from '@tamagui/sheet'
-import { XStack, YStack } from '@tamagui/stacks'
+import { ThemeableStack, XStack, YStack } from '@tamagui/stacks'
 import { Paragraph, SizableText } from '@tamagui/text'
 import { useControllableState } from '@tamagui/use-controllable-state'
 import * as React from 'react'
@@ -47,12 +49,15 @@ export const SelectTrigger = React.forwardRef<TamaguiElement, SelectTriggerProps
       'aria-labelledby': ariaLabelledby,
       ...triggerProps
     } = props
+
     const context = useSelectContext(TRIGGER_NAME, __scopeSelect)
     // const composedRefs = useComposedRefs(forwardedRef, context.onTriggerChange)
     // const getItems = useCollection(__scopeSelect)
     // const labelId = useLabelContext(context.trigger)
     const labelledBy = ariaLabelledby // || labelId
 
+    if (context.shouldRenderWebNative) return null
+
     return (
       <ListItem
         componentName={TRIGGER_NAME}
@@ -275,28 +280,32 @@ export const SelectItem = React.forwardRef<TamaguiElement, SelectItemProps>(
         textId={textId || ''}
         isSelected={isSelected}
       >
-        <ListItem
-          tag="div"
-          backgrounded
-          pressTheme
-          hoverTheme
-          cursor="default"
-          outlineWidth={0}
-          componentName={ITEM_NAME}
-          ref={composedRefs}
-          aria-labelledby={textId}
-          aria-selected={isSelected}
-          data-state={isSelected ? 'active' : 'inactive'}
-          aria-disabled={disabled || undefined}
-          data-disabled={disabled ? '' : undefined}
-          tabIndex={disabled ? undefined : -1}
-          size={context.size}
-          focusStyle={{
-            backgroundColor: '$backgroundHover',
-          }}
-          {...itemProps}
-          {...selectItemProps}
-        />
+        {context.shouldRenderWebNative ? (
+          <option value={value}>{props.children}</option>
+        ) : (
+          <ListItem
+            tag="div"
+            backgrounded
+            pressTheme
+            hoverTheme
+            cursor="default"
+            outlineWidth={0}
+            componentName={ITEM_NAME}
+            ref={composedRefs}
+            aria-labelledby={textId}
+            aria-selected={isSelected}
+            data-state={isSelected ? 'active' : 'inactive'}
+            aria-disabled={disabled || undefined}
+            data-disabled={disabled ? '' : undefined}
+            tabIndex={disabled ? undefined : -1}
+            size={context.size}
+            focusStyle={{
+              backgroundColor: '$backgroundHover',
+            }}
+            {...itemProps}
+            {...selectItemProps}
+          />
+        )}
       </SelectItemContextProvider>
     )
   }
@@ -321,11 +330,10 @@ const SelectItemText = React.forwardRef<TamaguiElement, SelectItemTextProps>(
   (props: ScopedProps<SelectItemTextProps>, forwardedRef) => {
     const { __scopeSelect, className, ...itemTextProps } = props
     const context = useSelectContext(ITEM_TEXT_NAME, __scopeSelect)
-    const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect)
     const ref = React.useRef<TamaguiElement | null>(null)
     const composedRefs = useComposedRefs(forwardedRef, ref)
+    const itemContext = useSelectItemContext(ITEM_TEXT_NAME, __scopeSelect)
     const isSelected = Boolean(itemContext.isSelected && context.valueNode)
-
     const contents = React.useMemo(
       () => (
         <SelectItemTextFrame
@@ -348,6 +356,7 @@ const SelectItemText = React.forwardRef<TamaguiElement, SelectItemTextProps>(
       // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isSelected, contents])
 
+    if (context.shouldRenderWebNative) return <>{props.children}</>
     return (
       <>
         {contents}
@@ -388,7 +397,10 @@ type SelectItemIndicatorProps = GetProps<typeof SelectItemIndicatorFrame>
 const SelectItemIndicator = React.forwardRef<TamaguiElement, SelectItemIndicatorProps>(
   (props: ScopedProps<SelectItemIndicatorProps>, forwardedRef) => {
     const { __scopeSelect, ...itemIndicatorProps } = props
+    const context = useSelectContext(ITEM_INDICATOR_NAME, __scopeSelect)
     const itemContext = useSelectItemContext(ITEM_INDICATOR_NAME, __scopeSelect)
+
+    if (context.shouldRenderWebNative) return null
     return itemContext.isSelected ? (
       <SelectItemIndicatorFrame aria-hidden {...itemIndicatorProps} ref={forwardedRef} />
     ) : null
@@ -413,14 +425,80 @@ export const SelectGroupFrame = styled(YStack, {
   width: '100%',
 })
 
+const NativeSelectTextFrame = styled(SizableText, {
+  tag: 'select',
+  backgroundColor: '$background',
+  borderColor: '$borderColor',
+  hoverStyle: {
+    backgroundColor: '$backgroundHover',
+  },
+})
+
+const NativeSelectFrame = styled(ThemeableStack, {
+  name: 'NativeSelect',
+
+  bordered: true,
+  userSelect: 'none',
+  outlineWidth: 0,
+  paddingRight: 10,
+
+  variants: {
+    size: {
+      '...size': (val, extras) => {
+        const { tokens } = extras
+        const paddingHorizontal = getVariableValue(tokens.space[val])
+
+        return {
+          borderRadius: tokens.radius[val] ?? val,
+          minHeight: tokens.size[val],
+          paddingRight: paddingHorizontal + 20,
+          paddingLeft: paddingHorizontal,
+          paddingVertical: getSpace(val, -2),
+        }
+      },
+    },
+  } as const,
+
+  defaultVariants: {
+    size: '$2',
+  },
+})
+
 type SelectGroupProps = GetProps<typeof SelectGroupFrame>
 
 const SelectGroup = React.forwardRef<TamaguiElement, SelectGroupProps>(
   (props: ScopedProps<SelectGroupProps>, forwardedRef) => {
     const { __scopeSelect, ...groupProps } = props
     const groupId = React.useId()
-    return (
-      <SelectGroupContextProvider scope={__scopeSelect} id={groupId || ''}>
+
+    const context = useSelectContext(GROUP_NAME, __scopeSelect)
+    const size = context.size ?? '$true'
+    const nativeSelectRef = React.useRef<HTMLSelectElement>(null)
+
+    const content = (function () {
+      if (context.shouldRenderWebNative) {
+        return (
+          // @ts-expect-error until we support typing based on tag
+          <NativeSelectFrame asChild size={size} value={context.value}>
+            <NativeSelectTextFrame
+              // @ts-ignore it's ok since tag="select"
+              onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
+                context.onChange(event.currentTarget.value)
+              }}
+              size={size}
+              ref={nativeSelectRef}
+              style={{
+                color: 'var(--color)',
+                // @ts-ignore
+                appearance: 'none',
+              }}
+            >
+              {props.children}
+            </NativeSelectTextFrame>
+          </NativeSelectFrame>
+        )
+      }
+      return (
         <SelectGroupFrame
           // @ts-ignore
           role="group"
@@ -428,6 +506,11 @@ const SelectGroup = React.forwardRef<TamaguiElement, SelectGroupProps>(
           {...groupProps}
           ref={forwardedRef}
         />
+      )
+    })()
+    return (
+      <SelectGroupContextProvider scope={__scopeSelect} id={groupId || ''}>
+        {content}
       </SelectGroupContextProvider>
     )
   }
@@ -448,6 +531,11 @@ const SelectLabel = React.forwardRef<TamaguiElement, SelectLabelProps>(
     const { __scopeSelect, ...labelProps } = props
     const context = useSelectContext(LABEL_NAME, __scopeSelect)
     const groupContext = useSelectGroupContext(LABEL_NAME, __scopeSelect)
+
+    if (context.shouldRenderWebNative) {
+      return null
+    }
+
     return (
       <ListItem
         tag="div"
@@ -510,6 +598,7 @@ export const Select = withStaticProperties(
   (props: ScopedProps<SelectProps>) => {
     const {
       __scopeSelect,
+      native,
       children,
       open: openProp,
       defaultOpen,
@@ -562,6 +651,12 @@ export const Select = withStaticProperties(
       activeIndexRef.current = activeIndex
     })
 
+    const shouldRenderWebNative =
+      isWeb &&
+      (native === true ||
+        native === 'web' ||
+        (Array.isArray(native) && native.includes('web')))
+
     return (
       <AdaptProvider>
         <SelectProvider
@@ -590,18 +685,24 @@ export const Select = withStaticProperties(
           setSelectedIndex={setSelectedIndex}
           value={value}
           open={open}
+          native={native}
+          shouldRenderWebNative={shouldRenderWebNative}
         >
           <SelectSheetController onOpenChange={setOpen} __scopeSelect={__scopeSelect}>
-            <SelectImpl
-              activeIndexRef={activeIndexRef}
-              listContentRef={listContentRef}
-              selectedIndexRef={selectedIndexRef}
-              {...props}
-              open={open}
-              value={value}
-            >
-              {children}
-            </SelectImpl>
+            {shouldRenderWebNative ? (
+              children
+            ) : (
+              <SelectImpl
+                activeIndexRef={activeIndexRef}
+                listContentRef={listContentRef}
+                selectedIndexRef={selectedIndexRef}
+                {...props}
+                open={open}
+                value={value}
+              >
+                {children}
+              </SelectImpl>
+            )}
           </SelectSheetController>
         </SelectProvider>
       </AdaptProvider>

package/src/SelectContent.tsx

@@ -29,6 +29,10 @@ export const SelectContent = ({
   )
   const touch = useIsTouchDevice()
 
+  if (context.shouldRenderWebNative) {
+    return <>{children}</>
+  }
+
   if (showSheet) {
     if (!context.open) {
       return null

package/src/SelectViewport.tsx

@@ -43,6 +43,10 @@ export const SelectViewport = React.forwardRef<TamaguiElement, SelectViewportPro
     const context = useSelectContext(VIEWPORT_NAME, __scopeSelect)
     const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)
 
+    if (context.shouldRenderWebNative) {
+      return <>{children}</>
+    }
+
     if (breakpointActive || !isWeb) {
       return (
         <PortalItem hostName={`${context.scopeKey}SheetContents`}>

package/src/types.tsx

@@ -1,5 +1,5 @@
 import type { ContextData, FloatingContext, ReferenceType } from '@floating-ui/react'
-import type { SizeTokens } from '@tamagui/core'
+import type { NativePlatform, NativeValue, SizeTokens } from '@tamagui/core'
 import type { Scope } from '@tamagui/create-context'
 import type { ThemeableStackProps, YStackProps } from '@tamagui/stacks'
 import type { DispatchWithoutAction, HTMLProps, MutableRefObject, ReactNode } from 'react'
@@ -27,6 +27,10 @@ export interface SelectProps {
   name?: string
   autoComplete?: string
   size?: SizeTokens
+  /**
+   * If passed, will render a native component instead of the custom one. Currently only `web` is supported.
+   */
+  native?: NativeValue<'web'>
 }
 
 export interface SelectContextValue {
@@ -76,6 +80,8 @@ export interface SelectContextValue {
     getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any
     getItemProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any
   }
+  native?: NativeValue
+  shouldRenderWebNative: boolean
 }
 
 export type SelectViewportProps = ThemeableStackProps & {

package/types/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,cAAc,EAMf,MAAM,eAAe,CAAA;AACtB,OAAO,EAAY,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAO5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EAAE,WAAW,EAAmB,WAAW,EAAE,MAAM,SAAS,CAAA;AAYnE,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAA;AAE9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCA6CzB,CAAA;AAgED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKrB,CAAA;AAiBF,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,wFA4HtB,CAAA;AAUD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;EAG9B,CAAA;AA+FF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAG3B,CAAA;AA8BF,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAA;AA2B5C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;EAE1B,CAAA;AAoCF,eAAO,MAAM,MAAM,WACT,YAAY,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAxZlB,MAAM,SAAS;;;;;;;;;;;;;;sBAAf,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;sBAAf,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;sBAAf,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4gB9B,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../src/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,cAAc,EAOf,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAY,aAAa,EAAE,MAAM,oBAAoB,CAAA;AAO5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,OAAO,EAAE,WAAW,EAAmB,WAAW,EAAE,MAAM,SAAS,CAAA;AAYnE,MAAM,MAAM,kBAAkB,GAAG,aAAa,CAAA;AAE9C,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAgDzB,CAAA;AAgED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAKrB,CAAA;AAiBF,MAAM,WAAW,eAAgB,SAAQ,aAAa;IACpD,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,wFAgItB,CAAA;AAUD,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;EAG9B,CAAA;AAkGF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAG3B,CAAA;AAqGF,MAAM,MAAM,gBAAgB,GAAG,aAAa,CAAA;AAgC5C,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;EAE1B,CAAA;AAoCF,eAAO,MAAM,MAAM,WACT,YAAY,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA3elB,MAAM,SAAS;;;;;;;;;;;;;;sBAAf,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;sBAAf,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;sBAAf,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4mB9B,CAAA"}

package/types/SelectContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../src/SelectContent.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAc,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAGlE,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAS5C,eAAO,MAAM,aAAa,4DAKvB,kBAAkB,GAAG,eAAe,uBA+BtC,CAAA"}
+{"version":3,"file":"SelectContent.d.ts","sourceRoot":"","sources":["../src/SelectContent.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAc,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAGlE,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAS5C,eAAO,MAAM,aAAa,4DAKvB,kBAAkB,GAAG,eAAe,uBAmCtC,CAAA"}

package/types/SelectViewport.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectViewport.d.ts","sourceRoot":"","sources":["../src/SelectViewport.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAS,MAAM,eAAe,CAAA;AAIrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqB9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAqD1B,CAAA"}
+{"version":3,"file":"SelectViewport.d.ts","sourceRoot":"","sources":["../src/SelectViewport.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAS,MAAM,eAAe,CAAA;AAIrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqB9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAyD1B,CAAA"}

package/types/types.d.ts

@@ -1,5 +1,5 @@
 import type { ContextData, FloatingContext, ReferenceType } from '@floating-ui/react';
-import type { SizeTokens } from '@tamagui/core';
+import type { NativeValue, SizeTokens } from '@tamagui/core';
 import type { Scope } from '@tamagui/create-context';
 import type { ThemeableStackProps, YStackProps } from '@tamagui/stacks';
 import type { DispatchWithoutAction, HTMLProps, MutableRefObject, ReactNode } from 'react';
@@ -25,6 +25,10 @@ export interface SelectProps {
     name?: string;
     autoComplete?: string;
     size?: SizeTokens;
+    /**
+     * If passed, will render a native component instead of the custom one. Currently only `web` is supported.
+     */
+    native?: NativeValue<'web'>;
 }
 export interface SelectContextValue {
     dir?: Direction;
@@ -69,6 +73,8 @@ export interface SelectContextValue {
         getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any;
         getItemProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any;
     };
+    native?: NativeValue;
+    shouldRenderWebNative: boolean;
 }
 export type SelectViewportProps = ThemeableStackProps & {
     size?: SizeTokens;

package/types/types.d.ts.map

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