: str_replace(): Passing null to parameter #2 ($replace) of type array|string is deprecated in
const wrappedComponent = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WrappedComponent, {
...this.state.fallbackStyles
return this.props.node ? wrappedComponent : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {
children: [" ", wrappedComponent, " "]
}, 'withFallbackStyles'));
;// CONCATENATED MODULE: external ["wp","hooks"]
const external_wp_hooks_namespaceObject = window["wp"]["hooks"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/higher-order/with-filters/index.js
const ANIMATION_FRAME_PERIOD = 16;
* Creates a higher-order component which adds filtering capability to the
* wrapped component. Filters get applied when the original component is about
* to be mounted. When a filter is added or removed that matches the hook name,
* the wrapped component re-renders.
* @param hookName Hook name exposed to be used by filters.
* @return Higher-order component factory.
* import { withFilters } from '@wordpress/components';
* import { addFilter } from '@wordpress/hooks';
* const MyComponent = ( { title } ) => <h1>{ title }</h1>;
* const ComponentToAppend = () => <div>Appended component</div>;
* function withComponentAppended( FilteredComponent ) {
* <FilteredComponent { ...props } />
* 'my-plugin/with-component-appended',
* const MyComponentWithFilters = withFilters( 'MyHookName' )( MyComponent );
function withFilters(hookName) {
return (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(OriginalComponent => {
const namespace = 'core/with-filters/' + hookName;
* The component definition with current filters applied. Each instance
* reuse this shared reference as an optimization to avoid excessive
* calls to `applyFilters` when many instances exist.
* Initializes the FilteredComponent variable once, if not already
* assigned. Subsequent calls are effectively a noop.
function ensureFilteredComponent() {
if (FilteredComponent === undefined) {
FilteredComponent = (0,external_wp_hooks_namespaceObject.applyFilters)(hookName, OriginalComponent);
class FilteredComponentRenderer extends external_wp_element_namespaceObject.Component {
ensureFilteredComponent();
FilteredComponentRenderer.instances.push(this);
// If there were previously no mounted instances for components
// filtered on this hook, add the hook handler.
if (FilteredComponentRenderer.instances.length === 1) {
(0,external_wp_hooks_namespaceObject.addAction)('hookRemoved', namespace, onHooksUpdated);
(0,external_wp_hooks_namespaceObject.addAction)('hookAdded', namespace, onHooksUpdated);
FilteredComponentRenderer.instances = FilteredComponentRenderer.instances.filter(instance => instance !== this);
// If this was the last of the mounted components filtered on
// this hook, remove the hook handler.
if (FilteredComponentRenderer.instances.length === 0) {
(0,external_wp_hooks_namespaceObject.removeAction)('hookRemoved', namespace);
(0,external_wp_hooks_namespaceObject.removeAction)('hookAdded', namespace);
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(FilteredComponent, {
FilteredComponentRenderer.instances = [];
* Updates the FilteredComponent definition, forcing a render for each
* mounted instance. This occurs a maximum of once per animation frame.
const throttledForceUpdate = (0,external_wp_compose_namespaceObject.debounce)(() => {
// Recreate the filtered component, only after delay so that it's
// computed once, even if many filters added.
FilteredComponent = (0,external_wp_hooks_namespaceObject.applyFilters)(hookName, OriginalComponent);
// Force each instance to render.
FilteredComponentRenderer.instances.forEach(instance => {
}, ANIMATION_FRAME_PERIOD);
* When a filter is added or removed for the matching hook name, each
* mounted instance should re-render with the new filters having been
* applied to the original component.
* @param updatedHookName Name of the hook that was updated.
function onHooksUpdated(updatedHookName) {
if (updatedHookName === hookName) {
return FilteredComponentRenderer;
;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/higher-order/with-focus-return/index.js
* Returns true if the given object is component-like. An object is component-
* like if it is an instance of wp.element.Component, or is a function.
* @param object Object to test.
* @return Whether object is component-like.
function isComponentLike(object) {
return object instanceof external_wp_element_namespaceObject.Component || typeof object === 'function';
* Higher Order Component used to be used to wrap disposable elements like
* sidebars, modals, dropdowns. When mounting the wrapped component, we track a
* reference to the current active element so we know where to restore focus
* when the component is unmounted.
* @param options The component to be enhanced with
* focus return behavior, or an object
* describing the component and the
* focus return characteristics.
* @return Higher Order Component with the focus restauration behaviour.
/* harmony default export */ const with_focus_return = ((0,external_wp_compose_namespaceObject.createHigherOrderComponent)(
// @ts-expect-error TODO: Reconcile with intended `createHigherOrderComponent` types
} = {}) => WrappedComponent => {
const WithFocusReturn = props => {
const ref = (0,external_wp_compose_namespaceObject.useFocusReturn)(onFocusReturn);
return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {
children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WrappedComponent, {
if (isComponentLike(options)) {
const WrappedComponent = options;
return HoC()(WrappedComponent);
const with_focus_return_Provider = ({
external_wp_deprecated_default()('wp.components.FocusReturnProvider component', {
hint: 'This provider is not used anymore. You can just remove it from your codebase'
;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/higher-order/with-notices/index.js
* Override the default edit UI to include notices if supported.
* Wrapping the original component with `withNotices` encapsulates the component
* with the additional props `noticeOperations` and `noticeUI`.
* import { withNotices, Button } from '@wordpress/components';
* const MyComponentWithNotices = withNotices(
* ( { noticeOperations, noticeUI } ) => {
* noticeOperations.createErrorNotice( 'Error message' );
* <Button variant="secondary" onClick={ addError }>
* @param OriginalComponent Original component.
* @return Wrapped component.
/* harmony default export */ const with_notices = ((0,external_wp_compose_namespaceObject.createHigherOrderComponent)(OriginalComponent => {
function Component(props, ref) {
const [noticeList, setNoticeList] = (0,external_wp_element_namespaceObject.useState)([]);
const noticeOperations = (0,external_wp_element_namespaceObject.useMemo)(() => {
const createNotice = notice => {
const noticeToAdd = notice.id ? notice : {
setNoticeList(current => [...current, noticeToAdd]);
createErrorNotice: msg => {
// @ts-expect-error TODO: Missing `id`, potentially a bug
setNoticeList(current => current.filter(notice => notice.id !== id));
removeAllNotices: () => {
noticeUI: noticeList.length > 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(list, {
className: "components-with-notices-ui",
onRemove: noticeOperations.removeNotice
return isForwardRef ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(OriginalComponent, {
}) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(OriginalComponent, {
// @ts-expect-error - `render` will only be present when OriginalComponent was wrapped with forwardRef().
// Returns a forwardRef if OriginalComponent appears to be a forwardRef.
if (typeof render === 'function') {
return (0,external_wp_element_namespaceObject.forwardRef)(Component);
;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/YGMEBI3A.js
// src/menu/menu-context.ts
var YGMEBI3A_menu = createStoreContext(
[CompositeContextProvider, HovercardContextProvider],
[CompositeScopedContextProvider, HovercardScopedContextProvider]
var useMenuContext = YGMEBI3A_menu.useContext;
var useMenuScopedContext = YGMEBI3A_menu.useScopedContext;
var useMenuProviderContext = YGMEBI3A_menu.useProviderContext;
var MenuContextProvider = YGMEBI3A_menu.ContextProvider;
var MenuScopedContextProvider = YGMEBI3A_menu.ScopedContextProvider;
var useMenuBarContext = (/* unused pure expression or super */ null && (useMenubarContext));
var useMenuBarScopedContext = (/* unused pure expression or super */ null && (useMenubarScopedContext));
var useMenuBarProviderContext = (/* unused pure expression or super */ null && (useMenubarProviderContext));
var MenuBarContextProvider = (/* unused pure expression or super */ null && (MenubarContextProvider));
var MenuBarScopedContextProvider = (/* unused pure expression or super */ null && (MenubarScopedContextProvider));
var MenuItemCheckedContext = (0,external_React_.createContext)(
;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/6XBVQI3K.js
// src/checkbox/checkbox-checked-context.ts
var CheckboxCheckedContext = (0,external_React_.createContext)(false);
;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/MW2F7SEA.js
// src/checkbox/checkbox-check.tsx
var checkmark = /* @__PURE__ */ (0,external_ReactJSXRuntime_namespaceObject.jsx)(
children: /* @__PURE__ */ (0,external_ReactJSXRuntime_namespaceObject.jsx)("polyline", { points: "4,8 7,12 12,4" })
function getChildren(props) {
return props.children || checkmark;
if (typeof props.children === "function") {
var useCheckboxCheck = createHook(
var _b = _a, { store, checked } = _b, props = __objRest(_b, ["store", "checked"]);
const context = (0,external_React_.useContext)(CheckboxCheckedContext);
checked = checked != null ? checked : context;
const children = getChildren({ checked, children: props.children });
props = _4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({
style: _4R3V3JGP_spreadValues({
var CheckboxCheck = createComponent((props) => {
const htmlProps = useCheckboxCheck(props);
return _3ORBWXWF_createElement("span", htmlProps);
;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/menu/menu-item-check.js
// src/menu/menu-item-check.ts
var useMenuItemCheck = createHook(
var _b = _a, { store, checked } = _b, props = __objRest(_b, ["store", "checked"]);
const context = (0,external_React_.useContext)(MenuItemCheckedContext);
checked = checked != null ? checked : context;
props = useCheckboxCheck(_4R3V3JGP_spreadProps(_4R3V3JGP_spreadValues({}, props), { checked }));
var MenuItemCheck = createComponent((props) => {
const htmlProps = useMenuItemCheck(props);
return _3ORBWXWF_createElement("span", htmlProps);
;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/KA4GX64Z.js
// src/menubar/menubar-context.ts
var menubar = createStoreContext(
[CompositeContextProvider],
[CompositeScopedContextProvider]
var KA4GX64Z_useMenubarContext = menubar.useContext;
var KA4GX64Z_useMenubarScopedContext = menubar.useScopedContext;
var KA4GX64Z_useMenubarProviderContext = menubar.useProviderContext;
var KA4GX64Z_MenubarContextProvider = menubar.ContextProvider;
var KA4GX64Z_MenubarScopedContextProvider = menubar.ScopedContextProvider;
var KA4GX64Z_MenuItemCheckedContext = (0,external_React_.createContext)(
;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/W76OTZCC.js
// src/combobox/combobox-context.tsx
var W76OTZCC_ctx = createStoreContext(
[PopoverContextProvider, CompositeContextProvider],
[PopoverScopedContextProvider, CompositeScopedContextProvider]
var useComboboxContext = W76OTZCC_ctx.useContext;
var useComboboxScopedContext = W76OTZCC_ctx.useScopedContext;
var useComboboxProviderContext = W76OTZCC_ctx.useProviderContext;
var ComboboxContextProvider = W76OTZCC_ctx.ContextProvider;
var ComboboxScopedContextProvider = W76OTZCC_ctx.ScopedContextProvider;
var ComboboxItemValueContext = (0,external_React_.createContext)(
var ComboboxItemCheckedContext = (0,external_React_.createContext)(false);
;// CONCATENATED MODULE: ./node_modules/@ariakit/core/esm/menu/menu-store.js