@wordpress/components 30.5.1-next.f56bd8138.0 → 30.6.1-next.b8c8708f3.0

package/build/navigation/item/base.js

@@ -1,31 +1,44 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var base_exports = {};
+__export(base_exports, {
+  default: () => NavigationItemBase
 });
-exports.default = NavigationItemBase;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _element = require("@wordpress/element");
-var _context = require("../context");
-var _useNavigationTreeItem = require("./use-navigation-tree-item");
-var _navigationStyles = require("../styles/navigation-styles");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(base_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_element = require("@wordpress/element");
+var import_context = require("../context");
+var import_use_navigation_tree_item = require("./use-navigation-tree-item");
+var import_navigation_styles = require("../styles/navigation-styles");
+var import_jsx_runtime = require("react/jsx-runtime");
 let uniqueId = 0;
 function NavigationItemBase(props) {
-  // Also avoid to pass the `title` and `href` props to the ItemBaseUI styled component.
   const {
     children,
     className,
@@ -33,19 +46,19 @@ function NavigationItemBase(props) {
     href,
     ...restProps
   } = props;
-  const [itemId] = (0, _element.useState)(`item-${++uniqueId}`);
-  (0, _useNavigationTreeItem.useNavigationTreeItem)(itemId, props);
+  const [itemId] = (0, import_element.useState)(`item-${++uniqueId}`);
+  (0, import_use_navigation_tree_item.useNavigationTreeItem)(itemId, props);
   const {
     navigationTree
-  } = (0, _context.useNavigationContext)();
+  } = (0, import_context.useNavigationContext)();
   if (!navigationTree.getItem(itemId)?._isVisible) {
     return null;
   }
-  const classes = (0, _clsx.default)('components-navigation__item', className);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationStyles.ItemBaseUI, {
+  const classes = (0, import_clsx.default)("components-navigation__item", className);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_styles.ItemBaseUI, {
     className: classes,
     ...restProps,
-    children: children
+    children
   });
 }
-//# sourceMappingURL=base.js.map
+//# sourceMappingURL=base.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_element","_context","_useNavigationTreeItem","_navigationStyles","_jsxRuntime","uniqueId","NavigationItemBase","props","children","className","title","href","restProps","itemId","useState","useNavigationTreeItem","navigationTree","useNavigationContext","getItem","_isVisible","classes","clsx","jsx","ItemBaseUI"],"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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAyD,IAAAK,WAAA,GAAAL,OAAA;AAfzD;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;;AAOA,IAAIM,QAAQ,GAAG,CAAC;AAED,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,GAAG,IAAAC,iBAAQ,EAAE,QAAS,EAAET,QAAQ,EAAI,CAAC;EAErD,IAAAU,4CAAqB,EAAEF,MAAM,EAAEN,KAAM,CAAC;EACtC,MAAM;IAAES;EAAe,CAAC,GAAG,IAAAC,6BAAoB,EAAC,CAAC;EAEjD,IAAK,CAAED,cAAc,CAACE,OAAO,CAAEL,MAAO,CAAC,EAAEM,UAAU,EAAG;IACrD,OAAO,IAAI;EACZ;EAEA,MAAMC,OAAO,GAAG,IAAAC,aAAI,EAAE,6BAA6B,EAAEZ,SAAU,CAAC;EAEhE,oBACC,IAAAL,WAAA,CAAAkB,GAAA,EAACnB,iBAAA,CAAAoB,UAAU;IAACd,SAAS,EAAGW,OAAS;IAAA,GAAMR,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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,qBAAyB;AAKzB,qBAAqC;AACrC,sCAAsC;AACtC,+BAA2B;AAC3B,yBAA4B;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,QAAI,yBAAS,QAAQ,EAAE,QAAQ,EAAE;AAC9C,6DAAsB,QAAQ,KAAK;AACnC,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,qCAAqB;AACzB,MAAI,CAAC,eAAe,QAAQ,MAAM,GAAG,YAAY;AAC/C,WAAO;AAAA,EACT;AACA,QAAM,cAAU,YAAAA,SAAK,+BAA+B,SAAS;AAC7D,SAAoB,uCAAAC,KAAK,qCAAY;AAAA,IACnC,WAAW;AAAA,IACX,GAAG;AAAA,IACH;AAAA,EACF,CAAC;AACH;",
+  "names": ["clsx", "_jsx"]
+}

