var index = 0;

[63000] Fix | Delete

var execResult = groupsRegex.exec(path.source);

[63001] Fix | Delete

while (execResult) {

[63002] Fix | Delete

keys.push({

[63003] Fix | Delete

// Use parenthesized substring match if available, index otherwise

[63004] Fix | Delete

name: execResult[1] || index++,

[63005] Fix | Delete

prefix: "",

[63006] Fix | Delete

suffix: "",

[63007] Fix | Delete

modifier: "",

[63008] Fix | Delete

pattern: "",

[63009] Fix | Delete

});

[63010] Fix | Delete

execResult = groupsRegex.exec(path.source);

[63011] Fix | Delete

}

[63012] Fix | Delete

return path;

[63013] Fix | Delete

}

[63014] Fix | Delete

/**

[63015] Fix | Delete

* Transform an array into a regexp.

[63016] Fix | Delete

*/

[63017] Fix | Delete

function arrayToRegexp(paths, keys, options) {

[63018] Fix | Delete

var parts = paths.map(function (path) { return pathToRegexp(path, keys, options).source; });

[63019] Fix | Delete

return new RegExp("(?:".concat(parts.join("|"), ")"), flags(options));

[63020] Fix | Delete

}

[63021] Fix | Delete

/**

[63022] Fix | Delete

* Create a path regexp from string input.

[63023] Fix | Delete

*/

[63024] Fix | Delete

function stringToRegexp(path, keys, options) {

[63025] Fix | Delete

return tokensToRegexp(dist_es2015_parse(path, options), keys, options);

[63026] Fix | Delete

}

[63027] Fix | Delete

/**

[63028] Fix | Delete

* Expose a function for taking tokens and returning a RegExp.

[63029] Fix | Delete

*/

[63030] Fix | Delete

function tokensToRegexp(tokens, keys, options) {

[63031] Fix | Delete

if (options === void 0) { options = {}; }

[63032] Fix | Delete

var _a = options.strict, strict = _a === void 0 ? false : _a, _b = options.start, start = _b === void 0 ? true : _b, _c = options.end, end = _c === void 0 ? true : _c, _d = options.encode, encode = _d === void 0 ? function (x) { return x; } : _d, _e = options.delimiter, delimiter = _e === void 0 ? "/#?" : _e, _f = options.endsWith, endsWith = _f === void 0 ? "" : _f;

[63033] Fix | Delete

var endsWithRe = "[".concat(escapeString(endsWith), "]|$");

[63034] Fix | Delete

var delimiterRe = "[".concat(escapeString(delimiter), "]");

[63035] Fix | Delete

var route = start ? "^" : "";

[63036] Fix | Delete

// Iterate over the tokens and create our regexp string.

[63037] Fix | Delete

for (var _i = 0, tokens_1 = tokens; _i < tokens_1.length; _i++) {

[63038] Fix | Delete

var token = tokens_1[_i];

[63039] Fix | Delete

if (typeof token === "string") {

[63040] Fix | Delete

route += escapeString(encode(token));

[63041] Fix | Delete

}

[63042] Fix | Delete

else {

[63043] Fix | Delete

var prefix = escapeString(encode(token.prefix));

[63044] Fix | Delete

var suffix = escapeString(encode(token.suffix));

[63045] Fix | Delete

if (token.pattern) {

[63046] Fix | Delete

if (keys)

[63047] Fix | Delete

keys.push(token);

[63048] Fix | Delete

if (prefix || suffix) {

[63049] Fix | Delete

if (token.modifier === "+" || token.modifier === "*") {

[63050] Fix | Delete

var mod = token.modifier === "*" ? "?" : "";

[63051] Fix | Delete

route += "(?:".concat(prefix, "((?:").concat(token.pattern, ")(?:").concat(suffix).concat(prefix, "(?:").concat(token.pattern, "))*)").concat(suffix, ")").concat(mod);

[63052] Fix | Delete

}

[63053] Fix | Delete

else {

[63054] Fix | Delete

route += "(?:".concat(prefix, "(").concat(token.pattern, ")").concat(suffix, ")").concat(token.modifier);

[63055] Fix | Delete

}

[63056] Fix | Delete

}

[63057] Fix | Delete

else {

[63058] Fix | Delete

if (token.modifier === "+" || token.modifier === "*") {

[63059] Fix | Delete

route += "((?:".concat(token.pattern, ")").concat(token.modifier, ")");

[63060] Fix | Delete

}

[63061] Fix | Delete

else {

[63062] Fix | Delete

route += "(".concat(token.pattern, ")").concat(token.modifier);

[63063] Fix | Delete

}

[63064] Fix | Delete

}

[63065] Fix | Delete

}

[63066] Fix | Delete

else {

[63067] Fix | Delete

route += "(?:".concat(prefix).concat(suffix, ")").concat(token.modifier);

[63068] Fix | Delete

}

[63069] Fix | Delete

}

[63070] Fix | Delete

}

[63071] Fix | Delete

if (end) {

[63072] Fix | Delete

if (!strict)

[63073] Fix | Delete

route += "".concat(delimiterRe, "?");

[63074] Fix | Delete

route += !options.endsWith ? "$" : "(?=".concat(endsWithRe, ")");

[63075] Fix | Delete

}

[63076] Fix | Delete

else {

[63077] Fix | Delete

var endToken = tokens[tokens.length - 1];

[63078] Fix | Delete

var isEndDelimited = typeof endToken === "string"

[63079] Fix | Delete

? delimiterRe.indexOf(endToken[endToken.length - 1]) > -1

[63080] Fix | Delete

: endToken === undefined;

[63081] Fix | Delete

if (!strict) {

[63082] Fix | Delete

route += "(?:".concat(delimiterRe, "(?=").concat(endsWithRe, "))?");

[63083] Fix | Delete

}

[63084] Fix | Delete

if (!isEndDelimited) {

[63085] Fix | Delete

route += "(?=".concat(delimiterRe, "|").concat(endsWithRe, ")");

[63086] Fix | Delete

}

[63087] Fix | Delete

}

[63088] Fix | Delete

return new RegExp(route, flags(options));

[63089] Fix | Delete

}

