@tamagui/select 1.0.1-beta.136 → 1.0.1-beta.139

package/dist/cjs/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/types.tsx"],
-  "sourcesContent": ["import type {\n  ContextData,\n  FloatingContext,\n  ReferenceType,\n} from '@floating-ui/react-dom-interactions'\nimport type { MediaPropKeys, SizeTokens } from '@tamagui/core'\nimport type { Scope } from '@tamagui/create-context'\nimport type { ThemeableStackProps, YStackProps } from '@tamagui/stacks'\nimport type { DispatchWithoutAction, HTMLProps, MutableRefObject, ReactNode } from 'react'\n\nexport type Direction = 'ltr' | 'rtl'\n\nexport type ScopedProps<P> = P & { __scopeSelect?: Scope }\n\nexport interface SelectProps {\n  id?: string\n  children?: ReactNode\n  value?: string\n  defaultValue?: string\n  onValueChange?(value: string): void\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?(open: boolean): void\n  dir?: Direction\n  name?: string\n  autoComplete?: string\n  size?: SizeTokens\n  sheetBreakpoint?: MediaPropKeys | false\n}\n\ntype NonNull<A> = Exclude<A, void | null>\n\nexport interface SelectContextValue {\n  dir?: Direction\n  scopeKey: string\n  sheetBreakpoint: NonNull<SelectProps['sheetBreakpoint']>\n  size?: SizeTokens\n  value: any\n  selectedItem: ReactNode\n  setSelectedItem: (item: ReactNode) => void\n  selectedIndex: number\n  setSelectedIndex: (index: number) => void\n  activeIndex: number | null\n  setActiveIndex: (index: number | null) => void\n  setValueAtIndex: (index: number, value: string) => void\n  open: boolean\n  setOpen: (open: boolean) => void\n  onChange: (value: string) => void\n  valueNode: Element | null\n  onValueNodeChange(node: HTMLElement): void\n  valueNodeHasChildren: boolean\n  onValueNodeHasChildrenChange(hasChildren: boolean): void\n  forceUpdate: DispatchWithoutAction\n\n  // InlineImpl only:\n  fallback: boolean\n  blockSelection: boolean\n  allowSelectRef?: MutableRefObject<boolean>\n  allowMouseUpRef?: MutableRefObject<boolean>\n  upArrowRef?: MutableRefObject<HTMLDivElement | null>\n  downArrowRef?: MutableRefObject<HTMLDivElement | null>\n  selectTimeoutRef?: MutableRefObject<any>\n  setScrollTop?: Function\n  setInnerOffset?: Function\n  dataRef?: MutableRefObject<ContextData>\n  controlledScrolling?: boolean\n  listRef?: MutableRefObject<Array<HTMLElement | null>>\n  floatingRef?: MutableRefObject<HTMLElement | null>\n  canScrollUp?: boolean\n  canScrollDown?: boolean\n  floatingContext?: FloatingContext<ReferenceType>\n  interactions?: {\n    getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => any\n    getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any\n    getItemProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any\n  }\n}\n\nexport type SelectViewportProps = ThemeableStackProps & {\n  size?: SizeTokens\n}\n\nexport type SelectContentProps = ScopedProps<{ children?: React.ReactNode }>\n\nexport interface SelectScrollButtonImplProps extends YStackProps {\n  dir: 'up' | 'down'\n  componentName: string\n}\n\nexport interface SelectScrollButtonProps\n  extends Omit<SelectScrollButtonImplProps, 'dir' | 'componentName'> {}\n"],
+  "sourcesContent": ["import type {\n  ContextData,\n  FloatingContext,\n  ReferenceType,\n} from '@floating-ui/react-dom-interactions'\nimport type { MediaQueryKey, SizeTokens } from '@tamagui/core'\nimport type { Scope } from '@tamagui/create-context'\nimport type { ThemeableStackProps, YStackProps } from '@tamagui/stacks'\nimport type { DispatchWithoutAction, HTMLProps, MutableRefObject, ReactNode } from 'react'\n\nexport type Direction = 'ltr' | 'rtl'\n\nexport type ScopedProps<P> = P & { __scopeSelect?: Scope }\n\nexport interface SelectProps {\n  id?: string\n  children?: ReactNode\n  value?: string\n  defaultValue?: string\n  onValueChange?(value: string): void\n  open?: boolean\n  defaultOpen?: boolean\n  onOpenChange?(open: boolean): void\n  dir?: Direction\n  name?: string\n  autoComplete?: string\n  size?: SizeTokens\n  sheetBreakpoint?: MediaQueryKey | false\n}\n\ntype NonNull<A> = Exclude<A, void | null>\n\nexport interface SelectContextValue {\n  dir?: Direction\n  scopeKey: string\n  sheetBreakpoint: NonNull<SelectProps['sheetBreakpoint']>\n  size?: SizeTokens\n  value: any\n  selectedItem: ReactNode\n  setSelectedItem: (item: ReactNode) => void\n  selectedIndex: number\n  setSelectedIndex: (index: number) => void\n  activeIndex: number | null\n  setActiveIndex: (index: number | null) => void\n  setValueAtIndex: (index: number, value: string) => void\n  open: boolean\n  setOpen: (open: boolean) => void\n  onChange: (value: string) => void\n  valueNode: Element | null\n  onValueNodeChange(node: HTMLElement): void\n  valueNodeHasChildren: boolean\n  onValueNodeHasChildrenChange(hasChildren: boolean): void\n  forceUpdate: DispatchWithoutAction\n\n  // InlineImpl only:\n  fallback: boolean\n  blockSelection: boolean\n  allowSelectRef?: MutableRefObject<boolean>\n  allowMouseUpRef?: MutableRefObject<boolean>\n  upArrowRef?: MutableRefObject<HTMLDivElement | null>\n  downArrowRef?: MutableRefObject<HTMLDivElement | null>\n  selectTimeoutRef?: MutableRefObject<any>\n  setScrollTop?: Function\n  setInnerOffset?: Function\n  dataRef?: MutableRefObject<ContextData>\n  controlledScrolling?: boolean\n  listRef?: MutableRefObject<Array<HTMLElement | null>>\n  floatingRef?: MutableRefObject<HTMLElement | null>\n  canScrollUp?: boolean\n  canScrollDown?: boolean\n  floatingContext?: FloatingContext<ReferenceType>\n  interactions?: {\n    getReferenceProps: (userProps?: HTMLProps<Element> | undefined) => any\n    getFloatingProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any\n    getItemProps: (userProps?: HTMLProps<HTMLElement> | undefined) => any\n  }\n}\n\nexport type SelectViewportProps = ThemeableStackProps & {\n  size?: SizeTokens\n}\n\nexport type SelectContentProps = ScopedProps<{ children?: React.ReactNode }>\n\nexport interface SelectScrollButtonImplProps extends YStackProps {\n  dir: 'up' | 'down'\n  componentName: string\n}\n\nexport interface SelectScrollButtonProps\n  extends Omit<SelectScrollButtonImplProps, 'dir' | 'componentName'> {}\n"],
   "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/select",