package/build/navigation/item/index.js

@@ -1,37 +1,48 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var item_exports = {};
+__export(item_exports, {
+  NavigationItem: () => NavigationItem,
+  default: () => item_default
 });
-exports.NavigationItem = NavigationItem;
-exports.default = void 0;
-var _clsx = _interopRequireDefault(require("clsx"));
-var _icons = require("@wordpress/icons");
-var _i18n = require("@wordpress/i18n");
-var _button = _interopRequireDefault(require("../../button"));
-var _context = require("../context");
-var _navigationStyles = require("../styles/navigation-styles");
-var _baseContent = _interopRequireDefault(require("./base-content"));
-var _base = _interopRequireDefault(require("./base"));
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const noop = () => {};
-
-/**
- * @deprecated Use `Navigator` instead.
- */
+module.exports = __toCommonJS(item_exports);
+var import_clsx = __toESM(require("clsx"));
+var import_icons = require("@wordpress/icons");
+var import_i18n = require("@wordpress/i18n");
+var import_button = __toESM(require("../../button"));
+var import_context = require("../context");
+var import_navigation_styles = require("../styles/navigation-styles");
+var import_base_content = __toESM(require("./base-content"));
+var import_base = __toESM(require("./base"));
+var import_jsx_runtime = require("react/jsx-runtime");
+const noop = () => {
+};
 function NavigationItem(props) {
   const {
     badge,
@@ -53,54 +64,54 @@ function NavigationItem(props) {
     navigationTree: {
       isMenuEmpty
     }
-  } = (0, _context.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.
+  } = (0, import_context.useNavigationContext)();
   if (hideIfTargetMenuEmpty && navigateToMenu && isMenuEmpty(navigateToMenu)) {
     return null;
   }
   const isActive = item && activeItem === item;
-  const classes = (0, _clsx.default)(className, {
-    'is-active': isActive
+  const classes = (0, import_clsx.default)(className, {
+    "is-active": isActive
   });
-  const onItemClick = event => {
+  const onItemClick = (event) => {
     if (navigateToMenu) {
       setActiveMenu(navigateToMenu);
     }
     onClick(event);
   };
-  const navigationIcon = (0, _i18n.isRTL)() ? _icons.chevronLeft : _icons.chevronRight;
+  const navigationIcon = (0, import_i18n.isRTL)() ? import_icons.chevronLeft : import_icons.chevronRight;
   const baseProps = children ? props : {
     ...props,
-    onClick: undefined
+    onClick: void 0
   };
   const itemProps = isText ? restProps : {
-    as: _button.default,
-    __next40pxDefaultSize: 'as' in restProps ? restProps.as === undefined : true,
+    as: import_button.default,
+    __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__*/(0, _jsxRuntime.jsx)(_base.default, {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base.default, {
     ...baseProps,
     className: classes,
-    children: children || /*#__PURE__*/(0, _jsxRuntime.jsxs)(_navigationStyles.ItemUI, {
+    children: children || /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_navigation_styles.ItemUI, {
       ...itemProps,
-      children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_navigationStyles.ItemIconUI, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
-          icon: icon
+      children: [icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_navigation_styles.ItemIconUI, {
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, {
+          icon
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_baseContent.default, {
-        title: title,
-        badge: badge
-      }), navigateToMenu && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
+      }), /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_base_content.default, {
+        title,
+        badge
+      }), navigateToMenu && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.Icon, {
         icon: navigationIcon
       })]
     })
   });
 }
-var _default = exports.default = NavigationItem;
-//# sourceMappingURL=index.js.map
+var item_default = NavigationItem;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavigationItem
+});
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_clsx","_interopRequireDefault","require","_icons","_i18n","_button","_context","_navigationStyles","_baseContent","_base","_jsxRuntime","noop","NavigationItem","props","badge","children","className","href","item","navigateToMenu","onClick","title","icon","hideIfTargetMenuEmpty","isText","restProps","activeItem","setActiveMenu","navigationTree","isMenuEmpty","useNavigationContext","isActive","classes","clsx","onItemClick","event","navigationIcon","isRTL","chevronLeft","chevronRight","baseProps","undefined","itemProps","as","Button","__next40pxDefaultSize","jsx","default","jsxs","ItemUI","ItemIconUI","Icon","_default","exports"],"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":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAKA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,KAAA,GAAAR,sBAAA,CAAAC,OAAA;AAAwC,IAAAQ,WAAA,GAAAR,OAAA;AAlBxC;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AASA,MAAMS,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACO,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,GAAG,IAAAC,6BAAoB,EAAC,CAAC;;EAE1B;EACA;EACA;EACA,IACCP,qBAAqB,IACrBJ,cAAc,IACdU,WAAW,CAAEV,cAAe,CAAC,EAC5B;IACD,OAAO,IAAI;EACZ;EAEA,MAAMY,QAAQ,GAAGb,IAAI,IAAIQ,UAAU,KAAKR,IAAI;EAE5C,MAAMc,OAAO,GAAG,IAAAC,aAAI,EAAEjB,SAAS,EAAE;IAChC,WAAW,EAAEe;EACd,CAAE,CAAC;EAEH,MAAMG,WAEL,GAAKC,KAAK,IAAM;IAChB,IAAKhB,cAAc,EAAG;MACrBQ,aAAa,CAAER,cAAe,CAAC;IAChC;IAEAC,OAAO,CAAEe,KAAM,CAAC;EACjB,CAAC;EACD,MAAMC,cAAc,GAAG,IAAAC,WAAK,EAAC,CAAC,GAAGC,kBAAW,GAAGC,mBAAY;EAC3D,MAAMC,SAAS,GAAGzB,QAAQ,GAAGF,KAAK,GAAG;IAAE,GAAGA,KAAK;IAAEO,OAAO,EAAEqB;EAAU,CAAC;EACrE,MAAMC,SAAS,GAAGlB,MAAM,GACrBC,SAAS,GACT;IACAkB,EAAE,EAAEC,eAAM;IACVC,qBAAqB,EACpB,IAAI,IAAIpB,SAAS,GAAGA,SAAS,CAACkB,EAAE,KAAKF,SAAS,GAAG,IAAI;IACtDxB,IAAI;IACJG,OAAO,EAAEc,WAAW;IACpB,cAAc,EAAEH,QAAQ,GAAG,MAAM,GAAGU,SAAS;IAC7C,GAAGhB;EACH,CAAC;EAEJ,oBACC,IAAAf,WAAA,CAAAoC,GAAA,EAACrC,KAAA,CAAAsC,OAAkB;IAAA,GAAMP,SAAS;IAAGxB,SAAS,EAAGgB,OAAS;IAAAjB,QAAA,EACvDA,QAAQ,iBACT,IAAAL,WAAA,CAAAsC,IAAA,EAACzC,iBAAA,CAAA0C,MAAM;MAAA,GAAMP,SAAS;MAAA3B,QAAA,GACnBO,IAAI,iBACL,IAAAZ,WAAA,CAAAoC,GAAA,EAACvC,iBAAA,CAAA2C,UAAU;QAAAnC,QAAA,eACV,IAAAL,WAAA,CAAAoC,GAAA,EAAC3C,MAAA,CAAAgD,IAAI;UAAC7B,IAAI,EAAGA;QAAM,CAAE;MAAC,CACX,CACZ,eAED,IAAAZ,WAAA,CAAAoC,GAAA,EAACtC,YAAA,CAAAuC,OAAyB;QACzB1B,KAAK,EAAGA,KAAO;QACfP,KAAK,EAAGA;MAAO,CACf,CAAC,EAEAK,cAAc,iBAAI,IAAAT,WAAA,CAAAoC,GAAA,EAAC3C,MAAA,CAAAgD,IAAI;QAAC7B,IAAI,EAAGc;MAAgB,CAAE,CAAC;IAAA,CAC7C;EACR,CACkB,CAAC;AAEvB;AAAC,IAAAgB,QAAA,GAAAC,OAAA,CAAAN,OAAA,GAEcnC,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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAKjB,mBAAgD;AAChD,kBAAsB;AAKtB,oBAAmB;AACnB,qBAAqC;AACrC,+BAAmC;AACnC,0BAAsC;AACtC,kBAA+B;AAC/B,yBAA2C;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,QAAI,qCAAqB;AAKzB,MAAI,yBAAyB,kBAAkB,YAAY,cAAc,GAAG;AAC1E,WAAO;AAAA,EACT;AACA,QAAM,WAAW,QAAQ,eAAe;AACxC,QAAM,cAAU,YAAAA,SAAK,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,qBAAiB,mBAAM,IAAI,2BAAc;AAC/C,QAAM,YAAY,WAAW,QAAQ;AAAA,IACnC,GAAG;AAAA,IACH,SAAS;AAAA,EACX;AACA,QAAM,YAAY,SAAS,YAAY;AAAA,IACrC,IAAI,cAAAC;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,uCAAAC,KAAK,YAAAC,SAAoB;AAAA,IAC3C,GAAG;AAAA,IACH,WAAW;AAAA,IACX,UAAU,YAAyB,uCAAAC,MAAM,iCAAQ;AAAA,MAC/C,GAAG;AAAA,MACH,UAAU,CAAC,QAAqB,uCAAAF,KAAK,qCAAY;AAAA,QAC/C,UAAuB,uCAAAA,KAAK,mBAAM;AAAA,UAChC;AAAA,QACF,CAAC;AAAA,MACH,CAAC,GAAgB,uCAAAA,KAAK,oBAAAG,SAA2B;AAAA,QAC/C;AAAA,QACA;AAAA,MACF,CAAC,GAAG,kBAA+B,uCAAAH,KAAK,mBAAM;AAAA,QAC5C,MAAM;AAAA,MACR,CAAC,CAAC;AAAA,IACJ,CAAC;AAAA,EACH,CAAC;AACH;AACA,IAAO,eAAQ;",
+  "names": ["clsx", "Button", "_jsx", "NavigationItemBase", "_jsxs", "NavigationItemBaseContent"]
+}

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

@@ -1,22 +1,31 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var use_navigation_tree_item_exports = {};
+__export(use_navigation_tree_item_exports, {
+  useNavigationTreeItem: () => useNavigationTreeItem
 });
-exports.useNavigationTreeItem = void 0;
-var _element = require("@wordpress/element");
-var _context = require("../context");
-var _context2 = require("../group/context");
-var _context3 = require("../menu/context");
-var _utils = require("../utils");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
+module.exports = __toCommonJS(use_navigation_tree_item_exports);
+var import_element = require("@wordpress/element");
+var import_context = require("../context");
+var import_context2 = require("../group/context");
+var import_context3 = require("../menu/context");
+var import_utils = require("../utils");
 const useNavigationTreeItem = (itemId, props) => {
   const {
     activeMenu,
@@ -24,17 +33,17 @@ const useNavigationTreeItem = (itemId, props) => {
       addItem,
       removeItem
     }
-  } = (0, _context.useNavigationContext)();
+  } = (0, import_context.useNavigationContext)();
   const {
     group
-  } = (0, _context2.useNavigationGroupContext)();
+  } = (0, import_context2.useNavigationGroupContext)();
   const {
     menu,
     search
-  } = (0, _context3.useNavigationMenuContext)();
-  (0, _element.useEffect)(() => {
+  } = (0, import_context3.useNavigationMenuContext)();
+  (0, import_element.useEffect)(() => {
     const isMenuActive = activeMenu === menu;
-    const isItemVisible = !search || props.title !== undefined && (0, _utils.normalizedSearch)(props.title, search);
+    const isItemVisible = !search || props.title !== void 0 && (0, import_utils.normalizedSearch)(props.title, search);
     addItem(itemId, {
       ...props,
       group,
@@ -44,9 +53,10 @@ 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]);
 };
-exports.useNavigationTreeItem = useNavigationTreeItem;
-//# sourceMappingURL=use-navigation-tree-item.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useNavigationTreeItem
+});
+//# sourceMappingURL=use-navigation-tree-item.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","_context","_context2","_context3","_utils","useNavigationTreeItem","itemId","props","activeMenu","navigationTree","addItem","removeItem","useNavigationContext","group","useNavigationGroupContext","menu","search","useNavigationMenuContext","useEffect","isMenuActive","isItemVisible","title","undefined","normalizedSearch","_isVisible","exports"],"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":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAGA;AACA;AACA;;AAQO,MAAMK,qBAAqB,GAAGA,CACpCC,MAAc,EACdC,KAA0B,KACtB;EACJ,MAAM;IACLC,UAAU;IACVC,cAAc,EAAE;MAAEC,OAAO;MAAEC;IAAW;EACvC,CAAC,GAAG,IAAAC,6BAAoB,EAAC,CAAC;EAC1B,MAAM;IAAEC;EAAM,CAAC,GAAG,IAAAC,mCAAyB,EAAC,CAAC;EAC7C,MAAM;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAG,IAAAC,kCAAwB,EAAC,CAAC;EAEnD,IAAAC,kBAAS,EAAE,MAAM;IAChB,MAAMC,YAAY,GAAGX,UAAU,KAAKO,IAAI;IACxC,MAAMK,aAAa,GAClB,CAAEJ,MAAM,IACNT,KAAK,CAACc,KAAK,KAAKC,SAAS,IAC1B,IAAAC,uBAAgB,EAAEhB,KAAK,CAACc,KAAK,EAAEL,MAAO,CAAG;IAE3CN,OAAO,CAAEJ,MAAM,EAAE;MAChB,GAAGC,KAAK;MACRM,KAAK;MACLE,IAAI;MACJS,UAAU,EAAEL,YAAY,IAAIC;IAC7B,CAAE,CAAC;IAEH,OAAO,MAAM;MACZT,UAAU,CAAEL,MAAO,CAAC;IACrB,CAAC;IACD;IACA;EACD,CAAC,EAAE,CAAEE,UAAU,EAAEQ,MAAM,CAAG,CAAC;AAC5B,CAAC;AAACS,OAAA,CAAApB,qBAAA,GAAAA,qBAAA","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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0B;AAK1B,qBAAqC;AACrC,IAAAA,kBAA0C;AAC1C,IAAAA,kBAAyC;AACzC,mBAAiC;AAC1B,MAAM,wBAAwB,CAAC,QAAQ,UAAU;AACtD,QAAM;AAAA,IACJ;AAAA,IACA,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,IACF;AAAA,EACF,QAAI,qCAAqB;AACzB,QAAM;AAAA,IACJ;AAAA,EACF,QAAI,2CAA0B;AAC9B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,QAAI,0CAAyB;AAC7B,gCAAU,MAAM;AACd,UAAM,eAAe,eAAe;AACpC,UAAM,gBAAgB,CAAC,UAAU,MAAM,UAAU,cAAa,+BAAiB,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": ["import_context"]
+}

