@wordpress/components 33.1.1-next.v.202605131032.0 → 35.0.0

package/build-module/navigation/item/index.mjs

@@ -1,84 +0,0 @@
-// packages/components/src/navigation/item/index.tsx
-import clsx from "clsx";
-import { Icon, chevronLeft, chevronRight } from "@wordpress/icons";
-import { isRTL } from "@wordpress/i18n";
-import Button from "../../button/index.mjs";
-import { useNavigationContext } from "../context.mjs";
-import { ItemUI, ItemIconUI } from "../styles/navigation-styles.mjs";
-import NavigationItemBaseContent from "./base-content.mjs";
-import NavigationItemBase from "./base.mjs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-var noop = () => {
-};
-function NavigationItem(props) {
-  const {
-    badge,
-    children,
-    className,
-    href,
-    item,
-    navigateToMenu,
-    onClick = noop,
-    title,
-    icon,
-    hideIfTargetMenuEmpty,
-    isText,
-    ...restProps
-  } = props;
-  const {
-    activeItem,
-    setActiveMenu,
-    navigationTree: {
-      isMenuEmpty
-    }
-  } = useNavigationContext();
-  if (hideIfTargetMenuEmpty && navigateToMenu && isMenuEmpty(navigateToMenu)) {
-    return null;
-  }
-  const isActive = item && activeItem === item;
-  const classes = clsx(className, {
-    "is-active": isActive
-  });
-  const onItemClick = (event) => {
-    if (navigateToMenu) {
-      setActiveMenu(navigateToMenu);
-    }
-    onClick(event);
-  };
-  const navigationIcon = isRTL() ? chevronLeft : chevronRight;
-  const baseProps = children ? props : {
-    ...props,
-    onClick: void 0
-  };
-  const itemProps = isText ? restProps : {
-    as: Button,
-    __next40pxDefaultSize: "as" in restProps ? restProps.as === void 0 : true,
-    href,
-    onClick: onItemClick,
-    "aria-current": isActive ? "page" : void 0,
-    ...restProps
-  };
-  return /* @__PURE__ */ _jsx(NavigationItemBase, {
-    ...baseProps,
-    className: classes,
-    children: children || /* @__PURE__ */ _jsxs(ItemUI, {
-      ...itemProps,
-      children: [icon && /* @__PURE__ */ _jsx(ItemIconUI, {
-        children: /* @__PURE__ */ _jsx(Icon, {
-          icon
-        })
-      }), /* @__PURE__ */ _jsx(NavigationItemBaseContent, {
-        title,
-        badge
-      }), navigateToMenu && /* @__PURE__ */ _jsx(Icon, {
-        icon: navigationIcon
-      })]
-    })
-  });
-}
-var item_default = NavigationItem;
-export {
-  NavigationItem,
-  item_default as default
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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,IAAM,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.mjs

@@ -1,39 +0,0 @@
-// packages/components/src/navigation/item/use-navigation-tree-item.tsx
-import { useEffect } from "@wordpress/element";
-import { useNavigationContext } from "../context.mjs";
-import { useNavigationGroupContext } from "../group/context.mjs";
-import { useNavigationMenuContext } from "../menu/context.mjs";
-import { normalizedSearch } from "../utils.mjs";
-var useNavigationTreeItem = (itemId, props) => {
-  const {
-    activeMenu,
-    navigationTree: {
-      addItem,
-      removeItem
-    }
-  } = useNavigationContext();
-  const {
-    group
-  } = useNavigationGroupContext();
-  const {
-    menu,
-    search
-  } = useNavigationMenuContext();
-  useEffect(() => {
-    const isMenuActive = activeMenu === menu;
-    const isItemVisible = !search || props.title !== void 0 && normalizedSearch(props.title, search);
-    addItem(itemId, {
-      ...props,
-      group,
-      menu,
-      _isVisible: isMenuActive && isItemVisible
-    });
-    return () => {
-      removeItem(itemId);
-    };
-  }, [activeMenu, search]);
-};
-export {
-  useNavigationTreeItem
-};
-//# sourceMappingURL=use-navigation-tree-item.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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,IAAM,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.mjs

@@ -1,13 +0,0 @@
-// packages/components/src/navigation/menu/context.tsx
-import { createContext, useContext } from "@wordpress/element";
-var NavigationMenuContext = createContext({
-  menu: void 0,
-  search: ""
-});
-NavigationMenuContext.displayName = "NavigationMenuContext";
-var useNavigationMenuContext = () => useContext(NavigationMenuContext);
-export {
-  NavigationMenuContext,
-  useNavigationMenuContext
-};
-//# sourceMappingURL=context.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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,IAAM,wBAAwB,cAAc;AAAA,EACjD,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AACD,sBAAsB,cAAc;AAC7B,IAAM,2BAA2B,MAAM,WAAW,qBAAqB;",
-  "names": []
-}

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