[63090] Fix | Delete

/**

[63091] Fix | Delete

* Normalize the given path string, returning a regular expression.

[63092] Fix | Delete

*

[63093] Fix | Delete

* An empty array can be passed in for the keys, which will hold the

[63094] Fix | Delete

* placeholder key descriptions. For example, using `/user/:id`, `keys` will

[63095] Fix | Delete

* contain `[{ name: 'id', delimiter: '/', optional: false, repeat: false }]`.

[63096] Fix | Delete

*/

[63097] Fix | Delete

function pathToRegexp(path, keys, options) {

[63098] Fix | Delete

if (path instanceof RegExp)

[63099] Fix | Delete

return regexpToRegexp(path, keys);

[63100] Fix | Delete

if (Array.isArray(path))

[63101] Fix | Delete

return arrayToRegexp(path, keys, options);

[63102] Fix | Delete

return stringToRegexp(path, keys, options);

[63103] Fix | Delete

}

[63104] Fix | Delete

[63105] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigator/utils/router.js

[63106] Fix | Delete

/**

[63107] Fix | Delete

* External dependencies

[63108] Fix | Delete

*/

[63109] Fix | Delete

[63110] Fix | Delete

[63111] Fix | Delete

/**

[63112] Fix | Delete

* Internal dependencies

[63113] Fix | Delete

*/

[63114] Fix | Delete

[63115] Fix | Delete

function matchPath(path, pattern) {

[63116] Fix | Delete

const matchingFunction = dist_es2015_match(pattern, {

[63117] Fix | Delete

decode: decodeURIComponent

[63118] Fix | Delete

});

[63119] Fix | Delete

return matchingFunction(path);

[63120] Fix | Delete

}

[63121] Fix | Delete