package/build/navigation/menu/context.js

@@ -1,23 +1,37 @@
 "use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var context_exports = {};
+__export(context_exports, {
+  NavigationMenuContext: () => NavigationMenuContext,
+  useNavigationMenuContext: () => useNavigationMenuContext
 });
-exports.useNavigationMenuContext = exports.NavigationMenuContext = void 0;
-var _element = require("@wordpress/element");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const NavigationMenuContext = exports.NavigationMenuContext = (0, _element.createContext)({
-  menu: undefined,
-  search: ''
+module.exports = __toCommonJS(context_exports);
+var import_element = require("@wordpress/element");
+const NavigationMenuContext = (0, import_element.createContext)({
+  menu: void 0,
+  search: ""
 });
-NavigationMenuContext.displayName = 'NavigationMenuContext';
-const useNavigationMenuContext = () => (0, _element.useContext)(NavigationMenuContext);
-exports.useNavigationMenuContext = useNavigationMenuContext;
-//# sourceMappingURL=context.js.map
+NavigationMenuContext.displayName = "NavigationMenuContext";
+const useNavigationMenuContext = () => (0, import_element.useContext)(NavigationMenuContext);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NavigationMenuContext,
+  useNavigationMenuContext
+});
+//# sourceMappingURL=context.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["_element","require","NavigationMenuContext","exports","createContext","menu","undefined","search","displayName","useNavigationMenuContext","useContext"],"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":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGA;AACA;AACA;;AAGO,MAAMC,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAG,IAAAE,sBAAa,EACjD;EACCC,IAAI,EAAEC,SAAS;EACfC,MAAM,EAAE;AACT,CACD,CAAC;AACDL,qBAAqB,CAACM,WAAW,GAAG,uBAAuB;AAEpD,MAAMC,wBAAwB,GAAGA,CAAA,KACvC,IAAAC,mBAAU,EAAER,qBAAsB,CAAC;AAACC,OAAA,CAAAM,wBAAA,GAAAA,wBAAA","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": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,qBAA0C;AAMnC,MAAM,4BAAwB,8BAAc;AAAA,EACjD,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AACD,sBAAsB,cAAc;AAC7B,MAAM,2BAA2B,UAAM,2BAAW,qBAAqB;",
+  "names": []
+}