@wordpress/components 17.0.0 → 19.0.2

package/build/modal/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/modal/index.js"],"names":["openModalCount","Modal","bodyOpenClassName","role","title","focusOnMount","shouldCloseOnEsc","shouldCloseOnClickOutside","isDismissable","isDismissible","aria","labelledby","describedby","onRequestClose","icon","closeButtonLabel","children","style","overlayClassName","className","contentLabel","onKeyDown","ref","instanceId","headingId","focusOnMountRef","constrainedTabbingRef","focusReturnRef","focusOutsideProps","ariaHelper","hideApp","current","document","body","classList","add","remove","showApp","since","alternative","handleEscapeKeyDown","event","keyCode","ESCAPE","defaultPrevented","preventDefault","closeSmall"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { createPortal, useEffect, useRef } from '@wordpress/element';\nimport {\n\tuseInstanceId,\n\tuseFocusReturn,\n\tuseFocusOnMount,\n\t__experimentalUseFocusOutside as useFocusOutside,\n\tuseConstrainedTabbing,\n\tuseMergeRefs,\n} from '@wordpress/compose';\nimport deprecated from '@wordpress/deprecated';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport * as ariaHelper from './aria-helper';\nimport Button from '../button';\n\n// Used to count the number of open modals.\nlet openModalCount = 0;\n\nexport default function Modal( {\n\tbodyOpenClassName = 'modal-open',\n\trole = 'dialog',\n\ttitle = null,\n\tfocusOnMount = true,\n\tshouldCloseOnEsc = true,\n\tshouldCloseOnClickOutside = true,\n\tisDismissable, // Deprecated\n\tisDismissible = isDismissable || true,\n\t/* accessibility */\n\taria = {\n\t\tlabelledby: null,\n\t\tdescribedby: null,\n\t},\n\tonRequestClose,\n\ticon,\n\tcloseButtonLabel,\n\tchildren,\n\tstyle,\n\toverlayClassName,\n\tclassName,\n\tcontentLabel,\n\tonKeyDown,\n} ) {\n\tconst ref = useRef();\n\tconst instanceId = useInstanceId( Modal );\n\tconst headingId = title\n\t\t? `components-modal-header-${ instanceId }`\n\t\t: aria.labelledby;\n\tconst focusOnMountRef = useFocusOnMount( focusOnMount );\n\tconst constrainedTabbingRef = useConstrainedTabbing();\n\tconst focusReturnRef = useFocusReturn();\n\tconst focusOutsideProps = useFocusOutside( onRequestClose );\n\n\tuseEffect( () => {\n\t\topenModalCount++;\n\n\t\tif ( openModalCount === 1 ) {\n\t\t\tariaHelper.hideApp( ref.current );\n\t\t\tdocument.body.classList.add( bodyOpenClassName );\n\t\t}\n\n\t\treturn () => {\n\t\t\topenModalCount--;\n\n\t\t\tif ( openModalCount === 0 ) {\n\t\t\t\tdocument.body.classList.remove( bodyOpenClassName );\n\t\t\t\tariaHelper.showApp();\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\tif ( isDismissable ) {\n\t\tdeprecated( 'isDismissable prop of the Modal component', {\n\t\t\tsince: '5.4',\n\t\t\talternative: 'isDismissible prop (renamed) of the Modal component',\n\t\t} );\n\t}\n\n\tfunction handleEscapeKeyDown( event ) {\n\t\tif (\n\t\t\tshouldCloseOnEsc &&\n\t\t\tevent.keyCode === ESCAPE &&\n\t\t\t! event.defaultPrevented\n\t\t) {\n\t\t\tevent.preventDefault();\n\t\t\tif ( onRequestClose ) {\n\t\t\t\tonRequestClose( event );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn createPortal(\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tref={ ref }\n\t\t\tclassName={ classnames(\n\t\t\t\t'components-modal__screen-overlay',\n\t\t\t\toverlayClassName\n\t\t\t) }\n\t\t\tonKeyDown={ handleEscapeKeyDown }\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={ classnames( 'components-modal__frame', className ) }\n\t\t\t\tstyle={ style }\n\t\t\t\tref={ useMergeRefs( [\n\t\t\t\t\tconstrainedTabbingRef,\n\t\t\t\t\tfocusReturnRef,\n\t\t\t\t\tfocusOnMountRef,\n\t\t\t\t] ) }\n\t\t\t\trole={ role }\n\t\t\t\taria-label={ contentLabel }\n\t\t\t\taria-labelledby={ contentLabel ? null : headingId }\n\t\t\t\taria-describedby={ aria.describedby }\n\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t{ ...( shouldCloseOnClickOutside ? focusOutsideProps : {} ) }\n\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t>\n\t\t\t\t<div className={ 'components-modal__content' } role=\"document\">\n\t\t\t\t\t<div className=\"components-modal__header\">\n\t\t\t\t\t\t<div className=\"components-modal__header-heading-container\">\n\t\t\t\t\t\t\t{ icon && (\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tclassName=\"components-modal__icon-container\"\n\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ icon }\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ title && (\n\t\t\t\t\t\t\t\t<h1\n\t\t\t\t\t\t\t\t\tid={ headingId }\n\t\t\t\t\t\t\t\t\tclassName=\"components-modal__header-heading\"\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{ isDismissible && (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tonClick={ onRequestClose }\n\t\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tcloseButtonLabel || __( 'Close dialog' )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t\t{ children }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>,\n\t\tdocument.body\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/modal/index.js"],"names":["openModalCount","Modal","bodyOpenClassName","role","title","focusOnMount","shouldCloseOnEsc","shouldCloseOnClickOutside","isDismissable","isDismissible","aria","labelledby","describedby","onRequestClose","icon","closeButtonLabel","children","style","overlayClassName","className","contentLabel","onKeyDown","isFullScreen","ref","instanceId","headingId","focusOnMountRef","constrainedTabbingRef","focusReturnRef","focusOutsideProps","ariaHelper","hideApp","current","document","body","classList","add","remove","showApp","since","alternative","handleEscapeKeyDown","event","keyCode","ESCAPE","defaultPrevented","preventDefault","closeSmall"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { createPortal, useEffect, useRef } from '@wordpress/element';\nimport {\n\tuseInstanceId,\n\tuseFocusReturn,\n\tuseFocusOnMount,\n\t__experimentalUseFocusOutside as useFocusOutside,\n\tuseConstrainedTabbing,\n\tuseMergeRefs,\n} from '@wordpress/compose';\nimport deprecated from '@wordpress/deprecated';\nimport { ESCAPE } from '@wordpress/keycodes';\nimport { __ } from '@wordpress/i18n';\nimport { closeSmall } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport * as ariaHelper from './aria-helper';\nimport Button from '../button';\nimport StyleProvider from '../style-provider';\n\n// Used to count the number of open modals.\nlet openModalCount = 0;\n\nexport default function Modal( {\n\tbodyOpenClassName = 'modal-open',\n\trole = 'dialog',\n\ttitle = null,\n\tfocusOnMount = true,\n\tshouldCloseOnEsc = true,\n\tshouldCloseOnClickOutside = true,\n\tisDismissable, // Deprecated\n\tisDismissible = isDismissable || true,\n\t/* accessibility */\n\taria = {\n\t\tlabelledby: null,\n\t\tdescribedby: null,\n\t},\n\tonRequestClose,\n\ticon,\n\tcloseButtonLabel,\n\tchildren,\n\tstyle,\n\toverlayClassName,\n\tclassName,\n\tcontentLabel,\n\tonKeyDown,\n\tisFullScreen = false,\n} ) {\n\tconst ref = useRef();\n\tconst instanceId = useInstanceId( Modal );\n\tconst headingId = title\n\t\t? `components-modal-header-${ instanceId }`\n\t\t: aria.labelledby;\n\tconst focusOnMountRef = useFocusOnMount( focusOnMount );\n\tconst constrainedTabbingRef = useConstrainedTabbing();\n\tconst focusReturnRef = useFocusReturn();\n\tconst focusOutsideProps = useFocusOutside( onRequestClose );\n\n\tuseEffect( () => {\n\t\topenModalCount++;\n\n\t\tif ( openModalCount === 1 ) {\n\t\t\tariaHelper.hideApp( ref.current );\n\t\t\tdocument.body.classList.add( bodyOpenClassName );\n\t\t}\n\n\t\treturn () => {\n\t\t\topenModalCount--;\n\n\t\t\tif ( openModalCount === 0 ) {\n\t\t\t\tdocument.body.classList.remove( bodyOpenClassName );\n\t\t\t\tariaHelper.showApp();\n\t\t\t}\n\t\t};\n\t}, [] );\n\n\tif ( isDismissable ) {\n\t\tdeprecated( 'isDismissable prop of the Modal component', {\n\t\t\tsince: '5.4',\n\t\t\talternative: 'isDismissible prop (renamed) of the Modal component',\n\t\t} );\n\t}\n\n\tfunction handleEscapeKeyDown( event ) {\n\t\tif (\n\t\t\tshouldCloseOnEsc &&\n\t\t\tevent.keyCode === ESCAPE &&\n\t\t\t! event.defaultPrevented\n\t\t) {\n\t\t\tevent.preventDefault();\n\t\t\tif ( onRequestClose ) {\n\t\t\t\tonRequestClose( event );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn createPortal(\n\t\t// eslint-disable-next-line jsx-a11y/no-static-element-interactions\n\t\t<div\n\t\t\tref={ ref }\n\t\t\tclassName={ classnames(\n\t\t\t\t'components-modal__screen-overlay',\n\t\t\t\toverlayClassName\n\t\t\t) }\n\t\t\tonKeyDown={ handleEscapeKeyDown }\n\t\t>\n\t\t\t<StyleProvider document={ document }>\n\t\t\t\t<div\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'components-modal__frame',\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-full-screen': isFullScreen,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ style }\n\t\t\t\t\tref={ useMergeRefs( [\n\t\t\t\t\t\tconstrainedTabbingRef,\n\t\t\t\t\t\tfocusReturnRef,\n\t\t\t\t\t\tfocusOnMountRef,\n\t\t\t\t\t] ) }\n\t\t\t\t\trole={ role }\n\t\t\t\t\taria-label={ contentLabel }\n\t\t\t\t\taria-labelledby={ contentLabel ? null : headingId }\n\t\t\t\t\taria-describedby={ aria.describedby }\n\t\t\t\t\ttabIndex=\"-1\"\n\t\t\t\t\t{ ...( shouldCloseOnClickOutside\n\t\t\t\t\t\t? focusOutsideProps\n\t\t\t\t\t\t: {} ) }\n\t\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ 'components-modal__content' }\n\t\t\t\t\t\trole=\"document\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"components-modal__header\">\n\t\t\t\t\t\t\t<div className=\"components-modal__header-heading-container\">\n\t\t\t\t\t\t\t\t{ icon && (\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName=\"components-modal__icon-container\"\n\t\t\t\t\t\t\t\t\t\taria-hidden\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ icon }\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ title && (\n\t\t\t\t\t\t\t\t\t<h1\n\t\t\t\t\t\t\t\t\t\tid={ headingId }\n\t\t\t\t\t\t\t\t\t\tclassName=\"components-modal__header-heading\"\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ title }\n\t\t\t\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t{ isDismissible && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tonClick={ onRequestClose }\n\t\t\t\t\t\t\t\t\ticon={ closeSmall }\n\t\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\t\tcloseButtonLabel || __( 'Close dialog' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t</StyleProvider>\n\t\t</div>,\n\t\tdocument.body\n\t);\n}\n"]}

package/build/navigable-container/container.js

@@ -15,6 +15,8 @@ var _lodash = require("lodash");
 
 var _dom = require("@wordpress/dom");
 
+// @ts-nocheck
+
 /**
  * External dependencies
  */

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigable-container/container.js"],"names":["MENU_ITEM_ROLES","cycleValue","value","total","offset","nextValue","NavigableContainer","Component","constructor","arguments","onKeyDown","bind","bindContainer","getFocusableContext","getFocusableIndex","componentDidMount","container","addEventListener","onFocus","componentWillUnmount","removeEventListener","ref","forwardedRef","props","current","target","onlyBrowserTabstops","finder","focus","tabbable","focusable","focusables","find","index","directIndex","indexOf","event","cycle","eventToOffset","onNavigate","noop","stopNavigationEvents","undefined","stopImmediatePropagation","targetRole","getAttribute","includes","preventDefault","context","ownerDocument","activeElement","nextIndex","length","render","children","forwardedNavigableContainer","displayName"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { omit, noop, isFunction } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { Component, forwardRef } from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nconst MENU_ITEM_ROLES = [ 'menuitem', 'menuitemradio', 'menuitemcheckbox' ];\n\nfunction cycleValue( value, total, offset ) {\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 {\n\tconstructor() {\n\t\tsuper( ...arguments );\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\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\tthis.container.addEventListener( 'focus', this.onFocus );\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.container.removeEventListener( 'keydown', this.onKeyDown );\n\t\tthis.container.removeEventListener( 'focus', this.onFocus );\n\t}\n\n\tbindContainer( ref ) {\n\t\tconst { forwardedRef } = this.props;\n\t\tthis.container = ref;\n\n\t\tif ( isFunction( forwardedRef ) ) {\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 ) {\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, target ) {\n\t\tconst directIndex = focusables.indexOf( target );\n\t\tif ( directIndex !== -1 ) {\n\t\t\treturn directIndex;\n\t\t}\n\t}\n\n\tonKeyDown( event ) {\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 = event.target.getAttribute( 'role' );\n\t\t\tif ( MENU_ITEM_ROLES.includes( targetRole ) ) {\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 context = getFocusableContext(\n\t\t\tevent.target.ownerDocument.activeElement\n\t\t);\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\t\tif ( nextIndex >= 0 && nextIndex < focusables.length ) {\n\t\t\tfocusables[ nextIndex ].focus();\n\t\t\tonNavigate( nextIndex, focusables[ nextIndex ] );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { children, ...props } = this.props;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ this.bindContainer }\n\t\t\t\t{ ...omit( props, [\n\t\t\t\t\t'stopNavigationEvents',\n\t\t\t\t\t'eventToOffset',\n\t\t\t\t\t'onNavigate',\n\t\t\t\t\t'onKeyDown',\n\t\t\t\t\t'cycle',\n\t\t\t\t\t'onlyBrowserTabstops',\n\t\t\t\t\t'forwardedRef',\n\t\t\t\t] ) }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nconst forwardedNavigableContainer = ( props, ref ) => {\n\treturn <NavigableContainer { ...props } forwardedRef={ ref } />;\n};\nforwardedNavigableContainer.displayName = 'NavigableContainer';\n\nexport default forwardRef( forwardedNavigableContainer );\n"]}
+{"version":3,"sources":["@wordpress/components/src/navigable-container/container.js"],"names":["MENU_ITEM_ROLES","cycleValue","value","total","offset","nextValue","NavigableContainer","Component","constructor","arguments","onKeyDown","bind","bindContainer","getFocusableContext","getFocusableIndex","componentDidMount","container","addEventListener","onFocus","componentWillUnmount","removeEventListener","ref","forwardedRef","props","current","target","onlyBrowserTabstops","finder","focus","tabbable","focusable","focusables","find","index","directIndex","indexOf","event","cycle","eventToOffset","onNavigate","noop","stopNavigationEvents","undefined","stopImmediatePropagation","targetRole","getAttribute","includes","preventDefault","context","ownerDocument","activeElement","nextIndex","length","render","children","forwardedNavigableContainer","displayName"],"mappings":"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","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { omit, noop, isFunction } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { Component, forwardRef } from '@wordpress/element';\nimport { focus } from '@wordpress/dom';\n\nconst MENU_ITEM_ROLES = [ 'menuitem', 'menuitemradio', 'menuitemcheckbox' ];\n\nfunction cycleValue( value, total, offset ) {\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 {\n\tconstructor() {\n\t\tsuper( ...arguments );\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\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\tthis.container.addEventListener( 'focus', this.onFocus );\n\t}\n\n\tcomponentWillUnmount() {\n\t\tthis.container.removeEventListener( 'keydown', this.onKeyDown );\n\t\tthis.container.removeEventListener( 'focus', this.onFocus );\n\t}\n\n\tbindContainer( ref ) {\n\t\tconst { forwardedRef } = this.props;\n\t\tthis.container = ref;\n\n\t\tif ( isFunction( forwardedRef ) ) {\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 ) {\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, target ) {\n\t\tconst directIndex = focusables.indexOf( target );\n\t\tif ( directIndex !== -1 ) {\n\t\t\treturn directIndex;\n\t\t}\n\t}\n\n\tonKeyDown( event ) {\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 = event.target.getAttribute( 'role' );\n\t\t\tif ( MENU_ITEM_ROLES.includes( targetRole ) ) {\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 context = getFocusableContext(\n\t\t\tevent.target.ownerDocument.activeElement\n\t\t);\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\t\tif ( nextIndex >= 0 && nextIndex < focusables.length ) {\n\t\t\tfocusables[ nextIndex ].focus();\n\t\t\tonNavigate( nextIndex, focusables[ nextIndex ] );\n\t\t}\n\t}\n\n\trender() {\n\t\tconst { children, ...props } = this.props;\n\t\treturn (\n\t\t\t<div\n\t\t\t\tref={ this.bindContainer }\n\t\t\t\t{ ...omit( props, [\n\t\t\t\t\t'stopNavigationEvents',\n\t\t\t\t\t'eventToOffset',\n\t\t\t\t\t'onNavigate',\n\t\t\t\t\t'onKeyDown',\n\t\t\t\t\t'cycle',\n\t\t\t\t\t'onlyBrowserTabstops',\n\t\t\t\t\t'forwardedRef',\n\t\t\t\t] ) }\n\t\t\t>\n\t\t\t\t{ children }\n\t\t\t</div>\n\t\t);\n\t}\n}\n\nconst forwardedNavigableContainer = ( props, ref ) => {\n\treturn <NavigableContainer { ...props } forwardedRef={ ref } />;\n};\nforwardedNavigableContainer.displayName = 'NavigableContainer';\n\nexport default forwardRef( forwardedNavigableContainer );\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigable-container/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAGA;;AACA","sourcesContent":["/**\n * Internal Dependencies\n */\nexport { default as NavigableMenu } from './menu';\nexport { default as TabbableContainer } from './tabbable';\n"]}
+{"version":3,"sources":["@wordpress/components/src/navigable-container/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAIA;;AACA","sourcesContent":["// @ts-nocheck\n/**\n * Internal Dependencies\n */\nexport { default as NavigableMenu } from './menu';\nexport { default as TabbableContainer } from './tabbable';\n"]}

package/build/navigable-container/menu.js

@@ -18,6 +18,8 @@ var _keycodes = require("@wordpress/keycodes");
 
 var _container = _interopRequireDefault(require("./container"));
 
+// @ts-nocheck
+
 /**
  * External dependencies
  */
@@ -29,11 +31,13 @@ var _container = _interopRequireDefault(require("./container"));
 /**
  * Internal dependencies
  */
-function NavigableMenu({
-  role = 'menu',
-  orientation = 'vertical',
-  ...rest
-}, ref) {
+function NavigableMenu(_ref, ref) {
+  let {
+    role = 'menu',
+    orientation = 'vertical',
+    ...rest
+  } = _ref;
+
   const eventToOffset = evt => {
     const {
       keyCode

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigable-container/menu.js"],"names":["NavigableMenu","role","orientation","rest","ref","eventToOffset","evt","keyCode","next","DOWN","previous","UP","RIGHT","LEFT"],"mappings":";;;;;;;;;;AAQA;;;;AALA;;AAMA;;AAKA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGO,SAASA,aAAT,CACN;AAAEC,EAAAA,IAAI,GAAG,MAAT;AAAiBC,EAAAA,WAAW,GAAG,UAA/B;AAA2C,KAAGC;AAA9C,CADM,EAENC,GAFM,EAGL;AACD,QAAMC,aAAa,GAAKC,GAAF,IAAW;AAChC,UAAM;AAAEC,MAAAA;AAAF,QAAcD,GAApB;AAEA,QAAIE,IAAI,GAAG,CAAEC,cAAF,CAAX;AACA,QAAIC,QAAQ,GAAG,CAAEC,YAAF,CAAf;;AAEA,QAAKT,WAAW,KAAK,YAArB,EAAoC;AACnCM,MAAAA,IAAI,GAAG,CAAEI,eAAF,CAAP;AACAF,MAAAA,QAAQ,GAAG,CAAEG,cAAF,CAAX;AACA;;AAED,QAAKX,WAAW,KAAK,MAArB,EAA8B;AAC7BM,MAAAA,IAAI,GAAG,CAAEI,eAAF,EAASH,cAAT,CAAP;AACAC,MAAAA,QAAQ,GAAG,CAAEG,cAAF,EAAQF,YAAR,CAAX;AACA;;AAED,QAAK,sBAAUH,IAAV,EAAgBD,OAAhB,CAAL,EAAiC;AAChC,aAAO,CAAP;AACA,KAFD,MAEO,IAAK,sBAAUG,QAAV,EAAoBH,OAApB,CAAL,EAAqC;AAC3C,aAAO,CAAC,CAAR;AACA,KAFM,MAEA,IAAK,sBAAU,CAAEE,cAAF,EAAQE,YAAR,EAAYE,cAAZ,EAAkBD,eAAlB,CAAV,EAAqCL,OAArC,CAAL,EAAsD;AAC5D;AACA;AACA;AACA,aAAO,CAAP;AACA;AACD,GA1BD;;AA4BA,SACC,4BAAC,kBAAD;AACC,IAAA,GAAG,EAAGH,GADP;AAEC,IAAA,oBAAoB,MAFrB;AAGC,IAAA,mBAAmB,EAAG,KAHvB;AAIC,IAAA,IAAI,EAAGH,IAJR;AAKC,wBAAmBA,IAAI,KAAK,cAAT,GAA0B,IAA1B,GAAiCC,WALrD;AAMC,IAAA,aAAa,EAAGG;AANjB,KAOMF,IAPN,EADD;AAWA;;eAEc,yBAAYH,aAAZ,C","sourcesContent":["/**\n * External dependencies\n */\nimport { includes } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { UP, DOWN, LEFT, RIGHT } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport NavigableContainer from './container';\n\nexport function NavigableMenu(\n\t{ role = 'menu', orientation = 'vertical', ...rest },\n\tref\n) {\n\tconst eventToOffset = ( evt ) => {\n\t\tconst { keyCode } = evt;\n\n\t\tlet next = [ DOWN ];\n\t\tlet previous = [ UP ];\n\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\tnext = [ RIGHT ];\n\t\t\tprevious = [ LEFT ];\n\t\t}\n\n\t\tif ( orientation === 'both' ) {\n\t\t\tnext = [ RIGHT, DOWN ];\n\t\t\tprevious = [ LEFT, UP ];\n\t\t}\n\n\t\tif ( includes( next, keyCode ) ) {\n\t\t\treturn 1;\n\t\t} else if ( includes( previous, keyCode ) ) {\n\t\t\treturn -1;\n\t\t} else if ( includes( [ DOWN, UP, LEFT, RIGHT ], keyCode ) ) {\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\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={ role === 'presentation' ? null : orientation }\n\t\t\teventToOffset={ eventToOffset }\n\t\t\t{ ...rest }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( NavigableMenu );\n"]}
+{"version":3,"sources":["@wordpress/components/src/navigable-container/menu.js"],"names":["NavigableMenu","ref","role","orientation","rest","eventToOffset","evt","keyCode","next","DOWN","previous","UP","RIGHT","LEFT"],"mappings":";;;;;;;;;;AASA;;;;AALA;;AAMA;;AAKA;;AAfA;;AACA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;AAGO,SAASA,aAAT,OAENC,GAFM,EAGL;AAAA,MAFD;AAAEC,IAAAA,IAAI,GAAG,MAAT;AAAiBC,IAAAA,WAAW,GAAG,UAA/B;AAA2C,OAAGC;AAA9C,GAEC;;AACD,QAAMC,aAAa,GAAKC,GAAF,IAAW;AAChC,UAAM;AAAEC,MAAAA;AAAF,QAAcD,GAApB;AAEA,QAAIE,IAAI,GAAG,CAAEC,cAAF,CAAX;AACA,QAAIC,QAAQ,GAAG,CAAEC,YAAF,CAAf;;AAEA,QAAKR,WAAW,KAAK,YAArB,EAAoC;AACnCK,MAAAA,IAAI,GAAG,CAAEI,eAAF,CAAP;AACAF,MAAAA,QAAQ,GAAG,CAAEG,cAAF,CAAX;AACA;;AAED,QAAKV,WAAW,KAAK,MAArB,EAA8B;AAC7BK,MAAAA,IAAI,GAAG,CAAEI,eAAF,EAASH,cAAT,CAAP;AACAC,MAAAA,QAAQ,GAAG,CAAEG,cAAF,EAAQF,YAAR,CAAX;AACA;;AAED,QAAK,sBAAUH,IAAV,EAAgBD,OAAhB,CAAL,EAAiC;AAChC,aAAO,CAAP;AACA,KAFD,MAEO,IAAK,sBAAUG,QAAV,EAAoBH,OAApB,CAAL,EAAqC;AAC3C,aAAO,CAAC,CAAR;AACA,KAFM,MAEA,IAAK,sBAAU,CAAEE,cAAF,EAAQE,YAAR,EAAYE,cAAZ,EAAkBD,eAAlB,CAAV,EAAqCL,OAArC,CAAL,EAAsD;AAC5D;AACA;AACA;AACA,aAAO,CAAP;AACA;AACD,GA1BD;;AA4BA,SACC,4BAAC,kBAAD;AACC,IAAA,GAAG,EAAGN,GADP;AAEC,IAAA,oBAAoB,MAFrB;AAGC,IAAA,mBAAmB,EAAG,KAHvB;AAIC,IAAA,IAAI,EAAGC,IAJR;AAKC,wBAAmBA,IAAI,KAAK,cAAT,GAA0B,IAA1B,GAAiCC,WALrD;AAMC,IAAA,aAAa,EAAGE;AANjB,KAOMD,IAPN,EADD;AAWA;;eAEc,yBAAYJ,aAAZ,C","sourcesContent":["// @ts-nocheck\n/**\n * External dependencies\n */\nimport { includes } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { UP, DOWN, LEFT, RIGHT } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport NavigableContainer from './container';\n\nexport function NavigableMenu(\n\t{ role = 'menu', orientation = 'vertical', ...rest },\n\tref\n) {\n\tconst eventToOffset = ( evt ) => {\n\t\tconst { keyCode } = evt;\n\n\t\tlet next = [ DOWN ];\n\t\tlet previous = [ UP ];\n\n\t\tif ( orientation === 'horizontal' ) {\n\t\t\tnext = [ RIGHT ];\n\t\t\tprevious = [ LEFT ];\n\t\t}\n\n\t\tif ( orientation === 'both' ) {\n\t\t\tnext = [ RIGHT, DOWN ];\n\t\t\tprevious = [ LEFT, UP ];\n\t\t}\n\n\t\tif ( includes( next, keyCode ) ) {\n\t\t\treturn 1;\n\t\t} else if ( includes( previous, keyCode ) ) {\n\t\t\treturn -1;\n\t\t} else if ( includes( [ DOWN, UP, LEFT, RIGHT ], keyCode ) ) {\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\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={ role === 'presentation' ? null : orientation }\n\t\t\teventToOffset={ eventToOffset }\n\t\t\t{ ...rest }\n\t\t/>\n\t);\n}\n\nexport default forwardRef( NavigableMenu );\n"]}

package/build/navigable-container/tabbable.js

@@ -16,6 +16,8 @@ var _keycodes = require("@wordpress/keycodes");
 
 var _container = _interopRequireDefault(require("./container"));
 
+// @ts-nocheck
+
 /**
  * WordPress dependencies
  */
@@ -23,10 +25,12 @@ var _container = _interopRequireDefault(require("./container"));
 /**
  * Internal dependencies
  */
-function TabbableContainer({
-  eventToOffset,
-  ...props
-}, ref) {
+function TabbableContainer(_ref, ref) {
+  let {
+    eventToOffset,
+    ...props
+  } = _ref;
+
   const innerEventToOffset = evt => {
     const {
       keyCode,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigable-container/tabbable.js"],"names":["TabbableContainer","eventToOffset","props","ref","innerEventToOffset","evt","keyCode","shiftKey","TAB"],"mappings":";;;;;;;;;;AAGA;;;;AACA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;AAGO,SAASA,iBAAT,CAA4B;AAAEC,EAAAA,aAAF;AAAiB,KAAGC;AAApB,CAA5B,EAAyDC,GAAzD,EAA+D;AACrE,QAAMC,kBAAkB,GAAKC,GAAF,IAAW;AACrC,UAAM;AAAEC,MAAAA,OAAF;AAAWC,MAAAA;AAAX,QAAwBF,GAA9B;;AACA,QAAKG,kBAAQF,OAAb,EAAuB;AACtB,aAAOC,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAAvB;AACA,KAJoC,CAMrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,QAAKN,aAAL,EAAqB;AACpB,aAAOA,aAAa,CAAEI,GAAF,CAApB;AACA;AACD,GApBD;;AAsBA,SACC,4BAAC,kBAAD;AACC,IAAA,GAAG,EAAGF,GADP;AAEC,IAAA,oBAAoB,MAFrB;AAGC,IAAA,mBAAmB,MAHpB;AAIC,IAAA,aAAa,EAAGC;AAJjB,KAKMF,KALN,EADD;AASA;;eAEc,yBAAYF,iBAAZ,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { TAB } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport NavigableContainer from './container';\n\nexport function TabbableContainer( { eventToOffset, ...props }, ref ) {\n\tconst innerEventToOffset = ( evt ) => {\n\t\tconst { keyCode, shiftKey } = evt;\n\t\tif ( TAB === keyCode ) {\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\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\nexport default forwardRef( TabbableContainer );\n"]}
+{"version":3,"sources":["@wordpress/components/src/navigable-container/tabbable.js"],"names":["TabbableContainer","ref","eventToOffset","props","innerEventToOffset","evt","keyCode","shiftKey","TAB"],"mappings":";;;;;;;;;;AAIA;;;;AACA;;AAKA;;AAVA;;AACA;AACA;AACA;;AAIA;AACA;AACA;AAGO,SAASA,iBAAT,OAAyDC,GAAzD,EAA+D;AAAA,MAAnC;AAAEC,IAAAA,aAAF;AAAiB,OAAGC;AAApB,GAAmC;;AACrE,QAAMC,kBAAkB,GAAKC,GAAF,IAAW;AACrC,UAAM;AAAEC,MAAAA,OAAF;AAAWC,MAAAA;AAAX,QAAwBF,GAA9B;;AACA,QAAKG,kBAAQF,OAAb,EAAuB;AACtB,aAAOC,QAAQ,GAAG,CAAC,CAAJ,GAAQ,CAAvB;AACA,KAJoC,CAMrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,QAAKL,aAAL,EAAqB;AACpB,aAAOA,aAAa,CAAEG,GAAF,CAApB;AACA;AACD,GApBD;;AAsBA,SACC,4BAAC,kBAAD;AACC,IAAA,GAAG,EAAGJ,GADP;AAEC,IAAA,oBAAoB,MAFrB;AAGC,IAAA,mBAAmB,MAHpB;AAIC,IAAA,aAAa,EAAGG;AAJjB,KAKMD,KALN,EADD;AASA;;eAEc,yBAAYH,iBAAZ,C","sourcesContent":["// @ts-nocheck\n/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport { TAB } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport NavigableContainer from './container';\n\nexport function TabbableContainer( { eventToOffset, ...props }, ref ) {\n\tconst innerEventToOffset = ( evt ) => {\n\t\tconst { keyCode, shiftKey } = evt;\n\t\tif ( TAB === keyCode ) {\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\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\nexport default forwardRef( TabbableContainer );\n"]}

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

@@ -30,15 +30,16 @@ var _navigationStyles = require("../styles/navigation-styles");
 /**
  * Internal dependencies
  */
-function NavigationBackButton({
-  backButtonLabel,
-  className,
-  href,
-  onClick,
-  parentMenu
-}, ref) {
+function NavigationBackButton(_ref, ref) {
   var _navigationTree$getMe;
 
+  let {
+    backButtonLabel,
+    className,
+    href,
+    onClick,
+    parentMenu
+  } = _ref;
   const {
     setActiveMenu,
     navigationTree

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigation/back-button/index.js"],"names":["NavigationBackButton","backButtonLabel","className","href","onClick","parentMenu","ref","setActiveMenu","navigationTree","classes","parentMenuTitle","getMenu","title","handleOnClick","event","animationDirection","defaultPrevented","icon","chevronRight","chevronLeft"],"mappings":";;;;;;;;;AAOA;;AAJA;;AAKA;;AACA;;AAKA;;AACA;;AAfA;AACA;AACA;;AAEA;AACA;AACA;;AAKA;AACA;AACA;AAIA,SAASA,oBAAT,CACC;AAAEC,EAAAA,eAAF;AAAmBC,EAAAA,SAAnB;AAA8BC,EAAAA,IAA9B;AAAoCC,EAAAA,OAApC;AAA6CC,EAAAA;AAA7C,CADD,EAECC,GAFD,EAGE;AAAA;;AACD,QAAM;AAAEC,IAAAA,aAAF;AAAiBC,IAAAA;AAAjB,MAAoC,oCAA1C;AAEA,QAAMC,OAAO,GAAG,yBACf,oCADe,EAEfP,SAFe,CAAhB;AAKA,QAAMQ,eAAe,4BAAGF,cAAc,CAACG,OAAf,CAAwBN,UAAxB,CAAH,0DAAG,sBAAsCO,KAA9D;;AAEA,QAAMC,aAAa,GAAKC,KAAF,IAAa;AAClC,QAAK,OAAOV,OAAP,KAAmB,UAAxB,EAAqC;AACpCA,MAAAA,OAAO,CAAEU,KAAF,CAAP;AACA;;AAED,UAAMC,kBAAkB,GAAG,qBAAU,MAAV,GAAmB,OAA9C;;AACA,QAAKV,UAAU,IAAI,CAAES,KAAK,CAACE,gBAA3B,EAA8C;AAC7CT,MAAAA,aAAa,CAAEF,UAAF,EAAcU,kBAAd,CAAb;AACA;AACD,GATD;;AAUA,QAAME,IAAI,GAAG,qBAAUC,mBAAV,GAAyBC,kBAAtC;AACA,SACC,4BAAC,kCAAD;AACC,IAAA,SAAS,EAAGV,OADb;AAEC,IAAA,IAAI,EAAGN,IAFR;AAGC,IAAA,OAAO,EAAC,UAHT;AAIC,IAAA,GAAG,EAAGG,GAJP;AAKC,IAAA,OAAO,EAAGO;AALX,KAOC,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGI;AAAb,IAPD,EAQGhB,eAAe,IAAIS,eAAnB,IAAsC,cAAI,MAAJ,CARzC,CADD;AAYA;;eACc,yBAAYV,oBAAZ,C","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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\nfunction NavigationBackButton(\n\t{ backButtonLabel, className, href, onClick, parentMenu },\n\tref\n) {\n\tconst { setActiveMenu, navigationTree } = useNavigationContext();\n\n\tconst classes = classnames(\n\t\t'components-navigation__back-button',\n\t\tclassName\n\t);\n\n\tconst parentMenuTitle = navigationTree.getMenu( parentMenu )?.title;\n\n\tconst handleOnClick = ( 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\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}\nexport default forwardRef( NavigationBackButton );\n"]}
+{"version":3,"sources":["@wordpress/components/src/navigation/back-button/index.js"],"names":["NavigationBackButton","ref","backButtonLabel","className","href","onClick","parentMenu","setActiveMenu","navigationTree","classes","parentMenuTitle","getMenu","title","handleOnClick","event","animationDirection","defaultPrevented","icon","chevronRight","chevronLeft"],"mappings":";;;;;;;;;AAOA;;AAJA;;AAKA;;AACA;;AAKA;;AACA;;AAfA;AACA;AACA;;AAEA;AACA;AACA;;AAKA;AACA;AACA;AAIA,SAASA,oBAAT,OAECC,GAFD,EAGE;AAAA;;AAAA,MAFD;AAAEC,IAAAA,eAAF;AAAmBC,IAAAA,SAAnB;AAA8BC,IAAAA,IAA9B;AAAoCC,IAAAA,OAApC;AAA6CC,IAAAA;AAA7C,GAEC;AACD,QAAM;AAAEC,IAAAA,aAAF;AAAiBC,IAAAA;AAAjB,MAAoC,oCAA1C;AAEA,QAAMC,OAAO,GAAG,yBACf,oCADe,EAEfN,SAFe,CAAhB;AAKA,QAAMO,eAAe,4BAAGF,cAAc,CAACG,OAAf,CAAwBL,UAAxB,CAAH,0DAAG,sBAAsCM,KAA9D;;AAEA,QAAMC,aAAa,GAAKC,KAAF,IAAa;AAClC,QAAK,OAAOT,OAAP,KAAmB,UAAxB,EAAqC;AACpCA,MAAAA,OAAO,CAAES,KAAF,CAAP;AACA;;AAED,UAAMC,kBAAkB,GAAG,qBAAU,MAAV,GAAmB,OAA9C;;AACA,QAAKT,UAAU,IAAI,CAAEQ,KAAK,CAACE,gBAA3B,EAA8C;AAC7CT,MAAAA,aAAa,CAAED,UAAF,EAAcS,kBAAd,CAAb;AACA;AACD,GATD;;AAUA,QAAME,IAAI,GAAG,qBAAUC,mBAAV,GAAyBC,kBAAtC;AACA,SACC,4BAAC,kCAAD;AACC,IAAA,SAAS,EAAGV,OADb;AAEC,IAAA,IAAI,EAAGL,IAFR;AAGC,IAAA,OAAO,EAAC,UAHT;AAIC,IAAA,GAAG,EAAGH,GAJP;AAKC,IAAA,OAAO,EAAGY;AALX,KAOC,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGI;AAAb,IAPD,EAQGf,eAAe,IAAIQ,eAAnB,IAAsC,cAAI,MAAJ,CARzC,CADD;AAYA;;eACc,yBAAYV,oBAAZ,C","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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\nfunction NavigationBackButton(\n\t{ backButtonLabel, className, href, onClick, parentMenu },\n\tref\n) {\n\tconst { setActiveMenu, navigationTree } = useNavigationContext();\n\n\tconst classes = classnames(\n\t\t'components-navigation__back-button',\n\t\tclassName\n\t);\n\n\tconst parentMenuTitle = navigationTree.getMenu( parentMenu )?.title;\n\n\tconst handleOnClick = ( 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\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}\nexport default forwardRef( NavigationBackButton );\n"]}

package/build/navigation/group/index.js

@@ -30,11 +30,12 @@ var _context2 = require("../context");
 /**
  * Internal dependencies
  */
-function NavigationGroup({
-  children,
-  className,
-  title
-}) {
+function NavigationGroup(_ref) {
+  let {
+    children,
+    className,
+    title
+  } = _ref;
   const [groupId] = (0, _element.useState)((0, _lodash.uniqueId)('group-'));
   const {
     navigationTree: {
@@ -61,10 +62,9 @@ function NavigationGroup({
   }, (0, _element.createElement)("li", {
     className: classes
   }, title && (0, _element.createElement)(_navigationStyles.GroupTitleUI, {
-    as: "h3",
     className: "components-navigation__group-title",
     id: groupTitleId,
-    variant: "caption"
+    level: 3
   }, title), (0, _element.createElement)("ul", {
     "aria-labelledby": groupTitleId,
     role: "group"

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigation/group/index.js"],"names":["NavigationGroup","children","className","title","groupId","navigationTree","items","context","group","_isVisible","groupTitleId","classes"],"mappings":";;;;;;;;;AASA;;AANA;;AACA;;AAUA;;AACA;;AACA;;AAhBA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AAKe,SAASA,eAAT,CAA0B;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,SAAZ;AAAuBC,EAAAA;AAAvB,CAA1B,EAA2D;AACzE,QAAM,CAAEC,OAAF,IAAc,uBAAU,sBAAU,QAAV,CAAV,CAApB;AACA,QAAM;AACLC,IAAAA,cAAc,EAAE;AAAEC,MAAAA;AAAF;AADX,MAEF,qCAFJ;AAIA,QAAMC,OAAO,GAAG;AAAEC,IAAAA,KAAK,EAAEJ;AAAT,GAAhB,CANyE,CAQzE;;AACA,MAAK,CAAE,kBAAME,KAAN,EAAa;AAAEE,IAAAA,KAAK,EAAEJ,OAAT;AAAkBK,IAAAA,UAAU,EAAE;AAA9B,GAAb,CAAP,EAA6D;AAC5D,WACC,4BAAC,+BAAD,CAAwB,QAAxB;AAAiC,MAAA,KAAK,EAAGF;AAAzC,OACGN,QADH,CADD;AAKA;;AAED,QAAMS,YAAY,GAAI,sCAAsCN,OAAS,EAArE;AACA,QAAMO,OAAO,GAAG,yBAAY,8BAAZ,EAA4CT,SAA5C,CAAhB;AAEA,SACC,4BAAC,+BAAD,CAAwB,QAAxB;AAAiC,IAAA,KAAK,EAAGK;AAAzC,KACC;AAAI,IAAA,SAAS,EAAGI;AAAhB,KACGR,KAAK,IACN,4BAAC,8BAAD;AACC,IAAA,EAAE,EAAC,IADJ;AAEC,IAAA,SAAS,EAAC,oCAFX;AAGC,IAAA,EAAE,EAAGO,YAHN;AAIC,IAAA,OAAO,EAAC;AAJT,KAMGP,KANH,CAFF,EAWC;AAAI,uBAAkBO,YAAtB;AAAqC,IAAA,IAAI,EAAC;AAA1C,KACGT,QADH,CAXD,CADD,CADD;AAmBA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { find, uniqueId } from 'lodash';\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\nexport default function NavigationGroup( { children, className, title } ) {\n\tconst [ groupId ] = useState( uniqueId( 'group-' ) );\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 ( ! find( items, { group: groupId, _isVisible: true } ) ) {\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 = classnames( '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\tas=\"h3\"\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\tvariant=\"caption\"\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"]}
+{"version":3,"sources":["@wordpress/components/src/navigation/group/index.js"],"names":["NavigationGroup","children","className","title","groupId","navigationTree","items","context","group","_isVisible","groupTitleId","classes"],"mappings":";;;;;;;;;AASA;;AANA;;AACA;;AAUA;;AACA;;AACA;;AAhBA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AAKe,SAASA,eAAT,OAA2D;AAAA,MAAjC;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,SAAZ;AAAuBC,IAAAA;AAAvB,GAAiC;AACzE,QAAM,CAAEC,OAAF,IAAc,uBAAU,sBAAU,QAAV,CAAV,CAApB;AACA,QAAM;AACLC,IAAAA,cAAc,EAAE;AAAEC,MAAAA;AAAF;AADX,MAEF,qCAFJ;AAIA,QAAMC,OAAO,GAAG;AAAEC,IAAAA,KAAK,EAAEJ;AAAT,GAAhB,CANyE,CAQzE;;AACA,MAAK,CAAE,kBAAME,KAAN,EAAa;AAAEE,IAAAA,KAAK,EAAEJ,OAAT;AAAkBK,IAAAA,UAAU,EAAE;AAA9B,GAAb,CAAP,EAA6D;AAC5D,WACC,4BAAC,+BAAD,CAAwB,QAAxB;AAAiC,MAAA,KAAK,EAAGF;AAAzC,OACGN,QADH,CADD;AAKA;;AAED,QAAMS,YAAY,GAAI,sCAAsCN,OAAS,EAArE;AACA,QAAMO,OAAO,GAAG,yBAAY,8BAAZ,EAA4CT,SAA5C,CAAhB;AAEA,SACC,4BAAC,+BAAD,CAAwB,QAAxB;AAAiC,IAAA,KAAK,EAAGK;AAAzC,KACC;AAAI,IAAA,SAAS,EAAGI;AAAhB,KACGR,KAAK,IACN,4BAAC,8BAAD;AACC,IAAA,SAAS,EAAC,oCADX;AAEC,IAAA,EAAE,EAAGO,YAFN;AAGC,IAAA,KAAK,EAAG;AAHT,KAKGP,KALH,CAFF,EAUC;AAAI,uBAAkBO,YAAtB;AAAqC,IAAA,IAAI,EAAC;AAA1C,KACGT,QADH,CAVD,CADD,CADD;AAkBA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { find, uniqueId } from 'lodash';\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\nexport default function NavigationGroup( { children, className, title } ) {\n\tconst [ groupId ] = useState( uniqueId( 'group-' ) );\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 ( ! find( items, { group: groupId, _isVisible: true } ) ) {\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 = classnames( '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"]}

package/build/navigation/index.js

@@ -36,19 +36,22 @@ var _useCreateNavigationTree = require("./use-create-navigation-tree");
 /**
  * Internal dependencies
  */
-function Navigation({
-  activeItem,
-  activeMenu = _constants.ROOT_MENU,
-  children,
-  className,
-  onActivateMenu = _lodash.noop
-}) {
+function Navigation(_ref) {
+  let {
+    activeItem,
+    activeMenu = _constants.ROOT_MENU,
+    children,
+    className,
+    onActivateMenu = _lodash.noop
+  } = _ref;
   const [menu, setMenu] = (0, _element.useState)(activeMenu);
   const [slideOrigin, setSlideOrigin] = (0, _element.useState)();
   const navigationTree = (0, _useCreateNavigationTree.useCreateNavigationTree)();
   const defaultSlideOrigin = (0, _i18n.isRTL)() ? 'right' : 'left';
 
-  const setActiveMenu = (menuId, slideInOrigin = defaultSlideOrigin) => {
+  const setActiveMenu = function (menuId) {
+    let slideInOrigin = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultSlideOrigin;
+
     if (!navigationTree.getMenu(menuId)) {
       return;
     }

package/build/navigation/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigation/index.js"],"names":["Navigation","activeItem","activeMenu","ROOT_MENU","children","className","onActivateMenu","noop","menu","setMenu","slideOrigin","setSlideOrigin","navigationTree","defaultSlideOrigin","setActiveMenu","menuId","slideInOrigin","getMenu","isMounted","current","context","classes","animateClassName","type","origin"],"mappings":";;;;;;;;;AASA;;AANA;;AACA;;AAMA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAnBA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AAOe,SAASA,UAAT,CAAqB;AACnCC,EAAAA,UADmC;AAEnCC,EAAAA,UAAU,GAAGC,oBAFsB;AAGnCC,EAAAA,QAHmC;AAInCC,EAAAA,SAJmC;AAKnCC,EAAAA,cAAc,GAAGC;AALkB,CAArB,EAMX;AACH,QAAM,CAAEC,IAAF,EAAQC,OAAR,IAAoB,uBAAUP,UAAV,CAA1B;AACA,QAAM,CAAEQ,WAAF,EAAeC,cAAf,IAAkC,wBAAxC;AACA,QAAMC,cAAc,GAAG,uDAAvB;AACA,QAAMC,kBAAkB,GAAG,qBAAU,OAAV,GAAoB,MAA/C;;AAEA,QAAMC,aAAa,GAAG,CAAEC,MAAF,EAAUC,aAAa,GAAGH,kBAA1B,KAAkD;AACvE,QAAK,CAAED,cAAc,CAACK,OAAf,CAAwBF,MAAxB,CAAP,EAA0C;AACzC;AACA;;AAEDJ,IAAAA,cAAc,CAAEK,aAAF,CAAd;AACAP,IAAAA,OAAO,CAAEM,MAAF,CAAP;AACAT,IAAAA,cAAc,CAAES,MAAF,CAAd;AACA,GARD,CANG,CAgBH;;;AACA,QAAMG,SAAS,GAAG,qBAAQ,KAAR,CAAlB;AACA,0BAAW,MAAM;AAChB,QAAK,CAAEA,SAAS,CAACC,OAAjB,EAA2B;AAC1BD,MAAAA,SAAS,CAACC,OAAV,GAAoB,IAApB;AACA;AACD,GAJD,EAIG,EAJH;AAMA,0BAAW,MAAM;AAChB,QAAKjB,UAAU,KAAKM,IAApB,EAA2B;AAC1BM,MAAAA,aAAa,CAAEZ,UAAF,CAAb;AACA;AACD,GAJD,EAIG,CAAEA,UAAF,CAJH;AAMA,QAAMkB,OAAO,GAAG;AACfnB,IAAAA,UADe;AAEfC,IAAAA,UAAU,EAAEM,IAFG;AAGfM,IAAAA,aAHe;AAIfF,IAAAA;AAJe,GAAhB;AAOA,QAAMS,OAAO,GAAG,yBAAY,uBAAZ,EAAqChB,SAArC,CAAhB;AACA,QAAMiB,gBAAgB,GAAG,kCAAqB;AAC7CC,IAAAA,IAAI,EAAE,UADuC;AAE7CC,IAAAA,MAAM,EAAEd;AAFqC,GAArB,CAAzB;AAKA,SACC,4BAAC,8BAAD;AAAc,IAAA,SAAS,EAAGW;AAA1B,KACC;AACC,IAAA,GAAG,EAAGb,IADP;AAEC,IAAA,SAAS,EAAG,yBAAY;AACvB,OAAEc,gBAAF,GAAsBJ,SAAS,CAACC,OAAV,IAAqBT;AADpB,KAAZ;AAFb,KAMC,4BAAC,0BAAD,CAAmB,QAAnB;AAA4B,IAAA,KAAK,EAAGU;AAApC,KACGhB,QADH,CAND,CADD,CADD;AAcA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\n\n/**\n * WordPress dependencies\n */\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\nexport default function Navigation( {\n\tactiveItem,\n\tactiveMenu = ROOT_MENU,\n\tchildren,\n\tclassName,\n\tonActivateMenu = noop,\n} ) {\n\tconst [ menu, setMenu ] = useState( activeMenu );\n\tconst [ slideOrigin, setSlideOrigin ] = useState();\n\tconst navigationTree = useCreateNavigationTree();\n\tconst defaultSlideOrigin = isRTL() ? 'right' : 'left';\n\n\tconst setActiveMenu = ( menuId, slideInOrigin = defaultSlideOrigin ) => {\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 isMounted = useRef( false );\n\tuseEffect( () => {\n\t\tif ( ! isMounted.current ) {\n\t\t\tisMounted.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}, [ activeMenu ] );\n\n\tconst context = {\n\t\tactiveItem,\n\t\tactiveMenu: menu,\n\t\tsetActiveMenu,\n\t\tnavigationTree,\n\t};\n\n\tconst classes = classnames( '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={ classnames( {\n\t\t\t\t\t[ animateClassName ]: isMounted.current && slideOrigin,\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"]}
+{"version":3,"sources":["@wordpress/components/src/navigation/index.js"],"names":["Navigation","activeItem","activeMenu","ROOT_MENU","children","className","onActivateMenu","noop","menu","setMenu","slideOrigin","setSlideOrigin","navigationTree","defaultSlideOrigin","setActiveMenu","menuId","slideInOrigin","getMenu","isMounted","current","context","classes","animateClassName","type","origin"],"mappings":";;;;;;;;;AASA;;AANA;;AACA;;AAMA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAnBA;AACA;AACA;;AAIA;AACA;AACA;;AAIA;AACA;AACA;AAOe,SAASA,UAAT,OAMX;AAAA,MANgC;AACnCC,IAAAA,UADmC;AAEnCC,IAAAA,UAAU,GAAGC,oBAFsB;AAGnCC,IAAAA,QAHmC;AAInCC,IAAAA,SAJmC;AAKnCC,IAAAA,cAAc,GAAGC;AALkB,GAMhC;AACH,QAAM,CAAEC,IAAF,EAAQC,OAAR,IAAoB,uBAAUP,UAAV,CAA1B;AACA,QAAM,CAAEQ,WAAF,EAAeC,cAAf,IAAkC,wBAAxC;AACA,QAAMC,cAAc,GAAG,uDAAvB;AACA,QAAMC,kBAAkB,GAAG,qBAAU,OAAV,GAAoB,MAA/C;;AAEA,QAAMC,aAAa,GAAG,UAAEC,MAAF,EAAkD;AAAA,QAAxCC,aAAwC,uEAAxBH,kBAAwB;;AACvE,QAAK,CAAED,cAAc,CAACK,OAAf,CAAwBF,MAAxB,CAAP,EAA0C;AACzC;AACA;;AAEDJ,IAAAA,cAAc,CAAEK,aAAF,CAAd;AACAP,IAAAA,OAAO,CAAEM,MAAF,CAAP;AACAT,IAAAA,cAAc,CAAES,MAAF,CAAd;AACA,GARD,CANG,CAgBH;;;AACA,QAAMG,SAAS,GAAG,qBAAQ,KAAR,CAAlB;AACA,0BAAW,MAAM;AAChB,QAAK,CAAEA,SAAS,CAACC,OAAjB,EAA2B;AAC1BD,MAAAA,SAAS,CAACC,OAAV,GAAoB,IAApB;AACA;AACD,GAJD,EAIG,EAJH;AAMA,0BAAW,MAAM;AAChB,QAAKjB,UAAU,KAAKM,IAApB,EAA2B;AAC1BM,MAAAA,aAAa,CAAEZ,UAAF,CAAb;AACA;AACD,GAJD,EAIG,CAAEA,UAAF,CAJH;AAMA,QAAMkB,OAAO,GAAG;AACfnB,IAAAA,UADe;AAEfC,IAAAA,UAAU,EAAEM,IAFG;AAGfM,IAAAA,aAHe;AAIfF,IAAAA;AAJe,GAAhB;AAOA,QAAMS,OAAO,GAAG,yBAAY,uBAAZ,EAAqChB,SAArC,CAAhB;AACA,QAAMiB,gBAAgB,GAAG,kCAAqB;AAC7CC,IAAAA,IAAI,EAAE,UADuC;AAE7CC,IAAAA,MAAM,EAAEd;AAFqC,GAArB,CAAzB;AAKA,SACC,4BAAC,8BAAD;AAAc,IAAA,SAAS,EAAGW;AAA1B,KACC;AACC,IAAA,GAAG,EAAGb,IADP;AAEC,IAAA,SAAS,EAAG,yBAAY;AACvB,OAAEc,gBAAF,GAAsBJ,SAAS,CAACC,OAAV,IAAqBT;AADpB,KAAZ;AAFb,KAMC,4BAAC,0BAAD,CAAmB,QAAnB;AAA4B,IAAA,KAAK,EAAGU;AAApC,KACGhB,QADH,CAND,CADD,CADD;AAcA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { noop } from 'lodash';\n\n/**\n * WordPress dependencies\n */\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\nexport default function Navigation( {\n\tactiveItem,\n\tactiveMenu = ROOT_MENU,\n\tchildren,\n\tclassName,\n\tonActivateMenu = noop,\n} ) {\n\tconst [ menu, setMenu ] = useState( activeMenu );\n\tconst [ slideOrigin, setSlideOrigin ] = useState();\n\tconst navigationTree = useCreateNavigationTree();\n\tconst defaultSlideOrigin = isRTL() ? 'right' : 'left';\n\n\tconst setActiveMenu = ( menuId, slideInOrigin = defaultSlideOrigin ) => {\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 isMounted = useRef( false );\n\tuseEffect( () => {\n\t\tif ( ! isMounted.current ) {\n\t\t\tisMounted.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}, [ activeMenu ] );\n\n\tconst context = {\n\t\tactiveItem,\n\t\tactiveMenu: menu,\n\t\tsetActiveMenu,\n\t\tnavigationTree,\n\t};\n\n\tconst classes = classnames( '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={ classnames( {\n\t\t\t\t\t[ animateClassName ]: isMounted.current && slideOrigin,\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"]}

package/build/navigation/menu/index.js

@@ -84,7 +84,7 @@ function NavigationMenu(props) {
     backButtonLabel: backButtonLabel,
     parentMenu: parentMenu,
     onClick: onBackButtonClick
-  }), (0, _element.createElement)(_menuTitle.default, {
+  }), title && (0, _element.createElement)(_menuTitle.default, {
     hasSearch: hasSearch,
     onSearch: onSearch,
     search: search,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigation/menu/index.js"],"names":["NavigationMenu","props","backButtonLabel","children","className","hasSearch","menu","ROOT_MENU","onBackButtonClick","onSearch","setControlledSearch","parentMenu","search","controlledSearch","isSearchDebouncing","title","titleAction","uncontrolledSearch","setUncontrolledSearch","activeMenu","context","isControlledSearch","menuTitleId","classes"],"mappings":";;;;;;;;;AAQA;;AALA;;AAUA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AArBA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAWe,SAASA,cAAT,CAAyBC,KAAzB,EAAiC;AAC/C,QAAM;AACLC,IAAAA,eADK;AAELC,IAAAA,QAFK;AAGLC,IAAAA,SAHK;AAILC,IAAAA,SAJK;AAKLC,IAAAA,IAAI,GAAGC,oBALF;AAMLC,IAAAA,iBANK;AAOLC,IAAAA,QAAQ,EAAEC,mBAPL;AAQLC,IAAAA,UARK;AASLC,IAAAA,MAAM,EAAEC,gBATH;AAULC,IAAAA,kBAVK;AAWLC,IAAAA,KAXK;AAYLC,IAAAA;AAZK,MAaFf,KAbJ;AAcA,QAAM,CAAEgB,kBAAF,EAAsBC,qBAAtB,IAAgD,uBAAU,EAAV,CAAtD;AACA,oDAAuBjB,KAAvB;AACA,QAAM;AAAEkB,IAAAA;AAAF,MAAiB,qCAAvB;AAEA,QAAMC,OAAO,GAAG;AACfd,IAAAA,IADe;AAEfM,IAAAA,MAAM,EAAEK;AAFO,GAAhB,CAnB+C,CAwB/C;;AACA,MAAKE,UAAU,KAAKb,IAApB,EAA2B;AAC1B,WACC,4BAAC,8BAAD,CAAuB,QAAvB;AAAgC,MAAA,KAAK,EAAGc;AAAxC,OACGjB,QADH,CADD;AAKA;;AAED,QAAMkB,kBAAkB,GAAG,CAAC,CAAEX,mBAA9B;AACA,QAAME,MAAM,GAAGS,kBAAkB,GAAGR,gBAAH,GAAsBI,kBAAvD;AACA,QAAMR,QAAQ,GAAGY,kBAAkB,GAChCX,mBADgC,GAEhCQ,qBAFH;AAIA,QAAMI,WAAW,GAAI,qCAAqChB,IAAM,EAAhE;AACA,QAAMiB,OAAO,GAAG,yBAAY,6BAAZ,EAA2CnB,SAA3C,CAAhB;AAEA,SACC,4BAAC,8BAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAGgB;AAAxC,KACC,4BAAC,wBAAD;AAAQ,IAAA,SAAS,EAAGG;AAApB,KACG,CAAEZ,UAAU,IAAIH,iBAAhB,KACD,4BAAC,mBAAD;AACC,IAAA,eAAe,EAAGN,eADnB;AAEC,IAAA,UAAU,EAAGS,UAFd;AAGC,IAAA,OAAO,EAAGH;AAHX,IAFF,EASC,4BAAC,kBAAD;AACC,IAAA,SAAS,EAAGH,SADb;AAEC,IAAA,QAAQ,EAAGI,QAFZ;AAGC,IAAA,MAAM,EAAGG,MAHV;AAIC,IAAA,KAAK,EAAGG,KAJT;AAKC,IAAA,WAAW,EAAGC;AALf,IATD,EAiBC,4BAAC,iCAAD,QACC;AAAI,uBAAkBM;AAAtB,KACGnB,QADH,EAEGS,MAAM,IAAI,CAAEE,kBAAZ,IACD,4BAAC,6BAAD;AAAgC,IAAA,MAAM,EAAGF;AAAzC,IAHF,CADD,CAjBD,CADD,CADD;AA8BA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from '../constants';\nimport { NavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { useNavigationTreeMenu } from './use-navigation-tree-menu';\nimport NavigationBackButton from '../back-button';\nimport NavigationMenuTitle from './menu-title';\nimport NavigationSearchNoResultsFound from './search-no-results-found';\nimport { NavigableMenu } from '../../navigable-container';\nimport { MenuUI } from '../styles/navigation-styles';\n\nexport default function NavigationMenu( props ) {\n\tconst {\n\t\tbackButtonLabel,\n\t\tchildren,\n\t\tclassName,\n\t\thasSearch,\n\t\tmenu = ROOT_MENU,\n\t\tonBackButtonClick,\n\t\tonSearch: setControlledSearch,\n\t\tparentMenu,\n\t\tsearch: controlledSearch,\n\t\tisSearchDebouncing,\n\t\ttitle,\n\t\ttitleAction,\n\t} = props;\n\tconst [ uncontrolledSearch, setUncontrolledSearch ] = useState( '' );\n\tuseNavigationTreeMenu( props );\n\tconst { activeMenu } = useNavigationContext();\n\n\tconst context = {\n\t\tmenu,\n\t\tsearch: uncontrolledSearch,\n\t};\n\n\t// Keep the children rendered to make sure invisible items are included in the navigation tree\n\tif ( activeMenu !== menu ) {\n\t\treturn (\n\t\t\t<NavigationMenuContext.Provider value={ context }>\n\t\t\t\t{ children }\n\t\t\t</NavigationMenuContext.Provider>\n\t\t);\n\t}\n\n\tconst isControlledSearch = !! setControlledSearch;\n\tconst search = isControlledSearch ? controlledSearch : uncontrolledSearch;\n\tconst onSearch = isControlledSearch\n\t\t? setControlledSearch\n\t\t: setUncontrolledSearch;\n\n\tconst menuTitleId = `components-navigation__menu-title-${ menu }`;\n\tconst classes = classnames( 'components-navigation__menu', className );\n\n\treturn (\n\t\t<NavigationMenuContext.Provider value={ context }>\n\t\t\t<MenuUI className={ classes }>\n\t\t\t\t{ ( parentMenu || onBackButtonClick ) && (\n\t\t\t\t\t<NavigationBackButton\n\t\t\t\t\t\tbackButtonLabel={ backButtonLabel }\n\t\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\t\tonClick={ onBackButtonClick }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t<NavigationMenuTitle\n\t\t\t\t\thasSearch={ hasSearch }\n\t\t\t\t\tonSearch={ onSearch }\n\t\t\t\t\tsearch={ search }\n\t\t\t\t\ttitle={ title }\n\t\t\t\t\ttitleAction={ titleAction }\n\t\t\t\t/>\n\n\t\t\t\t<NavigableMenu>\n\t\t\t\t\t<ul aria-labelledby={ menuTitleId }>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t{ search && ! isSearchDebouncing && (\n\t\t\t\t\t\t\t<NavigationSearchNoResultsFound search={ search } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ul>\n\t\t\t\t</NavigableMenu>\n\t\t\t</MenuUI>\n\t\t</NavigationMenuContext.Provider>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/navigation/menu/index.js"],"names":["NavigationMenu","props","backButtonLabel","children","className","hasSearch","menu","ROOT_MENU","onBackButtonClick","onSearch","setControlledSearch","parentMenu","search","controlledSearch","isSearchDebouncing","title","titleAction","uncontrolledSearch","setUncontrolledSearch","activeMenu","context","isControlledSearch","menuTitleId","classes"],"mappings":";;;;;;;;;AAQA;;AALA;;AAUA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AArBA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAWe,SAASA,cAAT,CAAyBC,KAAzB,EAAiC;AAC/C,QAAM;AACLC,IAAAA,eADK;AAELC,IAAAA,QAFK;AAGLC,IAAAA,SAHK;AAILC,IAAAA,SAJK;AAKLC,IAAAA,IAAI,GAAGC,oBALF;AAMLC,IAAAA,iBANK;AAOLC,IAAAA,QAAQ,EAAEC,mBAPL;AAQLC,IAAAA,UARK;AASLC,IAAAA,MAAM,EAAEC,gBATH;AAULC,IAAAA,kBAVK;AAWLC,IAAAA,KAXK;AAYLC,IAAAA;AAZK,MAaFf,KAbJ;AAcA,QAAM,CAAEgB,kBAAF,EAAsBC,qBAAtB,IAAgD,uBAAU,EAAV,CAAtD;AACA,oDAAuBjB,KAAvB;AACA,QAAM;AAAEkB,IAAAA;AAAF,MAAiB,qCAAvB;AAEA,QAAMC,OAAO,GAAG;AACfd,IAAAA,IADe;AAEfM,IAAAA,MAAM,EAAEK;AAFO,GAAhB,CAnB+C,CAwB/C;;AACA,MAAKE,UAAU,KAAKb,IAApB,EAA2B;AAC1B,WACC,4BAAC,8BAAD,CAAuB,QAAvB;AAAgC,MAAA,KAAK,EAAGc;AAAxC,OACGjB,QADH,CADD;AAKA;;AAED,QAAMkB,kBAAkB,GAAG,CAAC,CAAEX,mBAA9B;AACA,QAAME,MAAM,GAAGS,kBAAkB,GAAGR,gBAAH,GAAsBI,kBAAvD;AACA,QAAMR,QAAQ,GAAGY,kBAAkB,GAChCX,mBADgC,GAEhCQ,qBAFH;AAIA,QAAMI,WAAW,GAAI,qCAAqChB,IAAM,EAAhE;AACA,QAAMiB,OAAO,GAAG,yBAAY,6BAAZ,EAA2CnB,SAA3C,CAAhB;AAEA,SACC,4BAAC,8BAAD,CAAuB,QAAvB;AAAgC,IAAA,KAAK,EAAGgB;AAAxC,KACC,4BAAC,wBAAD;AAAQ,IAAA,SAAS,EAAGG;AAApB,KACG,CAAEZ,UAAU,IAAIH,iBAAhB,KACD,4BAAC,mBAAD;AACC,IAAA,eAAe,EAAGN,eADnB;AAEC,IAAA,UAAU,EAAGS,UAFd;AAGC,IAAA,OAAO,EAAGH;AAHX,IAFF,EASGO,KAAK,IACN,4BAAC,kBAAD;AACC,IAAA,SAAS,EAAGV,SADb;AAEC,IAAA,QAAQ,EAAGI,QAFZ;AAGC,IAAA,MAAM,EAAGG,MAHV;AAIC,IAAA,KAAK,EAAGG,KAJT;AAKC,IAAA,WAAW,EAAGC;AALf,IAVF,EAmBC,4BAAC,iCAAD,QACC;AAAI,uBAAkBM;AAAtB,KACGnB,QADH,EAEGS,MAAM,IAAI,CAAEE,kBAAZ,IACD,4BAAC,6BAAD;AAAgC,IAAA,MAAM,EAAGF;AAAzC,IAHF,CADD,CAnBD,CADD,CADD;AAgCA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useState } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { ROOT_MENU } from '../constants';\nimport { NavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { useNavigationTreeMenu } from './use-navigation-tree-menu';\nimport NavigationBackButton from '../back-button';\nimport NavigationMenuTitle from './menu-title';\nimport NavigationSearchNoResultsFound from './search-no-results-found';\nimport { NavigableMenu } from '../../navigable-container';\nimport { MenuUI } from '../styles/navigation-styles';\n\nexport default function NavigationMenu( props ) {\n\tconst {\n\t\tbackButtonLabel,\n\t\tchildren,\n\t\tclassName,\n\t\thasSearch,\n\t\tmenu = ROOT_MENU,\n\t\tonBackButtonClick,\n\t\tonSearch: setControlledSearch,\n\t\tparentMenu,\n\t\tsearch: controlledSearch,\n\t\tisSearchDebouncing,\n\t\ttitle,\n\t\ttitleAction,\n\t} = props;\n\tconst [ uncontrolledSearch, setUncontrolledSearch ] = useState( '' );\n\tuseNavigationTreeMenu( props );\n\tconst { activeMenu } = useNavigationContext();\n\n\tconst context = {\n\t\tmenu,\n\t\tsearch: uncontrolledSearch,\n\t};\n\n\t// Keep the children rendered to make sure invisible items are included in the navigation tree\n\tif ( activeMenu !== menu ) {\n\t\treturn (\n\t\t\t<NavigationMenuContext.Provider value={ context }>\n\t\t\t\t{ children }\n\t\t\t</NavigationMenuContext.Provider>\n\t\t);\n\t}\n\n\tconst isControlledSearch = !! setControlledSearch;\n\tconst search = isControlledSearch ? controlledSearch : uncontrolledSearch;\n\tconst onSearch = isControlledSearch\n\t\t? setControlledSearch\n\t\t: setUncontrolledSearch;\n\n\tconst menuTitleId = `components-navigation__menu-title-${ menu }`;\n\tconst classes = classnames( 'components-navigation__menu', className );\n\n\treturn (\n\t\t<NavigationMenuContext.Provider value={ context }>\n\t\t\t<MenuUI className={ classes }>\n\t\t\t\t{ ( parentMenu || onBackButtonClick ) && (\n\t\t\t\t\t<NavigationBackButton\n\t\t\t\t\t\tbackButtonLabel={ backButtonLabel }\n\t\t\t\t\t\tparentMenu={ parentMenu }\n\t\t\t\t\t\tonClick={ onBackButtonClick }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ title && (\n\t\t\t\t\t<NavigationMenuTitle\n\t\t\t\t\t\thasSearch={ hasSearch }\n\t\t\t\t\t\tonSearch={ onSearch }\n\t\t\t\t\t\tsearch={ search }\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t\ttitleAction={ titleAction }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t<NavigableMenu>\n\t\t\t\t\t<ul aria-labelledby={ menuTitleId }>\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t\t{ search && ! isSearchDebouncing && (\n\t\t\t\t\t\t\t<NavigationSearchNoResultsFound search={ search } />\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ul>\n\t\t\t\t</NavigableMenu>\n\t\t\t</MenuUI>\n\t\t</NavigationMenuContext.Provider>\n\t);\n}\n"]}

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

@@ -11,16 +11,10 @@ var _element = require("@wordpress/element");
 
 var _lodash = require("lodash");
 
-var _icons = require("@wordpress/icons");
-
 var _i18n = require("@wordpress/i18n");
 
 var _keycodes = require("@wordpress/keycodes");
 
-var _button = _interopRequireDefault(require("../../button"));
-
-var _visuallyHidden = require("../../visually-hidden");
-
 var _withSpokenMessages = _interopRequireDefault(require("../../higher-order/with-spoken-messages"));
 
 var _context = require("./context");
@@ -42,13 +36,14 @@ var _constants = require("../constants");
 /**
  * Internal dependencies
  */
-function MenuTitleSearch({
-  debouncedSpeak,
-  onCloseSearch,
-  onSearch,
-  search,
-  title
-}) {
+function MenuTitleSearch(_ref) {
+  let {
+    debouncedSpeak,
+    onCloseSearch,
+    onSearch,
+    search,
+    title
+  } = _ref;
   const {
     navigationTree: {
       items
@@ -92,37 +87,24 @@ function MenuTitleSearch({
     }
   }
 
-  const menuTitleId = `components-navigation__menu-title-${menu}`;
   const inputId = `components-navigation__menu-title-search-${menu}`;
+  const placeholder = (0, _i18n.sprintf)(
   /* translators: placeholder for menu search box. %s: menu title */
-
-  const placeholder = (0, _i18n.sprintf)((0, _i18n.__)('Search in %s'), title);
-  return (0, _element.createElement)(_navigationStyles.MenuTitleSearchUI, {
+  (0, _i18n.__)('Search %s'), title === null || title === void 0 ? void 0 : title.toLowerCase()).trim();
+  return (0, _element.createElement)("div", {
     className: "components-navigation__menu-title-search"
-  }, (0, _element.createElement)(_icons.Icon, {
-    icon: _icons.search
-  }), (0, _element.createElement)(_visuallyHidden.VisuallyHidden, {
-    as: "label",
-    htmlFor: inputId,
-    id: menuTitleId
-  }, placeholder), (0, _element.createElement)("input", {
+  }, (0, _element.createElement)(_navigationStyles.MenuTitleSearchUI, {
     autoComplete: "off",
-    className: "components-text-control__input",
+    className: "components-navigation__menu-search-input",
     id: inputId,
-    onChange: event => onSearch(event.target.value),
+    onChange: value => onSearch(value),
     onKeyDown: onKeyDown,
     placeholder: placeholder,
+    onClose: onClose,
     ref: inputRef,
     type: "search",
     value: search
-  }), (0, _element.createElement)(_button.default, {
-    isSmall: true,
-    variant: "tertiary",
-    label: (0, _i18n.__)('Close search'),
-    onClick: onClose
-  }, (0, _element.createElement)(_icons.Icon, {
-    icon: _icons.closeSmall
-  })));
+  }));
 }
 
 var _default = (0, _withSpokenMessages.default)(MenuTitleSearch);

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigation/menu/menu-title-search.js"],"names":["MenuTitleSearch","debouncedSpeak","onCloseSearch","onSearch","search","title","navigationTree","items","menu","inputRef","delayedFocus","setTimeout","current","focus","SEARCH_FOCUS_DELAY","clearTimeout","count","length","resultsFoundMessage","onClose","onKeyDown","event","keyCode","ESCAPE","defaultPrevented","preventDefault","menuTitleId","inputId","placeholder","searchIcon","target","value","closeSmall"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { filter } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { Icon, closeSmall, search as searchIcon } from '@wordpress/icons';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport Button from '../../button';\nimport { VisuallyHidden } from '../../visually-hidden';\nimport withSpokenMessages from '../../higher-order/with-spoken-messages';\nimport { useNavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { MenuTitleSearchUI } from '../styles/navigation-styles';\nimport { SEARCH_FOCUS_DELAY } from '../constants';\n\nfunction MenuTitleSearch( {\n\tdebouncedSpeak,\n\tonCloseSearch,\n\tonSearch,\n\tsearch,\n\ttitle,\n} ) {\n\tconst {\n\t\tnavigationTree: { items },\n\t} = useNavigationContext();\n\tconst { menu } = useNavigationMenuContext();\n\tconst inputRef = useRef();\n\n\t// Wait for the slide-in animation to complete before autofocusing the input.\n\t// This prevents scrolling to the input during the animation.\n\tuseEffect( () => {\n\t\tconst delayedFocus = setTimeout( () => {\n\t\t\tinputRef.current.focus();\n\t\t}, SEARCH_FOCUS_DELAY );\n\n\t\treturn () => {\n\t\t\tclearTimeout( delayedFocus );\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! search ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst count = filter( items, '_isVisible' ).length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t}, [ items, search ] );\n\n\tconst onClose = () => {\n\t\tonSearch( '' );\n\t\tonCloseSearch();\n\t};\n\n\tfunction onKeyDown( event ) {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tevent.preventDefault();\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tconst menuTitleId = `components-navigation__menu-title-${ menu }`;\n\tconst inputId = `components-navigation__menu-title-search-${ menu }`;\n\t/* translators: placeholder for menu search box. %s: menu title */\n\tconst placeholder = sprintf( __( 'Search in %s' ), title );\n\n\treturn (\n\t\t<MenuTitleSearchUI className=\"components-navigation__menu-title-search\">\n\t\t\t<Icon icon={ searchIcon } />\n\n\t\t\t<VisuallyHidden as=\"label\" htmlFor={ inputId } id={ menuTitleId }>\n\t\t\t\t{ placeholder }\n\t\t\t</VisuallyHidden>\n\n\t\t\t<input\n\t\t\t\tautoComplete=\"off\"\n\t\t\t\tclassName=\"components-text-control__input\"\n\t\t\t\tid={ inputId }\n\t\t\t\tonChange={ ( event ) => onSearch( event.target.value ) }\n\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tref={ inputRef }\n\t\t\t\ttype=\"search\"\n\t\t\t\tvalue={ search }\n\t\t\t/>\n\n\t\t\t<Button\n\t\t\t\tisSmall\n\t\t\t\tvariant=\"tertiary\"\n\t\t\t\tlabel={ __( 'Close search' ) }\n\t\t\t\tonClick={ onClose }\n\t\t\t>\n\t\t\t\t<Icon icon={ closeSmall } />\n\t\t\t</Button>\n\t\t</MenuTitleSearchUI>\n\t);\n}\n\nexport default withSpokenMessages( MenuTitleSearch );\n"]}
+{"version":3,"sources":["@wordpress/components/src/navigation/menu/menu-title-search.js"],"names":["MenuTitleSearch","debouncedSpeak","onCloseSearch","onSearch","search","title","navigationTree","items","menu","inputRef","delayedFocus","setTimeout","current","focus","SEARCH_FOCUS_DELAY","clearTimeout","count","length","resultsFoundMessage","onClose","onKeyDown","event","keyCode","ESCAPE","defaultPrevented","preventDefault","inputId","placeholder","toLowerCase","trim","value"],"mappings":";;;;;;;;;AAQA;;AALA;;AAMA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAOA,SAASA,eAAT,OAMI;AAAA,MANsB;AACzBC,IAAAA,cADyB;AAEzBC,IAAAA,aAFyB;AAGzBC,IAAAA,QAHyB;AAIzBC,IAAAA,MAJyB;AAKzBC,IAAAA;AALyB,GAMtB;AACH,QAAM;AACLC,IAAAA,cAAc,EAAE;AAAEC,MAAAA;AAAF;AADX,MAEF,qCAFJ;AAGA,QAAM;AAAEC,IAAAA;AAAF,MAAW,wCAAjB;AACA,QAAMC,QAAQ,GAAG,sBAAjB,CALG,CAOH;AACA;;AACA,0BAAW,MAAM;AAChB,UAAMC,YAAY,GAAGC,UAAU,CAAE,MAAM;AACtCF,MAAAA,QAAQ,CAACG,OAAT,CAAiBC,KAAjB;AACA,KAF8B,EAE5BC,6BAF4B,CAA/B;AAIA,WAAO,MAAM;AACZC,MAAAA,YAAY,CAAEL,YAAF,CAAZ;AACA,KAFD;AAGA,GARD,EAQG,EARH;AAUA,0BAAW,MAAM;AAChB,QAAK,CAAEN,MAAP,EAAgB;AACf;AACA;;AAED,UAAMY,KAAK,GAAG,oBAAQT,KAAR,EAAe,YAAf,EAA8BU,MAA5C;AACA,UAAMC,mBAAmB,GAAG;AAC3B;AACA,kBAAI,kBAAJ,EAAwB,mBAAxB,EAA6CF,KAA7C,CAF2B,EAG3BA,KAH2B,CAA5B;AAKAf,IAAAA,cAAc,CAAEiB,mBAAF,CAAd;AACA,GAZD,EAYG,CAAEX,KAAF,EAASH,MAAT,CAZH;;AAcA,QAAMe,OAAO,GAAG,MAAM;AACrBhB,IAAAA,QAAQ,CAAE,EAAF,CAAR;AACAD,IAAAA,aAAa;AACb,GAHD;;AAKA,WAASkB,SAAT,CAAoBC,KAApB,EAA4B;AAC3B,QAAKA,KAAK,CAACC,OAAN,KAAkBC,gBAAlB,IAA4B,CAAEF,KAAK,CAACG,gBAAzC,EAA4D;AAC3DH,MAAAA,KAAK,CAACI,cAAN;AACAN,MAAAA,OAAO;AACP;AACD;;AAED,QAAMO,OAAO,GAAI,4CAA4ClB,IAAM,EAAnE;AACA,QAAMmB,WAAW,GAAG;AACnB;AACA,gBAAI,WAAJ,CAFmB,EAGnBtB,KAHmB,aAGnBA,KAHmB,uBAGnBA,KAAK,CAAEuB,WAAP,EAHmB,EAIlBC,IAJkB,EAApB;AAMA,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,mCAAD;AACC,IAAA,YAAY,EAAC,KADd;AAEC,IAAA,SAAS,EAAC,0CAFX;AAGC,IAAA,EAAE,EAAGH,OAHN;AAIC,IAAA,QAAQ,EAAKI,KAAF,IAAa3B,QAAQ,CAAE2B,KAAF,CAJjC;AAKC,IAAA,SAAS,EAAGV,SALb;AAMC,IAAA,WAAW,EAAGO,WANf;AAOC,IAAA,OAAO,EAAGR,OAPX;AAQC,IAAA,GAAG,EAAGV,QARP;AASC,IAAA,IAAI,EAAC,QATN;AAUC,IAAA,KAAK,EAAGL;AAVT,IADD,CADD;AAgBA;;eAEc,iCAAoBJ,eAApB,C","sourcesContent":["/**\n * External dependencies\n */\nimport { filter } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { ESCAPE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport withSpokenMessages from '../../higher-order/with-spoken-messages';\nimport { useNavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { MenuTitleSearchUI } from '../styles/navigation-styles';\nimport { SEARCH_FOCUS_DELAY } from '../constants';\n\nfunction MenuTitleSearch( {\n\tdebouncedSpeak,\n\tonCloseSearch,\n\tonSearch,\n\tsearch,\n\ttitle,\n} ) {\n\tconst {\n\t\tnavigationTree: { items },\n\t} = useNavigationContext();\n\tconst { menu } = useNavigationMenuContext();\n\tconst inputRef = useRef();\n\n\t// Wait for the slide-in animation to complete before autofocusing the input.\n\t// This prevents scrolling to the input during the animation.\n\tuseEffect( () => {\n\t\tconst delayedFocus = setTimeout( () => {\n\t\t\tinputRef.current.focus();\n\t\t}, SEARCH_FOCUS_DELAY );\n\n\t\treturn () => {\n\t\t\tclearTimeout( delayedFocus );\n\t\t};\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! search ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst count = filter( items, '_isVisible' ).length;\n\t\tconst resultsFoundMessage = sprintf(\n\t\t\t/* translators: %d: number of results. */\n\t\t\t_n( '%d result found.', '%d results found.', count ),\n\t\t\tcount\n\t\t);\n\t\tdebouncedSpeak( resultsFoundMessage );\n\t}, [ items, search ] );\n\n\tconst onClose = () => {\n\t\tonSearch( '' );\n\t\tonCloseSearch();\n\t};\n\n\tfunction onKeyDown( event ) {\n\t\tif ( event.keyCode === ESCAPE && ! event.defaultPrevented ) {\n\t\t\tevent.preventDefault();\n\t\t\tonClose();\n\t\t}\n\t}\n\n\tconst inputId = `components-navigation__menu-title-search-${ menu }`;\n\tconst placeholder = sprintf(\n\t\t/* translators: placeholder for menu search box. %s: menu title */\n\t\t__( 'Search %s' ),\n\t\ttitle?.toLowerCase()\n\t).trim();\n\n\treturn (\n\t\t<div className=\"components-navigation__menu-title-search\">\n\t\t\t<MenuTitleSearchUI\n\t\t\t\tautoComplete=\"off\"\n\t\t\t\tclassName=\"components-navigation__menu-search-input\"\n\t\t\t\tid={ inputId }\n\t\t\t\tonChange={ ( value ) => onSearch( value ) }\n\t\t\t\tonKeyDown={ onKeyDown }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tonClose={ onClose }\n\t\t\t\tref={ inputRef }\n\t\t\t\ttype=\"search\"\n\t\t\t\tvalue={ search }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n\nexport default withSpokenMessages( MenuTitleSearch );\n"]}

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

@@ -32,13 +32,14 @@ var _constants = require("../constants");
 /**
  * Internal dependencies
  */
-function NavigationMenuTitle({
-  hasSearch,
-  onSearch,
-  search,
-  title,
-  titleAction
-}) {
+function NavigationMenuTitle(_ref) {
+  let {
+    hasSearch,
+    onSearch,
+    search,
+    title,
+    titleAction
+  } = _ref;
   const [isSearching, setIsSearching] = (0, _element.useState)(false);
   const {
     menu
@@ -64,10 +65,10 @@ function NavigationMenuTitle({
   const searchButtonLabel = (0, _i18n.sprintf)((0, _i18n.__)('Search in %s'), title);
   return (0, _element.createElement)(_navigationStyles.MenuTitleUI, {
     className: "components-navigation__menu-title"
-  }, !isSearching && (0, _element.createElement)(_navigationStyles.MenuTitleHeadingUI, {
+  }, !isSearching && (0, _element.createElement)(_navigationStyles.GroupTitleUI, {
     as: "h2",
     className: "components-navigation__menu-title-heading",
-    variant: "title.small"
+    level: 3
   }, (0, _element.createElement)("span", {
     id: menuTitleId
   }, title), (hasSearch || titleAction) && (0, _element.createElement)(_navigationStyles.MenuTitleActionsUI, null, titleAction, hasSearch && (0, _element.createElement)(_button.default, {

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigation/menu/menu-title.js"],"names":["NavigationMenuTitle","hasSearch","onSearch","search","title","titleAction","isSearching","setIsSearching","menu","searchButtonRef","onCloseSearch","setTimeout","current","focus","SEARCH_FOCUS_DELAY","menuTitleId","searchButtonLabel","searchIcon","type","origin"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAnBA;AACA;AACA;;AAKA;AACA;AACA;AAYe,SAASA,mBAAT,CAA8B;AAC5CC,EAAAA,SAD4C;AAE5CC,EAAAA,QAF4C;AAG5CC,EAAAA,MAH4C;AAI5CC,EAAAA,KAJ4C;AAK5CC,EAAAA;AAL4C,CAA9B,EAMX;AACH,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkC,uBAAU,KAAV,CAAxC;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAW,wCAAjB;AACA,QAAMC,eAAe,GAAG,sBAAxB;;AAEA,MAAK,CAAEL,KAAP,EAAe;AACd,WAAO,IAAP;AACA;;AAED,QAAMM,aAAa,GAAG,MAAM;AAC3BH,IAAAA,cAAc,CAAE,KAAF,CAAd,CAD2B,CAG3B;AACA;;AACAI,IAAAA,UAAU,CAAE,MAAM;AACjBF,MAAAA,eAAe,CAACG,OAAhB,CAAwBC,KAAxB;AACA,KAFS,EAEPC,6BAFO,CAAV;AAGA,GARD;;AAUA,QAAMC,WAAW,GAAI,qCAAqCP,IAAM,EAAhE;AACA;;AACA,QAAMQ,iBAAiB,GAAG,mBAAS,cAAI,cAAJ,CAAT,EAA+BZ,KAA/B,CAA1B;AAEA,SACC,4BAAC,6BAAD;AAAa,IAAA,SAAS,EAAC;AAAvB,KACG,CAAEE,WAAF,IACD,4BAAC,oCAAD;AACC,IAAA,EAAE,EAAC,IADJ;AAEC,IAAA,SAAS,EAAC,2CAFX;AAGC,IAAA,OAAO,EAAC;AAHT,KAKC;AAAM,IAAA,EAAE,EAAGS;AAAX,KAA2BX,KAA3B,CALD,EAOG,CAAEH,SAAS,IAAII,WAAf,KACD,4BAAC,oCAAD,QACGA,WADH,EAGGJ,SAAS,IACV,4BAAC,eAAD;AACC,IAAA,OAAO,MADR;AAEC,IAAA,OAAO,EAAC,UAFT;AAGC,IAAA,KAAK,EAAGe,iBAHT;AAIC,IAAA,OAAO,EAAG,MAAMT,cAAc,CAAE,IAAF,CAJ/B;AAKC,IAAA,GAAG,EAAGE;AALP,KAOC,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGQ;AAAb,IAPD,CAJF,CARF,CAFF,EA6BGX,WAAW,IACZ;AACC,IAAA,SAAS,EAAG,kCAAqB;AAChCY,MAAAA,IAAI,EAAE,UAD0B;AAEhCC,MAAAA,MAAM,EAAE;AAFwB,KAArB;AADb,KAMC,4BAAC,wBAAD;AACC,IAAA,aAAa,EAAGT,aADjB;AAEC,IAAA,QAAQ,EAAGR,QAFZ;AAGC,IAAA,MAAM,EAAGC,MAHV;AAIC,IAAA,KAAK,EAAGC;AAJT,IAND,CA9BF,CADD;AA+CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Icon, search as searchIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getAnimateClassName } from '../../animate';\nimport Button from '../../button';\nimport MenuTitleSearch from './menu-title-search';\nimport {\n\tMenuTitleActionsUI,\n\tMenuTitleHeadingUI,\n\tMenuTitleUI,\n} from '../styles/navigation-styles';\nimport { useNavigationMenuContext } from './context';\nimport { SEARCH_FOCUS_DELAY } from '../constants';\n\nexport default function NavigationMenuTitle( {\n\thasSearch,\n\tonSearch,\n\tsearch,\n\ttitle,\n\ttitleAction,\n} ) {\n\tconst [ isSearching, setIsSearching ] = useState( false );\n\tconst { menu } = useNavigationMenuContext();\n\tconst searchButtonRef = useRef();\n\n\tif ( ! title ) {\n\t\treturn null;\n\t}\n\n\tconst onCloseSearch = () => {\n\t\tsetIsSearching( false );\n\n\t\t// Wait for the slide-in animation to complete before focusing the search button.\n\t\t// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\tsetTimeout( () => {\n\t\t\tsearchButtonRef.current.focus();\n\t\t}, SEARCH_FOCUS_DELAY );\n\t};\n\n\tconst menuTitleId = `components-navigation__menu-title-${ menu }`;\n\t/* translators: search button label for menu search box. %s: menu title */\n\tconst searchButtonLabel = sprintf( __( 'Search in %s' ), title );\n\n\treturn (\n\t\t<MenuTitleUI className=\"components-navigation__menu-title\">\n\t\t\t{ ! isSearching && (\n\t\t\t\t<MenuTitleHeadingUI\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tclassName=\"components-navigation__menu-title-heading\"\n\t\t\t\t\tvariant=\"title.small\"\n\t\t\t\t>\n\t\t\t\t\t<span id={ menuTitleId }>{ title }</span>\n\n\t\t\t\t\t{ ( hasSearch || titleAction ) && (\n\t\t\t\t\t\t<MenuTitleActionsUI>\n\t\t\t\t\t\t\t{ titleAction }\n\n\t\t\t\t\t\t\t{ hasSearch && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tlabel={ searchButtonLabel }\n\t\t\t\t\t\t\t\t\tonClick={ () => setIsSearching( true ) }\n\t\t\t\t\t\t\t\t\tref={ searchButtonRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon icon={ searchIcon } />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuTitleActionsUI>\n\t\t\t\t\t) }\n\t\t\t\t</MenuTitleHeadingUI>\n\t\t\t) }\n\n\t\t\t{ isSearching && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ getAnimateClassName( {\n\t\t\t\t\t\ttype: 'slide-in',\n\t\t\t\t\t\torigin: 'left',\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<MenuTitleSearch\n\t\t\t\t\t\tonCloseSearch={ onCloseSearch }\n\t\t\t\t\t\tonSearch={ onSearch }\n\t\t\t\t\t\tsearch={ search }\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</MenuTitleUI>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/navigation/menu/menu-title.js"],"names":["NavigationMenuTitle","hasSearch","onSearch","search","title","titleAction","isSearching","setIsSearching","menu","searchButtonRef","onCloseSearch","setTimeout","current","focus","SEARCH_FOCUS_DELAY","menuTitleId","searchButtonLabel","searchIcon","type","origin"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AAnBA;AACA;AACA;;AAKA;AACA;AACA;AAYe,SAASA,mBAAT,OAMX;AAAA,MANyC;AAC5CC,IAAAA,SAD4C;AAE5CC,IAAAA,QAF4C;AAG5CC,IAAAA,MAH4C;AAI5CC,IAAAA,KAJ4C;AAK5CC,IAAAA;AAL4C,GAMzC;AACH,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkC,uBAAU,KAAV,CAAxC;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAW,wCAAjB;AACA,QAAMC,eAAe,GAAG,sBAAxB;;AAEA,MAAK,CAAEL,KAAP,EAAe;AACd,WAAO,IAAP;AACA;;AAED,QAAMM,aAAa,GAAG,MAAM;AAC3BH,IAAAA,cAAc,CAAE,KAAF,CAAd,CAD2B,CAG3B;AACA;;AACAI,IAAAA,UAAU,CAAE,MAAM;AACjBF,MAAAA,eAAe,CAACG,OAAhB,CAAwBC,KAAxB;AACA,KAFS,EAEPC,6BAFO,CAAV;AAGA,GARD;;AAUA,QAAMC,WAAW,GAAI,qCAAqCP,IAAM,EAAhE;AACA;;AACA,QAAMQ,iBAAiB,GAAG,mBAAS,cAAI,cAAJ,CAAT,EAA+BZ,KAA/B,CAA1B;AAEA,SACC,4BAAC,6BAAD;AAAa,IAAA,SAAS,EAAC;AAAvB,KACG,CAAEE,WAAF,IACD,4BAAC,8BAAD;AACC,IAAA,EAAE,EAAC,IADJ;AAEC,IAAA,SAAS,EAAC,2CAFX;AAGC,IAAA,KAAK,EAAG;AAHT,KAKC;AAAM,IAAA,EAAE,EAAGS;AAAX,KAA2BX,KAA3B,CALD,EAOG,CAAEH,SAAS,IAAII,WAAf,KACD,4BAAC,oCAAD,QACGA,WADH,EAGGJ,SAAS,IACV,4BAAC,eAAD;AACC,IAAA,OAAO,MADR;AAEC,IAAA,OAAO,EAAC,UAFT;AAGC,IAAA,KAAK,EAAGe,iBAHT;AAIC,IAAA,OAAO,EAAG,MAAMT,cAAc,CAAE,IAAF,CAJ/B;AAKC,IAAA,GAAG,EAAGE;AALP,KAOC,4BAAC,WAAD;AAAM,IAAA,IAAI,EAAGQ;AAAb,IAPD,CAJF,CARF,CAFF,EA6BGX,WAAW,IACZ;AACC,IAAA,SAAS,EAAG,kCAAqB;AAChCY,MAAAA,IAAI,EAAE,UAD0B;AAEhCC,MAAAA,MAAM,EAAE;AAFwB,KAArB;AADb,KAMC,4BAAC,wBAAD;AACC,IAAA,aAAa,EAAGT,aADjB;AAEC,IAAA,QAAQ,EAAGR,QAFZ;AAGC,IAAA,MAAM,EAAGC,MAHV;AAIC,IAAA,KAAK,EAAGC;AAJT,IAND,CA9BF,CADD;AA+CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef, useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Icon, search as searchIcon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport { getAnimateClassName } from '../../animate';\nimport Button from '../../button';\nimport MenuTitleSearch from './menu-title-search';\nimport {\n\tGroupTitleUI,\n\tMenuTitleActionsUI,\n\tMenuTitleUI,\n} from '../styles/navigation-styles';\nimport { useNavigationMenuContext } from './context';\nimport { SEARCH_FOCUS_DELAY } from '../constants';\n\nexport default function NavigationMenuTitle( {\n\thasSearch,\n\tonSearch,\n\tsearch,\n\ttitle,\n\ttitleAction,\n} ) {\n\tconst [ isSearching, setIsSearching ] = useState( false );\n\tconst { menu } = useNavigationMenuContext();\n\tconst searchButtonRef = useRef();\n\n\tif ( ! title ) {\n\t\treturn null;\n\t}\n\n\tconst onCloseSearch = () => {\n\t\tsetIsSearching( false );\n\n\t\t// Wait for the slide-in animation to complete before focusing the search button.\n\t\t// eslint-disable-next-line @wordpress/react-no-unsafe-timeout\n\t\tsetTimeout( () => {\n\t\t\tsearchButtonRef.current.focus();\n\t\t}, SEARCH_FOCUS_DELAY );\n\t};\n\n\tconst menuTitleId = `components-navigation__menu-title-${ menu }`;\n\t/* translators: search button label for menu search box. %s: menu title */\n\tconst searchButtonLabel = sprintf( __( 'Search in %s' ), title );\n\n\treturn (\n\t\t<MenuTitleUI className=\"components-navigation__menu-title\">\n\t\t\t{ ! isSearching && (\n\t\t\t\t<GroupTitleUI\n\t\t\t\t\tas=\"h2\"\n\t\t\t\t\tclassName=\"components-navigation__menu-title-heading\"\n\t\t\t\t\tlevel={ 3 }\n\t\t\t\t>\n\t\t\t\t\t<span id={ menuTitleId }>{ title }</span>\n\n\t\t\t\t\t{ ( hasSearch || titleAction ) && (\n\t\t\t\t\t\t<MenuTitleActionsUI>\n\t\t\t\t\t\t\t{ titleAction }\n\n\t\t\t\t\t\t\t{ hasSearch && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t\t\t\tlabel={ searchButtonLabel }\n\t\t\t\t\t\t\t\t\tonClick={ () => setIsSearching( true ) }\n\t\t\t\t\t\t\t\t\tref={ searchButtonRef }\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Icon icon={ searchIcon } />\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</MenuTitleActionsUI>\n\t\t\t\t\t) }\n\t\t\t\t</GroupTitleUI>\n\t\t\t) }\n\n\t\t\t{ isSearching && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ getAnimateClassName( {\n\t\t\t\t\t\ttype: 'slide-in',\n\t\t\t\t\t\torigin: 'left',\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t<MenuTitleSearch\n\t\t\t\t\t\tonCloseSearch={ onCloseSearch }\n\t\t\t\t\t\tonSearch={ onSearch }\n\t\t\t\t\t\tsearch={ search }\n\t\t\t\t\t\ttitle={ title }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t) }\n\t\t</MenuTitleUI>\n\t);\n}\n"]}

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

@@ -26,9 +26,10 @@ var _navigationStyles = require("../styles/navigation-styles");
 /**
  * Internal dependencies
  */
-function NavigationSearchNoResultsFound({
-  search
-}) {
+function NavigationSearchNoResultsFound(_ref) {
+  let {
+    search
+  } = _ref;
   const {
     navigationTree: {
       items

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigation/menu/search-no-results-found.js"],"names":["NavigationSearchNoResultsFound","search","navigationTree","items","resultsCount","length"],"mappings":";;;;;;;;;AAGA;;AAKA;;AAKA;;AACA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAIe,SAASA,8BAAT,CAAyC;AAAEC,EAAAA;AAAF,CAAzC,EAAsD;AACpE,QAAM;AACLC,IAAAA,cAAc,EAAE;AAAEC,MAAAA;AAAF;AADX,MAEF,oCAFJ;AAIA,QAAMC,YAAY,GAAG,oBAAQD,KAAR,EAAe,YAAf,EAA8BE,MAAnD;;AAEA,MAAK,CAAEJ,MAAF,IAAY,CAAC,CAAEG,YAApB,EAAmC;AAClC,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,4BAAD,QACC,4BAAC,wBAAD,QAAU,cAAI,mBAAJ,CAAV,MADD,CADD;AAKA","sourcesContent":["/**\n * External dependencies\n */\nimport { filter } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { ItemBaseUI, ItemUI } from '../styles/navigation-styles';\n\nexport default function NavigationSearchNoResultsFound( { search } ) {\n\tconst {\n\t\tnavigationTree: { items },\n\t} = useNavigationContext();\n\n\tconst resultsCount = filter( items, '_isVisible' ).length;\n\n\tif ( ! search || !! resultsCount ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ItemBaseUI>\n\t\t\t<ItemUI>{ __( 'No results found.' ) } </ItemUI>\n\t\t</ItemBaseUI>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/components/src/navigation/menu/search-no-results-found.js"],"names":["NavigationSearchNoResultsFound","search","navigationTree","items","resultsCount","length"],"mappings":";;;;;;;;;AAGA;;AAKA;;AAKA;;AACA;;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAIe,SAASA,8BAAT,OAAsD;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACpE,QAAM;AACLC,IAAAA,cAAc,EAAE;AAAEC,MAAAA;AAAF;AADX,MAEF,oCAFJ;AAIA,QAAMC,YAAY,GAAG,oBAAQD,KAAR,EAAe,YAAf,EAA8BE,MAAnD;;AAEA,MAAK,CAAEJ,MAAF,IAAY,CAAC,CAAEG,YAApB,EAAmC;AAClC,WAAO,IAAP;AACA;;AAED,SACC,4BAAC,4BAAD,QACC,4BAAC,wBAAD,QAAU,cAAI,mBAAJ,CAAV,MADD,CADD;AAKA","sourcesContent":["/**\n * External dependencies\n */\nimport { filter } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { ItemBaseUI, ItemUI } from '../styles/navigation-styles';\n\nexport default function NavigationSearchNoResultsFound( { search } ) {\n\tconst {\n\t\tnavigationTree: { items },\n\t} = useNavigationContext();\n\n\tconst resultsCount = filter( items, '_isVisible' ).length;\n\n\tif ( ! search || !! resultsCount ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<ItemBaseUI>\n\t\t\t<ItemUI>{ __( 'No results found.' ) } </ItemUI>\n\t\t</ItemBaseUI>\n\t);\n}\n"]}