-  "version": "1.0.1-beta.136",
+  "version": "1.0.1-beta.139",
   "sideEffects": [
     "*.css"
   ],
@@ -18,23 +18,25 @@
     "build": "tamagui-build",
     "watch": "tamagui-build --watch",
     "clean": "tamagui-build clean",
-    "clean:build": "tamagui-build clean:build"
+    "clean:build": "tamagui-build clean:build",
+    "lint": "eslint",
+    "lint:fix": "yarn lint --fix"
   },
   "dependencies": {
     "@floating-ui/react-dom": "^1.0.0",
     "@floating-ui/react-dom-interactions": "^0.8.1",
     "@floating-ui/react-native": "^0.8.0",
     "@radix-ui/react-use-previous": "^0.1.1",
-    "@tamagui/compose-refs": "^1.0.1-beta.136",
-    "@tamagui/core": "^1.0.1-beta.136",
-    "@tamagui/create-context": "^1.0.1-beta.136",
-    "@tamagui/list-item": "^1.0.1-beta.136",
-    "@tamagui/portal": "^1.0.1-beta.136",
-    "@tamagui/separator": "^1.0.1-beta.136",
-    "@tamagui/stacks": "^1.0.1-beta.136",
-    "@tamagui/text": "^1.0.1-beta.136",
-    "@tamagui/use-controllable-state": "^1.0.1-beta.136",
-    "@tamagui/use-event": "^1.0.1-beta.136"
+    "@tamagui/compose-refs": "^1.0.1-beta.139",
+    "@tamagui/core": "^1.0.1-beta.139",
+    "@tamagui/create-context": "^1.0.1-beta.139",
+    "@tamagui/list-item": "^1.0.1-beta.139",
+    "@tamagui/portal": "^1.0.1-beta.139",
+    "@tamagui/separator": "^1.0.1-beta.139",
+    "@tamagui/stacks": "^1.0.1-beta.139",
+    "@tamagui/text": "^1.0.1-beta.139",
+    "@tamagui/use-controllable-state": "^1.0.1-beta.139",
+    "@tamagui/use-event": "^1.0.1-beta.139"
   },
   "peerDependencies": {
     "react": "*",
@@ -42,7 +44,7 @@
     "react-native": "*"
   },
   "devDependencies": {
-    "@tamagui/build": "^1.0.1-beta.136",
+    "@tamagui/build": "^1.0.1-beta.139",
     "@types/react-native": "^0.69.2",
     "react": "*",
     "react-dom": "*",

package/src/types.tsx

@@ -3,7 +3,7 @@ import type {
   FloatingContext,
   ReferenceType,
 } from '@floating-ui/react-dom-interactions'
-import type { MediaPropKeys, SizeTokens } from '@tamagui/core'
+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'
@@ -25,7 +25,7 @@ export interface SelectProps {
   name?: string
   autoComplete?: string
   size?: SizeTokens
-  sheetBreakpoint?: MediaPropKeys | false
+  sheetBreakpoint?: MediaQueryKey | false
 }
 
 type NonNull<A> = Exclude<A, void | null>

package/types/Select.d.ts

@@ -644,7 +644,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
     Viewport: React.ForwardRefExoticComponent<Omit<import("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"> & {
+    }, "transparent" | "fontFamily" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "chromeless"> & {
         fontFamily?: unknown;
         backgrounded?: boolean | undefined;
         radiused?: boolean | undefined;
@@ -660,7 +660,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
     } & import("@tamagui/core").MediaProps<Partial<Omit<import("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"> & {
+    }, "transparent" | "fontFamily" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "chromeless"> & {
         fontFamily?: unknown;
         backgrounded?: boolean | undefined;
         radiused?: boolean | undefined;
@@ -676,7 +676,7 @@ export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element)
     }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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"> & {
+    }, "transparent" | "fontFamily" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "chromeless"> & {
         fontFamily?: unknown;
         backgrounded?: boolean | undefined;
         radiused?: boolean | undefined;

package/types/SelectViewport.d.ts

@@ -76,7 +76,7 @@ export declare const SelectViewportFrame: import("@tamagui/core").TamaguiCompone
 export declare const SelectViewport: React.ForwardRefExoticComponent<Omit<import("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"> & {
+}, "transparent" | "fontFamily" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "chromeless"> & {
     fontFamily?: unknown;
     backgrounded?: boolean | undefined;
     radiused?: boolean | undefined;
@@ -92,7 +92,7 @@ export declare const SelectViewport: React.ForwardRefExoticComponent<Omit<import
 } & import("@tamagui/core").MediaProps<Partial<Omit<import("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"> & {
+}, "transparent" | "fontFamily" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "chromeless"> & {
     fontFamily?: unknown;
     backgrounded?: boolean | undefined;
     radiused?: boolean | undefined;
@@ -108,7 +108,7 @@ export declare const SelectViewport: React.ForwardRefExoticComponent<Omit<import
 }>> & import("@tamagui/core").PseudoProps<Partial<Omit<import("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"> & {
+}, "transparent" | "fontFamily" | "backgrounded" | "radiused" | "hoverTheme" | "pressTheme" | "focusTheme" | "circular" | "padded" | "elevate" | "bordered" | "chromeless"> & {
     fontFamily?: unknown;
     backgrounded?: boolean | undefined;
     radiused?: boolean | undefined;

package/types/types.d.ts

@@ -1,5 +1,5 @@
 import type { ContextData, FloatingContext, ReferenceType } from '@floating-ui/react-dom-interactions';
-import type { MediaPropKeys, SizeTokens } from '@tamagui/core';
+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';
@@ -20,7 +20,7 @@ export interface SelectProps {
     name?: string;
     autoComplete?: string;
     size?: SizeTokens;
-    sheetBreakpoint?: MediaPropKeys | false;
+    sheetBreakpoint?: MediaQueryKey | false;
 }
 declare type NonNull<A> = Exclude<A, void | null>;
 export interface SelectContextValue {