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

package/build-module/navigation/item/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","Icon","chevronLeft","chevronRight","isRTL","Button","useNavigationContext","ItemUI","ItemIconUI","NavigationItemBaseContent","NavigationItemBase","jsx","_jsx","jsxs","_jsxs","noop","NavigationItem","props","badge","children","className","href","item","navigateToMenu","onClick","title","icon","hideIfTargetMenuEmpty","isText","restProps","activeItem","setActiveMenu","navigationTree","isMenuEmpty","isActive","classes","onItemClick","event","navigationIcon","baseProps","undefined","itemProps","as","__next40pxDefaultSize"],"sources":["@wordpress/components/src/navigation/item/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { useNavigationContext } from '../context';\nimport { ItemUI, ItemIconUI } from '../styles/navigation-styles';\nimport NavigationItemBaseContent from './base-content';\nimport NavigationItemBase from './base';\n\nimport type { NavigationItemProps } from '../types';\n\nconst noop = () => {};\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationItem( props: NavigationItemProps ) {\n\tconst {\n\t\tbadge,\n\t\tchildren,\n\t\tclassName,\n\t\thref,\n\t\titem,\n\t\tnavigateToMenu,\n\t\tonClick = noop,\n\t\ttitle,\n\t\ticon,\n\t\thideIfTargetMenuEmpty,\n\t\tisText,\n\t\t...restProps\n\t} = props;\n\n\tconst {\n\t\tactiveItem,\n\t\tsetActiveMenu,\n\t\tnavigationTree: { isMenuEmpty },\n\t} = useNavigationContext();\n\n\t// If hideIfTargetMenuEmpty prop is true\n\t// And the menu we are supposed to navigate to\n\t// Is marked as empty, then we skip rendering the item.\n\tif (\n\t\thideIfTargetMenuEmpty &&\n\t\tnavigateToMenu &&\n\t\tisMenuEmpty( navigateToMenu )\n\t) {\n\t\treturn null;\n\t}\n\n\tconst isActive = item && activeItem === item;\n\n\tconst classes = clsx( className, {\n\t\t'is-active': isActive,\n\t} );\n\n\tconst onItemClick: React.MouseEventHandler<\n\t\tHTMLButtonElement | HTMLAnchorElement\n\t> = ( event ) => {\n\t\tif ( navigateToMenu ) {\n\t\t\tsetActiveMenu( navigateToMenu );\n\t\t}\n\n\t\tonClick( event );\n\t};\n\tconst navigationIcon = isRTL() ? chevronLeft : chevronRight;\n\tconst baseProps = children ? props : { ...props, onClick: undefined };\n\tconst itemProps = isText\n\t\t? restProps\n\t\t: {\n\t\t\t\tas: Button,\n\t\t\t\t__next40pxDefaultSize:\n\t\t\t\t\t'as' in restProps ? restProps.as === undefined : true,\n\t\t\t\thref,\n\t\t\t\tonClick: onItemClick,\n\t\t\t\t'aria-current': isActive ? 'page' : undefined,\n\t\t\t\t...restProps,\n\t\t  };\n\n\treturn (\n\t\t<NavigationItemBase { ...baseProps } className={ classes }>\n\t\t\t{ children || (\n\t\t\t\t<ItemUI { ...itemProps }>\n\t\t\t\t\t{ icon && (\n\t\t\t\t\t\t<ItemIconUI>\n\t\t\t\t\t\t\t<Icon icon={ icon } />\n\t\t\t\t\t\t</ItemIconUI>\n\t\t\t\t\t) }\n\n\t\t\t\t\t<NavigationItemBaseContent\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\tbadge={ badge }\n\t\t\t\t\t/>\n\n\t\t\t\t\t{ navigateToMenu && <Icon icon={ navigationIcon } /> }\n\t\t\t\t</ItemUI>\n\t\t\t) }\n\t\t</NavigationItemBase>\n\t);\n}\n\nexport default NavigationItem;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,IAAI,EAAEC,WAAW,EAAEC,YAAY,QAAQ,kBAAkB;AAClE,SAASC,KAAK,QAAQ,iBAAiB;;AAEvC;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,SAASC,oBAAoB,QAAQ,YAAY;AACjD,SAASC,MAAM,EAAEC,UAAU,QAAQ,6BAA6B;AAChE,OAAOC,yBAAyB,MAAM,gBAAgB;AACtD,OAAOC,kBAAkB,MAAM,QAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIxC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAEC,KAA0B,EAAG;EAC5D,MAAM;IACLC,KAAK;IACLC,QAAQ;IACRC,SAAS;IACTC,IAAI;IACJC,IAAI;IACJC,cAAc;IACdC,OAAO,GAAGT,IAAI;IACdU,KAAK;IACLC,IAAI;IACJC,qBAAqB;IACrBC,MAAM;IACN,GAAGC;EACJ,CAAC,GAAGZ,KAAK;EAET,MAAM;IACLa,UAAU;IACVC,aAAa;IACbC,cAAc,EAAE;MAAEC;IAAY;EAC/B,CAAC,GAAG3B,oBAAoB,CAAC,CAAC;;EAE1B;EACA;EACA;EACA,IACCqB,qBAAqB,IACrBJ,cAAc,IACdU,WAAW,CAAEV,cAAe,CAAC,EAC5B;IACD,OAAO,IAAI;EACZ;EAEA,MAAMW,QAAQ,GAAGZ,IAAI,IAAIQ,UAAU,KAAKR,IAAI;EAE5C,MAAMa,OAAO,GAAGnC,IAAI,CAAEoB,SAAS,EAAE;IAChC,WAAW,EAAEc;EACd,CAAE,CAAC;EAEH,MAAME,WAEL,GAAKC,KAAK,IAAM;IAChB,IAAKd,cAAc,EAAG;MACrBQ,aAAa,CAAER,cAAe,CAAC;IAChC;IAEAC,OAAO,CAAEa,KAAM,CAAC;EACjB,CAAC;EACD,MAAMC,cAAc,GAAGlC,KAAK,CAAC,CAAC,GAAGF,WAAW,GAAGC,YAAY;EAC3D,MAAMoC,SAAS,GAAGpB,QAAQ,GAAGF,KAAK,GAAG;IAAE,GAAGA,KAAK;IAAEO,OAAO,EAAEgB;EAAU,CAAC;EACrE,MAAMC,SAAS,GAAGb,MAAM,GACrBC,SAAS,GACT;IACAa,EAAE,EAAErC,MAAM;IACVsC,qBAAqB,EACpB,IAAI,IAAId,SAAS,GAAGA,SAAS,CAACa,EAAE,KAAKF,SAAS,GAAG,IAAI;IACtDnB,IAAI;IACJG,OAAO,EAAEY,WAAW;IACpB,cAAc,EAAEF,QAAQ,GAAG,MAAM,GAAGM,SAAS;IAC7C,GAAGX;EACH,CAAC;EAEJ,oBACCjB,IAAA,CAACF,kBAAkB;IAAA,GAAM6B,SAAS;IAAGnB,SAAS,EAAGe,OAAS;IAAAhB,QAAA,EACvDA,QAAQ,iBACTL,KAAA,CAACP,MAAM;MAAA,GAAMkC,SAAS;MAAAtB,QAAA,GACnBO,IAAI,iBACLd,IAAA,CAACJ,UAAU;QAAAW,QAAA,eACVP,IAAA,CAACX,IAAI;UAACyB,IAAI,EAAGA;QAAM,CAAE;MAAC,CACX,CACZ,eAEDd,IAAA,CAACH,yBAAyB;QACzBgB,KAAK,EAAGA,KAAO;QACfP,KAAK,EAAGA;MAAO,CACf,CAAC,EAEAK,cAAc,iBAAIX,IAAA,CAACX,IAAI;QAACyB,IAAI,EAAGY;MAAgB,CAAE,CAAC;IAAA,CAC7C;EACR,CACkB,CAAC;AAEvB;AAEA,eAAetB,cAAc","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/item/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { useNavigationContext } from '../context';\nimport { ItemUI, ItemIconUI } from '../styles/navigation-styles';\nimport NavigationItemBaseContent from './base-content';\nimport NavigationItemBase from './base';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationItem(props) {\n  const {\n    badge,\n    children,\n    className,\n    href,\n    item,\n    navigateToMenu,\n    onClick = noop,\n    title,\n    icon,\n    hideIfTargetMenuEmpty,\n    isText,\n    ...restProps\n  } = props;\n  const {\n    activeItem,\n    setActiveMenu,\n    navigationTree: {\n      isMenuEmpty\n    }\n  } = useNavigationContext();\n\n  // If hideIfTargetMenuEmpty prop is true\n  // And the menu we are supposed to navigate to\n  // Is marked as empty, then we skip rendering the item.\n  if (hideIfTargetMenuEmpty && navigateToMenu && isMenuEmpty(navigateToMenu)) {\n    return null;\n  }\n  const isActive = item && activeItem === item;\n  const classes = clsx(className, {\n    'is-active': isActive\n  });\n  const onItemClick = event => {\n    if (navigateToMenu) {\n      setActiveMenu(navigateToMenu);\n    }\n    onClick(event);\n  };\n  const navigationIcon = isRTL() ? chevronLeft : chevronRight;\n  const baseProps = children ? props : {\n    ...props,\n    onClick: undefined\n  };\n  const itemProps = isText ? restProps : {\n    as: Button,\n    __next40pxDefaultSize: 'as' in restProps ? restProps.as === undefined : true,\n    href,\n    onClick: onItemClick,\n    'aria-current': isActive ? 'page' : undefined,\n    ...restProps\n  };\n  return /*#__PURE__*/_jsx(NavigationItemBase, {\n    ...baseProps,\n    className: classes,\n    children: children || /*#__PURE__*/_jsxs(ItemUI, {\n      ...itemProps,\n      children: [icon && /*#__PURE__*/_jsx(ItemIconUI, {\n        children: /*#__PURE__*/_jsx(Icon, {\n          icon: icon\n        })\n      }), /*#__PURE__*/_jsx(NavigationItemBaseContent, {\n        title: title,\n        badge: badge\n      }), navigateToMenu && /*#__PURE__*/_jsx(Icon, {\n        icon: navigationIcon\n      })]\n    })\n  });\n}\nexport default NavigationItem;"],
+  "mappings": "AAGA,OAAO,UAAU;AAKjB,SAAS,MAAM,aAAa,oBAAoB;AAChD,SAAS,aAAa;AAKtB,OAAO,YAAY;AACnB,SAAS,4BAA4B;AACrC,SAAS,QAAQ,kBAAkB;AACnC,OAAO,+BAA+B;AACtC,OAAO,wBAAwB;AAC/B,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,MAAM,OAAO,MAAM;AAAC;AAKb,SAAS,eAAe,OAAO;AACpC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,IAAI,qBAAqB;AAKzB,MAAI,yBAAyB,kBAAkB,YAAY,cAAc,GAAG;AAC1E,WAAO;AAAA,EACT;AACA,QAAM,WAAW,QAAQ,eAAe;AACxC,QAAM,UAAU,KAAK,WAAW;AAAA,IAC9B,aAAa;AAAA,EACf,CAAC;AACD,QAAM,cAAc,WAAS;AAC3B,QAAI,gBAAgB;AAClB,oBAAc,cAAc;AAAA,IAC9B;AACA,YAAQ,KAAK;AAAA,EACf;AACA,QAAM,iBAAiB,MAAM,IAAI,cAAc;AAC/C,QAAM,YAAY,WAAW,QAAQ;AAAA,IACnC,GAAG;AAAA,IACH,SAAS;AAAA,EACX;AACA,QAAM,YAAY,SAAS,YAAY;AAAA,IACrC,IAAI;AAAA,IACJ,uBAAuB,QAAQ,YAAY,UAAU,OAAO,SAAY;AAAA,IACxE;AAAA,IACA,SAAS;AAAA,IACT,gBAAgB,WAAW,SAAS;AAAA,IACpC,GAAG;AAAA,EACL;AACA,SAAoB,qBAAK,oBAAoB;AAAA,IAC3C,GAAG;AAAA,IACH,WAAW;AAAA,IACX,UAAU,YAAyB,sBAAM,QAAQ;AAAA,MAC/C,GAAG;AAAA,MACH,UAAU,CAAC,QAAqB,qBAAK,YAAY;AAAA,QAC/C,UAAuB,qBAAK,MAAM;AAAA,UAChC;AAAA,QACF,CAAC;AAAA,MACH,CAAC,GAAgB,qBAAK,2BAA2B;AAAA,QAC/C;AAAA,QACA;AAAA,MACF,CAAC,GAAG,kBAA+B,qBAAK,MAAM;AAAA,QAC5C,MAAM;AAAA,MACR,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,eAAQ;",
+  "names": []
+}