function patternMatch(path, screens) {

[63122] Fix | Delete

for (const screen of screens) {

[63123] Fix | Delete

const matched = matchPath(path, screen.path);

[63124] Fix | Delete

if (matched) {

[63125] Fix | Delete

return {

[63126] Fix | Delete

params: matched.params,

[63127] Fix | Delete

id: screen.id

[63128] Fix | Delete

};

[63129] Fix | Delete

}

[63130] Fix | Delete

}

[63131] Fix | Delete

return undefined;

[63132] Fix | Delete

}

[63133] Fix | Delete

function findParent(path, screens) {

[63134] Fix | Delete

if (!path.startsWith('/')) {

[63135] Fix | Delete

return undefined;

[63136] Fix | Delete

}

[63137] Fix | Delete

const pathParts = path.split('/');

[63138] Fix | Delete

let parentPath;

[63139] Fix | Delete

while (pathParts.length > 1 && parentPath === undefined) {

[63140] Fix | Delete

pathParts.pop();

[63141] Fix | Delete

const potentialParentPath = pathParts.join('/') === '' ? '/' : pathParts.join('/');

[63142] Fix | Delete

if (screens.find(screen => {

[63143] Fix | Delete

return matchPath(potentialParentPath, screen.path) !== false;

[63144] Fix | Delete

})) {

[63145] Fix | Delete

parentPath = potentialParentPath;

[63146] Fix | Delete

}

[63147] Fix | Delete

}

[63148] Fix | Delete

return parentPath;

[63149] Fix | Delete

}

[63150] Fix | Delete

[63151] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigator/context.js

[63152] Fix | Delete

/**

[63153] Fix | Delete

* WordPress dependencies

[63154] Fix | Delete

*/

[63155] Fix | Delete

[63156] Fix | Delete

[63157] Fix | Delete

/**

[63158] Fix | Delete

* Internal dependencies

[63159] Fix | Delete

*/

[63160] Fix | Delete

[63161] Fix | Delete

const context_initialContextValue = {

[63162] Fix | Delete

location: {},

[63163] Fix | Delete

goTo: () => {},

[63164] Fix | Delete

goBack: () => {},

[63165] Fix | Delete

goToParent: () => {},

[63166] Fix | Delete

addScreen: () => {},

[63167] Fix | Delete

removeScreen: () => {},

[63168] Fix | Delete

params: {}

[63169] Fix | Delete

};

[63170] Fix | Delete

const NavigatorContext = (0,external_wp_element_namespaceObject.createContext)(context_initialContextValue);

[63171] Fix | Delete

[63172] Fix | Delete

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

[63173] Fix | Delete

function navigator_styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }

[63174] Fix | Delete

/**

[63175] Fix | Delete

* External dependencies

[63176] Fix | Delete

*/

[63177] Fix | Delete

[63178] Fix | Delete

const navigatorProviderWrapper = true ? {

[63179] Fix | Delete

name: "xpkswc",

[63180] Fix | Delete

styles: "overflow-x:hidden;contain:content"

[63181] Fix | Delete

} : 0;

[63182] Fix | Delete

const fadeInFromRight = emotion_react_browser_esm_keyframes({

[63183] Fix | Delete

'0%': {

[63184] Fix | Delete

opacity: 0,

[63185] Fix | Delete

transform: `translateX( 50px )`

[63186] Fix | Delete

},

[63187] Fix | Delete

'100%': {

[63188] Fix | Delete

opacity: 1,

[63189] Fix | Delete

transform: 'none'

[63190] Fix | Delete

}

[63191] Fix | Delete

});

[63192] Fix | Delete

const fadeInFromLeft = emotion_react_browser_esm_keyframes({

[63193] Fix | Delete

'0%': {

[63194] Fix | Delete

opacity: 0,

[63195] Fix | Delete

transform: `translateX( -50px )`

[63196] Fix | Delete

},

[63197] Fix | Delete

'100%': {

[63198] Fix | Delete

opacity: 1,

[63199] Fix | Delete

transform: 'none'

[63200] Fix | Delete

}

[63201] Fix | Delete

});

[63202] Fix | Delete

