@tamagui/select 1.0.1-beta.21 → 1.0.1-beta.211

package/types/SelectContent.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { FocusScopeProps } from '@tamagui/focus-scope';
+import { SelectContentProps } from './types';
+export declare const SelectContent: ({ children, __scopeSelect, zIndex, ...focusScopeProps }: SelectContentProps & FocusScopeProps) => JSX.Element;
+//# sourceMappingURL=SelectContent.d.ts.map

package/types/SelectContent.native.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SelectContentProps } from './types';
+export declare const SelectContent: ({ children }: SelectContentProps) => import("react").ReactNode;
+//# sourceMappingURL=SelectContent.native.d.ts.map

package/types/SelectImpl.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { ScopedProps, SelectProps } from './types';
+export declare type SelectImplProps = ScopedProps<SelectProps> & {
+    activeIndexRef: any;
+    selectedIndexRef: any;
+    listContentRef: any;
+};
+export declare const SelectInlineImpl: (props: SelectImplProps) => JSX.Element;
+//# sourceMappingURL=SelectImpl.d.ts.map

package/types/SelectScrollButton.d.ts

@@ -0,0 +1,6 @@
+import { TamaguiElement } from '@tamagui/core';
+import * as React from 'react';
+import { SelectScrollButtonProps } from './types';
+export declare const SelectScrollUpButton: React.ForwardRefExoticComponent<SelectScrollButtonProps & React.RefAttributes<TamaguiElement>>;
+export declare const SelectScrollDownButton: React.ForwardRefExoticComponent<SelectScrollButtonProps & React.RefAttributes<TamaguiElement>>;
+//# sourceMappingURL=SelectScrollButton.d.ts.map

package/types/SelectScrollButton.native.d.ts

@@ -0,0 +1,4 @@
+import { ScopedProps, SelectScrollButtonProps } from './types';
+export declare const SelectScrollUpButton: (_: ScopedProps<SelectScrollButtonProps>) => null;
+export declare const SelectScrollDownButton: (_: ScopedProps<SelectScrollButtonProps>) => null;
+//# sourceMappingURL=SelectScrollButton.native.d.ts.map

package/types/SelectViewport.d.ts