@@ -1,79 +0,0 @@
-// packages/components/src/navigation/menu/index.tsx
-import clsx from "clsx";
-import { useState } from "@wordpress/element";
-import { ROOT_MENU } from "../constants.mjs";
-import { NavigationMenuContext } from "./context.mjs";
-import { useNavigationContext } from "../context.mjs";
-import { useNavigationTreeMenu } from "./use-navigation-tree-menu.mjs";
-import NavigationBackButton from "../back-button/index.mjs";
-import NavigationMenuTitle from "./menu-title.mjs";
-import NavigationSearchNoResultsFound from "./search-no-results-found.mjs";
-import { NavigableMenu } from "../../navigable-container/index.mjs";
-import { MenuUI } from "../styles/navigation-styles.mjs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function NavigationMenu(props) {
-  const {
-    backButtonLabel,
-    children,
-    className,
-    hasSearch,
-    menu = ROOT_MENU,
-    onBackButtonClick,
-    onSearch: setControlledSearch,
-    parentMenu,
-    search: controlledSearch,
-    isSearchDebouncing,
-    title,
-    titleAction
-  } = props;
-  const [uncontrolledSearch, setUncontrolledSearch] = useState("");
-  useNavigationTreeMenu(props);
-  const {
-    activeMenu
-  } = useNavigationContext();
-  const context = {
-    menu,
-    search: uncontrolledSearch
-  };
-  if (activeMenu !== menu) {
-    return /* @__PURE__ */ _jsx(NavigationMenuContext.Provider, {
-      value: context,
-      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, {
-    value: context,
-    children: /* @__PURE__ */ _jsxs(MenuUI, {
-      className: classes,
-      children: [(parentMenu || onBackButtonClick) && /* @__PURE__ */ _jsx(NavigationBackButton, {
-        backButtonLabel,
-        parentMenu,
-        onClick: onBackButtonClick
-      }), 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
-          })]
-        })
-      })]
-    })
-  });
-}
-var menu_default = NavigationMenu;
-export {
-  NavigationMenu,
-  menu_default as default
-};
-//# sourceMappingURL=index.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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.mjs

@@ -1,80 +0,0 @@
-// packages/components/src/navigation/menu/menu-title-search.tsx
-import { useEffect, useRef } from "@wordpress/element";
-import { __, _n, sprintf } from "@wordpress/i18n";
-import withSpokenMessages from "../../higher-order/with-spoken-messages/index.mjs";
-import { useNavigationMenuContext } from "./context.mjs";
-import { useNavigationContext } from "../context.mjs";
-import { SEARCH_FOCUS_DELAY } from "../constants.mjs";
-import SearchControl from "../../search-control/index.mjs";
-import { MenuTitleSearchControlWrapper } from "../styles/navigation-styles.mjs";
-import { jsx as _jsx } from "react/jsx-runtime";
-function MenuTitleSearch({
-  debouncedSpeak,
-  onCloseSearch,
-  onSearch,
-  search,
-  title
-}) {
-  const {
-    navigationTree: {
-      items
-    }
-  } = useNavigationContext();
-  const {
-    menu
-  } = useNavigationMenuContext();
-  const inputRef = useRef(null);
-  useEffect(() => {
-    const delayedFocus = setTimeout(() => {
-      inputRef.current?.focus();
-    }, SEARCH_FOCUS_DELAY);
-    return () => {
-      clearTimeout(delayedFocus);
-    };
-  }, []);
-  useEffect(() => {
-    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
-    );
-    debouncedSpeak(resultsFoundMessage);
-  }, [items, search]);
-  const onClose = () => {
-    onSearch?.("");
-    onCloseSearch();
-  };
-  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, {
-      className: "components-navigation__menu-search-input",
-      id: inputId,
-      onChange: (value) => onSearch?.(value),
-      onKeyDown,
-      placeholder,
-      onClose,
-      ref: inputRef,
-      value: search
-    })
-  });
-}
-var menu_title_search_default = withSpokenMessages(MenuTitleSearch);
-export {
-  menu_title_search_default as default
-};
-//# sourceMappingURL=menu-title-search.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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      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,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.mjs