const navigatorScreenAnimation = ({

[63203] Fix | Delete

isInitial,

[63204] Fix | Delete

isBack,

[63205] Fix | Delete

isRTL

[63206] Fix | Delete

}) => {

[63207] Fix | Delete

if (isInitial && !isBack) {

[63208] Fix | Delete

return;

[63209] Fix | Delete

}

[63210] Fix | Delete

const animationName = isRTL && isBack || !isRTL && !isBack ? fadeInFromRight : fadeInFromLeft;

[63211] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css("animation-duration:0.14s;animation-timing-function:ease-in-out;will-change:transform,opacity;animation-name:", animationName, ";@media ( prefers-reduced-motion ){animation-duration:0s;}" + ( true ? "" : 0), true ? "" : 0);

[63212] Fix | Delete

};

[63213] Fix | Delete

const navigatorScreen = props => /*#__PURE__*/emotion_react_browser_esm_css("overflow-x:auto;max-height:100%;", navigatorScreenAnimation(props), ";" + ( true ? "" : 0), true ? "" : 0);

[63214] Fix | Delete

[63215] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigator/navigator-provider/component.js

[63216] Fix | Delete

/**

[63217] Fix | Delete

* External dependencies

[63218] Fix | Delete

*/

[63219] Fix | Delete

[63220] Fix | Delete

/**

[63221] Fix | Delete

* WordPress dependencies

[63222] Fix | Delete

*/

[63223] Fix | Delete

[63224] Fix | Delete

[63225] Fix | Delete

[63226] Fix | Delete

/**

[63227] Fix | Delete

* Internal dependencies

[63228] Fix | Delete

*/

[63229] Fix | Delete

[63230] Fix | Delete

[63231] Fix | Delete

[63232] Fix | Delete

[63233] Fix | Delete

[63234] Fix | Delete

[63235] Fix | Delete

[63236] Fix | Delete

[63237] Fix | Delete

const MAX_HISTORY_LENGTH = 50;

[63238] Fix | Delete

function addScreen({

[63239] Fix | Delete

screens

[63240] Fix | Delete

}, screen) {

[63241] Fix | Delete

return [...screens, screen];

[63242] Fix | Delete

}

[63243] Fix | Delete

function removeScreen({

[63244] Fix | Delete

screens

[63245] Fix | Delete

}, screen) {

[63246] Fix | Delete

return screens.filter(s => s.id !== screen.id);

[63247] Fix | Delete

}

[63248] Fix | Delete

function goBack({

[63249] Fix | Delete

locationHistory

[63250] Fix | Delete

}) {

[63251] Fix | Delete

if (locationHistory.length <= 1) {

[63252] Fix | Delete

return locationHistory;

[63253] Fix | Delete

}

[63254] Fix | Delete

return [...locationHistory.slice(0, -2), {

[63255] Fix | Delete

...locationHistory[locationHistory.length - 2],

[63256] Fix | Delete

isBack: true,

[63257] Fix | Delete

hasRestoredFocus: false

[63258] Fix | Delete

}];

[63259] Fix | Delete

}

[63260] Fix | Delete

