[62000] Fix | Delete

// @see packages/block-editor/src/components/inserter/search-items.js

[62001] Fix | Delete

const normalizeInput = input => remove_accents_default()(input).replace(/^\//, '').toLowerCase();

[62002] Fix | Delete

const normalizedSearch = (title, search) => -1 !== normalizeInput(title).indexOf(normalizeInput(search));

[62003] Fix | Delete

[62004] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigation/item/use-navigation-tree-item.js

[62005] Fix | Delete

/**

[62006] Fix | Delete

* WordPress dependencies

[62007] Fix | Delete

*/

[62008] Fix | Delete

[62009] Fix | Delete

[62010] Fix | Delete

/**

[62011] Fix | Delete

* Internal dependencies

[62012] Fix | Delete

*/

[62013] Fix | Delete

[62014] Fix | Delete

[62015] Fix | Delete

[62016] Fix | Delete

[62017] Fix | Delete

const useNavigationTreeItem = (itemId, props) => {

[62018] Fix | Delete

const {

[62019] Fix | Delete

activeMenu,

[62020] Fix | Delete

navigationTree: {

[62021] Fix | Delete

addItem,

[62022] Fix | Delete

removeItem

[62023] Fix | Delete

}

[62024] Fix | Delete

} = useNavigationContext();

[62025] Fix | Delete

const {

[62026] Fix | Delete

group

[62027] Fix | Delete

} = useNavigationGroupContext();

[62028] Fix | Delete

const {

[62029] Fix | Delete

menu,

[62030] Fix | Delete

search

[62031] Fix | Delete

} = useNavigationMenuContext();

[62032] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[62033] Fix | Delete

const isMenuActive = activeMenu === menu;

[62034] Fix | Delete

const isItemVisible = !search || props.title !== undefined && normalizedSearch(props.title, search);

[62035] Fix | Delete

addItem(itemId, {

[62036] Fix | Delete

...props,

[62037] Fix | Delete

group,

[62038] Fix | Delete

menu,

[62039] Fix | Delete

_isVisible: isMenuActive && isItemVisible

[62040] Fix | Delete

});

[62041] Fix | Delete

return () => {

[62042] Fix | Delete

removeItem(itemId);

[62043] Fix | Delete

};

[62044] Fix | Delete

// Ignore exhaustive-deps rule for now. See https://github.com/WordPress/gutenberg/pull/41639

[62045] Fix | Delete

// eslint-disable-next-line react-hooks/exhaustive-deps

[62046] Fix | Delete

}, [activeMenu, search]);

[62047] Fix | Delete

};

[62048] Fix | Delete

[62049] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigation/item/base.js

[62050] Fix | Delete

/**

[62051] Fix | Delete

* External dependencies

[62052] Fix | Delete

*/

[62053] Fix | Delete

[62054] Fix | Delete

[62055] Fix | Delete

/**

[62056] Fix | Delete

* WordPress dependencies

[62057] Fix | Delete

*/

[62058] Fix | Delete

[62059] Fix | Delete

[62060] Fix | Delete

/**

[62061] Fix | Delete

* Internal dependencies

[62062] Fix | Delete

*/

[62063] Fix | Delete

[62064] Fix | Delete

[62065] Fix | Delete

[62066] Fix | Delete

[62067] Fix | Delete

let base_uniqueId = 0;

[62068] Fix | Delete

function NavigationItemBase(props) {

[62069] Fix | Delete

// Also avoid to pass the `title` and `href` props to the ItemBaseUI styled component.

[62070] Fix | Delete

const {

[62071] Fix | Delete

children,

[62072] Fix | Delete

className,

[62073] Fix | Delete

title,

[62074] Fix | Delete

href,

[62075] Fix | Delete

...restProps

[62076] Fix | Delete

} = props;

[62077] Fix | Delete

const [itemId] = (0,external_wp_element_namespaceObject.useState)(`item-${++base_uniqueId}`);

[62078] Fix | Delete

useNavigationTreeItem(itemId, props);

[62079] Fix | Delete

const {

[62080] Fix | Delete

navigationTree

[62081] Fix | Delete

} = useNavigationContext();

[62082] Fix | Delete

if (!navigationTree.getItem(itemId)?._isVisible) {

[62083] Fix | Delete

return null;

[62084] Fix | Delete

}

[62085] Fix | Delete

const classes = dist_clsx('components-navigation__item', className);

[62086] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ItemBaseUI, {

[62087] Fix | Delete

className: classes,

[62088] Fix | Delete

...restProps,

[62089] Fix | Delete

children: children

[62090] Fix | Delete

});

