@wordpress/keyboard-shortcuts 5.45.1-next.v.202605131032.0 → 5.47.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 ## Unreleased
 
+## 5.47.0 (2026-05-27)
+
+## 5.46.0 (2026-05-14)
+
 ## 5.45.0 (2026-04-29)
 
 ## 5.44.0 (2026-04-15)

package/build/hooks/use-shortcut.cjs

@@ -39,7 +39,7 @@ var import_context = require("../context.cjs");
 function useShortcut(name, callback, { isDisabled = false } = {}) {
   const shortcuts = (0, import_element.useContext)(import_context.context);
   const isMatch = (0, import_use_shortcut_event_match.default)();
-  const callbackRef = (0, import_element.useRef)();
+  const callbackRef = (0, import_element.useRef)(void 0);
   (0, import_element.useEffect)(() => {
     callbackRef.current = callback;
   }, [callback]);

package/build/hooks/use-shortcut.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/hooks/use-shortcut.ts"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useContext, useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useShortcutEventMatch from './use-shortcut-event-match';\nimport { context } from '../context';\n\ninterface UseShortcutOptions {\n\tisDisabled?: boolean;\n}\n\n/**\n * Attach a keyboard shortcut handler.\n *\n * @param name               Shortcut name.\n * @param callback           Shortcut callback.\n * @param options            Shortcut options.\n * @param options.isDisabled Whether to disable the shortcut.\n */\nexport default function useShortcut(\n\tname: string,\n\tcallback: ( event: KeyboardEvent ) => void,\n\t{ isDisabled = false }: UseShortcutOptions = {}\n) {\n\tconst shortcuts = useContext( context );\n\tconst isMatch = useShortcutEventMatch();\n\tconst callbackRef = useRef< ( event: KeyboardEvent ) => void >();\n\n\tuseEffect( () => {\n\t\tcallbackRef.current = callback;\n\t}, [ callback ] );\n\n\tuseEffect( () => {\n\t\tif ( isDisabled ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfunction _callback( event: KeyboardEvent ) {\n\t\t\tif ( isMatch( name, event ) && callbackRef.current ) {\n\t\t\t\tcallbackRef.current( event );\n\t\t\t}\n\t\t}\n\n\t\tshortcuts.add( _callback );\n\t\treturn () => {\n\t\t\tshortcuts.delete( _callback );\n\t\t};\n\t}, [ name, isDisabled, shortcuts, isMatch ] );\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA8C;AAK9C,sCAAkC;AAClC,qBAAwB;AAcT,SAAR,YACN,MACA,UACA,EAAE,aAAa,MAAM,IAAwB,CAAC,GAC7C;AACD,QAAM,gBAAY,2BAAY,sBAAQ;AACtC,QAAM,cAAU,gCAAAA,SAAsB;AACtC,QAAM,kBAAc,uBAA2C;AAE/D,gCAAW,MAAM;AAChB,gBAAY,UAAU;AAAA,EACvB,GAAG,CAAE,QAAS,CAAE;AAEhB,gCAAW,MAAM;AAChB,QAAK,YAAa;AACjB;AAAA,IACD;AAEA,aAAS,UAAW,OAAuB;AAC1C,UAAK,QAAS,MAAM,KAAM,KAAK,YAAY,SAAU;AACpD,oBAAY,QAAS,KAAM;AAAA,MAC5B;AAAA,IACD;AAEA,cAAU,IAAK,SAAU;AACzB,WAAO,MAAM;AACZ,gBAAU,OAAQ,SAAU;AAAA,IAC7B;AAAA,EACD,GAAG,CAAE,MAAM,YAAY,WAAW,OAAQ,CAAE;AAC7C;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useContext, useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useShortcutEventMatch from './use-shortcut-event-match';\nimport { context } from '../context';\n\ninterface UseShortcutOptions {\n\tisDisabled?: boolean;\n}\n\n/**\n * Attach a keyboard shortcut handler.\n *\n * @param name               Shortcut name.\n * @param callback           Shortcut callback.\n * @param options            Shortcut options.\n * @param options.isDisabled Whether to disable the shortcut.\n */\nexport default function useShortcut(\n\tname: string,\n\tcallback: ( event: KeyboardEvent ) => void,\n\t{ isDisabled = false }: UseShortcutOptions = {}\n) {\n\tconst shortcuts = useContext( context );\n\tconst isMatch = useShortcutEventMatch();\n\tconst callbackRef = useRef<\n\t\t( ( event: KeyboardEvent ) => void ) | undefined\n\t>( undefined );\n\n\tuseEffect( () => {\n\t\tcallbackRef.current = callback;\n\t}, [ callback ] );\n\n\tuseEffect( () => {\n\t\tif ( isDisabled ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfunction _callback( event: KeyboardEvent ) {\n\t\t\tif ( isMatch( name, event ) && callbackRef.current ) {\n\t\t\t\tcallbackRef.current( event );\n\t\t\t}\n\t\t}\n\n\t\tshortcuts.add( _callback );\n\t\treturn () => {\n\t\t\tshortcuts.delete( _callback );\n\t\t};\n\t}, [ name, isDisabled, shortcuts, isMatch ] );\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA8C;AAK9C,sCAAkC;AAClC,qBAAwB;AAcT,SAAR,YACN,MACA,UACA,EAAE,aAAa,MAAM,IAAwB,CAAC,GAC7C;AACD,QAAM,gBAAY,2BAAY,sBAAQ;AACtC,QAAM,cAAU,gCAAAA,SAAsB;AACtC,QAAM,kBAAc,uBAEjB,MAAU;AAEb,gCAAW,MAAM;AAChB,gBAAY,UAAU;AAAA,EACvB,GAAG,CAAE,QAAS,CAAE;AAEhB,gCAAW,MAAM;AAChB,QAAK,YAAa;AACjB;AAAA,IACD;AAEA,aAAS,UAAW,OAAuB;AAC1C,UAAK,QAAS,MAAM,KAAM,KAAK,YAAY,SAAU;AACpD,oBAAY,QAAS,KAAM;AAAA,MAC5B;AAAA,IACD;AAEA,cAAU,IAAK,SAAU;AACzB,WAAO,MAAM;AACZ,gBAAU,OAAQ,SAAU;AAAA,IAC7B;AAAA,EACD,GAAG,CAAE,MAAM,YAAY,WAAW,OAAQ,CAAE;AAC7C;",
   "names": ["useShortcutEventMatch"]
 }

