: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
const InputControlPrefixWrapper = contextConnect(UnconnectedInputControlPrefixWrapper, 'InputControlPrefixWrapper');
/* harmony default export */ const input_prefix_wrapper = (InputControlPrefixWrapper);
;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/keyboard-shortcuts/index.js
function KeyboardShortcut({
(0,external_wp_compose_namespaceObject.useKeyboardShortcut)(shortcut, callback, {
* `KeyboardShortcuts` is a component which handles keyboard sequences during the lifetime of the rendering element.
* When passed children, it will capture key events which occur on or within the children. If no children are passed, events are captured on the document.
* It uses the [Mousetrap](https://craig.is/killing/mice) library to implement keyboard sequence bindings.
* import { KeyboardShortcuts } from '@wordpress/components';
* import { useState } from '@wordpress/element';
* const MyKeyboardShortcuts = () => {
* const [ isAllSelected, setIsAllSelected ] = useState( false );
* const selectAll = () => {
* setIsAllSelected( true );
* [cmd/ctrl + A] Combination pressed? { isAllSelected ? 'Yes' : 'No' }
function KeyboardShortcuts({
const target = (0,external_wp_element_namespaceObject.useRef)(null);
const element = Object.entries(shortcuts !== null && shortcuts !== void 0 ? shortcuts : {}).map(([shortcut, callback]) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(KeyboardShortcut, {
// Render as non-visual if there are no children pressed. Keyboard
// events will be bound to the document instead.
if (!external_wp_element_namespaceObject.Children.count(children)) {
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
children: [element, children]
/* harmony default export */ const keyboard_shortcuts = (KeyboardShortcuts);
;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/menu-group/index.js
* `MenuGroup` wraps a series of related `MenuItem` components into a common
* import { MenuGroup, MenuItem } from '@wordpress/components';
* const MyMenuGroup = () => (
* <MenuGroup label="Settings">
* <MenuItem>Setting 1</MenuItem>
* <MenuItem>Setting 2</MenuItem>
function MenuGroup(props) {
const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(MenuGroup);
if (!external_wp_element_namespaceObject.Children.count(children)) {
const labelId = `components-menu-group-label-${instanceId}`;
const classNames = dist_clsx(className, 'components-menu-group', {
'has-hidden-separator': hideSeparator
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
children: [label && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
className: "components-menu-group__label",
}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
"aria-labelledby": label ? labelId : undefined,
/* harmony default export */ const menu_group = (MenuGroup);
;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/menu-item/index.js
function UnforwardedMenuItem(props, ref) {
className = dist_clsx('components-menu-item__button', className);
children = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("span", {
className: "components-menu-item__info-wrapper",
children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
className: "components-menu-item__item",
}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
className: "components-menu-item__info",
if (icon && typeof icon !== 'string') {
icon = (0,external_wp_element_namespaceObject.cloneElement)(icon, {
className: dist_clsx('components-menu-items__item-icon', {
'has-icon-right': iconPosition === 'right'
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(build_module_button, {
// Make sure aria-checked matches spec https://www.w3.org/TR/wai-aria-1.1/#aria-checked
"aria-checked": role === 'menuitemcheckbox' || role === 'menuitemradio' ? isSelected : undefined,
icon: iconPosition === 'left' ? icon : undefined,
children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("span", {
className: "components-menu-item__item",
}), !suffix && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_shortcut, {
className: "components-menu-item__shortcut",
}), !suffix && icon && iconPosition === 'right' && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_icon, {
* MenuItem is a component which renders a button intended to be used in combination with the `DropdownMenu` component.
* import { MenuItem } from '@wordpress/components';
* import { useState } from '@wordpress/element';
* const MyMenuItem = () => {
* const [ isActive, setIsActive ] = useState( true );
* icon={ isActive ? 'yes' : 'no' }
* isSelected={ isActive }
* role="menuitemcheckbox"
* onClick={ () => setIsActive( ( state ) => ! state ) }
const MenuItem = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedMenuItem);
/* harmony default export */ const menu_item = (MenuItem);
;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/menu-items-choice/index.js
const menu_items_choice_noop = () => {};
* `MenuItemsChoice` functions similarly to a set of `MenuItem`s, but allows the user to select one option from a set of multiple choices.
* import { MenuGroup, MenuItemsChoice } from '@wordpress/components';
* import { useState } from '@wordpress/element';
* const MyMenuItemsChoice = () => {
* const [ mode, setMode ] = useState( 'visual' );
* label: 'Visual editor',
* <MenuGroup label="Editor">
* onSelect={ ( newMode ) => setMode( newMode ) }
function MenuItemsChoice({
onHover = menu_items_choice_noop,
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, {
children: choices.map(item => {
const isSelected = value === item.value;
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(menu_item, {
icon: isSelected ? library_check : null,
className: "components-menu-items-choice",
onMouseEnter: () => onHover(item.value),
onMouseLeave: () => onHover(null),
"aria-label": item['aria-label'],
/* harmony default export */ const menu_items_choice = (MenuItemsChoice);
;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigable-container/tabbable.js
function UnforwardedTabbableContainer({
const innerEventToOffset = evt => {
return shiftKey ? -1 : 1;
// Allow custom handling of keys besides Tab.
// By default, TabbableContainer will move focus forward on Tab and
// backward on Shift+Tab. The handler below will be used for all other
// events. The semantics for `eventToOffset`'s return
// values are the following:
// - +1: move focus forward
// - -1: move focus backward
// - 0: don't move focus, but acknowledge event and thus stop it
// - undefined: do nothing, let the event propagate.
return eventToOffset(evt);
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(container, {
stopNavigationEvents: true,
onlyBrowserTabstops: true,
eventToOffset: innerEventToOffset,
* A container for tabbable elements.
* } from '@wordpress/components';
* function onNavigate( index, target ) {
* console.log( `Navigates to ${ index }`, target );
* const MyTabbableContainer = () => (
* <span>Tabbable Container:</span>
* <TabbableContainer onNavigate={ onNavigate }>
* <Button variant="secondary" tabIndex="0">
* <Button variant="secondary" tabIndex="0">
* <Button variant="secondary" tabIndex="0">
* <Button variant="secondary" tabIndex="0">
const TabbableContainer = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedTabbableContainer);
/* harmony default export */ const tabbable = (TabbableContainer);
;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigation/constants.js
const ROOT_MENU = 'root';
const SEARCH_FOCUS_DELAY = 100;
;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigation/context.js
const context_noop = () => {};
const defaultIsEmpty = () => false;
const defaultGetter = () => undefined;
const NavigationContext = (0,external_wp_element_namespaceObject.createContext)({
setActiveMenu: context_noop,
removeItem: context_noop,
removeMenu: context_noop,
traverseMenu: context_noop,
isMenuEmpty: defaultIsEmpty
const useNavigationContext = () => (0,external_wp_element_namespaceObject.useContext)(NavigationContext);
;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/navigation/styles/navigation-styles.js
function navigation_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)."; }
const NavigationUI = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {
} : 0)("width:100%;box-sizing:border-box;padding:0 ", space(4), ";overflow:hidden;" + ( true ? "" : 0));
const MenuUI = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {
} : 0)("margin-top:", space(6), ";margin-bottom:", space(6), ";display:flex;flex-direction:column;ul{padding:0;margin:0;list-style:none;}.components-navigation__back-button{margin-bottom:", space(6), ";}.components-navigation__group+.components-navigation__group{margin-top:", space(6), ";}" + ( true ? "" : 0));
const MenuBackButtonUI = /*#__PURE__*/emotion_styled_base_browser_esm(build_module_button, true ? {
styles: "&.is-tertiary{color:inherit;opacity:0.7;&:hover:not( :disabled ){opacity:1;box-shadow:none;color:inherit;}&:active:not( :disabled ){background:transparent;opacity:1;color:inherit;}}"
const MenuTitleUI = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {
styles: "overflow:hidden;width:100%"
const MenuTitleSearchControlWrapper = /*#__PURE__*/emotion_styled_base_browser_esm("div", true ? {