@wordpress/commands 1.32.0 → 1.32.1-next.47f435fc9.0

package/build-module/components/command-menu.js

@@ -1,281 +1,284 @@
-/**
- * External dependencies
- */
-import { Command, useCommandState } from 'cmdk';
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useSelect, useDispatch } from '@wordpress/data';
-import { useState, useEffect, useRef, useCallback, useMemo } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
-import { Modal, TextHighlight, __experimentalHStack as HStack } from '@wordpress/components';
-import { store as keyboardShortcutsStore, useShortcut } from '@wordpress/keyboard-shortcuts';
-import { Icon, search as inputIcon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { store as commandsStore } from '../store';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-const inputLabel = __('Search commands and settings');
-function CommandMenuLoader({
-  name,
-  search,
-  hook,
-  setLoader,
-  close
-}) {
-  var _hook;
-  const {
-    isLoading,
-    commands = []
-  } = (_hook = hook({
-    search
-  })) !== null && _hook !== void 0 ? _hook : {};
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Command, useCommandState } from "cmdk";
+import clsx from "clsx";
+import { useSelect, useDispatch } from "@wordpress/data";
+import {
+  useState,
+  useEffect,
+  useRef,
+  useCallback,
+  useMemo
+} from "@wordpress/element";
+import { __ } from "@wordpress/i18n";
+import {
+  Modal,
+  TextHighlight,
+  __experimentalHStack as HStack
+} from "@wordpress/components";
+import {
+  store as keyboardShortcutsStore,
+  useShortcut
+} from "@wordpress/keyboard-shortcuts";
+import { Icon, search as inputIcon } from "@wordpress/icons";
+import { store as commandsStore } from "../store";
+const inputLabel = __("Search commands and settings");
+function CommandMenuLoader({ name, search, hook, setLoader, close }) {
+  const { isLoading, commands = [] } = hook({ search }) ?? {};
   useEffect(() => {
     setLoader(name, isLoading);
   }, [setLoader, name, isLoading]);
   if (!commands.length) {
     return null;
   }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: commands.map(command => {
-      var _command$searchLabel;
-      return /*#__PURE__*/_jsx(Command.Item, {
-        value: (_command$searchLabel = command.searchLabel) !== null && _command$searchLabel !== void 0 ? _command$searchLabel : command.label,
-        keywords: command.keywords,
-        onSelect: () => command.callback({
-          close
-        }),
-        id: command.name,
-        children: /*#__PURE__*/_jsxs(HStack, {
+  return /* @__PURE__ */ jsx(Fragment, { children: commands.map((command) => /* @__PURE__ */ jsx(
+    Command.Item,
+    {
+      value: command.searchLabel ?? command.label,
+      keywords: command.keywords,
+      onSelect: () => command.callback({ close }),
+      id: command.name,
+      children: /* @__PURE__ */ jsxs(
+        HStack,
+        {
           alignment: "left",
-          className: clsx('commands-command-menu__item', {
-            'has-icon': command.icon
+          className: clsx("commands-command-menu__item", {
+            "has-icon": command.icon
           }),
-          children: [command.icon && /*#__PURE__*/_jsx(Icon, {
-            icon: command.icon
-          }), /*#__PURE__*/_jsx("span", {
-            children: /*#__PURE__*/_jsx(TextHighlight, {
-              text: command.label,
-              highlight: search
-            })
-          })]
-        })
-      }, command.name);
-    })
-  });
+          children: [
+            command.icon && /* @__PURE__ */ jsx(Icon, { icon: command.icon }),
+            /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+              TextHighlight,
+              {
+                text: command.label,
+                highlight: search
+              }
+            ) })
+          ]
+        }
+      )
+    },
+    command.name
+  )) });
 }
