@wordpress/element 7.0.0 → 8.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/element",
-	"version": "7.0.0",
+	"version": "8.0.1",
 	"description": "Element React module for WordPress.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -38,24 +38,28 @@
 			"import": "./build-module/index.mjs",
 			"require": "./build/index.cjs"
 		},
+		"./react-polyfill": "./src/react-polyfill-base.ts",
 		"./package.json": "./package.json"
 	},
-	"react-native": "src/index",
 	"wpScript": true,
 	"types": "build-types",
 	"sideEffects": false,
 	"dependencies": {
-		"@types/react": "^19.2.13",
-		"@types/react-dom": "^19.2.3",
-		"@wordpress/deprecated": "^4.47.0",
-		"@wordpress/escape-html": "^3.47.0",
+		"@types/react": "^18.3.27",
+		"@types/react-dom": "^18.3.1",
+		"@wordpress/deprecated": "^4.48.1",
+		"@wordpress/escape-html": "^3.48.1",
 		"change-case": "^4.1.2",
 		"is-plain-object": "^5.0.0",
-		"react": "^19.2.4",
-		"react-dom": "^19.2.4"
+		"react": "^18.3.1",
+		"react-dom": "^18.3.1"
+	},
+	"devDependencies": {
+		"@testing-library/dom": "^10.4.1",
+		"@testing-library/react": "^16.3.2"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "d653c5fd6161571a0c2ebde28553d6e25624eacc"
+	"gitHead": "99df7432c5c7cb83ba41146fd1f57f3c19004305"
 }

package/src/index.ts

@@ -5,4 +5,9 @@ export * from './utils';
 export { default as Platform } from './platform';
 export { default as renderToString } from './serialize';
 export { default as RawHTML } from './raw-html';
-export { default as findDOMNode } from './find-dom-node';
+// export {
+// 	findDOMNode,
+// 	render,
+// 	hydrate,
+// 	unmountComponentAtNode,
+// } from './react-polyfill';

package/src/platform.ts

@@ -1,12 +1,3 @@
-/**
- * Parts of this source were derived and modified from react-native-web,
- * released under the MIT license.
- *
- * Copyright (c) 2016-present, Nicolas Gallagher.
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- */
-
 /**
  * Specification for platform-specific value selection.
  */
