@react-types/shared 3.18.1 → 3.20.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-types/shared",
-  "version": "3.18.1",
+  "version": "3.20.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "types": "src/index.d.ts",
@@ -14,5 +14,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5911ed21de4b76d66f6254c02302519e02d50e16"
+  "gitHead": "54fbaa67cc56867506811819fef765546d403253"
 }

package/src/dom.d.ts

@@ -121,9 +121,16 @@ export interface TextInputDOMEvents {
    onInput?: FormEventHandler<HTMLInputElement>
 }
 
+export interface InputDOMProps {
+  /**
+   * The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
+   */
+  name?: string
+}
+
 // DOM props that apply to all text inputs
 // Ensure this is synced with useTextField
-export interface TextInputDOMProps extends DOMProps, TextInputDOMEvents {
+export interface TextInputDOMProps extends DOMProps, InputDOMProps, TextInputDOMEvents {
   /**
    * Describes the type of autocomplete functionality the input should provide if any. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).
    */
@@ -139,11 +146,6 @@ export interface TextInputDOMProps extends DOMProps, TextInputDOMEvents {
    */
   minLength?: number,
 
-  /**
-   * The name of the input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
-   */
-  name?: string,
-
   /**
    * Regex pattern that the value of the input must match to be valid. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefpattern).
    */

package/src/events.d.ts

@@ -44,10 +44,16 @@ export interface PressEvent {
   /** Whether the meta keyboard modifier was held during the press event. */
   metaKey: boolean,
   /** Whether the alt keyboard modifier was held during the press event. */
-  altKey: boolean
+  altKey: boolean,
+  /**
+   * By default, press events stop propagation to parent elements.
+   * In cases where a handler decides not to handle a specific event,
+   * it can call `continuePropagation()` to allow a parent to handle it.
+   */
+  continuePropagation(): void
 }
 
-export interface LongPressEvent extends Omit<PressEvent, 'type'> {
+export interface LongPressEvent extends Omit<PressEvent, 'type' | 'continuePropagation'> {
   /** The type of long press event being fired. */
   type: 'longpressstart' | 'longpressend' | 'longpress'
 }

package/src/inputs.d.ts

@@ -15,13 +15,17 @@ import {ReactNode} from 'react';
 export type ValidationState = 'valid' | 'invalid';
 
 export interface Validation {
+  /** Whether user input is required on the input before form submission. */
+  isRequired?: boolean,
+  /** Whether the input value is invalid. */
+  isInvalid?: boolean,
+  /** @deprecated Use `isInvalid` instead. */
+  validationState?: ValidationState
+}
+
+export interface SpectrumFieldValidation extends Omit<Validation, 'isInvalid' | 'validationState'> {
   /** Whether the input should display its "valid" or "invalid" visual styling. */
-  validationState?: ValidationState,
-  /**
-   * Whether user input is required on the input before form submission.
-   * Often paired with the `necessityIndicator` prop to add a visual indicator to the input.
-   */
-  isRequired?: boolean
+  validationState?: ValidationState
 }
 
 export interface InputBase {
@@ -78,7 +82,7 @@ export interface HelpTextProps {
 }
 
 // Spectrum specific types. Extends `Validation` so that the `validationState` prop is available.
-export interface SpectrumHelpTextProps extends HelpTextProps, Validation {
+export interface SpectrumHelpTextProps extends HelpTextProps {
   /** Whether the description is displayed with lighter text. */
   isDisabled?: boolean,
   /** Whether an error icon is rendered. */