@@ -0,0 +1,127 @@
+import { TamaguiElement } from '@tamagui/core';
+import * as React from 'react';
+export declare const SelectViewportFrame: import("@tamagui/core").TamaguiComponent<Omit<import("@tamagui/types-react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    readonly fontFamily?: unknown;
+    readonly backgrounded?: boolean | undefined;
+    readonly radiused?: boolean | undefined;
+    readonly hoverTheme?: boolean | undefined;
+    readonly pressTheme?: boolean | undefined;
+    readonly focusTheme?: boolean | undefined;
+    readonly circular?: boolean | undefined;
+    readonly padded?: boolean | undefined;
+    readonly elevate?: boolean | undefined;
+    readonly bordered?: number | boolean | undefined;
+    readonly transparent?: boolean | undefined;
+    readonly chromeless?: boolean | "all" | undefined;
+}, "size"> & {
+    readonly size?: import("@tamagui/core").SizeTokens | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("@tamagui/types-react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    readonly fontFamily?: unknown;
+    readonly backgrounded?: boolean | undefined;
+    readonly radiused?: boolean | undefined;
+    readonly hoverTheme?: boolean | undefined;
+    readonly pressTheme?: boolean | undefined;
+    readonly focusTheme?: boolean | undefined;
+    readonly circular?: boolean | undefined;
+    readonly padded?: boolean | undefined;
+    readonly elevate?: boolean | undefined;
+    readonly bordered?: number | boolean | undefined;
+    readonly transparent?: boolean | undefined;
+    readonly chromeless?: boolean | "all" | undefined;
+}, "size"> & {
+    readonly size?: import("@tamagui/core").SizeTokens | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("@tamagui/types-react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    readonly fontFamily?: unknown;
+    readonly backgrounded?: boolean | undefined;
+    readonly radiused?: boolean | undefined;
+    readonly hoverTheme?: boolean | undefined;
+    readonly pressTheme?: boolean | undefined;
+    readonly focusTheme?: boolean | undefined;
+    readonly circular?: boolean | undefined;
+    readonly padded?: boolean | undefined;
+    readonly elevate?: boolean | undefined;
+    readonly bordered?: number | boolean | undefined;
+    readonly transparent?: boolean | undefined;
+    readonly chromeless?: boolean | "all" | undefined;
+}, "size"> & {
+    readonly size?: import("@tamagui/core").SizeTokens | undefined;
+}>>, TamaguiElement, import("@tamagui/core").StackPropsBase, {
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+} & {
+    readonly fontFamily?: unknown;
+    readonly backgrounded?: boolean | undefined;
+    readonly radiused?: boolean | undefined;
+    readonly hoverTheme?: boolean | undefined;
+    readonly pressTheme?: boolean | undefined;
+    readonly focusTheme?: boolean | undefined;
+    readonly circular?: boolean | undefined;
+    readonly padded?: boolean | undefined;
+    readonly elevate?: boolean | undefined;
+    readonly bordered?: number | boolean | undefined;
+    readonly transparent?: boolean | undefined;
+    readonly chromeless?: boolean | "all" | undefined;
+} & {
+    readonly size?: import("@tamagui/core").SizeTokens | undefined;
+}>;
+export declare const SelectViewport: React.ForwardRefExoticComponent<Omit<import("@tamagui/types-react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+}, "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
+    readonly fontFamily?: unknown;
+    readonly backgrounded?: boolean | undefined;
+    readonly radiused?: boolean | undefined;
+    readonly hoverTheme?: boolean | undefined;
+    readonly pressTheme?: boolean | undefined;
+    readonly focusTheme?: boolean | undefined;
+    readonly circular?: boolean | undefined;
+    readonly padded?: boolean | undefined;
+    readonly elevate?: boolean | undefined;
+    readonly bordered?: number | boolean | undefined;
+    readonly transparent?: boolean | undefined;
+    readonly chromeless?: boolean | "all" | undefined;
+} & import("@tamagui/core").MediaProps<Partial<Omit<import("@tamagui/types-react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+}, "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
+    readonly fontFamily?: unknown;
+    readonly backgrounded?: boolean | undefined;
+    readonly radiused?: boolean | undefined;
+    readonly hoverTheme?: boolean | undefined;
+    readonly pressTheme?: boolean | undefined;
+    readonly focusTheme?: boolean | undefined;
+    readonly circular?: boolean | undefined;
+    readonly padded?: boolean | undefined;
+    readonly elevate?: boolean | undefined;
+    readonly bordered?: number | boolean | undefined;
+    readonly transparent?: boolean | undefined;
+    readonly chromeless?: boolean | "all" | undefined;
+}>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("@tamagui/types-react-native").ViewProps, "children" | "display"> & import("@tamagui/core").RNWViewProps & import("@tamagui/core").TamaguiComponentPropsBase & import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase> & import("@tamagui/core").WithShorthands<import("@tamagui/core").WithThemeValues<import("@tamagui/core").StackStylePropsBase>> & Omit<{
+    readonly fullscreen?: boolean | undefined;
+    readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
+}, "fontFamily" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "elevate" | "bordered" | "transparent" | "backgrounded" | "radiused" | "padded" | "chromeless"> & {
+    readonly fontFamily?: unknown;
+    readonly backgrounded?: boolean | undefined;
+    readonly radiused?: boolean | undefined;
+    readonly hoverTheme?: boolean | undefined;
+    readonly pressTheme?: boolean | undefined;
+    readonly focusTheme?: boolean | undefined;
+    readonly circular?: boolean | undefined;
+    readonly padded?: boolean | undefined;
+    readonly elevate?: boolean | undefined;
+    readonly bordered?: number | boolean | undefined;
+    readonly transparent?: boolean | undefined;
+    readonly chromeless?: boolean | "all" | undefined;
+}>> & {
+    size?: import("@tamagui/core").SizeTokens | undefined;
+} & React.RefAttributes<TamaguiElement>>;
+//# sourceMappingURL=SelectViewport.d.ts.map

package/types/SelectViewport.native.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ScopedProps, SelectViewportProps } from './types';
+export declare const SelectViewport: {
+    (props: ScopedProps<SelectViewportProps>): JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=SelectViewport.native.d.ts.map

package/types/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const SELECT_NAME = "Select";
+export declare const WINDOW_PADDING = 8;
+export declare const SCROLL_ARROW_VELOCITY = 8;
+export declare const SCROLL_ARROW_THRESHOLD = 8;
+export declare const MIN_HEIGHT = 80;
+export declare const FALLBACK_THRESHOLD = 16;
+export declare const VIEWPORT_NAME = "SelectViewport";
+//# sourceMappingURL=constants.d.ts.map

package/types/context.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { ScopedProps, SelectContextValue } from './types';
+export declare const createSelectContext: <ContextValueType extends object | null>(rootComponentName: string, defaultContext?: ContextValueType | undefined) => readonly [{
+    (props: ContextValueType & {
+        scope: import("@tamagui/create-context").Scope<ContextValueType>;
+        children: import("react").ReactNode;
+    }): JSX.Element;
+    displayName: string;
+}, (consumerName: string, scope: import("@tamagui/create-context").Scope<ContextValueType | undefined>) => ContextValueType], createSelectScope: import("@tamagui/create-context").CreateScope;
+export declare const SelectProvider: {
+    (props: SelectContextValue & {
+        scope: import("@tamagui/create-context").Scope<SelectContextValue>;
+        children: import("react").ReactNode;
+    }): JSX.Element;
+    displayName: string;
+}, useSelectContext: (consumerName: string, scope: import("@tamagui/create-context").Scope<SelectContextValue | undefined>) => SelectContextValue;
+export declare const ForwardSelectContext: (props: ScopedProps<{
+    children?: any;
+    context: SelectContextValue;
+}>) => JSX.Element;
+//# sourceMappingURL=context.d.ts.map

package/types/index.d.ts

@@ -1,2 +1,4 @@
 export * from './Select';
+export type { SelectContentProps, SelectProps, SelectScrollButtonProps, SelectViewportProps, } from './types';
+export * from './context';
 //# sourceMappingURL=index.d.ts.map

package/types/types.d.ts

@@ -0,0 +1,84 @@
+import type { ContextData, FloatingContext, ReferenceType } from '@floating-ui/react-dom-interactions';
+import type { MediaQueryKey, 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 declare type Direction = 'ltr' | 'rtl';
+export declare 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;
+    sheetBreakpoint?: MediaQueryKey | false;
+}
+declare type NonNull<A> = Exclude<A, void | null>;
+export interface SelectContextValue {
+    dir?: Direction;
+    scopeKey: string;
+    sheetBreakpoint: NonNull<SelectProps['sheetBreakpoint']>;
+    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;
+    isInSheet?: boolean;
+    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 declare type SelectViewportProps = ThemeableStackProps & {
+    size?: SizeTokens;
+};
+export declare 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'> {
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/types/useSelectBreakpointActive.d.ts

@@ -0,0 +1,4 @@
+import { SelectContextValue } from './types';
+export declare const useSelectBreakpointActive: (sheetBreakpoint: SelectContextValue['sheetBreakpoint']) => boolean;
+export declare const useShowSelectSheet: (context: SelectContextValue) => boolean;
+//# sourceMappingURL=useSelectBreakpointActive.d.ts.map

package/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}