package/build-module/hooks/use-shortcut.mjs

@@ -5,7 +5,7 @@ import { context } from "../context.mjs";
 function useShortcut(name, callback, { isDisabled = false } = {}) {
   const shortcuts = useContext(context);
   const isMatch = useShortcutEventMatch();
-  const callbackRef = useRef();
+  const callbackRef = useRef(void 0);
   useEffect(() => {
     callbackRef.current = callback;
   }, [callback]);

package/build-module/hooks/use-shortcut.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/hooks/use-shortcut.ts"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useContext, useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useShortcutEventMatch from './use-shortcut-event-match';\nimport { context } from '../context';\n\ninterface UseShortcutOptions {\n\tisDisabled?: boolean;\n}\n\n/**\n * Attach a keyboard shortcut handler.\n *\n * @param name               Shortcut name.\n * @param callback           Shortcut callback.\n * @param options            Shortcut options.\n * @param options.isDisabled Whether to disable the shortcut.\n */\nexport default function useShortcut(\n\tname: string,\n\tcallback: ( event: KeyboardEvent ) => void,\n\t{ isDisabled = false }: UseShortcutOptions = {}\n) {\n\tconst shortcuts = useContext( context );\n\tconst isMatch = useShortcutEventMatch();\n\tconst callbackRef = useRef< ( event: KeyboardEvent ) => void >();\n\n\tuseEffect( () => {\n\t\tcallbackRef.current = callback;\n\t}, [ callback ] );\n\n\tuseEffect( () => {\n\t\tif ( isDisabled ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfunction _callback( event: KeyboardEvent ) {\n\t\t\tif ( isMatch( name, event ) && callbackRef.current ) {\n\t\t\t\tcallbackRef.current( event );\n\t\t\t}\n\t\t}\n\n\t\tshortcuts.add( _callback );\n\t\treturn () => {\n\t\t\tshortcuts.delete( _callback );\n\t\t};\n\t}, [ name, isDisabled, shortcuts, isMatch ] );\n}\n"],
-  "mappings": ";AAGA,SAAS,YAAY,WAAW,cAAc;AAK9C,OAAO,2BAA2B;AAClC,SAAS,eAAe;AAcT,SAAR,YACN,MACA,UACA,EAAE,aAAa,MAAM,IAAwB,CAAC,GAC7C;AACD,QAAM,YAAY,WAAY,OAAQ;AACtC,QAAM,UAAU,sBAAsB;AACtC,QAAM,cAAc,OAA2C;AAE/D,YAAW,MAAM;AAChB,gBAAY,UAAU;AAAA,EACvB,GAAG,CAAE,QAAS,CAAE;AAEhB,YAAW,MAAM;AAChB,QAAK,YAAa;AACjB;AAAA,IACD;AAEA,aAAS,UAAW,OAAuB;AAC1C,UAAK,QAAS,MAAM,KAAM,KAAK,YAAY,SAAU;AACpD,oBAAY,QAAS,KAAM;AAAA,MAC5B;AAAA,IACD;AAEA,cAAU,IAAK,SAAU;AACzB,WAAO,MAAM;AACZ,gBAAU,OAAQ,SAAU;AAAA,IAC7B;AAAA,EACD,GAAG,CAAE,MAAM,YAAY,WAAW,OAAQ,CAAE;AAC7C;",
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useContext, useEffect, useRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useShortcutEventMatch from './use-shortcut-event-match';\nimport { context } from '../context';\n\ninterface UseShortcutOptions {\n\tisDisabled?: boolean;\n}\n\n/**\n * Attach a keyboard shortcut handler.\n *\n * @param name               Shortcut name.\n * @param callback           Shortcut callback.\n * @param options            Shortcut options.\n * @param options.isDisabled Whether to disable the shortcut.\n */\nexport default function useShortcut(\n\tname: string,\n\tcallback: ( event: KeyboardEvent ) => void,\n\t{ isDisabled = false }: UseShortcutOptions = {}\n) {\n\tconst shortcuts = useContext( context );\n\tconst isMatch = useShortcutEventMatch();\n\tconst callbackRef = useRef<\n\t\t( ( event: KeyboardEvent ) => void ) | undefined\n\t>( undefined );\n\n\tuseEffect( () => {\n\t\tcallbackRef.current = callback;\n\t}, [ callback ] );\n\n\tuseEffect( () => {\n\t\tif ( isDisabled ) {\n\t\t\treturn;\n\t\t}\n\n\t\tfunction _callback( event: KeyboardEvent ) {\n\t\t\tif ( isMatch( name, event ) && callbackRef.current ) {\n\t\t\t\tcallbackRef.current( event );\n\t\t\t}\n\t\t}\n\n\t\tshortcuts.add( _callback );\n\t\treturn () => {\n\t\t\tshortcuts.delete( _callback );\n\t\t};\n\t}, [ name, isDisabled, shortcuts, isMatch ] );\n}\n"],
+  "mappings": ";AAGA,SAAS,YAAY,WAAW,cAAc;AAK9C,OAAO,2BAA2B;AAClC,SAAS,eAAe;AAcT,SAAR,YACN,MACA,UACA,EAAE,aAAa,MAAM,IAAwB,CAAC,GAC7C;AACD,QAAM,YAAY,WAAY,OAAQ;AACtC,QAAM,UAAU,sBAAsB;AACtC,QAAM,cAAc,OAEjB,MAAU;AAEb,YAAW,MAAM;AAChB,gBAAY,UAAU;AAAA,EACvB,GAAG,CAAE,QAAS,CAAE;AAEhB,YAAW,MAAM;AAChB,QAAK,YAAa;AACjB;AAAA,IACD;AAEA,aAAS,UAAW,OAAuB;AAC1C,UAAK,QAAS,MAAM,KAAM,KAAK,YAAY,SAAU;AACpD,oBAAY,QAAS,KAAM;AAAA,MAC5B;AAAA,IACD;AAEA,cAAU,IAAK,SAAU;AACzB,WAAO,MAAM;AACZ,gBAAU,OAAQ,SAAU;AAAA,IAC7B;AAAA,EACD,GAAG,CAAE,MAAM,YAAY,WAAW,OAAQ,CAAE;AAC7C;",
   "names": []
 }