@@ -19,18 +10,14 @@ type PlatformSelectSpec< T > = {
  * Component used to detect the current Platform being used.
  * Use Platform.OS === 'web' to detect if running on web environment.
  *
- * This is the same concept as the React Native implementation.
- *
- * @see https://reactnative.dev/docs/platform-specific-code#platform-module
- *
  * Here is an example of how to use the select method:
  * @example
  * ```js
  * import { Platform } from '@wordpress/element';
  *
  * const placeholderLabel = Platform.select( {
- *   native: __( 'Add media' ),
  *   web: __( 'Drag images, upload new ones or select files from your library.' ),
+ *   default: __( 'Add media' ),
  * } );
  * ```
  */

package/src/react-platform.ts

@@ -3,90 +3,52 @@
  */
 import {
 	createPortal,
+	findDOMNode,
 	flushSync,
-	preconnect,
-	prefetchDNS,
-	preinit,
-	preinitModule,
-	preload,
-	preloadModule,
-	useFormStatus,
+	/* eslint-disable react/no-deprecated */
+	render,
+	hydrate,
+	unmountComponentAtNode,
+	/* eslint-enable react/no-deprecated */
 } from 'react-dom';
 import { createRoot, hydrateRoot } from 'react-dom/client';
 
 /**
  * Creates a portal into which a component can be rendered.
  *
- * @see https://github.com/facebook/react/issues/10309#issuecomment-318433235
- *
- * @param {React.ReactElement} child     Any renderable child, such as an element,
- *                                       string, or fragment.
- * @param {HTMLElement}        container DOM node into which element should be rendered.
+ * @see https://react.dev/reference/react-dom/createPortal
  */
 export { createPortal };
 
 /**
- * Forces React to flush any updates inside the provided callback synchronously.
- *
- * @param {Function} callback Callback to run synchronously.
- */
-export { flushSync };
-
-/**
- * Eagerly connect to a server that you expect to load resources from.
+ * Finds the dom node of a React component.
  *
- * @since 7.1.0
- * @see https://react.dev/reference/react-dom/preconnect
+ * @param {React.ComponentType} component Component's instance.
  */
-export { preconnect };
+export { findDOMNode };
 
 /**
- * Eagerly look up the IP of a server that you expect to load resources from.
- *
- * @since 7.1.0
- * @see https://react.dev/reference/react-dom/prefetchDNS
- */
-export { prefetchDNS };
-
-/**
- * Eagerly fetch and evaluate a stylesheet or external script.
- *
- * @since 7.1.0
- * @see https://react.dev/reference/react-dom/preinit
- */
-export { preinit };
-
-/**
- * Eagerly fetch and evaluate an ESM module.
- *
- * @since 7.1.0
- * @see https://react.dev/reference/react-dom/preinitModule
- */
-export { preinitModule };
-
-/**
- * Eagerly fetch a resource such as a stylesheet, font, or external script.
+ * Forces React to flush any updates inside the provided callback synchronously.
  *
- * @since 7.1.0
- * @see https://react.dev/reference/react-dom/preload
+ * @see https://react.dev/reference/react-dom/flushSync
  */
-export { preload };
+export { flushSync };
 
 /**
- * Eagerly fetch an ESM module that you expect to use.
+ * Renders a given element into the target DOM node.
  *
- * @since 7.1.0
- * @see https://react.dev/reference/react-dom/preloadModule
+ * @deprecated since WordPress 6.2.0. Use `createRoot` instead.
+ * @see https://react.dev/reference/react-dom/render
  */
-export { preloadModule };
+export { render };
 
 /**
- * Read the status information of the parent form.
+ * Hydrates a given element into the target DOM node.
  *
- * @since 7.1.0
- * @see https://react.dev/reference/react-dom/hooks/useFormStatus
+ * @deprecated since WordPress 6.2.0. Use `hydrateRoot` instead.
+ * @see https://react.dev/reference/react-dom/hydrate
  */
-export { useFormStatus };
+export { hydrate };
 
 /**
  * Creates a new React root for the target DOM node.
@@ -103,3 +65,11 @@ export { createRoot };
  * @see https://react.dev/reference/react-dom/client/hydrateRoot
  */
 export { hydrateRoot };
+
+/**
+ * Removes any mounted element from the target DOM node.
+ *
+ * @deprecated since WordPress 6.2.0. Use `root.unmount()` instead.
+ * @see https://react.dev/reference/react-dom/unmountComponentAtNode
+ */
+export { unmountComponentAtNode };

package/src/{find-dom-node.ts → react-polyfill-base.ts}

@@ -1,4 +1,6 @@
-import deprecated from '@wordpress/deprecated';
+import { flushSync } from 'react-dom';
+import { createRoot, hydrateRoot } from 'react-dom/client';
+import type { Root } from 'react-dom/client';
 
 const internalsKey = '_reactInternals';
 
@@ -53,21 +55,7 @@ function findHostFiberImpl( fiber: any ): any {
 	return null;
 }
 
-/**
- * Finds the DOM node of a React component instance.
- *
- * @deprecated since WordPress 7.1.0. Use DOM refs instead.
- * @see https://react.dev/reference/react-dom/findDOMNode
- *
- * @param      instance Component's instance.
- */
-export default function findDOMNode( instance: any ): Element | Text | null {
-	deprecated( 'wp.element.findDOMNode', {
-		since: '7.1',
-		alternative: 'DOM refs',
-		link: 'https://react.dev/reference/react-dom/findDOMNode',
-	} );
-
+export function findDOMNode( instance: any ): Element | Text | null {
 	if ( instance === null || instance === undefined ) {
 		return null;
 	}
@@ -90,3 +78,56 @@ export default function findDOMNode( instance: any ): Element | Text | null {
 	const hostFiber = findHostFiber( fiber );
 	return hostFiber?.stateNode ?? null;
 }
+
+const roots = new WeakMap< Element, Root >();
+
+export function render(
+	element: React.ReactNode,
+	container: Element,
+	callback?: () => void
+): void {
+	let root = roots.get( container );
+	if ( ! root ) {
+		root = createRoot( container );
+		roots.set( container, root );
+	}
+
+	flushSync( () => {
+		root.render( element );
+	} );
+
+	if ( typeof callback === 'function' ) {
+		callback();
+	}
+}
+
+export function hydrate(
+	element: React.ReactNode,
+	container: Element,
+	callback?: () => void
+): void {
+	let root = roots.get( container );
+	if ( ! root ) {
+		root = hydrateRoot( container, element );
+		roots.set( container, root );
+	} else {
+		root.render( element );
+	}
+
+	if ( typeof callback === 'function' ) {
+		callback();
+	}
+}
+
+export function unmountComponentAtNode( container: Element ): boolean {
+	const root = roots.get( container );
+	if ( ! root ) {
+		return false;
+	}
+
+	flushSync( () => {
+		root.unmount();
+	} );
+	roots.delete( container );
+	return true;
+}

package/src/react-polyfill.ts

@@ -0,0 +1,99 @@
+/**
+ * WordPress dependencies
+ */
+import deprecated from '@wordpress/deprecated';
+
+/**
+ * Internal dependencies
+ */
+import {
+	findDOMNode as findDOMNodeBase,
+	render as renderBase,
+	hydrate as hydrateBase,
+	unmountComponentAtNode as unmountComponentAtNodeBase,
+} from './react-polyfill-base';
+
+/**
+ * Finds the DOM node of a React component instance.
+ *
+ * @deprecated since WordPress 7.1.0. Use DOM refs instead.
+ * @see https://react.dev/reference/react-dom/findDOMNode
+ *
+ * @param      instance Component's instance.
+ */
+export function findDOMNode( instance: any ): Element | Text | null {
+	deprecated( 'wp.element.findDOMNode', {
+		since: '7.1',
+		alternative: 'DOM refs',
+		link: 'https://react.dev/reference/react-dom/findDOMNode',
+	} );
+
+	return findDOMNodeBase( instance );
+}
+
+/**
+ * Renders a given element into the target DOM node.
+ *
+ * @deprecated since WordPress 6.2.0. Use `createRoot` instead.
+ * @see https://react.dev/reference/react-dom/render
+ *
+ * @param      element   Element to render.
+ * @param      container DOM node into which to render.
+ * @param      callback  Optional callback called after render.
+ */
+export function render(
+	element: React.ReactNode,
+	container: Element,
+	callback?: () => void
+): void {
+	deprecated( 'wp.element.render', {
+		since: '6.2',
+		alternative: 'wp.element.createRoot',
+		link: 'https://react.dev/reference/react-dom/client/createRoot',
+	} );
+
+	renderBase( element, container, callback );
+}
+
+/**
+ * Hydrates a given element into the target DOM node.
+ *
+ * @deprecated since WordPress 6.2.0. Use `hydrateRoot` instead.
+ * @see https://react.dev/reference/react-dom/hydrate
+ *
+ * @param      element   Element to hydrate.
+ * @param      container DOM node to hydrate.
+ * @param      callback  Optional callback called after hydration.
+ */
+export function hydrate(
+	element: React.ReactNode,
+	container: Element,
+	callback?: () => void
+): void {
+	deprecated( 'wp.element.hydrate', {
+		since: '6.2',
+		alternative: 'wp.element.hydrateRoot',
+		link: 'https://react.dev/reference/react-dom/client/hydrateRoot',
+	} );
+
+	hydrateBase( element, container, callback );
+}
+
+/**
+ * Removes any mounted element from the target DOM node.
+ *
+ * @deprecated since WordPress 6.2.0. Use `root.unmount()` instead.
+ * @see https://react.dev/reference/react-dom/unmountComponentAtNode
+ *
+ * @param      container DOM node in which to unmount.
+ * @return Whether the node was unmounted.
+ */
+export function unmountComponentAtNode( container: Element ): boolean {
+	deprecated( 'wp.element.unmountComponentAtNode', {
+		since: '6.2',
+		alternative: 'root.unmount()',
+		link: 'https://react.dev/reference/react-dom/client/createRoot#root-unmount',
+	} );
+
+	return unmountComponentAtNodeBase( container );
+}

package/src/react.ts

@@ -3,7 +3,6 @@
  */
 // eslint-disable-next-line @typescript-eslint/no-restricted-imports
 import {
-	Activity,
 	Children,
 	cloneElement,
 	Component,
@@ -16,20 +15,16 @@ import {
 	memo,
 	PureComponent,
 	StrictMode,
-	use,
-	useActionState,
 	useCallback,
 	useContext,
 	useDebugValue,
 	useDeferredValue,
 	useEffect,
-	useEffectEvent,
 	useId,
 	useMemo,
 	useImperativeHandle,
 	useInsertionEffect,
 	useLayoutEffect,
-	useOptimistic,
 	useReducer,
 	useRef,
 	useState,
@@ -71,14 +66,6 @@ export type RefCallback< T > = React.RefCallback< T >;
  */
 export type Ref< T > = React.Ref< T >;
 
-/**
- * Hide and show parts of the UI while preserving state.
- *
- * @since 7.1.0
- * @see https://react.dev/reference/react/Activity
- */
-export { Activity };
-
 /**
  * Object that provides utilities for dealing with React children.
  */
@@ -168,22 +155,6 @@ export { memo };
  */
 export { StrictMode };
 
-/**
- * Read the value of a resource like a Promise or context.
- *
- * @since 7.1.0
- * @see https://react.dev/reference/react/use
- */
-export { use };
-
-/**
- * Manage state based on the result of a form action.
- *
- * @since 7.1.0
- * @see https://react.dev/reference/react/useActionState
- */
-export { useActionState };
-
 /**
  * @see https://react.dev/reference/react/useCallback
  */
@@ -209,14 +180,6 @@ export { useDeferredValue };
  */
 export { useEffect };
 
-/**
- * Extract non-reactive logic from an Effect into an Effect Event.
- *
- * @since 7.1.0
- * @see https://react.dev/reference/react/useEffectEvent
- */
-export { useEffectEvent };
-
 /**
  * @see https://react.dev/reference/react/useId
  */
@@ -242,14 +205,6 @@ export { useLayoutEffect };
  */
 export { useMemo };
 
-/**
- * Show a different state while an async action is underway.
- *
- * @since 7.1.0
- * @see https://react.dev/reference/react/useOptimistic
- */
-export { useOptimistic };
-
 /**
  * @see https://react.dev/reference/react/useReducer
  */
@@ -344,9 +299,7 @@ export function switchChildrenNodeName(
 				return elt;
 			}
 
-			const { children: childrenProp, ...props } = (
-				elt as React.ReactElement< React.PropsWithChildren< unknown > >
-			 ).props;
+			const { children: childrenProp, ...props } = elt.props;
 			return createElement(
 				nodeName,
 				{ key: index, ...props },

package/src/serialize.ts

@@ -626,9 +626,7 @@ export function renderElement(
 
 		case Consumer.$$typeof:
 			return renderElement(
-				props.children(
-					context || type._currentValue || type._context._currentValue
-				),
+				props.children( context || type._currentValue ),
 				context,
 				legacyContext
 			);

package/src/test/find-dom-node.js

@@ -1,8 +1,8 @@
 import { act, render } from '@testing-library/react';
 import { Component } from '..';
-import findDOMNodePolyfill from '../find-dom-node';
+import { findDOMNode as findDOMNodePolyfill } from '../react-polyfill';
 
-describe( 'findDOMNode', () => {
+describe.skip( 'findDOMNode', () => {
 	it( 'should return null when passed null', () => {
 		expect( findDOMNodePolyfill( null ) ).toBeNull();
 		expect( console ).toHaveWarned();

package/src/test/platform.js

@@ -4,12 +4,20 @@
 import Platform from '../platform';
 
 describe( 'Platform', () => {
-	it( 'is chooses the right thing', () => {
+	it( 'selects the web value', () => {
 		const element = Platform.select( {
 			web: <div />,
-			native: <button />,
+			default: <button />,
 		} );
 
 		expect( element ).toEqual( <div /> );
 	} );
+
+	it( 'falls back to the default value when no web value is provided', () => {
+		const element = Platform.select( {
+			default: <button />,
+		} );
+
+		expect( element ).toEqual( <button /> );
+	} );
 } );

package/src/test/react-polyfill.js

@@ -0,0 +1,77 @@
+/**
+ * Internal dependencies
+ */
+import { createElement } from '..';
+import { render, hydrate, unmountComponentAtNode } from '../react-polyfill';
+
+describe.skip( 'render', () => {
+	it( 'should render into a container', () => {
+		const container = document.createElement( 'div' );
+
+		render( createElement( 'p', null, 'hello' ), container );
+
+		expect( container ).toHaveTextContent( 'hello' );
+		expect( console ).toHaveWarned();
+	} );
+
+	it( 'should update the container on subsequent renders', () => {
+		const container = document.createElement( 'div' );
+
+		render( createElement( 'p', null, 'hello' ), container );
+		render( createElement( 'p', null, 'world' ), container );
+
+		expect( container ).toHaveTextContent( 'world' );
+	} );
+
+	it( 'should call the callback after rendering', () => {
+		const container = document.createElement( 'div' );
+		const callback = jest.fn();
+
+		render( createElement( 'p', null, 'hello' ), container, callback );
+
+		expect( callback ).toHaveBeenCalledTimes( 1 );
+		expect( container ).toHaveTextContent( 'hello' );
+	} );
+} );
+
+describe.skip( 'hydrate', () => {
+	it( 'should hydrate into a container with matching markup', () => {
+		const container = document.createElement( 'div' );
+		container.innerHTML = '<p>hello</p>';
+
+		hydrate( createElement( 'p', null, 'hello' ), container );
+
+		expect( container ).toHaveTextContent( 'hello' );
+		expect( console ).toHaveWarned();
+	} );
+
+	it( 'should call the callback after hydrating', () => {
+		const container = document.createElement( 'div' );
+		container.innerHTML = '<p>hello</p>';
+		const callback = jest.fn();
+
+		hydrate( createElement( 'p', null, 'hello' ), container, callback );
+
+		expect( callback ).toHaveBeenCalledTimes( 1 );
+	} );
+} );
+
+describe.skip( 'unmountComponentAtNode', () => {
+	it( 'should return false when the container has no root', () => {
+		const container = document.createElement( 'div' );
+
+		expect( unmountComponentAtNode( container ) ).toBe( false );
+		expect( console ).toHaveWarned();
+	} );
+
+	it( 'should unmount and return true when a root exists', () => {
+		const container = document.createElement( 'div' );
+
+		render( createElement( 'p', null, 'hello' ), container );
+		expect( container ).toHaveTextContent( 'hello' );
+
+		expect( unmountComponentAtNode( container ) ).toBe( true );
+		expect( container ).toHaveTextContent( '' );
+		expect( unmountComponentAtNode( container ) ).toBe( false );
+	} );
+} );

package/build/find-dom-node.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/find-dom-node.ts"],
-  "sourcesContent": ["import deprecated from '@wordpress/deprecated';\n\nconst internalsKey = '_reactInternals';\n\n// HostComponent fiber tag, represents a DOM element like <div>.\nconst HostComponent = 5;\nconst HostText = 6;\n\nfunction findCurrentFiber( fiber: any ): any {\n\tif ( ! fiber.alternate ) {\n\t\t// First mount \u2014 only one version exists, and it's current.\n\t\treturn fiber;\n\t}\n\n\t// Walk up to the HostRoot to figure out which tree this fiber is on.\n\tlet node = fiber;\n\twhile ( node.return ) {\n\t\tnode = node.return;\n\t}\n\n\t// The root's stateNode.current points to the current tree's root fiber.\n\tif ( node.stateNode.current === node ) {\n\t\t// We walked up the current tree, so `fiber` is already current.\n\t\treturn fiber;\n\t}\n\n\t// We walked up the alternate tree \u2014 switch to the current version.\n\treturn fiber.alternate;\n}\n\nfunction findHostFiber( fiber: any ): any {\n\tconst current = findCurrentFiber( fiber );\n\tif ( ! current ) {\n\t\treturn null;\n\t}\n\treturn findHostFiberImpl( current );\n}\n\nfunction findHostFiberImpl( fiber: any ): any {\n\tif ( fiber.tag === HostComponent || fiber.tag === HostText ) {\n\t\treturn fiber;\n\t}\n\n\tlet child = fiber.child;\n\twhile ( child ) {\n\t\tconst hostFiber = findHostFiberImpl( child );\n\t\tif ( hostFiber ) {\n\t\t\treturn hostFiber;\n\t\t}\n\t\tchild = child.sibling;\n\t}\n\n\treturn null;\n}\n\n/**\n * Finds the DOM node of a React component instance.\n *\n * @deprecated since WordPress 7.1.0. Use DOM refs instead.\n * @see https://react.dev/reference/react-dom/findDOMNode\n *\n * @param      instance Component's instance.\n */\nexport default function findDOMNode( instance: any ): Element | Text | null {\n\tdeprecated( 'wp.element.findDOMNode', {\n\t\tsince: '7.1',\n\t\talternative: 'DOM refs',\n\t\tlink: 'https://react.dev/reference/react-dom/findDOMNode',\n\t} );\n\n\tif ( instance === null || instance === undefined ) {\n\t\treturn null;\n\t}\n\n\tif ( instance.nodeType !== undefined ) {\n\t\treturn instance as Element | Text;\n\t}\n\n\tconst fiber = instance[ internalsKey ];\n\tif ( fiber === undefined ) {\n\t\tif ( typeof instance.render === 'function' ) {\n\t\t\tthrow new Error( 'Unable to find node on an unmounted component.' );\n\t\t}\n\t\tconst keys = Object.keys( instance ).join( ',' );\n\t\tthrow new Error(\n\t\t\t`Argument appears to not be a ReactComponent. Keys: ${ keys }`\n\t\t);\n\t}\n\n\tconst hostFiber = findHostFiber( fiber );\n\treturn hostFiber?.stateNode ?? null;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AAEvB,IAAM,eAAe;AAGrB,IAAM,gBAAgB;AACtB,IAAM,WAAW;AAEjB,SAAS,iBAAkB,OAAkB;AAC5C,MAAK,CAAE,MAAM,WAAY;AAExB,WAAO;AAAA,EACR;AAGA,MAAI,OAAO;AACX,SAAQ,KAAK,QAAS;AACrB,WAAO,KAAK;AAAA,EACb;AAGA,MAAK,KAAK,UAAU,YAAY,MAAO;AAEtC,WAAO;AAAA,EACR;AAGA,SAAO,MAAM;AACd;AAEA,SAAS,cAAe,OAAkB;AACzC,QAAM,UAAU,iBAAkB,KAAM;AACxC,MAAK,CAAE,SAAU;AAChB,WAAO;AAAA,EACR;AACA,SAAO,kBAAmB,OAAQ;AACnC;AAEA,SAAS,kBAAmB,OAAkB;AAC7C,MAAK,MAAM,QAAQ,iBAAiB,MAAM,QAAQ,UAAW;AAC5D,WAAO;AAAA,EACR;AAEA,MAAI,QAAQ,MAAM;AAClB,SAAQ,OAAQ;AACf,UAAM,YAAY,kBAAmB,KAAM;AAC3C,QAAK,WAAY;AAChB,aAAO;AAAA,IACR;AACA,YAAQ,MAAM;AAAA,EACf;AAEA,SAAO;AACR;AAUe,SAAR,YAA8B,UAAuC;AAC3E,wBAAAA,SAAY,0BAA0B;AAAA,IACrC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,EACP,CAAE;AAEF,MAAK,aAAa,QAAQ,aAAa,QAAY;AAClD,WAAO;AAAA,EACR;AAEA,MAAK,SAAS,aAAa,QAAY;AACtC,WAAO;AAAA,EACR;AAEA,QAAM,QAAQ,SAAU,YAAa;AACrC,MAAK,UAAU,QAAY;AAC1B,QAAK,OAAO,SAAS,WAAW,YAAa;AAC5C,YAAM,IAAI,MAAO,gDAAiD;AAAA,IACnE;AACA,UAAM,OAAO,OAAO,KAAM,QAAS,EAAE,KAAM,GAAI;AAC/C,UAAM,IAAI;AAAA,MACT,sDAAuD,IAAK;AAAA,IAC7D;AAAA,EACD;AAEA,QAAM,YAAY,cAAe,KAAM;AACvC,SAAO,WAAW,aAAa;AAChC;",
-  "names": ["deprecated"]
-}

package/build-module/find-dom-node.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/find-dom-node.ts"],
-  "sourcesContent": ["import deprecated from '@wordpress/deprecated';\n\nconst internalsKey = '_reactInternals';\n\n// HostComponent fiber tag, represents a DOM element like <div>.\nconst HostComponent = 5;\nconst HostText = 6;\n\nfunction findCurrentFiber( fiber: any ): any {\n\tif ( ! fiber.alternate ) {\n\t\t// First mount \u2014 only one version exists, and it's current.\n\t\treturn fiber;\n\t}\n\n\t// Walk up to the HostRoot to figure out which tree this fiber is on.\n\tlet node = fiber;\n\twhile ( node.return ) {\n\t\tnode = node.return;\n\t}\n\n\t// The root's stateNode.current points to the current tree's root fiber.\n\tif ( node.stateNode.current === node ) {\n\t\t// We walked up the current tree, so `fiber` is already current.\n\t\treturn fiber;\n\t}\n\n\t// We walked up the alternate tree \u2014 switch to the current version.\n\treturn fiber.alternate;\n}\n\nfunction findHostFiber( fiber: any ): any {\n\tconst current = findCurrentFiber( fiber );\n\tif ( ! current ) {\n\t\treturn null;\n\t}\n\treturn findHostFiberImpl( current );\n}\n\nfunction findHostFiberImpl( fiber: any ): any {\n\tif ( fiber.tag === HostComponent || fiber.tag === HostText ) {\n\t\treturn fiber;\n\t}\n\n\tlet child = fiber.child;\n\twhile ( child ) {\n\t\tconst hostFiber = findHostFiberImpl( child );\n\t\tif ( hostFiber ) {\n\t\t\treturn hostFiber;\n\t\t}\n\t\tchild = child.sibling;\n\t}\n\n\treturn null;\n}\n\n/**\n * Finds the DOM node of a React component instance.\n *\n * @deprecated since WordPress 7.1.0. Use DOM refs instead.\n * @see https://react.dev/reference/react-dom/findDOMNode\n *\n * @param      instance Component's instance.\n */\nexport default function findDOMNode( instance: any ): Element | Text | null {\n\tdeprecated( 'wp.element.findDOMNode', {\n\t\tsince: '7.1',\n\t\talternative: 'DOM refs',\n\t\tlink: 'https://react.dev/reference/react-dom/findDOMNode',\n\t} );\n\n\tif ( instance === null || instance === undefined ) {\n\t\treturn null;\n\t}\n\n\tif ( instance.nodeType !== undefined ) {\n\t\treturn instance as Element | Text;\n\t}\n\n\tconst fiber = instance[ internalsKey ];\n\tif ( fiber === undefined ) {\n\t\tif ( typeof instance.render === 'function' ) {\n\t\t\tthrow new Error( 'Unable to find node on an unmounted component.' );\n\t\t}\n\t\tconst keys = Object.keys( instance ).join( ',' );\n\t\tthrow new Error(\n\t\t\t`Argument appears to not be a ReactComponent. Keys: ${ keys }`\n\t\t);\n\t}\n\n\tconst hostFiber = findHostFiber( fiber );\n\treturn hostFiber?.stateNode ?? null;\n}\n"],
-  "mappings": ";AAAA,OAAO,gBAAgB;AAEvB,IAAM,eAAe;AAGrB,IAAM,gBAAgB;AACtB,IAAM,WAAW;AAEjB,SAAS,iBAAkB,OAAkB;AAC5C,MAAK,CAAE,MAAM,WAAY;AAExB,WAAO;AAAA,EACR;AAGA,MAAI,OAAO;AACX,SAAQ,KAAK,QAAS;AACrB,WAAO,KAAK;AAAA,EACb;AAGA,MAAK,KAAK,UAAU,YAAY,MAAO;AAEtC,WAAO;AAAA,EACR;AAGA,SAAO,MAAM;AACd;AAEA,SAAS,cAAe,OAAkB;AACzC,QAAM,UAAU,iBAAkB,KAAM;AACxC,MAAK,CAAE,SAAU;AAChB,WAAO;AAAA,EACR;AACA,SAAO,kBAAmB,OAAQ;AACnC;AAEA,SAAS,kBAAmB,OAAkB;AAC7C,MAAK,MAAM,QAAQ,iBAAiB,MAAM,QAAQ,UAAW;AAC5D,WAAO;AAAA,EACR;AAEA,MAAI,QAAQ,MAAM;AAClB,SAAQ,OAAQ;AACf,UAAM,YAAY,kBAAmB,KAAM;AAC3C,QAAK,WAAY;AAChB,aAAO;AAAA,IACR;AACA,YAAQ,MAAM;AAAA,EACf;AAEA,SAAO;AACR;AAUe,SAAR,YAA8B,UAAuC;AAC3E,aAAY,0BAA0B;AAAA,IACrC,OAAO;AAAA,IACP,aAAa;AAAA,IACb,MAAM;AAAA,EACP,CAAE;AAEF,MAAK,aAAa,QAAQ,aAAa,QAAY;AAClD,WAAO;AAAA,EACR;AAEA,MAAK,SAAS,aAAa,QAAY;AACtC,WAAO;AAAA,EACR;AAEA,QAAM,QAAQ,SAAU,YAAa;AACrC,MAAK,UAAU,QAAY;AAC1B,QAAK,OAAO,SAAS,WAAW,YAAa;AAC5C,YAAM,IAAI,MAAO,gDAAiD;AAAA,IACnE;AACA,UAAM,OAAO,OAAO,KAAM,QAAS,EAAE,KAAM,GAAI;AAC/C,UAAM,IAAI;AAAA,MACT,sDAAuD,IAAK;AAAA,IAC7D;AAAA,EACD;AAEA,QAAM,YAAY,cAAe,KAAM;AACvC,SAAO,WAAW,aAAa;AAChC;",
-  "names": []
-}

package/src/platform.android.js

@@ -1,21 +0,0 @@
-/**
- * External dependencies
- */
-import { Platform as OriginalPlatform } from 'react-native';
-
-const Platform = {
-	...OriginalPlatform,
-	OS: 'native',
-	select: ( spec ) => {
-		if ( 'android' in spec ) {
-			return spec.android;
-		} else if ( 'native' in spec ) {
-			return spec.native;
-		}
-		return spec.default;
-	},
-	isNative: true,
-	isAndroid: true,
-};
-
-export default Platform;