@@ -1,73 +0,0 @@
-// packages/components/src/navigation/menu/menu-title.tsx
-import { useRef, useState } from "@wordpress/element";
-import { __, sprintf } from "@wordpress/i18n";
-import { Icon, search as searchIcon } from "@wordpress/icons";
-import { getAnimateClassName } from "../../animate/index.mjs";
-import Button from "../../button/index.mjs";
-import MenuTitleSearch from "./menu-title-search.mjs";
-import { GroupTitleUI, MenuTitleActionsUI, MenuTitleUI } from "../styles/navigation-styles.mjs";
-import { useNavigationMenuContext } from "./context.mjs";
-import { SEARCH_FOCUS_DELAY } from "../constants.mjs";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-function NavigationMenuTitle({
-  hasSearch,
-  onSearch,
-  search,
-  title,
-  titleAction
-}) {
-  const [isSearching, setIsSearching] = useState(false);
-  const {
-    menu
-  } = useNavigationMenuContext();
-  const searchButtonRef = useRef(null);
-  if (!title) {
-    return null;
-  }
-  const onCloseSearch = () => {
-    setIsSearching(false);
-    setTimeout(() => {
-      searchButtonRef.current?.focus();
-    }, SEARCH_FOCUS_DELAY);
-  };
-  const menuTitleId = `components-navigation__menu-title-${menu}`;
-  const searchButtonLabel = sprintf(__("Search in %s"), title);
-  return /* @__PURE__ */ _jsxs(MenuTitleUI, {
-    className: "components-navigation__menu-title",
-    children: [!isSearching && /* @__PURE__ */ _jsxs(GroupTitleUI, {
-      as: "h2",
-      className: "components-navigation__menu-title-heading",
-      level: 3,
-      children: [/* @__PURE__ */ _jsx("span", {
-        id: menuTitleId,
-        children: title
-      }), (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, {
-            icon: searchIcon
-          })
-        })]
-      })]
-    }), isSearching && /* @__PURE__ */ _jsx("div", {
-      className: getAnimateClassName({
-        type: "slide-in",
-        origin: "left"
-      }),
-      children: /* @__PURE__ */ _jsx(MenuTitleSearch, {
-        onCloseSearch,
-        onSearch,
-        search,
-        title
-      })
-    })]
-  });
-}
-export {
-  NavigationMenuTitle as default
-};
-//# sourceMappingURL=menu-title.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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.mjs

@@ -1,27 +0,0 @@
-// packages/components/src/navigation/menu/search-no-results-found.tsx
-import { __ } from "@wordpress/i18n";
-import { useNavigationContext } from "../context.mjs";
-import { ItemBaseUI, ItemUI } from "../styles/navigation-styles.mjs";
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-function NavigationSearchNoResultsFound({
-  search
-}) {
-  const {
-    navigationTree: {
-      items
-    }
-  } = useNavigationContext();
-  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."), " "]
-    })
-  });
-}
-export {
-  NavigationSearchNoResultsFound as default
-};
-//# sourceMappingURL=search-no-results-found.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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": []
-}

package/build-module/navigation/menu/use-navigation-tree-menu.mjs

@@ -1,26 +0,0 @@
-// packages/components/src/navigation/menu/use-navigation-tree-menu.tsx
-import { useEffect } from "@wordpress/element";
-import { useNavigationContext } from "../context.mjs";
-import { ROOT_MENU } from "../constants.mjs";
-var useNavigationTreeMenu = (props) => {
-  const {
-    navigationTree: {
-      addMenu,
-      removeMenu
-    }
-  } = useNavigationContext();
-  const key = props.menu || ROOT_MENU;
-  useEffect(() => {
-    addMenu(key, {
-      ...props,
-      menu: key
-    });
-    return () => {
-      removeMenu(key);
-    };
-  }, []);
-};
-export {
-  useNavigationTreeMenu
-};
-//# sourceMappingURL=use-navigation-tree-menu.mjs.map

package/build-module/navigation/menu/use-navigation-tree-menu.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/navigation/menu/use-navigation-tree-menu.tsx"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { ROOT_MENU } from '../constants';\nexport const useNavigationTreeMenu = props => {\n  const {\n    navigationTree: {\n      addMenu,\n      removeMenu\n    }\n  } = useNavigationContext();\n  const key = props.menu || ROOT_MENU;\n  useEffect(() => {\n    addMenu(key, {\n      ...props,\n      menu: key\n    });\n    return () => {\n      removeMenu(key);\n    };\n    // Not adding deps for now, as it would require either a larger refactor\n    // See https://github.com/WordPress/gutenberg/pull/44090\n  }, []);\n};"],
-  "mappings": ";AAGA,SAAS,iBAAiB;AAK1B,SAAS,4BAA4B;AACrC,SAAS,iBAAiB;AACnB,IAAM,wBAAwB,WAAS;AAC5C,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,MAAM,MAAM,QAAQ;AAC1B,YAAU,MAAM;AACd,YAAQ,KAAK;AAAA,MACX,GAAG;AAAA,MACH,MAAM;AAAA,IACR,CAAC;AACD,WAAO,MAAM;AACX,iBAAW,GAAG;AAAA,IAChB;AAAA,EAGF,GAAG,CAAC,CAAC;AACP;",
-  "names": []
-}