@wordpress/components 30.5.1-next.233ccab9b.0 → 30.6.0

package/build-module/navigation/context.js

@@ -1,17 +1,11 @@
-/**
- * WordPress dependencies
- */
-import { createContext, useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { ROOT_MENU } from './constants';
-const noop = () => {};
+import { createContext, useContext } from "@wordpress/element";
+import { ROOT_MENU } from "./constants";
+const noop = () => {
+};
 const defaultIsEmpty = () => false;
-const defaultGetter = () => undefined;
-export const NavigationContext = createContext({
-  activeItem: undefined,
+const defaultGetter = () => void 0;
+const NavigationContext = createContext({
+  activeItem: void 0,
   activeMenu: ROOT_MENU,
   setActiveMenu: noop,
   navigationTree: {
@@ -28,6 +22,10 @@ export const NavigationContext = createContext({
     isMenuEmpty: defaultIsEmpty
   }
 });
-NavigationContext.displayName = 'NavigationContext';
-export const useNavigationContext = () => useContext(NavigationContext);
-//# sourceMappingURL=context.js.map
+NavigationContext.displayName = "NavigationContext";
+const useNavigationContext = () => useContext(NavigationContext);
+export {
+  NavigationContext,
+  useNavigationContext
+};
+//# sourceMappingURL=context.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["createContext","useContext","ROOT_MENU","noop","defaultIsEmpty","defaultGetter","undefined","NavigationContext","activeItem","activeMenu","setActiveMenu","navigationTree","items","getItem","addItem","removeItem","menus","getMenu","addMenu","removeMenu","childMenu","traverseMenu","isMenuEmpty","displayName","useNavigationContext"],"sources":["@wordpress/components/src/navigation/context.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from './constants';\n\nimport type { NavigationContext as NavigationContextType } from './types';\n\nconst noop = () => {};\nconst defaultIsEmpty = () => false;\nconst defaultGetter = () => undefined;\n\nexport const NavigationContext = createContext< NavigationContextType >( {\n\tactiveItem: undefined,\n\tactiveMenu: ROOT_MENU,\n\tsetActiveMenu: noop,\n\n\tnavigationTree: {\n\t\titems: {},\n\t\tgetItem: defaultGetter,\n\t\taddItem: noop,\n\t\tremoveItem: noop,\n\n\t\tmenus: {},\n\t\tgetMenu: defaultGetter,\n\t\taddMenu: noop,\n\t\tremoveMenu: noop,\n\t\tchildMenu: {},\n\t\ttraverseMenu: noop,\n\t\tisMenuEmpty: defaultIsEmpty,\n\t},\n} );\n\nNavigationContext.displayName = 'NavigationContext';\n\nexport const useNavigationContext = () => useContext( NavigationContext );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,oBAAoB;;AAE9D;AACA;AACA;AACA,SAASC,SAAS,QAAQ,aAAa;AAIvC,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AACrB,MAAMC,cAAc,GAAGA,CAAA,KAAM,KAAK;AAClC,MAAMC,aAAa,GAAGA,CAAA,KAAMC,SAAS;AAErC,OAAO,MAAMC,iBAAiB,GAAGP,aAAa,CAA2B;EACxEQ,UAAU,EAAEF,SAAS;EACrBG,UAAU,EAAEP,SAAS;EACrBQ,aAAa,EAAEP,IAAI;EAEnBQ,cAAc,EAAE;IACfC,KAAK,EAAE,CAAC,CAAC;IACTC,OAAO,EAAER,aAAa;IACtBS,OAAO,EAAEX,IAAI;IACbY,UAAU,EAAEZ,IAAI;IAEhBa,KAAK,EAAE,CAAC,CAAC;IACTC,OAAO,EAAEZ,aAAa;IACtBa,OAAO,EAAEf,IAAI;IACbgB,UAAU,EAAEhB,IAAI;IAChBiB,SAAS,EAAE,CAAC,CAAC;IACbC,YAAY,EAAElB,IAAI;IAClBmB,WAAW,EAAElB;EACd;AACD,CAAE,CAAC;AAEHG,iBAAiB,CAACgB,WAAW,GAAG,mBAAmB;AAEnD,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAMvB,UAAU,CAAEM,iBAAkB,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/navigation/context.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from './constants';\nconst noop = () => {};\nconst defaultIsEmpty = () => false;\nconst defaultGetter = () => undefined;\nexport const NavigationContext = createContext({\n  activeItem: undefined,\n  activeMenu: ROOT_MENU,\n  setActiveMenu: noop,\n  navigationTree: {\n    items: {},\n    getItem: defaultGetter,\n    addItem: noop,\n    removeItem: noop,\n    menus: {},\n    getMenu: defaultGetter,\n    addMenu: noop,\n    removeMenu: noop,\n    childMenu: {},\n    traverseMenu: noop,\n    isMenuEmpty: defaultIsEmpty\n  }\n});\nNavigationContext.displayName = 'NavigationContext';\nexport const useNavigationContext = () => useContext(NavigationContext);"],
+  "mappings": "AAGA,SAAS,eAAe,kBAAkB;AAK1C,SAAS,iBAAiB;AAC1B,MAAM,OAAO,MAAM;AAAC;AACpB,MAAM,iBAAiB,MAAM;AAC7B,MAAM,gBAAgB,MAAM;AACrB,MAAM,oBAAoB,cAAc;AAAA,EAC7C,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,gBAAgB;AAAA,IACd,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,OAAO,CAAC;AAAA,IACR,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,WAAW,CAAC;AAAA,IACZ,cAAc;AAAA,IACd,aAAa;AAAA,EACf;AACF,CAAC;AACD,kBAAkB,cAAc;AACzB,MAAM,uBAAuB,MAAM,WAAW,iBAAiB;",
+  "names": []
+}

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

@@ -1,15 +1,11 @@
-/**
- * WordPress dependencies
- */
-import { createContext, useContext } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-
-export const NavigationGroupContext = createContext({
-  group: undefined
+import { createContext, useContext } from "@wordpress/element";
+const NavigationGroupContext = createContext({
+  group: void 0
 });
-NavigationGroupContext.displayName = 'NavigationGroupContext';
-export const useNavigationGroupContext = () => useContext(NavigationGroupContext);
-//# sourceMappingURL=context.js.map
+NavigationGroupContext.displayName = "NavigationGroupContext";
+const useNavigationGroupContext = () => useContext(NavigationGroupContext);
+export {
+  NavigationGroupContext,
+  useNavigationGroupContext
+};
+//# sourceMappingURL=context.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["createContext","useContext","NavigationGroupContext","group","undefined","displayName","useNavigationGroupContext"],"sources":["@wordpress/components/src/navigation/group/context.tsx"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport type { NavigationGroupContext as NavigationGroupContextType } from '../types';\n\nexport const NavigationGroupContext =\n\tcreateContext< NavigationGroupContextType >( { group: undefined } );\nNavigationGroupContext.displayName = 'NavigationGroupContext';\n\nexport const useNavigationGroupContext = () =>\n\tuseContext( NavigationGroupContext );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,aAAa,EAAEC,UAAU,QAAQ,oBAAoB;;AAE9D;AACA;AACA;;AAGA,OAAO,MAAMC,sBAAsB,GAClCF,aAAa,CAAgC;EAAEG,KAAK,EAAEC;AAAU,CAAE,CAAC;AACpEF,sBAAsB,CAACG,WAAW,GAAG,wBAAwB;AAE7D,OAAO,MAAMC,yBAAyB,GAAGA,CAAA,KACxCL,UAAU,CAAEC,sBAAuB,CAAC","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/group/context.tsx"],
+  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createContext, useContext } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\n\nexport const NavigationGroupContext = createContext({\n  group: undefined\n});\nNavigationGroupContext.displayName = 'NavigationGroupContext';\nexport const useNavigationGroupContext = () => useContext(NavigationGroupContext);"],
+  "mappings": "AAGA,SAAS,eAAe,kBAAkB;AAMnC,MAAM,yBAAyB,cAAc;AAAA,EAClD,OAAO;AACT,CAAC;AACD,uBAAuB,cAAc;AAC9B,MAAM,4BAA4B,MAAM,WAAW,sBAAsB;",
+  "names": []
+}

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

@@ -1,26 +1,11 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { NavigationGroupContext } from './context';
-import { GroupTitleUI } from '../styles/navigation-styles';
-import { useNavigationContext } from '../context';
+import clsx from "clsx";
+import { useState } from "@wordpress/element";
+import { NavigationGroupContext } from "./context";
+import { GroupTitleUI } from "../styles/navigation-styles";
+import { useNavigationContext } from "../context";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 let uniqueId = 0;
-
-/**
- * @deprecated Use `Navigator` instead.
- */
-export function NavigationGroup({
+function NavigationGroup({
   children,
   className,
   title
@@ -34,32 +19,34 @@ export function NavigationGroup({
   const context = {
     group: groupId
   };
-
-  // Keep the children rendered to make sure invisible items are included in the navigation tree.
-  if (!Object.values(items).some(item => item.group === groupId && item._isVisible)) {
-    return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {
+  if (!Object.values(items).some((item) => item.group === groupId && item._isVisible)) {
+    return /* @__PURE__ */ _jsx(NavigationGroupContext.Provider, {
       value: context,
-      children: children
+      children
     });
   }
   const groupTitleId = `components-navigation__group-title-${groupId}`;
-  const classes = clsx('components-navigation__group', className);
-  return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {
+  const classes = clsx("components-navigation__group", className);
+  return /* @__PURE__ */ _jsx(NavigationGroupContext.Provider, {
     value: context,
-    children: /*#__PURE__*/_jsxs("li", {
+    children: /* @__PURE__ */ _jsxs("li", {
       className: classes,
-      children: [title && /*#__PURE__*/_jsx(GroupTitleUI, {
+      children: [title && /* @__PURE__ */ _jsx(GroupTitleUI, {
         className: "components-navigation__group-title",
         id: groupTitleId,
         level: 3,
         children: title
-      }), /*#__PURE__*/_jsx("ul", {
+      }), /* @__PURE__ */ _jsx("ul", {
         "aria-labelledby": groupTitleId,
         role: "group",
-        children: children
+        children
       })]
     })
   });
 }
-export default NavigationGroup;
-//# sourceMappingURL=index.js.map
+var group_default = NavigationGroup;
+export {
+  NavigationGroup,
+  group_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useState","NavigationGroupContext","GroupTitleUI","useNavigationContext","jsx","_jsx","jsxs","_jsxs","uniqueId","NavigationGroup","children","className","title","groupId","navigationTree","items","context","group","Object","values","some","item","_isVisible","Provider","value","groupTitleId","classes","id","level","role"],"sources":["@wordpress/components/src/navigation/group/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 { NavigationGroupContext } from './context';\nimport { GroupTitleUI } from '../styles/navigation-styles';\nimport { useNavigationContext } from '../context';\n\nimport type { NavigationGroupProps } from '../types';\n\nlet uniqueId = 0;\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationGroup( {\n\tchildren,\n\tclassName,\n\ttitle,\n}: NavigationGroupProps ) {\n\tconst [ groupId ] = useState( `group-${ ++uniqueId }` );\n\tconst {\n\t\tnavigationTree: { items },\n\t} = useNavigationContext();\n\n\tconst context = { group: groupId };\n\n\t// Keep the children rendered to make sure invisible items are included in the navigation tree.\n\tif (\n\t\t! Object.values( items ).some(\n\t\t\t( item ) => item.group === groupId && item._isVisible\n\t\t)\n\t) {\n\t\treturn (\n\t\t\t<NavigationGroupContext.Provider value={ context }>\n\t\t\t\t{ children }\n\t\t\t</NavigationGroupContext.Provider>\n\t\t);\n\t}\n\n\tconst groupTitleId = `components-navigation__group-title-${ groupId }`;\n\tconst classes = clsx( 'components-navigation__group', className );\n\n\treturn (\n\t\t<NavigationGroupContext.Provider value={ context }>\n\t\t\t<li className={ classes }>\n\t\t\t\t{ title && (\n\t\t\t\t\t<GroupTitleUI\n\t\t\t\t\t\tclassName=\"components-navigation__group-title\"\n\t\t\t\t\t\tid={ groupTitleId }\n\t\t\t\t\t\tlevel={ 3 }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ title }\n\t\t\t\t\t</GroupTitleUI>\n\t\t\t\t) }\n\t\t\t\t<ul aria-labelledby={ groupTitleId } role=\"group\">\n\t\t\t\t\t{ children }\n\t\t\t\t</ul>\n\t\t\t</li>\n\t\t</NavigationGroupContext.Provider>\n\t);\n}\n\nexport default NavigationGroup;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA,SAASC,sBAAsB,QAAQ,WAAW;AAClD,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,oBAAoB,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAIlD,IAAIC,QAAQ,GAAG,CAAC;;AAEhB;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAE;EAChCC,QAAQ;EACRC,SAAS;EACTC;AACqB,CAAC,EAAG;EACzB,MAAM,CAAEC,OAAO,CAAE,GAAGb,QAAQ,CAAE,SAAU,EAAEQ,QAAQ,EAAI,CAAC;EACvD,MAAM;IACLM,cAAc,EAAE;MAAEC;IAAM;EACzB,CAAC,GAAGZ,oBAAoB,CAAC,CAAC;EAE1B,MAAMa,OAAO,GAAG;IAAEC,KAAK,EAAEJ;EAAQ,CAAC;;EAElC;EACA,IACC,CAAEK,MAAM,CAACC,MAAM,CAAEJ,KAAM,CAAC,CAACK,IAAI,CAC1BC,IAAI,IAAMA,IAAI,CAACJ,KAAK,KAAKJ,OAAO,IAAIQ,IAAI,CAACC,UAC5C,CAAC,EACA;IACD,oBACCjB,IAAA,CAACJ,sBAAsB,CAACsB,QAAQ;MAACC,KAAK,EAAGR,OAAS;MAAAN,QAAA,EAC/CA;IAAQ,CACsB,CAAC;EAEpC;EAEA,MAAMe,YAAY,GAAG,sCAAuCZ,OAAO,EAAG;EACtE,MAAMa,OAAO,GAAG3B,IAAI,CAAE,8BAA8B,EAAEY,SAAU,CAAC;EAEjE,oBACCN,IAAA,CAACJ,sBAAsB,CAACsB,QAAQ;IAACC,KAAK,EAAGR,OAAS;IAAAN,QAAA,eACjDH,KAAA;MAAII,SAAS,EAAGe,OAAS;MAAAhB,QAAA,GACtBE,KAAK,iBACNP,IAAA,CAACH,YAAY;QACZS,SAAS,EAAC,oCAAoC;QAC9CgB,EAAE,EAAGF,YAAc;QACnBG,KAAK,EAAG,CAAG;QAAAlB,QAAA,EAETE;MAAK,CACM,CACd,eACDP,IAAA;QAAI,mBAAkBoB,YAAc;QAACI,IAAI,EAAC,OAAO;QAAAnB,QAAA,EAC9CA;MAAQ,CACP,CAAC;IAAA,CACF;EAAC,CAC2B,CAAC;AAEpC;AAEA,eAAeD,eAAe","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/group/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 { NavigationGroupContext } from './context';\nimport { GroupTitleUI } from '../styles/navigation-styles';\nimport { useNavigationContext } from '../context';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nlet uniqueId = 0;\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport function NavigationGroup({\n  children,\n  className,\n  title\n}) {\n  const [groupId] = useState(`group-${++uniqueId}`);\n  const {\n    navigationTree: {\n      items\n    }\n  } = useNavigationContext();\n  const context = {\n    group: groupId\n  };\n\n  // Keep the children rendered to make sure invisible items are included in the navigation tree.\n  if (!Object.values(items).some(item => item.group === groupId && item._isVisible)) {\n    return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {\n      value: context,\n      children: children\n    });\n  }\n  const groupTitleId = `components-navigation__group-title-${groupId}`;\n  const classes = clsx('components-navigation__group', className);\n  return /*#__PURE__*/_jsx(NavigationGroupContext.Provider, {\n    value: context,\n    children: /*#__PURE__*/_jsxs(\"li\", {\n      className: classes,\n      children: [title && /*#__PURE__*/_jsx(GroupTitleUI, {\n        className: \"components-navigation__group-title\",\n        id: groupTitleId,\n        level: 3,\n        children: title\n      }), /*#__PURE__*/_jsx(\"ul\", {\n        \"aria-labelledby\": groupTitleId,\n        role: \"group\",\n        children: children\n      })]\n    })\n  });\n}\nexport default NavigationGroup;"],
+  "mappings": "AAGA,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AAKzB,SAAS,8BAA8B;AACvC,SAAS,oBAAoB;AAC7B,SAAS,4BAA4B;AACrC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,IAAI,WAAW;AAKR,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,CAAC,OAAO,IAAI,SAAS,SAAS,EAAE,QAAQ,EAAE;AAChD,QAAM;AAAA,IACJ,gBAAgB;AAAA,MACd;AAAA,IACF;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,UAAU;AAAA,IACd,OAAO;AAAA,EACT;AAGA,MAAI,CAAC,OAAO,OAAO,KAAK,EAAE,KAAK,UAAQ,KAAK,UAAU,WAAW,KAAK,UAAU,GAAG;AACjF,WAAoB,qBAAK,uBAAuB,UAAU;AAAA,MACxD,OAAO;AAAA,MACP;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,eAAe,sCAAsC,OAAO;AAClE,QAAM,UAAU,KAAK,gCAAgC,SAAS;AAC9D,SAAoB,qBAAK,uBAAuB,UAAU;AAAA,IACxD,OAAO;AAAA,IACP,UAAuB,sBAAM,MAAM;AAAA,MACjC,WAAW;AAAA,MACX,UAAU,CAAC,SAAsB,qBAAK,cAAc;AAAA,QAClD,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,UAAU;AAAA,MACZ,CAAC,GAAgB,qBAAK,MAAM;AAAA,QAC1B,mBAAmB;AAAA,QACnB,MAAM;AAAA,QACN;AAAA,MACF,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,gBAAQ;",
+  "names": []
+}

package/build-module/navigation/index.js

@@ -1,69 +1,16 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import deprecated from '@wordpress/deprecated';
-import { useEffect, useRef, useState } from '@wordpress/element';
-import { isRTL } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import { getAnimateClassName } from '../animate';
-import { ROOT_MENU } from './constants';
-import { NavigationContext } from './context';
-import { NavigationUI } from './styles/navigation-styles';
-import { useCreateNavigationTree } from './use-create-navigation-tree';
+import clsx from "clsx";
+import deprecated from "@wordpress/deprecated";
+import { useEffect, useRef, useState } from "@wordpress/element";
+import { isRTL } from "@wordpress/i18n";
+import { getAnimateClassName } from "../animate";
+import { ROOT_MENU } from "./constants";
+import { NavigationContext } from "./context";
+import { NavigationUI } from "./styles/navigation-styles";
+import { useCreateNavigationTree } from "./use-create-navigation-tree";
 import { jsx as _jsx } from "react/jsx-runtime";
-const noop = () => {};
-
-/**
- * Render a navigation list with optional groupings and hierarchy.
- *
- * @deprecated Use `Navigator` instead.
- *
- * ```jsx
- * import {
- *   __experimentalNavigation as Navigation,
- *   __experimentalNavigationGroup as NavigationGroup,
- *   __experimentalNavigationItem as NavigationItem,
- *   __experimentalNavigationMenu as NavigationMenu,
- * } from '@wordpress/components';
- *
- * const MyNavigation = () => (
- *   <Navigation>
- *     <NavigationMenu title="Home">
- *       <NavigationGroup title="Group 1">
- *         <NavigationItem item="item-1" title="Item 1" />
- *         <NavigationItem item="item-2" title="Item 2" />
- *       </NavigationGroup>
- *       <NavigationGroup title="Group 2">
- *         <NavigationItem
- *           item="item-3"
- *           navigateToMenu="category"
- *           title="Category"
- *         />
- *       </NavigationGroup>
- *     </NavigationMenu>
- *
- *     <NavigationMenu
- *       backButtonLabel="Home"
- *       menu="category"
- *       parentMenu="root"
- *       title="Category"
- *     >
- *       <NavigationItem badge="1" item="child-1" title="Child 1" />
- *       <NavigationItem item="child-2" title="Child 2" />
- *     </NavigationMenu>
- *   </Navigation>
- * );
- * ```
- */
-export function Navigation({
+const noop = () => {
+};
+function Navigation({
   activeItem,
   activeMenu = ROOT_MENU,
   children,
@@ -73,11 +20,11 @@ export function Navigation({
   const [menu, setMenu] = useState(activeMenu);
   const [slideOrigin, setSlideOrigin] = useState();
   const navigationTree = useCreateNavigationTree();
-  const defaultSlideOrigin = isRTL() ? 'right' : 'left';
-  deprecated('wp.components.Navigation (and all subcomponents)', {
-    since: '6.8',
-    version: '7.1',
-    alternative: 'wp.components.Navigator'
+  const defaultSlideOrigin = isRTL() ? "right" : "left";
+  deprecated("wp.components.Navigation (and all subcomponents)", {
+    since: "6.8",
+    version: "7.1",
+    alternative: "wp.components.Navigator"
   });
   const setActiveMenu = (menuId, slideInOrigin = defaultSlideOrigin) => {
     if (!navigationTree.getMenu(menuId)) {
@@ -87,8 +34,6 @@ export function Navigation({
     setMenu(menuId);
     onActivateMenu(menuId);
   };
-
-  // Used to prevent the sliding animation on mount
   const isMountedRef = useRef(false);
   useEffect(() => {
     if (!isMountedRef.current) {
@@ -99,8 +44,6 @@ export function Navigation({
     if (activeMenu !== menu) {
       setActiveMenu(activeMenu);
     }
-    // Not adding deps for now, as it would require either a larger refactor or some questionable workarounds.
-    // See https://github.com/WordPress/gutenberg/pull/41612 for context.
   }, [activeMenu]);
   const context = {
     activeItem,
@@ -108,23 +51,27 @@ export function Navigation({
     setActiveMenu,
     navigationTree
   };
-  const classes = clsx('components-navigation', className);
+  const classes = clsx("components-navigation", className);
   const animateClassName = getAnimateClassName({
-    type: 'slide-in',
+    type: "slide-in",
     origin: slideOrigin
   });
-  return /*#__PURE__*/_jsx(NavigationUI, {
+  return /* @__PURE__ */ _jsx(NavigationUI, {
     className: classes,
-    children: /*#__PURE__*/_jsx("div", {
+    children: /* @__PURE__ */ _jsx("div", {
       className: animateClassName ? clsx({
         [animateClassName]: isMountedRef.current && slideOrigin
-      }) : undefined,
-      children: /*#__PURE__*/_jsx(NavigationContext.Provider, {
+      }) : void 0,
+      children: /* @__PURE__ */ _jsx(NavigationContext.Provider, {
         value: context,
-        children: children
+        children
       })
     }, menu)
   });
 }
-export default Navigation;
-//# sourceMappingURL=index.js.map
+var navigation_default = Navigation;
+export {
+  Navigation,
+  navigation_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","deprecated","useEffect","useRef","useState","isRTL","getAnimateClassName","ROOT_MENU","NavigationContext","NavigationUI","useCreateNavigationTree","jsx","_jsx","noop","Navigation","activeItem","activeMenu","children","className","onActivateMenu","menu","setMenu","slideOrigin","setSlideOrigin","navigationTree","defaultSlideOrigin","since","version","alternative","setActiveMenu","menuId","slideInOrigin","getMenu","isMountedRef","current","context","classes","animateClassName","type","origin","undefined","Provider","value"],"sources":["@wordpress/components/src/navigation/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getAnimateClassName } from '../animate';\nimport { ROOT_MENU } from './constants';\nimport { NavigationContext } from './context';\nimport { NavigationUI } from './styles/navigation-styles';\nimport { useCreateNavigationTree } from './use-create-navigation-tree';\n\nimport type {\n\tNavigationProps,\n\tNavigationContext as NavigationContextType,\n} from './types';\n\nconst noop = () => {};\n\n/**\n * Render a navigation list with optional groupings and hierarchy.\n *\n * @deprecated Use `Navigator` instead.\n *\n * ```jsx\n * import {\n *   __experimentalNavigation as Navigation,\n *   __experimentalNavigationGroup as NavigationGroup,\n *   __experimentalNavigationItem as NavigationItem,\n *   __experimentalNavigationMenu as NavigationMenu,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <Navigation>\n *     <NavigationMenu title=\"Home\">\n *       <NavigationGroup title=\"Group 1\">\n *         <NavigationItem item=\"item-1\" title=\"Item 1\" />\n *         <NavigationItem item=\"item-2\" title=\"Item 2\" />\n *       </NavigationGroup>\n *       <NavigationGroup title=\"Group 2\">\n *         <NavigationItem\n *           item=\"item-3\"\n *           navigateToMenu=\"category\"\n *           title=\"Category\"\n *         />\n *       </NavigationGroup>\n *     </NavigationMenu>\n *\n *     <NavigationMenu\n *       backButtonLabel=\"Home\"\n *       menu=\"category\"\n *       parentMenu=\"root\"\n *       title=\"Category\"\n *     >\n *       <NavigationItem badge=\"1\" item=\"child-1\" title=\"Child 1\" />\n *       <NavigationItem item=\"child-2\" title=\"Child 2\" />\n *     </NavigationMenu>\n *   </Navigation>\n * );\n * ```\n */\nexport function Navigation( {\n\tactiveItem,\n\tactiveMenu = ROOT_MENU,\n\tchildren,\n\tclassName,\n\tonActivateMenu = noop,\n}: NavigationProps ) {\n\tconst [ menu, setMenu ] = useState( activeMenu );\n\tconst [ slideOrigin, setSlideOrigin ] = useState< 'left' | 'right' >();\n\tconst navigationTree = useCreateNavigationTree();\n\tconst defaultSlideOrigin = isRTL() ? 'right' : 'left';\n\n\tdeprecated( 'wp.components.Navigation (and all subcomponents)', {\n\t\tsince: '6.8',\n\t\tversion: '7.1',\n\t\talternative: 'wp.components.Navigator',\n\t} );\n\n\tconst setActiveMenu: NavigationContextType[ 'setActiveMenu' ] = (\n\t\tmenuId,\n\t\tslideInOrigin = defaultSlideOrigin\n\t) => {\n\t\tif ( ! navigationTree.getMenu( menuId ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tsetSlideOrigin( slideInOrigin );\n\t\tsetMenu( menuId );\n\t\tonActivateMenu( menuId );\n\t};\n\n\t// Used to prevent the sliding animation on mount\n\tconst isMountedRef = useRef( false );\n\tuseEffect( () => {\n\t\tif ( ! isMountedRef.current ) {\n\t\t\tisMountedRef.current = true;\n\t\t}\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( activeMenu !== menu ) {\n\t\t\tsetActiveMenu( activeMenu );\n\t\t}\n\t\t// Not adding deps for now, as it would require either a larger refactor or some questionable workarounds.\n\t\t// See https://github.com/WordPress/gutenberg/pull/41612 for context.\n\t}, [ activeMenu ] );\n\n\tconst context = {\n\t\tactiveItem,\n\t\tactiveMenu: menu,\n\t\tsetActiveMenu,\n\t\tnavigationTree,\n\t};\n\n\tconst classes = clsx( 'components-navigation', className );\n\tconst animateClassName = getAnimateClassName( {\n\t\ttype: 'slide-in',\n\t\torigin: slideOrigin,\n\t} );\n\n\treturn (\n\t\t<NavigationUI className={ classes }>\n\t\t\t<div\n\t\t\t\tkey={ menu }\n\t\t\t\tclassName={\n\t\t\t\t\tanimateClassName\n\t\t\t\t\t\t? clsx( {\n\t\t\t\t\t\t\t\t[ animateClassName ]:\n\t\t\t\t\t\t\t\t\tisMountedRef.current && slideOrigin,\n\t\t\t\t\t\t  } )\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<NavigationContext.Provider value={ context }>\n\t\t\t\t\t{ children }\n\t\t\t\t</NavigationContext.Provider>\n\t\t\t</div>\n\t\t</NavigationUI>\n\t);\n}\n\nexport default Navigation;\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/navigation/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport deprecated from '@wordpress/deprecated';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { isRTL } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { getAnimateClassName } from '../animate';\nimport { ROOT_MENU } from './constants';\nimport { NavigationContext } from './context';\nimport { NavigationUI } from './styles/navigation-styles';\nimport { useCreateNavigationTree } from './use-create-navigation-tree';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\n\n/**\n * Render a navigation list with optional groupings and hierarchy.\n *\n * @deprecated Use `Navigator` instead.\n *\n * ```jsx\n * import {\n *   __experimentalNavigation as Navigation,\n *   __experimentalNavigationGroup as NavigationGroup,\n *   __experimentalNavigationItem as NavigationItem,\n *   __experimentalNavigationMenu as NavigationMenu,\n * } from '@wordpress/components';\n *\n * const MyNavigation = () => (\n *   <Navigation>\n *     <NavigationMenu title=\"Home\">\n *       <NavigationGroup title=\"Group 1\">\n *         <NavigationItem item=\"item-1\" title=\"Item 1\" />\n *         <NavigationItem item=\"item-2\" title=\"Item 2\" />\n *       </NavigationGroup>\n *       <NavigationGroup title=\"Group 2\">\n *         <NavigationItem\n *           item=\"item-3\"\n *           navigateToMenu=\"category\"\n *           title=\"Category\"\n *         />\n *       </NavigationGroup>\n *     </NavigationMenu>\n *\n *     <NavigationMenu\n *       backButtonLabel=\"Home\"\n *       menu=\"category\"\n *       parentMenu=\"root\"\n *       title=\"Category\"\n *     >\n *       <NavigationItem badge=\"1\" item=\"child-1\" title=\"Child 1\" />\n *       <NavigationItem item=\"child-2\" title=\"Child 2\" />\n *     </NavigationMenu>\n *   </Navigation>\n * );\n * ```\n */\nexport function Navigation({\n  activeItem,\n  activeMenu = ROOT_MENU,\n  children,\n  className,\n  onActivateMenu = noop\n}) {\n  const [menu, setMenu] = useState(activeMenu);\n  const [slideOrigin, setSlideOrigin] = useState();\n  const navigationTree = useCreateNavigationTree();\n  const defaultSlideOrigin = isRTL() ? 'right' : 'left';\n  deprecated('wp.components.Navigation (and all subcomponents)', {\n    since: '6.8',\n    version: '7.1',\n    alternative: 'wp.components.Navigator'\n  });\n  const setActiveMenu = (menuId, slideInOrigin = defaultSlideOrigin) => {\n    if (!navigationTree.getMenu(menuId)) {\n      return;\n    }\n    setSlideOrigin(slideInOrigin);\n    setMenu(menuId);\n    onActivateMenu(menuId);\n  };\n\n  // Used to prevent the sliding animation on mount\n  const isMountedRef = useRef(false);\n  useEffect(() => {\n    if (!isMountedRef.current) {\n      isMountedRef.current = true;\n    }\n  }, []);\n  useEffect(() => {\n    if (activeMenu !== menu) {\n      setActiveMenu(activeMenu);\n    }\n    // Not adding deps for now, as it would require either a larger refactor or some questionable workarounds.\n    // See https://github.com/WordPress/gutenberg/pull/41612 for context.\n  }, [activeMenu]);\n  const context = {\n    activeItem,\n    activeMenu: menu,\n    setActiveMenu,\n    navigationTree\n  };\n  const classes = clsx('components-navigation', className);\n  const animateClassName = getAnimateClassName({\n    type: 'slide-in',\n    origin: slideOrigin\n  });\n  return /*#__PURE__*/_jsx(NavigationUI, {\n    className: classes,\n    children: /*#__PURE__*/_jsx(\"div\", {\n      className: animateClassName ? clsx({\n        [animateClassName]: isMountedRef.current && slideOrigin\n      }) : undefined,\n      children: /*#__PURE__*/_jsx(NavigationContext.Provider, {\n        value: context,\n        children: children\n      })\n    }, menu)\n  });\n}\nexport default Navigation;"],
+  "mappings": "AAGA,OAAO,UAAU;AAKjB,OAAO,gBAAgB;AACvB,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,aAAa;AAKtB,SAAS,2BAA2B;AACpC,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAC7B,SAAS,+BAA+B;AACxC,SAAS,OAAO,YAAY;AAC5B,MAAM,OAAO,MAAM;AAAC;AA4Cb,SAAS,WAAW;AAAA,EACzB;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,GAAG;AACD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,UAAU;AAC3C,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS;AAC/C,QAAM,iBAAiB,wBAAwB;AAC/C,QAAM,qBAAqB,MAAM,IAAI,UAAU;AAC/C,aAAW,oDAAoD;AAAA,IAC7D,OAAO;AAAA,IACP,SAAS;AAAA,IACT,aAAa;AAAA,EACf,CAAC;AACD,QAAM,gBAAgB,CAAC,QAAQ,gBAAgB,uBAAuB;AACpE,QAAI,CAAC,eAAe,QAAQ,MAAM,GAAG;AACnC;AAAA,IACF;AACA,mBAAe,aAAa;AAC5B,YAAQ,MAAM;AACd,mBAAe,MAAM;AAAA,EACvB;AAGA,QAAM,eAAe,OAAO,KAAK;AACjC,YAAU,MAAM;AACd,QAAI,CAAC,aAAa,SAAS;AACzB,mBAAa,UAAU;AAAA,IACzB;AAAA,EACF,GAAG,CAAC,CAAC;AACL,YAAU,MAAM;AACd,QAAI,eAAe,MAAM;AACvB,oBAAc,UAAU;AAAA,IAC1B;AAAA,EAGF,GAAG,CAAC,UAAU,CAAC;AACf,QAAM,UAAU;AAAA,IACd;AAAA,IACA,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AACA,QAAM,UAAU,KAAK,yBAAyB,SAAS;AACvD,QAAM,mBAAmB,oBAAoB;AAAA,IAC3C,MAAM;AAAA,IACN,QAAQ;AAAA,EACV,CAAC;AACD,SAAoB,qBAAK,cAAc;AAAA,IACrC,WAAW;AAAA,IACX,UAAuB,qBAAK,OAAO;AAAA,MACjC,WAAW,mBAAmB,KAAK;AAAA,QACjC,CAAC,gBAAgB,GAAG,aAAa,WAAW;AAAA,MAC9C,CAAC,IAAI;AAAA,MACL,UAAuB,qBAAK,kBAAkB,UAAU;AAAA,QACtD,OAAO;AAAA,QACP;AAAA,MACF,CAAC;AAAA,IACH,GAAG,IAAI;AAAA,EACT,CAAC;AACH;AACA,IAAO,qBAAQ;",
+  "names": []
+}

package/build-module/navigation/item/base-content.js

@@ -1,22 +1,22 @@
-/**
- * Internal dependencies
- */
-import { ItemBadgeUI, ItemTitleUI } from '../styles/navigation-styles';
+import { ItemBadgeUI, ItemTitleUI } from "../styles/navigation-styles";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export default function NavigationItemBaseContent(props) {
+function NavigationItemBaseContent(props) {
   const {
     badge,
     title
   } = props;
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [title && /*#__PURE__*/_jsx(ItemTitleUI, {
+  return /* @__PURE__ */ _jsxs(_Fragment, {
+    children: [title && /* @__PURE__ */ _jsx(ItemTitleUI, {
       className: "components-navigation__item-title",
       as: "span",
       children: title
-    }), badge && /*#__PURE__*/_jsx(ItemBadgeUI, {
+    }), badge && /* @__PURE__ */ _jsx(ItemBadgeUI, {
       className: "components-navigation__item-badge",
       children: badge
     })]
   });
 }
-//# sourceMappingURL=base-content.js.map
+export {
+  NavigationItemBaseContent as default
+};
+//# sourceMappingURL=base-content.js.map

package/build-module/navigation/item/base-content.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["ItemBadgeUI","ItemTitleUI","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","NavigationItemBaseContent","props","badge","title","children","className","as"],"sources":["@wordpress/components/src/navigation/item/base-content.tsx"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { ItemBadgeUI, ItemTitleUI } from '../styles/navigation-styles';\n\nimport type { NavigationItemBaseContentProps } from '../types';\n\nexport default function NavigationItemBaseContent(\n\tprops: NavigationItemBaseContentProps\n) {\n\tconst { badge, title } = props;\n\n\treturn (\n\t\t<>\n\t\t\t{ title && (\n\t\t\t\t<ItemTitleUI\n\t\t\t\t\tclassName=\"components-navigation__item-title\"\n\t\t\t\t\tas=\"span\"\n\t\t\t\t>\n\t\t\t\t\t{ title }\n\t\t\t\t</ItemTitleUI>\n\t\t\t) }\n\n\t\t\t{ badge && (\n\t\t\t\t<ItemBadgeUI className=\"components-navigation__item-badge\">\n\t\t\t\t\t{ badge }\n\t\t\t\t</ItemBadgeUI>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,WAAW,QAAQ,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAIvE,eAAe,SAASC,yBAAyBA,CAChDC,KAAqC,EACpC;EACD,MAAM;IAAEC,KAAK;IAAEC;EAAM,CAAC,GAAGF,KAAK;EAE9B,oBACCF,KAAA,CAAAF,SAAA;IAAAO,QAAA,GACGD,KAAK,iBACNR,IAAA,CAACF,WAAW;MACXY,SAAS,EAAC,mCAAmC;MAC7CC,EAAE,EAAC,MAAM;MAAAF,QAAA,EAEPD;IAAK,CACK,CACb,EAECD,KAAK,iBACNP,IAAA,CAACH,WAAW;MAACa,SAAS,EAAC,mCAAmC;MAAAD,QAAA,EACvDF;IAAK,CACK,CACb;EAAA,CACA,CAAC;AAEL","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/item/base-content.tsx"],
+  "sourcesContent": ["/**\n * Internal dependencies\n */\nimport { ItemBadgeUI, ItemTitleUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function NavigationItemBaseContent(props) {\n  const {\n    badge,\n    title\n  } = props;\n  return /*#__PURE__*/_jsxs(_Fragment, {\n    children: [title && /*#__PURE__*/_jsx(ItemTitleUI, {\n      className: \"components-navigation__item-title\",\n      as: \"span\",\n      children: title\n    }), badge && /*#__PURE__*/_jsx(ItemBadgeUI, {\n      className: \"components-navigation__item-badge\",\n      children: badge\n    })]\n  });\n}"],
+  "mappings": "AAGA,SAAS,aAAa,mBAAmB;AACzC,SAAS,OAAO,MAAM,YAAY,WAAW,QAAQ,aAAa;AACnD,SAAR,0BAA2C,OAAO;AACvD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AACJ,SAAoB,sBAAM,WAAW;AAAA,IACnC,UAAU,CAAC,SAAsB,qBAAK,aAAa;AAAA,MACjD,WAAW;AAAA,MACX,IAAI;AAAA,MACJ,UAAU;AAAA,IACZ,CAAC,GAAG,SAAsB,qBAAK,aAAa;AAAA,MAC1C,WAAW;AAAA,MACX,UAAU;AAAA,IACZ,CAAC,CAAC;AAAA,EACJ,CAAC;AACH;",
+  "names": []
+}

package/build-module/navigation/item/base.js

@@ -1,23 +1,11 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { useState } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { useNavigationContext } from '../context';
-import { useNavigationTreeItem } from './use-navigation-tree-item';
-import { ItemBaseUI } from '../styles/navigation-styles';
+import clsx from "clsx";
+import { useState } from "@wordpress/element";
+import { useNavigationContext } from "../context";
+import { useNavigationTreeItem } from "./use-navigation-tree-item";
+import { ItemBaseUI } from "../styles/navigation-styles";
 import { jsx as _jsx } from "react/jsx-runtime";
 let uniqueId = 0;
-export default function NavigationItemBase(props) {
-  // Also avoid to pass the `title` and `href` props to the ItemBaseUI styled component.
+function NavigationItemBase(props) {
   const {
     children,
     className,
@@ -33,11 +21,14 @@ export default function NavigationItemBase(props) {
   if (!navigationTree.getItem(itemId)?._isVisible) {
     return null;
   }
-  const classes = clsx('components-navigation__item', className);
-  return /*#__PURE__*/_jsx(ItemBaseUI, {
+  const classes = clsx("components-navigation__item", className);
+  return /* @__PURE__ */ _jsx(ItemBaseUI, {
     className: classes,
     ...restProps,
-    children: children
+    children
   });
 }
-//# sourceMappingURL=base.js.map
+export {
+  NavigationItemBase as default
+};
+//# sourceMappingURL=base.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","useState","useNavigationContext","useNavigationTreeItem","ItemBaseUI","jsx","_jsx","uniqueId","NavigationItemBase","props","children","className","title","href","restProps","itemId","navigationTree","getItem","_isVisible","classes"],"sources":["@wordpress/components/src/navigation/item/base.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 { useNavigationContext } from '../context';\nimport { useNavigationTreeItem } from './use-navigation-tree-item';\nimport { ItemBaseUI } from '../styles/navigation-styles';\n\nimport type { NavigationItemBaseProps } from '../types';\n\nlet uniqueId = 0;\n\nexport default function NavigationItemBase( props: NavigationItemBaseProps ) {\n\t// Also avoid to pass the `title` and `href` props to the ItemBaseUI styled component.\n\tconst { children, className, title, href, ...restProps } = props;\n\n\tconst [ itemId ] = useState( `item-${ ++uniqueId }` );\n\n\tuseNavigationTreeItem( itemId, props );\n\tconst { navigationTree } = useNavigationContext();\n\n\tif ( ! navigationTree.getItem( itemId )?._isVisible ) {\n\t\treturn null;\n\t}\n\n\tconst classes = clsx( 'components-navigation__item', className );\n\n\treturn (\n\t\t<ItemBaseUI className={ classes } { ...restProps }>\n\t\t\t{ children }\n\t\t</ItemBaseUI>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;;AAEvB;AACA;AACA;AACA,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,YAAY;AACjD,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SAASC,UAAU,QAAQ,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIzD,IAAIC,QAAQ,GAAG,CAAC;AAEhB,eAAe,SAASC,kBAAkBA,CAAEC,KAA8B,EAAG;EAC5E;EACA,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,KAAK;IAAEC,IAAI;IAAE,GAAGC;EAAU,CAAC,GAAGL,KAAK;EAEhE,MAAM,CAAEM,MAAM,CAAE,GAAGd,QAAQ,CAAE,QAAS,EAAEM,QAAQ,EAAI,CAAC;EAErDJ,qBAAqB,CAAEY,MAAM,EAAEN,KAAM,CAAC;EACtC,MAAM;IAAEO;EAAe,CAAC,GAAGd,oBAAoB,CAAC,CAAC;EAEjD,IAAK,CAAEc,cAAc,CAACC,OAAO,CAAEF,MAAO,CAAC,EAAEG,UAAU,EAAG;IACrD,OAAO,IAAI;EACZ;EAEA,MAAMC,OAAO,GAAGnB,IAAI,CAAE,6BAA6B,EAAEW,SAAU,CAAC;EAEhE,oBACCL,IAAA,CAACF,UAAU;IAACO,SAAS,EAAGQ,OAAS;IAAA,GAAML,SAAS;IAAAJ,QAAA,EAC7CA;EAAQ,CACC,CAAC;AAEf","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/item/base.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 { useNavigationContext } from '../context';\nimport { useNavigationTreeItem } from './use-navigation-tree-item';\nimport { ItemBaseUI } from '../styles/navigation-styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nlet uniqueId = 0;\nexport default function NavigationItemBase(props) {\n  // Also avoid to pass the `title` and `href` props to the ItemBaseUI styled component.\n  const {\n    children,\n    className,\n    title,\n    href,\n    ...restProps\n  } = props;\n  const [itemId] = useState(`item-${++uniqueId}`);\n  useNavigationTreeItem(itemId, props);\n  const {\n    navigationTree\n  } = useNavigationContext();\n  if (!navigationTree.getItem(itemId)?._isVisible) {\n    return null;\n  }\n  const classes = clsx('components-navigation__item', className);\n  return /*#__PURE__*/_jsx(ItemBaseUI, {\n    className: classes,\n    ...restProps,\n    children: children\n  });\n}"],
+  "mappings": "AAGA,OAAO,UAAU;AAKjB,SAAS,gBAAgB;AAKzB,SAAS,4BAA4B;AACrC,SAAS,6BAA6B;AACtC,SAAS,kBAAkB;AAC3B,SAAS,OAAO,YAAY;AAC5B,IAAI,WAAW;AACA,SAAR,mBAAoC,OAAO;AAEhD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,CAAC,MAAM,IAAI,SAAS,QAAQ,EAAE,QAAQ,EAAE;AAC9C,wBAAsB,QAAQ,KAAK;AACnC,QAAM;AAAA,IACJ;AAAA,EACF,IAAI,qBAAqB;AACzB,MAAI,CAAC,eAAe,QAAQ,MAAM,GAAG,YAAY;AAC/C,WAAO;AAAA,EACT;AACA,QAAM,UAAU,KAAK,+BAA+B,SAAS;AAC7D,SAAoB,qBAAK,YAAY;AAAA,IACnC,WAAW;AAAA,IACX,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

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

@@ -1,29 +1,15 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-
-/**
- * WordPress dependencies
- */
-import { Icon, chevronLeft, chevronRight } from '@wordpress/icons';
-import { isRTL } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-import Button from '../../button';
-import { useNavigationContext } from '../context';
-import { ItemUI, ItemIconUI } from '../styles/navigation-styles';
-import NavigationItemBaseContent from './base-content';
-import NavigationItemBase from './base';
+import clsx from "clsx";
+import { Icon, chevronLeft, chevronRight } from "@wordpress/icons";
+import { isRTL } from "@wordpress/i18n";
+import Button from "../../button";
+import { useNavigationContext } from "../context";
+import { ItemUI, ItemIconUI } from "../styles/navigation-styles";
+import NavigationItemBaseContent from "./base-content";
+import NavigationItemBase from "./base";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const noop = () => {};
-
-/**
- * @deprecated Use `Navigator` instead.
- */
-export function NavigationItem(props) {
+const noop = () => {
+};
+function NavigationItem(props) {
   const {
     badge,
     children,
@@ -45,18 +31,14 @@ export function NavigationItem(props) {
       isMenuEmpty
     }
   } = useNavigationContext();
-
-  // If hideIfTargetMenuEmpty prop is true
-  // And the menu we are supposed to navigate to
-  // Is marked as empty, then we skip rendering the item.
   if (hideIfTargetMenuEmpty && navigateToMenu && isMenuEmpty(navigateToMenu)) {
     return null;
   }
   const isActive = item && activeItem === item;
   const classes = clsx(className, {
-    'is-active': isActive
+    "is-active": isActive
   });
-  const onItemClick = event => {
+  const onItemClick = (event) => {
     if (navigateToMenu) {
       setActiveMenu(navigateToMenu);
     }
@@ -65,33 +47,37 @@ export function NavigationItem(props) {
   const navigationIcon = isRTL() ? chevronLeft : chevronRight;
   const baseProps = children ? props : {
     ...props,
-    onClick: undefined
+    onClick: void 0
   };
   const itemProps = isText ? restProps : {
     as: Button,
-    __next40pxDefaultSize: 'as' in restProps ? restProps.as === undefined : true,
+    __next40pxDefaultSize: "as" in restProps ? restProps.as === void 0 : true,
     href,
     onClick: onItemClick,
-    'aria-current': isActive ? 'page' : undefined,
+    "aria-current": isActive ? "page" : void 0,
     ...restProps
   };
-  return /*#__PURE__*/_jsx(NavigationItemBase, {
+  return /* @__PURE__ */ _jsx(NavigationItemBase, {
     ...baseProps,
     className: classes,
-    children: children || /*#__PURE__*/_jsxs(ItemUI, {
+    children: children || /* @__PURE__ */ _jsxs(ItemUI, {
       ...itemProps,
-      children: [icon && /*#__PURE__*/_jsx(ItemIconUI, {
-        children: /*#__PURE__*/_jsx(Icon, {
-          icon: icon
+      children: [icon && /* @__PURE__ */ _jsx(ItemIconUI, {
+        children: /* @__PURE__ */ _jsx(Icon, {
+          icon
         })
-      }), /*#__PURE__*/_jsx(NavigationItemBaseContent, {
-        title: title,
-        badge: badge
-      }), navigateToMenu && /*#__PURE__*/_jsx(Icon, {
+      }), /* @__PURE__ */ _jsx(NavigationItemBaseContent, {
+        title,
+        badge
+      }), navigateToMenu && /* @__PURE__ */ _jsx(Icon, {
         icon: navigationIcon
       })]
     })
   });
 }
-export default NavigationItem;
-//# sourceMappingURL=index.js.map
+var item_default = NavigationItem;
+export {
+  NavigationItem,
+  item_default as default
+};
+//# sourceMappingURL=index.js.map