@wordpress/commands 1.36.1-next.8fd3f8831.0 → 1.37.1-next.79a2f3cdd.0

package/LICENSE.md

@@ -1,6 +1,6 @@
 ## Gutenberg
 
-    Copyright 2016-2025 by the contributors
+    Copyright 2016-2026 by the contributors
 
 **License for Contributions (on and after April 15, 2021)**
 

package/README.md

@@ -122,65 +122,65 @@ Attach a command loader to the command palette. Used for dynamic commands.
 _Usage_
 
 ```js
+import { __ } from '@wordpress/i18n';
+import { addQueryArgs } from '@wordpress/url';
 import { useCommandLoader } from '@wordpress/commands';
-import { post, page, layout, symbolFilled } from '@wordpress/icons';
-
-const icons = {
-    post,
-    page,
-    wp_template: layout,
-    wp_template_part: symbolFilled,
-};
+import { page } from '@wordpress/icons';
+import { useSelect } from '@wordpress/data';
+import { store as coreStore } from '@wordpress/core-data';
+import { useMemo } from '@wordpress/element';
 
 function usePageSearchCommandLoader( { search } ) {
-    // Retrieve the pages for the "search" term.
-    const { records, isLoading } = useSelect( ( select ) => {
-        const { getEntityRecords } = select( coreStore );
-        const query = {
-            search: !! search ? search : undefined,
-            per_page: 10,
-            orderby: search ? 'relevance' : 'date',
-        };
-        return {
-            records: getEntityRecords( 'postType', 'page', query ),
-            isLoading: ! select( coreStore ).hasFinishedResolution(
-                'getEntityRecords',
-                'postType', 'page', query ]
-            ),
-        };
-    }, [ search ] );
-
-    // Create the commands.
-    const commands = useMemo( () => {
-        return ( records ?? [] ).slice( 0, 10 ).map( ( record ) => {
-            return {
-                name: record.title?.rendered + ' ' + record.id,
-                label: record.title?.rendered
-                    ? record.title?.rendered
-                    : __( '(no title)' ),
-                icon: icons[ postType ],
-                callback: ( { close } ) => {
-                    const args = {
-                        postType,
-                        postId: record.id,
-                        ...extraArgs,
-                    };
-                    document.location = addQueryArgs( 'site-editor.php', args );
-                    close();
-                },
-            };
-        } );
-    }, [ records, history ] );
-
-    return {
-        commands,
-        isLoading,
-    };
+	// Retrieve the pages for the "search" term.
+	const { records, isLoading } = useSelect(
+		( select ) => {
+			const { getEntityRecords } = select( coreStore );
+			const query = {
+				search: !! search ? search : undefined,
+				per_page: 10,
+				orderby: search ? 'relevance' : 'date',
+			};
+			return {
+				records: getEntityRecords( 'postType', 'page', query ),
+				isLoading: ! select( coreStore ).hasFinishedResolution(
+					'getEntityRecords',
+					[ 'postType', 'page', query ]
+				),
+			};
+		},
+		[ search ]
+	);
+
+	// Create the commands.
+	const commands = useMemo( () => {
+		return ( records ?? [] ).slice( 0, 10 ).map( ( record ) => {
+			return {
+				name: record.title?.rendered + ' ' + record.id,
+				label: record.title?.rendered
+					? record.title?.rendered
+					: __( '(no title)' ),
+				icon: page,
+				callback: ( { close } ) => {
+					const args = {
+						p: '/page',
+						postId: record.id,
+					};
+					document.location = addQueryArgs( 'site-editor.php', args );
+					close();
+				},
+			};
+		} );
+	}, [ records ] );
+
+	return {
+		commands,
+		isLoading,
+	};
 }
 
 useCommandLoader( {
-    name: 'myplugin/page-search',
-    hook: usePageSearchCommandLoader,
+	name: 'myplugin/page-search',
+	hook: usePageSearchCommandLoader,
 } );
 ```
 

package/build/components/command-menu.cjs

@@ -35,7 +35,7 @@ __export(command_menu_exports, {
 });
 module.exports = __toCommonJS(command_menu_exports);
 var import_cmdk = require("cmdk");
-var import_clsx = __toESM(require("clsx"), 1);
+var import_clsx = __toESM(require("clsx"));
 var import_data = require("@wordpress/data");
 var import_element = require("@wordpress/element");
 var import_i18n = require("@wordpress/i18n");

