@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.0

package/build/navigation/menu/index.js

@@ -1,45 +1,56 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var menu_exports = {};
+__export(menu_exports, {
+  NavigationMenu: () => NavigationMenu,
+  default: () => menu_default
 });
-exports.NavigationMenu = NavigationMenu;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _element = require("@wordpress/element");
-var _constants = require("../constants");
-var _context = require("./context");
-var _context2 = require("../context");
-var _useNavigationTreeMenu = require("./use-navigation-tree-menu");
-var _backButton = _interopRequireDefault(require("../back-button"));
-var _menuTitle = _interopRequireDefault(require("./menu-title"));
-var _searchNoResultsFound = _interopRequireDefault(require("./search-no-results-found"));
-var _navigableContainer = require("../../navigable-container");
-var _navigationStyles = require("../styles/navigation-styles");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * @deprecated Use `Navigator` instead.
- */
+module.exports = __toCommonJS(menu_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+var import_constants = require("../constants");
+var import_context = require("./context");
+var import_context2 = require("../context");
+var import_use_navigation_tree_menu = require("./use-navigation-tree-menu");
+var import_back_button = __toESM(require("../back-button"));
+var import_menu_title = __toESM(require("./menu-title"));
+var import_search_no_results_found = __toESM(require("./search-no-results-found"));
+var import_navigable_container = require("../../navigable-container");
+var import_navigation_styles = require("../styles/navigation-styles");
+var import_jsx_runtime = require("react/jsx-runtime");
 function NavigationMenu(props) {
   const {
     backButtonLabel,
     children,
     className,
     hasSearch,
-    menu = _constants.ROOT_MENU,
+    menu = import_constants.ROOT_MENU,
     onBackButtonClick,
     onSearch: setControlledSearch,
     parentMenu,
@@ -48,52 +59,54 @@ function NavigationMenu(props) {
     title,
     titleAction
   } = props;
-  const [uncontrolledSearch, setUncontrolledSearch] = (0, _element.useState)('');
-  (0, _useNavigationTreeMenu.useNavigationTreeMenu)(props);
+  const [uncontrolledSearch, setUncontrolledSearch] = (0, import_element.useState)("");
+  (0, import_use_navigation_tree_menu.useNavigationTreeMenu)(props);
   const {
     activeMenu
-  } = (0, _context2.useNavigationContext)();
+  } = (0, import_context2.useNavigationContext)();
   const context = {
     menu,
     search: uncontrolledSearch
   };
-
-  // Keep the children rendered to make sure invisible items are included in the navigation tree.
   if (activeMenu !== menu) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.NavigationMenuContext.Provider, {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.NavigationMenuContext.Provider, {
       value: context,
-      children: children
+      children
     });
   }
   const isControlledSearch = !!setControlledSearch;
   const search = isControlledSearch ? controlledSearch : uncontrolledSearch;
   const onSearch = isControlledSearch ? setControlledSearch : setUncontrolledSearch;
   const menuTitleId = `components-navigation__menu-title-${menu}`;
-  const classes = (0, _clsx.default)('components-navigation__menu', className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.NavigationMenuContext.Provider, {
+  const classes = (0, import_clsx.default)("components-navigation__menu", className);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_context.NavigationMenuContext.Provider, {
     value: context,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_navigationStyles.MenuUI, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_navigation_styles.MenuUI, {
       className: classes,
-      children: [(parentMenu || onBackButtonClick) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_backButton.default, {
-        backButtonLabel: backButtonLabel,
-        parentMenu: parentMenu,
+      children: [(parentMenu || onBackButtonClick) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_back_button.default, {
+        backButtonLabel,
+        parentMenu,
         onClick: onBackButtonClick
-      }), title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_menuTitle.default, {
-        hasSearch: hasSearch,
-        onSearch: onSearch,
-        search: search,
-        title: title,
-        titleAction: titleAction
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigableContainer.NavigableMenu, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("ul", {
+      }), title && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu_title.default, {
+        hasSearch,
+        onSearch,
+        search,
+        title,
+        titleAction
+      }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigable_container.NavigableMenu, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("ul", {
           "aria-labelledby": menuTitleId,
-          children: [children, search && !isSearchDebouncing && /*#__PURE__*/(0, _jsxRuntime.jsx)(_searchNoResultsFound.default, {
-            search: search
+          children: [children, search && !isSearchDebouncing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_search_no_results_found.default, {
+            search
           })]
         })
       })]
     })
   });
 }
-var _default = exports.default = NavigationMenu;
-//# sourceMappingURL=index.js.map
+var menu_default = NavigationMenu;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavigationMenu
+});
+//# sourceMappingURL=index.js.map

