@types/react-dom 17.0.14 → 18.0.1

react-dom/README.md

@@ -8,9 +8,9 @@ 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.
 
 ### Additional Details
- * Last updated: Sat, 19 Mar 2022 07:31:42 GMT
+ * Last updated: Thu, 14 Apr 2022 21:31:22 GMT
  * Dependencies: [@types/react](https://npmjs.com/package/@types/react)
- * Global values: `ReactDOM`, `ReactDOMNodeStream`, `ReactDOMServer`
+ * Global values: `ReactDOM`, `ReactDOMServer`
 
 # Credits
 These definitions were written by [Asana](https://asana.com), [AssureSign](http://www.assuresign.com), [Microsoft](https://microsoft.com), [MartynasZilinskas](https://github.com/MartynasZilinskas), [Josh Rutherford](https://github.com/theruther4d), [Jessica Franco](https://github.com/Jessidhia), and [Sebastian Silbermann](https://github.com/eps1lon).

react-dom/experimental.d.ts

@@ -24,22 +24,12 @@
  * Either the import or the reference only needs to appear once, anywhere in the project.
  */
 
-// See https://github.com/facebook/react/blob/master/packages/react-dom/src/client/ReactDOM.js to see how the exports are declared,
-// and https://github.com/facebook/react/blob/master/packages/shared/ReactFeatureFlags.js to verify which APIs are
-// flagged experimental or not. Experimental APIs will be tagged with `__EXPERIMENTAL__`.
+// See https://github.com/facebook/react/blob/main/packages/react-dom/index.experimental.js to see how the exports are declared,
+// but confirm with published source code (e.g. https://unpkg.com/react-dom@experimental) that these exports end up in the published code
 
 import React = require('react');
 import ReactDOM = require('./next');
 
 export {};
 
-declare module '.' {
-    function unstable_flushControlled(callback: () => void): void;
-
-    // enableSelectiveHydration feature
-
-    /**
-     * @see https://github.com/facebook/react/commit/3a2b5f148d450c69aab67f055fc441d294c23518
-     */
-    function unstable_scheduleHydration(target: Element | Document | DocumentFragment | Comment): void;
-}
+declare module '.' {}

react-dom/index.d.ts

@@ -1,4 +1,4 @@
-// Type definitions for React (react-dom) 17.0
+// Type definitions for React (react-dom) 18.0
 // Project: https://reactjs.org
 // Definitions by: Asana <https://asana.com>
 //                 AssureSign <http://www.assuresign.com>
@@ -10,10 +10,6 @@
 // Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
 // TypeScript Version: 2.8
 
-// NOTE: Users of the upcoming React 18 release should add a reference
-// to 'react-dom/next' in their project. See next.d.ts's top comment
-// for reference and documentation on how exactly to do it.
-
 // NOTE: Users of the `experimental` builds of React should add a reference
 // to 'react-dom/experimental' in their project. See experimental.d.ts's top comment
 // for reference and documentation on how exactly to do it.

react-dom/next.d.ts

@@ -23,7 +23,8 @@
  * Either the import or the reference only needs to appear once, anywhere in the project.
  */
 
-// See https://github.com/facebook/react/blob/master/packages/react-dom/src/client/ReactDOM.js to see how the exports are declared,
+// See https://github.com/facebook/react/blob/main/packages/react-dom/index.js to see how the exports are declared,
+// but confirm with published source code (e.g. https://unpkg.com/react-dom@next) that these exports end up in the published code
 
 import React = require('react');
 import ReactDOM = require('.');

react-dom/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@types/react-dom",
-    "version": "17.0.14",
+    "version": "18.0.1",
     "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": "*"
     },
-    "typesPublisherContentHash": "bb6ccdfb4be52f5b94a8ea67684c63c29d57b4ff383a3f33fd7e1a81e35f264f",
+    "typesPublisherContentHash": "c62090e5d492de8a9ddd5cc8119bb97f1fe2c2b957eae3db84e851e68c162be1",
     "typeScriptVersion": "3.9"
 }

react-dom/server.d.ts

@@ -3,10 +3,54 @@ declare global {
     namespace NodeJS {
         // tslint:disable-next-line:no-empty-interface
         interface ReadableStream {}
+
+        // tslint:disable-next-line:no-empty-interface
+        interface WritableStream {}
     }
+
+    /**
+     * Stub for https://developer.mozilla.org/en-US/docs/Web/API/AbortSignal
+     */
+    // tslint:disable-next-line:no-empty-interface
+    interface AbortSignal {}
+
+    /**
+     * Stub for https://developer.mozilla.org/en-US/docs/Web/API/ReadableStream
+     */
+    // tslint:disable-next-line:no-empty-interface
+    interface ReadableStream {}
 }
 