-export function CommandMenuLoaderWrapper({
-  hook,
-  search,
-  setLoader,
-  close
-}) {
-  // The "hook" prop is actually a custom React hook
-  // so to avoid breaking the rules of hooks
-  // the CommandMenuLoaderWrapper component need to be
-  // remounted on each hook prop change
-  // We use the key state to make sure we do that properly.
+function CommandMenuLoaderWrapper({ hook, search, setLoader, close }) {
   const currentLoaderRef = useRef(hook);
   const [key, setKey] = useState(0);
   useEffect(() => {
     if (currentLoaderRef.current !== hook) {
       currentLoaderRef.current = hook;
-      setKey(prevKey => prevKey + 1);
+      setKey((prevKey) => prevKey + 1);
     }
   }, [hook]);
-  return /*#__PURE__*/_jsx(CommandMenuLoader, {
-    hook: currentLoaderRef.current,
-    search: search,
-    setLoader: setLoader,
-    close: close
-  }, key);
+  return /* @__PURE__ */ jsx(
+    CommandMenuLoader,
+    {
+      hook: currentLoaderRef.current,
+      search,
+      setLoader,
+      close
+    },
+    key
+  );
 }
-export function CommandMenuGroup({
-  isContextual,
-  search,
-  setLoader,
-  close
-}) {
-  const {
-    commands,
-    loaders
-  } = useSelect(select => {
-    const {
-      getCommands,
-      getCommandLoaders
-    } = select(commandsStore);
-    return {
-      commands: getCommands(isContextual),
-      loaders: getCommandLoaders(isContextual)
-    };
-  }, [isContextual]);
+function CommandMenuGroup({ isContextual, search, setLoader, close }) {
+  const { commands, loaders } = useSelect(
+    (select) => {
+      const { getCommands, getCommandLoaders } = select(commandsStore);
+      return {
+        commands: getCommands(isContextual),
+        loaders: getCommandLoaders(isContextual)
+      };
+    },
+    [isContextual]
+  );
   if (!commands.length && !loaders.length) {
     return null;
   }
-  return /*#__PURE__*/_jsxs(Command.Group, {
-    children: [commands.map(command => {
-      var _command$searchLabel2;
-      return /*#__PURE__*/_jsx(Command.Item, {
-        value: (_command$searchLabel2 = command.searchLabel) !== null && _command$searchLabel2 !== void 0 ? _command$searchLabel2 : command.label,
+  return /* @__PURE__ */ jsxs(Command.Group, { children: [
+    commands.map((command) => /* @__PURE__ */ jsx(
+      Command.Item,
+      {
+        value: command.searchLabel ?? command.label,
         keywords: command.keywords,
-        onSelect: () => command.callback({
-          close
-        }),
+        onSelect: () => command.callback({ close }),
         id: command.name,
-        children: /*#__PURE__*/_jsxs(HStack, {
-          alignment: "left",
-          className: clsx('commands-command-menu__item', {
-            'has-icon': command.icon
-          }),
-          children: [command.icon && /*#__PURE__*/_jsx(Icon, {
-            icon: command.icon
-          }), /*#__PURE__*/_jsx("span", {
-            children: /*#__PURE__*/_jsx(TextHighlight, {
-              text: command.label,
-              highlight: search
-            })
-          })]
-        })
-      }, command.name);
-    }), loaders.map(loader => /*#__PURE__*/_jsx(CommandMenuLoaderWrapper, {
-      hook: loader.hook,
-      search: search,
-      setLoader: setLoader,
-      close: close
-    }, loader.name))]
-  });
+        children: /* @__PURE__ */ jsxs(
+          HStack,
+          {
+            alignment: "left",
+            className: clsx("commands-command-menu__item", {
+              "has-icon": command.icon
+            }),
+            children: [
+              command.icon && /* @__PURE__ */ jsx(Icon, { icon: command.icon }),
+              /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
+                TextHighlight,
+                {
+                  text: command.label,
+                  highlight: search
+                }
+              ) })
+            ]
+          }
+        )
+      },
+      command.name
+    )),
+    loaders.map((loader) => /* @__PURE__ */ jsx(
+      CommandMenuLoaderWrapper,
+      {
+        hook: loader.hook,
+        search,
+        setLoader,
+        close
+      },
+      loader.name
+    ))
+  ] });
 }
