index.d.mts 7.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. import * as React from "react";
  2. import { DismissableLayer } from "@radix-ui/react-dismissable-layer";
  3. import { FocusScope } from "@radix-ui/react-focus-scope";
  4. import * as PopperPrimitive from "@radix-ui/react-popper";
  5. import { Portal as _Portal1 } from "@radix-ui/react-portal";
  6. import * as Radix from "@radix-ui/react-primitive";
  7. import { Primitive } from "@radix-ui/react-primitive";
  8. type Direction = 'ltr' | 'rtl';
  9. export const createSelectScope: import("@radix-ui/react-context").CreateScope;
  10. export interface SelectProps {
  11. children?: React.ReactNode;
  12. value?: string;
  13. defaultValue?: string;
  14. onValueChange?(value: string): void;
  15. open?: boolean;
  16. defaultOpen?: boolean;
  17. onOpenChange?(open: boolean): void;
  18. dir?: Direction;
  19. name?: string;
  20. autoComplete?: string;
  21. disabled?: boolean;
  22. required?: boolean;
  23. }
  24. export const Select: React.FC<SelectProps>;
  25. type PrimitiveButtonProps = Radix.ComponentPropsWithoutRef<typeof Primitive.button>;
  26. export interface SelectTriggerProps extends PrimitiveButtonProps {
  27. }
  28. export const SelectTrigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
  29. type PrimitiveSpanProps = Radix.ComponentPropsWithoutRef<typeof Primitive.span>;
  30. export interface SelectValueProps extends Omit<PrimitiveSpanProps, 'placeholder'> {
  31. placeholder?: React.ReactNode;
  32. }
  33. export const SelectValue: React.ForwardRefExoticComponent<SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
  34. export interface SelectIconProps extends PrimitiveSpanProps {
  35. }
  36. export const SelectIcon: React.ForwardRefExoticComponent<SelectIconProps & React.RefAttributes<HTMLSpanElement>>;
  37. type PortalProps = React.ComponentPropsWithoutRef<typeof _Portal1>;
  38. export interface SelectPortalProps extends Omit<PortalProps, 'asChild'> {
  39. children?: React.ReactNode;
  40. }
  41. export const SelectPortal: React.FC<SelectPortalProps>;
  42. export interface SelectContentProps extends SelectContentImplProps {
  43. }
  44. export const SelectContent: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
  45. type DismissableLayerProps = React.ComponentPropsWithoutRef<typeof DismissableLayer>;
  46. type FocusScopeProps = Radix.ComponentPropsWithoutRef<typeof FocusScope>;
  47. type SelectPopperPrivateProps = {
  48. onPlaced?: PopperContentProps['onPlaced'];
  49. };
  50. interface SelectContentImplProps extends Omit<SelectPopperPositionProps, keyof SelectPopperPrivateProps>, Omit<SelectItemAlignedPositionProps, keyof SelectPopperPrivateProps> {
  51. /**
  52. * Event handler called when auto-focusing on close.
  53. * Can be prevented.
  54. */
  55. onCloseAutoFocus?: FocusScopeProps['onUnmountAutoFocus'];
  56. /**
  57. * Event handler called when the escape key is down.
  58. * Can be prevented.
  59. */
  60. onEscapeKeyDown?: DismissableLayerProps['onEscapeKeyDown'];
  61. /**
  62. * Event handler called when the a `pointerdown` event happens outside of the `DismissableLayer`.
  63. * Can be prevented.
  64. */
  65. onPointerDownOutside?: DismissableLayerProps['onPointerDownOutside'];
  66. position?: 'item-aligned' | 'popper';
  67. }
  68. interface SelectItemAlignedPositionProps extends PrimitiveDivProps, SelectPopperPrivateProps {
  69. }
  70. type PopperContentProps = React.ComponentPropsWithoutRef<typeof PopperPrimitive.Content>;
  71. interface SelectPopperPositionProps extends PopperContentProps, SelectPopperPrivateProps {
  72. }
  73. type PrimitiveDivProps = Radix.ComponentPropsWithoutRef<typeof Primitive.div>;
  74. export interface SelectViewportProps extends PrimitiveDivProps {
  75. }
  76. export const SelectViewport: React.ForwardRefExoticComponent<SelectViewportProps & React.RefAttributes<HTMLDivElement>>;
  77. export interface SelectGroupProps extends PrimitiveDivProps {
  78. }
  79. export const SelectGroup: React.ForwardRefExoticComponent<SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
  80. export interface SelectLabelProps extends PrimitiveDivProps {
  81. }
  82. export const SelectLabel: React.ForwardRefExoticComponent<SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
  83. export interface SelectItemProps extends PrimitiveDivProps {
  84. value: string;
  85. disabled?: boolean;
  86. textValue?: string;
  87. }
  88. export const SelectItem: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
  89. export interface SelectItemTextProps extends PrimitiveSpanProps {
  90. }
  91. export const SelectItemText: React.ForwardRefExoticComponent<SelectItemTextProps & React.RefAttributes<HTMLSpanElement>>;
  92. export interface SelectItemIndicatorProps extends PrimitiveSpanProps {
  93. }
  94. export const SelectItemIndicator: React.ForwardRefExoticComponent<SelectItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
  95. export interface SelectScrollUpButtonProps extends Omit<SelectScrollButtonImplProps, 'onAutoScroll'> {
  96. }
  97. export const SelectScrollUpButton: React.ForwardRefExoticComponent<SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>>;
  98. export interface SelectScrollDownButtonProps extends Omit<SelectScrollButtonImplProps, 'onAutoScroll'> {
  99. }
  100. export const SelectScrollDownButton: React.ForwardRefExoticComponent<SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>>;
  101. interface SelectScrollButtonImplProps extends PrimitiveDivProps {
  102. onAutoScroll(): void;
  103. }
  104. export interface SelectSeparatorProps extends PrimitiveDivProps {
  105. }
  106. export const SelectSeparator: React.ForwardRefExoticComponent<SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
  107. type PopperArrowProps = Radix.ComponentPropsWithoutRef<typeof PopperPrimitive.Arrow>;
  108. export interface SelectArrowProps extends PopperArrowProps {
  109. }
  110. export const SelectArrow: React.ForwardRefExoticComponent<SelectArrowProps & React.RefAttributes<SVGSVGElement>>;
  111. export const Root: React.FC<SelectProps>;
  112. export const Trigger: React.ForwardRefExoticComponent<SelectTriggerProps & React.RefAttributes<HTMLButtonElement>>;
  113. export const Value: React.ForwardRefExoticComponent<SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
  114. export const Icon: React.ForwardRefExoticComponent<SelectIconProps & React.RefAttributes<HTMLSpanElement>>;
  115. export const Portal: React.FC<SelectPortalProps>;
  116. export const Content: React.ForwardRefExoticComponent<SelectContentProps & React.RefAttributes<HTMLDivElement>>;
  117. export const Viewport: React.ForwardRefExoticComponent<SelectViewportProps & React.RefAttributes<HTMLDivElement>>;
  118. export const Group: React.ForwardRefExoticComponent<SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
  119. export const Label: React.ForwardRefExoticComponent<SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
  120. export const Item: React.ForwardRefExoticComponent<SelectItemProps & React.RefAttributes<HTMLDivElement>>;
  121. export const ItemText: React.ForwardRefExoticComponent<SelectItemTextProps & React.RefAttributes<HTMLSpanElement>>;
  122. export const ItemIndicator: React.ForwardRefExoticComponent<SelectItemIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
  123. export const ScrollUpButton: React.ForwardRefExoticComponent<SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>>;
  124. export const ScrollDownButton: React.ForwardRefExoticComponent<SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>>;
  125. export const Separator: React.ForwardRefExoticComponent<SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
  126. export const Arrow: React.ForwardRefExoticComponent<SelectArrowProps & React.RefAttributes<SVGSVGElement>>;
  127. //# sourceMappingURL=index.d.ts.map