package/build/navigation/menu/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_constants","_context","_context2","_useNavigationTreeMenu","_backButton","_menuTitle","_searchNoResultsFound","_navigableContainer","_navigationStyles","_jsxRuntime","NavigationMenu","props","backButtonLabel","children","className","hasSearch","menu","ROOT_MENU","onBackButtonClick","onSearch","setControlledSearch","parentMenu","search","controlledSearch","isSearchDebouncing","title","titleAction","uncontrolledSearch","setUncontrolledSearch","useState","useNavigationTreeMenu","activeMenu","useNavigationContext","context","jsx","NavigationMenuContext","Provider","value","isControlledSearch","menuTitleId","classes","clsx","jsxs","MenuUI","default","onClick","NavigableMenu","_default","exports"],"sources":["@wordpress/components/src/navigation/menu/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from '../constants';\nimport { NavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { useNavigationTreeMenu } from './use-navigation-tree-menu';\nimport NavigationBackButton from '../back-button';\nimport NavigationMenuTitle from './menu-title';\nimport NavigationSearchNoResultsFound from './search-no-results-found';\nimport { NavigableMenu } from '../../navigable-container';\nimport { MenuUI } from '../styles/navigation-styles';\n\nimport type { NavigationMenuProps } from '../types';\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationMenu( props: NavigationMenuProps ) {\n\tconst {\n\t\tbackButtonLabel,\n\t\tchildren,\n\t\tclassName,\n\t\thasSearch,\n\t\tmenu = ROOT_MENU,\n\t\tonBackButtonClick,\n\t\tonSearch: setControlledSearch,\n\t\tparentMenu,\n\t\tsearch: controlledSearch,\n\t\tisSearchDebouncing,\n\t\ttitle,\n\t\ttitleAction,\n\t} = props;\n\tconst [ uncontrolledSearch, setUncontrolledSearch ] = useState( '' );\n\tuseNavigationTreeMenu( props );\n\tconst { activeMenu } = useNavigationContext();\n\n\tconst context = {\n\t\tmenu,\n\t\tsearch: uncontrolledSearch,\n\t};\n\n\t// Keep the children rendered to make sure invisible items are included in the navigation tree.\n\tif ( activeMenu !== menu ) {\n\t\treturn (\n\t\t\t<NavigationMenuContext.Provider value={ context }>\n\t\t\t\t{ children }\n\t\t\t</NavigationMenuContext.Provider>\n\t\t);\n\t}\n\n\tconst isControlledSearch = !! setControlledSearch;\n\tconst search = isControlledSearch ? controlledSearch : uncontrolledSearch;\n\tconst onSearch = isControlledSearch\n\t\t? setControlledSearch\n\t\t: setUncontrolledSearch;\n\n\tconst menuTitleId = `components-navigation__menu-title-${ menu }`;\n\tconst classes = clsx( 'components-navigation__menu', className );\n\n\treturn (\n\t\t<NavigationMenuContext.Provider value={ context }>\n\t\t\t<MenuUI className={ classes }>\n\t\t\t\t{ ( parentMenu || onBackButtonClick ) && (\n\t\t\t\t\t<NavigationBackButton\n\t\t\t\t\t\tbackButtonLabel={ backButtonLabel }\n\t\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\t\tonClick={ onBackButtonClick }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ title && (\n\t\t\t\t\t<NavigationMenuTitle\n\t\t\t\t\t\thasSearch={ hasSearch }\n\t\t\t\t\t\tonSearch={ onSearch }\n\t\t\t\t\t\tsearch={ search }\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\ttitleAction={ titleAction }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t<NavigableMenu>\n\t\t\t\t\t<ul aria-labelledby={ menuTitleId }>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t{ search && ! isSearchDebouncing && (\n\t\t\t\t\t\t\t<NavigationSearchNoResultsFound search={ search } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ul>\n\t\t\t\t</NavigableMenu>\n\t\t\t</MenuUI>\n\t\t</NavigationMenuContext.Provider>\n\t);\n}\n\nexport default NavigationMenu;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/menu/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from '../constants';\nimport { NavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { useNavigationTreeMenu } from './use-navigation-tree-menu';\nimport NavigationBackButton from '../back-button';\nimport NavigationMenuTitle from './menu-title';\nimport NavigationSearchNoResultsFound from './search-no-results-found';\nimport { NavigableMenu } from '../../navigable-container';\nimport { MenuUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationMenu(props) {\n  const {\n    backButtonLabel,\n    children,\n    className,\n    hasSearch,\n    menu = ROOT_MENU,\n    onBackButtonClick,\n    onSearch: setControlledSearch,\n    parentMenu,\n    search: controlledSearch,\n    isSearchDebouncing,\n    title,\n    titleAction\n  } = props;\n  const [uncontrolledSearch, setUncontrolledSearch] = useState('');\n  useNavigationTreeMenu(props);\n  const {\n    activeMenu\n  } = useNavigationContext();\n  const context = {\n    menu,\n    search: uncontrolledSearch\n  };\n\n  // Keep the children rendered to make sure invisible items are included in the navigation tree.\n  if (activeMenu !== menu) {\n    return /*#__PURE__*/_jsx(NavigationMenuContext.Provider, {\n      value: context,\n      children: children\n    });\n  }\n  const isControlledSearch = !!setControlledSearch;\n  const search = isControlledSearch ? controlledSearch : uncontrolledSearch;\n  const onSearch = isControlledSearch ? setControlledSearch : setUncontrolledSearch;\n  const menuTitleId = `components-navigation__menu-title-${menu}`;\n  const classes = clsx('components-navigation__menu', className);\n  return /*#__PURE__*/_jsx(NavigationMenuContext.Provider, {\n    value: context,\n    children: /*#__PURE__*/_jsxs(MenuUI, {\n      className: classes,\n      children: [(parentMenu || onBackButtonClick) && /*#__PURE__*/_jsx(NavigationBackButton, {\n        backButtonLabel: backButtonLabel,\n        parentMenu: parentMenu,\n        onClick: onBackButtonClick\n      }), title && /*#__PURE__*/_jsx(NavigationMenuTitle, {\n        hasSearch: hasSearch,\n        onSearch: onSearch,\n        search: search,\n        title: title,\n        titleAction: titleAction\n      }), /*#__PURE__*/_jsx(NavigableMenu, {\n        children: /*#__PURE__*/_jsxs(\"ul\", {\n          \"aria-labelledby\": menuTitleId,\n          children: [children, search && !isSearchDebouncing && /*#__PURE__*/_jsx(NavigationSearchNoResultsFound, {\n            search: search\n          })]\n        })\n      })]\n    })\n  });\n}\nexport default NavigationMenu;"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AAKzB,uBAA0B;AAC1B,qBAAsC;AACtC,IAAAA,kBAAqC;AACrC,sCAAsC;AACtC,yBAAiC;AACjC,wBAAgC;AAChC,qCAA2C;AAC3C,iCAA8B;AAC9B,+BAAuB;AACvB,yBAA2C;AAIpC,SAAS,eAAe,OAAO;AACpC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,OAAO;AAAA,IACP;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AACJ,QAAM,CAAC,oBAAoB,qBAAqB,QAAI,yBAAS,EAAE;AAC/D,6DAAsB,KAAK;AAC3B,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,sCAAqB;AACzB,QAAM,UAAU;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,EACV;AAGA,MAAI,eAAe,MAAM;AACvB,WAAoB,uCAAAC,KAAK,qCAAsB,UAAU;AAAA,MACvD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,qBAAqB,CAAC,CAAC;AAC7B,QAAM,SAAS,qBAAqB,mBAAmB;AACvD,QAAM,WAAW,qBAAqB,sBAAsB;AAC5D,QAAM,cAAc,qCAAqC,IAAI;AAC7D,QAAM,cAAU,YAAAC,SAAK,+BAA+B,SAAS;AAC7D,SAAoB,uCAAAD,KAAK,qCAAsB,UAAU;AAAA,IACvD,OAAO;AAAA,IACP,UAAuB,uCAAAE,MAAM,iCAAQ;AAAA,MACnC,WAAW;AAAA,MACX,UAAU,EAAE,cAAc,sBAAmC,uCAAAF,KAAK,mBAAAG,SAAsB;AAAA,QACtF;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MACX,CAAC,GAAG,SAAsB,uCAAAH,KAAK,kBAAAI,SAAqB;AAAA,QAClD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,GAAgB,uCAAAJ,KAAK,0CAAe;AAAA,QACnC,UAAuB,uCAAAE,MAAM,MAAM;AAAA,UACjC,mBAAmB;AAAA,UACnB,UAAU,CAAC,UAAU,UAAU,CAAC,sBAAmC,uCAAAF,KAAK,+BAAAK,SAAgC;AAAA,YACtG;AAAA,UACF,CAAC,CAAC;AAAA,QACJ,CAAC;AAAA,MACH,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,eAAQ;",
+  "names": ["import_context", "_jsx", "clsx", "_jsxs", "NavigationBackButton", "NavigationMenuTitle", "NavigationSearchNoResultsFound"]
+}

package/build/navigation/menu/menu-title-search.js

@@ -1,27 +1,45 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var menu_title_search_exports = {};
+__export(menu_title_search_exports, {
+  default: () => menu_title_search_default
 });
-exports.default = void 0;
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _withSpokenMessages = _interopRequireDefault(require("../../higher-order/with-spoken-messages"));
-var _context = require("./context");
-var _context2 = require("../context");
-var _constants = require("../constants");
-var _searchControl = _interopRequireDefault(require("../../search-control"));
-var _navigationStyles = require("../styles/navigation-styles");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(menu_title_search_exports);
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_with_spoken_messages = __toESM(require("../../higher-order/with-spoken-messages"));
+var import_context = require("./context");
+var import_context2 = require("../context");
+var import_constants = require("../constants");
+var import_search_control = __toESM(require("../../search-control"));
+var import_navigation_styles = require("../styles/navigation-styles");
+var import_jsx_runtime = require("react/jsx-runtime");
 function MenuTitleSearch({
   debouncedSpeak,
   onCloseSearch,
@@ -33,59 +51,60 @@ function MenuTitleSearch({
     navigationTree: {
       items
     }
-  } = (0, _context2.useNavigationContext)();
+  } = (0, import_context2.useNavigationContext)();
   const {
     menu
-  } = (0, _context.useNavigationMenuContext)();
-  const inputRef = (0, _element.useRef)(null);
-
-  // Wait for the slide-in animation to complete before autofocusing the input.
-  // This prevents scrolling to the input during the animation.
-  (0, _element.useEffect)(() => {
+  } = (0, import_context.useNavigationMenuContext)();
+  const inputRef = (0, import_element.useRef)(null);
+  (0, import_element.useEffect)(() => {
     const delayedFocus = setTimeout(() => {
       inputRef.current?.focus();
-    }, _constants.SEARCH_FOCUS_DELAY);
+    }, import_constants.SEARCH_FOCUS_DELAY);
     return () => {
       clearTimeout(delayedFocus);
     };
   }, []);
-  (0, _element.useEffect)(() => {
+  (0, import_element.useEffect)(() => {
     if (!search) {
       return;
     }
-    const count = Object.values(items).filter(item => item._isVisible).length;
-    const resultsFoundMessage = (0, _i18n.sprintf)(/* translators: %d: number of results. */
-    (0, _i18n._n)('%d result found.', '%d results found.', count), count);
+    const count = Object.values(items).filter((item) => item._isVisible).length;
+    const resultsFoundMessage = (0, import_i18n.sprintf)(
+      /* translators: %d: number of results. */
+      (0, import_i18n._n)("%d result found.", "%d results found.", count),
+      count
+    );
     debouncedSpeak(resultsFoundMessage);
-    // Not adding deps for now, as it would require either a larger refactor.
-    // See https://github.com/WordPress/gutenberg/pull/44090
   }, [items, search]);
   const onClose = () => {
-    onSearch?.('');
+    onSearch?.("");
     onCloseSearch();
   };
-  const onKeyDown = event => {
-    if (event.code === 'Escape' && !event.defaultPrevented) {
+  const onKeyDown = (event) => {
+    if (event.code === "Escape" && !event.defaultPrevented) {
       event.preventDefault();
       onClose();
     }
   };
   const inputId = `components-navigation__menu-title-search-${menu}`;
-  const placeholder = (0, _i18n.sprintf)(/* translators: placeholder for menu search box. %s: menu title */
-  (0, _i18n.__)('Search %s'), title?.toLowerCase() || '').trim();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationStyles.MenuTitleSearchControlWrapper, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_searchControl.default, {
+  const placeholder = (0, import_i18n.sprintf)(
+    /* translators: placeholder for menu search box. %s: menu title */
+    (0, import_i18n.__)("Search %s"),
+    title?.toLowerCase() || ""
+  ).trim();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_styles.MenuTitleSearchControlWrapper, {
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_search_control.default, {
       __nextHasNoMarginBottom: true,
       className: "components-navigation__menu-search-input",
       id: inputId,
-      onChange: value => onSearch?.(value),
-      onKeyDown: onKeyDown,
-      placeholder: placeholder,
-      onClose: onClose,
+      onChange: (value) => onSearch?.(value),
+      onKeyDown,
+      placeholder,
+      onClose,
       ref: inputRef,
       value: search
     })
   });
 }
-var _default = exports.default = (0, _withSpokenMessages.default)(MenuTitleSearch);
-//# sourceMappingURL=menu-title-search.js.map
+var menu_title_search_default = (0, import_with_spoken_messages.default)(MenuTitleSearch);
+//# sourceMappingURL=menu-title-search.js.map

package/build/navigation/menu/menu-title-search.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_i18n","_withSpokenMessages","_interopRequireDefault","_context","_context2","_constants","_searchControl","_navigationStyles","_jsxRuntime","MenuTitleSearch","debouncedSpeak","onCloseSearch","onSearch","search","title","navigationTree","items","useNavigationContext","menu","useNavigationMenuContext","inputRef","useRef","useEffect","delayedFocus","setTimeout","current","focus","SEARCH_FOCUS_DELAY","clearTimeout","count","Object","values","filter","item","_isVisible","length","resultsFoundMessage","sprintf","_n","onClose","onKeyDown","event","code","defaultPrevented","preventDefault","inputId","placeholder","__","toLowerCase","trim","jsx","MenuTitleSearchControlWrapper","children","default","__nextHasNoMarginBottom","className","id","onChange","value","ref","_default","exports","withSpokenMessages"],"sources":["@wordpress/components/src/navigation/menu/menu-title-search.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport withSpokenMessages from '../../higher-order/with-spoken-messages';\nimport { useNavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { SEARCH_FOCUS_DELAY } from '../constants';\n\nimport type { NavigationMenuTitleSearchProps } from '../types';\nimport SearchControl from '../../search-control';\nimport { MenuTitleSearchControlWrapper } from '../styles/navigation-styles';\n\nfunction MenuTitleSearch( {\n\tdebouncedSpeak,\n\tonCloseSearch,\n\tonSearch,\n\tsearch,\n\ttitle,\n}: NavigationMenuTitleSearchProps ) {\n\tconst {\n\t\tnavigationTree: { items },\n\t} = useNavigationContext();\n\tconst { menu } = useNavigationMenuContext();\n\tconst inputRef = useRef< HTMLInputElement >( null );\n\n\t// Wait for the slide-in animation to complete before autofocusing the input.\n\t// This prevents scrolling to the input during the animation.\n\tuseEffect( () => {\n\t\tconst delayedFocus = setTimeout( () => {\n\t\t\tinputRef.current?.focus();\n\t\t}, SEARCH_FOCUS_DELAY );\n\n\t\treturn () => {\n\t\t\tclearTimeout( delayedFocus );\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! search ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst count = Object.values( items ).filter(\n\t\t\t( item ) => item._isVisible\n\t\t).length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t\t// Not adding deps for now, as it would require either a larger refactor.\n\t\t// See https://github.com/WordPress/gutenberg/pull/44090\n\t}, [ items, search ] );\n\n\tconst onClose = () => {\n\t\tonSearch?.( '' );\n\t\tonCloseSearch();\n\t};\n\n\tconst onKeyDown: React.KeyboardEventHandler< HTMLInputElement > = (\n\t\tevent\n\t) => {\n\t\tif ( event.code === 'Escape' && ! event.defaultPrevented ) {\n\t\t\tevent.preventDefault();\n\t\t\tonClose();\n\t\t}\n\t};\n\n\tconst inputId = `components-navigation__menu-title-search-${ menu }`;\n\tconst placeholder = sprintf(\n\t\t/* translators: placeholder for menu search box. %s: menu title */\n\t\t__( 'Search %s' ),\n\t\ttitle?.toLowerCase() || ''\n\t).trim();\n\n\treturn (\n\t\t<MenuTitleSearchControlWrapper>\n\t\t\t<SearchControl\n\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\tclassName=\"components-navigation__menu-search-input\"\n\t\t\t\tid={ inputId }\n\t\t\t\tonChange={ ( value ) => onSearch?.( value ) }\n\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tonClose={ onClose }\n\t\t\t\tref={ inputRef }\n\t\t\t\tvalue={ search }\n\t\t\t/>\n\t\t</MenuTitleSearchControlWrapper>\n\t);\n}\n\nexport default withSpokenMessages( MenuTitleSearch );\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/menu/menu-title-search.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport withSpokenMessages from '../../higher-order/with-spoken-messages';\nimport { useNavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { SEARCH_FOCUS_DELAY } from '../constants';\nimport SearchControl from '../../search-control';\nimport { MenuTitleSearchControlWrapper } from '../styles/navigation-styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction MenuTitleSearch({\n  debouncedSpeak,\n  onCloseSearch,\n  onSearch,\n  search,\n  title\n}) {\n  const {\n    navigationTree: {\n      items\n    }\n  } = useNavigationContext();\n  const {\n    menu\n  } = useNavigationMenuContext();\n  const inputRef = useRef(null);\n\n  // Wait for the slide-in animation to complete before autofocusing the input.\n  // This prevents scrolling to the input during the animation.\n  useEffect(() => {\n    const delayedFocus = setTimeout(() => {\n      inputRef.current?.focus();\n    }, SEARCH_FOCUS_DELAY);\n    return () => {\n      clearTimeout(delayedFocus);\n    };\n  }, []);\n  useEffect(() => {\n    if (!search) {\n      return;\n    }\n    const count = Object.values(items).filter(item => item._isVisible).length;\n    const resultsFoundMessage = sprintf(/* translators: %d: number of results. */\n    _n('%d result found.', '%d results found.', count), count);\n    debouncedSpeak(resultsFoundMessage);\n    // Not adding deps for now, as it would require either a larger refactor.\n    // See https://github.com/WordPress/gutenberg/pull/44090\n  }, [items, search]);\n  const onClose = () => {\n    onSearch?.('');\n    onCloseSearch();\n  };\n  const onKeyDown = event => {\n    if (event.code === 'Escape' && !event.defaultPrevented) {\n      event.preventDefault();\n      onClose();\n    }\n  };\n  const inputId = `components-navigation__menu-title-search-${menu}`;\n  const placeholder = sprintf(/* translators: placeholder for menu search box. %s: menu title */\n  __('Search %s'), title?.toLowerCase() || '').trim();\n  return /*#__PURE__*/_jsx(MenuTitleSearchControlWrapper, {\n    children: /*#__PURE__*/_jsx(SearchControl, {\n      __nextHasNoMarginBottom: true,\n      className: \"components-navigation__menu-search-input\",\n      id: inputId,\n      onChange: value => onSearch?.(value),\n      onKeyDown: onKeyDown,\n      placeholder: placeholder,\n      onClose: onClose,\n      ref: inputRef,\n      value: search\n    })\n  });\n}\nexport default withSpokenMessages(MenuTitleSearch);"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAkC;AAClC,kBAAgC;AAKhC,kCAA+B;AAC/B,qBAAyC;AACzC,IAAAA,kBAAqC;AACrC,uBAAmC;AACnC,4BAA0B;AAC1B,+BAA8C;AAC9C,yBAA4B;AAC5B,SAAS,gBAAgB;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,QAAI,sCAAqB;AACzB,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,yCAAyB;AAC7B,QAAM,eAAW,uBAAO,IAAI;AAI5B,gCAAU,MAAM;AACd,UAAM,eAAe,WAAW,MAAM;AACpC,eAAS,SAAS,MAAM;AAAA,IAC1B,GAAG,mCAAkB;AACrB,WAAO,MAAM;AACX,mBAAa,YAAY;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,gCAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AACA,UAAM,QAAQ,OAAO,OAAO,KAAK,EAAE,OAAO,UAAQ,KAAK,UAAU,EAAE;AACnE,UAAM,0BAAsB;AAAA;AAAA,UAC5B,gBAAG,oBAAoB,qBAAqB,KAAK;AAAA,MAAG;AAAA,IAAK;AACzD,mBAAe,mBAAmB;AAAA,EAGpC,GAAG,CAAC,OAAO,MAAM,CAAC;AAClB,QAAM,UAAU,MAAM;AACpB,eAAW,EAAE;AACb,kBAAc;AAAA,EAChB;AACA,QAAM,YAAY,WAAS;AACzB,QAAI,MAAM,SAAS,YAAY,CAAC,MAAM,kBAAkB;AACtD,YAAM,eAAe;AACrB,cAAQ;AAAA,IACV;AAAA,EACF;AACA,QAAM,UAAU,4CAA4C,IAAI;AAChE,QAAM,kBAAc;AAAA;AAAA,QACpB,gBAAG,WAAW;AAAA,IAAG,OAAO,YAAY,KAAK;AAAA,EAAE,EAAE,KAAK;AAClD,SAAoB,uCAAAC,KAAK,wDAA+B;AAAA,IACtD,UAAuB,uCAAAA,KAAK,sBAAAC,SAAe;AAAA,MACzC,yBAAyB;AAAA,MACzB,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,UAAU,WAAS,WAAW,KAAK;AAAA,MACnC;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAK;AAAA,MACL,OAAO;AAAA,IACT,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gCAAQ,4BAAAC,SAAmB,eAAe;",
+  "names": ["import_context", "_jsx", "SearchControl", "withSpokenMessages"]
+}

package/build/navigation/menu/menu-title.js

@@ -1,28 +1,46 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var menu_title_exports = {};
+__export(menu_title_exports, {
+  default: () => NavigationMenuTitle
 });
-exports.default = NavigationMenuTitle;
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _icons = require("@wordpress/icons");
-var _animate = require("../../animate");
-var _button = _interopRequireDefault(require("../../button"));
-var _menuTitleSearch = _interopRequireDefault(require("./menu-title-search"));
-var _navigationStyles = require("../styles/navigation-styles");
-var _context = require("./context");
-var _constants = require("../constants");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(menu_title_exports);
+var import_element = require("@wordpress/element");
+var import_i18n = require("@wordpress/i18n");
+var import_icons = require("@wordpress/icons");
+var import_animate = require("../../animate");
+var import_button = __toESM(require("../../button"));
+var import_menu_title_search = __toESM(require("./menu-title-search"));
+var import_navigation_styles = require("../styles/navigation-styles");
+var import_context = require("./context");
+var import_constants = require("../constants");
+var import_jsx_runtime = require("react/jsx-runtime");
 function NavigationMenuTitle({
   hasSearch,
   onSearch,
@@ -30,59 +48,55 @@ function NavigationMenuTitle({
   title,
   titleAction
 }) {
-  const [isSearching, setIsSearching] = (0, _element.useState)(false);
+  const [isSearching, setIsSearching] = (0, import_element.useState)(false);
   const {
     menu
-  } = (0, _context.useNavigationMenuContext)();
-  const searchButtonRef = (0, _element.useRef)(null);
+  } = (0, import_context.useNavigationMenuContext)();
+  const searchButtonRef = (0, import_element.useRef)(null);
   if (!title) {
     return null;
   }
   const onCloseSearch = () => {
     setIsSearching(false);
-
-    // Wait for the slide-in animation to complete before focusing the search button.
-    // eslint-disable-next-line @wordpress/react-no-unsafe-timeout
     setTimeout(() => {
       searchButtonRef.current?.focus();
-    }, _constants.SEARCH_FOCUS_DELAY);
+    }, import_constants.SEARCH_FOCUS_DELAY);
   };
   const menuTitleId = `components-navigation__menu-title-${menu}`;
-  /* translators: search button label for menu search box. %s: menu title */
-  const searchButtonLabel = (0, _i18n.sprintf)((0, _i18n.__)('Search in %s'), title);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_navigationStyles.MenuTitleUI, {
+  const searchButtonLabel = (0, import_i18n.sprintf)((0, import_i18n.__)("Search in %s"), title);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_navigation_styles.MenuTitleUI, {
     className: "components-navigation__menu-title",
-    children: [!isSearching && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_navigationStyles.GroupTitleUI, {
+    children: [!isSearching && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_navigation_styles.GroupTitleUI, {
       as: "h2",
       className: "components-navigation__menu-title-heading",
       level: 3,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      children: [/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
         id: menuTitleId,
         children: title
-      }), (hasSearch || titleAction) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_navigationStyles.MenuTitleActionsUI, {
-        children: [titleAction, hasSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.default, {
+      }), (hasSearch || titleAction) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_navigation_styles.MenuTitleActionsUI, {
+        children: [titleAction, hasSearch && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_button.default, {
           size: "small",
           variant: "tertiary",
           label: searchButtonLabel,
           onClick: () => setIsSearching(true),
           ref: searchButtonRef,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-            icon: _icons.search
+          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, {
+            icon: import_icons.search
           })
         })]
       })]
-    }), isSearching && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _animate.getAnimateClassName)({
-        type: 'slide-in',
-        origin: 'left'
+    }), isSearching && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+      className: (0, import_animate.getAnimateClassName)({
+        type: "slide-in",
+        origin: "left"
       }),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_menuTitleSearch.default, {
-        onCloseSearch: onCloseSearch,
-        onSearch: onSearch,
-        search: search,
-        title: title
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_menu_title_search.default, {
+        onCloseSearch,
+        onSearch,
+        search,
+        title
       })
     })]
   });
 }
