@types/react-dom 18.0.0 → 18.0.3

react-dom/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.
 
 ### Additional Details
- * Last updated: Thu, 07 Apr 2022 17:31:23 GMT
+ * Last updated: Thu, 28 Apr 2022 23:31:45 GMT
  * Dependencies: [@types/react](https://npmjs.com/package/@types/react)
  * Global values: `ReactDOM`, `ReactDOMServer`
 

react-dom/client.d.ts

@@ -22,7 +22,7 @@ export interface RootOptions {
 }
 
 export interface Root {
-    render(children: React.ReactChild | Iterable<React.ReactNode>): void;
+    render(children: React.ReactNode): void;
     unmount(): void;
 }
 
@@ -35,6 +35,6 @@ export function createRoot(container: Element | DocumentFragment, options?: Root
 
 export function hydrateRoot(
     container: Element | Document,
-    initialChildren: React.ReactChild | Iterable<React.ReactNode>,
+    initialChildren: React.ReactNode,
     options?: HydrationOptions,
 ): Root;

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/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": "18.0.0",
+    "version": "18.0.3",
     "description": "TypeScript definitions for React (react-dom)",
     "homepage": "https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/react-dom",
     "license": "MIT",
@@ -49,6 +49,34 @@
     "dependencies": {
         "@types/react": "*"
     },
-    "typesPublisherContentHash": "9cea04e66af8b05388781f9a22be0a7fda3c5d386d03fe4bdde26a442e6e4672",
-    "typeScriptVersion": "3.9"
+    "typesPublisherContentHash": "beabea1eec76768b42649fc9a768b90963113ad6306de533c8c68326ce67e0e6",
+    "typeScriptVersion": "3.9",
+    "exports": {
+        ".": {
+            "types": {
+                "default": "./index.d.ts"
+            }
+        },
+        "./client": {
+            "types": {
+                "default": "./client.d.ts"
+            }
+        },
+        "./next": {
+            "types": {
+                "default": "./next.d.ts"
+            }
+        },
+        "./server": {
+            "types": {
+                "default": "./server.d.ts"
+            }
+        },
+        "./experimental": {
+            "types": {
+                "default": "./experimental.d.ts"
+            }
+        },
+        "./package.json": "./package.json"
+    }
 }

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;