package/build-types/hooks/use-shortcut.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-shortcut.d.ts","sourceRoot":"","sources":["../../src/hooks/use-shortcut.ts"],"names":[],"mappings":"AAWA,UAAU,kBAAkB;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,IAAI,EAC1C,EAAE,UAAkB,EAAE,GAAE,kBAAuB,QA0B/C"}
+{"version":3,"file":"use-shortcut.d.ts","sourceRoot":"","sources":["../../src/hooks/use-shortcut.ts"],"names":[],"mappings":"AAWA,UAAU,kBAAkB;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAClC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,CAAE,KAAK,EAAE,aAAa,KAAM,IAAI,EAC1C,EAAE,UAAkB,EAAE,GAAE,kBAAuB,QA4B/C"}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/keyboard-shortcuts",
-	"version": "5.45.1-next.v.202605131032.0+f6d6e7149",
+	"version": "5.47.0",
 	"description": "Handling keyboard shortcuts.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -43,15 +43,15 @@
 	"wpScript": true,
 	"types": "build-types/index.d.ts",
 	"dependencies": {
-		"@wordpress/data": "^10.45.1-next.v.202605131032.0+f6d6e7149",
-		"@wordpress/element": "^6.45.1-next.v.202605131032.0+f6d6e7149",
-		"@wordpress/keycodes": "^4.45.1-next.v.202605131032.0+f6d6e7149"
+		"@wordpress/data": "^10.47.0",
+		"@wordpress/element": "^7.0.0",
+		"@wordpress/keycodes": "^4.47.0"
 	},
 	"peerDependencies": {
-		"react": "^18.0.0"
+		"react": "^19.2.4"
 	},
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "0e198c7ac7ca634e73ded9220ce048c0302174dd"
+	"gitHead": "d653c5fd6161571a0c2ebde28553d6e25624eacc"
 }

package/src/hooks/use-shortcut.ts

@@ -28,7 +28,9 @@ export default function useShortcut(
 ) {
 	const shortcuts = useContext( context );
 	const isMatch = useShortcutEventMatch();
-	const callbackRef = useRef< ( event: KeyboardEvent ) => void >();
+	const callbackRef = useRef<
+		( ( event: KeyboardEvent ) => void ) | undefined
+	>( undefined );
 
 	useEffect( () => {
 		callbackRef.current = callback;