@tamagui/select 1.0.1-beta.99 → 1.0.1-rc.0

package/src/context.tsx

@@ -0,0 +1,19 @@
+import { createContextScope } from '@tamagui/create-context'
+
+import { SELECT_NAME } from './constants'
+import { ScopedProps, SelectContextValue } from './types'
+
+export const [createSelectContext, createSelectScope] = createContextScope(SELECT_NAME)
+
+export const [SelectProvider, useSelectContext] =
+  createSelectContext<SelectContextValue>(SELECT_NAME)
+
+export const ForwardSelectContext = (
+  props: ScopedProps<{ children?: any; context: SelectContextValue }>
+) => {
+  return (
+    <SelectProvider isInSheet scope={props.__scopeSelect} {...props.context}>
+      {props.children}
+    </SelectProvider>
+  )
+}

package/src/index.tsx

@@ -1 +1,8 @@
 export * from './Select'
+export type {
+  SelectContentProps,
+  SelectProps,
+  SelectScrollButtonProps,
+  SelectViewportProps,
+} from './types'
+export * from './context'

package/src/types.tsx

@@ -0,0 +1,91 @@
+import type {
+  ContextData,
+  FloatingContext,
+  ReferenceType,
+} from '@floating-ui/react-dom-interactions'
+import type { 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'
+
+export type Direction = 'ltr' | 'rtl'
+
+export type ScopedProps<P> = P & { __scopeSelect?: Scope }
+
+export interface SelectProps {
+  id?: string
+  children?: ReactNode
+  value?: string
+  defaultValue?: string
+  onValueChange?(value: string): void
+  open?: boolean
+  defaultOpen?: boolean
+  onOpenChange?(open: boolean): void
+  dir?: Direction
+  name?: string
+  autoComplete?: string
+  size?: SizeTokens
+}
+
+export interface SelectContextValue {
+  dir?: Direction
+  scopeKey: string
+  sheetBreakpoint: any
+  size?: SizeTokens
+  value: any
+  selectedItem: ReactNode
+  setSelectedItem: (item: ReactNode) => void
+  selectedIndex: number
+  setSelectedIndex: (index: number) => void
+  activeIndex: number | null
+  setActiveIndex: (index: number | null) => void
+  setValueAtIndex: (index: number, value: string) => void
+  open: boolean
+  setOpen: (open: boolean) => void
+  onChange: (value: string) => void
+  valueNode: Element | null
+  onValueNodeChange(node: HTMLElement): void
+  valueNodeHasChildren: boolean
+  onValueNodeHasChildrenChange(hasChildren: boolean): void
+  forceUpdate: DispatchWithoutAction
+
+  // SheetImpl only:
+  isInSheet?: boolean
+
+  // InlineImpl only:
+  fallback: boolean
+  blockSelection: boolean
+  allowSelectRef?: MutableRefObject<boolean>
+  allowMouseUpRef?: MutableRefObject<boolean>
+  upArrowRef?: MutableRefObject<HTMLDivElement | null>
+  downArrowRef?: MutableRefObject<HTMLDivElement | null>
+  selectTimeoutRef?: MutableRefObject<any>
+  setScrollTop?: Function
+  setInnerOffset?: Function
+  dataRef?: MutableRefObject<ContextData>
+  controlledScrolling?: boolean
+  listRef?: MutableRefObject<Array<HTMLElement | null>>
+  floatingRef?: MutableRefObject<HTMLElement | null>
+  canScrollUp?: boolean
+  canScrollDown?: boolean
+  floatingContext?: FloatingContext<ReferenceType>
+  interactions?: {
+    getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => any
+    getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any
+    getItemProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any
+  }
+}
+
+export type SelectViewportProps = ThemeableStackProps & {
+  size?: SizeTokens
+}
+
+export type SelectContentProps = ScopedProps<{ children?: React.ReactNode; zIndex?: number }>
+
+export interface SelectScrollButtonImplProps extends YStackProps {
+  dir: 'up' | 'down'
+  componentName: string
+}
+
+export interface SelectScrollButtonProps
+  extends Omit<SelectScrollButtonImplProps, 'dir' | 'componentName'> {}

package/src/useSelectBreakpointActive.tsx

@@ -0,0 +1,15 @@
+import { useMedia } from '@tamagui/core'
+
+import { SelectContextValue } from './types'
+
+export const useSelectBreakpointActive = (
+  sheetBreakpoint: SelectContextValue['sheetBreakpoint']
+) => {
+  const media = useMedia()
+  return sheetBreakpoint ? media[sheetBreakpoint] : false
+}
+
+export const useShowSelectSheet = (context: SelectContextValue) => {
+  const breakpointActive = useSelectBreakpointActive(context.sheetBreakpoint)
+  return context.open === false ? false : breakpointActive
+}

package/types/BubbleSelect.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BubbleSelect.d.ts.map