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

package/build-module/navigable-container/container.js

@@ -1,19 +1,9 @@
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-import { Component, forwardRef } from '@wordpress/element';
-import { focus } from '@wordpress/dom';
-
-/**
- * Internal dependencies
- */
+import { Component, forwardRef } from "@wordpress/element";
+import { focus } from "@wordpress/dom";
 import { jsx as _jsx } from "react/jsx-runtime";
-const noop = () => {};
-const MENU_ITEM_ROLES = ['menuitem', 'menuitemradio', 'menuitemcheckbox'];
+const noop = () => {
+};
+const MENU_ITEM_ROLES = ["menuitem", "menuitemradio", "menuitemcheckbox"];
 function cycleValue(value, total, offset) {
   const nextValue = value + offset;
   if (nextValue < 0) {
@@ -35,28 +25,22 @@ class NavigableContainer extends Component {
     if (!this.container) {
       return;
     }
-
-    // We use DOM event listeners instead of React event listeners
-    // because we want to catch events from the underlying DOM tree
-    // The React Tree can be different from the DOM tree when using
-    // portals. Block Toolbars for instance are rendered in a separate
-    // React Trees.
-    this.container.addEventListener('keydown', this.onKeyDown);
+    this.container.addEventListener("keydown", this.onKeyDown);
   }
   componentWillUnmount() {
     if (!this.container) {
       return;
     }
-    this.container.removeEventListener('keydown', this.onKeyDown);
+    this.container.removeEventListener("keydown", this.onKeyDown);
   }
   bindContainer(ref) {
     const {
       forwardedRef
     } = this.props;
     this.container = ref;
-    if (typeof forwardedRef === 'function') {
+    if (typeof forwardedRef === "function") {
       forwardedRef(ref);
-    } else if (forwardedRef && 'current' in forwardedRef) {
+    } else if (forwardedRef && "current" in forwardedRef) {
       forwardedRef.current = ref;
     }
   }
@@ -96,17 +80,9 @@ class NavigableContainer extends Component {
       stopNavigationEvents
     } = this.props;
     const offset = eventToOffset(event);
-
-    // eventToOffset returns undefined if the event is not handled by the component.
-    if (offset !== undefined && stopNavigationEvents) {
-      // Prevents arrow key handlers bound to the document directly interfering.
+    if (offset !== void 0 && stopNavigationEvents) {
       event.stopImmediatePropagation();
-
-      // When navigating a collection of items, prevent scroll containers
-      // from scrolling. The preventDefault also prevents Voiceover from
-      // 'handling' the event, as voiceover will try to use arrow keys
-      // for highlighting text.
-      const targetRole = event.target?.getAttribute('role');
+      const targetRole = event.target?.getAttribute("role");
       const targetHasMenuItemRole = !!targetRole && MENU_ITEM_ROLES.includes(targetRole);
       if (targetHasMenuItemRole) {
         event.preventDefault();
@@ -131,10 +107,7 @@ class NavigableContainer extends Component {
     if (nextIndex >= 0 && nextIndex < focusables.length) {
       focusables[nextIndex].focus();
       onNavigate(nextIndex, focusables[nextIndex]);
-
-      // `preventDefault()` on tab to avoid having the browser move the focus
-      // after this component has already moved it.
-      if (event.code === 'Tab') {
+      if (event.code === "Tab") {
         event.preventDefault();
       }
     }
@@ -151,19 +124,22 @@ class NavigableContainer extends Component {
       forwardedRef,
       ...restProps
     } = this.props;
-    return /*#__PURE__*/_jsx("div", {
+    return /* @__PURE__ */ _jsx("div", {
       ref: this.bindContainer,
       ...restProps,
-      children: children
+      children
     });
   }
 }
 const forwardedNavigableContainer = (props, ref) => {
-  return /*#__PURE__*/_jsx(NavigableContainer, {
+  return /* @__PURE__ */ _jsx(NavigableContainer, {
     ...props,
     forwardedRef: ref
   });
 };
-forwardedNavigableContainer.displayName = 'NavigableContainer';
-export default forwardRef(forwardedNavigableContainer);
-//# sourceMappingURL=container.js.map
+forwardedNavigableContainer.displayName = "NavigableContainer";
+var container_default = forwardRef(forwardedNavigableContainer);
+export {
+  container_default as default
+};
+//# sourceMappingURL=container.js.map

package/build-module/navigable-container/container.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["Component","forwardRef","focus","jsx","_jsx","noop","MENU_ITEM_ROLES","cycleValue","value","total","offset","nextValue","NavigableContainer","constructor","args","onKeyDown","bind","bindContainer","getFocusableContext","getFocusableIndex","componentDidMount","container","addEventListener","componentWillUnmount","removeEventListener","ref","forwardedRef","props","current","target","onlyBrowserTabstops","finder","tabbable","focusable","focusables","find","index","indexOf","event","cycle","eventToOffset","onNavigate","stopNavigationEvents","undefined","stopImmediatePropagation","targetRole","getAttribute","targetHasMenuItemRole","includes","preventDefault","activeElement","ownerDocument","context","nextIndex","length","code","render","children","restProps","forwardedNavigableContainer","displayName"],"sources":["@wordpress/components/src/navigable-container/container.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { Component, forwardRef } from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport type { NavigableContainerProps } from './types';\n\nconst noop = () => {};\nconst MENU_ITEM_ROLES = [ 'menuitem', 'menuitemradio', 'menuitemcheckbox' ];\n\nfunction cycleValue( value: number, total: number, offset: number ) {\n\tconst nextValue = value + offset;\n\tif ( nextValue < 0 ) {\n\t\treturn total + nextValue;\n\t} else if ( nextValue >= total ) {\n\t\treturn nextValue - total;\n\t}\n\n\treturn nextValue;\n}\n\nclass NavigableContainer extends Component< NavigableContainerProps > {\n\tcontainer?: HTMLDivElement;\n\n\tconstructor( args: NavigableContainerProps ) {\n\t\tsuper( args );\n\t\tthis.onKeyDown = this.onKeyDown.bind( this );\n\t\tthis.bindContainer = this.bindContainer.bind( this );\n\n\t\tthis.getFocusableContext = this.getFocusableContext.bind( this );\n\t\tthis.getFocusableIndex = this.getFocusableIndex.bind( this );\n\t}\n\n\tcomponentDidMount() {\n\t\tif ( ! this.container ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// We use DOM event listeners instead of React event listeners\n\t\t// because we want to catch events from the underlying DOM tree\n\t\t// The React Tree can be different from the DOM tree when using\n\t\t// portals. Block Toolbars for instance are rendered in a separate\n\t\t// React Trees.\n\t\tthis.container.addEventListener( 'keydown', this.onKeyDown );\n\t}\n\n\tcomponentWillUnmount() {\n\t\tif ( ! this.container ) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.container.removeEventListener( 'keydown', this.onKeyDown );\n\t}\n\n\tbindContainer( ref: HTMLDivElement ) {\n\t\tconst { forwardedRef } = this.props;\n\t\tthis.container = ref;\n\n\t\tif ( typeof forwardedRef === 'function' ) {\n\t\t\tforwardedRef( ref );\n\t\t} else if ( forwardedRef && 'current' in forwardedRef ) {\n\t\t\tforwardedRef.current = ref;\n\t\t}\n\t}\n\n\tgetFocusableContext( target: Element ) {\n\t\tif ( ! this.container ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst { onlyBrowserTabstops } = this.props;\n\t\tconst finder = onlyBrowserTabstops ? focus.tabbable : focus.focusable;\n\t\tconst focusables = finder.find( this.container );\n\n\t\tconst index = this.getFocusableIndex( focusables, target );\n\t\tif ( index > -1 && target ) {\n\t\t\treturn { index, target, focusables };\n\t\t}\n\t\treturn null;\n\t}\n\n\tgetFocusableIndex( focusables: Element[], target: Element ) {\n\t\treturn focusables.indexOf( target );\n\t}\n\n\tonKeyDown( event: KeyboardEvent ) {\n\t\tif ( this.props.onKeyDown ) {\n\t\t\tthis.props.onKeyDown( event );\n\t\t}\n\n\t\tconst { getFocusableContext } = this;\n\t\tconst {\n\t\t\tcycle = true,\n\t\t\teventToOffset,\n\t\t\tonNavigate = noop,\n\t\t\tstopNavigationEvents,\n\t\t} = this.props;\n\n\t\tconst offset = eventToOffset( event );\n\n\t\t// eventToOffset returns undefined if the event is not handled by the component.\n\t\tif ( offset !== undefined && stopNavigationEvents ) {\n\t\t\t// Prevents arrow key handlers bound to the document directly interfering.\n\t\t\tevent.stopImmediatePropagation();\n\n\t\t\t// When navigating a collection of items, prevent scroll containers\n\t\t\t// from scrolling. The preventDefault also prevents Voiceover from\n\t\t\t// 'handling' the event, as voiceover will try to use arrow keys\n\t\t\t// for highlighting text.\n\t\t\tconst targetRole = (\n\t\t\t\tevent.target as HTMLDivElement | null\n\t\t\t )?.getAttribute( 'role' );\n\t\t\tconst targetHasMenuItemRole =\n\t\t\t\t!! targetRole && MENU_ITEM_ROLES.includes( targetRole );\n\n\t\t\tif ( targetHasMenuItemRole ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t}\n\t\t}\n\n\t\tif ( ! offset ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst activeElement = ( event.target as HTMLElement | null )\n\t\t\t?.ownerDocument?.activeElement;\n\t\tif ( ! activeElement ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst context = getFocusableContext( activeElement );\n\t\tif ( ! context ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { index, focusables } = context;\n\t\tconst nextIndex = cycle\n\t\t\t? cycleValue( index, focusables.length, offset )\n\t\t\t: index + offset;\n\n\t\tif ( nextIndex >= 0 && nextIndex < focusables.length ) {\n\t\t\tfocusables[ nextIndex ].focus();\n\t\t\tonNavigate( nextIndex, focusables[ nextIndex ] );\n\n\t\t\t// `preventDefault()` on tab to avoid having the browser move the focus\n\t\t\t// after this component has already moved it.\n\t\t\tif ( event.code === 'Tab' ) {\n\t\t\t\tevent.preventDefault();\n\t\t\t}\n\t\t}\n\t}\n\n\trender() {\n\t\tconst {\n\t\t\tchildren,\n\t\t\tstopNavigationEvents,\n\t\t\teventToOffset,\n\t\t\tonNavigate,\n\t\t\tonKeyDown,\n\t\t\tcycle,\n\t\t\tonlyBrowserTabstops,\n\t\t\tforwardedRef,\n\t\t\t...restProps\n\t\t} = this.props;\n\t\treturn (\n\t\t\t<div ref={ this.bindContainer } { ...restProps }>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nconst forwardedNavigableContainer = (\n\tprops: NavigableContainerProps,\n\tref: ForwardedRef< HTMLDivElement >\n) => {\n\treturn <NavigableContainer { ...props } forwardedRef={ ref } />;\n};\nforwardedNavigableContainer.displayName = 'NavigableContainer';\n\nexport default forwardRef( forwardedNavigableContainer );\n"],"mappings":"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","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/navigable-container/container.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { Component, forwardRef } from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\n/**\n * Internal dependencies\n */\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst noop = () => {};\nconst MENU_ITEM_ROLES = ['menuitem', 'menuitemradio', 'menuitemcheckbox'];\nfunction cycleValue(value, total, offset) {\n  const nextValue = value + offset;\n  if (nextValue < 0) {\n    return total + nextValue;\n  } else if (nextValue >= total) {\n    return nextValue - total;\n  }\n  return nextValue;\n}\nclass NavigableContainer extends Component {\n  constructor(args) {\n    super(args);\n    this.onKeyDown = this.onKeyDown.bind(this);\n    this.bindContainer = this.bindContainer.bind(this);\n    this.getFocusableContext = this.getFocusableContext.bind(this);\n    this.getFocusableIndex = this.getFocusableIndex.bind(this);\n  }\n  componentDidMount() {\n    if (!this.container) {\n      return;\n    }\n\n    // We use DOM event listeners instead of React event listeners\n    // because we want to catch events from the underlying DOM tree\n    // The React Tree can be different from the DOM tree when using\n    // portals. Block Toolbars for instance are rendered in a separate\n    // React Trees.\n    this.container.addEventListener('keydown', this.onKeyDown);\n  }\n  componentWillUnmount() {\n    if (!this.container) {\n      return;\n    }\n    this.container.removeEventListener('keydown', this.onKeyDown);\n  }\n  bindContainer(ref) {\n    const {\n      forwardedRef\n    } = this.props;\n    this.container = ref;\n    if (typeof forwardedRef === 'function') {\n      forwardedRef(ref);\n    } else if (forwardedRef && 'current' in forwardedRef) {\n      forwardedRef.current = ref;\n    }\n  }\n  getFocusableContext(target) {\n    if (!this.container) {\n      return null;\n    }\n    const {\n      onlyBrowserTabstops\n    } = this.props;\n    const finder = onlyBrowserTabstops ? focus.tabbable : focus.focusable;\n    const focusables = finder.find(this.container);\n    const index = this.getFocusableIndex(focusables, target);\n    if (index > -1 && target) {\n      return {\n        index,\n        target,\n        focusables\n      };\n    }\n    return null;\n  }\n  getFocusableIndex(focusables, target) {\n    return focusables.indexOf(target);\n  }\n  onKeyDown(event) {\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(event);\n    }\n    const {\n      getFocusableContext\n    } = this;\n    const {\n      cycle = true,\n      eventToOffset,\n      onNavigate = noop,\n      stopNavigationEvents\n    } = this.props;\n    const offset = eventToOffset(event);\n\n    // eventToOffset returns undefined if the event is not handled by the component.\n    if (offset !== undefined && stopNavigationEvents) {\n      // Prevents arrow key handlers bound to the document directly interfering.\n      event.stopImmediatePropagation();\n\n      // When navigating a collection of items, prevent scroll containers\n      // from scrolling. The preventDefault also prevents Voiceover from\n      // 'handling' the event, as voiceover will try to use arrow keys\n      // for highlighting text.\n      const targetRole = event.target?.getAttribute('role');\n      const targetHasMenuItemRole = !!targetRole && MENU_ITEM_ROLES.includes(targetRole);\n      if (targetHasMenuItemRole) {\n        event.preventDefault();\n      }\n    }\n    if (!offset) {\n      return;\n    }\n    const activeElement = event.target?.ownerDocument?.activeElement;\n    if (!activeElement) {\n      return;\n    }\n    const context = getFocusableContext(activeElement);\n    if (!context) {\n      return;\n    }\n    const {\n      index,\n      focusables\n    } = context;\n    const nextIndex = cycle ? cycleValue(index, focusables.length, offset) : index + offset;\n    if (nextIndex >= 0 && nextIndex < focusables.length) {\n      focusables[nextIndex].focus();\n      onNavigate(nextIndex, focusables[nextIndex]);\n\n      // `preventDefault()` on tab to avoid having the browser move the focus\n      // after this component has already moved it.\n      if (event.code === 'Tab') {\n        event.preventDefault();\n      }\n    }\n  }\n  render() {\n    const {\n      children,\n      stopNavigationEvents,\n      eventToOffset,\n      onNavigate,\n      onKeyDown,\n      cycle,\n      onlyBrowserTabstops,\n      forwardedRef,\n      ...restProps\n    } = this.props;\n    return /*#__PURE__*/_jsx(\"div\", {\n      ref: this.bindContainer,\n      ...restProps,\n      children: children\n    });\n  }\n}\nconst forwardedNavigableContainer = (props, ref) => {\n  return /*#__PURE__*/_jsx(NavigableContainer, {\n    ...props,\n    forwardedRef: ref\n  });\n};\nforwardedNavigableContainer.displayName = 'NavigableContainer';\nexport default forwardRef(forwardedNavigableContainer);"],
+  "mappings": "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",
+  "names": []
+}

package/build-module/navigable-container/index.js

@@ -1,6 +1,7 @@
-/**
- * Internal Dependencies
- */
-export { default as NavigableMenu } from './menu';
-export { default as TabbableContainer } from './tabbable';
-//# sourceMappingURL=index.js.map
+import { default as default2 } from "./menu";
+import { default as default3 } from "./tabbable";
+export {
+  default2 as NavigableMenu,
+  default3 as TabbableContainer
+};
+//# sourceMappingURL=index.js.map

package/build-module/navigable-container/index.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["default","NavigableMenu","TabbableContainer"],"sources":["@wordpress/components/src/navigable-container/index.tsx"],"sourcesContent":["/**\n * Internal Dependencies\n */\nexport { default as NavigableMenu } from './menu';\nexport { default as TabbableContainer } from './tabbable';\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,OAAO,IAAIC,aAAa,QAAQ,QAAQ;AACjD,SAASD,OAAO,IAAIE,iBAAiB,QAAQ,YAAY","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/navigable-container/index.tsx"],
+  "sourcesContent": ["/**\n * Internal Dependencies\n */\nexport { default as NavigableMenu } from './menu';\nexport { default as TabbableContainer } from './tabbable';"],
+  "mappings": "AAGA,SAAoB,WAAXA,gBAAgC;AACzC,SAAoB,WAAXA,gBAAoC;",
+  "names": ["default"]
+}

package/build-module/navigable-container/menu.js

@@ -1,84 +1,49 @@
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import NavigableContainer from './container';
+import { forwardRef } from "@wordpress/element";
+import NavigableContainer from "./container";
 import { jsx as _jsx } from "react/jsx-runtime";
-export function UnforwardedNavigableMenu({
-  role = 'menu',
-  orientation = 'vertical',
+function UnforwardedNavigableMenu({
+  role = "menu",
+  orientation = "vertical",
   ...rest
 }, ref) {
-  const eventToOffset = evt => {
+  const eventToOffset = (evt) => {
     const {
       code
     } = evt;
-    let next = ['ArrowDown'];
-    let previous = ['ArrowUp'];
-    if (orientation === 'horizontal') {
-      next = ['ArrowRight'];
-      previous = ['ArrowLeft'];
+    let next = ["ArrowDown"];
+    let previous = ["ArrowUp"];
+    if (orientation === "horizontal") {
+      next = ["ArrowRight"];
+      previous = ["ArrowLeft"];
     }
-    if (orientation === 'both') {
-      next = ['ArrowRight', 'ArrowDown'];
-      previous = ['ArrowLeft', 'ArrowUp'];
+    if (orientation === "both") {
+      next = ["ArrowRight", "ArrowDown"];
+      previous = ["ArrowLeft", "ArrowUp"];
     }
     if (next.includes(code)) {
       return 1;
     } else if (previous.includes(code)) {
       return -1;
-    } else if (['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'].includes(code)) {
-      // Key press should be handled, e.g. have event propagation and
-      // default behavior handled by NavigableContainer but not result
-      // in an offset.
+    } else if (["ArrowDown", "ArrowUp", "ArrowLeft", "ArrowRight"].includes(code)) {
       return 0;
     }
-    return undefined;
+    return void 0;
   };
-  return /*#__PURE__*/_jsx(NavigableContainer, {
-    ref: ref,
+  return /* @__PURE__ */ _jsx(NavigableContainer, {
+    ref,
     stopNavigationEvents: true,
     onlyBrowserTabstops: false,
-    role: role,
-    "aria-orientation": role !== 'presentation' && (orientation === 'vertical' || orientation === 'horizontal') ? orientation : undefined,
-    eventToOffset: eventToOffset,
+    role,
+    "aria-orientation": role !== "presentation" && (orientation === "vertical" || orientation === "horizontal") ? orientation : void 0,
+    eventToOffset,
     ...rest
   });
 }
-
-/**
- * A container for a navigable menu.
- *
- *  ```jsx
- *  import {
- *    NavigableMenu,
- *    Button,
- *  } from '@wordpress/components';
- *
- *  function onNavigate( index, target ) {
- *    console.log( `Navigates to ${ index }`, target );
- *  }
- *
- *  const MyNavigableContainer = () => (
- *    <div>
- *      <span>Navigable Menu:</span>
- *      <NavigableMenu onNavigate={ onNavigate } orientation="horizontal">
- *        <Button variant="secondary">Item 1</Button>
- *        <Button variant="secondary">Item 2</Button>
- *        <Button variant="secondary">Item 3</Button>
- *      </NavigableMenu>
- *    </div>
- *  );
- *  ```
- */
-export const NavigableMenu = forwardRef(UnforwardedNavigableMenu);
-export default NavigableMenu;
-//# sourceMappingURL=menu.js.map
+const NavigableMenu = forwardRef(UnforwardedNavigableMenu);
+var menu_default = NavigableMenu;
+export {
+  NavigableMenu,
+  UnforwardedNavigableMenu,
+  menu_default as default
+};
+//# sourceMappingURL=menu.js.map

package/build-module/navigable-container/menu.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["forwardRef","NavigableContainer","jsx","_jsx","UnforwardedNavigableMenu","role","orientation","rest","ref","eventToOffset","evt","code","next","previous","includes","undefined","stopNavigationEvents","onlyBrowserTabstops","NavigableMenu"],"sources":["@wordpress/components/src/navigable-container/menu.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport NavigableContainer from './container';\nimport type { NavigableMenuProps } from './types';\n\nexport function UnforwardedNavigableMenu(\n\t{ role = 'menu', orientation = 'vertical', ...rest }: NavigableMenuProps,\n\tref: ForwardedRef< any >\n) {\n\tconst eventToOffset = ( evt: KeyboardEvent ) => {\n\t\tconst { code } = evt;\n\n\t\tlet next = [ 'ArrowDown' ];\n\t\tlet previous = [ 'ArrowUp' ];\n\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\tnext = [ 'ArrowRight' ];\n\t\t\tprevious = [ 'ArrowLeft' ];\n\t\t}\n\n\t\tif ( orientation === 'both' ) {\n\t\t\tnext = [ 'ArrowRight', 'ArrowDown' ];\n\t\t\tprevious = [ 'ArrowLeft', 'ArrowUp' ];\n\t\t}\n\n\t\tif ( next.includes( code ) ) {\n\t\t\treturn 1;\n\t\t} else if ( previous.includes( code ) ) {\n\t\t\treturn -1;\n\t\t} else if (\n\t\t\t[ 'ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight' ].includes(\n\t\t\t\tcode\n\t\t\t)\n\t\t) {\n\t\t\t// Key press should be handled, e.g. have event propagation and\n\t\t\t// default behavior handled by NavigableContainer but not result\n\t\t\t// in an offset.\n\t\t\treturn 0;\n\t\t}\n\n\t\treturn undefined;\n\t};\n\n\treturn (\n\t\t<NavigableContainer\n\t\t\tref={ ref }\n\t\t\tstopNavigationEvents\n\t\t\tonlyBrowserTabstops={ false }\n\t\t\trole={ role }\n\t\t\taria-orientation={\n\t\t\t\trole !== 'presentation' &&\n\t\t\t\t( orientation === 'vertical' || orientation === 'horizontal' )\n\t\t\t\t\t? orientation\n\t\t\t\t\t: undefined\n\t\t\t}\n\t\t\teventToOffset={ eventToOffset }\n\t\t\t{ ...rest }\n\t\t/>\n\t);\n}\n\n/**\n * A container for a navigable menu.\n *\n *  ```jsx\n *  import {\n *    NavigableMenu,\n *    Button,\n *  } from '@wordpress/components';\n *\n *  function onNavigate( index, target ) {\n *    console.log( `Navigates to ${ index }`, target );\n *  }\n *\n *  const MyNavigableContainer = () => (\n *    <div>\n *      <span>Navigable Menu:</span>\n *      <NavigableMenu onNavigate={ onNavigate } orientation=\"horizontal\">\n *        <Button variant=\"secondary\">Item 1</Button>\n *        <Button variant=\"secondary\">Item 2</Button>\n *        <Button variant=\"secondary\">Item 3</Button>\n *      </NavigableMenu>\n *    </div>\n *  );\n *  ```\n */\nexport const NavigableMenu = forwardRef( UnforwardedNavigableMenu );\n\nexport default NavigableMenu;\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7C,OAAO,SAASC,wBAAwBA,CACvC;EAAEC,IAAI,GAAG,MAAM;EAAEC,WAAW,GAAG,UAAU;EAAE,GAAGC;AAAyB,CAAC,EACxEC,GAAwB,EACvB;EACD,MAAMC,aAAa,GAAKC,GAAkB,IAAM;IAC/C,MAAM;MAAEC;IAAK,CAAC,GAAGD,GAAG;IAEpB,IAAIE,IAAI,GAAG,CAAE,WAAW,CAAE;IAC1B,IAAIC,QAAQ,GAAG,CAAE,SAAS,CAAE;IAE5B,IAAKP,WAAW,KAAK,YAAY,EAAG;MACnCM,IAAI,GAAG,CAAE,YAAY,CAAE;MACvBC,QAAQ,GAAG,CAAE,WAAW,CAAE;IAC3B;IAEA,IAAKP,WAAW,KAAK,MAAM,EAAG;MAC7BM,IAAI,GAAG,CAAE,YAAY,EAAE,WAAW,CAAE;MACpCC,QAAQ,GAAG,CAAE,WAAW,EAAE,SAAS,CAAE;IACtC;IAEA,IAAKD,IAAI,CAACE,QAAQ,CAAEH,IAAK,CAAC,EAAG;MAC5B,OAAO,CAAC;IACT,CAAC,MAAM,IAAKE,QAAQ,CAACC,QAAQ,CAAEH,IAAK,CAAC,EAAG;MACvC,OAAO,CAAC,CAAC;IACV,CAAC,MAAM,IACN,CAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,CAAE,CAACG,QAAQ,CAC7DH,IACD,CAAC,EACA;MACD;MACA;MACA;MACA,OAAO,CAAC;IACT;IAEA,OAAOI,SAAS;EACjB,CAAC;EAED,oBACCZ,IAAA,CAACF,kBAAkB;IAClBO,GAAG,EAAGA,GAAK;IACXQ,oBAAoB;IACpBC,mBAAmB,EAAG,KAAO;IAC7BZ,IAAI,EAAGA,IAAM;IACb,oBACCA,IAAI,KAAK,cAAc,KACrBC,WAAW,KAAK,UAAU,IAAIA,WAAW,KAAK,YAAY,CAAE,GAC3DA,WAAW,GACXS,SACH;IACDN,aAAa,EAAGA,aAAe;IAAA,GAC1BF;EAAI,CACT,CAAC;AAEJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMW,aAAa,GAAGlB,UAAU,CAAEI,wBAAyB,CAAC;AAEnE,eAAec,aAAa","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/navigable-container/menu.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport NavigableContainer from './container';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function UnforwardedNavigableMenu({\n  role = 'menu',\n  orientation = 'vertical',\n  ...rest\n}, ref) {\n  const eventToOffset = evt => {\n    const {\n      code\n    } = evt;\n    let next = ['ArrowDown'];\n    let previous = ['ArrowUp'];\n    if (orientation === 'horizontal') {\n      next = ['ArrowRight'];\n      previous = ['ArrowLeft'];\n    }\n    if (orientation === 'both') {\n      next = ['ArrowRight', 'ArrowDown'];\n      previous = ['ArrowLeft', 'ArrowUp'];\n    }\n    if (next.includes(code)) {\n      return 1;\n    } else if (previous.includes(code)) {\n      return -1;\n    } else if (['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'].includes(code)) {\n      // Key press should be handled, e.g. have event propagation and\n      // default behavior handled by NavigableContainer but not result\n      // in an offset.\n      return 0;\n    }\n    return undefined;\n  };\n  return /*#__PURE__*/_jsx(NavigableContainer, {\n    ref: ref,\n    stopNavigationEvents: true,\n    onlyBrowserTabstops: false,\n    role: role,\n    \"aria-orientation\": role !== 'presentation' && (orientation === 'vertical' || orientation === 'horizontal') ? orientation : undefined,\n    eventToOffset: eventToOffset,\n    ...rest\n  });\n}\n\n/**\n * A container for a navigable menu.\n *\n *  ```jsx\n *  import {\n *    NavigableMenu,\n *    Button,\n *  } from '@wordpress/components';\n *\n *  function onNavigate( index, target ) {\n *    console.log( `Navigates to ${ index }`, target );\n *  }\n *\n *  const MyNavigableContainer = () => (\n *    <div>\n *      <span>Navigable Menu:</span>\n *      <NavigableMenu onNavigate={ onNavigate } orientation=\"horizontal\">\n *        <Button variant=\"secondary\">Item 1</Button>\n *        <Button variant=\"secondary\">Item 2</Button>\n *        <Button variant=\"secondary\">Item 3</Button>\n *      </NavigableMenu>\n *    </div>\n *  );\n *  ```\n */\nexport const NavigableMenu = forwardRef(UnforwardedNavigableMenu);\nexport default NavigableMenu;"],
+  "mappings": "AAOA,SAAS,kBAAkB;AAK3B,OAAO,wBAAwB;AAC/B,SAAS,OAAO,YAAY;AACrB,SAAS,yBAAyB;AAAA,EACvC,OAAO;AAAA,EACP,cAAc;AAAA,EACd,GAAG;AACL,GAAG,KAAK;AACN,QAAM,gBAAgB,SAAO;AAC3B,UAAM;AAAA,MACJ;AAAA,IACF,IAAI;AACJ,QAAI,OAAO,CAAC,WAAW;AACvB,QAAI,WAAW,CAAC,SAAS;AACzB,QAAI,gBAAgB,cAAc;AAChC,aAAO,CAAC,YAAY;AACpB,iBAAW,CAAC,WAAW;AAAA,IACzB;AACA,QAAI,gBAAgB,QAAQ;AAC1B,aAAO,CAAC,cAAc,WAAW;AACjC,iBAAW,CAAC,aAAa,SAAS;AAAA,IACpC;AACA,QAAI,KAAK,SAAS,IAAI,GAAG;AACvB,aAAO;AAAA,IACT,WAAW,SAAS,SAAS,IAAI,GAAG;AAClC,aAAO;AAAA,IACT,WAAW,CAAC,aAAa,WAAW,aAAa,YAAY,EAAE,SAAS,IAAI,GAAG;AAI7E,aAAO;AAAA,IACT;AACA,WAAO;AAAA,EACT;AACA,SAAoB,qBAAK,oBAAoB;AAAA,IAC3C;AAAA,IACA,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB;AAAA,IACA,oBAAoB,SAAS,mBAAmB,gBAAgB,cAAc,gBAAgB,gBAAgB,cAAc;AAAA,IAC5H;AAAA,IACA,GAAG;AAAA,EACL,CAAC;AACH;AA2BO,MAAM,gBAAgB,WAAW,wBAAwB;AAChE,IAAO,eAAQ;",
+  "names": []
+}

package/build-module/navigable-container/tabbable.js

@@ -1,89 +1,36 @@
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import NavigableContainer from './container';
+import { forwardRef } from "@wordpress/element";
+import NavigableContainer from "./container";
 import { jsx as _jsx } from "react/jsx-runtime";
-export function UnforwardedTabbableContainer({
+function UnforwardedTabbableContainer({
   eventToOffset,
   ...props
 }, ref) {
-  const innerEventToOffset = evt => {
+  const innerEventToOffset = (evt) => {
     const {
       code,
       shiftKey
     } = evt;
-    if ('Tab' === code) {
+    if ("Tab" === code) {
       return shiftKey ? -1 : 1;
     }
-
-    // Allow custom handling of keys besides Tab.
-    //
-    // By default, TabbableContainer will move focus forward on Tab and
-    // backward on Shift+Tab. The handler below will be used for all other
-    // events. The semantics for `eventToOffset`'s return
-    // values are the following:
-    //
-    // - +1: move focus forward
-    // - -1: move focus backward
-    // -  0: don't move focus, but acknowledge event and thus stop it
-    // - undefined: do nothing, let the event propagate.
     if (eventToOffset) {
       return eventToOffset(evt);
     }
-    return undefined;
+    return void 0;
   };
-  return /*#__PURE__*/_jsx(NavigableContainer, {
-    ref: ref,
+  return /* @__PURE__ */ _jsx(NavigableContainer, {
+    ref,
     stopNavigationEvents: true,
     onlyBrowserTabstops: true,
     eventToOffset: innerEventToOffset,
     ...props
   });
 }
-
-/**
- * A container for tabbable elements.
- *
- *  ```jsx
- *  import {
- *    TabbableContainer,
- *    Button,
- *  } from '@wordpress/components';
- *
- *  function onNavigate( index, target ) {
- *    console.log( `Navigates to ${ index }`, target );
- *  }
- *
- *  const MyTabbableContainer = () => (
- *    <div>
- *      <span>Tabbable Container:</span>
- *      <TabbableContainer onNavigate={ onNavigate }>
- *        <Button variant="secondary" tabIndex="0">
- *          Section 1
- *        </Button>
- *        <Button variant="secondary" tabIndex="0">
- *          Section 2
- *        </Button>
- *        <Button variant="secondary" tabIndex="0">
- *          Section 3
- *        </Button>
- *        <Button variant="secondary" tabIndex="0">
- *          Section 4
- *        </Button>
- *      </TabbableContainer>
- *    </div>
- *  );
- *  ```
- */
-export const TabbableContainer = forwardRef(UnforwardedTabbableContainer);
-export default TabbableContainer;
-//# sourceMappingURL=tabbable.js.map
+const TabbableContainer = forwardRef(UnforwardedTabbableContainer);
+var tabbable_default = TabbableContainer;
+export {
+  TabbableContainer,
+  UnforwardedTabbableContainer,
+  tabbable_default as default
+};
+//# sourceMappingURL=tabbable.js.map

package/build-module/navigable-container/tabbable.js.map

@@ -1 +1,7 @@
-{"version":3,"names":["forwardRef","NavigableContainer","jsx","_jsx","UnforwardedTabbableContainer","eventToOffset","props","ref","innerEventToOffset","evt","code","shiftKey","undefined","stopNavigationEvents","onlyBrowserTabstops","TabbableContainer"],"sources":["@wordpress/components/src/navigable-container/tabbable.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef } from 'react';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport NavigableContainer from './container';\nimport type { TabbableContainerProps } from './types';\n\nexport function UnforwardedTabbableContainer(\n\t{ eventToOffset, ...props }: TabbableContainerProps,\n\tref: ForwardedRef< any >\n) {\n\tconst innerEventToOffset = ( evt: KeyboardEvent ) => {\n\t\tconst { code, shiftKey } = evt;\n\t\tif ( 'Tab' === code ) {\n\t\t\treturn shiftKey ? -1 : 1;\n\t\t}\n\n\t\t// Allow custom handling of keys besides Tab.\n\t\t//\n\t\t// By default, TabbableContainer will move focus forward on Tab and\n\t\t// backward on Shift+Tab. The handler below will be used for all other\n\t\t// events. The semantics for `eventToOffset`'s return\n\t\t// values are the following:\n\t\t//\n\t\t// - +1: move focus forward\n\t\t// - -1: move focus backward\n\t\t// -  0: don't move focus, but acknowledge event and thus stop it\n\t\t// - undefined: do nothing, let the event propagate.\n\t\tif ( eventToOffset ) {\n\t\t\treturn eventToOffset( evt );\n\t\t}\n\n\t\treturn undefined;\n\t};\n\n\treturn (\n\t\t<NavigableContainer\n\t\t\tref={ ref }\n\t\t\tstopNavigationEvents\n\t\t\tonlyBrowserTabstops\n\t\t\teventToOffset={ innerEventToOffset }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n\n/**\n * A container for tabbable elements.\n *\n *  ```jsx\n *  import {\n *    TabbableContainer,\n *    Button,\n *  } from '@wordpress/components';\n *\n *  function onNavigate( index, target ) {\n *    console.log( `Navigates to ${ index }`, target );\n *  }\n *\n *  const MyTabbableContainer = () => (\n *    <div>\n *      <span>Tabbable Container:</span>\n *      <TabbableContainer onNavigate={ onNavigate }>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 1\n *        </Button>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 2\n *        </Button>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 3\n *        </Button>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 4\n *        </Button>\n *      </TabbableContainer>\n *    </div>\n *  );\n *  ```\n */\nexport const TabbableContainer = forwardRef( UnforwardedTabbableContainer );\n\nexport default TabbableContainer;\n"],"mappings":"AAAA;AACA;AACA;;AAGA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,oBAAoB;;AAE/C;AACA;AACA;AACA,OAAOC,kBAAkB,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7C,OAAO,SAASC,4BAA4BA,CAC3C;EAAEC,aAAa;EAAE,GAAGC;AAA8B,CAAC,EACnDC,GAAwB,EACvB;EACD,MAAMC,kBAAkB,GAAKC,GAAkB,IAAM;IACpD,MAAM;MAAEC,IAAI;MAAEC;IAAS,CAAC,GAAGF,GAAG;IAC9B,IAAK,KAAK,KAAKC,IAAI,EAAG;MACrB,OAAOC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;IACzB;;IAEA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA,IAAKN,aAAa,EAAG;MACpB,OAAOA,aAAa,CAAEI,GAAI,CAAC;IAC5B;IAEA,OAAOG,SAAS;EACjB,CAAC;EAED,oBACCT,IAAA,CAACF,kBAAkB;IAClBM,GAAG,EAAGA,GAAK;IACXM,oBAAoB;IACpBC,mBAAmB;IACnBT,aAAa,EAAGG,kBAAoB;IAAA,GAC/BF;EAAK,CACV,CAAC;AAEJ;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMS,iBAAiB,GAAGf,UAAU,CAAEI,4BAA6B,CAAC;AAE3E,eAAeW,iBAAiB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/navigable-container/tabbable.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport NavigableContainer from './container';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport function UnforwardedTabbableContainer({\n  eventToOffset,\n  ...props\n}, ref) {\n  const innerEventToOffset = evt => {\n    const {\n      code,\n      shiftKey\n    } = evt;\n    if ('Tab' === code) {\n      return shiftKey ? -1 : 1;\n    }\n\n    // Allow custom handling of keys besides Tab.\n    //\n    // By default, TabbableContainer will move focus forward on Tab and\n    // backward on Shift+Tab. The handler below will be used for all other\n    // events. The semantics for `eventToOffset`'s return\n    // values are the following:\n    //\n    // - +1: move focus forward\n    // - -1: move focus backward\n    // -  0: don't move focus, but acknowledge event and thus stop it\n    // - undefined: do nothing, let the event propagate.\n    if (eventToOffset) {\n      return eventToOffset(evt);\n    }\n    return undefined;\n  };\n  return /*#__PURE__*/_jsx(NavigableContainer, {\n    ref: ref,\n    stopNavigationEvents: true,\n    onlyBrowserTabstops: true,\n    eventToOffset: innerEventToOffset,\n    ...props\n  });\n}\n\n/**\n * A container for tabbable elements.\n *\n *  ```jsx\n *  import {\n *    TabbableContainer,\n *    Button,\n *  } from '@wordpress/components';\n *\n *  function onNavigate( index, target ) {\n *    console.log( `Navigates to ${ index }`, target );\n *  }\n *\n *  const MyTabbableContainer = () => (\n *    <div>\n *      <span>Tabbable Container:</span>\n *      <TabbableContainer onNavigate={ onNavigate }>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 1\n *        </Button>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 2\n *        </Button>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 3\n *        </Button>\n *        <Button variant=\"secondary\" tabIndex=\"0\">\n *          Section 4\n *        </Button>\n *      </TabbableContainer>\n *    </div>\n *  );\n *  ```\n */\nexport const TabbableContainer = forwardRef(UnforwardedTabbableContainer);\nexport default TabbableContainer;"],
+  "mappings": "AAOA,SAAS,kBAAkB;AAK3B,OAAO,wBAAwB;AAC/B,SAAS,OAAO,YAAY;AACrB,SAAS,6BAA6B;AAAA,EAC3C;AAAA,EACA,GAAG;AACL,GAAG,KAAK;AACN,QAAM,qBAAqB,SAAO;AAChC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,IACF,IAAI;AACJ,QAAI,UAAU,MAAM;AAClB,aAAO,WAAW,KAAK;AAAA,IACzB;AAaA,QAAI,eAAe;AACjB,aAAO,cAAc,GAAG;AAAA,IAC1B;AACA,WAAO;AAAA,EACT;AACA,SAAoB,qBAAK,oBAAoB;AAAA,IAC3C;AAAA,IACA,sBAAsB;AAAA,IACtB,qBAAqB;AAAA,IACrB,eAAe;AAAA,IACf,GAAG;AAAA,EACL,CAAC;AACH;AAoCO,MAAM,oBAAoB,WAAW,4BAA4B;AACxE,IAAO,mBAAQ;",
+  "names": []
+}

package/build-module/navigable-container/types.js

@@ -1,2 +1 @@
-export {};
-//# sourceMappingURL=types.js.map
+//# sourceMappingURL=types.js.map

package/build-module/navigable-container/types.js.map

@@ -1 +1,7 @@
-{"version":3,"names":[],"sources":["@wordpress/components/src/navigable-container/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { ForwardedRef, ReactNode } from 'react';\n\n/**\n * Internal dependencies\n */\nimport type { WordPressComponentProps } from '../context';\n\ntype BaseProps = {\n\t/**\n\t * The component children.\n\t */\n\tchildren?: ReactNode;\n\t/**\n\t * A boolean which tells the component whether or not to cycle from the end back to the beginning and vice versa.\n\t *\n\t * @default true\n\t */\n\tcycle?: boolean;\n\t/**\n\t * A callback invoked on the keydown event.\n\t */\n\tonKeyDown?: ( event: KeyboardEvent ) => void;\n\t/**\n\t * A callback invoked when the menu navigates to one of its children passing the index and child as an argument\n\t */\n\tonNavigate?: ( index: number, focusable: HTMLElement ) => void;\n};\n\nexport type NavigableContainerProps = WordPressComponentProps<\n\tBaseProps & {\n\t\t/**\n\t\t * Gets an offset, given an event.\n\t\t */\n\t\teventToOffset: ( event: KeyboardEvent ) => -1 | 0 | 1 | undefined;\n\t\t/**\n\t\t * The forwarded ref.\n\t\t */\n\t\tforwardedRef?: ForwardedRef< any >;\n\t\t/**\n\t\t * Whether to only consider browser tab stops.\n\t\t *\n\t\t * @default false\n\t\t */\n\t\tonlyBrowserTabstops: boolean;\n\t\t/**\n\t\t * Whether to stop navigation events.\n\t\t *\n\t\t * @default false\n\t\t */\n\t\tstopNavigationEvents: boolean;\n\t},\n\t'div',\n\tfalse\n>;\n\nexport type NavigableMenuProps = WordPressComponentProps<\n\tBaseProps & {\n\t\t/**\n\t\t * The orientation of the menu.\n\t\t *\n\t\t * @default 'vertical'\n\t\t */\n\t\torientation?: 'vertical' | 'horizontal' | 'both';\n\t},\n\t'div',\n\tfalse\n>;\n\nexport type TabbableContainerProps = WordPressComponentProps<\n\tBaseProps & Partial< Pick< NavigableContainerProps, 'eventToOffset' > >,\n\t'div',\n\tfalse\n>;\n"],"mappings":"","ignoreList":[]}
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/build-module/navigation/back-button/index.js

@@ -1,19 +1,9 @@
-/**
- * External dependencies
- */
-import clsx from 'clsx';
-/**
- * WordPress dependencies
- */
-import { forwardRef } from '@wordpress/element';
-import { __, isRTL } from '@wordpress/i18n';
-import { Icon, chevronLeft, chevronRight } from '@wordpress/icons';
-
-/**
- * Internal dependencies
- */
-import { useNavigationContext } from '../context';
-import { MenuBackButtonUI } from '../styles/navigation-styles';
+import clsx from "clsx";
+import { forwardRef } from "@wordpress/element";
+import { __, isRTL } from "@wordpress/i18n";
+import { Icon, chevronLeft, chevronRight } from "@wordpress/icons";
+import { useNavigationContext } from "../context";
+import { MenuBackButtonUI } from "../styles/navigation-styles";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function UnforwardedNavigationBackButton({
   backButtonLabel,
@@ -26,34 +16,34 @@ function UnforwardedNavigationBackButton({
     setActiveMenu,
     navigationTree
   } = useNavigationContext();
-  const classes = clsx('components-navigation__back-button', className);
-  const parentMenuTitle = parentMenu !== undefined ? navigationTree.getMenu(parentMenu)?.title : undefined;
-  const handleOnClick = event => {
-    if (typeof onClick === 'function') {
+  const classes = clsx("components-navigation__back-button", className);
+  const parentMenuTitle = parentMenu !== void 0 ? navigationTree.getMenu(parentMenu)?.title : void 0;
+  const handleOnClick = (event) => {
+    if (typeof onClick === "function") {
       onClick(event);
     }
-    const animationDirection = isRTL() ? 'left' : 'right';
+    const animationDirection = isRTL() ? "left" : "right";
     if (parentMenu && !event.defaultPrevented) {
       setActiveMenu(parentMenu, animationDirection);
     }
   };
   const icon = isRTL() ? chevronRight : chevronLeft;
-  return /*#__PURE__*/_jsxs(MenuBackButtonUI, {
+  return /* @__PURE__ */ _jsxs(MenuBackButtonUI, {
     __next40pxDefaultSize: true,
     className: classes,
-    href: href,
+    href,
     variant: "tertiary",
-    ref: ref,
+    ref,
     onClick: handleOnClick,
-    children: [/*#__PURE__*/_jsx(Icon, {
-      icon: icon
-    }), backButtonLabel || parentMenuTitle || __('Back')]
+    children: [/* @__PURE__ */ _jsx(Icon, {
+      icon
+    }), backButtonLabel || parentMenuTitle || __("Back")]
   });
 }
-
-/**
- * @deprecated Use `Navigator` instead.
- */
-export const NavigationBackButton = forwardRef(UnforwardedNavigationBackButton);
-export default NavigationBackButton;
-//# sourceMappingURL=index.js.map
+const NavigationBackButton = forwardRef(UnforwardedNavigationBackButton);
+var back_button_default = NavigationBackButton;
+export {
+  NavigationBackButton,
+  back_button_default as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["clsx","forwardRef","__","isRTL","Icon","chevronLeft","chevronRight","useNavigationContext","MenuBackButtonUI","jsx","_jsx","jsxs","_jsxs","UnforwardedNavigationBackButton","backButtonLabel","className","href","onClick","parentMenu","ref","setActiveMenu","navigationTree","classes","parentMenuTitle","undefined","getMenu","title","handleOnClick","event","animationDirection","defaultPrevented","icon","__next40pxDefaultSize","variant","children","NavigationBackButton"],"sources":["@wordpress/components/src/navigation/back-button/index.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { MenuBackButtonUI } from '../styles/navigation-styles';\n\nimport type { NavigationBackButtonProps } from '../types';\n\nfunction UnforwardedNavigationBackButton(\n\t{\n\t\tbackButtonLabel,\n\t\tclassName,\n\t\thref,\n\t\tonClick,\n\t\tparentMenu,\n\t}: NavigationBackButtonProps,\n\tref: React.ForwardedRef< HTMLAnchorElement | HTMLButtonElement >\n) {\n\tconst { setActiveMenu, navigationTree } = useNavigationContext();\n\n\tconst classes = clsx( 'components-navigation__back-button', className );\n\n\tconst parentMenuTitle =\n\t\tparentMenu !== undefined\n\t\t\t? navigationTree.getMenu( parentMenu )?.title\n\t\t\t: undefined;\n\n\tconst handleOnClick: React.MouseEventHandler< HTMLElement > = ( event ) => {\n\t\tif ( typeof onClick === 'function' ) {\n\t\t\tonClick( event );\n\t\t}\n\n\t\tconst animationDirection = isRTL() ? 'left' : 'right';\n\t\tif ( parentMenu && ! event.defaultPrevented ) {\n\t\t\tsetActiveMenu( parentMenu, animationDirection );\n\t\t}\n\t};\n\tconst icon = isRTL() ? chevronRight : chevronLeft;\n\treturn (\n\t\t<MenuBackButtonUI\n\t\t\t__next40pxDefaultSize\n\t\t\tclassName={ classes }\n\t\t\thref={ href }\n\t\t\tvariant=\"tertiary\"\n\t\t\tref={ ref }\n\t\t\tonClick={ handleOnClick }\n\t\t>\n\t\t\t<Icon icon={ icon } />\n\t\t\t{ backButtonLabel || parentMenuTitle || __( 'Back' ) }\n\t\t</MenuBackButtonUI>\n\t);\n}\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport const NavigationBackButton = forwardRef(\n\tUnforwardedNavigationBackButton\n);\n\nexport default NavigationBackButton;\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,IAAI,MAAM,MAAM;AACvB;AACA;AACA;AACA,SAASC,UAAU,QAAQ,oBAAoB;AAC/C,SAASC,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,IAAI,EAAEC,WAAW,EAAEC,YAAY,QAAQ,kBAAkB;;AAElE;AACA;AACA;AACA,SAASC,oBAAoB,QAAQ,YAAY;AACjD,SAASC,gBAAgB,QAAQ,6BAA6B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAI/D,SAASC,+BAA+BA,CACvC;EACCC,eAAe;EACfC,SAAS;EACTC,IAAI;EACJC,OAAO;EACPC;AAC0B,CAAC,EAC5BC,GAAgE,EAC/D;EACD,MAAM;IAAEC,aAAa;IAAEC;EAAe,CAAC,GAAGd,oBAAoB,CAAC,CAAC;EAEhE,MAAMe,OAAO,GAAGtB,IAAI,CAAE,oCAAoC,EAAEe,SAAU,CAAC;EAEvE,MAAMQ,eAAe,GACpBL,UAAU,KAAKM,SAAS,GACrBH,cAAc,CAACI,OAAO,CAAEP,UAAW,CAAC,EAAEQ,KAAK,GAC3CF,SAAS;EAEb,MAAMG,aAAqD,GAAKC,KAAK,IAAM;IAC1E,IAAK,OAAOX,OAAO,KAAK,UAAU,EAAG;MACpCA,OAAO,CAAEW,KAAM,CAAC;IACjB;IAEA,MAAMC,kBAAkB,GAAG1B,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG,OAAO;IACrD,IAAKe,UAAU,IAAI,CAAEU,KAAK,CAACE,gBAAgB,EAAG;MAC7CV,aAAa,CAAEF,UAAU,EAAEW,kBAAmB,CAAC;IAChD;EACD,CAAC;EACD,MAAME,IAAI,GAAG5B,KAAK,CAAC,CAAC,GAAGG,YAAY,GAAGD,WAAW;EACjD,oBACCO,KAAA,CAACJ,gBAAgB;IAChBwB,qBAAqB;IACrBjB,SAAS,EAAGO,OAAS;IACrBN,IAAI,EAAGA,IAAM;IACbiB,OAAO,EAAC,UAAU;IAClBd,GAAG,EAAGA,GAAK;IACXF,OAAO,EAAGU,aAAe;IAAAO,QAAA,gBAEzBxB,IAAA,CAACN,IAAI;MAAC2B,IAAI,EAAGA;IAAM,CAAE,CAAC,EACpBjB,eAAe,IAAIS,eAAe,IAAIrB,EAAE,CAAE,MAAO,CAAC;EAAA,CACnC,CAAC;AAErB;;AAEA;AACA;AACA;AACA,OAAO,MAAMiC,oBAAoB,GAAGlC,UAAU,CAC7CY,+BACD,CAAC;AAED,eAAesB,oBAAoB","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../../src/navigation/back-button/index.tsx"],
+  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { __, isRTL } from '@wordpress/i18n';\nimport { Icon, chevronLeft, chevronRight } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { MenuBackButtonUI } from '../styles/navigation-styles';\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nfunction UnforwardedNavigationBackButton({\n  backButtonLabel,\n  className,\n  href,\n  onClick,\n  parentMenu\n}, ref) {\n  const {\n    setActiveMenu,\n    navigationTree\n  } = useNavigationContext();\n  const classes = clsx('components-navigation__back-button', className);\n  const parentMenuTitle = parentMenu !== undefined ? navigationTree.getMenu(parentMenu)?.title : undefined;\n  const handleOnClick = event => {\n    if (typeof onClick === 'function') {\n      onClick(event);\n    }\n    const animationDirection = isRTL() ? 'left' : 'right';\n    if (parentMenu && !event.defaultPrevented) {\n      setActiveMenu(parentMenu, animationDirection);\n    }\n  };\n  const icon = isRTL() ? chevronRight : chevronLeft;\n  return /*#__PURE__*/_jsxs(MenuBackButtonUI, {\n    __next40pxDefaultSize: true,\n    className: classes,\n    href: href,\n    variant: \"tertiary\",\n    ref: ref,\n    onClick: handleOnClick,\n    children: [/*#__PURE__*/_jsx(Icon, {\n      icon: icon\n    }), backButtonLabel || parentMenuTitle || __('Back')]\n  });\n}\n\n/**\n * @deprecated Use `Navigator` instead.\n */\nexport const NavigationBackButton = forwardRef(UnforwardedNavigationBackButton);\nexport default NavigationBackButton;"],
+  "mappings": "AAGA,OAAO,UAAU;AAIjB,SAAS,kBAAkB;AAC3B,SAAS,IAAI,aAAa;AAC1B,SAAS,MAAM,aAAa,oBAAoB;AAKhD,SAAS,4BAA4B;AACrC,SAAS,wBAAwB;AACjC,SAAS,OAAO,MAAM,QAAQ,aAAa;AAC3C,SAAS,gCAAgC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG,KAAK;AACN,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI,qBAAqB;AACzB,QAAM,UAAU,KAAK,sCAAsC,SAAS;AACpE,QAAM,kBAAkB,eAAe,SAAY,eAAe,QAAQ,UAAU,GAAG,QAAQ;AAC/F,QAAM,gBAAgB,WAAS;AAC7B,QAAI,OAAO,YAAY,YAAY;AACjC,cAAQ,KAAK;AAAA,IACf;AACA,UAAM,qBAAqB,MAAM,IAAI,SAAS;AAC9C,QAAI,cAAc,CAAC,MAAM,kBAAkB;AACzC,oBAAc,YAAY,kBAAkB;AAAA,IAC9C;AAAA,EACF;AACA,QAAM,OAAO,MAAM,IAAI,eAAe;AACtC,SAAoB,sBAAM,kBAAkB;AAAA,IAC1C,uBAAuB;AAAA,IACvB,WAAW;AAAA,IACX;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,SAAS;AAAA,IACT,UAAU,CAAc,qBAAK,MAAM;AAAA,MACjC;AAAA,IACF,CAAC,GAAG,mBAAmB,mBAAmB,GAAG,MAAM,CAAC;AAAA,EACtD,CAAC;AACH;AAKO,MAAM,uBAAuB,WAAW,+BAA+B;AAC9E,IAAO,sBAAQ;",
+  "names": []
+}

package/build-module/navigation/constants.js

@@ -1,3 +1,7 @@
-export const ROOT_MENU = 'root';
-export const SEARCH_FOCUS_DELAY = 100;
-//# sourceMappingURL=constants.js.map
+const ROOT_MENU = "root";
+const SEARCH_FOCUS_DELAY = 100;
+export {
+  ROOT_MENU,
+  SEARCH_FOCUS_DELAY
+};
+//# sourceMappingURL=constants.js.map

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

@@ -1 +1,7 @@
-{"version":3,"names":["ROOT_MENU","SEARCH_FOCUS_DELAY"],"sources":["@wordpress/components/src/navigation/constants.tsx"],"sourcesContent":["export const ROOT_MENU = 'root';\nexport const SEARCH_FOCUS_DELAY = 100;\n"],"mappings":"AAAA,OAAO,MAAMA,SAAS,GAAG,MAAM;AAC/B,OAAO,MAAMC,kBAAkB,GAAG,GAAG","ignoreList":[]}
+{
+  "version": 3,
+  "sources": ["../../src/navigation/constants.tsx"],
+  "sourcesContent": ["export const ROOT_MENU = 'root';\nexport const SEARCH_FOCUS_DELAY = 100;"],
+  "mappings": "AAAO,MAAM,YAAY;AAClB,MAAM,qBAAqB;",
+  "names": []
+}