[62091] Fix | Delete

}

[62092] Fix | Delete

[62093] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigation/item/index.js

[62094] Fix | Delete

/**

[62095] Fix | Delete

* External dependencies

[62096] Fix | Delete

*/

[62097] Fix | Delete

[62098] Fix | Delete

[62099] Fix | Delete

/**

[62100] Fix | Delete

* WordPress dependencies

[62101] Fix | Delete

*/

[62102] Fix | Delete

[62103] Fix | Delete

[62104] Fix | Delete

[62105] Fix | Delete

/**

[62106] Fix | Delete

* Internal dependencies

[62107] Fix | Delete

*/

[62108] Fix | Delete

[62109] Fix | Delete

[62110] Fix | Delete

[62111] Fix | Delete

[62112] Fix | Delete

[62113] Fix | Delete

[62114] Fix | Delete

[62115] Fix | Delete

const item_noop = () => {};

[62116] Fix | Delete

[62117] Fix | Delete

/**

[62118] Fix | Delete

* @deprecated Use `Navigator` instead.

[62119] Fix | Delete

*/

[62120] Fix | Delete

function NavigationItem(props) {

[62121] Fix | Delete

const {

[62122] Fix | Delete

badge,

[62123] Fix | Delete

children,

[62124] Fix | Delete

className,

[62125] Fix | Delete

href,

[62126] Fix | Delete

item,

[62127] Fix | Delete

navigateToMenu,

[62128] Fix | Delete

onClick = item_noop,

[62129] Fix | Delete

title,

[62130] Fix | Delete

icon,

[62131] Fix | Delete

hideIfTargetMenuEmpty,

[62132] Fix | Delete

isText,

[62133] Fix | Delete

...restProps

[62134] Fix | Delete

} = props;

[62135] Fix | Delete

const {

[62136] Fix | Delete

activeItem,

[62137] Fix | Delete

setActiveMenu,

[62138] Fix | Delete

navigationTree: {

[62139] Fix | Delete

isMenuEmpty

[62140] Fix | Delete

}

[62141] Fix | Delete

} = useNavigationContext();

[62142] Fix | Delete

[62143] Fix | Delete

// If hideIfTargetMenuEmpty prop is true

[62144] Fix | Delete

// And the menu we are supposed to navigate to

[62145] Fix | Delete

// Is marked as empty, then we skip rendering the item.

[62146] Fix | Delete

if (hideIfTargetMenuEmpty && navigateToMenu && isMenuEmpty(navigateToMenu)) {

[62147] Fix | Delete

return null;

[62148] Fix | Delete

}

[62149] Fix | Delete

const isActive = item && activeItem === item;

[62150] Fix | Delete

const classes = dist_clsx(className, {

[62151] Fix | Delete

'is-active': isActive

[62152] Fix | Delete

});

[62153] Fix | Delete

const onItemClick = event => {

[62154] Fix | Delete

if (navigateToMenu) {

[62155] Fix | Delete

setActiveMenu(navigateToMenu);

[62156] Fix | Delete

}

[62157] Fix | Delete

onClick(event);

[62158] Fix | Delete

};

[62159] Fix | Delete

const navigationIcon = (0,external_wp_i18n_namespaceObject.isRTL)() ? chevron_left : chevron_right;

[62160] Fix | Delete

const baseProps = children ? props : {

[62161] Fix | Delete

...props,

[62162] Fix | Delete

onClick: undefined

[62163] Fix | Delete

};

[62164] Fix | Delete

const itemProps = isText ? restProps : {

[62165] Fix | Delete

as: build_module_button,

[62166] Fix | Delete

href,

[62167] Fix | Delete

onClick: onItemClick,

[62168] Fix | Delete

'aria-current': isActive ? 'page' : undefined,

[62169] Fix | Delete

...restProps

[62170] Fix | Delete

};

[62171] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigationItemBase, {

[62172] Fix | Delete

...baseProps,

[62173] Fix | Delete

className: classes,

[62174] Fix | Delete

children: children || /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(ItemUI, {

[62175] Fix | Delete

...itemProps,

[62176] Fix | Delete

children: [icon && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ItemIconUI, {

[62177] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(icons_build_module_icon, {

[62178] Fix | Delete

icon: icon

[62179] Fix | Delete

})

[62180] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigationItemBaseContent, {

[62181] Fix | Delete

title: title,

[62182] Fix | Delete

badge: badge

[62183] Fix | Delete

}), navigateToMenu && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(icons_build_module_icon, {

[62184] Fix | Delete

icon: navigationIcon

[62185] Fix | Delete

})]

[62186] Fix | Delete

})

[62187] Fix | Delete

});

