@tamagui/select 1.0.1-beta.156 → 1.0.1-beta.159

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/dist/cjs/Select.js +6 -17
  2. package/dist/cjs/Select.js.map +2 -2
  3. package/dist/cjs/SelectContent.js +19 -7
  4. package/dist/cjs/SelectContent.js.map +2 -2
  5. package/dist/cjs/SelectViewport.js +2 -2
  6. package/dist/cjs/SelectViewport.js.map +2 -2
  7. package/dist/cjs/types.js.map +1 -1
  8. package/dist/cjs/useSelectBreakpointActive.js +39 -0
  9. package/dist/cjs/useSelectBreakpointActive.js.map +7 -0
  10. package/dist/esm/Select.js +3 -12
  11. package/dist/esm/Select.js.map +2 -2
  12. package/dist/esm/SelectContent.js +19 -11
  13. package/dist/esm/SelectContent.js.map +2 -2
  14. package/dist/esm/SelectViewport.js +1 -1
  15. package/dist/esm/SelectViewport.js.map +2 -2
  16. package/dist/esm/useSelectBreakpointActive.js +14 -0
  17. package/dist/esm/useSelectBreakpointActive.js.map +7 -0
  18. package/dist/jsx/Select.js +3 -12
  19. package/dist/jsx/Select.js.map +2 -2
  20. package/dist/jsx/SelectContent.js +11 -8
  21. package/dist/jsx/SelectContent.js.map +2 -2
  22. package/dist/jsx/SelectViewport.js +1 -1
  23. package/dist/jsx/SelectViewport.js.map +2 -2
  24. package/dist/jsx/useSelectBreakpointActive.js +14 -0
  25. package/dist/jsx/useSelectBreakpointActive.js.map +7 -0
  26. package/package.json +14 -12
  27. package/src/Select.tsx +3 -14
  28. package/src/SelectContent.tsx +14 -12
  29. package/src/SelectViewport.tsx +1 -1
  30. package/src/types.tsx +1 -1
  31. package/src/useSelectBreakpointActive.tsx +15 -0
  32. package/types/Select.d.ts +7 -4
  33. package/types/SelectContent.d.ts +2 -1
  34. package/types/types.d.ts +1 -0
  35. package/types/useSelectBreakpointActive.d.ts +4 -0
package/types/Select.d.ts CHANGED
@@ -2,7 +2,7 @@ import { TamaguiElement } from '@tamagui/core';
2
2
  import { ListItemProps } from '@tamagui/list-item';
3
3
  import { YStackProps } from '@tamagui/stacks';
4
4
  import * as React from 'react';
5
- import { ScopedProps, SelectContextValue, SelectProps } from './types';
5
+ import { ScopedProps, SelectProps } from './types';
6
6
  export declare type SelectTriggerProps = ListItemProps;
7
7
  export declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<import("@tamagui/text").TextParentStyles, "TextComponent"> & 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<{
8
8
  readonly fullscreen?: boolean | undefined;
@@ -255,14 +255,17 @@ export declare const SelectSeparator: import("@tamagui/core").TamaguiComponent<(
255
255
  } & {
256
256
  [x: string]: undefined;
257
257
  })>;
258
- export declare const useSelectBreakpointActive: (sheetBreakpoint: SelectContextValue['sheetBreakpoint']) => boolean;
259
- export declare const useShowSelectSheet: (context: SelectContextValue) => boolean;
260
258
  export declare const SelectSheetContents: {
261
259
  ({ __scopeSelect }: ScopedProps<{}>): JSX.Element;
262
260
  displayName: string;
263
261
  };
264
262
  export declare const Select: ((props: ScopedProps<SelectProps>) => JSX.Element) & {
265
- Content: ({ children, __scopeSelect }: import("./types").SelectContentProps) => JSX.Element;
263
+ Content: ({ children, __scopeSelect, zIndex, ...focusScopeProps }: {
264
+ children?: React.ReactNode;
265
+ zIndex?: number | undefined;
266
+ } & {
267
+ __scopeSelect?: import("@tamagui/create-context").Scope<any>;
268
+ } & import("@tamagui/focus-scope").FocusScopeProps) => JSX.Element;
266
269
  Group: 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<{}, "elevation" | "fullscreen"> & {
267
270
  readonly fullscreen?: boolean | undefined;
268
271
  readonly elevation?: import("@tamagui/core").SizeTokens | undefined;
package/types/SelectContent.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { FocusScopeProps } from '@tamagui/focus-scope';
2
3
  import { SelectContentProps } from './types';
3
- export declare const SelectContent: ({ children, __scopeSelect }: SelectContentProps) => JSX.Element;
4
+ export declare const SelectContent: ({ children, __scopeSelect, zIndex, ...focusScopeProps }: SelectContentProps & FocusScopeProps) => JSX.Element;
4
5
  //# sourceMappingURL=SelectContent.d.ts.map
package/types/types.d.ts CHANGED
@@ -71,6 +71,7 @@ export declare type SelectViewportProps = ThemeableStackProps & {
71
71
  };
72
72
  export declare type SelectContentProps = ScopedProps<{
73
73
  children?: React.ReactNode;
74
+ zIndex?: number;
74
75
  }>;
75
76
  export interface SelectScrollButtonImplProps extends YStackProps {
76
77
  dir: 'up' | 'down';
package/types/useSelectBreakpointActive.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { SelectContextValue } from './types';
2
+ export declare const useSelectBreakpointActive: (sheetBreakpoint: SelectContextValue['sheetBreakpoint']) => boolean;
3
+ export declare const useShowSelectSheet: (context: SelectContextValue) => boolean;
4
+ //# sourceMappingURL=useSelectBreakpointActive.d.ts.map