@wordpress/compose 8.7.0 → 8.7.2-next.v.202609031004.0

package/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## Unreleased
 
+## 8.7.1-next.0 (2026-09-03)
+
+### Internal
+
+-   Use the `.jsx` extension for JavaScript source files that contain JSX ([#80990](https://github.com/WordPress/gutenberg/pull/80990)).
+
 ## 8.7.0 (2026-08-26)
 
 ### Internal

package/README.md

@@ -11,7 +11,7 @@ const compose = ( f, g ) => x
     => f( g( x ) );
 ```
 
-Here's a simplified example of **compose** in use from Gutenberg's [`PluginSidebar` component](https://github.com/WordPress/gutenberg/blob/HEAD/packages/editor/src/components/plugin-sidebar/index.js):
+Here's a simplified example of **compose** in use from Gutenberg's [`PluginSidebar` component](https://github.com/WordPress/gutenberg/blob/HEAD/packages/editor/src/components/plugin-sidebar/index.jsx):
 
 Using compose:
 

package/build/higher-order/pipe.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/higher-order/pipe.ts"],
-  "sourcesContent": ["/**\n * Parts of this source were derived and modified from lodash,\n * released under the MIT license.\n *\n * https://github.com/lodash/lodash\n *\n * Copyright JS Foundation and other contributors <https://js.foundation/>\n *\n * Based on Underscore.js, copyright Jeremy Ashkenas,\n * DocumentCloud and Investigative Reporters & Editors <http://underscorejs.org/>\n *\n * This software consists of voluntary contributions made by many\n * individuals. For exact contribution history, see the revision history\n * available at https://github.com/lodash/lodash\n *\n * The following license applies to all parts of this software except as\n * documented below:\n *\n * ====\n *\n * Permission is hereby granted, free of charge, to any person obtaining\n * a copy of this software and associated documentation files (the\n * \"Software\"), to deal in the Software without restriction, including\n * without limitation the rights to use, copy, modify, merge, publish,\n * distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so, subject to\n * the following conditions:\n *\n * The above copyright notice and this permission notice shall be\n * included in all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\n * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\n * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\n * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\n * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n\n/**\n * Creates a pipe function.\n *\n * Allows to choose whether to perform left-to-right or right-to-left composition.\n *\n * @see https://lodash.com/docs/4#flow\n *\n * @param {boolean} reverse True if right-to-left, false for left-to-right composition.\n */\nconst basePipe =\n\t( reverse: boolean = false ) =>\n\t( ...funcs: Function[] ) =>\n\t( ...args: unknown[] ) => {\n\t\tconst functions = funcs.flat();\n\t\tif ( reverse ) {\n\t\t\tfunctions.reverse();\n\t\t}\n\t\treturn functions.reduce(\n\t\t\t( prev, func ) => [ func( ...prev ) ],\n\t\t\targs\n\t\t)[ 0 ];\n\t};\n\n/**\n * Composes multiple higher-order components into a single higher-order component. Performs left-to-right function\n * composition, where each successive invocation is supplied the return value of the previous.\n *\n * This is inspired by `lodash`'s `flow` function.\n *\n * @see https://lodash.com/docs/4#flow\n */\nconst pipe = basePipe();\n\nexport { basePipe };\n\nexport default pipe;\n"],
+  "sourcesContent": ["/**\n * Parts of this source were derived and modified from lodash,\n * released under the MIT license.\n *\n * https://github.com/lodash/lodash\n *\n * Copyright JS Foundation and other contributors <https://js.foundation/>\n *\n * Based on Underscore.js, copyright Jeremy Ashkenas,\n * DocumentCloud and Investigative Reporters & Editors <http://underscorejs.org/>\n *\n * This software consists of voluntary contributions made by many\n * individuals. For exact contribution history, see the revision history\n * available at https://github.com/lodash/lodash\n *\n * The following license applies to all parts of this software except as\n * documented below:\n *\n * ====\n *\n * Permission is hereby granted, free of charge, to any person obtaining\n * a copy of this software and associated documentation files (the\n * \"Software\"), to deal in the Software without restriction, including\n * without limitation the rights to use, copy, modify, merge, publish,\n * distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so, subject to\n * the following conditions:\n *\n * The above copyright notice and this permission notice shall be\n * included in all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\n * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\n * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\n * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\n * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n\n/**\n * Creates a pipe function.\n *\n * Allows to choose whether to perform left-to-right or right-to-left composition.\n *\n * @see https://lodash.com/docs/4#flow\n *\n * @param {boolean} reverse True if right-to-left, false for left-to-right composition.\n */\nconst basePipe =\n\t( reverse: boolean = false ) =>\n\t( ...funcs: ( Function | Function[] )[] ) =>\n\t( ...args: unknown[] ) => {\n\t\tconst functions = funcs.flat();\n\t\tif ( reverse ) {\n\t\t\tfunctions.reverse();\n\t\t}\n\t\treturn functions.reduce(\n\t\t\t( prev, func ) => [ func( ...prev ) ],\n\t\t\targs\n\t\t)[ 0 ];\n\t};\n\n/**\n * Composes multiple higher-order components into a single higher-order component. Performs left-to-right function\n * composition, where each successive invocation is supplied the return value of the previous.\n *\n * This is inspired by `lodash`'s `flow` function.\n *\n * @see https://lodash.com/docs/4#flow\n */\nconst pipe = basePipe();\n\nexport { basePipe };\n\nexport default pipe;\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiDA,IAAM,WACL,CAAE,UAAmB,UACrB,IAAK,UACL,IAAK,SAAqB;AACzB,QAAM,YAAY,MAAM,KAAK;AAC7B,MAAK,SAAU;AACd,cAAU,QAAQ;AAAA,EACnB;AACA,SAAO,UAAU;AAAA,IAChB,CAAE,MAAM,SAAU,CAAE,KAAM,GAAG,IAAK,CAAE;AAAA,IACpC;AAAA,EACD,EAAG,CAAE;AACN;AAUD,IAAM,OAAO,SAAS;AAItB,IAAO,eAAQ;",
   "names": []
 }

package/build/higher-order/with-global-events/index.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/compose/src/higher-order/with-global-events/index.js
+// packages/compose/src/higher-order/with-global-events/index.jsx
 var with_global_events_exports = {};
 __export(with_global_events_exports, {
   default: () => withGlobalEvents

package/build/higher-order/with-global-events/index.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/higher-order/with-global-events/index.js"],
+  "sources": ["../../../src/higher-order/with-global-events/index.jsx"],
   "sourcesContent": ["import { Component, forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { createHigherOrderComponent } from '../../utils/create-higher-order-component';\nimport Listener from './listener';\n\n/**\n * Listener instance responsible for managing document event handling.\n */\nconst listener = new Listener();\n\n/**\n * Higher-order component creator which, given an object of DOM event types and\n * values corresponding to a callback function name on the component, will\n * create or update a window event handler to invoke the callback when an event\n * occurs. On behalf of the consuming developer, the higher-order component\n * manages unbinding when the component unmounts, and binding at most a single\n * event handler for the entire application.\n *\n * @deprecated\n *\n * @param {Record<keyof GlobalEventHandlersEventMap, string>} eventTypesToHandlers Object with keys of DOM\n *                                                                                 event type, the value a\n *                                                                                 name of the function on\n *                                                                                 the original component's\n *                                                                                 instance which handles\n *                                                                                 the event.\n *\n * @return {any} Higher-order component.\n */\nexport default function withGlobalEvents( eventTypesToHandlers ) {\n\tdeprecated( 'wp.compose.withGlobalEvents', {\n\t\tsince: '5.7',\n\t\talternative: 'useEffect',\n\t} );\n\n\treturn createHigherOrderComponent( ( WrappedComponent ) => {\n\t\tclass Wrapper extends Component {\n\t\t\tconstructor( /** @type {any} */ props ) {\n\t\t\t\tsuper( props );\n\n\t\t\t\tthis.handleEvent = this.handleEvent.bind( this );\n\t\t\t\tthis.handleRef = this.handleRef.bind( this );\n\t\t\t}\n\n\t\t\tcomponentDidMount() {\n\t\t\t\tObject.keys( eventTypesToHandlers ).forEach( ( eventType ) => {\n\t\t\t\t\tlistener.add( eventType, this );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcomponentWillUnmount() {\n\t\t\t\tObject.keys( eventTypesToHandlers ).forEach( ( eventType ) => {\n\t\t\t\t\tlistener.remove( eventType, this );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\thandleEvent( /** @type {any} */ event ) {\n\t\t\t\tconst handler =\n\t\t\t\t\teventTypesToHandlers[\n\t\t\t\t\t\t/** @type {keyof GlobalEventHandlersEventMap} */ (\n\t\t\t\t\t\t\tevent.type\n\t\t\t\t\t\t)\n\t\t\t\t\t];\n\t\t\t\tif ( typeof this.wrappedRef[ handler ] === 'function' ) {\n\t\t\t\t\tthis.wrappedRef[ handler ]( event );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\thandleRef( /** @type {any} */ el ) {\n\t\t\t\tthis.wrappedRef = el;\n\t\t\t\t// Any component using `withGlobalEvents` that is not setting a `ref`\n\t\t\t\t// will cause `this.props.forwardedRef` to be `null`, so we need this\n\t\t\t\t// check.\n\t\t\t\tif ( this.props.forwardedRef ) {\n\t\t\t\t\tthis.props.forwardedRef( el );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\trender() {\n\t\t\t\treturn (\n\t\t\t\t\t<WrappedComponent\n\t\t\t\t\t\t{ ...this.props.ownProps }\n\t\t\t\t\t\tref={ this.handleRef }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn forwardRef( ( props, ref ) => {\n\t\t\treturn <Wrapper ownProps={ props } forwardedRef={ ref } />;\n\t\t} );\n\t}, 'withGlobalEvents' );\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAsC;AACtC,wBAAuB;AACvB,2CAA2C;AAC3C,sBAAqB;AA6EhB;AAxEL,IAAM,WAAW,IAAI,gBAAAA,QAAS;AAqBf,SAAR,iBAAmC,sBAAuB;AAChE,wBAAAC,SAAY,+BAA+B;AAAA,IAC1C,OAAO;AAAA,IACP,aAAa;AAAA,EACd,CAAE;AAEF,aAAO,iEAA4B,CAAE,qBAAsB;AAAA,IAC1D,MAAM,gBAAgB,yBAAU;AAAA,MAC/B,YAAgC,OAAQ;AACvC,cAAO,KAAM;AAEb,aAAK,cAAc,KAAK,YAAY,KAAM,IAAK;AAC/C,aAAK,YAAY,KAAK,UAAU,KAAM,IAAK;AAAA,MAC5C;AAAA,MAEA,oBAAoB;AACnB,eAAO,KAAM,oBAAqB,EAAE,QAAS,CAAE,cAAe;AAC7D,mBAAS,IAAK,WAAW,IAAK;AAAA,QAC/B,CAAE;AAAA,MACH;AAAA,MAEA,uBAAuB;AACtB,eAAO,KAAM,oBAAqB,EAAE,QAAS,CAAE,cAAe;AAC7D,mBAAS,OAAQ,WAAW,IAAK;AAAA,QAClC,CAAE;AAAA,MACH;AAAA,MAEA,YAAgC,OAAQ;AACvC,cAAM,UACL;AAAA;AAAA,UAEE,MAAM;AAAA,QAER;AACD,YAAK,OAAO,KAAK,WAAY,OAAQ,MAAM,YAAa;AACvD,eAAK,WAAY,OAAQ,EAAG,KAAM;AAAA,QACnC;AAAA,MACD;AAAA,MAEA,UAA8B,IAAK;AAClC,aAAK,aAAa;AAIlB,YAAK,KAAK,MAAM,cAAe;AAC9B,eAAK,MAAM,aAAc,EAAG;AAAA,QAC7B;AAAA,MACD;AAAA,MAEA,SAAS;AACR,eACC;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,KAAK,MAAM;AAAA,YAChB,KAAM,KAAK;AAAA;AAAA,QACZ;AAAA,MAEF;AAAA,IACD;AAEA,eAAO,2BAAY,CAAE,OAAO,QAAS;AACpC,aAAO,4CAAC,WAAQ,UAAW,OAAQ,cAAe,KAAM;AAAA,IACzD,CAAE;AAAA,EACH,GAAG,kBAAmB;AACvB;",
   "names": ["Listener", "deprecated"]

package/build/higher-order/with-state/index.cjs

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// packages/compose/src/higher-order/with-state/index.js
+// packages/compose/src/higher-order/with-state/index.jsx
 var with_state_exports = {};
 __export(with_state_exports, {
   default: () => withState

package/build/higher-order/with-state/index.cjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/higher-order/with-state/index.js"],
+  "sources": ["../../../src/higher-order/with-state/index.jsx"],
   "sourcesContent": ["import { Component } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { createHigherOrderComponent } from '../../utils/create-higher-order-component';\n\n/**\n * A Higher Order Component used to provide and manage internal component state\n * via props.\n *\n * @deprecated Use `useState` instead.\n *\n * @param {any} initialState Optional initial state of the component.\n *\n * @return {any} A higher order component wrapper accepting a component that takes the state props + its own props + `setState` and returning a component that only accepts the own props.\n */\nexport default function withState( initialState = {} ) {\n\tdeprecated( 'wp.compose.withState', {\n\t\tsince: '5.8',\n\t\talternative: 'wp.element.useState',\n\t} );\n\n\treturn createHigherOrderComponent( ( OriginalComponent ) => {\n\t\treturn class WrappedComponent extends Component {\n\t\t\tconstructor( /** @type {any} */ props ) {\n\t\t\t\tsuper( props );\n\n\t\t\t\tthis.setState = this.setState.bind( this );\n\n\t\t\t\tthis.state = initialState;\n\t\t\t}\n\n\t\t\trender() {\n\t\t\t\treturn (\n\t\t\t\t\t<OriginalComponent\n\t\t\t\t\t\t{ ...this.props }\n\t\t\t\t\t\t{ ...this.state }\n\t\t\t\t\t\tsetState={ this.setState }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t}, 'withState' );\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA0B;AAC1B,wBAAuB;AACvB,2CAA2C;AA8BtC;AAlBU,SAAR,UAA4B,eAAe,CAAC,GAAI;AACtD,wBAAAA,SAAY,wBAAwB;AAAA,IACnC,OAAO;AAAA,IACP,aAAa;AAAA,EACd,CAAE;AAEF,aAAO,iEAA4B,CAAE,sBAAuB;AAC3D,WAAO,MAAM,yBAAyB,yBAAU;AAAA,MAC/C,YAAgC,OAAQ;AACvC,cAAO,KAAM;AAEb,aAAK,WAAW,KAAK,SAAS,KAAM,IAAK;AAEzC,aAAK,QAAQ;AAAA,MACd;AAAA,MAEA,SAAS;AACR,eACC;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,KAAK;AAAA,YACR,GAAG,KAAK;AAAA,YACV,UAAW,KAAK;AAAA;AAAA,QACjB;AAAA,MAEF;AAAA,IACD;AAAA,EACD,GAAG,WAAY;AAChB;",
   "names": ["deprecated"]

package/build-module/higher-order/pipe.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/higher-order/pipe.ts"],
-  "sourcesContent": ["/**\n * Parts of this source were derived and modified from lodash,\n * released under the MIT license.\n *\n * https://github.com/lodash/lodash\n *\n * Copyright JS Foundation and other contributors <https://js.foundation/>\n *\n * Based on Underscore.js, copyright Jeremy Ashkenas,\n * DocumentCloud and Investigative Reporters & Editors <http://underscorejs.org/>\n *\n * This software consists of voluntary contributions made by many\n * individuals. For exact contribution history, see the revision history\n * available at https://github.com/lodash/lodash\n *\n * The following license applies to all parts of this software except as\n * documented below:\n *\n * ====\n *\n * Permission is hereby granted, free of charge, to any person obtaining\n * a copy of this software and associated documentation files (the\n * \"Software\"), to deal in the Software without restriction, including\n * without limitation the rights to use, copy, modify, merge, publish,\n * distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so, subject to\n * the following conditions:\n *\n * The above copyright notice and this permission notice shall be\n * included in all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\n * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\n * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\n * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\n * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n\n/**\n * Creates a pipe function.\n *\n * Allows to choose whether to perform left-to-right or right-to-left composition.\n *\n * @see https://lodash.com/docs/4#flow\n *\n * @param {boolean} reverse True if right-to-left, false for left-to-right composition.\n */\nconst basePipe =\n\t( reverse: boolean = false ) =>\n\t( ...funcs: Function[] ) =>\n\t( ...args: unknown[] ) => {\n\t\tconst functions = funcs.flat();\n\t\tif ( reverse ) {\n\t\t\tfunctions.reverse();\n\t\t}\n\t\treturn functions.reduce(\n\t\t\t( prev, func ) => [ func( ...prev ) ],\n\t\t\targs\n\t\t)[ 0 ];\n\t};\n\n/**\n * Composes multiple higher-order components into a single higher-order component. Performs left-to-right function\n * composition, where each successive invocation is supplied the return value of the previous.\n *\n * This is inspired by `lodash`'s `flow` function.\n *\n * @see https://lodash.com/docs/4#flow\n */\nconst pipe = basePipe();\n\nexport { basePipe };\n\nexport default pipe;\n"],
+  "sourcesContent": ["/**\n * Parts of this source were derived and modified from lodash,\n * released under the MIT license.\n *\n * https://github.com/lodash/lodash\n *\n * Copyright JS Foundation and other contributors <https://js.foundation/>\n *\n * Based on Underscore.js, copyright Jeremy Ashkenas,\n * DocumentCloud and Investigative Reporters & Editors <http://underscorejs.org/>\n *\n * This software consists of voluntary contributions made by many\n * individuals. For exact contribution history, see the revision history\n * available at https://github.com/lodash/lodash\n *\n * The following license applies to all parts of this software except as\n * documented below:\n *\n * ====\n *\n * Permission is hereby granted, free of charge, to any person obtaining\n * a copy of this software and associated documentation files (the\n * \"Software\"), to deal in the Software without restriction, including\n * without limitation the rights to use, copy, modify, merge, publish,\n * distribute, sublicense, and/or sell copies of the Software, and to\n * permit persons to whom the Software is furnished to do so, subject to\n * the following conditions:\n *\n * The above copyright notice and this permission notice shall be\n * included in all copies or substantial portions of the Software.\n *\n * THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND,\n * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF\n * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\n * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE\n * LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION\n * OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION\n * WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n */\n\n/**\n * Creates a pipe function.\n *\n * Allows to choose whether to perform left-to-right or right-to-left composition.\n *\n * @see https://lodash.com/docs/4#flow\n *\n * @param {boolean} reverse True if right-to-left, false for left-to-right composition.\n */\nconst basePipe =\n\t( reverse: boolean = false ) =>\n\t( ...funcs: ( Function | Function[] )[] ) =>\n\t( ...args: unknown[] ) => {\n\t\tconst functions = funcs.flat();\n\t\tif ( reverse ) {\n\t\t\tfunctions.reverse();\n\t\t}\n\t\treturn functions.reduce(\n\t\t\t( prev, func ) => [ func( ...prev ) ],\n\t\t\targs\n\t\t)[ 0 ];\n\t};\n\n/**\n * Composes multiple higher-order components into a single higher-order component. Performs left-to-right function\n * composition, where each successive invocation is supplied the return value of the previous.\n *\n * This is inspired by `lodash`'s `flow` function.\n *\n * @see https://lodash.com/docs/4#flow\n */\nconst pipe = basePipe();\n\nexport { basePipe };\n\nexport default pipe;\n"],
   "mappings": ";AAiDA,IAAM,WACL,CAAE,UAAmB,UACrB,IAAK,UACL,IAAK,SAAqB;AACzB,QAAM,YAAY,MAAM,KAAK;AAC7B,MAAK,SAAU;AACd,cAAU,QAAQ;AAAA,EACnB;AACA,SAAO,UAAU;AAAA,IAChB,CAAE,MAAM,SAAU,CAAE,KAAM,GAAG,IAAK,CAAE;AAAA,IACpC;AAAA,EACD,EAAG,CAAE;AACN;AAUD,IAAM,OAAO,SAAS;AAItB,IAAO,eAAQ;",
   "names": []
 }

package/build-module/higher-order/with-global-events/index.mjs

@@ -1,4 +1,4 @@
-// packages/compose/src/higher-order/with-global-events/index.js
+// packages/compose/src/higher-order/with-global-events/index.jsx
 import { Component, forwardRef } from "@wordpress/element";
 import deprecated from "@wordpress/deprecated";
 import { createHigherOrderComponent } from "../../utils/create-higher-order-component/index.mjs";

package/build-module/higher-order/with-global-events/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/higher-order/with-global-events/index.js"],
+  "sources": ["../../../src/higher-order/with-global-events/index.jsx"],
   "sourcesContent": ["import { Component, forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { createHigherOrderComponent } from '../../utils/create-higher-order-component';\nimport Listener from './listener';\n\n/**\n * Listener instance responsible for managing document event handling.\n */\nconst listener = new Listener();\n\n/**\n * Higher-order component creator which, given an object of DOM event types and\n * values corresponding to a callback function name on the component, will\n * create or update a window event handler to invoke the callback when an event\n * occurs. On behalf of the consuming developer, the higher-order component\n * manages unbinding when the component unmounts, and binding at most a single\n * event handler for the entire application.\n *\n * @deprecated\n *\n * @param {Record<keyof GlobalEventHandlersEventMap, string>} eventTypesToHandlers Object with keys of DOM\n *                                                                                 event type, the value a\n *                                                                                 name of the function on\n *                                                                                 the original component's\n *                                                                                 instance which handles\n *                                                                                 the event.\n *\n * @return {any} Higher-order component.\n */\nexport default function withGlobalEvents( eventTypesToHandlers ) {\n\tdeprecated( 'wp.compose.withGlobalEvents', {\n\t\tsince: '5.7',\n\t\talternative: 'useEffect',\n\t} );\n\n\treturn createHigherOrderComponent( ( WrappedComponent ) => {\n\t\tclass Wrapper extends Component {\n\t\t\tconstructor( /** @type {any} */ props ) {\n\t\t\t\tsuper( props );\n\n\t\t\t\tthis.handleEvent = this.handleEvent.bind( this );\n\t\t\t\tthis.handleRef = this.handleRef.bind( this );\n\t\t\t}\n\n\t\t\tcomponentDidMount() {\n\t\t\t\tObject.keys( eventTypesToHandlers ).forEach( ( eventType ) => {\n\t\t\t\t\tlistener.add( eventType, this );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\tcomponentWillUnmount() {\n\t\t\t\tObject.keys( eventTypesToHandlers ).forEach( ( eventType ) => {\n\t\t\t\t\tlistener.remove( eventType, this );\n\t\t\t\t} );\n\t\t\t}\n\n\t\t\thandleEvent( /** @type {any} */ event ) {\n\t\t\t\tconst handler =\n\t\t\t\t\teventTypesToHandlers[\n\t\t\t\t\t\t/** @type {keyof GlobalEventHandlersEventMap} */ (\n\t\t\t\t\t\t\tevent.type\n\t\t\t\t\t\t)\n\t\t\t\t\t];\n\t\t\t\tif ( typeof this.wrappedRef[ handler ] === 'function' ) {\n\t\t\t\t\tthis.wrappedRef[ handler ]( event );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\thandleRef( /** @type {any} */ el ) {\n\t\t\t\tthis.wrappedRef = el;\n\t\t\t\t// Any component using `withGlobalEvents` that is not setting a `ref`\n\t\t\t\t// will cause `this.props.forwardedRef` to be `null`, so we need this\n\t\t\t\t// check.\n\t\t\t\tif ( this.props.forwardedRef ) {\n\t\t\t\t\tthis.props.forwardedRef( el );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\trender() {\n\t\t\t\treturn (\n\t\t\t\t\t<WrappedComponent\n\t\t\t\t\t\t{ ...this.props.ownProps }\n\t\t\t\t\t\tref={ this.handleRef }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\n\t\treturn forwardRef( ( props, ref ) => {\n\t\t\treturn <Wrapper ownProps={ props } forwardedRef={ ref } />;\n\t\t} );\n\t}, 'withGlobalEvents' );\n}\n"],
   "mappings": ";AAAA,SAAS,WAAW,kBAAkB;AACtC,OAAO,gBAAgB;AACvB,SAAS,kCAAkC;AAC3C,OAAO,cAAc;AA6EhB;AAxEL,IAAM,WAAW,IAAI,SAAS;AAqBf,SAAR,iBAAmC,sBAAuB;AAChE,aAAY,+BAA+B;AAAA,IAC1C,OAAO;AAAA,IACP,aAAa;AAAA,EACd,CAAE;AAEF,SAAO,2BAA4B,CAAE,qBAAsB;AAAA,IAC1D,MAAM,gBAAgB,UAAU;AAAA,MAC/B,YAAgC,OAAQ;AACvC,cAAO,KAAM;AAEb,aAAK,cAAc,KAAK,YAAY,KAAM,IAAK;AAC/C,aAAK,YAAY,KAAK,UAAU,KAAM,IAAK;AAAA,MAC5C;AAAA,MAEA,oBAAoB;AACnB,eAAO,KAAM,oBAAqB,EAAE,QAAS,CAAE,cAAe;AAC7D,mBAAS,IAAK,WAAW,IAAK;AAAA,QAC/B,CAAE;AAAA,MACH;AAAA,MAEA,uBAAuB;AACtB,eAAO,KAAM,oBAAqB,EAAE,QAAS,CAAE,cAAe;AAC7D,mBAAS,OAAQ,WAAW,IAAK;AAAA,QAClC,CAAE;AAAA,MACH;AAAA,MAEA,YAAgC,OAAQ;AACvC,cAAM,UACL;AAAA;AAAA,UAEE,MAAM;AAAA,QAER;AACD,YAAK,OAAO,KAAK,WAAY,OAAQ,MAAM,YAAa;AACvD,eAAK,WAAY,OAAQ,EAAG,KAAM;AAAA,QACnC;AAAA,MACD;AAAA,MAEA,UAA8B,IAAK;AAClC,aAAK,aAAa;AAIlB,YAAK,KAAK,MAAM,cAAe;AAC9B,eAAK,MAAM,aAAc,EAAG;AAAA,QAC7B;AAAA,MACD;AAAA,MAEA,SAAS;AACR,eACC;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,KAAK,MAAM;AAAA,YAChB,KAAM,KAAK;AAAA;AAAA,QACZ;AAAA,MAEF;AAAA,IACD;AAEA,WAAO,WAAY,CAAE,OAAO,QAAS;AACpC,aAAO,oBAAC,WAAQ,UAAW,OAAQ,cAAe,KAAM;AAAA,IACzD,CAAE;AAAA,EACH,GAAG,kBAAmB;AACvB;",
   "names": []

package/build-module/higher-order/with-state/index.mjs

@@ -1,4 +1,4 @@
-// packages/compose/src/higher-order/with-state/index.js
+// packages/compose/src/higher-order/with-state/index.jsx
 import { Component } from "@wordpress/element";
 import deprecated from "@wordpress/deprecated";
 import { createHigherOrderComponent } from "../../utils/create-higher-order-component/index.mjs";

package/build-module/higher-order/with-state/index.mjs.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
-  "sources": ["../../../src/higher-order/with-state/index.js"],
+  "sources": ["../../../src/higher-order/with-state/index.jsx"],
   "sourcesContent": ["import { Component } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { createHigherOrderComponent } from '../../utils/create-higher-order-component';\n\n/**\n * A Higher Order Component used to provide and manage internal component state\n * via props.\n *\n * @deprecated Use `useState` instead.\n *\n * @param {any} initialState Optional initial state of the component.\n *\n * @return {any} A higher order component wrapper accepting a component that takes the state props + its own props + `setState` and returning a component that only accepts the own props.\n */\nexport default function withState( initialState = {} ) {\n\tdeprecated( 'wp.compose.withState', {\n\t\tsince: '5.8',\n\t\talternative: 'wp.element.useState',\n\t} );\n\n\treturn createHigherOrderComponent( ( OriginalComponent ) => {\n\t\treturn class WrappedComponent extends Component {\n\t\t\tconstructor( /** @type {any} */ props ) {\n\t\t\t\tsuper( props );\n\n\t\t\t\tthis.setState = this.setState.bind( this );\n\n\t\t\t\tthis.state = initialState;\n\t\t\t}\n\n\t\t\trender() {\n\t\t\t\treturn (\n\t\t\t\t\t<OriginalComponent\n\t\t\t\t\t\t{ ...this.props }\n\t\t\t\t\t\t{ ...this.state }\n\t\t\t\t\t\tsetState={ this.setState }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\t}, 'withState' );\n}\n"],
   "mappings": ";AAAA,SAAS,iBAAiB;AAC1B,OAAO,gBAAgB;AACvB,SAAS,kCAAkC;AA8BtC;AAlBU,SAAR,UAA4B,eAAe,CAAC,GAAI;AACtD,aAAY,wBAAwB;AAAA,IACnC,OAAO;AAAA,IACP,aAAa;AAAA,EACd,CAAE;AAEF,SAAO,2BAA4B,CAAE,sBAAuB;AAC3D,WAAO,MAAM,yBAAyB,UAAU;AAAA,MAC/C,YAAgC,OAAQ;AACvC,cAAO,KAAM;AAEb,aAAK,WAAW,KAAK,SAAS,KAAM,IAAK;AAEzC,aAAK,QAAQ;AAAA,MACd;AAAA,MAEA,SAAS;AACR,eACC;AAAA,UAAC;AAAA;AAAA,YACE,GAAG,KAAK;AAAA,YACR,GAAG,KAAK;AAAA,YACV,UAAW,KAAK;AAAA;AAAA,QACjB;AAAA,MAEF;AAAA,IACD;AAAA,EACD,GAAG,WAAY;AAChB;",
   "names": []

package/build-types/higher-order/compose.d.ts

@@ -6,6 +6,6 @@
  *
  * @see https://lodash.com/docs/4#flow-right
  */
-declare const compose: (...funcs: Function[]) => (...args: unknown[]) => unknown;
+declare const compose: (...funcs: (Function | Function[])[]) => (...args: unknown[]) => unknown;
 export default compose;
 //# sourceMappingURL=compose.d.ts.map

package/build-types/higher-order/compose.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../../src/higher-order/compose.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,QAAA,MAAM,OAAO,2DAAmB,CAAC;eAElB,OAAO"}
+{"version":3,"file":"compose.d.ts","sourceRoot":"","sources":["../../src/higher-order/compose.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,QAAA,MAAM,OAAO,0EAAmB,CAAC;eAElB,OAAO"}

package/build-types/higher-order/pipe.d.ts

@@ -46,7 +46,7 @@
  *
  * @param {boolean} reverse True if right-to-left, false for left-to-right composition.
  */
-declare const basePipe: (reverse?: boolean) => (...funcs: Function[]) => (...args: unknown[]) => unknown;
+declare const basePipe: (reverse?: boolean) => (...funcs: (Function | Function[])[]) => (...args: unknown[]) => unknown;
 /**
  * Composes multiple higher-order components into a single higher-order component. Performs left-to-right function
  * composition, where each successive invocation is supplied the return value of the previous.
@@ -55,7 +55,7 @@ declare const basePipe: (reverse?: boolean) => (...funcs: Function[]) => (...arg
  *
  * @see https://lodash.com/docs/4#flow
  */
-declare const pipe: (...funcs: Function[]) => (...args: unknown[]) => unknown;
+declare const pipe: (...funcs: (Function | Function[])[]) => (...args: unknown[]) => unknown;
 export { basePipe };
 export default pipe;
 //# sourceMappingURL=pipe.d.ts.map

package/build-types/higher-order/pipe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pipe.d.ts","sourceRoot":"","sources":["../../src/higher-order/pipe.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH;;;;;;;;GAQG;AACH,QAAA,MAAM,QAAQ,aACF,OAAO,gBACN,QAAQ,EAAE,eACX,OAAO,EAAE,YASnB,CAAC;AAEH;;;;;;;GAOG;AACH,QAAA,MAAM,IAAI,aApBG,QAAQ,EAAE,eACX,OAAO,EAAE,YAmBE,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,CAAC;eAEL,IAAI"}
+{"version":3,"file":"pipe.d.ts","sourceRoot":"","sources":["../../src/higher-order/pipe.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEH;;;;;;;;GAQG;AACH,QAAA,MAAM,QAAQ,aACF,OAAO,gBACN,CAAE,QAAQ,GAAG,QAAQ,EAAE,CAAE,EAAE,eAC5B,OAAO,EAAE,YASnB,CAAC;AAEH;;;;;;;GAOG;AACH,QAAA,MAAM,IAAI,aApBG,CAAE,QAAQ,GAAG,QAAQ,EAAE,CAAE,EAAE,eAC5B,OAAO,EAAE,YAmBE,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,CAAC;eAEL,IAAI"}

package/build-types/higher-order/with-global-events/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/higher-order/with-global-events/index.js"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,oBAAoB,EATnD,MAAM,CAAC,MAAM,2BAA2B,EAAE,MAAM,CASG,GAFlD,GAAG,CAiEd"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/higher-order/with-global-events/index.jsx"],"names":[],"mappings":"AAUA;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAE,oBAAoB,EATnD,MAAM,CAAC,MAAM,2BAA2B,EAAE,MAAM,CASG,GAFlD,GAAG,CAiEd"}

package/build-types/higher-order/with-state/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/higher-order/with-state/index.js"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,YAAY,GAJpC,GAIyC,GAFxC,GAAG,CA6Bd"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/higher-order/with-state/index.jsx"],"names":[],"mappings":"AAIA;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAE,YAAY,GAJpC,GAIyC,GAFxC,GAAG,CA6Bd"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/compose",
-	"version": "8.7.0",
+	"version": "8.7.2-next.v.202609031004.0",
 	"description": "WordPress higher-order components (HOCs).",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -46,14 +46,14 @@
 	"sideEffects": false,
 	"dependencies": {
 		"@types/mousetrap": "^1.6.8",
-		"@wordpress/deprecated": "^4.54.0",
-		"@wordpress/dom": "^4.54.0",
-		"@wordpress/element": "^8.6.0",
-		"@wordpress/is-shallow-equal": "^5.54.0",
-		"@wordpress/keycodes": "^4.54.0",
-		"@wordpress/priority-queue": "^3.54.0",
-		"@wordpress/private-apis": "^1.54.0",
-		"@wordpress/undo-manager": "^1.54.0",
+		"@wordpress/deprecated": "^4.54.1-next.v.202609031004.0",
+		"@wordpress/dom": "^4.54.1-next.v.202609031004.0",
+		"@wordpress/element": "^8.6.2-next.v.202609031004.0",
+		"@wordpress/is-shallow-equal": "^5.54.1-next.v.202609031004.0",
+		"@wordpress/keycodes": "^4.54.1-next.v.202609031004.0",
+		"@wordpress/priority-queue": "^3.54.1-next.v.202609031004.0",
+		"@wordpress/private-apis": "^1.54.2-next.v.202609031004.0",
+		"@wordpress/undo-manager": "^1.54.1-next.v.202609031004.0",
 		"change-case": "^4.1.2",
 		"mousetrap": "^1.6.5",
 		"use-memo-one": "^1.1.1"
@@ -64,7 +64,8 @@
 		"@testing-library/user-event": "^14.6.1",
 		"@types/jest": "^30.0.0",
 		"mock-match-media": "^0.4.2",
-		"react-dom": "^18.3.1"
+		"react-dom": "^18.3.1",
+		"vitest": "^4.1.10"
 	},
 	"peerDependencies": {
 		"@types/react": "^18 || ^19",
@@ -78,5 +79,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "5ef24f60261976bb198ad035db24bf81c1fb92b4"
+	"gitHead": "7275d6c6d93b542fca3cd98cdb9c7344ddd11e19"
 }

package/src/higher-order/pipe.ts

@@ -49,7 +49,7 @@
  */
 const basePipe =
 	( reverse: boolean = false ) =>
-	( ...funcs: Function[] ) =>
+	( ...funcs: ( Function | Function[] )[] ) =>
 	( ...args: unknown[] ) => {
 		const functions = funcs.flat();
 		if ( reverse ) {

package/src/higher-order/test/compose.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import compose from '../compose';
 
 describe( 'compose', () => {
@@ -6,27 +7,27 @@ describe( 'compose', () => {
 	} );
 
 	it( 'executes functions right-to-left when passed as separate arguments', () => {
-		const a = ( value ) => ( value += 'a' );
-		const b = ( value ) => ( value += 'b' );
-		const c = ( value ) => ( value += 'c' );
+		const a = ( value: string ) => ( value += 'a' );
+		const b = ( value: string ) => ( value += 'b' );
+		const c = ( value: string ) => ( value += 'c' );
 
 		expect( compose( a, b, c )( 'test' ) ).toBe( 'testcba' );
 	} );
 
 	it( 'executes functions right-to-left when passed as a single array', () => {
-		const a = ( value ) => ( value += 'a' );
-		const b = ( value ) => ( value += 'b' );
-		const c = ( value ) => ( value += 'c' );
+		const a = ( value: string ) => ( value += 'a' );
+		const b = ( value: string ) => ( value += 'b' );
+		const c = ( value: string ) => ( value += 'c' );
 
 		expect( compose( [ a, b, c ] )( 'test' ) ).toBe( 'testcba' );
 	} );
 
 	it( 'executes functions right-to-left when passed as a mix of separate arguments and arrays', () => {
-		const a = ( value ) => ( value += 'a' );
-		const b = ( value ) => ( value += 'b' );
-		const c = ( value ) => ( value += 'c' );
-		const d = ( value ) => ( value += 'd' );
-		const e = ( value ) => ( value += 'e' );
+		const a = ( value: string ) => ( value += 'a' );
+		const b = ( value: string ) => ( value += 'b' );
+		const c = ( value: string ) => ( value += 'c' );
+		const d = ( value: string ) => ( value += 'd' );
+		const e = ( value: string ) => ( value += 'e' );
 
 		expect( compose( [ a, b ], c, [ d ], e )( 'test' ) ).toBe(
 			'testedcba'

package/src/higher-order/test/pipe.ts

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import pipe from '../pipe';
 
 describe( 'pipe', () => {
@@ -6,27 +7,27 @@ describe( 'pipe', () => {
 	} );
 
 	it( 'executes functions left-to-right when passed as separate arguments', () => {
-		const a = ( value ) => ( value += 'a' );
-		const b = ( value ) => ( value += 'b' );
-		const c = ( value ) => ( value += 'c' );
+		const a = ( value: string ) => ( value += 'a' );
+		const b = ( value: string ) => ( value += 'b' );
+		const c = ( value: string ) => ( value += 'c' );
 
 		expect( pipe( a, b, c )( 'test' ) ).toBe( 'testabc' );
 	} );
 
 	it( 'executes functions left-to-right when passed as a single array', () => {
-		const a = ( value ) => ( value += 'a' );
-		const b = ( value ) => ( value += 'b' );
-		const c = ( value ) => ( value += 'c' );
+		const a = ( value: string ) => ( value += 'a' );
+		const b = ( value: string ) => ( value += 'b' );
+		const c = ( value: string ) => ( value += 'c' );
 
 		expect( pipe( [ a, b, c ] )( 'test' ) ).toBe( 'testabc' );
 	} );
 
 	it( 'executes functions left-to-right when passed as a mix of separate arguments and arrays', () => {
-		const a = ( value ) => ( value += 'a' );
-		const b = ( value ) => ( value += 'b' );
-		const c = ( value ) => ( value += 'c' );
-		const d = ( value ) => ( value += 'd' );
-		const e = ( value ) => ( value += 'e' );
+		const a = ( value: string ) => ( value += 'a' );
+		const b = ( value: string ) => ( value += 'b' );
+		const c = ( value: string ) => ( value += 'c' );
+		const d = ( value: string ) => ( value += 'd' );
+		const e = ( value: string ) => ( value += 'e' );
 
 		expect( pipe( [ a, b ], c, [ d ], e )( 'test' ) ).toBe( 'testabcde' );
 	} );

package/src/hooks/use-media-query/test/{ssr.js → ssr.jsx}

@@ -1,6 +1,4 @@
-/**
- * @jest-environment node
- */
+import { describe, expect, it } from 'vitest';
 import { renderToString } from 'react-dom/server';
 import useMediaQuery from '../';
 import useViewportMatch from '../../use-viewport-match';

package/src/utils/create-higher-order-component/test/{index.js → index.jsx}

@@ -1,3 +1,4 @@
+import { describe, expect, it } from 'vitest';
 import { Component } from '@wordpress/element';
 import { createHigherOrderComponent } from '../';
 

package/src/utils/debounce/test/index.ts

@@ -1,6 +1,7 @@
+import { describe, expect, it } from 'vitest';
 import { debounce } from '../index';
 
-const identity = ( value ) => value;
+const identity = < T >( value: T ) => value;
 
 describe( 'debounce', () => {
 	it( 'should debounce a function', () => {
@@ -326,12 +327,12 @@ describe( 'debounce', () => {
 
 	it( 'should invoke the trailing call with the correct arguments and `this` binding', () => {
 		return new Promise( ( done ) => {
-			let actual;
+			let actual: unknown[] | undefined;
 			let callCount = 0;
 			const object = {};
 
 			const debounced = debounce(
-				function ( ...args ) {
+				function ( this: object, ...args: unknown[] ) {
 					actual = [ this ];
 					Array.prototype.push.apply( actual, args );
 					return ++callCount !== 2;

package/src/utils/observable-map/test/index.js

@@ -1,11 +1,12 @@
+import { describe, expect, test, vi } from 'vitest';
 import { observableMap } from '..';
 
 describe( 'ObservableMap', () => {
 	test( 'should observe individual values', () => {
 		const map = observableMap();
 
-		const listenerA = jest.fn();
-		const listenerB = jest.fn();
+		const listenerA = vi.fn();
+		const listenerB = vi.fn();
 
 		const unsubA = map.subscribe( 'a', listenerA );
 		const unsubB = map.subscribe( 'b', listenerB );

package/src/utils/throttle/test/index.ts

@@ -1,14 +1,15 @@
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 import { throttle } from '../index';
 
-const identity = ( value ) => value;
+const identity = < T >( value: T ) => value;
 
 describe( 'throttle', () => {
 	beforeEach( () => {
-		jest.useFakeTimers();
+		vi.useFakeTimers();
 	} );
 
 	afterEach( () => {
-		jest.useRealTimers();
+		vi.useRealTimers();
 	} );
 
 	it( 'should throttle a function', () => {
@@ -24,7 +25,7 @@ describe( 'throttle', () => {
 		const lastCount = callCount;
 		expect( callCount ).toBeGreaterThan( 0 );
 
-		jest.advanceTimersByTime( 64 );
+		vi.advanceTimersByTime( 64 );
 
 		expect( callCount ).toBeGreaterThan( lastCount );
 	} );
@@ -35,7 +36,7 @@ describe( 'throttle', () => {
 
 		expect( results ).toStrictEqual( [ 'a', 'a' ] );
 
-		jest.advanceTimersByTime( 64 );
+		vi.advanceTimersByTime( 64 );
 
 		results = [ throttled( 'c' ), throttled( 'd' ) ];
 		expect( results[ 0 ] ).not.toBe( 'a' );
@@ -61,7 +62,7 @@ describe( 'throttle', () => {
 		throttled();
 		throttled();
 
-		jest.advanceTimersByTime( 64 );
+		vi.advanceTimersByTime( 64 );
 
 		expect( callCount ).toBe( 2 );
 		global.Date.now = globalDateNow;
@@ -76,7 +77,7 @@ describe( 'throttle', () => {
 		throttled();
 		expect( callCount ).toBe( 1 );
 
-		jest.advanceTimersByTime( 64 );
+		vi.advanceTimersByTime( 64 );
 
 		expect( callCount ).toBe( 1 );
 	} );
@@ -100,11 +101,11 @@ describe( 'throttle', () => {
 				const start = Date.now();
 				while ( Date.now() - start < limit ) {
 					throttled();
-					jest.advanceTimersByTime( 1 );
+					vi.advanceTimersByTime( 1 );
 				}
 				const actual = callCount;
 
-				jest.advanceTimersByTime( 1 );
+				vi.advanceTimersByTime( 1 );
 
 				expect( actual ).toBeGreaterThan( 1 );
 			}
@@ -124,16 +125,16 @@ describe( 'throttle', () => {
 
 		throttled();
 
-		jest.advanceTimersByTime( 192 );
+		vi.advanceTimersByTime( 192 );
 
 		expect( callCount ).toBe( 1 );
 		throttled();
 
-		jest.advanceTimersByTime( 64 );
+		vi.advanceTimersByTime( 64 );
 
 		expect( callCount ).toBe( 1 );
 
-		jest.advanceTimersByTime( 130 );
+		vi.advanceTimersByTime( 130 );
 
 		expect( callCount ).toBe( 2 );
 	} );
@@ -152,7 +153,7 @@ describe( 'throttle', () => {
 		throttled();
 		expect( callCount ).toBe( 1 );
 
-		jest.advanceTimersByTime( 128 );
+		vi.advanceTimersByTime( 128 );
 
 		expect( callCount ).toBe( 2 );
 	} );
@@ -193,7 +194,7 @@ describe( 'throttle', () => {
 		expect( withoutTrailing( 'a' ) ).toBe( 'a' );
 		expect( withoutTrailing( 'b' ) ).toBe( 'a' );
 
-		jest.advanceTimersByTime( 256 );
+		vi.advanceTimersByTime( 256 );
 
 		expect( withCount ).toBe( 2 );
 		expect( withoutCount ).toBe( 1 );
@@ -213,12 +214,12 @@ describe( 'throttle', () => {
 		throttled();
 		throttled();
 
-		jest.advanceTimersByTime( 96 );
+		vi.advanceTimersByTime( 96 );
 
 		throttled();
 		throttled();
 
-		jest.advanceTimersByTime( 96 );
+		vi.advanceTimersByTime( 96 );
 
 		expect( callCount ).toBeGreaterThan( 1 );
 	} );
@@ -245,7 +246,7 @@ describe( 'throttle', () => {
 		expect( results ).toStrictEqual( [ 'a', 'a', 'a' ] );
 		expect( callCount ).toBe( 1 );
 
-		jest.advanceTimersByTime( 64 );
+		vi.advanceTimersByTime( 64 );
 
 		expect( callCount ).toBe( 2 );
 		global.Date.now = globalDateNow;