@types/react-dom 17.0.19 → 17.0.21

react-dom v17.0/README.md

@@ -8,7 +8,7 @@ This package contains type definitions for React (react-dom) (https://reactjs.or
 Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom/v17.
 
 ### Additional Details
- * Last updated: Wed, 15 Feb 2023 00:32:43 GMT
+ * Last updated: Wed, 27 Sep 2023 07:12:04 GMT
  * Dependencies: [@types/react](https://npmjs.com/package/@types/react)
  * Global values: `ReactDOM`, `ReactDOMServer`
 

react-dom v17.0/index.d.ts

@@ -13,15 +13,26 @@
 export as namespace ReactDOM;
 
 import {
-    ReactInstance, Component, ComponentState,
-    ReactElement, FunctionComponentElement, CElement,
-    DOMAttributes, DOMElement, ReactNode, ReactPortal
-} from 'react';
+    CElement,
+    Component,
+    ComponentState,
+    DOMAttributes,
+    DOMElement,
+    FunctionComponentElement,
+    ReactElement,
+    ReactInstance,
+    ReactNode,
+    ReactPortal,
+} from "react";
 
 export function findDOMNode(instance: ReactInstance | null | undefined): Element | null | Text;
 export function unmountComponentAtNode(container: Element | DocumentFragment): boolean;
 
-export function createPortal(children: ReactNode, container: Element | DocumentFragment, key?: null | string): ReactPortal;
+export function createPortal(
+    children: ReactNode,
+    container: Element | DocumentFragment,
+    key?: null | string,
+): ReactPortal;
 
 export const version: string;
 export const render: Renderer;
@@ -37,17 +48,20 @@ export function unstable_renderSubtreeIntoContainer<T extends Element>(
     parentComponent: Component<any>,
     element: DOMElement<DOMAttributes<T>, T>,
     container: Element,
-    callback?: (element: T) => any): T;
+    callback?: (element: T) => any,
+): T;
 export function unstable_renderSubtreeIntoContainer<P, T extends Component<P, ComponentState>>(
     parentComponent: Component<any>,
     element: CElement<P, T>,
     container: Element,
-    callback?: (component: T) => any): T;
+    callback?: (component: T) => any,
+): T;
 export function unstable_renderSubtreeIntoContainer<P>(
     parentComponent: Component<any>,
     element: ReactElement<P>,
     container: Element,
-    callback?: (component?: Component<P, ComponentState> | Element) => any): Component<P, ComponentState> | Element | void;
+    callback?: (component?: Component<P, ComponentState> | Element) => any,
+): Component<P, ComponentState> | Element | void;
 
 export type Container = Element | Document | DocumentFragment;
 
@@ -57,43 +71,43 @@ export interface Renderer {
 
     <T extends Element>(
         element: DOMElement<DOMAttributes<T>, T>,
-        container: Container| null,
-        callback?: () => void
+        container: Container | null,
+        callback?: () => void,
     ): T;
 
     (
         element: Array<DOMElement<DOMAttributes<any>, any>>,
-        container: Container| null,
-        callback?: () => void
+        container: Container | null,
+        callback?: () => void,
     ): Element;
 
     (
         element: FunctionComponentElement<any> | Array<FunctionComponentElement<any>>,
-        container: Container| null,
-        callback?: () => void
+        container: Container | null,
+        callback?: () => void,
     ): void;
 
     <P, T extends Component<P, ComponentState>>(
         element: CElement<P, T>,
-        container: Container| null,
-        callback?: () => void
+        container: Container | null,
+        callback?: () => void,
     ): T;
 
     (
         element: Array<CElement<any, Component<any, ComponentState>>>,
-        container: Container| null,
-        callback?: () => void
+        container: Container | null,
+        callback?: () => void,
     ): Component<any, ComponentState>;
 
     <P>(
         element: ReactElement<P>,
-        container: Container| null,
-        callback?: () => void
+        container: Container | null,
+        callback?: () => void,
     ): Component<P, ComponentState> | Element | void;
 
     (
         element: ReactElement[],
-        container: Container| null,
-        callback?: () => void
+        container: Container | null,
+        callback?: () => void,
     ): Component<any, ComponentState> | Element | void;
 }

react-dom v17.0/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@types/react-dom",
-    "version": "17.0.19",
+    "version": "17.0.21",
     "description": "TypeScript definitions for React (react-dom)",
     "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom",
     "license": "MIT",
@@ -49,6 +49,6 @@
     "dependencies": {
         "@types/react": "^17"
     },
-    "typesPublisherContentHash": "6306a0c4e47ce432842f022a4c404efaa3de85e99b0d6e3543adb9229395fa1c",
-    "typeScriptVersion": "4.2"
+    "typesPublisherContentHash": "6223b5cc7c7572f8b3bb9a53fe6b60be3f6841422188ef5df177220c213bb3a7",
+    "typeScriptVersion": "4.5"
 }

react-dom v17.0/server.d.ts

@@ -6,7 +6,7 @@ declare global {
     }
 }
 