-//# sourceMappingURL=menu-title.js.map
+//# sourceMappingURL=menu-title.js.map

package/build/navigation/menu/menu-title.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_i18n","_icons","_animate","_button","_interopRequireDefault","_menuTitleSearch","_navigationStyles","_context","_constants","_jsxRuntime","NavigationMenuTitle","hasSearch","onSearch","search","title","titleAction","isSearching","setIsSearching","useState","menu","useNavigationMenuContext","searchButtonRef","useRef","onCloseSearch","setTimeout","current","focus","SEARCH_FOCUS_DELAY","menuTitleId","searchButtonLabel","sprintf","__","jsxs","MenuTitleUI","className","children","GroupTitleUI","as","level","jsx","id","MenuTitleActionsUI","default","size","variant","label","onClick","ref","Icon","icon","searchIcon","getAnimateClassName","type","origin"],"sources":["@wordpress/components/src/navigation/menu/menu-title.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Icon, search as searchIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getAnimateClassName } from '../../animate';\nimport Button from '../../button';\nimport MenuTitleSearch from './menu-title-search';\nimport {\n\tGroupTitleUI,\n\tMenuTitleActionsUI,\n\tMenuTitleUI,\n} from '../styles/navigation-styles';\nimport { useNavigationMenuContext } from './context';\nimport { SEARCH_FOCUS_DELAY } from '../constants';\n\nimport type { NavigationMenuTitleProps } from '../types';\n\nexport default function NavigationMenuTitle( {\n\thasSearch,\n\tonSearch,\n\tsearch,\n\ttitle,\n\ttitleAction,\n}: NavigationMenuTitleProps ) {\n\tconst [ isSearching, setIsSearching ] = useState( false );\n\tconst { menu } = useNavigationMenuContext();\n\tconst searchButtonRef = useRef< HTMLElement >( null );\n\n\tif ( ! title ) {\n\t\treturn null;\n\t}\n\n\tconst onCloseSearch = () => {\n\t\tsetIsSearching( false );\n\n\t\t// Wait for the slide-in animation to complete before focusing the search button.\n\t\t// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\tsetTimeout( () => {\n\t\t\tsearchButtonRef.current?.focus();\n\t\t}, SEARCH_FOCUS_DELAY );\n\t};\n\n\tconst menuTitleId = `components-navigation__menu-title-${ menu }`;\n\t/* translators: search button label for menu search box. %s: menu title */\n\tconst searchButtonLabel = sprintf( __( 'Search in %s' ), title );\n\n\treturn (\n\t\t<MenuTitleUI className=\"components-navigation__menu-title\">\n\t\t\t{ ! isSearching && (\n\t\t\t\t<GroupTitleUI\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tclassName=\"components-navigation__menu-title-heading\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t>\n\t\t\t\t\t<span id={ menuTitleId }>{ title }</span>\n\n\t\t\t\t\t{ ( hasSearch || titleAction ) && (\n\t\t\t\t\t\t<MenuTitleActionsUI>\n\t\t\t\t\t\t\t{ titleAction }\n\n\t\t\t\t\t\t\t{ hasSearch && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tlabel={ searchButtonLabel }\n\t\t\t\t\t\t\t\t\tonClick={ () => setIsSearching( true ) }\n\t\t\t\t\t\t\t\t\tref={ searchButtonRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon icon={ searchIcon } />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuTitleActionsUI>\n\t\t\t\t\t) }\n\t\t\t\t</GroupTitleUI>\n\t\t\t) }\n\n\t\t\t{ isSearching && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ getAnimateClassName( {\n\t\t\t\t\t\ttype: 'slide-in',\n\t\t\t\t\t\torigin: 'left',\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<MenuTitleSearch\n\t\t\t\t\t\tonCloseSearch={ onCloseSearch }\n\t\t\t\t\t\tonSearch={ onSearch }\n\t\t\t\t\t\tsearch={ search }\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</MenuTitleUI>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/menu/menu-title.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useRef, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Icon, search as searchIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getAnimateClassName } from '../../animate';\nimport Button from '../../button';\nimport MenuTitleSearch from './menu-title-search';\nimport { GroupTitleUI, MenuTitleActionsUI, MenuTitleUI } from '../styles/navigation-styles';\nimport { useNavigationMenuContext } from './context';\nimport { SEARCH_FOCUS_DELAY } from '../constants';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function NavigationMenuTitle({\n  hasSearch,\n  onSearch,\n  search,\n  title,\n  titleAction\n}) {\n  const [isSearching, setIsSearching] = useState(false);\n  const {\n    menu\n  } = useNavigationMenuContext();\n  const searchButtonRef = useRef(null);\n  if (!title) {\n    return null;\n  }\n  const onCloseSearch = () => {\n    setIsSearching(false);\n\n    // Wait for the slide-in animation to complete before focusing the search button.\n    // eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n    setTimeout(() => {\n      searchButtonRef.current?.focus();\n    }, SEARCH_FOCUS_DELAY);\n  };\n  const menuTitleId = `components-navigation__menu-title-${menu}`;\n  /* translators: search button label for menu search box. %s: menu title */\n  const searchButtonLabel = sprintf(__('Search in %s'), title);\n  return /*#__PURE__*/_jsxs(MenuTitleUI, {\n    className: \"components-navigation__menu-title\",\n    children: [!isSearching && /*#__PURE__*/_jsxs(GroupTitleUI, {\n      as: \"h2\",\n      className: \"components-navigation__menu-title-heading\",\n      level: 3,\n      children: [/*#__PURE__*/_jsx(\"span\", {\n        id: menuTitleId,\n        children: title\n      }), (hasSearch || titleAction) && /*#__PURE__*/_jsxs(MenuTitleActionsUI, {\n        children: [titleAction, hasSearch && /*#__PURE__*/_jsx(Button, {\n          size: \"small\",\n          variant: \"tertiary\",\n          label: searchButtonLabel,\n          onClick: () => setIsSearching(true),\n          ref: searchButtonRef,\n          children: /*#__PURE__*/_jsx(Icon, {\n            icon: searchIcon\n          })\n        })]\n      })]\n    }), isSearching && /*#__PURE__*/_jsx(\"div\", {\n      className: getAnimateClassName({\n        type: 'slide-in',\n        origin: 'left'\n      }),\n      children: /*#__PURE__*/_jsx(MenuTitleSearch, {\n        onCloseSearch: onCloseSearch,\n        onSearch: onSearch,\n        search: search,\n        title: title\n      })\n    })]\n  });\n}"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAAiC;AACjC,kBAA4B;AAC5B,mBAA2C;AAK3C,qBAAoC;AACpC,oBAAmB;AACnB,+BAA4B;AAC5B,+BAA8D;AAC9D,qBAAyC;AACzC,uBAAmC;AACnC,yBAA2C;AAC5B,SAAR,oBAAqC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,aAAa,cAAc,QAAI,yBAAS,KAAK;AACpD,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,yCAAyB;AAC7B,QAAM,sBAAkB,uBAAO,IAAI;AACnC,MAAI,CAAC,OAAO;AACV,WAAO;AAAA,EACT;AACA,QAAM,gBAAgB,MAAM;AAC1B,mBAAe,KAAK;AAIpB,eAAW,MAAM;AACf,sBAAgB,SAAS,MAAM;AAAA,IACjC,GAAG,mCAAkB;AAAA,EACvB;AACA,QAAM,cAAc,qCAAqC,IAAI;AAE7D,QAAM,wBAAoB,yBAAQ,gBAAG,cAAc,GAAG,KAAK;AAC3D,SAAoB,uCAAAA,MAAM,sCAAa;AAAA,IACrC,WAAW;AAAA,IACX,UAAU,CAAC,CAAC,eAA4B,uCAAAA,MAAM,uCAAc;AAAA,MAC1D,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU,CAAc,uCAAAC,KAAK,QAAQ;AAAA,QACnC,IAAI;AAAA,QACJ,UAAU;AAAA,MACZ,CAAC,IAAI,aAAa,gBAA6B,uCAAAD,MAAM,6CAAoB;AAAA,QACvE,UAAU,CAAC,aAAa,aAA0B,uCAAAC,KAAK,cAAAC,SAAQ;AAAA,UAC7D,MAAM;AAAA,UACN,SAAS;AAAA,UACT,OAAO;AAAA,UACP,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,KAAK;AAAA,UACL,UAAuB,uCAAAD,KAAK,mBAAM;AAAA,YAChC,MAAM,aAAAE;AAAA,UACR,CAAC;AAAA,QACH,CAAC,CAAC;AAAA,MACJ,CAAC,CAAC;AAAA,IACJ,CAAC,GAAG,eAA4B,uCAAAF,KAAK,OAAO;AAAA,MAC1C,eAAW,oCAAoB;AAAA,QAC7B,MAAM;AAAA,QACN,QAAQ;AAAA,MACV,CAAC;AAAA,MACD,UAAuB,uCAAAA,KAAK,yBAAAG,SAAiB;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;",
+  "names": ["_jsxs", "_jsx", "Button", "searchIcon", "MenuTitleSearch"]
+}