fix: Omit props removed in future versions of @types/react (#819)

Author: pawelgrimm

CHANGELOG.md

@@ -2,6 +2,11 @@
 
 Reactist follows [semantic versioning](https://semver.org/) and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it.
 
+# v24.1.3-beta
+
+-   [Fix] Remove unsupported `onPointerEnterCapture` and `onPointerLeaveCapture` props from `heading`-, `input`-, and `textarea`-based components.
+    -   Normally, this would be considered a breaking change, but the v24 version is still pre-release and already contains breaking changes.
+
 # v24.1.2-beta
 
 -   [Fix] Reset anchor rect after context menu is closed.

src/checkbox-field/checkbox-field.tsx

@@ -6,6 +6,12 @@ import { CheckboxIcon } from './checkbox-icon'
 import styles from './checkbox-field.module.css'
 import { useForkRef } from './use-fork-ref'
 
+/**
+ * FIXME: This is a workaround for consumers that are using newer versions of React types that no longer have these props.
+ * Once we upgrade Reactist to the newest React types, we should be able to remove these.
+ */
+type DeprecatedProps = 'crossOrigin' | 'onPointerEnterCapture' | 'onPointerLeaveCapture'
+
 type CheckboxFieldProps = Omit<
     JSX.IntrinsicElements['input'],
     | 'type'
@@ -15,7 +21,7 @@ type CheckboxFieldProps = Omit<
     | 'aria-describedby'
     | 'aria-label'
     | 'aria-labelledby'
-    | 'crossOrigin'
+    | DeprecatedProps
 > & {
     'aria-checked'?: never
     /** Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies. */

src/heading/heading.tsx

@@ -9,9 +9,15 @@ import type { BoxProps } from '../box'
 type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6 | '1' | '2' | '3' | '4' | '5' | '6'
 type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
 
+/**
+ * FIXME: This is a workaround for consumers that are using newer versions of React types that no longer have these props.
+ * Once we upgrade Reactist to the newest React types, we should be able to remove these.
+ */
+type DeprecatedProps = 'placeholder' | 'onPointerEnterCapture' | 'onPointerLeaveCapture'
+
 type SupportedHeadingElementProps = Omit<
     JSX.IntrinsicElements[HeadingElement],
-    'className' | 'children' | 'placeholder'
+    'className' | 'children' | DeprecatedProps
 >
 
 type HeadingProps = SupportedHeadingElementProps & {

src/password-field/password-field.tsx

@@ -8,7 +8,13 @@ import { Button } from '../button'
 
 import type { BaseFieldVariantProps } from '../base-field'
 
-type PasswordFieldProps = Omit<TextFieldProps, 'type' | 'startSlot' | 'endSlot' | 'crossOrigin'> &
+/**
+ * FIXME: This is a workaround for consumers that are using newer versions of React types that no longer have these props.
+ * Once we upgrade Reactist to the newest React types, we should be able to remove these.
+ */
+type DeprecatedProps = 'crossOrigin' | 'onPointerEnterCapture' | 'onPointerLeaveCapture'
+
+type PasswordFieldProps = Omit<TextFieldProps, 'type' | 'startSlot' | 'endSlot' | DeprecatedProps> &
     BaseFieldVariantProps & {
         togglePasswordLabel?: string
     }

src/select-field/select-field.tsx

@@ -3,7 +3,13 @@ import { BaseField, BaseFieldVariantProps, FieldComponentProps } from '../base-f
 import { Box } from '../box'
 import styles from './select-field.module.css'
 
-type SelectFieldProps = Omit<FieldComponentProps<HTMLSelectElement>, 'crossOrigin'> &
+/**
+ * FIXME: This is a workaround for consumers that are using newer versions of React types that no longer have these props.
+ * Once we upgrade Reactist to the newest React types, we should be able to remove these.
+ */
+type DeprecatedProps = 'crossOrigin' | 'onPointerEnterCapture' | 'onPointerLeaveCapture'
+
+type SelectFieldProps = Omit<FieldComponentProps<HTMLSelectElement>, DeprecatedProps> &
     BaseFieldVariantProps
 
 const SelectField = React.forwardRef<HTMLSelectElement, SelectFieldProps>(function SelectField(

src/switch-field/switch-field.tsx

@@ -7,6 +7,12 @@ import { FieldComponentProps, FieldHint } from '../base-field'
 import { useId } from '../utils/common-helpers'
 import styles from './switch-field.module.css'
 
+/**
+ * FIXME: This is a workaround for consumers that are using newer versions of React types that no longer have these props.
+ * Once we upgrade Reactist to the newest React types, we should be able to remove these.
+ */
+type DeprecatedProps = 'crossOrigin' | 'onPointerEnterCapture' | 'onPointerLeaveCapture'
+
 type SwitchFieldProps = Omit<
     FieldComponentProps<HTMLInputElement>,
     | 'type'
@@ -16,7 +22,7 @@ type SwitchFieldProps = Omit<
     | 'aria-describedby'
     | 'aria-label'
     | 'aria-labelledby'
-    | 'crossOrigin'
+    | DeprecatedProps
 > & {
     /** Identifies the element (or elements) that describes the switch for assistive technologies. */
     'aria-describedby'?: string

src/text-area/text-area.tsx

@@ -4,7 +4,13 @@ import { BaseField, BaseFieldVariantProps, FieldComponentProps } from '../base-f
 import { Box } from '../box'
 import styles from './text-area.module.css'
 
-type TextAreaProps = Omit<FieldComponentProps<HTMLTextAreaElement>, 'crossOrigin'> &
+/**
+ * FIXME: This is a workaround for consumers that are using newer versions of React types that no longer have these props.
+ * Once we upgrade Reactist to the newest React types, we should be able to remove these.
+ */
+type DeprecatedProps = 'crossOrigin' | 'onPointerEnterCapture' | 'onPointerLeaveCapture'
+
+type TextAreaProps = Omit<FieldComponentProps<HTMLTextAreaElement>, DeprecatedProps> &
     BaseFieldVariantProps & {
         /**
          * The number of visible text lines for the text area.

src/text-field/text-field.tsx

@@ -5,9 +5,15 @@ import styles from './text-field.module.css'
 import type { FieldComponentProps } from '../base-field'
 import { useMergeRefs } from 'use-callback-ref'
 
+/**
+ * FIXME: This is a workaround for consumers that are using newer versions of React types that no longer have these props.
+ * Once we upgrade Reactist to the newest React types, we should be able to remove these.
+ */
+type DeprecatedProps = 'crossOrigin' | 'onPointerEnterCapture' | 'onPointerLeaveCapture'
+
 type TextFieldType = 'email' | 'search' | 'tel' | 'text' | 'url'
 
-type TextFieldProps = Omit<FieldComponentProps<HTMLInputElement>, 'type' | 'crossOrigin'> &
+type TextFieldProps = Omit<FieldComponentProps<HTMLInputElement>, 'type' | DeprecatedProps> &
     BaseFieldVariantProps & {
         type?: TextFieldType
         startSlot?: React.ReactChild