@wordpress/components 23.4.0 → 23.6.0

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

@@ -31,12 +31,14 @@ function MenuTitleSearch(_ref) {
   const {
     menu
   } = useNavigationMenuContext();
-  const inputRef = useRef(); // Wait for the slide-in animation to complete before autofocusing the input.
+  const inputRef = useRef(null); // Wait for the slide-in animation to complete before autofocusing the input.
   // This prevents scrolling to the input during the animation.
 
   useEffect(() => {
     const delayedFocus = setTimeout(() => {
-      inputRef.current.focus();
+      var _inputRef$current;
+
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
     }, SEARCH_FOCUS_DELAY);
     return () => {
       clearTimeout(delayedFocus);
@@ -56,16 +58,16 @@ function MenuTitleSearch(_ref) {
   }, [items, search]);
 
   const onClose = () => {
-    onSearch('');
+    onSearch === null || onSearch === void 0 ? void 0 : onSearch('');
     onCloseSearch();
   };
 
-  function onKeyDown(event) {
+  const onKeyDown = event => {
     if (event.code === 'Escape' && !event.defaultPrevented) {
       event.preventDefault();
       onClose();
     }
-  }
+  };
 
   const inputId = `components-navigation__menu-title-search-${menu}`;
   const placeholder = sprintf(
@@ -77,7 +79,7 @@ function MenuTitleSearch(_ref) {
     autoComplete: "off",
     className: "components-navigation__menu-search-input",
     id: inputId,
-    onChange: value => onSearch(value),
+    onChange: value => onSearch === null || onSearch === void 0 ? void 0 : onSearch(value),
     onKeyDown: onKeyDown,
     placeholder: placeholder,
     onClose: onClose,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigation/menu/menu-title-search.js"],"names":["useEffect","useRef","__","_n","sprintf","withSpokenMessages","useNavigationMenuContext","useNavigationContext","MenuTitleSearchUI","SEARCH_FOCUS_DELAY","MenuTitleSearch","debouncedSpeak","onCloseSearch","onSearch","search","title","navigationTree","items","menu","inputRef","delayedFocus","setTimeout","current","focus","clearTimeout","count","Object","values","filter","item","_isVisible","length","resultsFoundMessage","onClose","onKeyDown","event","code","defaultPrevented","preventDefault","inputId","placeholder","toLowerCase","trim","value"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport withSpokenMessages from '../../higher-order/with-spoken-messages';\nimport { useNavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { 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 = Object.values( items ).filter(\n\t\t\t( item ) => item._isVisible\n\t\t).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\t// Ignore exhaustive-deps rule for now. See https://github.com/WordPress/gutenberg/pull/44090\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\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.code === '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"]}
+{"version":3,"sources":["@wordpress/components/src/navigation/menu/menu-title-search.tsx"],"names":["useEffect","useRef","__","_n","sprintf","withSpokenMessages","useNavigationMenuContext","useNavigationContext","MenuTitleSearchUI","SEARCH_FOCUS_DELAY","MenuTitleSearch","debouncedSpeak","onCloseSearch","onSearch","search","title","navigationTree","items","menu","inputRef","delayedFocus","setTimeout","current","focus","clearTimeout","count","Object","values","filter","item","_isVisible","length","resultsFoundMessage","onClose","onKeyDown","event","code","defaultPrevented","preventDefault","inputId","placeholder","toLowerCase","trim","value"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { __, _n, sprintf } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport withSpokenMessages from '../../higher-order/with-spoken-messages';\nimport { useNavigationMenuContext } from './context';\nimport { useNavigationContext } from '../context';\nimport { MenuTitleSearchUI } from '../styles/navigation-styles';\nimport { SEARCH_FOCUS_DELAY } from '../constants';\n\nimport type { NavigationMenuTitleSearchProps } from '../types';\n\nfunction MenuTitleSearch( {\n\tdebouncedSpeak,\n\tonCloseSearch,\n\tonSearch,\n\tsearch,\n\ttitle,\n}: NavigationMenuTitleSearchProps ) {\n\tconst {\n\t\tnavigationTree: { items },\n\t} = useNavigationContext();\n\tconst { menu } = useNavigationMenuContext();\n\tconst inputRef = useRef< HTMLInputElement >( null );\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 = Object.values( items ).filter(\n\t\t\t( item ) => item._isVisible\n\t\t).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\t// Ignore exhaustive-deps rule for now. See https://github.com/WordPress/gutenberg/pull/44090\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ items, search ] );\n\n\tconst onClose = () => {\n\t\tonSearch?.( '' );\n\t\tonCloseSearch();\n\t};\n\n\tconst onKeyDown: React.KeyboardEventHandler< HTMLInputElement > = (\n\t\tevent\n\t) => {\n\t\tif ( event.code === '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-module/navigation/menu/menu-title.js

@@ -28,7 +28,7 @@ export default function NavigationMenuTitle(_ref) {
   const {
     menu
   } = useNavigationMenuContext();
-  const searchButtonRef = useRef();
+  const searchButtonRef = useRef(null);
 
   if (!title) {
     return null;
@@ -39,7 +39,9 @@ export default function NavigationMenuTitle(_ref) {
     // eslint-disable-next-line @wordpress/react-no-unsafe-timeout
 
     setTimeout(() => {
-      searchButtonRef.current.focus();
+      var _searchButtonRef$curr;
+
+      (_searchButtonRef$curr = searchButtonRef.current) === null || _searchButtonRef$curr === void 0 ? void 0 : _searchButtonRef$curr.focus();
     }, SEARCH_FOCUS_DELAY);
   };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigation/menu/menu-title.js"],"names":["useRef","useState","__","sprintf","Icon","search","searchIcon","getAnimateClassName","Button","MenuTitleSearch","GroupTitleUI","MenuTitleActionsUI","MenuTitleUI","useNavigationMenuContext","SEARCH_FOCUS_DELAY","NavigationMenuTitle","hasSearch","onSearch","title","titleAction","isSearching","setIsSearching","menu","searchButtonRef","onCloseSearch","setTimeout","current","focus","menuTitleId","searchButtonLabel","type","origin"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,EAAiBC,QAAjB,QAAiC,oBAAjC;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,IAAT,EAAeC,MAAM,IAAIC,UAAzB,QAA2C,kBAA3C;AAEA;AACA;AACA;;AACA,SAASC,mBAAT,QAAoC,eAApC;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,SACCC,YADD,EAECC,kBAFD,EAGCC,WAHD,QAIO,6BAJP;AAKA,SAASC,wBAAT,QAAyC,WAAzC;AACA,SAASC,kBAAT,QAAmC,cAAnC;AAEA,eAAe,SAASC,mBAAT,OAMX;AAAA,MANyC;AAC5CC,IAAAA,SAD4C;AAE5CC,IAAAA,QAF4C;AAG5CZ,IAAAA,MAH4C;AAI5Ca,IAAAA,KAJ4C;AAK5CC,IAAAA;AAL4C,GAMzC;AACH,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkCpB,QAAQ,CAAE,KAAF,CAAhD;AACA,QAAM;AAAEqB,IAAAA;AAAF,MAAWT,wBAAwB,EAAzC;AACA,QAAMU,eAAe,GAAGvB,MAAM,EAA9B;;AAEA,MAAK,CAAEkB,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,EAEPb,kBAFO,CAAV;AAGA,GARD;;AAUA,QAAMc,WAAW,GAAI,qCAAqCN,IAAM,EAAhE;AACA;;AACA,QAAMO,iBAAiB,GAAG1B,OAAO,CAAED,EAAE,CAAE,cAAF,CAAJ,EAAwBgB,KAAxB,CAAjC;AAEA,SACC,cAAC,WAAD;AAAa,IAAA,SAAS,EAAC;AAAvB,KACG,CAAEE,WAAF,IACD,cAAC,YAAD;AACC,IAAA,EAAE,EAAC,IADJ;AAEC,IAAA,SAAS,EAAC,2CAFX;AAGC,IAAA,KAAK,EAAG;AAHT,KAKC;AAAM,IAAA,EAAE,EAAGQ;AAAX,KAA2BV,KAA3B,CALD,EAOG,CAAEF,SAAS,IAAIG,WAAf,KACD,cAAC,kBAAD,QACGA,WADH,EAGGH,SAAS,IACV,cAAC,MAAD;AACC,IAAA,OAAO,MADR;AAEC,IAAA,OAAO,EAAC,UAFT;AAGC,IAAA,KAAK,EAAGa,iBAHT;AAIC,IAAA,OAAO,EAAG,MAAMR,cAAc,CAAE,IAAF,CAJ/B;AAKC,IAAA,GAAG,EAAGE;AALP,KAOC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGjB;AAAb,IAPD,CAJF,CARF,CAFF,EA6BGc,WAAW,IACZ;AACC,IAAA,SAAS,EAAGb,mBAAmB,CAAE;AAChCuB,MAAAA,IAAI,EAAE,UAD0B;AAEhCC,MAAAA,MAAM,EAAE;AAFwB,KAAF;AADhC,KAMC,cAAC,eAAD;AACC,IAAA,aAAa,EAAGP,aADjB;AAEC,IAAA,QAAQ,EAAGP,QAFZ;AAGC,IAAA,MAAM,EAAGZ,MAHV;AAIC,IAAA,KAAK,EAAGa;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"]}
+{"version":3,"sources":["@wordpress/components/src/navigation/menu/menu-title.tsx"],"names":["useRef","useState","__","sprintf","Icon","search","searchIcon","getAnimateClassName","Button","MenuTitleSearch","GroupTitleUI","MenuTitleActionsUI","MenuTitleUI","useNavigationMenuContext","SEARCH_FOCUS_DELAY","NavigationMenuTitle","hasSearch","onSearch","title","titleAction","isSearching","setIsSearching","menu","searchButtonRef","onCloseSearch","setTimeout","current","focus","menuTitleId","searchButtonLabel","type","origin"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,EAAiBC,QAAjB,QAAiC,oBAAjC;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,IAAT,EAAeC,MAAM,IAAIC,UAAzB,QAA2C,kBAA3C;AAEA;AACA;AACA;;AACA,SAASC,mBAAT,QAAoC,eAApC;AACA,OAAOC,MAAP,MAAmB,cAAnB;AACA,OAAOC,eAAP,MAA4B,qBAA5B;AACA,SACCC,YADD,EAECC,kBAFD,EAGCC,WAHD,QAIO,6BAJP;AAKA,SAASC,wBAAT,QAAyC,WAAzC;AACA,SAASC,kBAAT,QAAmC,cAAnC;AAIA,eAAe,SAASC,mBAAT,OAMe;AAAA,MANe;AAC5CC,IAAAA,SAD4C;AAE5CC,IAAAA,QAF4C;AAG5CZ,IAAAA,MAH4C;AAI5Ca,IAAAA,KAJ4C;AAK5CC,IAAAA;AAL4C,GAMf;AAC7B,QAAM,CAAEC,WAAF,EAAeC,cAAf,IAAkCpB,QAAQ,CAAE,KAAF,CAAhD;AACA,QAAM;AAAEqB,IAAAA;AAAF,MAAWT,wBAAwB,EAAzC;AACA,QAAMU,eAAe,GAAGvB,MAAM,CAAiB,IAAjB,CAA9B;;AAEA,MAAK,CAAEkB,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;AAAA;;AACjB,+BAAAF,eAAe,CAACG,OAAhB,gFAAyBC,KAAzB;AACA,KAFS,EAEPb,kBAFO,CAAV;AAGA,GARD;;AAUA,QAAMc,WAAW,GAAI,qCAAqCN,IAAM,EAAhE;AACA;;AACA,QAAMO,iBAAiB,GAAG1B,OAAO,CAAED,EAAE,CAAE,cAAF,CAAJ,EAAwBgB,KAAxB,CAAjC;AAEA,SACC,cAAC,WAAD;AAAa,IAAA,SAAS,EAAC;AAAvB,KACG,CAAEE,WAAF,IACD,cAAC,YAAD;AACC,IAAA,EAAE,EAAC,IADJ;AAEC,IAAA,SAAS,EAAC,2CAFX;AAGC,IAAA,KAAK,EAAG;AAHT,KAKC;AAAM,IAAA,EAAE,EAAGQ;AAAX,KAA2BV,KAA3B,CALD,EAOG,CAAEF,SAAS,IAAIG,WAAf,KACD,cAAC,kBAAD,QACGA,WADH,EAGGH,SAAS,IACV,cAAC,MAAD;AACC,IAAA,OAAO,MADR;AAEC,IAAA,OAAO,EAAC,UAFT;AAGC,IAAA,KAAK,EAAGa,iBAHT;AAIC,IAAA,OAAO,EAAG,MAAMR,cAAc,CAAE,IAAF,CAJ/B;AAKC,IAAA,GAAG,EAAGE;AALP,KAOC,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGjB;AAAb,IAPD,CAJF,CARF,CAFF,EA6BGc,WAAW,IACZ;AACC,IAAA,SAAS,EAAGb,mBAAmB,CAAE;AAChCuB,MAAAA,IAAI,EAAE,UAD0B;AAEhCC,MAAAA,MAAM,EAAE;AAFwB,KAAF;AADhC,KAMC,cAAC,eAAD;AACC,IAAA,aAAa,EAAGP,aADjB;AAEC,IAAA,QAAQ,EAAGP,QAFZ;AAGC,IAAA,MAAM,EAAGZ,MAHV;AAIC,IAAA,KAAK,EAAGa;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\nimport type { NavigationMenuTitleProps } from '../types';\n\nexport default function NavigationMenuTitle( {\n\thasSearch,\n\tonSearch,\n\tsearch,\n\ttitle,\n\ttitleAction,\n}: NavigationMenuTitleProps ) {\n\tconst [ isSearching, setIsSearching ] = useState( false );\n\tconst { menu } = useNavigationMenuContext();\n\tconst searchButtonRef = useRef< HTMLElement >( null );\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-module/navigation/menu/search-no-results-found.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigation/menu/search-no-results-found.js"],"names":["__","useNavigationContext","ItemBaseUI","ItemUI","NavigationSearchNoResultsFound","search","navigationTree","items","resultsCount","Object","values","filter","item","_isVisible","length"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,SAASC,oBAAT,QAAqC,YAArC;AACA,SAASC,UAAT,EAAqBC,MAArB,QAAmC,6BAAnC;AAEA,eAAe,SAASC,8BAAT,OAAsD;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AACpE,QAAM;AACLC,IAAAA,cAAc,EAAE;AAAEC,MAAAA;AAAF;AADX,MAEFN,oBAAoB,EAFxB;AAIA,QAAMO,YAAY,GAAGC,MAAM,CAACC,MAAP,CAAeH,KAAf,EAAuBI,MAAvB,CAClBC,IAAF,IAAYA,IAAI,CAACC,UADG,EAEnBC,MAFF;;AAIA,MAAK,CAAET,MAAF,IAAY,CAAC,CAAEG,YAApB,EAAmC;AAClC,WAAO,IAAP;AACA;;AAED,SACC,cAAC,UAAD,QACC,cAAC,MAAD,QAAUR,EAAE,CAAE,mBAAF,CAAZ,MADD,CADD;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { ItemBaseUI, ItemUI } from '../styles/navigation-styles';\n\nexport default function NavigationSearchNoResultsFound( { search } ) {\n\tconst {\n\t\tnavigationTree: { items },\n\t} = useNavigationContext();\n\n\tconst resultsCount = Object.values( items ).filter(\n\t\t( item ) => item._isVisible\n\t).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.tsx"],"names":["__","useNavigationContext","ItemBaseUI","ItemUI","NavigationSearchNoResultsFound","search","navigationTree","items","resultsCount","Object","values","filter","item","_isVisible","length"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,EAAT,QAAmB,iBAAnB;AAEA;AACA;AACA;;AACA,SAASC,oBAAT,QAAqC,YAArC;AACA,SAASC,UAAT,EAAqBC,MAArB,QAAmC,6BAAnC;AAIA,eAAe,SAASC,8BAAT,OAE0B;AAAA,MAFe;AACvDC,IAAAA;AADuD,GAEf;AACxC,QAAM;AACLC,IAAAA,cAAc,EAAE;AAAEC,MAAAA;AAAF;AADX,MAEFN,oBAAoB,EAFxB;AAIA,QAAMO,YAAY,GAAGC,MAAM,CAACC,MAAP,CAAeH,KAAf,EAAuBI,MAAvB,CAClBC,IAAF,IAAYA,IAAI,CAACC,UADG,EAEnBC,MAFF;;AAIA,MAAK,CAAET,MAAF,IAAY,CAAC,CAAEG,YAApB,EAAmC;AAClC,WAAO,IAAP;AACA;;AAED,SACC,cAAC,UAAD,QACC,cAAC,MAAD,QAAUR,EAAE,CAAE,mBAAF,CAAZ,MADD,CADD;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { ItemBaseUI, ItemUI } from '../styles/navigation-styles';\n\nimport type { NavigationSearchNoResultsFoundProps } from '../types';\n\nexport default function NavigationSearchNoResultsFound( {\n\tsearch,\n}: NavigationSearchNoResultsFoundProps ) {\n\tconst {\n\t\tnavigationTree: { items },\n\t} = useNavigationContext();\n\n\tconst resultsCount = Object.values( items ).filter(\n\t\t( item ) => item._isVisible\n\t).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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/components/src/navigation/menu/use-navigation-tree-menu.js"],"names":["useEffect","useNavigationContext","ROOT_MENU","useNavigationTreeMenu","props","navigationTree","addMenu","removeMenu","key","menu"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,oBAA1B;AAEA;AACA;AACA;;AACA,SAASC,oBAAT,QAAqC,YAArC;AACA,SAASC,SAAT,QAA0B,cAA1B;AAEA,OAAO,MAAMC,qBAAqB,GAAKC,KAAF,IAAa;AACjD,QAAM;AACLC,IAAAA,cAAc,EAAE;AAAEC,MAAAA,OAAF;AAAWC,MAAAA;AAAX;AADX,MAEFN,oBAAoB,EAFxB;AAIA,QAAMO,GAAG,GAAGJ,KAAK,CAACK,IAAN,IAAcP,SAA1B;AACAF,EAAAA,SAAS,CAAE,MAAM;AAChBM,IAAAA,OAAO,CAAEE,GAAF,EAAO,EAAE,GAAGJ,KAAL;AAAYK,MAAAA,IAAI,EAAED;AAAlB,KAAP,CAAP;AAEA,WAAO,MAAM;AACZD,MAAAA,UAAU,CAAEC,GAAF,CAAV;AACA,KAFD,CAHgB,CAMhB;AACA;AACA,GARQ,EAQN,EARM,CAAT;AASA,CAfM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { ROOT_MENU } from '../constants';\n\nexport const useNavigationTreeMenu = ( props ) => {\n\tconst {\n\t\tnavigationTree: { addMenu, removeMenu },\n\t} = useNavigationContext();\n\n\tconst key = props.menu || ROOT_MENU;\n\tuseEffect( () => {\n\t\taddMenu( key, { ...props, menu: key } );\n\n\t\treturn () => {\n\t\t\tremoveMenu( key );\n\t\t};\n\t\t// Ignore exhaustive-deps rule for now. See https://github.com/WordPress/gutenberg/pull/44090\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n};\n"]}
+{"version":3,"sources":["@wordpress/components/src/navigation/menu/use-navigation-tree-menu.tsx"],"names":["useEffect","useNavigationContext","ROOT_MENU","useNavigationTreeMenu","props","navigationTree","addMenu","removeMenu","key","menu"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,oBAA1B;AAEA;AACA;AACA;;AACA,SAASC,oBAAT,QAAqC,YAArC;AACA,SAASC,SAAT,QAA0B,cAA1B;AAIA,OAAO,MAAMC,qBAAqB,GAAKC,KAAF,IAAkC;AACtE,QAAM;AACLC,IAAAA,cAAc,EAAE;AAAEC,MAAAA,OAAF;AAAWC,MAAAA;AAAX;AADX,MAEFN,oBAAoB,EAFxB;AAIA,QAAMO,GAAG,GAAGJ,KAAK,CAACK,IAAN,IAAcP,SAA1B;AACAF,EAAAA,SAAS,CAAE,MAAM;AAChBM,IAAAA,OAAO,CAAEE,GAAF,EAAO,EAAE,GAAGJ,KAAL;AAAYK,MAAAA,IAAI,EAAED;AAAlB,KAAP,CAAP;AAEA,WAAO,MAAM;AACZD,MAAAA,UAAU,CAAEC,GAAF,CAAV;AACA,KAFD,CAHgB,CAMhB;AACA;AACA,GARQ,EAQN,EARM,CAAT;AASA,CAfM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { useNavigationContext } from '../context';\nimport { ROOT_MENU } from '../constants';\n\nimport type { NavigationMenuProps } from '../types';\n\nexport const useNavigationTreeMenu = ( props: NavigationMenuProps ) => {\n\tconst {\n\t\tnavigationTree: { addMenu, removeMenu },\n\t} = useNavigationContext();\n\n\tconst key = props.menu || ROOT_MENU;\n\tuseEffect( () => {\n\t\taddMenu( key, { ...props, menu: key } );\n\n\t\treturn () => {\n\t\t\tremoveMenu( key );\n\t\t};\n\t\t// Ignore exhaustive-deps rule for now. See https://github.com/WordPress/gutenberg/pull/44090\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [] );\n};\n"]}