fix: Explicitly omit crossOrigin and placeholder props (#812)

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.
 
+# v23.0.0
+
+-   [BREAKING] Remove unsupported `crossOrigin` attribute from `input`- and `textarea`-based components.
+-   [BREAKING] Remove unsupported `placeholder` attribute from heading components.
+
 # v22.3.3
 
 -   [Fix] Vertical alignment of inline code elements inside a `Prose` component

package-lock.json

@@ -6,7 +6,7 @@
         "email": "henning@doist.com",
         "url": "http://doist.com"
     },
-    "version": "22.3.3",
+    "version": "23.0.0",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": {

package.json

@@ -15,6 +15,7 @@ type CheckboxFieldProps = Omit<
     | 'aria-describedby'
     | 'aria-label'
     | 'aria-labelledby'
+    | 'crossOrigin'
 > & {
     'aria-checked'?: never
     /** Identifies the set of checkboxes controlled by the mixed checkbox for assistive technologies. */

src/checkbox-field/checkbox-field.tsx

@@ -11,7 +11,7 @@ type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
 
 type SupportedHeadingElementProps = Omit<
     JSX.IntrinsicElements[HeadingElement],
-    'className' | 'children'
+    'className' | 'children' | 'placeholder'
 >
 
 type HeadingProps = SupportedHeadingElementProps & {

src/heading/heading.tsx

@@ -8,7 +8,7 @@ import { Button } from '../button'
 
 import type { BaseFieldVariantProps } from '../base-field'
 
-type PasswordFieldProps = Omit<TextFieldProps, 'type' | 'startSlot' | 'endSlot'> &
+type PasswordFieldProps = Omit<TextFieldProps, 'type' | 'startSlot' | 'endSlot' | 'crossOrigin'> &
     BaseFieldVariantProps & {
         togglePasswordLabel?: string
     }

src/password-field/password-field.tsx

@@ -3,7 +3,8 @@ import { BaseField, BaseFieldVariantProps, FieldComponentProps } from '../base-f
 import { Box } from '../box'
 import styles from './select-field.module.css'
 
-type SelectFieldProps = FieldComponentProps<HTMLSelectElement> & BaseFieldVariantProps
+type SelectFieldProps = Omit<FieldComponentProps<HTMLSelectElement>, 'crossOrigin'> &
+    BaseFieldVariantProps
 
 const SelectField = React.forwardRef<HTMLSelectElement, SelectFieldProps>(function SelectField(
     {

src/select-field/select-field.tsx

@@ -16,6 +16,7 @@ type SwitchFieldProps = Omit<
     | 'aria-describedby'
     | 'aria-label'
     | 'aria-labelledby'
+    | 'crossOrigin'
 > & {
     /** Identifies the element (or elements) that describes the switch for assistive technologies. */
     'aria-describedby'?: string

src/switch-field/switch-field.tsx

@@ -4,7 +4,7 @@ import { BaseField, BaseFieldVariantProps, FieldComponentProps } from '../base-f
 import { Box } from '../box'
 import styles from './text-area.module.css'
 
-type TextAreaProps = FieldComponentProps<HTMLTextAreaElement> &
+type TextAreaProps = Omit<FieldComponentProps<HTMLTextAreaElement>, 'crossOrigin'> &
     BaseFieldVariantProps & {
         /**
          * The number of visible text lines for the text area.

src/text-area/text-area.tsx

@@ -7,7 +7,7 @@ import { useMergeRefs } from 'use-callback-ref'
 
 type TextFieldType = 'email' | 'search' | 'tel' | 'text' | 'url'
 
-type TextFieldProps = Omit<FieldComponentProps<HTMLInputElement>, 'type'> &
+type TextFieldProps = Omit<FieldComponentProps<HTMLInputElement>, 'type' | 'crossOrigin'> &
     BaseFieldVariantProps & {
         type?: TextFieldType
         startSlot?: React.ReactChild