-import { ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
+
+export interface RenderToPipeableStreamOptions {
+    identifierPrefix?: string;
+    namespaceURI?: string;
+    nonce?: string;
+    bootstrapScriptContent?: string;
+    bootstrapScripts?: string[];
+    bootstrapModules?: string[];
+    progressiveChunkSize?: number;
+    onShellReady?: () => void;
+    onShellError?: (error: unknown) => void;
+    onAllReady?: () => void;
+    onError?: (error: unknown) => void;
+}
+
+export interface PipeableStream {
+    abort(): void;
+    pipe<Writable extends NodeJS.WritableStream>(destination: Writable): Writable;
+}
+
+/**
+ * Only available in the environments with [Node.js Streams](https://nodejs.dev/learn/nodejs-streams).
+ *
+ * @see [API](https://reactjs.org/docs/react-dom-server.html#rendertopipeablestream)
+ *
+ * @param children
+ * @param options
+ */
+export function renderToPipeableStream(children: ReactNode, options?: RenderToPipeableStreamOptions): PipeableStream;
 
 /**
  * Render a React element to its initial HTML. This should only be used on the server.
@@ -24,6 +68,8 @@ export function renderToString(element: ReactElement): string;
  * Render a React element to its initial HTML. Returns a Readable stream that outputs
  * an HTML string. The HTML output by this stream is exactly equal to what
  * `ReactDOMServer.renderToString()` would return.
+ *
+ * @deprecated
  */
 export function renderToNodeStream(element: ReactElement): NodeJS.ReadableStream;
 
@@ -42,6 +88,32 @@ export function renderToStaticMarkup(element: ReactElement): string;
  */
 export function renderToStaticNodeStream(element: ReactElement): NodeJS.ReadableStream;
 
+export interface RenderToReadableStreamOptions {
+    identifierPrefix?: string;
+    namespaceURI?: string;
+    nonce?: string;
+    bootstrapScriptContent?: string;
+    bootstrapScripts?: string[];
+    bootstrapModules?: string[];
+    progressiveChunkSize?: number;
+    signal?: AbortSignal;
+    onError?: (error: unknown) => void;
+}
+
+export interface ReactDOMServerReadableStream extends ReadableStream {
+    allReady: Promise<void>;
+}
+
+/**
+ * Only available in the environments with [Web Streams](https://developer.mozilla.org/en-US/docs/Web/API/Streams_API) (this includes browsers, Deno, and some modern edge runtimes).
+ *
+ * @see [API](https://reactjs.org/docs/react-dom-server.html#rendertoreadablestream)
+ */
+export function renderToReadableStream(
+    children: ReactNode,
+    options?: RenderToReadableStreamOptions,
+): Promise<ReactDOMServerReadableStream>;
+
 export const version: string;
 
 export as namespace ReactDOMServer;

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

@@ -2,7 +2,7 @@ import {
     AbstractView, Component, ComponentClass,
     ReactElement, ReactInstance, ClassType,
     DOMElement, FunctionComponentElement, CElement,
-    ReactHTMLElement, DOMAttributes, SFC
+    ReactHTMLElement, DOMAttributes, FC
 } from 'react';
 
 import * as ReactTestUtils from ".";
@@ -194,7 +194,7 @@ export function isElementOfType<P extends DOMAttributes<{}>, T extends Element>(
  * Returns `true` if `element` is a React element whose type is of a React `componentClass`.
  */
 export function isElementOfType<P>(
-    element: ReactElement, type: SFC<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`.
  */

react-dom/node-stream/index.d.ts

@@ -1,18 +0,0 @@
-import { ReactElement } from 'react';
-
-/**
- * Render a ReactElement to its initial HTML. This should only be used on the
- * server.
- * See https://facebook.github.io/react/docs/react-dom-stream.html#rendertostream
- */
-export function renderToStream(element: ReactElement): any;
-
-/**
- * Similar to renderToStream, except this doesn't create extra DOM attributes
- * such as data-react-id that React uses internally.
- * See https://facebook.github.io/react/docs/react-dom-stream.html#rendertostaticstream
- */
-export function renderToStaticStream(element: ReactElement): any;
-export const version: string;
-
-export as namespace ReactDOMNodeStream;