ensure Input, Select and Textarea expose Ref related types

tailwindlabs · Dec 27, 2023 · 7ca7077 · 7ca7077
1 parent 8c882e0
commit 7ca7077
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 6 deletions.
diff --git a/packages/@headlessui-react/src/components/input/input.tsx b/packages/@headlessui-react/src/components/input/input.tsx
@@ -7,7 +7,13 @@ import { useId } from '../../hooks/use-id'
 import { useDisabled } from '../../internal/disabled'
 import { useProvidedId } from '../../internal/id'
 import type { Props } from '../../types'
-import { forwardRefWithAs, mergeProps, render, type HasDisplayName } from '../../utils/render'
+import {
+  forwardRefWithAs,
+  mergeProps,
+  render,
+  type HasDisplayName,
+  type RefProp,
+} from '../../utils/render'
 import { useDescribedBy } from '../description/description'
 import { useLabelledBy } from '../label/label'
 
@@ -91,7 +97,9 @@ function InputFn<TTag extends ElementType = typeof DEFAULT_INPUT_TAG>(
 }
 
 export interface _internal_ComponentInput extends HasDisplayName {
-  <TTag extends ElementType = typeof DEFAULT_INPUT_TAG>(props: InputProps<TTag>): JSX.Element
+  <TTag extends ElementType = typeof DEFAULT_INPUT_TAG>(
+    props: InputProps<TTag> & RefProp<typeof InputFn>
+  ): JSX.Element
 }
 
 export let Input = forwardRefWithAs(InputFn) as unknown as _internal_ComponentInput
diff --git a/packages/@headlessui-react/src/components/select/select.tsx b/packages/@headlessui-react/src/components/select/select.tsx
@@ -8,7 +8,13 @@ import { useId } from '../../hooks/use-id'
 import { useDisabled } from '../../internal/disabled'
 import { useProvidedId } from '../../internal/id'
 import type { Props } from '../../types'
-import { forwardRefWithAs, mergeProps, render, type HasDisplayName } from '../../utils/render'
+import {
+  forwardRefWithAs,
+  mergeProps,
+  render,
+  type HasDisplayName,
+  type RefProp,
+} from '../../utils/render'
 import { useDescribedBy } from '../description/description'
 import { useLabelledBy } from '../label/label'
 
@@ -93,7 +99,9 @@ function SelectFn<TTag extends ElementType = typeof DEFAULT_SELECT_TAG>(
 }
 
 export interface _internal_ComponentSelect extends HasDisplayName {
-  <TTag extends ElementType = typeof DEFAULT_SELECT_TAG>(props: SelectProps<TTag>): JSX.Element
+  <TTag extends ElementType = typeof DEFAULT_SELECT_TAG>(
+    props: SelectProps<TTag> & RefProp<typeof SelectFn>
+  ): JSX.Element
 }
 
 export let Select = forwardRefWithAs(SelectFn) as unknown as _internal_ComponentSelect
diff --git a/packages/@headlessui-react/src/components/textarea/textarea.tsx b/packages/@headlessui-react/src/components/textarea/textarea.tsx
@@ -7,7 +7,13 @@ import { useId } from '../../hooks/use-id'
 import { useDisabled } from '../../internal/disabled'
 import { useProvidedId } from '../../internal/id'
 import type { Props } from '../../types'
-import { forwardRefWithAs, mergeProps, render, type HasDisplayName } from '../../utils/render'
+import {
+  forwardRefWithAs,
+  mergeProps,
+  render,
+  type HasDisplayName,
+  type RefProp,
+} from '../../utils/render'
 import { useDescribedBy } from '../description/description'
 import { useLabelledBy } from '../label/label'
 
@@ -88,7 +94,9 @@ function TextareaFn<TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG>(
 }
 
 export interface _internal_ComponentTextarea extends HasDisplayName {
-  <TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG>(props: TextareaProps<TTag>): JSX.Element
+  <TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG>(
+    props: TextareaProps<TTag> & RefProp<typeof TextareaFn>
+  ): JSX.Element
 }
 
 export let Textarea = forwardRefWithAs(TextareaFn) as unknown as _internal_ComponentTextarea