[62188] Fix | Delete

}

[62189] Fix | Delete

/* harmony default export */ const navigation_item = (NavigationItem);

[62190] Fix | Delete

[62191] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigation/menu/use-navigation-tree-menu.js

[62192] Fix | Delete

/**

[62193] Fix | Delete

* WordPress dependencies

[62194] Fix | Delete

*/

[62195] Fix | Delete

[62196] Fix | Delete

[62197] Fix | Delete

/**

[62198] Fix | Delete

* Internal dependencies

[62199] Fix | Delete

*/

[62200] Fix | Delete

[62201] Fix | Delete

[62202] Fix | Delete

const useNavigationTreeMenu = props => {

[62203] Fix | Delete

const {

[62204] Fix | Delete

navigationTree: {

[62205] Fix | Delete

addMenu,

[62206] Fix | Delete

removeMenu

[62207] Fix | Delete

}

[62208] Fix | Delete

} = useNavigationContext();

[62209] Fix | Delete

const key = props.menu || ROOT_MENU;

[62210] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[62211] Fix | Delete

addMenu(key, {

[62212] Fix | Delete

...props,

[62213] Fix | Delete

menu: key

[62214] Fix | Delete

});

[62215] Fix | Delete

return () => {

[62216] Fix | Delete

removeMenu(key);

[62217] Fix | Delete

};

[62218] Fix | Delete

// Ignore exhaustive-deps rule for now. See https://github.com/WordPress/gutenberg/pull/44090

[62219] Fix | Delete

// eslint-disable-next-line react-hooks/exhaustive-deps

[62220] Fix | Delete

}, []);

[62221] Fix | Delete

};

[62222] Fix | Delete

[62223] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/search.js

[62224] Fix | Delete

/**

[62225] Fix | Delete

* WordPress dependencies

[62226] Fix | Delete

*/

[62227] Fix | Delete

[62228] Fix | Delete

[62229] Fix | Delete

const search = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {

[62230] Fix | Delete

xmlns: "http://www.w3.org/2000/svg",

[62231] Fix | Delete

viewBox: "0 0 24 24",

[62232] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {

[62233] Fix | Delete

d: "M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z"

[62234] Fix | Delete

})

[62235] Fix | Delete

});

[62236] Fix | Delete

/* harmony default export */ const library_search = (search);

[62237] Fix | Delete

[62238] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/higher-order/with-spoken-messages/index.js

[62239] Fix | Delete

/**

[62240] Fix | Delete

* WordPress dependencies

[62241] Fix | Delete

*/

[62242] Fix | Delete

[62243] Fix | Delete

[62244] Fix | Delete

[62245] Fix | Delete

/** @typedef {import('react').ComponentType} ComponentType */

[62246] Fix | Delete

[62247] Fix | Delete

/**

[62248] Fix | Delete

* A Higher Order Component used to be provide speak and debounced speak

[62249] Fix | Delete

* functions.

[62250] Fix | Delete

*

[62251] Fix | Delete

* @see https://developer.wordpress.org/block-editor/packages/packages-a11y/#speak

[62252] Fix | Delete

*

[62253] Fix | Delete

* @param {ComponentType} Component The component to be wrapped.

[62254] Fix | Delete

*

[62255] Fix | Delete

* @return {ComponentType} The wrapped component.

[62256] Fix | Delete

*/

[62257] Fix | Delete

[62258] Fix | Delete

/* harmony default export */ const with_spoken_messages = ((0,external_wp_compose_namespaceObject.createHigherOrderComponent)(Component => props => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Component, {

[62259] Fix | Delete

...props,

[62260] Fix | Delete

speak: external_wp_a11y_namespaceObject.speak,

[62261] Fix | Delete

debouncedSpeak: (0,external_wp_compose_namespaceObject.useDebounce)(external_wp_a11y_namespaceObject.speak, 500)

[62262] Fix | Delete

}), 'withSpokenMessages'));