-import { ReactElement } from 'react';
+import { ReactElement } from "react";
 
 /**
  * Render a React element to its initial HTML. This should only be used on the server.

react-dom v17.0/test-utils/index.d.ts

@@ -1,9 +1,17 @@
 import {
-    AbstractView, Component, ComponentClass,
-    ReactElement, ReactInstance, ClassType,
-    DOMElement, FunctionComponentElement, CElement,
-    ReactHTMLElement, DOMAttributes, FC
-} from 'react';
+    AbstractView,
+    CElement,
+    ClassType,
+    Component,
+    ComponentClass,
+    DOMAttributes,
+    DOMElement,
+    FC,
+    FunctionComponentElement,
+    ReactElement,
+    ReactHTMLElement,
+    ReactInstance,
+} from "react";
 
 import * as ReactTestUtils from ".";
 
@@ -24,7 +32,21 @@ export interface OptionalEventProperties {
     type?: string | undefined;
 }
 
-export type ModifierKey = "Alt" | "AltGraph" | "CapsLock" | "Control" | "Fn" | "FnLock" | "Hyper" | "Meta" | "NumLock" | "ScrollLock" | "Shift" | "Super" | "Symbol" | "SymbolLock";
+export type ModifierKey =
+    | "Alt"
+    | "AltGraph"
+    | "CapsLock"
+    | "Control"
+    | "Fn"
+    | "FnLock"
+    | "Hyper"
+    | "Meta"
+    | "NumLock"
+    | "ScrollLock"
+    | "Shift"
+    | "Super"
+    | "Symbol"
+    | "SymbolLock";
 
 export interface SyntheticEventData extends OptionalEventProperties {
     altKey?: boolean | undefined;
@@ -63,7 +85,7 @@ export interface SyntheticEventData extends OptionalEventProperties {
 export type EventSimulator = (element: Element | Component<any>, eventData?: SyntheticEventData) => void;
 
 export interface MockedComponentClass {
-    new (props: any): any;
+    new(props: any): any;
 }
 
 export interface ShallowRenderer {
@@ -88,16 +110,19 @@ export namespace Simulate {
     const animationIteration: EventSimulator;
     const animationStart: EventSimulator;
     const blur: EventSimulator;
+    const cancel: EventSimulator;
     const canPlay: EventSimulator;
     const canPlayThrough: EventSimulator;
     const change: EventSimulator;
     const click: EventSimulator;
+    const close: EventSimulator;
     const compositionEnd: EventSimulator;
     const compositionStart: EventSimulator;
     const compositionUpdate: EventSimulator;
     const contextMenu: EventSimulator;
     const copy: EventSimulator;
     const cut: EventSimulator;
+    const auxClick: EventSimulator;
     const doubleClick: EventSimulator;
     const drag: EventSimulator;
     const dragEnd: EventSimulator;
@@ -134,11 +159,24 @@ export namespace Simulate {
     const play: EventSimulator;
     const playing: EventSimulator;
     const progress: EventSimulator;
+    const pointerCancel: EventSimulator;
+    const pointerDown: EventSimulator;
+    const pointerUp: EventSimulator;
+    const pointerMove: EventSimulator;
+    const pointerOut: EventSimulator;
+    const pointerOver: EventSimulator;
+    const pointerEnter: EventSimulator;
+    const pointerLeave: EventSimulator;
+    const gotPointerCapture: EventSimulator;
+    const lostPointerCapture: EventSimulator;
     const rateChange: EventSimulator;
+    const reset: EventSimulator;
     const scroll: EventSimulator;
+    const toggle: EventSimulator;
     const seeked: EventSimulator;
     const seeking: EventSimulator;
     const select: EventSimulator;
+    const beforeInput: EventSimulator;
     const stalled: EventSimulator;
     const submit: EventSimulator;
     const suspend: EventSimulator;
@@ -157,17 +195,21 @@ export namespace Simulate {
  * Render a React element into a detached DOM node in the document. __This function requires a DOM__.
  */
 export function renderIntoDocument<T extends Element>(
-    element: DOMElement<any, T>): T;
+    element: DOMElement<any, T>,
+): T;
 export function renderIntoDocument(
-    element: FunctionComponentElement<any>): void;
+    element: FunctionComponentElement<any>,
+): void;
 // If we replace `P` with `any` in this overload, then some tests fail because
 // calls to `renderIntoDocument` choose the last overload on the
 // subtype-relation pass and get an undesirably broad return type.  Using `P`
 // allows this overload to match on the subtype-relation pass.
 export function renderIntoDocument<P, T extends Component<P>>(
-    element: CElement<P, T>): T;
+    element: CElement<P, T>,
+): T;
 export function renderIntoDocument<P>(
-    element: ReactElement<P>): Component<P> | Element | void;
+    element: ReactElement<P>,
+): Component<P> | Element | void;
 
 /**
  * Pass a mocked component module to this method to augment it with useful methods that allow it to
@@ -175,7 +217,9 @@ export function renderIntoDocument<P>(
  * a simple `<div>` (or other tag if `mockTagName` is provided) containing any provided children.
  */
 export function mockComponent(
-    mocked: MockedComponentClass, mockTagName?: string): typeof ReactTestUtils;
+    mocked: MockedComponentClass,
+    mockTagName?: string,
+): typeof ReactTestUtils;
 
 /**
  * Returns `true` if `element` is any React element.
@@ -186,22 +230,30 @@ export function isElement(element: any): boolean;
  * Returns `true` if `element` is a React element whose type is of a React `componentClass`.
  */
 export function isElementOfType<T extends HTMLElement>(
-    element: ReactElement, type: string): element is ReactHTMLElement<T>;
+    element: ReactElement,
+    type: string,
+): element is ReactHTMLElement<T>;
 /**
  * Returns `true` if `element` is a React element whose type is of a React `componentClass`.
  */
 export function isElementOfType<P extends DOMAttributes<{}>, T extends Element>(
-    element: ReactElement, type: string): element is DOMElement<P, T>;
+    element: ReactElement,
+    type: string,
+): element is DOMElement<P, T>;
 /**
  * Returns `true` if `element` is a React element whose type is of a React `componentClass`.
  */
 export function isElementOfType<P>(
-    element: ReactElement, type: FC<P>): element is FunctionComponentElement<P>;
+    element: ReactElement,
+    type: FC<P>,
+): element is FunctionComponentElement<P>;
 /**
  * Returns `true` if `element` is a React element whose type is of a React `componentClass`.
  */
 export function isElementOfType<P, T extends Component<P>, C extends ComponentClass<P>>(
-    element: ReactElement, type: ClassType<P, T, C>): element is CElement<P, T>;
+    element: ReactElement,
+    type: ClassType<P, T, C>,
+): element is CElement<P, T>;
 
 /**
  * Returns `true` if `instance` is a DOM component (such as a `<div>` or `<span>`).
@@ -215,7 +267,9 @@ export function isCompositeComponent(instance: ReactInstance): instance is Compo
  * Returns `true` if `instance` is a component whose type is of a React `componentClass`.
  */
 export function isCompositeComponentWithType<T extends Component<any>, C extends ComponentClass<any>>(
-    instance: ReactInstance, type: ClassType<any, T, C>): boolean;
+    instance: ReactInstance,
+    type: ClassType<any, T, C>,
+): boolean;
 
 /**
  * Traverse all components in `tree` and accumulate all components where
@@ -224,7 +278,8 @@ export function isCompositeComponentWithType<T extends Component<any>, C extends
  */
 export function findAllInRenderedTree(
     root: Component<any>,
-    fn: (i: ReactInstance) => boolean): ReactInstance[];
+    fn: (i: ReactInstance) => boolean,
+): ReactInstance[];
 
 /**
  * Finds all DOM elements of components in the rendered tree that are
@@ -232,7 +287,8 @@ export function findAllInRenderedTree(
  */
 export function scryRenderedDOMComponentsWithClass(
     root: Component<any>,
-    className: string): Element[];
+    className: string,
+): Element[];
 /**
  * Like `scryRenderedDOMComponentsWithClass()` but expects there to be one result,
  * and returns that one result, or throws exception if there is any other
@@ -240,7 +296,8 @@ export function scryRenderedDOMComponentsWithClass(
  */
 export function findRenderedDOMComponentWithClass(
     root: Component<any>,
-    className: string): Element;
+    className: string,
+): Element;
 
 /**
  * Finds all DOM elements of components in the rendered tree that are
@@ -248,7 +305,8 @@ export function findRenderedDOMComponentWithClass(
  */
 export function scryRenderedDOMComponentsWithTag(
     root: Component<any>,
-    tagName: string): Element[];
+    tagName: string,
+): Element[];
 /**
  * Like `scryRenderedDOMComponentsWithTag()` but expects there to be one result,
  * and returns that one result, or throws exception if there is any other
@@ -256,14 +314,16 @@ export function scryRenderedDOMComponentsWithTag(
  */
 export function findRenderedDOMComponentWithTag(
     root: Component<any>,
-    tagName: string): Element;
+    tagName: string,
+): Element;
 
 /**
  * Finds all instances of components with type equal to `componentClass`.
  */
 export function scryRenderedComponentsWithType<T extends Component<any>, C extends ComponentClass<any>>(
     root: Component<any>,
-    type: ClassType<any, T, C>): T[];
+    type: ClassType<any, T, C>,
+): T[];
 
 /**
  * Same as `scryRenderedComponentsWithType()` but expects there to be one result
@@ -272,7 +332,8 @@ export function scryRenderedComponentsWithType<T extends Component<any>, C exten
  */
 export function findRenderedComponentWithType<T extends Component<any>, C extends ComponentClass<any>>(
     root: Component<any>,
-    type: ClassType<any, T, C>): T;
+    type: ClassType<any, T, C>,
+): T;
 
 /**
  * Call this in your tests to create a shallow renderer.