package/build-module/navigation/item/use-navigation-tree-item.js

@@ -1,16 +1,9 @@
-/**
- * WordPress dependencies
- */
-import { useEffect } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { useNavigationContext } from '../context';
-import { useNavigationGroupContext } from '../group/context';
-import { useNavigationMenuContext } from '../menu/context';
-import { normalizedSearch } from '../utils';
-export const useNavigationTreeItem = (itemId, props) => {
+import { useEffect } from "@wordpress/element";
+import { useNavigationContext } from "../context";
+import { useNavigationGroupContext } from "../group/context";
+import { useNavigationMenuContext } from "../menu/context";
+import { normalizedSearch } from "../utils";
+const useNavigationTreeItem = (itemId, props) => {
   const {
     activeMenu,
     navigationTree: {
@@ -27,7 +20,7 @@ export const useNavigationTreeItem = (itemId, props) => {
   } = useNavigationMenuContext();
   useEffect(() => {
     const isMenuActive = activeMenu === menu;
-    const isItemVisible = !search || props.title !== undefined && normalizedSearch(props.title, search);
+    const isItemVisible = !search || props.title !== void 0 && normalizedSearch(props.title, search);
     addItem(itemId, {
       ...props,
       group,
@@ -37,8 +30,9 @@ export const useNavigationTreeItem = (itemId, props) => {
     return () => {
       removeItem(itemId);
     };
-    // Not adding deps for now, as it would require either a larger refactor.
-    // See https://github.com/WordPress/gutenberg/pull/41639
   }, [activeMenu, search]);
 };
-//# sourceMappingURL=use-navigation-tree-item.js.map
+export {
+  useNavigationTreeItem
+};
+//# sourceMappingURL=use-navigation-tree-item.js.map

package/build-module/navigation/item/use-navigation-tree-item.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["useEffect","useNavigationContext","useNavigationGroupContext","useNavigationMenuContext","normalizedSearch","useNavigationTreeItem","itemId","props","activeMenu","navigationTree","addItem","removeItem","group","menu","search","isMenuActive","isItemVisible","title","undefined","_isVisible"],"sources":["@wordpress/components/src/navigation/item/use-navigation-tree-item.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { useNavigationGroupContext } from '../group/context';\nimport { useNavigationMenuContext } from '../menu/context';\nimport { normalizedSearch } from '../utils';\n\nimport type { NavigationItemProps } from '../types';\n\nexport const useNavigationTreeItem = (\n\titemId: string,\n\tprops: NavigationItemProps\n) => {\n\tconst {\n\t\tactiveMenu,\n\t\tnavigationTree: { addItem, removeItem },\n\t} = useNavigationContext();\n\tconst { group } = useNavigationGroupContext();\n\tconst { menu, search } = useNavigationMenuContext();\n\n\tuseEffect( () => {\n\t\tconst isMenuActive = activeMenu === menu;\n\t\tconst isItemVisible =\n\t\t\t! search ||\n\t\t\t( props.title !== undefined &&\n\t\t\t\tnormalizedSearch( props.title, search ) );\n\n\t\taddItem( itemId, {\n\t\t\t...props,\n\t\t\tgroup,\n\t\t\tmenu,\n\t\t\t_isVisible: isMenuActive && isItemVisible,\n\t\t} );\n\n\t\treturn () => {\n\t\t\tremoveItem( itemId );\n\t\t};\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/41639\n\t}, [ activeMenu, search ] );\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,QAAQ,oBAAoB;;AAE9C;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,YAAY;AACjD,SAASC,yBAAyB,QAAQ,kBAAkB;AAC5D,SAASC,wBAAwB,QAAQ,iBAAiB;AAC1D,SAASC,gBAAgB,QAAQ,UAAU;AAI3C,OAAO,MAAMC,qBAAqB,GAAGA,CACpCC,MAAc,EACdC,KAA0B,KACtB;EACJ,MAAM;IACLC,UAAU;IACVC,cAAc,EAAE;MAAEC,OAAO;MAAEC;IAAW;EACvC,CAAC,GAAGV,oBAAoB,CAAC,CAAC;EAC1B,MAAM;IAAEW;EAAM,CAAC,GAAGV,yBAAyB,CAAC,CAAC;EAC7C,MAAM;IAAEW,IAAI;IAAEC;EAAO,CAAC,GAAGX,wBAAwB,CAAC,CAAC;EAEnDH,SAAS,CAAE,MAAM;IAChB,MAAMe,YAAY,GAAGP,UAAU,KAAKK,IAAI;IACxC,MAAMG,aAAa,GAClB,CAAEF,MAAM,IACNP,KAAK,CAACU,KAAK,KAAKC,SAAS,IAC1Bd,gBAAgB,CAAEG,KAAK,CAACU,KAAK,EAAEH,MAAO,CAAG;IAE3CJ,OAAO,CAAEJ,MAAM,EAAE;MAChB,GAAGC,KAAK;MACRK,KAAK;MACLC,IAAI;MACJM,UAAU,EAAEJ,YAAY,IAAIC;IAC7B,CAAE,CAAC;IAEH,OAAO,MAAM;MACZL,UAAU,CAAEL,MAAO,CAAC;IACrB,CAAC;IACD;IACA;EACD,CAAC,EAAE,CAAEE,UAAU,EAAEM,MAAM,CAAG,CAAC;AAC5B,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/item/use-navigation-tree-item.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { useNavigationGroupContext } from '../group/context';\nimport { useNavigationMenuContext } from '../menu/context';\nimport { normalizedSearch } from '../utils';\nexport const useNavigationTreeItem = (itemId, props) => {\n  const {\n    activeMenu,\n    navigationTree: {\n      addItem,\n      removeItem\n    }\n  } = useNavigationContext();\n  const {\n    group\n  } = useNavigationGroupContext();\n  const {\n    menu,\n    search\n  } = useNavigationMenuContext();\n  useEffect(() => {\n    const isMenuActive = activeMenu === menu;\n    const isItemVisible = !search || props.title !== undefined && normalizedSearch(props.title, search);\n    addItem(itemId, {\n      ...props,\n      group,\n      menu,\n      _isVisible: isMenuActive && isItemVisible\n    });\n    return () => {\n      removeItem(itemId);\n    };\n    // Not adding deps for now, as it would require either a larger refactor.\n    // See https://github.com/WordPress/gutenberg/pull/41639\n  }, [activeMenu, search]);\n};"],
+  "mappings": "AAGA,SAAS,iBAAiB;AAK1B,SAAS,4BAA4B;AACrC,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC;AACzC,SAAS,wBAAwB;AAC1B,MAAM,wBAAwB,CAAC,QAAQ,UAAU;AACtD,QAAM;AAAA,IACJ;AAAA,IACA,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,0BAA0B;AAC9B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,yBAAyB;AAC7B,YAAU,MAAM;AACd,UAAM,eAAe,eAAe;AACpC,UAAM,gBAAgB,CAAC,UAAU,MAAM,UAAU,UAAa,iBAAiB,MAAM,OAAO,MAAM;AAClG,YAAQ,QAAQ;AAAA,MACd,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA,YAAY,gBAAgB;AAAA,IAC9B,CAAC;AACD,WAAO,MAAM;AACX,iBAAW,MAAM;AAAA,IACnB;AAAA,EAGF,GAAG,CAAC,YAAY,MAAM,CAAC;AACzB;",
+  "names": []
+}

package/build-module/navigation/menu/context.js

@@ -1,16 +1,12 @@
-/**
- * WordPress dependencies
- */
-import { createContext, useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-export const NavigationMenuContext = createContext({
-  menu: undefined,
-  search: ''
+import { createContext, useContext } from "@wordpress/element";
+const NavigationMenuContext = createContext({
+  menu: void 0,
+  search: ""
 });
-NavigationMenuContext.displayName = 'NavigationMenuContext';
-export const useNavigationMenuContext = () => useContext(NavigationMenuContext);
-//# sourceMappingURL=context.js.map
+NavigationMenuContext.displayName = "NavigationMenuContext";
+const useNavigationMenuContext = () => useContext(NavigationMenuContext);
+export {
+  NavigationMenuContext,
+  useNavigationMenuContext
+};
+//# sourceMappingURL=context.js.map

package/build-module/navigation/menu/context.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["createContext","useContext","NavigationMenuContext","menu","undefined","search","displayName","useNavigationMenuContext"],"sources":["@wordpress/components/src/navigation/menu/context.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { NavigationMenuContext as NavigationMenuContextType } from '../types';\n\nexport const NavigationMenuContext = createContext< NavigationMenuContextType >(\n\t{\n\t\tmenu: undefined,\n\t\tsearch: '',\n\t}\n);\nNavigationMenuContext.displayName = 'NavigationMenuContext';\n\nexport const useNavigationMenuContext = () =>\n\tuseContext( NavigationMenuContext );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,oBAAoB;;AAE9D;AACA;AACA;;AAGA,OAAO,MAAMC,qBAAqB,GAAGF,aAAa,CACjD;EACCG,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAE;AACT,CACD,CAAC;AACDH,qBAAqB,CAACI,WAAW,GAAG,uBAAuB;AAE3D,OAAO,MAAMC,wBAAwB,GAAGA,CAAA,KACvCN,UAAU,CAAEC,qBAAsB,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/menu/context.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nexport const NavigationMenuContext = createContext({\n  menu: undefined,\n  search: ''\n});\nNavigationMenuContext.displayName = 'NavigationMenuContext';\nexport const useNavigationMenuContext = () => useContext(NavigationMenuContext);"],
+  "mappings": "AAGA,SAAS,eAAe,kBAAkB;AAMnC,MAAM,wBAAwB,cAAc;AAAA,EACjD,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AACD,sBAAsB,cAAc;AAC7B,MAAM,2BAA2B,MAAM,WAAW,qBAAqB;",
+  "names": []
+}

package/build-module/navigation/menu/index.js

@@ -1,30 +1,16 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { ROOT_MENU } from '../constants';
-import { NavigationMenuContext } from './context';
-import { useNavigationContext } from '../context';
-import { useNavigationTreeMenu } from './use-navigation-tree-menu';
-import NavigationBackButton from '../back-button';
-import NavigationMenuTitle from './menu-title';
-import NavigationSearchNoResultsFound from './search-no-results-found';
-import { NavigableMenu } from '../../navigable-container';
-import { MenuUI } from '../styles/navigation-styles';
+import clsx from "clsx";
+import { useState } from "@wordpress/element";
+import { ROOT_MENU } from "../constants";
+import { NavigationMenuContext } from "./context";
+import { useNavigationContext } from "../context";
+import { useNavigationTreeMenu } from "./use-navigation-tree-menu";
+import NavigationBackButton from "../back-button";
+import NavigationMenuTitle from "./menu-title";
+import NavigationSearchNoResultsFound from "./search-no-results-found";
+import { NavigableMenu } from "../../navigable-container";
+import { MenuUI } from "../styles/navigation-styles";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * @deprecated Use `Navigator` instead.
- */
-export function NavigationMenu(props) {
+function NavigationMenu(props) {
   const {
     backButtonLabel,
     children,
@@ -39,7 +25,7 @@ export function NavigationMenu(props) {
     title,
     titleAction
   } = props;
-  const [uncontrolledSearch, setUncontrolledSearch] = useState('');
+  const [uncontrolledSearch, setUncontrolledSearch] = useState("");
   useNavigationTreeMenu(props);
   const {
     activeMenu
@@ -48,43 +34,45 @@ export function NavigationMenu(props) {
     menu,
     search: uncontrolledSearch
   };
-
-  // Keep the children rendered to make sure invisible items are included in the navigation tree.
   if (activeMenu !== menu) {
-    return /*#__PURE__*/_jsx(NavigationMenuContext.Provider, {
+    return /* @__PURE__ */ _jsx(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 = clsx('components-navigation__menu', className);
-  return /*#__PURE__*/_jsx(NavigationMenuContext.Provider, {
+  const classes = clsx("components-navigation__menu", className);
+  return /* @__PURE__ */ _jsx(NavigationMenuContext.Provider, {
     value: context,
-    children: /*#__PURE__*/_jsxs(MenuUI, {
+    children: /* @__PURE__ */ _jsxs(MenuUI, {
       className: classes,
-      children: [(parentMenu || onBackButtonClick) && /*#__PURE__*/_jsx(NavigationBackButton, {
-        backButtonLabel: backButtonLabel,
-        parentMenu: parentMenu,
+      children: [(parentMenu || onBackButtonClick) && /* @__PURE__ */ _jsx(NavigationBackButton, {
+        backButtonLabel,
+        parentMenu,
         onClick: onBackButtonClick
-      }), title && /*#__PURE__*/_jsx(NavigationMenuTitle, {
-        hasSearch: hasSearch,
-        onSearch: onSearch,
-        search: search,
-        title: title,
-        titleAction: titleAction
-      }), /*#__PURE__*/_jsx(NavigableMenu, {
-        children: /*#__PURE__*/_jsxs("ul", {
+      }), title && /* @__PURE__ */ _jsx(NavigationMenuTitle, {
+        hasSearch,
+        onSearch,
+        search,
+        title,
+        titleAction
+      }), /* @__PURE__ */ _jsx(NavigableMenu, {
+        children: /* @__PURE__ */ _jsxs("ul", {
           "aria-labelledby": menuTitleId,
-          children: [children, search && !isSearchDebouncing && /*#__PURE__*/_jsx(NavigationSearchNoResultsFound, {
-            search: search
+          children: [children, search && !isSearchDebouncing && /* @__PURE__ */ _jsx(NavigationSearchNoResultsFound, {
+            search
           })]
         })
       })]
     })
   });
 }
-export default NavigationMenu;
-//# sourceMappingURL=index.js.map
+var menu_default = NavigationMenu;
+export {
+  NavigationMenu,
+  menu_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useState","ROOT_MENU","NavigationMenuContext","useNavigationContext","useNavigationTreeMenu","NavigationBackButton","NavigationMenuTitle","NavigationSearchNoResultsFound","NavigableMenu","MenuUI","jsx","_jsx","jsxs","_jsxs","NavigationMenu","props","backButtonLabel","children","className","hasSearch","menu","onBackButtonClick","onSearch","setControlledSearch","parentMenu","search","controlledSearch","isSearchDebouncing","title","titleAction","uncontrolledSearch","setUncontrolledSearch","activeMenu","context","Provider","value","isControlledSearch","menuTitleId","classes","onClick"],"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":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,qBAAqB,QAAQ,WAAW;AACjD,SAASC,oBAAoB,QAAQ,YAAY;AACjD,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,OAAOC,oBAAoB,MAAM,gBAAgB;AACjD,OAAOC,mBAAmB,MAAM,cAAc;AAC9C,OAAOC,8BAA8B,MAAM,2BAA2B;AACtE,SAASC,aAAa,QAAQ,2BAA2B;AACzD,SAASC,MAAM,QAAQ,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIrD;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAEC,KAA0B,EAAG;EAC5D,MAAM;IACLC,eAAe;IACfC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC,IAAI,GAAGnB,SAAS;IAChBoB,iBAAiB;IACjBC,QAAQ,EAAEC,mBAAmB;IAC7BC,UAAU;IACVC,MAAM,EAAEC,gBAAgB;IACxBC,kBAAkB;IAClBC,KAAK;IACLC;EACD,CAAC,GAAGd,KAAK;EACT,MAAM,CAAEe,kBAAkB,EAAEC,qBAAqB,CAAE,GAAG/B,QAAQ,CAAE,EAAG,CAAC;EACpEI,qBAAqB,CAAEW,KAAM,CAAC;EAC9B,MAAM;IAAEiB;EAAW,CAAC,GAAG7B,oBAAoB,CAAC,CAAC;EAE7C,MAAM8B,OAAO,GAAG;IACfb,IAAI;IACJK,MAAM,EAAEK;EACT,CAAC;;EAED;EACA,IAAKE,UAAU,KAAKZ,IAAI,EAAG;IAC1B,oBACCT,IAAA,CAACT,qBAAqB,CAACgC,QAAQ;MAACC,KAAK,EAAGF,OAAS;MAAAhB,QAAA,EAC9CA;IAAQ,CACqB,CAAC;EAEnC;EAEA,MAAMmB,kBAAkB,GAAG,CAAC,CAAEb,mBAAmB;EACjD,MAAME,MAAM,GAAGW,kBAAkB,GAAGV,gBAAgB,GAAGI,kBAAkB;EACzE,MAAMR,QAAQ,GAAGc,kBAAkB,GAChCb,mBAAmB,GACnBQ,qBAAqB;EAExB,MAAMM,WAAW,GAAG,qCAAsCjB,IAAI,EAAG;EACjE,MAAMkB,OAAO,GAAGvC,IAAI,CAAE,6BAA6B,EAAEmB,SAAU,CAAC;EAEhE,oBACCP,IAAA,CAACT,qBAAqB,CAACgC,QAAQ;IAACC,KAAK,EAAGF,OAAS;IAAAhB,QAAA,eAChDJ,KAAA,CAACJ,MAAM;MAACS,SAAS,EAAGoB,OAAS;MAAArB,QAAA,GAC1B,CAAEO,UAAU,IAAIH,iBAAiB,kBAClCV,IAAA,CAACN,oBAAoB;QACpBW,eAAe,EAAGA,eAAiB;QACnCQ,UAAU,EAAGA,UAAY;QACzBe,OAAO,EAAGlB;MAAmB,CAC7B,CACD,EAECO,KAAK,iBACNjB,IAAA,CAACL,mBAAmB;QACnBa,SAAS,EAAGA,SAAW;QACvBG,QAAQ,EAAGA,QAAU;QACrBG,MAAM,EAAGA,MAAQ;QACjBG,KAAK,EAAGA,KAAO;QACfC,WAAW,EAAGA;MAAa,CAC3B,CACD,eAEDlB,IAAA,CAACH,aAAa;QAAAS,QAAA,eACbJ,KAAA;UAAI,mBAAkBwB,WAAa;UAAApB,QAAA,GAChCA,QAAQ,EACRQ,MAAM,IAAI,CAAEE,kBAAkB,iBAC/BhB,IAAA,CAACJ,8BAA8B;YAACkB,MAAM,EAAGA;UAAQ,CAAE,CACnD;QAAA,CACE;MAAC,CACS,CAAC;IAAA,CACT;EAAC,CACsB,CAAC;AAEnC;AAEA,eAAeX,cAAc","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": "AAGA,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AAKzB,SAAS,iBAAiB;AAC1B,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,OAAO,0BAA0B;AACjC,OAAO,yBAAyB;AAChC,OAAO,oCAAoC;AAC3C,SAAS,qBAAqB;AAC9B,SAAS,cAAc;AACvB,SAAS,OAAO,MAAM,QAAQ,aAAa;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,IAAI,SAAS,EAAE;AAC/D,wBAAsB,KAAK;AAC3B,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,UAAU;AAAA,IACd;AAAA,IACA,QAAQ;AAAA,EACV;AAGA,MAAI,eAAe,MAAM;AACvB,WAAoB,qBAAK,sBAAsB,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,UAAU,KAAK,+BAA+B,SAAS;AAC7D,SAAoB,qBAAK,sBAAsB,UAAU;AAAA,IACvD,OAAO;AAAA,IACP,UAAuB,sBAAM,QAAQ;AAAA,MACnC,WAAW;AAAA,MACX,UAAU,EAAE,cAAc,sBAAmC,qBAAK,sBAAsB;AAAA,QACtF;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MACX,CAAC,GAAG,SAAsB,qBAAK,qBAAqB;AAAA,QAClD;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC,GAAgB,qBAAK,eAAe;AAAA,QACnC,UAAuB,sBAAM,MAAM;AAAA,UACjC,mBAAmB;AAAA,UACnB,UAAU,CAAC,UAAU,UAAU,CAAC,sBAAmC,qBAAK,gCAAgC;AAAA,YACtG;AAAA,UACF,CAAC,CAAC;AAAA,QACJ,CAAC;AAAA,MACH,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,eAAQ;",
+  "names": []
+}

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

@@ -1,18 +1,11 @@
-/**
- * WordPress dependencies
- */
-import { useEffect, useRef } from '@wordpress/element';
-import { __, _n, sprintf } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import withSpokenMessages from '../../higher-order/with-spoken-messages';
-import { useNavigationMenuContext } from './context';
-import { useNavigationContext } from '../context';
-import { SEARCH_FOCUS_DELAY } from '../constants';
-import SearchControl from '../../search-control';
-import { MenuTitleSearchControlWrapper } from '../styles/navigation-styles';
+import { useEffect, useRef } from "@wordpress/element";
+import { __, _n, sprintf } from "@wordpress/i18n";
+import withSpokenMessages from "../../higher-order/with-spoken-messages";
+import { useNavigationMenuContext } from "./context";
+import { useNavigationContext } from "../context";
+import { SEARCH_FOCUS_DELAY } from "../constants";
+import SearchControl from "../../search-control";
+import { MenuTitleSearchControlWrapper } from "../styles/navigation-styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 function MenuTitleSearch({
   debouncedSpeak,
@@ -30,9 +23,6 @@ function MenuTitleSearch({
     menu
   } = useNavigationMenuContext();
   const inputRef = useRef(null);
-
-  // Wait for the slide-in animation to complete before autofocusing the input.
-  // This prevents scrolling to the input during the animation.
   useEffect(() => {
     const delayedFocus = setTimeout(() => {
       inputRef.current?.focus();
@@ -45,39 +35,46 @@ function MenuTitleSearch({
     if (!search) {
       return;
     }
-    const count = Object.values(items).filter(item => item._isVisible).length;
-    const resultsFoundMessage = sprintf(/* translators: %d: number of results. */
-    _n('%d result found.', '%d results found.', count), count);
+    const count = Object.values(items).filter((item) => item._isVisible).length;
+    const resultsFoundMessage = sprintf(
+      /* translators: %d: number of results. */
+      _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 = sprintf(/* translators: placeholder for menu search box. %s: menu title */
-  __('Search %s'), title?.toLowerCase() || '').trim();
-  return /*#__PURE__*/_jsx(MenuTitleSearchControlWrapper, {
-    children: /*#__PURE__*/_jsx(SearchControl, {
+  const placeholder = sprintf(
+    /* translators: placeholder for menu search box. %s: menu title */
+    __("Search %s"),
+    title?.toLowerCase() || ""
+  ).trim();
+  return /* @__PURE__ */ _jsx(MenuTitleSearchControlWrapper, {
+    children: /* @__PURE__ */ _jsx(SearchControl, {
       __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
     })
   });
 }
-export default withSpokenMessages(MenuTitleSearch);
-//# sourceMappingURL=menu-title-search.js.map
+var menu_title_search_default = withSpokenMessages(MenuTitleSearch);
+export {
+  menu_title_search_default as default
+};
+//# sourceMappingURL=menu-title-search.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useEffect","useRef","__","_n","sprintf","withSpokenMessages","useNavigationMenuContext","useNavigationContext","SEARCH_FOCUS_DELAY","SearchControl","MenuTitleSearchControlWrapper","jsx","_jsx","MenuTitleSearch","debouncedSpeak","onCloseSearch","onSearch","search","title","navigationTree","items","menu","inputRef","delayedFocus","setTimeout","current","focus","clearTimeout","count","Object","values","filter","item","_isVisible","length","resultsFoundMessage","onClose","onKeyDown","event","code","defaultPrevented","preventDefault","inputId","placeholder","toLowerCase","trim","children","__nextHasNoMarginBottom","className","id","onChange","value","ref"],"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":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,MAAM,QAAQ,oBAAoB;AACtD,SAASC,EAAE,EAAEC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;;AAEjD;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,yCAAyC;AACxE,SAASC,wBAAwB,QAAQ,WAAW;AACpD,SAASC,oBAAoB,QAAQ,YAAY;AACjD,SAASC,kBAAkB,QAAQ,cAAc;AAGjD,OAAOC,aAAa,MAAM,sBAAsB;AAChD,SAASC,6BAA6B,QAAQ,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE5E,SAASC,eAAeA,CAAE;EACzBC,cAAc;EACdC,aAAa;EACbC,QAAQ;EACRC,MAAM;EACNC;AAC+B,CAAC,EAAG;EACnC,MAAM;IACLC,cAAc,EAAE;MAAEC;IAAM;EACzB,CAAC,GAAGb,oBAAoB,CAAC,CAAC;EAC1B,MAAM;IAAEc;EAAK,CAAC,GAAGf,wBAAwB,CAAC,CAAC;EAC3C,MAAMgB,QAAQ,GAAGrB,MAAM,CAAsB,IAAK,CAAC;;EAEnD;EACA;EACAD,SAAS,CAAE,MAAM;IAChB,MAAMuB,YAAY,GAAGC,UAAU,CAAE,MAAM;MACtCF,QAAQ,CAACG,OAAO,EAAEC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAElB,kBAAmB,CAAC;IAEvB,OAAO,MAAM;MACZmB,YAAY,CAAEJ,YAAa,CAAC;IAC7B,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEPvB,SAAS,CAAE,MAAM;IAChB,IAAK,CAAEiB,MAAM,EAAG;MACf;IACD;IAEA,MAAMW,KAAK,GAAGC,MAAM,CAACC,MAAM,CAAEV,KAAM,CAAC,CAACW,MAAM,CACxCC,IAAI,IAAMA,IAAI,CAACC,UAClB,CAAC,CAACC,MAAM;IACR,MAAMC,mBAAmB,GAAG/B,OAAO,CAClC;IACAD,EAAE,CAAE,kBAAkB,EAAE,mBAAmB,EAAEyB,KAAM,CAAC,EACpDA,KACD,CAAC;IACDd,cAAc,CAAEqB,mBAAoB,CAAC;IACrC;IACA;EACD,CAAC,EAAE,CAAEf,KAAK,EAAEH,MAAM,CAAG,CAAC;EAEtB,MAAMmB,OAAO,GAAGA,CAAA,KAAM;IACrBpB,QAAQ,GAAI,EAAG,CAAC;IAChBD,aAAa,CAAC,CAAC;EAChB,CAAC;EAED,MAAMsB,SAAyD,GAC9DC,KAAK,IACD;IACJ,IAAKA,KAAK,CAACC,IAAI,KAAK,QAAQ,IAAI,CAAED,KAAK,CAACE,gBAAgB,EAAG;MAC1DF,KAAK,CAACG,cAAc,CAAC,CAAC;MACtBL,OAAO,CAAC,CAAC;IACV;EACD,CAAC;EAED,MAAMM,OAAO,GAAG,4CAA6CrB,IAAI,EAAG;EACpE,MAAMsB,WAAW,GAAGvC,OAAO,CAC1B;EACAF,EAAE,CAAE,WAAY,CAAC,EACjBgB,KAAK,EAAE0B,WAAW,CAAC,CAAC,IAAI,EACzB,CAAC,CAACC,IAAI,CAAC,CAAC;EAER,oBACCjC,IAAA,CAACF,6BAA6B;IAAAoC,QAAA,eAC7BlC,IAAA,CAACH,aAAa;MACbsC,uBAAuB;MACvBC,SAAS,EAAC,0CAA0C;MACpDC,EAAE,EAAGP,OAAS;MACdQ,QAAQ,EAAKC,KAAK,IAAMnC,QAAQ,GAAImC,KAAM,CAAG;MAC7Cd,SAAS,EAAGA,SAAW;MACvBM,WAAW,EAAGA,WAAa;MAC3BP,OAAO,EAAGA,OAAS;MACnBgB,GAAG,EAAG9B,QAAU;MAChB6B,KAAK,EAAGlC;IAAQ,CAChB;EAAC,CAC4B,CAAC;AAElC;AAEA,eAAeZ,kBAAkB,CAAEQ,eAAgB,CAAC","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": "AAGA,SAAS,WAAW,cAAc;AAClC,SAAS,IAAI,IAAI,eAAe;AAKhC,OAAO,wBAAwB;AAC/B,SAAS,gCAAgC;AACzC,SAAS,4BAA4B;AACrC,SAAS,0BAA0B;AACnC,OAAO,mBAAmB;AAC1B,SAAS,qCAAqC;AAC9C,SAAS,OAAO,YAAY;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,IAAI,qBAAqB;AACzB,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,yBAAyB;AAC7B,QAAM,WAAW,OAAO,IAAI;AAI5B,YAAU,MAAM;AACd,UAAM,eAAe,WAAW,MAAM;AACpC,eAAS,SAAS,MAAM;AAAA,IAC1B,GAAG,kBAAkB;AACrB,WAAO,MAAM;AACX,mBAAa,YAAY;AAAA,IAC3B;AAAA,EACF,GAAG,CAAC,CAAC;AACL,YAAU,MAAM;AACd,QAAI,CAAC,QAAQ;AACX;AAAA,IACF;AACA,UAAM,QAAQ,OAAO,OAAO,KAAK,EAAE,OAAO,UAAQ,KAAK,UAAU,EAAE;AACnE,UAAM,sBAAsB;AAAA;AAAA,MAC5B,GAAG,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,cAAc;AAAA;AAAA,IACpB,GAAG,WAAW;AAAA,IAAG,OAAO,YAAY,KAAK;AAAA,EAAE,EAAE,KAAK;AAClD,SAAoB,qBAAK,+BAA+B;AAAA,IACtD,UAAuB,qBAAK,eAAe;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,4BAAQ,mBAAmB,eAAe;",
+  "names": []
+}

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

@@ -1,21 +1,14 @@
-/**
- * WordPress dependencies
- */
-import { useRef, useState } from '@wordpress/element';
-import { __, sprintf } from '@wordpress/i18n';
-import { Icon, search as searchIcon } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { getAnimateClassName } from '../../animate';
-import Button from '../../button';
-import MenuTitleSearch from './menu-title-search';
-import { GroupTitleUI, MenuTitleActionsUI, MenuTitleUI } from '../styles/navigation-styles';
-import { useNavigationMenuContext } from './context';
-import { SEARCH_FOCUS_DELAY } from '../constants';
+import { useRef, useState } from "@wordpress/element";
+import { __, sprintf } from "@wordpress/i18n";
+import { Icon, search as searchIcon } from "@wordpress/icons";
+import { getAnimateClassName } from "../../animate";
+import Button from "../../button";
+import MenuTitleSearch from "./menu-title-search";
+import { GroupTitleUI, MenuTitleActionsUI, MenuTitleUI } from "../styles/navigation-styles";
+import { useNavigationMenuContext } from "./context";
+import { SEARCH_FOCUS_DELAY } from "../constants";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export default function NavigationMenuTitle({
+function NavigationMenuTitle({
   hasSearch,
   onSearch,
   search,
@@ -32,49 +25,48 @@ export default function NavigationMenuTitle({
   }
   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();
     }, SEARCH_FOCUS_DELAY);
   };
   const menuTitleId = `components-navigation__menu-title-${menu}`;
-  /* translators: search button label for menu search box. %s: menu title */
-  const searchButtonLabel = sprintf(__('Search in %s'), title);
-  return /*#__PURE__*/_jsxs(MenuTitleUI, {
+  const searchButtonLabel = sprintf(__("Search in %s"), title);
+  return /* @__PURE__ */ _jsxs(MenuTitleUI, {
     className: "components-navigation__menu-title",
-    children: [!isSearching && /*#__PURE__*/_jsxs(GroupTitleUI, {
+    children: [!isSearching && /* @__PURE__ */ _jsxs(GroupTitleUI, {
       as: "h2",
       className: "components-navigation__menu-title-heading",
       level: 3,
-      children: [/*#__PURE__*/_jsx("span", {
+      children: [/* @__PURE__ */ _jsx("span", {
         id: menuTitleId,
         children: title
-      }), (hasSearch || titleAction) && /*#__PURE__*/_jsxs(MenuTitleActionsUI, {
-        children: [titleAction, hasSearch && /*#__PURE__*/_jsx(Button, {
+      }), (hasSearch || titleAction) && /* @__PURE__ */ _jsxs(MenuTitleActionsUI, {
+        children: [titleAction, hasSearch && /* @__PURE__ */ _jsx(Button, {
           size: "small",
           variant: "tertiary",
           label: searchButtonLabel,
           onClick: () => setIsSearching(true),
           ref: searchButtonRef,
-          children: /*#__PURE__*/_jsx(Icon, {
+          children: /* @__PURE__ */ _jsx(Icon, {
             icon: searchIcon
           })
         })]
       })]
-    }), isSearching && /*#__PURE__*/_jsx("div", {
+    }), isSearching && /* @__PURE__ */ _jsx("div", {
       className: getAnimateClassName({
-        type: 'slide-in',
-        origin: 'left'
+        type: "slide-in",
+        origin: "left"
       }),
-      children: /*#__PURE__*/_jsx(MenuTitleSearch, {
-        onCloseSearch: onCloseSearch,
-        onSearch: onSearch,
-        search: search,
-        title: title
+      children: /* @__PURE__ */ _jsx(MenuTitleSearch, {
+        onCloseSearch,
+        onSearch,
+        search,
+        title
       })
     })]
   });
 }
-//# sourceMappingURL=menu-title.js.map
+export {
+  NavigationMenuTitle as default
+};
+//# sourceMappingURL=menu-title.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["useRef","useState","__","sprintf","Icon","search","searchIcon","getAnimateClassName","Button","MenuTitleSearch","GroupTitleUI","MenuTitleActionsUI","MenuTitleUI","useNavigationMenuContext","SEARCH_FOCUS_DELAY","jsx","_jsx","jsxs","_jsxs","NavigationMenuTitle","hasSearch","onSearch","title","titleAction","isSearching","setIsSearching","menu","searchButtonRef","onCloseSearch","setTimeout","current","focus","menuTitleId","searchButtonLabel","className","children","as","level","id","size","variant","label","onClick","ref","icon","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":"AAAA;AACA;AACA;AACA,SAASA,MAAM,EAAEC,QAAQ,QAAQ,oBAAoB;AACrD,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,IAAI,EAAEC,MAAM,IAAIC,UAAU,QAAQ,kBAAkB;;AAE7D;AACA;AACA;AACA,SAASC,mBAAmB,QAAQ,eAAe;AACnD,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,eAAe,MAAM,qBAAqB;AACjD,SACCC,YAAY,EACZC,kBAAkB,EAClBC,WAAW,QACL,6BAA6B;AACpC,SAASC,wBAAwB,QAAQ,WAAW;AACpD,SAASC,kBAAkB,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIlD,eAAe,SAASC,mBAAmBA,CAAE;EAC5CC,SAAS;EACTC,QAAQ;EACRhB,MAAM;EACNiB,KAAK;EACLC;AACyB,CAAC,EAAG;EAC7B,MAAM,CAAEC,WAAW,EAAEC,cAAc,CAAE,GAAGxB,QAAQ,CAAE,KAAM,CAAC;EACzD,MAAM;IAAEyB;EAAK,CAAC,GAAGb,wBAAwB,CAAC,CAAC;EAC3C,MAAMc,eAAe,GAAG3B,MAAM,CAAiB,IAAK,CAAC;EAErD,IAAK,CAAEsB,KAAK,EAAG;IACd,OAAO,IAAI;EACZ;EAEA,MAAMM,aAAa,GAAGA,CAAA,KAAM;IAC3BH,cAAc,CAAE,KAAM,CAAC;;IAEvB;IACA;IACAI,UAAU,CAAE,MAAM;MACjBF,eAAe,CAACG,OAAO,EAAEC,KAAK,CAAC,CAAC;IACjC,CAAC,EAAEjB,kBAAmB,CAAC;EACxB,CAAC;EAED,MAAMkB,WAAW,GAAG,qCAAsCN,IAAI,EAAG;EACjE;EACA,MAAMO,iBAAiB,GAAG9B,OAAO,CAAED,EAAE,CAAE,cAAe,CAAC,EAAEoB,KAAM,CAAC;EAEhE,oBACCJ,KAAA,CAACN,WAAW;IAACsB,SAAS,EAAC,mCAAmC;IAAAC,QAAA,GACvD,CAAEX,WAAW,iBACdN,KAAA,CAACR,YAAY;MACZ0B,EAAE,EAAC,IAAI;MACPF,SAAS,EAAC,2CAA2C;MACrDG,KAAK,EAAG,CAAG;MAAAF,QAAA,gBAEXnB,IAAA;QAAMsB,EAAE,EAAGN,WAAa;QAAAG,QAAA,EAAGb;MAAK,CAAQ,CAAC,EAEvC,CAAEF,SAAS,IAAIG,WAAW,kBAC3BL,KAAA,CAACP,kBAAkB;QAAAwB,QAAA,GAChBZ,WAAW,EAEXH,SAAS,iBACVJ,IAAA,CAACR,MAAM;UACN+B,IAAI,EAAC,OAAO;UACZC,OAAO,EAAC,UAAU;UAClBC,KAAK,EAAGR,iBAAmB;UAC3BS,OAAO,EAAGA,CAAA,KAAMjB,cAAc,CAAE,IAAK,CAAG;UACxCkB,GAAG,EAAGhB,eAAiB;UAAAQ,QAAA,eAEvBnB,IAAA,CAACZ,IAAI;YAACwC,IAAI,EAAGtC;UAAY,CAAE;QAAC,CACrB,CACR;MAAA,CACkB,CACpB;IAAA,CACY,CACd,EAECkB,WAAW,iBACZR,IAAA;MACCkB,SAAS,EAAG3B,mBAAmB,CAAE;QAChCsC,IAAI,EAAE,UAAU;QAChBC,MAAM,EAAE;MACT,CAAE,CAAG;MAAAX,QAAA,eAELnB,IAAA,CAACP,eAAe;QACfmB,aAAa,EAAGA,aAAe;QAC/BP,QAAQ,EAAGA,QAAU;QACrBhB,MAAM,EAAGA,MAAQ;QACjBiB,KAAK,EAAGA;MAAO,CACf;IAAC,CACE,CACL;EAAA,CACW,CAAC;AAEhB","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": "AAGA,SAAS,QAAQ,gBAAgB;AACjC,SAAS,IAAI,eAAe;AAC5B,SAAS,MAAM,UAAU,kBAAkB;AAK3C,SAAS,2BAA2B;AACpC,OAAO,YAAY;AACnB,OAAO,qBAAqB;AAC5B,SAAS,cAAc,oBAAoB,mBAAmB;AAC9D,SAAS,gCAAgC;AACzC,SAAS,0BAA0B;AACnC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC5B,SAAR,oBAAqC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,yBAAyB;AAC7B,QAAM,kBAAkB,OAAO,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,kBAAkB;AAAA,EACvB;AACA,QAAM,cAAc,qCAAqC,IAAI;AAE7D,QAAM,oBAAoB,QAAQ,GAAG,cAAc,GAAG,KAAK;AAC3D,SAAoB,sBAAM,aAAa;AAAA,IACrC,WAAW;AAAA,IACX,UAAU,CAAC,CAAC,eAA4B,sBAAM,cAAc;AAAA,MAC1D,IAAI;AAAA,MACJ,WAAW;AAAA,MACX,OAAO;AAAA,MACP,UAAU,CAAc,qBAAK,QAAQ;AAAA,QACnC,IAAI;AAAA,QACJ,UAAU;AAAA,MACZ,CAAC,IAAI,aAAa,gBAA6B,sBAAM,oBAAoB;AAAA,QACvE,UAAU,CAAC,aAAa,aAA0B,qBAAK,QAAQ;AAAA,UAC7D,MAAM;AAAA,UACN,SAAS;AAAA,UACT,OAAO;AAAA,UACP,SAAS,MAAM,eAAe,IAAI;AAAA,UAClC,KAAK;AAAA,UACL,UAAuB,qBAAK,MAAM;AAAA,YAChC,MAAM;AAAA,UACR,CAAC;AAAA,QACH,CAAC,CAAC;AAAA,MACJ,CAAC,CAAC;AAAA,IACJ,CAAC,GAAG,eAA4B,qBAAK,OAAO;AAAA,MAC1C,WAAW,oBAAoB;AAAA,QAC7B,MAAM;AAAA,QACN,QAAQ;AAAA,MACV,CAAC;AAAA,MACD,UAAuB,qBAAK,iBAAiB;AAAA,QAC3C;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;",
+  "names": []
+}

package/build-module/navigation/menu/search-no-results-found.js

@@ -1,15 +1,8 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { useNavigationContext } from '../context';
-import { ItemBaseUI, ItemUI } from '../styles/navigation-styles';
+import { __ } from "@wordpress/i18n";
+import { useNavigationContext } from "../context";
+import { ItemBaseUI, ItemUI } from "../styles/navigation-styles";
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-export default function NavigationSearchNoResultsFound({
+function NavigationSearchNoResultsFound({
   search
 }) {
   const {
@@ -17,14 +10,17 @@ export default function NavigationSearchNoResultsFound({
       items
     }
   } = useNavigationContext();
-  const resultsCount = Object.values(items).filter(item => item._isVisible).length;
+  const resultsCount = Object.values(items).filter((item) => item._isVisible).length;
   if (!search || !!resultsCount) {
     return null;
   }
-  return /*#__PURE__*/_jsx(ItemBaseUI, {
-    children: /*#__PURE__*/_jsxs(ItemUI, {
-      children: [__('No results found.'), " "]
+  return /* @__PURE__ */ _jsx(ItemBaseUI, {
+    children: /* @__PURE__ */ _jsxs(ItemUI, {
+      children: [__("No results found."), " "]
     })
   });
 }
-//# sourceMappingURL=search-no-results-found.js.map
+export {
+  NavigationSearchNoResultsFound as default
+};
+//# sourceMappingURL=search-no-results-found.js.map

package/build-module/navigation/menu/search-no-results-found.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["__","useNavigationContext","ItemBaseUI","ItemUI","jsxs","_jsxs","jsx","_jsx","NavigationSearchNoResultsFound","search","navigationTree","items","resultsCount","Object","values","filter","item","_isVisible","length","children"],"sources":["@wordpress/components/src/navigation/menu/search-no-results-found.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { ItemBaseUI, ItemUI } from '../styles/navigation-styles';\n\nimport type { NavigationSearchNoResultsFoundProps } from '../types';\n\nexport default function NavigationSearchNoResultsFound( {\n\tsearch,\n}: NavigationSearchNoResultsFoundProps ) {\n\tconst {\n\t\tnavigationTree: { items },\n\t} = useNavigationContext();\n\n\tconst resultsCount = Object.values( items ).filter(\n\t\t( item ) => item._isVisible\n\t).length;\n\n\tif ( ! search || !! resultsCount ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ItemBaseUI>\n\t\t\t<ItemUI>{ __( 'No results found.' ) } </ItemUI>\n\t\t</ItemBaseUI>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,YAAY;AACjD,SAASC,UAAU,EAAEC,MAAM,QAAQ,6BAA6B;AAAC,SAAAC,IAAA,IAAAC,KAAA,EAAAC,GAAA,IAAAC,IAAA;AAIjE,eAAe,SAASC,8BAA8BA,CAAE;EACvDC;AACoC,CAAC,EAAG;EACxC,MAAM;IACLC,cAAc,EAAE;MAAEC;IAAM;EACzB,CAAC,GAAGV,oBAAoB,CAAC,CAAC;EAE1B,MAAMW,YAAY,GAAGC,MAAM,CAACC,MAAM,CAAEH,KAAM,CAAC,CAACI,MAAM,CAC/CC,IAAI,IAAMA,IAAI,CAACC,UAClB,CAAC,CAACC,MAAM;EAER,IAAK,CAAET,MAAM,IAAI,CAAC,CAAEG,YAAY,EAAG;IAClC,OAAO,IAAI;EACZ;EAEA,oBACCL,IAAA,CAACL,UAAU;IAAAiB,QAAA,eACVd,KAAA,CAACF,MAAM;MAAAgB,QAAA,GAAGnB,EAAE,CAAE,mBAAoB,CAAC,EAAE,GAAC;IAAA,CAAQ;EAAC,CACpC,CAAC;AAEf","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/menu/search-no-results-found.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { ItemBaseUI, ItemUI } from '../styles/navigation-styles';\nimport { jsxs as _jsxs, jsx as _jsx } from \"react/jsx-runtime\";\nexport default function NavigationSearchNoResultsFound({\n  search\n}) {\n  const {\n    navigationTree: {\n      items\n    }\n  } = useNavigationContext();\n  const resultsCount = Object.values(items).filter(item => item._isVisible).length;\n  if (!search || !!resultsCount) {\n    return null;\n  }\n  return /*#__PURE__*/_jsx(ItemBaseUI, {\n    children: /*#__PURE__*/_jsxs(ItemUI, {\n      children: [__('No results found.'), \" \"]\n    })\n  });\n}"],
+  "mappings": "AAGA,SAAS,UAAU;AAKnB,SAAS,4BAA4B;AACrC,SAAS,YAAY,cAAc;AACnC,SAAS,QAAQ,OAAO,OAAO,YAAY;AAC5B,SAAR,+BAAgD;AAAA,EACrD;AACF,GAAG;AACD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,eAAe,OAAO,OAAO,KAAK,EAAE,OAAO,UAAQ,KAAK,UAAU,EAAE;AAC1E,MAAI,CAAC,UAAU,CAAC,CAAC,cAAc;AAC7B,WAAO;AAAA,EACT;AACA,SAAoB,qBAAK,YAAY;AAAA,IACnC,UAAuB,sBAAM,QAAQ;AAAA,MACnC,UAAU,CAAC,GAAG,mBAAmB,GAAG,GAAG;AAAA,IACzC,CAAC;AAAA,EACH,CAAC;AACH;",
+  "names": []
+}