[62263] Fix | Delete

[62264] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/search-control/styles.js

[62265] Fix | Delete

[62266] Fix | Delete

/**

[62267] Fix | Delete

* External dependencies

[62268] Fix | Delete

*/

[62269] Fix | Delete

[62270] Fix | Delete

/**

[62271] Fix | Delete

* Internal dependencies

[62272] Fix | Delete

*/

[62273] Fix | Delete

[62274] Fix | Delete

[62275] Fix | Delete

[62276] Fix | Delete

const inlinePadding = ({

[62277] Fix | Delete

size

[62278] Fix | Delete

}) => {

[62279] Fix | Delete

return space(size === 'compact' ? 1 : 2);

[62280] Fix | Delete

};

[62281] Fix | Delete

const SuffixItemWrapper = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {

[62282] Fix | Delete

target: "effl84m1"

[62283] Fix | Delete

} : 0)("display:flex;padding-inline-end:", inlinePadding, ";svg{fill:currentColor;}" + ( true ? "" : 0));

[62284] Fix | Delete

const StyledInputControl = /*#__PURE__*/emotion_styled_base_browser_esm(input_control, true ? {

[62285] Fix | Delete

target: "effl84m0"

[62286] Fix | Delete

} : 0)("input[type='search']{&::-webkit-search-decoration,&::-webkit-search-cancel-button,&::-webkit-search-results-button,&::-webkit-search-results-decoration{-webkit-appearance:none;}}&:not( :focus-within ){--wp-components-color-background:", COLORS.theme.gray[100], ";}" + ( true ? "" : 0));

[62287] Fix | Delete

[62288] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/search-control/index.js

[62289] Fix | Delete

/**

[62290] Fix | Delete

* External dependencies

[62291] Fix | Delete

*/

[62292] Fix | Delete

[62293] Fix | Delete

[62294] Fix | Delete

/**

[62295] Fix | Delete

* WordPress dependencies

[62296] Fix | Delete

*/

[62297] Fix | Delete

[62298] Fix | Delete

[62299] Fix | Delete

[62300] Fix | Delete

[62301] Fix | Delete

[62302] Fix | Delete

/**

[62303] Fix | Delete

* Internal dependencies

[62304] Fix | Delete

*/

[62305] Fix | Delete

[62306] Fix | Delete

[62307] Fix | Delete

[62308] Fix | Delete

[62309] Fix | Delete

function SuffixItem({

[62310] Fix | Delete

searchRef,

[62311] Fix | Delete

value,

[62312] Fix | Delete

onChange,

[62313] Fix | Delete

onClose

[62314] Fix | Delete

}) {

[62315] Fix | Delete

if (!onClose && !value) {

[62316] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(icons_build_module_icon, {

[62317] Fix | Delete

icon: library_search

[62318] Fix | Delete

});

[62319] Fix | Delete

}

[62320] Fix | Delete

const onReset = () => {

[62321] Fix | Delete

onChange('');

[62322] Fix | Delete

searchRef.current?.focus();

[62323] Fix | Delete

};

[62324] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_button, {

[62325] Fix | Delete

size: "small",

[62326] Fix | Delete

icon: close_small,

[62327] Fix | Delete

label: onClose ? (0,external_wp_i18n_namespaceObject.__)('Close search') : (0,external_wp_i18n_namespaceObject.__)('Reset search'),

[62328] Fix | Delete

onClick: onClose !== null && onClose !== void 0 ? onClose : onReset

[62329] Fix | Delete

});

[62330] Fix | Delete

}

[62331] Fix | Delete