-function CommandInput({
-  isOpen,
-  search,
-  setSearch
-}) {
+function CommandInput({ isOpen, search, setSearch }) {
   const commandMenuInput = useRef();
-  const _value = useCommandState(state => state.value);
+  const _value = useCommandState((state) => state.value);
   const selectedItemId = useMemo(() => {
-    const item = document.querySelector(`[cmdk-item=""][data-value="${_value}"]`);
-    return item?.getAttribute('id');
+    const item = document.querySelector(
+      `[cmdk-item=""][data-value="${_value}"]`
+    );
+    return item?.getAttribute("id");
   }, [_value]);
   useEffect(() => {
-    // Focus the command palette input when mounting the modal.
     if (isOpen) {
       commandMenuInput.current.focus();
     }
   }, [isOpen]);
-  return /*#__PURE__*/_jsx(Command.Input, {
-    ref: commandMenuInput,
-    value: search,
-    onValueChange: setSearch,
-    placeholder: inputLabel,
-    "aria-activedescendant": selectedItemId,
-    icon: search
-  });
+  return /* @__PURE__ */ jsx(
+    Command.Input,
+    {
+      ref: commandMenuInput,
+      value: search,
+      onValueChange: setSearch,
+      placeholder: inputLabel,
+      "aria-activedescendant": selectedItemId,
+      icon: search
+    }
+  );
 }
-
-/**
- * @ignore
- */
-export function CommandMenu() {
-  const {
-    registerShortcut
-  } = useDispatch(keyboardShortcutsStore);
-  const [search, setSearch] = useState('');
-  const isOpen = useSelect(select => select(commandsStore).isOpen(), []);
-  const {
-    open,
-    close
-  } = useDispatch(commandsStore);
+function CommandMenu() {
+  const { registerShortcut } = useDispatch(keyboardShortcutsStore);
+  const [search, setSearch] = useState("");
+  const isOpen = useSelect(
+    (select) => select(commandsStore).isOpen(),
+    []
+  );
+  const { open, close } = useDispatch(commandsStore);
   const [loaders, setLoaders] = useState({});
   useEffect(() => {
     registerShortcut({
-      name: 'core/commands',
-      category: 'global',
-      description: __('Open the command palette.'),
+      name: "core/commands",
+      category: "global",
+      description: __("Open the command palette."),
       keyCombination: {
-        modifier: 'primary',
-        character: 'k'
+        modifier: "primary",
+        character: "k"
       }
     });
   }, [registerShortcut]);
-  useShortcut('core/commands', /** @type {import('react').KeyboardEventHandler} */
-  event => {
-    // Bails to avoid obscuring the effect of the preceding handler(s).
-    if (event.defaultPrevented) {
-      return;
-    }
-    event.preventDefault();
-    if (isOpen) {
-      close();
-    } else {
-      open();
+  useShortcut(
+    "core/commands",
+    /** @type {import('react').KeyboardEventHandler} */
+    (event) => {
+      if (event.defaultPrevented) {
+        return;
+      }
+      event.preventDefault();
+      if (isOpen) {
+        close();
+      } else {
+        open();
+      }
+    },
+    {
+      bindGlobal: true
     }
-  }, {
-    bindGlobal: true
-  });
-  const setLoader = useCallback((name, value) => setLoaders(current => ({
-    ...current,
-    [name]: value
-  })), []);
+  );
+  const setLoader = useCallback(
+    (name, value) => setLoaders((current) => ({
+      ...current,
+      [name]: value
+    })),
+    []
+  );
   const closeAndReset = () => {
-    setSearch('');
+    setSearch("");
     close();
   };
   if (!isOpen) {
     return false;
   }
-  const onKeyDown = event => {
+  const onKeyDown = (event) => {
     if (
-    // Ignore keydowns from IMEs
-    event.nativeEvent.isComposing ||
-    // Workaround for Mac Safari where the final Enter/Backspace of an IME composition
-    // is `isComposing=false`, even though it's technically still part of the composition.
-    // These can only be detected by keyCode.
-    event.keyCode === 229) {
+      // Ignore keydowns from IMEs
+      event.nativeEvent.isComposing || // Workaround for Mac Safari where the final Enter/Backspace of an IME composition
+      // is `isComposing=false`, even though it's technically still part of the composition.
+      // These can only be detected by keyCode.
+      event.keyCode === 229
+    ) {
       event.preventDefault();
     }
   };
   const isLoading = Object.values(loaders).some(Boolean);
-  return /*#__PURE__*/_jsx(Modal, {
-    className: "commands-command-menu",
-    overlayClassName: "commands-command-menu__overlay",
-    onRequestClose: closeAndReset,
-    __experimentalHideHeader: true,
-    contentLabel: __('Command palette'),
-    children: /*#__PURE__*/_jsx("div", {
-      className: "commands-command-menu__container",
-      children: /*#__PURE__*/_jsxs(Command, {
-        label: inputLabel,
-        onKeyDown: onKeyDown,
-        children: [/*#__PURE__*/_jsxs("div", {
-          className: "commands-command-menu__header",
-          children: [/*#__PURE__*/_jsx(CommandInput, {
-            search: search,
-            setSearch: setSearch,
-            isOpen: isOpen
-          }), /*#__PURE__*/_jsx(Icon, {
-            icon: inputIcon
-          })]
-        }), /*#__PURE__*/_jsxs(Command.List, {
-          label: __('Command suggestions'),
-          children: [search && !isLoading && /*#__PURE__*/_jsx(Command.Empty, {
-            children: __('No results found.')
-          }), /*#__PURE__*/_jsx(CommandMenuGroup, {
-            search: search,
-            setLoader: setLoader,
-            close: closeAndReset,
-            isContextual: true
-          }), search && /*#__PURE__*/_jsx(CommandMenuGroup, {
-            search: search,
-            setLoader: setLoader,
-            close: closeAndReset
-          })]
-        })]
-      })
-    })
-  });
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      className: "commands-command-menu",
+      overlayClassName: "commands-command-menu__overlay",
+      onRequestClose: closeAndReset,
+      __experimentalHideHeader: true,
+      contentLabel: __("Command palette"),
+      children: /* @__PURE__ */ jsx("div", { className: "commands-command-menu__container", children: /* @__PURE__ */ jsxs(Command, { label: inputLabel, onKeyDown, children: [
+        /* @__PURE__ */ jsxs("div", { className: "commands-command-menu__header", children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              className: "commands-command-menu__header-search-icon",
+              icon: inputIcon
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CommandInput,
+            {
+              search,
+              setSearch,
+              isOpen
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Command.List, { label: __("Command suggestions"), children: [
+          search && !isLoading && /* @__PURE__ */ jsx(Command.Empty, { children: __("No results found.") }),
+          /* @__PURE__ */ jsx(
+            CommandMenuGroup,
+            {
+              search,
+              setLoader,
+              close: closeAndReset,
+              isContextual: true
+            }
+          ),
+          search && /* @__PURE__ */ jsx(
+            CommandMenuGroup,
+            {
+              search,
+              setLoader,
+              close: closeAndReset
+            }
+          )
+        ] })
+      ] }) })
+    }
+  );
 }
-//# sourceMappingURL=command-menu.js.map
+export {
+  CommandMenu,
+  CommandMenuGroup,
+  CommandMenuLoaderWrapper
+};
+//# sourceMappingURL=command-menu.js.map

package/build-module/components/command-menu.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Command","useCommandState","clsx","useSelect","useDispatch","useState","useEffect","useRef","useCallback","useMemo","__","Modal","TextHighlight","__experimentalHStack","HStack","store","keyboardShortcutsStore","useShortcut","Icon","search","inputIcon","commandsStore","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","inputLabel","CommandMenuLoader","name","hook","setLoader","close","_hook","isLoading","commands","length","children","map","command","_command$searchLabel","Item","value","searchLabel","label","keywords","onSelect","callback","id","alignment","className","icon","text","highlight","CommandMenuLoaderWrapper","currentLoaderRef","key","setKey","current","prevKey","CommandMenuGroup","isContextual","loaders","select","getCommands","getCommandLoaders","Group","_command$searchLabel2","loader","CommandInput","isOpen","setSearch","commandMenuInput","_value","state","selectedItemId","item","document","querySelector","getAttribute","focus","Input","ref","onValueChange","placeholder","CommandMenu","registerShortcut","open","setLoaders","category","description","keyCombination","modifier","character","event","defaultPrevented","preventDefault","bindGlobal","closeAndReset","onKeyDown","nativeEvent","isComposing","keyCode","Object","values","some","Boolean","overlayClassName","onRequestClose","__experimentalHideHeader","contentLabel","List","Empty"],"sources":["@wordpress/commands/src/components/command-menu.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { Command, useCommandState } from 'cmdk';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tuseState,\n\tuseEffect,\n\tuseRef,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tModal,\n\tTextHighlight,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport {\n\tstore as keyboardShortcutsStore,\n\tuseShortcut,\n} from '@wordpress/keyboard-shortcuts';\nimport { Icon, search as inputIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as commandsStore } from '../store';\n\nconst inputLabel = __( 'Search commands and settings' );\n\nfunction CommandMenuLoader( { name, search, hook, setLoader, close } ) {\n\tconst { isLoading, commands = [] } = hook( { search } ) ?? {};\n\tuseEffect( () => {\n\t\tsetLoader( name, isLoading );\n\t}, [ setLoader, name, isLoading ] );\n\n\tif ( ! commands.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ commands.map( ( command ) => (\n\t\t\t\t<Command.Item\n\t\t\t\t\tkey={ command.name }\n\t\t\t\t\tvalue={ command.searchLabel ?? command.label }\n\t\t\t\t\tkeywords={ command.keywords }\n\t\t\t\t\tonSelect={ () => command.callback( { close } ) }\n\t\t\t\t\tid={ command.name }\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\tclassName={ clsx( 'commands-command-menu__item', {\n\t\t\t\t\t\t\t'has-icon': command.icon,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ command.icon && <Icon icon={ command.icon } /> }\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<TextHighlight\n\t\t\t\t\t\t\t\ttext={ command.label }\n\t\t\t\t\t\t\t\thighlight={ search }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Command.Item>\n\t\t\t) ) }\n\t\t</>\n\t);\n}\n\nexport function CommandMenuLoaderWrapper( { hook, search, setLoader, close } ) {\n\t// The \"hook\" prop is actually a custom React hook\n\t// so to avoid breaking the rules of hooks\n\t// the CommandMenuLoaderWrapper component need to be\n\t// remounted on each hook prop change\n\t// We use the key state to make sure we do that properly.\n\tconst currentLoaderRef = useRef( hook );\n\tconst [ key, setKey ] = useState( 0 );\n\tuseEffect( () => {\n\t\tif ( currentLoaderRef.current !== hook ) {\n\t\t\tcurrentLoaderRef.current = hook;\n\t\t\tsetKey( ( prevKey ) => prevKey + 1 );\n\t\t}\n\t}, [ hook ] );\n\n\treturn (\n\t\t<CommandMenuLoader\n\t\t\tkey={ key }\n\t\t\thook={ currentLoaderRef.current }\n\t\t\tsearch={ search }\n\t\t\tsetLoader={ setLoader }\n\t\t\tclose={ close }\n\t\t/>\n\t);\n}\n\nexport function CommandMenuGroup( { isContextual, search, setLoader, close } ) {\n\tconst { commands, loaders } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCommands, getCommandLoaders } = select( commandsStore );\n\t\t\treturn {\n\t\t\t\tcommands: getCommands( isContextual ),\n\t\t\t\tloaders: getCommandLoaders( isContextual ),\n\t\t\t};\n\t\t},\n\t\t[ isContextual ]\n\t);\n\n\tif ( ! commands.length && ! loaders.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Command.Group>\n\t\t\t{ commands.map( ( command ) => (\n\t\t\t\t<Command.Item\n\t\t\t\t\tkey={ command.name }\n\t\t\t\t\tvalue={ command.searchLabel ?? command.label }\n\t\t\t\t\tkeywords={ command.keywords }\n\t\t\t\t\tonSelect={ () => command.callback( { close } ) }\n\t\t\t\t\tid={ command.name }\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\tclassName={ clsx( 'commands-command-menu__item', {\n\t\t\t\t\t\t\t'has-icon': command.icon,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ command.icon && <Icon icon={ command.icon } /> }\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<TextHighlight\n\t\t\t\t\t\t\t\ttext={ command.label }\n\t\t\t\t\t\t\t\thighlight={ search }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Command.Item>\n\t\t\t) ) }\n\t\t\t{ loaders.map( ( loader ) => (\n\t\t\t\t<CommandMenuLoaderWrapper\n\t\t\t\t\tkey={ loader.name }\n\t\t\t\t\thook={ loader.hook }\n\t\t\t\t\tsearch={ search }\n\t\t\t\t\tsetLoader={ setLoader }\n\t\t\t\t\tclose={ close }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Command.Group>\n\t);\n}\n\nfunction CommandInput( { isOpen, search, setSearch } ) {\n\tconst commandMenuInput = useRef();\n\tconst _value = useCommandState( ( state ) => state.value );\n\tconst selectedItemId = useMemo( () => {\n\t\tconst item = document.querySelector(\n\t\t\t`[cmdk-item=\"\"][data-value=\"${ _value }\"]`\n\t\t);\n\t\treturn item?.getAttribute( 'id' );\n\t}, [ _value ] );\n\tuseEffect( () => {\n\t\t// Focus the command palette input when mounting the modal.\n\t\tif ( isOpen ) {\n\t\t\tcommandMenuInput.current.focus();\n\t\t}\n\t}, [ isOpen ] );\n\treturn (\n\t\t<Command.Input\n\t\t\tref={ commandMenuInput }\n\t\t\tvalue={ search }\n\t\t\tonValueChange={ setSearch }\n\t\t\tplaceholder={ inputLabel }\n\t\t\taria-activedescendant={ selectedItemId }\n\t\t\ticon={ search }\n\t\t/>\n\t);\n}\n\n/**\n * @ignore\n */\nexport function CommandMenu() {\n\tconst { registerShortcut } = useDispatch( keyboardShortcutsStore );\n\tconst [ search, setSearch ] = useState( '' );\n\tconst isOpen = useSelect(\n\t\t( select ) => select( commandsStore ).isOpen(),\n\t\t[]\n\t);\n\tconst { open, close } = useDispatch( commandsStore );\n\tconst [ loaders, setLoaders ] = useState( {} );\n\n\tuseEffect( () => {\n\t\tregisterShortcut( {\n\t\t\tname: 'core/commands',\n\t\t\tcategory: 'global',\n\t\t\tdescription: __( 'Open the command palette.' ),\n\t\t\tkeyCombination: {\n\t\t\t\tmodifier: 'primary',\n\t\t\t\tcharacter: 'k',\n\t\t\t},\n\t\t} );\n\t}, [ registerShortcut ] );\n\n\tuseShortcut(\n\t\t'core/commands',\n\t\t/** @type {import('react').KeyboardEventHandler} */\n\t\t( event ) => {\n\t\t\t// Bails to avoid obscuring the effect of the preceding handler(s).\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t\tif ( isOpen ) {\n\t\t\t\tclose();\n\t\t\t} else {\n\t\t\t\topen();\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tbindGlobal: true,\n\t\t}\n\t);\n\n\tconst setLoader = useCallback(\n\t\t( name, value ) =>\n\t\t\tsetLoaders( ( current ) => ( {\n\t\t\t\t...current,\n\t\t\t\t[ name ]: value,\n\t\t\t} ) ),\n\t\t[]\n\t);\n\tconst closeAndReset = () => {\n\t\tsetSearch( '' );\n\t\tclose();\n\t};\n\n\tif ( ! isOpen ) {\n\t\treturn false;\n\t}\n\n\tconst onKeyDown = ( event ) => {\n\t\tif (\n\t\t\t// Ignore keydowns from IMEs\n\t\t\tevent.nativeEvent.isComposing ||\n\t\t\t// Workaround for Mac Safari where the final Enter/Backspace of an IME composition\n\t\t\t// is `isComposing=false`, even though it's technically still part of the composition.\n\t\t\t// These can only be detected by keyCode.\n\t\t\tevent.keyCode === 229\n\t\t) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t};\n\n\tconst isLoading = Object.values( loaders ).some( Boolean );\n\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"commands-command-menu\"\n\t\t\toverlayClassName=\"commands-command-menu__overlay\"\n\t\t\tonRequestClose={ closeAndReset }\n\t\t\t__experimentalHideHeader\n\t\t\tcontentLabel={ __( 'Command palette' ) }\n\t\t>\n\t\t\t<div className=\"commands-command-menu__container\">\n\t\t\t\t<Command label={ inputLabel } onKeyDown={ onKeyDown }>\n\t\t\t\t\t<div className=\"commands-command-menu__header\">\n\t\t\t\t\t\t<CommandInput\n\t\t\t\t\t\t\tsearch={ search }\n\t\t\t\t\t\t\tsetSearch={ setSearch }\n\t\t\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Icon icon={ inputIcon } />\n\t\t\t\t\t</div>\n\t\t\t\t\t<Command.List label={ __( 'Command suggestions' ) }>\n\t\t\t\t\t\t{ search && ! isLoading && (\n\t\t\t\t\t\t\t<Command.Empty>\n\t\t\t\t\t\t\t\t{ __( 'No results found.' ) }\n\t\t\t\t\t\t\t</Command.Empty>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<CommandMenuGroup\n\t\t\t\t\t\t\tsearch={ search }\n\t\t\t\t\t\t\tsetLoader={ setLoader }\n\t\t\t\t\t\t\tclose={ closeAndReset }\n\t\t\t\t\t\t\tisContextual\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ search && (\n\t\t\t\t\t\t\t<CommandMenuGroup\n\t\t\t\t\t\t\t\tsearch={ search }\n\t\t\t\t\t\t\t\tsetLoader={ setLoader }\n\t\t\t\t\t\t\t\tclose={ closeAndReset }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Command.List>\n\t\t\t\t</Command>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/components/command-menu.js"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport { Command, useCommandState } from 'cmdk';\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tuseState,\n\tuseEffect,\n\tuseRef,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tModal,\n\tTextHighlight,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport {\n\tstore as keyboardShortcutsStore,\n\tuseShortcut,\n} from '@wordpress/keyboard-shortcuts';\nimport { Icon, search as inputIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { store as commandsStore } from '../store';\n\nconst inputLabel = __( 'Search commands and settings' );\n\nfunction CommandMenuLoader( { name, search, hook, setLoader, close } ) {\n\tconst { isLoading, commands = [] } = hook( { search } ) ?? {};\n\tuseEffect( () => {\n\t\tsetLoader( name, isLoading );\n\t}, [ setLoader, name, isLoading ] );\n\n\tif ( ! commands.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ commands.map( ( command ) => (\n\t\t\t\t<Command.Item\n\t\t\t\t\tkey={ command.name }\n\t\t\t\t\tvalue={ command.searchLabel ?? command.label }\n\t\t\t\t\tkeywords={ command.keywords }\n\t\t\t\t\tonSelect={ () => command.callback( { close } ) }\n\t\t\t\t\tid={ command.name }\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\tclassName={ clsx( 'commands-command-menu__item', {\n\t\t\t\t\t\t\t'has-icon': command.icon,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ command.icon && <Icon icon={ command.icon } /> }\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<TextHighlight\n\t\t\t\t\t\t\t\ttext={ command.label }\n\t\t\t\t\t\t\t\thighlight={ search }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Command.Item>\n\t\t\t) ) }\n\t\t</>\n\t);\n}\n\nexport function CommandMenuLoaderWrapper( { hook, search, setLoader, close } ) {\n\t// The \"hook\" prop is actually a custom React hook\n\t// so to avoid breaking the rules of hooks\n\t// the CommandMenuLoaderWrapper component need to be\n\t// remounted on each hook prop change\n\t// We use the key state to make sure we do that properly.\n\tconst currentLoaderRef = useRef( hook );\n\tconst [ key, setKey ] = useState( 0 );\n\tuseEffect( () => {\n\t\tif ( currentLoaderRef.current !== hook ) {\n\t\t\tcurrentLoaderRef.current = hook;\n\t\t\tsetKey( ( prevKey ) => prevKey + 1 );\n\t\t}\n\t}, [ hook ] );\n\n\treturn (\n\t\t<CommandMenuLoader\n\t\t\tkey={ key }\n\t\t\thook={ currentLoaderRef.current }\n\t\t\tsearch={ search }\n\t\t\tsetLoader={ setLoader }\n\t\t\tclose={ close }\n\t\t/>\n\t);\n}\n\nexport function CommandMenuGroup( { isContextual, search, setLoader, close } ) {\n\tconst { commands, loaders } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCommands, getCommandLoaders } = select( commandsStore );\n\t\t\treturn {\n\t\t\t\tcommands: getCommands( isContextual ),\n\t\t\t\tloaders: getCommandLoaders( isContextual ),\n\t\t\t};\n\t\t},\n\t\t[ isContextual ]\n\t);\n\n\tif ( ! commands.length && ! loaders.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Command.Group>\n\t\t\t{ commands.map( ( command ) => (\n\t\t\t\t<Command.Item\n\t\t\t\t\tkey={ command.name }\n\t\t\t\t\tvalue={ command.searchLabel ?? command.label }\n\t\t\t\t\tkeywords={ command.keywords }\n\t\t\t\t\tonSelect={ () => command.callback( { close } ) }\n\t\t\t\t\tid={ command.name }\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\talignment=\"left\"\n\t\t\t\t\t\tclassName={ clsx( 'commands-command-menu__item', {\n\t\t\t\t\t\t\t'has-icon': command.icon,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ command.icon && <Icon icon={ command.icon } /> }\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t<TextHighlight\n\t\t\t\t\t\t\t\ttext={ command.label }\n\t\t\t\t\t\t\t\thighlight={ search }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</HStack>\n\t\t\t\t</Command.Item>\n\t\t\t) ) }\n\t\t\t{ loaders.map( ( loader ) => (\n\t\t\t\t<CommandMenuLoaderWrapper\n\t\t\t\t\tkey={ loader.name }\n\t\t\t\t\thook={ loader.hook }\n\t\t\t\t\tsearch={ search }\n\t\t\t\t\tsetLoader={ setLoader }\n\t\t\t\t\tclose={ close }\n\t\t\t\t/>\n\t\t\t) ) }\n\t\t</Command.Group>\n\t);\n}\n\nfunction CommandInput( { isOpen, search, setSearch } ) {\n\tconst commandMenuInput = useRef();\n\tconst _value = useCommandState( ( state ) => state.value );\n\tconst selectedItemId = useMemo( () => {\n\t\tconst item = document.querySelector(\n\t\t\t`[cmdk-item=\"\"][data-value=\"${ _value }\"]`\n\t\t);\n\t\treturn item?.getAttribute( 'id' );\n\t}, [ _value ] );\n\tuseEffect( () => {\n\t\t// Focus the command palette input when mounting the modal.\n\t\tif ( isOpen ) {\n\t\t\tcommandMenuInput.current.focus();\n\t\t}\n\t}, [ isOpen ] );\n\treturn (\n\t\t<Command.Input\n\t\t\tref={ commandMenuInput }\n\t\t\tvalue={ search }\n\t\t\tonValueChange={ setSearch }\n\t\t\tplaceholder={ inputLabel }\n\t\t\taria-activedescendant={ selectedItemId }\n\t\t\ticon={ search }\n\t\t/>\n\t);\n}\n\n/**\n * @ignore\n */\nexport function CommandMenu() {\n\tconst { registerShortcut } = useDispatch( keyboardShortcutsStore );\n\tconst [ search, setSearch ] = useState( '' );\n\tconst isOpen = useSelect(\n\t\t( select ) => select( commandsStore ).isOpen(),\n\t\t[]\n\t);\n\tconst { open, close } = useDispatch( commandsStore );\n\tconst [ loaders, setLoaders ] = useState( {} );\n\n\tuseEffect( () => {\n\t\tregisterShortcut( {\n\t\t\tname: 'core/commands',\n\t\t\tcategory: 'global',\n\t\t\tdescription: __( 'Open the command palette.' ),\n\t\t\tkeyCombination: {\n\t\t\t\tmodifier: 'primary',\n\t\t\t\tcharacter: 'k',\n\t\t\t},\n\t\t} );\n\t}, [ registerShortcut ] );\n\n\tuseShortcut(\n\t\t'core/commands',\n\t\t/** @type {import('react').KeyboardEventHandler} */\n\t\t( event ) => {\n\t\t\t// Bails to avoid obscuring the effect of the preceding handler(s).\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t\tif ( isOpen ) {\n\t\t\t\tclose();\n\t\t\t} else {\n\t\t\t\topen();\n\t\t\t}\n\t\t},\n\t\t{\n\t\t\tbindGlobal: true,\n\t\t}\n\t);\n\n\tconst setLoader = useCallback(\n\t\t( name, value ) =>\n\t\t\tsetLoaders( ( current ) => ( {\n\t\t\t\t...current,\n\t\t\t\t[ name ]: value,\n\t\t\t} ) ),\n\t\t[]\n\t);\n\tconst closeAndReset = () => {\n\t\tsetSearch( '' );\n\t\tclose();\n\t};\n\n\tif ( ! isOpen ) {\n\t\treturn false;\n\t}\n\n\tconst onKeyDown = ( event ) => {\n\t\tif (\n\t\t\t// Ignore keydowns from IMEs\n\t\t\tevent.nativeEvent.isComposing ||\n\t\t\t// Workaround for Mac Safari where the final Enter/Backspace of an IME composition\n\t\t\t// is `isComposing=false`, even though it's technically still part of the composition.\n\t\t\t// These can only be detected by keyCode.\n\t\t\tevent.keyCode === 229\n\t\t) {\n\t\t\tevent.preventDefault();\n\t\t}\n\t};\n\n\tconst isLoading = Object.values( loaders ).some( Boolean );\n\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"commands-command-menu\"\n\t\t\toverlayClassName=\"commands-command-menu__overlay\"\n\t\t\tonRequestClose={ closeAndReset }\n\t\t\t__experimentalHideHeader\n\t\t\tcontentLabel={ __( 'Command palette' ) }\n\t\t>\n\t\t\t<div className=\"commands-command-menu__container\">\n\t\t\t\t<Command label={ inputLabel } onKeyDown={ onKeyDown }>\n\t\t\t\t\t<div className=\"commands-command-menu__header\">\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tclassName=\"commands-command-menu__header-search-icon\"\n\t\t\t\t\t\t\ticon={ inputIcon }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<CommandInput\n\t\t\t\t\t\t\tsearch={ search }\n\t\t\t\t\t\t\tsetSearch={ setSearch }\n\t\t\t\t\t\t\tisOpen={ isOpen }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Command.List label={ __( 'Command suggestions' ) }>\n\t\t\t\t\t\t{ search && ! isLoading && (\n\t\t\t\t\t\t\t<Command.Empty>\n\t\t\t\t\t\t\t\t{ __( 'No results found.' ) }\n\t\t\t\t\t\t\t</Command.Empty>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<CommandMenuGroup\n\t\t\t\t\t\t\tsearch={ search }\n\t\t\t\t\t\t\tsetLoader={ setLoader }\n\t\t\t\t\t\t\tclose={ closeAndReset }\n\t\t\t\t\t\t\tisContextual\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ search && (\n\t\t\t\t\t\t\t<CommandMenuGroup\n\t\t\t\t\t\t\t\tsearch={ search }\n\t\t\t\t\t\t\t\tsetLoader={ setLoader }\n\t\t\t\t\t\t\t\tclose={ closeAndReset }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</Command.List>\n\t\t\t\t</Command>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/hooks/use-command-context.js

@@ -1,37 +1,20 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useRef } from '@wordpress/element';
-import { useDispatch, useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import { store as commandsStore } from '../store';
-import { unlock } from '../lock-unlock';
-
-/**
- * Sets the active context of the command palette
- *
- * @param {string} context Context to set.
- */
-export default function useCommandContext(context) {
-  const {
-    getContext
-  } = useSelect(commandsStore);
+import { useEffect, useRef } from "@wordpress/element";
+import { useDispatch, useSelect } from "@wordpress/data";
+import { store as commandsStore } from "../store";
+import { unlock } from "../lock-unlock";
+function useCommandContext(context) {
+  const { getContext } = useSelect(commandsStore);
   const initialContext = useRef(getContext());
-  const {
-    setContext
-  } = unlock(useDispatch(commandsStore));
+  const { setContext } = unlock(useDispatch(commandsStore));
   useEffect(() => {
     setContext(context);
   }, [context, setContext]);
-
-  // This effects ensures that on unmount, we restore the context
-  // that was set before the component actually mounts.
   useEffect(() => {
     const initialContextRef = initialContext.current;
     return () => setContext(initialContextRef);
   }, [setContext]);
 }
-//# sourceMappingURL=use-command-context.js.map
+export {
+  useCommandContext as default
+};
+//# sourceMappingURL=use-command-context.js.map