function goTo(state, path, options = {}) {

[63261] Fix | Delete

const {

[63262] Fix | Delete

locationHistory

[63263] Fix | Delete

} = state;

[63264] Fix | Delete

const {

[63265] Fix | Delete

focusTargetSelector,

[63266] Fix | Delete

isBack = false,

[63267] Fix | Delete

skipFocus = false,

[63268] Fix | Delete

replace = false,

[63269] Fix | Delete

...restOptions

[63270] Fix | Delete

} = options;

[63271] Fix | Delete

const isNavigatingToSamePath = locationHistory.length > 0 && locationHistory[locationHistory.length - 1].path === path;

[63272] Fix | Delete

if (isNavigatingToSamePath) {

[63273] Fix | Delete

return locationHistory;

[63274] Fix | Delete

}

[63275] Fix | Delete

const isNavigatingToPreviousPath = isBack && locationHistory.length > 1 && locationHistory[locationHistory.length - 2].path === path;

[63276] Fix | Delete

if (isNavigatingToPreviousPath) {

[63277] Fix | Delete

return goBack(state);

[63278] Fix | Delete

}

[63279] Fix | Delete

const newLocation = {

[63280] Fix | Delete

...restOptions,

[63281] Fix | Delete

path,

[63282] Fix | Delete

isBack,

[63283] Fix | Delete

hasRestoredFocus: false,

[63284] Fix | Delete

skipFocus

[63285] Fix | Delete

};

[63286] Fix | Delete

if (locationHistory.length === 0) {

[63287] Fix | Delete

return replace ? [] : [newLocation];

[63288] Fix | Delete

}

[63289] Fix | Delete

const newLocationHistory = locationHistory.slice(locationHistory.length > MAX_HISTORY_LENGTH - 1 ? 1 : 0, -1);

[63290] Fix | Delete

if (!replace) {

[63291] Fix | Delete

newLocationHistory.push(

[63292] Fix | Delete

// Assign `focusTargetSelector` to the previous location in history

[63293] Fix | Delete

// (the one we just navigated from).

[63294] Fix | Delete

{

[63295] Fix | Delete

...locationHistory[locationHistory.length - 1],

[63296] Fix | Delete

focusTargetSelector

[63297] Fix | Delete

});

[63298] Fix | Delete

}

[63299] Fix | Delete

newLocationHistory.push(newLocation);

[63300] Fix | Delete

return newLocationHistory;

[63301] Fix | Delete

}

[63302] Fix | Delete

function goToParent(state, options = {}) {

[63303] Fix | Delete

const {

[63304] Fix | Delete

locationHistory,

[63305] Fix | Delete

screens

[63306] Fix | Delete

} = state;

[63307] Fix | Delete

const currentPath = locationHistory[locationHistory.length - 1].path;

[63308] Fix | Delete

if (currentPath === undefined) {

[63309] Fix | Delete

return locationHistory;

[63310] Fix | Delete

}

[63311] Fix | Delete

const parentPath = findParent(currentPath, screens);

[63312] Fix | Delete

if (parentPath === undefined) {

[63313] Fix | Delete

return locationHistory;

[63314] Fix | Delete

}

[63315] Fix | Delete

return goTo(state, parentPath, {

[63316] Fix | Delete

...options,

[63317] Fix | Delete

isBack: true

[63318] Fix | Delete

});

[63319] Fix | Delete

}

[63320] Fix | Delete

function routerReducer(state, action) {

[63321] Fix | Delete

let {

[63322] Fix | Delete

screens,

[63323] Fix | Delete

locationHistory,

[63324] Fix | Delete

matchedPath

[63325] Fix | Delete

} = state;

[63326] Fix | Delete

switch (action.type) {

[63327] Fix | Delete

case 'add':

[63328] Fix | Delete

screens = addScreen(state, action.screen);

[63329] Fix | Delete

break;

[63330] Fix | Delete

case 'remove':

[63331] Fix | Delete

screens = removeScreen(state, action.screen);

[63332] Fix | Delete

break;

[63333] Fix | Delete

case 'goback':

[63334] Fix | Delete

locationHistory = goBack(state);

[63335] Fix | Delete

break;

[63336] Fix | Delete

case 'goto':

[63337] Fix | Delete

locationHistory = goTo(state, action.path, action.options);

[63338] Fix | Delete

break;

[63339] Fix | Delete

case 'gotoparent':

[63340] Fix | Delete

locationHistory = goToParent(state, action.options);

[63341] Fix | Delete

break;

[63342] Fix | Delete

}

[63343] Fix | Delete

[63344] Fix | Delete

// Return early in case there is no change

[63345] Fix | Delete

if (screens === state.screens && locationHistory === state.locationHistory) {

[63346] Fix | Delete

return state;

[63347] Fix | Delete

}

[63348] Fix | Delete

[63349] Fix | Delete

// Compute the matchedPath

[63350] Fix | Delete

const currentPath = locationHistory.length > 0 ? locationHistory[locationHistory.length - 1].path : undefined;

[63351] Fix | Delete

matchedPath = currentPath !== undefined ? patternMatch(currentPath, screens) : undefined;

[63352] Fix | Delete

[63353] Fix | Delete

// If the new match is the same as the previous match,

[63354] Fix | Delete

// return the previous one to keep immutability.

[63355] Fix | Delete

if (matchedPath && state.matchedPath && matchedPath.id === state.matchedPath.id && external_wp_isShallowEqual_default()(matchedPath.params, state.matchedPath.params)) {

[63356] Fix | Delete

matchedPath = state.matchedPath;

[63357] Fix | Delete

}

[63358] Fix | Delete

return {

[63359] Fix | Delete

screens,

[63360] Fix | Delete

locationHistory,

[63361] Fix | Delete

matchedPath

[63362] Fix | Delete

};

[63363] Fix | Delete

}