function UnforwardedSearchControl({

[62332] Fix | Delete

__nextHasNoMarginBottom = false,

[62333] Fix | Delete

className,

[62334] Fix | Delete

onChange,

[62335] Fix | Delete

value,

[62336] Fix | Delete

label = (0,external_wp_i18n_namespaceObject.__)('Search'),

[62337] Fix | Delete

placeholder = (0,external_wp_i18n_namespaceObject.__)('Search'),

[62338] Fix | Delete

hideLabelFromVision = true,

[62339] Fix | Delete

onClose,

[62340] Fix | Delete

size = 'default',

[62341] Fix | Delete

...restProps

[62342] Fix | Delete

}, forwardedRef) {

[62343] Fix | Delete

// @ts-expect-error The `disabled` prop is not yet supported in the SearchControl component.

[62344] Fix | Delete

// Work with the design team (@WordPress/gutenberg-design) if you need this feature.

[62345] Fix | Delete

delete restProps.disabled;

[62346] Fix | Delete

const searchRef = (0,external_wp_element_namespaceObject.useRef)(null);

[62347] Fix | Delete

const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(SearchControl, 'components-search-control');

[62348] Fix | Delete

const contextValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({

[62349] Fix | Delete

// Overrides the underlying BaseControl `__nextHasNoMarginBottom` via the context system

[62350] Fix | Delete

// to provide backwards compatibile margin for SearchControl.

[62351] Fix | Delete

// (In a standard InputControl, the BaseControl `__nextHasNoMarginBottom` is always set to true.)

[62352] Fix | Delete

BaseControl: {

[62353] Fix | Delete

_overrides: {

[62354] Fix | Delete

__nextHasNoMarginBottom

[62355] Fix | Delete

}

[62356] Fix | Delete

},

[62357] Fix | Delete

// `isBorderless` is still experimental and not a public prop for InputControl yet.

[62358] Fix | Delete

InputBase: {

[62359] Fix | Delete

isBorderless: true

[62360] Fix | Delete

}

[62361] Fix | Delete

}), [__nextHasNoMarginBottom]);

[62362] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ContextSystemProvider, {

[62363] Fix | Delete

value: contextValue,

[62364] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(StyledInputControl, {

[62365] Fix | Delete

__next40pxDefaultSize: true,

[62366] Fix | Delete

id: instanceId,

[62367] Fix | Delete

hideLabelFromVision: hideLabelFromVision,

[62368] Fix | Delete

label: label,

[62369] Fix | Delete

ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([searchRef, forwardedRef]),

[62370] Fix | Delete

type: "search",

[62371] Fix | Delete

size: size,

[62372] Fix | Delete

className: dist_clsx('components-search-control', className),

[62373] Fix | Delete

onChange: nextValue => onChange(nextValue !== null && nextValue !== void 0 ? nextValue : ''),

[62374] Fix | Delete

autoComplete: "off",

[62375] Fix | Delete

placeholder: placeholder,

[62376] Fix | Delete

value: value !== null && value !== void 0 ? value : '',

[62377] Fix | Delete

suffix: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SuffixItemWrapper, {

[62378] Fix | Delete

size: size,

[62379] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SuffixItem, {

[62380] Fix | Delete

searchRef: searchRef,

[62381] Fix | Delete

value: value,

[62382] Fix | Delete

onChange: onChange,

[62383] Fix | Delete

onClose: onClose

[62384] Fix | Delete

})

[62385] Fix | Delete

}),

[62386] Fix | Delete

...restProps

[62387] Fix | Delete

})

[62388] Fix | Delete

});

[62389] Fix | Delete

}

[62390] Fix | Delete

[62391] Fix | Delete

/**

[62392] Fix | Delete

* SearchControl components let users display a search control.

[62393] Fix | Delete

*

[62394] Fix | Delete

* ```jsx

[62395] Fix | Delete

* import { SearchControl } from '@wordpress/components';

[62396] Fix | Delete

* import { useState } from '@wordpress/element';

[62397] Fix | Delete

*

[62398] Fix | Delete

* function MySearchControl( { className, setState } ) {

[62399] Fix | Delete

* const [ searchInput, setSearchInput ] = useState( '' );

[62400] Fix | Delete

*

[62401] Fix | Delete

* return (

[62402] Fix | Delete

* <SearchControl

[62403] Fix | Delete

* __nextHasNoMarginBottom

[62404] Fix | Delete

* value={ searchInput }

[62405] Fix | Delete

* onChange={ setSearchInput }

[62406] Fix | Delete

* />

[62407] Fix | Delete

* );

[62408] Fix | Delete

* }

[62409] Fix | Delete

* ```

[62410] Fix | Delete

*/

[62411] Fix | Delete

const SearchControl = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedSearchControl);

[62412] Fix | Delete

/* harmony default export */ const search_control = (SearchControl);

[62413] Fix | Delete

[62414] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigation/menu/menu-title-search.js

[62415] Fix | Delete

/**

[62416] Fix | Delete

* WordPress dependencies

[62417] Fix | Delete

*/

[62418] Fix | Delete

[62419] Fix | Delete

[62420] Fix | Delete