package/build/hooks/use-command-loader.cjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/hooks/use-command-loader.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as commandsStore } from '../store';\n\n/**\n * Attach a command loader to the command palette. Used for dynamic commands.\n *\n * @param {import('../store/actions').WPCommandLoaderConfig} loader command loader config.\n *\n * @example\n * ```js\n * import { useCommandLoader } from '@wordpress/commands';\n * import { post, page, layout, symbolFilled } from '@wordpress/icons';\n *\n * const icons = {\n *     post,\n *     page,\n *     wp_template: layout,\n *     wp_template_part: symbolFilled,\n * };\n *\n * function usePageSearchCommandLoader( { search } ) {\n *     // Retrieve the pages for the \"search\" term.\n *     const { records, isLoading } = useSelect( ( select ) => {\n *         const { getEntityRecords } = select( coreStore );\n *         const query = {\n *             search: !! search ? search : undefined,\n *             per_page: 10,\n *             orderby: search ? 'relevance' : 'date',\n *         };\n *         return {\n *             records: getEntityRecords( 'postType', 'page', query ),\n *             isLoading: ! select( coreStore ).hasFinishedResolution(\n *                 'getEntityRecords',\n *                 'postType', 'page', query ]\n *             ),\n *         };\n *     }, [ search ] );\n *\n *     // Create the commands.\n *     const commands = useMemo( () => {\n *         return ( records ?? [] ).slice( 0, 10 ).map( ( record ) => {\n *             return {\n *                 name: record.title?.rendered + ' ' + record.id,\n *                 label: record.title?.rendered\n *                     ? record.title?.rendered\n *                     : __( '(no title)' ),\n *                 icon: icons[ postType ],\n *                 callback: ( { close } ) => {\n *                     const args = {\n *                         postType,\n *                         postId: record.id,\n *                         ...extraArgs,\n *                     };\n *                     document.location = addQueryArgs( 'site-editor.php', args );\n *                     close();\n *                 },\n *             };\n *         } );\n *     }, [ records, history ] );\n *\n *     return {\n *         commands,\n *         isLoading,\n *     };\n * }\n *\n * useCommandLoader( {\n *     name: 'myplugin/page-search',\n *     hook: usePageSearchCommandLoader,\n * } );\n * ```\n */\nexport default function useCommandLoader( loader ) {\n\tconst { registerCommandLoader, unregisterCommandLoader } =\n\t\tuseDispatch( commandsStore );\n\tuseEffect( () => {\n\t\tif ( loader.disabled ) {\n\t\t\treturn;\n\t\t}\n\t\tregisterCommandLoader( {\n\t\t\tname: loader.name,\n\t\t\thook: loader.hook,\n\t\t\tcontext: loader.context,\n\t\t} );\n\t\treturn () => {\n\t\t\tunregisterCommandLoader( loader.name );\n\t\t};\n\t}, [\n\t\tloader.name,\n\t\tloader.hook,\n\t\tloader.context,\n\t\tloader.disabled,\n\t\tregisterCommandLoader,\n\t\tunregisterCommandLoader,\n\t] );\n}\n"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as commandsStore } from '../store';\n\n/**\n * Attach a command loader to the command palette. Used for dynamic commands.\n *\n * @param {import('../store/actions').WPCommandLoaderConfig} loader command loader config.\n *\n * @example\n * ```js\n * import { __ } from '@wordpress/i18n';\n * import { addQueryArgs } from '@wordpress/url';\n * import { useCommandLoader } from '@wordpress/commands';\n * import { page } from '@wordpress/icons';\n * import { useSelect } from '@wordpress/data';\n * import { store as coreStore } from '@wordpress/core-data';\n * import { useMemo } from '@wordpress/element';\n *\n * function usePageSearchCommandLoader( { search } ) {\n *     // Retrieve the pages for the \"search\" term.\n *     const { records, isLoading } = useSelect(\n *         ( select ) => {\n *             const { getEntityRecords } = select( coreStore );\n *             const query = {\n *                 search: !! search ? search : undefined,\n *                 per_page: 10,\n *                 orderby: search ? 'relevance' : 'date',\n *             };\n *             return {\n *                 records: getEntityRecords( 'postType', 'page', query ),\n *                 isLoading: ! select( coreStore ).hasFinishedResolution(\n *                     'getEntityRecords',\n *                     [ 'postType', 'page', query ]\n *                 ),\n *             };\n *         },\n *         [ search ]\n *     );\n *\n *     // Create the commands.\n *     const commands = useMemo( () => {\n *         return ( records ?? [] ).slice( 0, 10 ).map( ( record ) => {\n *             return {\n *                 name: record.title?.rendered + ' ' + record.id,\n *                 label: record.title?.rendered\n *                     ? record.title?.rendered\n *                     : __( '(no title)' ),\n *                 icon: page,\n *                 callback: ( { close } ) => {\n *                     const args = {\n * \t\t\t\t\t\t\tp: '/page',\n * \t\t\t\t\t\t\tpostId: record.id,\n *                     };\n *                     document.location = addQueryArgs( 'site-editor.php', args );\n *                     close();\n *                 },\n *             };\n *         } );\n *     }, [ records ] );\n *\n *     return {\n *         commands,\n *         isLoading,\n *     };\n * }\n *\n * useCommandLoader( {\n *     name: 'myplugin/page-search',\n *     hook: usePageSearchCommandLoader,\n * } );\n * ```\n */\nexport default function useCommandLoader( loader ) {\n\tconst { registerCommandLoader, unregisterCommandLoader } =\n\t\tuseDispatch( commandsStore );\n\tuseEffect( () => {\n\t\tif ( loader.disabled ) {\n\t\t\treturn;\n\t\t}\n\t\tregisterCommandLoader( {\n\t\t\tname: loader.name,\n\t\t\thook: loader.hook,\n\t\t\tcontext: loader.context,\n\t\t} );\n\t\treturn () => {\n\t\t\tunregisterCommandLoader( loader.name );\n\t\t};\n\t}, [\n\t\tloader.name,\n\t\tloader.hook,\n\t\tloader.context,\n\t\tloader.disabled,\n\t\tregisterCommandLoader,\n\t\tunregisterCommandLoader,\n\t] );\n}\n"],
   "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAC1B,kBAA4B;AAK5B,mBAAuC;AAuExB,SAAR,iBAAmC,QAAS;AAClD,QAAM,EAAE,uBAAuB,wBAAwB,QACtD,yBAAa,aAAAA,KAAc;AAC5B,gCAAW,MAAM;AAChB,QAAK,OAAO,UAAW;AACtB;AAAA,IACD;AACA,0BAAuB;AAAA,MACtB,MAAM,OAAO;AAAA,MACb,MAAM,OAAO;AAAA,MACb,SAAS,OAAO;AAAA,IACjB,CAAE;AACF,WAAO,MAAM;AACZ,8BAAyB,OAAO,IAAK;AAAA,IACtC;AAAA,EACD,GAAG;AAAA,IACF,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACD,CAAE;AACH;",
   "names": ["commandsStore"]
 }