[63364] Fix | Delete

function UnconnectedNavigatorProvider(props, forwardedRef) {

[63365] Fix | Delete

const {

[63366] Fix | Delete

initialPath,

[63367] Fix | Delete

children,

[63368] Fix | Delete

className,

[63369] Fix | Delete

...otherProps

[63370] Fix | Delete

} = useContextSystem(props, 'NavigatorProvider');

[63371] Fix | Delete

const [routerState, dispatch] = (0,external_wp_element_namespaceObject.useReducer)(routerReducer, initialPath, path => ({

[63372] Fix | Delete

screens: [],

[63373] Fix | Delete

locationHistory: [{

[63374] Fix | Delete

path

[63375] Fix | Delete

}],

[63376] Fix | Delete

matchedPath: undefined

[63377] Fix | Delete

}));

[63378] Fix | Delete

[63379] Fix | Delete

// The methods are constant forever, create stable references to them.

[63380] Fix | Delete

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

[63381] Fix | Delete

goBack: () => dispatch({

[63382] Fix | Delete

type: 'goback'

[63383] Fix | Delete

}),

[63384] Fix | Delete

goTo: (path, options) => dispatch({

[63385] Fix | Delete

type: 'goto',

[63386] Fix | Delete

path,

[63387] Fix | Delete

options

[63388] Fix | Delete

}),

[63389] Fix | Delete

goToParent: options => dispatch({

[63390] Fix | Delete

type: 'gotoparent',

[63391] Fix | Delete

options

[63392] Fix | Delete

}),

[63393] Fix | Delete

addScreen: screen => dispatch({

[63394] Fix | Delete

type: 'add',

[63395] Fix | Delete

screen

[63396] Fix | Delete

}),

[63397] Fix | Delete

removeScreen: screen => dispatch({

[63398] Fix | Delete

type: 'remove',

[63399] Fix | Delete

screen

[63400] Fix | Delete

})

[63401] Fix | Delete

}), []);

[63402] Fix | Delete

const {

[63403] Fix | Delete

locationHistory,

[63404] Fix | Delete

matchedPath

[63405] Fix | Delete

} = routerState;

[63406] Fix | Delete

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

[63407] Fix | Delete

var _matchedPath$params;

[63408] Fix | Delete

return {

[63409] Fix | Delete

location: {

[63410] Fix | Delete

...locationHistory[locationHistory.length - 1],

[63411] Fix | Delete

isInitial: locationHistory.length === 1

[63412] Fix | Delete

},

[63413] Fix | Delete

params: (_matchedPath$params = matchedPath?.params) !== null && _matchedPath$params !== void 0 ? _matchedPath$params : {},

[63414] Fix | Delete

match: matchedPath?.id,

[63415] Fix | Delete

...methods

[63416] Fix | Delete

};

[63417] Fix | Delete

}, [locationHistory, matchedPath, methods]);

[63418] Fix | Delete

const cx = useCx();

[63419] Fix | Delete

const classes = (0,external_wp_element_namespaceObject.useMemo)(() => cx(navigatorProviderWrapper, className), [className, cx]);

[63420] Fix | Delete

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

[63421] Fix | Delete

ref: forwardedRef,

[63422] Fix | Delete

className: classes,

[63423] Fix | Delete

...otherProps,

[63424] Fix | Delete

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