[62421] Fix | Delete

/**

[62422] Fix | Delete

* Internal dependencies

[62423] Fix | Delete

*/

[62424] Fix | Delete

[62425] Fix | Delete

[62426] Fix | Delete

[62427] Fix | Delete

[62428] Fix | Delete

[62429] Fix | Delete

[62430] Fix | Delete

[62431] Fix | Delete

function MenuTitleSearch({

[62432] Fix | Delete

debouncedSpeak,

[62433] Fix | Delete

onCloseSearch,

[62434] Fix | Delete

onSearch,

[62435] Fix | Delete

search,

[62436] Fix | Delete

title

[62437] Fix | Delete

}) {

[62438] Fix | Delete

const {

[62439] Fix | Delete

navigationTree: {

[62440] Fix | Delete

items

[62441] Fix | Delete

}

[62442] Fix | Delete

} = useNavigationContext();

[62443] Fix | Delete

const {

[62444] Fix | Delete

menu

[62445] Fix | Delete

} = useNavigationMenuContext();

[62446] Fix | Delete

const inputRef = (0,external_wp_element_namespaceObject.useRef)(null);

[62447] Fix | Delete

[62448] Fix | Delete

// Wait for the slide-in animation to complete before autofocusing the input.

[62449] Fix | Delete

// This prevents scrolling to the input during the animation.

[62450] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[62451] Fix | Delete

const delayedFocus = setTimeout(() => {

[62452] Fix | Delete

inputRef.current?.focus();

[62453] Fix | Delete

}, SEARCH_FOCUS_DELAY);

[62454] Fix | Delete

return () => {

[62455] Fix | Delete

clearTimeout(delayedFocus);

[62456] Fix | Delete

};

[62457] Fix | Delete

}, []);

[62458] Fix | Delete

(0,external_wp_element_namespaceObject.useEffect)(() => {

[62459] Fix | Delete

if (!search) {

[62460] Fix | Delete

return;

[62461] Fix | Delete

}

[62462] Fix | Delete

const count = Object.values(items).filter(item => item._isVisible).length;

[62463] Fix | Delete

const resultsFoundMessage = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %d: number of results. */

[62464] Fix | Delete

(0,external_wp_i18n_namespaceObject._n)('%d result found.', '%d results found.', count), count);

[62465] Fix | Delete

debouncedSpeak(resultsFoundMessage);

[62466] Fix | Delete

// Ignore exhaustive-deps rule for now. See https://github.com/WordPress/gutenberg/pull/44090

[62467] Fix | Delete

// eslint-disable-next-line react-hooks/exhaustive-deps

[62468] Fix | Delete

}, [items, search]);

[62469] Fix | Delete

const onClose = () => {

[62470] Fix | Delete

onSearch?.('');

[62471] Fix | Delete

onCloseSearch();

[62472] Fix | Delete

};

[62473] Fix | Delete

const onKeyDown = event => {

[62474] Fix | Delete

if (event.code === 'Escape' && !event.defaultPrevented) {

[62475] Fix | Delete

event.preventDefault();

[62476] Fix | Delete

onClose();

[62477] Fix | Delete

}

[62478] Fix | Delete

};

[62479] Fix | Delete

const inputId = `components-navigation__menu-title-search-${menu}`;

[62480] Fix | Delete

const placeholder = (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: placeholder for menu search box. %s: menu title */

[62481] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('Search %s'), title?.toLowerCase()).trim();

[62482] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MenuTitleSearchControlWrapper, {

[62483] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(search_control, {

[62484] Fix | Delete

__nextHasNoMarginBottom: true,

[62485] Fix | Delete

className: "components-navigation__menu-search-input",

[62486] Fix | Delete

id: inputId,

[62487] Fix | Delete

onChange: value => onSearch?.(value),

[62488] Fix | Delete

onKeyDown: onKeyDown,

[62489] Fix | Delete

placeholder: placeholder,

[62490] Fix | Delete

onClose: onClose,

[62491] Fix | Delete

ref: inputRef,

[62492] Fix | Delete

value: search

[62493] Fix | Delete

})

[62494] Fix | Delete

});

[62495] Fix | Delete

}

[62496] Fix | Delete

/* harmony default export */ const menu_title_search = (with_spoken_messages(MenuTitleSearch));

[62497] Fix | Delete

[62498] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigation/menu/menu-title.js

[62499] Fix | Delete