package/build/index.cjs

@@ -40,7 +40,7 @@ module.exports = __toCommonJS(index_exports);
 var import_command_menu = require("./components/command-menu.cjs");
 var import_private_apis = require("./private-apis.cjs");
 var import_use_command = require("./hooks/use-command.cjs");
-var import_use_command_loader = __toESM(require("./hooks/use-command-loader.cjs"), 1);
+var import_use_command_loader = __toESM(require("./hooks/use-command-loader.cjs"));
 var import_store = require("./store/index.cjs");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/build/private-apis.cjs

@@ -32,7 +32,7 @@ __export(private_apis_exports, {
   privateApis: () => privateApis
 });
 module.exports = __toCommonJS(private_apis_exports);
-var import_use_command_context = __toESM(require("./hooks/use-command-context.cjs"), 1);
+var import_use_command_context = __toESM(require("./hooks/use-command-context.cjs"));
 var import_lock_unlock = require("./lock-unlock.cjs");
 var privateApis = {};
 (0, import_lock_unlock.lock)(privateApis, {

package/build/store/index.cjs

@@ -33,10 +33,10 @@ __export(store_exports, {
 });
 module.exports = __toCommonJS(store_exports);
 var import_data = require("@wordpress/data");
-var import_reducer = __toESM(require("./reducer.cjs"), 1);
-var actions = __toESM(require("./actions.cjs"), 1);
-var selectors = __toESM(require("./selectors.cjs"), 1);
-var privateActions = __toESM(require("./private-actions.cjs"), 1);
+var import_reducer = __toESM(require("./reducer.cjs"));
+var actions = __toESM(require("./actions.cjs"));
+var selectors = __toESM(require("./selectors.cjs"));
+var privateActions = __toESM(require("./private-actions.cjs"));
 var import_lock_unlock = require("../lock-unlock.cjs");
 var STORE_NAME = "core/commands";
 var store = (0, import_data.createReduxStore)(STORE_NAME, {

package/build-module/components/{command-menu.js → command-menu.mjs}

@@ -21,8 +21,8 @@ import {
   useShortcut
 } from "@wordpress/keyboard-shortcuts";
 import { Icon, search as inputIcon } from "@wordpress/icons";
-import { store as commandsStore } from "../store/index.js";
-import { unlock } from "../lock-unlock.js";
+import { store as commandsStore } from "../store/index.mjs";
+import { unlock } from "../lock-unlock.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var { withIgnoreIMEEvents } = unlock(componentsPrivateApis);
 var inputLabel = __("Search commands and settings");
@@ -273,4 +273,4 @@ export {
   CommandMenuGroup,
   CommandMenuLoaderWrapper
 };
-//# sourceMappingURL=command-menu.js.map
+//# sourceMappingURL=command-menu.mjs.map

package/build-module/hooks/{use-command-context.js → use-command-context.mjs}

@@ -1,8 +1,8 @@
 // packages/commands/src/hooks/use-command-context.js
 import { useEffect, useRef } from "@wordpress/element";
 import { useDispatch, useSelect } from "@wordpress/data";
-import { store as commandsStore } from "../store/index.js";
-import { unlock } from "../lock-unlock.js";
+import { store as commandsStore } from "../store/index.mjs";
+import { unlock } from "../lock-unlock.mjs";
 function useCommandContext(context) {
   const { getContext } = useSelect(commandsStore);
   const initialContext = useRef(getContext());
@@ -18,4 +18,4 @@ function useCommandContext(context) {
 export {
   useCommandContext as default
 };
-//# sourceMappingURL=use-command-context.js.map
+//# sourceMappingURL=use-command-context.mjs.map

package/build-module/hooks/{use-command-loader.js → use-command-loader.mjs}

@@ -1,7 +1,7 @@
 // packages/commands/src/hooks/use-command-loader.js
 import { useEffect } from "@wordpress/element";
 import { useDispatch } from "@wordpress/data";
-import { store as commandsStore } from "../store/index.js";
+import { store as commandsStore } from "../store/index.mjs";
 function useCommandLoader(loader) {
   const { registerCommandLoader, unregisterCommandLoader } = useDispatch(commandsStore);
   useEffect(() => {
@@ -28,4 +28,4 @@ function useCommandLoader(loader) {
 export {
   useCommandLoader as default
 };
-//# sourceMappingURL=use-command-loader.js.map
+//# sourceMappingURL=use-command-loader.mjs.map

package/build-module/hooks/use-command-loader.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/hooks/use-command-loader.js"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as commandsStore } from '../store';\n\n/**\n * Attach a command loader to the command palette. Used for dynamic commands.\n *\n * @param {import('../store/actions').WPCommandLoaderConfig} loader command loader config.\n *\n * @example\n * ```js\n * import { __ } from '@wordpress/i18n';\n * import { addQueryArgs } from '@wordpress/url';\n * import { useCommandLoader } from '@wordpress/commands';\n * import { page } from '@wordpress/icons';\n * import { useSelect } from '@wordpress/data';\n * import { store as coreStore } from '@wordpress/core-data';\n * import { useMemo } from '@wordpress/element';\n *\n * function usePageSearchCommandLoader( { search } ) {\n *     // Retrieve the pages for the \"search\" term.\n *     const { records, isLoading } = useSelect(\n *         ( select ) => {\n *             const { getEntityRecords } = select( coreStore );\n *             const query = {\n *                 search: !! search ? search : undefined,\n *                 per_page: 10,\n *                 orderby: search ? 'relevance' : 'date',\n *             };\n *             return {\n *                 records: getEntityRecords( 'postType', 'page', query ),\n *                 isLoading: ! select( coreStore ).hasFinishedResolution(\n *                     'getEntityRecords',\n *                     [ 'postType', 'page', query ]\n *                 ),\n *             };\n *         },\n *         [ search ]\n *     );\n *\n *     // Create the commands.\n *     const commands = useMemo( () => {\n *         return ( records ?? [] ).slice( 0, 10 ).map( ( record ) => {\n *             return {\n *                 name: record.title?.rendered + ' ' + record.id,\n *                 label: record.title?.rendered\n *                     ? record.title?.rendered\n *                     : __( '(no title)' ),\n *                 icon: page,\n *                 callback: ( { close } ) => {\n *                     const args = {\n * \t\t\t\t\t\t\tp: '/page',\n * \t\t\t\t\t\t\tpostId: record.id,\n *                     };\n *                     document.location = addQueryArgs( 'site-editor.php', args );\n *                     close();\n *                 },\n *             };\n *         } );\n *     }, [ records ] );\n *\n *     return {\n *         commands,\n *         isLoading,\n *     };\n * }\n *\n * useCommandLoader( {\n *     name: 'myplugin/page-search',\n *     hook: usePageSearchCommandLoader,\n * } );\n * ```\n */\nexport default function useCommandLoader( loader ) {\n\tconst { registerCommandLoader, unregisterCommandLoader } =\n\t\tuseDispatch( commandsStore );\n\tuseEffect( () => {\n\t\tif ( loader.disabled ) {\n\t\t\treturn;\n\t\t}\n\t\tregisterCommandLoader( {\n\t\t\tname: loader.name,\n\t\t\thook: loader.hook,\n\t\t\tcontext: loader.context,\n\t\t} );\n\t\treturn () => {\n\t\t\tunregisterCommandLoader( loader.name );\n\t\t};\n\t}, [\n\t\tloader.name,\n\t\tloader.hook,\n\t\tloader.context,\n\t\tloader.disabled,\n\t\tregisterCommandLoader,\n\t\tunregisterCommandLoader,\n\t] );\n}\n"],
+  "mappings": ";AAGA,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAK5B,SAAS,SAAS,qBAAqB;AAuExB,SAAR,iBAAmC,QAAS;AAClD,QAAM,EAAE,uBAAuB,wBAAwB,IACtD,YAAa,aAAc;AAC5B,YAAW,MAAM;AAChB,QAAK,OAAO,UAAW;AACtB;AAAA,IACD;AACA,0BAAuB;AAAA,MACtB,MAAM,OAAO;AAAA,MACb,MAAM,OAAO;AAAA,MACb,SAAS,OAAO;AAAA,IACjB,CAAE;AACF,WAAO,MAAM;AACZ,8BAAyB,OAAO,IAAK;AAAA,IACtC;AAAA,EACD,GAAG;AAAA,IACF,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACD,CAAE;AACH;",
+  "names": []
+}

package/build-module/hooks/{use-command.js → use-command.mjs}

@@ -1,7 +1,7 @@
 // packages/commands/src/hooks/use-command.js
 import { useEffect, useRef } from "@wordpress/element";
 import { useDispatch } from "@wordpress/data";
-import { store as commandsStore } from "../store/index.js";
+import { store as commandsStore } from "../store/index.mjs";
 function useCommand(command) {
   const { registerCommand, unregisterCommand } = useDispatch(commandsStore);
   const currentCallbackRef = useRef(command.callback);
@@ -83,4 +83,4 @@ export {
   useCommand,
   useCommands
 };
-//# sourceMappingURL=use-command.js.map
+//# sourceMappingURL=use-command.mjs.map

package/build-module/index.mjs

@@ -0,0 +1,15 @@
+// packages/commands/src/index.js
+import { CommandMenu } from "./components/command-menu.mjs";
+import { privateApis } from "./private-apis.mjs";
+import { useCommand, useCommands } from "./hooks/use-command.mjs";
+import { default as default2 } from "./hooks/use-command-loader.mjs";
+import { store } from "./store/index.mjs";
+export {
+  CommandMenu,
+  privateApis,
+  store,
+  useCommand,
+  default2 as useCommandLoader,
+  useCommands
+};
+//# sourceMappingURL=index.mjs.map

package/build-module/{lock-unlock.js → lock-unlock.mjs}

@@ -8,4 +8,4 @@ export {
   lock,
   unlock
 };
-//# sourceMappingURL=lock-unlock.js.map
+//# sourceMappingURL=lock-unlock.mjs.map

package/build-module/{private-apis.js → private-apis.mjs}

@@ -1,6 +1,6 @@
 // packages/commands/src/private-apis.js
-import { default as useCommandContext } from "./hooks/use-command-context.js";
-import { lock } from "./lock-unlock.js";
+import { default as useCommandContext } from "./hooks/use-command-context.mjs";
+import { lock } from "./lock-unlock.mjs";
 var privateApis = {};
 lock(privateApis, {
   useCommandContext
@@ -8,4 +8,4 @@ lock(privateApis, {
 export {
   privateApis
 };
-//# sourceMappingURL=private-apis.js.map
+//# sourceMappingURL=private-apis.mjs.map

package/build-module/store/{actions.js → actions.mjs}

@@ -41,4 +41,4 @@ export {
   unregisterCommand,
   unregisterCommandLoader
 };
-//# sourceMappingURL=actions.js.map
+//# sourceMappingURL=actions.mjs.map

package/build-module/store/{index.js → index.mjs}

@@ -1,10 +1,10 @@
 // packages/commands/src/store/index.js
 import { createReduxStore, register } from "@wordpress/data";
-import reducer from "./reducer.js";
-import * as actions from "./actions.js";
-import * as selectors from "./selectors.js";
-import * as privateActions from "./private-actions.js";
-import { unlock } from "../lock-unlock.js";
+import reducer from "./reducer.mjs";
+import * as actions from "./actions.mjs";
+import * as selectors from "./selectors.mjs";
+import * as privateActions from "./private-actions.mjs";
+import { unlock } from "../lock-unlock.mjs";
 var STORE_NAME = "core/commands";
 var store = createReduxStore(STORE_NAME, {
   reducer,
@@ -16,4 +16,4 @@ unlock(store).registerPrivateActions(privateActions);
 export {
   store
 };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.mjs.map

package/build-module/store/{private-actions.js → private-actions.mjs}

@@ -8,4 +8,4 @@ function setContext(context) {
 export {
   setContext
 };
-//# sourceMappingURL=private-actions.js.map
+//# sourceMappingURL=private-actions.mjs.map

package/build-module/store/{reducer.js → reducer.mjs}

@@ -66,4 +66,4 @@ var reducer_default = reducer;
 export {
   reducer_default as default
 };
-//# sourceMappingURL=reducer.js.map
+//# sourceMappingURL=reducer.mjs.map

package/build-module/store/{selectors.js → selectors.mjs}

@@ -26,4 +26,4 @@ export {
   getContext,
   isOpen
 };
-//# sourceMappingURL=selectors.js.map
+//# sourceMappingURL=selectors.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wordpress/commands",
-	"version": "1.36.1-next.8fd3f8831.0",
+	"version": "1.37.1-next.79a2f3cdd.0",
 	"description": "Handles the commands menu.",
 	"author": "The WordPress Contributors",
 	"license": "GPL-2.0-or-later",
@@ -31,12 +31,11 @@
 		"build-types",
 		"*.md"
 	],
-	"type": "module",
 	"main": "build/index.cjs",
-	"module": "build-module/index.js",
+	"module": "build-module/index.mjs",
 	"exports": {
 		".": {
-			"import": "./build-module/index.js",
+			"import": "./build-module/index.mjs",
 			"require": "./build/index.cjs"
 		},
 		"./package.json": "./package.json",
@@ -45,14 +44,14 @@
 	"react-native": "src/index",
 	"wpScript": true,
 	"dependencies": {
-		"@wordpress/base-styles": "^6.12.1-next.8fd3f8831.0",
-		"@wordpress/components": "^31.0.1-next.8fd3f8831.0",
-		"@wordpress/data": "^10.36.1-next.8fd3f8831.0",
-		"@wordpress/element": "^6.36.1-next.8fd3f8831.0",
-		"@wordpress/i18n": "^6.9.1-next.8fd3f8831.0",
-		"@wordpress/icons": "^11.3.1-next.8fd3f8831.0",
-		"@wordpress/keyboard-shortcuts": "^5.36.1-next.8fd3f8831.0",
-		"@wordpress/private-apis": "^1.36.1-next.8fd3f8831.0",
+		"@wordpress/base-styles": "^6.13.2-next.79a2f3cdd.0",
+		"@wordpress/components": "^32.0.1-next.79a2f3cdd.0",
+		"@wordpress/data": "^10.37.1-next.79a2f3cdd.0",
+		"@wordpress/element": "^6.37.1-next.79a2f3cdd.0",
+		"@wordpress/i18n": "^6.10.1-next.79a2f3cdd.0",
+		"@wordpress/icons": "^11.4.1-next.79a2f3cdd.0",
+		"@wordpress/keyboard-shortcuts": "^5.37.1-next.79a2f3cdd.0",
+		"@wordpress/private-apis": "^1.37.1-next.79a2f3cdd.0",
 		"clsx": "^2.1.1",
 		"cmdk": "^1.0.0"
 	},
@@ -63,5 +62,5 @@
 	"publishConfig": {
 		"access": "public"
 	},
-	"gitHead": "e582b351bc4c4b8734bb087f63a3beec9875c3c7"
+	"gitHead": "6a324496a37d9a333a11d4d7fe5fb93b8152a5ba"
 }

package/src/hooks/use-command-loader.js

@@ -16,33 +16,34 @@ import { store as commandsStore } from '../store';
  *
  * @example
  * ```js
+ * import { __ } from '@wordpress/i18n';
+ * import { addQueryArgs } from '@wordpress/url';
  * import { useCommandLoader } from '@wordpress/commands';
- * import { post, page, layout, symbolFilled } from '@wordpress/icons';
- *
- * const icons = {
- *     post,
- *     page,
- *     wp_template: layout,
- *     wp_template_part: symbolFilled,
- * };
+ * import { page } from '@wordpress/icons';
+ * import { useSelect } from '@wordpress/data';
+ * import { store as coreStore } from '@wordpress/core-data';
+ * import { useMemo } from '@wordpress/element';
  *
  * function usePageSearchCommandLoader( { search } ) {
  *     // Retrieve the pages for the "search" term.
- *     const { records, isLoading } = useSelect( ( select ) => {
- *         const { getEntityRecords } = select( coreStore );
- *         const query = {
- *             search: !! search ? search : undefined,
- *             per_page: 10,
- *             orderby: search ? 'relevance' : 'date',
- *         };
- *         return {
- *             records: getEntityRecords( 'postType', 'page', query ),
- *             isLoading: ! select( coreStore ).hasFinishedResolution(
- *                 'getEntityRecords',
- *                 'postType', 'page', query ]
- *             ),
- *         };
- *     }, [ search ] );
+ *     const { records, isLoading } = useSelect(
+ *         ( select ) => {
+ *             const { getEntityRecords } = select( coreStore );
+ *             const query = {
+ *                 search: !! search ? search : undefined,
+ *                 per_page: 10,
+ *                 orderby: search ? 'relevance' : 'date',
+ *             };
+ *             return {
+ *                 records: getEntityRecords( 'postType', 'page', query ),
+ *                 isLoading: ! select( coreStore ).hasFinishedResolution(
+ *                     'getEntityRecords',
+ *                     [ 'postType', 'page', query ]
+ *                 ),
+ *             };
+ *         },
+ *         [ search ]
+ *     );
  *
  *     // Create the commands.
  *     const commands = useMemo( () => {
@@ -52,19 +53,18 @@ import { store as commandsStore } from '../store';
  *                 label: record.title?.rendered
  *                     ? record.title?.rendered
  *                     : __( '(no title)' ),
- *                 icon: icons[ postType ],
+ *                 icon: page,
  *                 callback: ( { close } ) => {
  *                     const args = {
- *                         postType,
- *                         postId: record.id,
- *                         ...extraArgs,
+ * 							p: '/page',
+ * 							postId: record.id,
  *                     };
  *                     document.location = addQueryArgs( 'site-editor.php', args );
  *                     close();
  *                 },
  *             };
  *         } );
- *     }, [ records, history ] );
+ *     }, [ records ] );
  *
  *     return {
  *         commands,

package/build-module/hooks/use-command-loader.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/hooks/use-command-loader.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as commandsStore } from '../store';\n\n/**\n * Attach a command loader to the command palette. Used for dynamic commands.\n *\n * @param {import('../store/actions').WPCommandLoaderConfig} loader command loader config.\n *\n * @example\n * ```js\n * import { useCommandLoader } from '@wordpress/commands';\n * import { post, page, layout, symbolFilled } from '@wordpress/icons';\n *\n * const icons = {\n *     post,\n *     page,\n *     wp_template: layout,\n *     wp_template_part: symbolFilled,\n * };\n *\n * function usePageSearchCommandLoader( { search } ) {\n *     // Retrieve the pages for the \"search\" term.\n *     const { records, isLoading } = useSelect( ( select ) => {\n *         const { getEntityRecords } = select( coreStore );\n *         const query = {\n *             search: !! search ? search : undefined,\n *             per_page: 10,\n *             orderby: search ? 'relevance' : 'date',\n *         };\n *         return {\n *             records: getEntityRecords( 'postType', 'page', query ),\n *             isLoading: ! select( coreStore ).hasFinishedResolution(\n *                 'getEntityRecords',\n *                 'postType', 'page', query ]\n *             ),\n *         };\n *     }, [ search ] );\n *\n *     // Create the commands.\n *     const commands = useMemo( () => {\n *         return ( records ?? [] ).slice( 0, 10 ).map( ( record ) => {\n *             return {\n *                 name: record.title?.rendered + ' ' + record.id,\n *                 label: record.title?.rendered\n *                     ? record.title?.rendered\n *                     : __( '(no title)' ),\n *                 icon: icons[ postType ],\n *                 callback: ( { close } ) => {\n *                     const args = {\n *                         postType,\n *                         postId: record.id,\n *                         ...extraArgs,\n *                     };\n *                     document.location = addQueryArgs( 'site-editor.php', args );\n *                     close();\n *                 },\n *             };\n *         } );\n *     }, [ records, history ] );\n *\n *     return {\n *         commands,\n *         isLoading,\n *     };\n * }\n *\n * useCommandLoader( {\n *     name: 'myplugin/page-search',\n *     hook: usePageSearchCommandLoader,\n * } );\n * ```\n */\nexport default function useCommandLoader( loader ) {\n\tconst { registerCommandLoader, unregisterCommandLoader } =\n\t\tuseDispatch( commandsStore );\n\tuseEffect( () => {\n\t\tif ( loader.disabled ) {\n\t\t\treturn;\n\t\t}\n\t\tregisterCommandLoader( {\n\t\t\tname: loader.name,\n\t\t\thook: loader.hook,\n\t\t\tcontext: loader.context,\n\t\t} );\n\t\treturn () => {\n\t\t\tunregisterCommandLoader( loader.name );\n\t\t};\n\t}, [\n\t\tloader.name,\n\t\tloader.hook,\n\t\tloader.context,\n\t\tloader.disabled,\n\t\tregisterCommandLoader,\n\t\tunregisterCommandLoader,\n\t] );\n}\n"],
-  "mappings": ";AAGA,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAK5B,SAAS,SAAS,qBAAqB;AAuExB,SAAR,iBAAmC,QAAS;AAClD,QAAM,EAAE,uBAAuB,wBAAwB,IACtD,YAAa,aAAc;AAC5B,YAAW,MAAM;AAChB,QAAK,OAAO,UAAW;AACtB;AAAA,IACD;AACA,0BAAuB;AAAA,MACtB,MAAM,OAAO;AAAA,MACb,MAAM,OAAO;AAAA,MACb,SAAS,OAAO;AAAA,IACjB,CAAE;AACF,WAAO,MAAM;AACZ,8BAAyB,OAAO,IAAK;AAAA,IACtC;AAAA,EACD,GAAG;AAAA,IACF,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP,OAAO;AAAA,IACP;AAAA,IACA;AAAA,EACD,CAAE;AACH;",
-  "names": []
-}

package/build-module/index.js

@@ -1,15 +0,0 @@
-// packages/commands/src/index.js
-import { CommandMenu } from "./components/command-menu.js";
-import { privateApis } from "./private-apis.js";
-import { useCommand, useCommands } from "./hooks/use-command.js";
-import { default as default2 } from "./hooks/use-command-loader.js";
-import { store } from "./store/index.js";
-export {
-  CommandMenu,
-  privateApis,
-  store,
-  useCommand,
-  default2 as useCommandLoader,
-  useCommands
-};
-//# sourceMappingURL=index.js.map