[63425] Fix | Delete

value: navigatorContextValue,

[63426] Fix | Delete

children: children

[63427] Fix | Delete

})

[63428] Fix | Delete

});

[63429] Fix | Delete

}

[63430] Fix | Delete

[63431] Fix | Delete

/**

[63432] Fix | Delete

* The `NavigatorProvider` component allows rendering nested views/panels/menus

[63433] Fix | Delete

* (via the `NavigatorScreen` component and navigate between these different

[63434] Fix | Delete

* view (via the `NavigatorButton` and `NavigatorBackButton` components or the

[63435] Fix | Delete

* `useNavigator` hook).

[63436] Fix | Delete

*

[63437] Fix | Delete

* ```jsx

[63438] Fix | Delete

* import {

[63439] Fix | Delete

* __experimentalNavigatorProvider as NavigatorProvider,

[63440] Fix | Delete

* __experimentalNavigatorScreen as NavigatorScreen,

[63441] Fix | Delete

* __experimentalNavigatorButton as NavigatorButton,

[63442] Fix | Delete

* __experimentalNavigatorBackButton as NavigatorBackButton,

[63443] Fix | Delete

* } from '@wordpress/components';

[63444] Fix | Delete

*

[63445] Fix | Delete

* const MyNavigation = () => (

[63446] Fix | Delete

* <NavigatorProvider initialPath="/">

[63447] Fix | Delete

* <NavigatorScreen path="/">

[63448] Fix | Delete

* <p>This is the home screen.</p>

[63449] Fix | Delete

* <NavigatorButton path="/child">

[63450] Fix | Delete

* Navigate to child screen.

[63451] Fix | Delete

* </NavigatorButton>

[63452] Fix | Delete

* </NavigatorScreen>

[63453] Fix | Delete

*

[63454] Fix | Delete

* <NavigatorScreen path="/child">

[63455] Fix | Delete

* <p>This is the child screen.</p>

[63456] Fix | Delete

* <NavigatorBackButton>

[63457] Fix | Delete

* Go back

[63458] Fix | Delete

* </NavigatorBackButton>

[63459] Fix | Delete

* </NavigatorScreen>

[63460] Fix | Delete

* </NavigatorProvider>

[63461] Fix | Delete

* );

[63462] Fix | Delete

* ```

[63463] Fix | Delete

*/

[63464] Fix | Delete

const NavigatorProvider = contextConnect(UnconnectedNavigatorProvider, 'NavigatorProvider');

[63465] Fix | Delete

/* harmony default export */ const navigator_provider_component = (NavigatorProvider);

[63466] Fix | Delete

[63467] Fix | Delete

;// CONCATENATED MODULE: external ["wp","escapeHtml"]

[63468] Fix | Delete

const external_wp_escapeHtml_namespaceObject = window["wp"]["escapeHtml"];

[63469] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigator/navigator-screen/component.js

[63470] Fix | Delete

/**

[63471] Fix | Delete

* External dependencies

[63472] Fix | Delete

*/

[63473] Fix | Delete

[63474] Fix | Delete

/**

[63475] Fix | Delete

* WordPress dependencies

[63476] Fix | Delete

*/

[63477] Fix | Delete

[63478] Fix | Delete

[63479] Fix | Delete

[63480] Fix | Delete

[63481] Fix | Delete

[63482] Fix | Delete

[63483] Fix | Delete

/**

[63484] Fix | Delete

* Internal dependencies

[63485] Fix | Delete

*/

[63486] Fix | Delete

[63487] Fix | Delete

[63488] Fix | Delete

[63489] Fix | Delete

[63490] Fix | Delete

[63491] Fix | Delete

[63492] Fix | Delete

[63493] Fix | Delete

function UnconnectedNavigatorScreen(props, forwardedRef) {

[63494] Fix | Delete

const screenId = (0,external_wp_element_namespaceObject.useId)();

[63495] Fix | Delete

const {

[63496] Fix | Delete

children,

[63497] Fix | Delete

className,

[63498] Fix | Delete

path,

[63499] Fix | Delete