Edit File by line

icon: close_small,

[7000] Fix | Delete

...toggleButtonProps

[7001] Fix | Delete

});

[7002] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {

[7003] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[7004] Fix | Delete

className: "components-panel__header interface-complementary-area-header__small",

[7005] Fix | Delete

children: [smallScreenTitle && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h2", {

[7006] Fix | Delete

className: "interface-complementary-area-header__small-title",

[7007] Fix | Delete

children: smallScreenTitle

[7008] Fix | Delete

}), toggleButton]

[7009] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[7010] Fix | Delete

className: dist_clsx('components-panel__header', 'interface-complementary-area-header', className),

[7011] Fix | Delete

tabIndex: -1,

[7012] Fix | Delete

children: [children, toggleButton]

[7013] Fix | Delete

})]

[7014] Fix | Delete

});

[7015] Fix | Delete

};

[7016] Fix | Delete

/* harmony default export */ const complementary_area_header = (ComplementaryAreaHeader);

[7017] Fix | Delete

[7018] Fix | Delete

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

[7019] Fix | Delete

/**

[7020] Fix | Delete

* WordPress dependencies

[7021] Fix | Delete

[7022] Fix | Delete

[7023] Fix | Delete

[7024] Fix | Delete

[7025] Fix | Delete

const noop = () => {};

[7026] Fix | Delete

function ActionItemSlot({

[7027] Fix | Delete

name,

[7028] Fix | Delete

as: Component = external_wp_components_namespaceObject.ButtonGroup,

[7029] Fix | Delete

fillProps = {},

[7030] Fix | Delete

bubblesVirtually,

[7031] Fix | Delete

...props

[7032] Fix | Delete

}) {

[7033] Fix | Delete

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

[7034] Fix | Delete

[7035] Fix | Delete

bubblesVirtually: bubblesVirtually,

[7036] Fix | Delete

fillProps: fillProps,

[7037] Fix | Delete

children: fills => {

[7038] Fix | Delete

if (!external_wp_element_namespaceObject.Children.toArray(fills).length) {

[7039] Fix | Delete

return null;

[7040] Fix | Delete

}

[7041] Fix | Delete

[7042] Fix | Delete

// Special handling exists for backward compatibility.

[7043] Fix | Delete

// It ensures that menu items created by plugin authors aren't

[7044] Fix | Delete

// duplicated with automatically injected menu items coming

[7045] Fix | Delete

// from pinnable plugin sidebars.

[7046] Fix | Delete

// @see https://github.com/WordPress/gutenberg/issues/14457

[7047] Fix | Delete

const initializedByPlugins = [];

[7048] Fix | Delete

external_wp_element_namespaceObject.Children.forEach(fills, ({

[7049] Fix | Delete

props: {

[7050] Fix | Delete

__unstableExplicitMenuItem,

[7051] Fix | Delete

__unstableTarget

[7052] Fix | Delete

}

[7053] Fix | Delete

}) => {

[7054] Fix | Delete

if (__unstableTarget && __unstableExplicitMenuItem) {

[7055] Fix | Delete

initializedByPlugins.push(__unstableTarget);

[7056] Fix | Delete

}

[7057] Fix | Delete

});

[7058] Fix | Delete

const children = external_wp_element_namespaceObject.Children.map(fills, child => {

[7059] Fix | Delete

if (!child.props.__unstableExplicitMenuItem && initializedByPlugins.includes(child.props.__unstableTarget)) {

[7060] Fix | Delete

return null;

[7061] Fix | Delete

}

[7062] Fix | Delete

return child;

[7063] Fix | Delete

});

[7064] Fix | Delete

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

[7065] Fix | Delete

...props,

[7066] Fix | Delete

children: children

[7067] Fix | Delete

});

[7068] Fix | Delete

}

[7069] Fix | Delete

});

[7070] Fix | Delete

}

[7071] Fix | Delete

function ActionItem({

[7072] Fix | Delete

name,

[7073] Fix | Delete

as: Component = external_wp_components_namespaceObject.Button,

[7074] Fix | Delete

onClick,

[7075] Fix | Delete

...props

[7076] Fix | Delete

}) {

[7077] Fix | Delete

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

[7078] Fix | Delete

[7079] Fix | Delete

children: ({

[7080] Fix | Delete

onClick: fpOnClick

[7081] Fix | Delete

}) => {

[7082] Fix | Delete

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

[7083] Fix | Delete

onClick: onClick || fpOnClick ? (...args) => {

[7084] Fix | Delete

(onClick || noop)(...args);

[7085] Fix | Delete

(fpOnClick || noop)(...args);

[7086] Fix | Delete

} : undefined,

[7087] Fix | Delete

...props

[7088] Fix | Delete

});

[7089] Fix | Delete

}

[7090] Fix | Delete

});

[7091] Fix | Delete

}

[7092] Fix | Delete

ActionItem.Slot = ActionItemSlot;

[7093] Fix | Delete

/* harmony default export */ const action_item = (ActionItem);

[7094] Fix | Delete

[7095] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area-more-menu-item/index.js

[7096] Fix | Delete

/**

[7097] Fix | Delete

* WordPress dependencies

[7098] Fix | Delete

[7099] Fix | Delete

[7100] Fix | Delete

[7101] Fix | Delete

[7102] Fix | Delete

/**

[7103] Fix | Delete

* Internal dependencies

[7104] Fix | Delete

[7105] Fix | Delete

[7106] Fix | Delete

[7107] Fix | Delete

[7108] Fix | Delete

const PluginsMenuItem = ({

[7109] Fix | Delete

// Menu item is marked with unstable prop for backward compatibility.

[7110] Fix | Delete

// They are removed so they don't leak to DOM elements.

[7111] Fix | Delete

// @see https://github.com/WordPress/gutenberg/issues/14457

[7112] Fix | Delete

__unstableExplicitMenuItem,

[7113] Fix | Delete

__unstableTarget,

[7114] Fix | Delete

...restProps

[7115] Fix | Delete

}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, {

[7116] Fix | Delete

...restProps

[7117] Fix | Delete

});

[7118] Fix | Delete

function ComplementaryAreaMoreMenuItem({

[7119] Fix | Delete

scope,

[7120] Fix | Delete

target,

[7121] Fix | Delete

__unstableExplicitMenuItem,

[7122] Fix | Delete

...props

[7123] Fix | Delete

}) {

[7124] Fix | Delete

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

[7125] Fix | Delete

as: toggleProps => {

[7126] Fix | Delete

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

[7127] Fix | Delete

__unstableExplicitMenuItem: __unstableExplicitMenuItem,

[7128] Fix | Delete

__unstableTarget: `${scope}/${target}`,

[7129] Fix | Delete

as: PluginsMenuItem,

[7130] Fix | Delete

[7131] Fix | Delete

...toggleProps

[7132] Fix | Delete

});

[7133] Fix | Delete

[7134] Fix | Delete

role: "menuitemcheckbox",

[7135] Fix | Delete

selectedIcon: library_check,

[7136] Fix | Delete

[7137] Fix | Delete

scope: scope,

[7138] Fix | Delete

...props

[7139] Fix | Delete

});

[7140] Fix | Delete

}

[7141] Fix | Delete

[7142] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/pinned-items/index.js

[7143] Fix | Delete

/**

[7144] Fix | Delete

* External dependencies

[7145] Fix | Delete

[7146] Fix | Delete

[7147] Fix | Delete

[7148] Fix | Delete

/**

[7149] Fix | Delete

* WordPress dependencies

[7150] Fix | Delete

[7151] Fix | Delete

[7152] Fix | Delete

[7153] Fix | Delete

function PinnedItems({

[7154] Fix | Delete

scope,

[7155] Fix | Delete

...props

[7156] Fix | Delete

}) {

[7157] Fix | Delete

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

[7158] Fix | Delete

[7159] Fix | Delete

...props

[7160] Fix | Delete

});

[7161] Fix | Delete

}

[7162] Fix | Delete

function PinnedItemsSlot({

[7163] Fix | Delete

scope,

[7164] Fix | Delete

className,

[7165] Fix | Delete

...props

[7166] Fix | Delete

}) {

[7167] Fix | Delete

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

[7168] Fix | Delete

[7169] Fix | Delete

...props,

[7170] Fix | Delete

children: fills => fills?.length > 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[7171] Fix | Delete

className: dist_clsx(className, 'interface-pinned-items'),

[7172] Fix | Delete

children: fills

[7173] Fix | Delete

})

[7174] Fix | Delete

});

[7175] Fix | Delete

}

[7176] Fix | Delete

PinnedItems.Slot = PinnedItemsSlot;

[7177] Fix | Delete

/* harmony default export */ const pinned_items = (PinnedItems);

[7178] Fix | Delete

[7179] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area/index.js

[7180] Fix | Delete

/**

[7181] Fix | Delete

* External dependencies

[7182] Fix | Delete

[7183] Fix | Delete

[7184] Fix | Delete

[7185] Fix | Delete

/**

[7186] Fix | Delete

* WordPress dependencies

[7187] Fix | Delete

[7188] Fix | Delete

[7189] Fix | Delete

[7190] Fix | Delete

[7191] Fix | Delete

[7192] Fix | Delete

[7193] Fix | Delete

[7194] Fix | Delete

[7195] Fix | Delete

[7196] Fix | Delete

[7197] Fix | Delete

/**

[7198] Fix | Delete

* Internal dependencies

[7199] Fix | Delete

[7200] Fix | Delete

[7201] Fix | Delete

[7202] Fix | Delete

[7203] Fix | Delete

[7204] Fix | Delete

[7205] Fix | Delete

[7206] Fix | Delete

[7207] Fix | Delete

[7208] Fix | Delete

[7209] Fix | Delete

const ANIMATION_DURATION = 0.3;

[7210] Fix | Delete

function ComplementaryAreaSlot({

[7211] Fix | Delete

scope,

[7212] Fix | Delete

...props

[7213] Fix | Delete

}) {

[7214] Fix | Delete

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

[7215] Fix | Delete

[7216] Fix | Delete

...props

[7217] Fix | Delete

});

[7218] Fix | Delete

}

[7219] Fix | Delete

const SIDEBAR_WIDTH = 280;

[7220] Fix | Delete

const variants = {

[7221] Fix | Delete

open: {

[7222] Fix | Delete

width: SIDEBAR_WIDTH

[7223] Fix | Delete

[7224] Fix | Delete

closed: {

[7225] Fix | Delete

width: 0

[7226] Fix | Delete

[7227] Fix | Delete

mobileOpen: {

[7228] Fix | Delete

width: '100vw'

[7229] Fix | Delete

}

[7230] Fix | Delete

};

[7231] Fix | Delete

function ComplementaryAreaFill({

[7232] Fix | Delete

activeArea,

[7233] Fix | Delete

isActive,

[7234] Fix | Delete

scope,

[7235] Fix | Delete

children,

[7236] Fix | Delete

className,

[7237] Fix | Delete

[7238] Fix | Delete

}) {

[7239] Fix | Delete

const disableMotion = (0,external_wp_compose_namespaceObject.useReducedMotion)();

[7240] Fix | Delete

const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<');

[7241] Fix | Delete

// This is used to delay the exit animation to the next tick.

[7242] Fix | Delete

// The reason this is done is to allow us to apply the right transition properties

[7243] Fix | Delete

// When we switch from an open sidebar to another open sidebar.

[7244] Fix | Delete

// we don't want to animate in this case.

[7245] Fix | Delete

const previousActiveArea = (0,external_wp_compose_namespaceObject.usePrevious)(activeArea);

[7246] Fix | Delete

const previousIsActive = (0,external_wp_compose_namespaceObject.usePrevious)(isActive);

[7247] Fix | Delete

const [, setState] = (0,external_wp_element_namespaceObject.useState)({});

[7248] Fix | Delete

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

[7249] Fix | Delete

setState({});

[7250] Fix | Delete

}, [isActive]);

[7251] Fix | Delete

const transition = {

[7252] Fix | Delete

type: 'tween',

[7253] Fix | Delete

duration: disableMotion || isMobileViewport || !!previousActiveArea && !!activeArea && activeArea !== previousActiveArea ? 0 : ANIMATION_DURATION,

[7254] Fix | Delete

ease: [0.6, 0, 0.4, 1]

[7255] Fix | Delete

};

[7256] Fix | Delete

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

[7257] Fix | Delete

[7258] Fix | Delete

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

[7259] Fix | Delete

initial: false,

[7260] Fix | Delete

children: (previousIsActive || isActive) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__unstableMotion.div, {

[7261] Fix | Delete

variants: variants,

[7262] Fix | Delete

initial: "closed",

[7263] Fix | Delete

animate: isMobileViewport ? 'mobileOpen' : 'open',

[7264] Fix | Delete

exit: "closed",

[7265] Fix | Delete

transition: transition,

[7266] Fix | Delete

className: "interface-complementary-area__fill",

[7267] Fix | Delete

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

[7268] Fix | Delete

id: id,

[7269] Fix | Delete

className: className,

[7270] Fix | Delete

style: {

[7271] Fix | Delete

width: isMobileViewport ? '100vw' : SIDEBAR_WIDTH

[7272] Fix | Delete

[7273] Fix | Delete

children: children

[7274] Fix | Delete

})

[7275] Fix | Delete

})

[7276] Fix | Delete

})

[7277] Fix | Delete

});

[7278] Fix | Delete

}

[7279] Fix | Delete

function useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall) {

[7280] Fix | Delete

const previousIsSmall = (0,external_wp_element_namespaceObject.useRef)(false);

[7281] Fix | Delete

const shouldOpenWhenNotSmall = (0,external_wp_element_namespaceObject.useRef)(false);

[7282] Fix | Delete

const {

[7283] Fix | Delete

enableComplementaryArea,

[7284] Fix | Delete

disableComplementaryArea

[7285] Fix | Delete

} = (0,external_wp_data_namespaceObject.useDispatch)(store);

[7286] Fix | Delete

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

[7287] Fix | Delete

// If the complementary area is active and the editor is switching from

[7288] Fix | Delete

// a big to a small window size.

[7289] Fix | Delete

if (isActive && isSmall && !previousIsSmall.current) {

[7290] Fix | Delete

disableComplementaryArea(scope);

[7291] Fix | Delete

// Flag the complementary area to be reopened when the window size

[7292] Fix | Delete

// goes from small to big.

[7293] Fix | Delete

shouldOpenWhenNotSmall.current = true;

[7294] Fix | Delete

} else if (

[7295] Fix | Delete

// If there is a flag indicating the complementary area should be

[7296] Fix | Delete

// enabled when we go from small to big window size and we are going

[7297] Fix | Delete

// from a small to big window size.

[7298] Fix | Delete

shouldOpenWhenNotSmall.current && !isSmall && previousIsSmall.current) {

[7299] Fix | Delete

// Remove the flag indicating the complementary area should be

[7300] Fix | Delete

// enabled.

[7301] Fix | Delete

shouldOpenWhenNotSmall.current = false;

[7302] Fix | Delete

enableComplementaryArea(scope, identifier);

[7303] Fix | Delete

} else if (

[7304] Fix | Delete

// If the flag is indicating the current complementary should be

[7305] Fix | Delete

// reopened but another complementary area becomes active, remove

[7306] Fix | Delete

// the flag.

[7307] Fix | Delete

shouldOpenWhenNotSmall.current && activeArea && activeArea !== identifier) {

[7308] Fix | Delete

shouldOpenWhenNotSmall.current = false;

[7309] Fix | Delete

}

[7310] Fix | Delete

if (isSmall !== previousIsSmall.current) {

[7311] Fix | Delete

previousIsSmall.current = isSmall;

[7312] Fix | Delete

}

[7313] Fix | Delete

}, [isActive, isSmall, scope, identifier, activeArea, disableComplementaryArea, enableComplementaryArea]);

[7314] Fix | Delete

}

[7315] Fix | Delete

function ComplementaryArea({

[7316] Fix | Delete

children,

[7317] Fix | Delete

className,

[7318] Fix | Delete

closeLabel = (0,external_wp_i18n_namespaceObject.__)('Close plugin'),

[7319] Fix | Delete

identifier,

[7320] Fix | Delete

header,

[7321] Fix | Delete

headerClassName,

[7322] Fix | Delete

icon,

[7323] Fix | Delete

isPinnable = true,

[7324] Fix | Delete

panelClassName,

[7325] Fix | Delete

scope,

[7326] Fix | Delete

name,

[7327] Fix | Delete

smallScreenTitle,

[7328] Fix | Delete

title,

[7329] Fix | Delete

toggleShortcut,

[7330] Fix | Delete

isActiveByDefault

[7331] Fix | Delete

}) {

[7332] Fix | Delete

// This state is used to delay the rendering of the Fill

[7333] Fix | Delete

// until the initial effect runs.

[7334] Fix | Delete

// This prevents the animation from running on mount if

[7335] Fix | Delete

// the complementary area is active by default.

[7336] Fix | Delete

const [isReady, setIsReady] = (0,external_wp_element_namespaceObject.useState)(false);

[7337] Fix | Delete

const {

[7338] Fix | Delete

isLoading,

[7339] Fix | Delete

isActive,

[7340] Fix | Delete

isPinned,

[7341] Fix | Delete

activeArea,

[7342] Fix | Delete

isSmall,

[7343] Fix | Delete

isLarge,

[7344] Fix | Delete

showIconLabels

[7345] Fix | Delete

} = (0,external_wp_data_namespaceObject.useSelect)(select => {

[7346] Fix | Delete

const {

[7347] Fix | Delete

getActiveComplementaryArea,

[7348] Fix | Delete

isComplementaryAreaLoading,

[7349] Fix | Delete

isItemPinned

[7350] Fix | Delete

} = select(store);

[7351] Fix | Delete

const {

[7352] Fix | Delete

get

[7353] Fix | Delete

} = select(external_wp_preferences_namespaceObject.store);

[7354] Fix | Delete

const _activeArea = getActiveComplementaryArea(scope);

[7355] Fix | Delete

return {

[7356] Fix | Delete

isLoading: isComplementaryAreaLoading(scope),

[7357] Fix | Delete

isActive: _activeArea === identifier,

[7358] Fix | Delete

isPinned: isItemPinned(scope, identifier),

[7359] Fix | Delete

activeArea: _activeArea,

[7360] Fix | Delete

isSmall: select(external_wp_viewport_namespaceObject.store).isViewportMatch('< medium'),

[7361] Fix | Delete

isLarge: select(external_wp_viewport_namespaceObject.store).isViewportMatch('large'),

[7362] Fix | Delete

showIconLabels: get('core', 'showIconLabels')

[7363] Fix | Delete

};

[7364] Fix | Delete

}, [identifier, scope]);

[7365] Fix | Delete

useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall);

[7366] Fix | Delete

const {

[7367] Fix | Delete

enableComplementaryArea,

[7368] Fix | Delete

disableComplementaryArea,

[7369] Fix | Delete

pinItem,

[7370] Fix | Delete

unpinItem

[7371] Fix | Delete

} = (0,external_wp_data_namespaceObject.useDispatch)(store);

[7372] Fix | Delete

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

[7373] Fix | Delete

// Set initial visibility: For large screens, enable if it's active by

[7374] Fix | Delete

// default. For small screens, always initially disable.

[7375] Fix | Delete

if (isActiveByDefault && activeArea === undefined && !isSmall) {

[7376] Fix | Delete

enableComplementaryArea(scope, identifier);

[7377] Fix | Delete

} else if (activeArea === undefined && isSmall) {

[7378] Fix | Delete

disableComplementaryArea(scope, identifier);

[7379] Fix | Delete

}

[7380] Fix | Delete

setIsReady(true);

[7381] Fix | Delete

}, [activeArea, isActiveByDefault, scope, identifier, isSmall, enableComplementaryArea, disableComplementaryArea]);

[7382] Fix | Delete

if (!isReady) {

[7383] Fix | Delete

return;

[7384] Fix | Delete

}

[7385] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {

[7386] Fix | Delete

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

[7387] Fix | Delete

scope: scope,

[7388] Fix | Delete

children: isPinned && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(complementary_area_toggle, {

[7389] Fix | Delete

scope: scope,

[7390] Fix | Delete

identifier: identifier,

[7391] Fix | Delete

isPressed: isActive && (!showIconLabels || isLarge),

[7392] Fix | Delete

"aria-expanded": isActive,

[7393] Fix | Delete

"aria-disabled": isLoading,

[7394] Fix | Delete

label: title,

[7395] Fix | Delete

icon: showIconLabels ? library_check : icon,

[7396] Fix | Delete

showTooltip: !showIconLabels,

[7397] Fix | Delete

variant: showIconLabels ? 'tertiary' : undefined,

[7398] Fix | Delete

size: "compact"

[7399] Fix | Delete

})

[7400] Fix | Delete

}), name && isPinnable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ComplementaryAreaMoreMenuItem, {

[7401] Fix | Delete

target: name,

[7402] Fix | Delete

scope: scope,

[7403] Fix | Delete

icon: icon,

[7404] Fix | Delete

children: title

[7405] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(ComplementaryAreaFill, {

[7406] Fix | Delete

activeArea: activeArea,

[7407] Fix | Delete

isActive: isActive,

[7408] Fix | Delete

className: dist_clsx('interface-complementary-area', className),

[7409] Fix | Delete

scope: scope,

[7410] Fix | Delete

id: identifier.replace('/', ':'),

[7411] Fix | Delete

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

[7412] Fix | Delete

className: headerClassName,

[7413] Fix | Delete

closeLabel: closeLabel,

[7414] Fix | Delete

onClose: () => disableComplementaryArea(scope),

[7415] Fix | Delete

smallScreenTitle: smallScreenTitle,

[7416] Fix | Delete

toggleButtonProps: {

[7417] Fix | Delete

label: closeLabel,

[7418] Fix | Delete

size: 'small',

[7419] Fix | Delete

shortcut: toggleShortcut,

[7420] Fix | Delete

scope,

[7421] Fix | Delete

identifier

[7422] Fix | Delete

[7423] Fix | Delete

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

[7424] Fix | Delete

children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h2", {

[7425] Fix | Delete

className: "interface-complementary-area-header__title",

[7426] Fix | Delete

children: title

[7427] Fix | Delete

}), isPinnable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {

[7428] Fix | Delete

className: "interface-complementary-area__pin-unpin-item",

[7429] Fix | Delete

icon: isPinned ? star_filled : star_empty,

[7430] Fix | Delete

label: isPinned ? (0,external_wp_i18n_namespaceObject.__)('Unpin from toolbar') : (0,external_wp_i18n_namespaceObject.__)('Pin to toolbar'),

[7431] Fix | Delete

onClick: () => (isPinned ? unpinItem : pinItem)(scope, identifier),

[7432] Fix | Delete

isPressed: isPinned,

[7433] Fix | Delete

"aria-expanded": isPinned,

[7434] Fix | Delete

size: "compact"

[7435] Fix | Delete

})]

[7436] Fix | Delete

})

[7437] Fix | Delete

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

[7438] Fix | Delete

className: panelClassName,

[7439] Fix | Delete

children: children

[7440] Fix | Delete

})]

[7441] Fix | Delete

})]

[7442] Fix | Delete

});

[7443] Fix | Delete

}

[7444] Fix | Delete

const ComplementaryAreaWrapped = complementary_area_context(ComplementaryArea);

[7445] Fix | Delete

ComplementaryAreaWrapped.Slot = ComplementaryAreaSlot;

[7446] Fix | Delete

/* harmony default export */ const complementary_area = (ComplementaryAreaWrapped);

[7447] Fix | Delete

[7448] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/fullscreen-mode/index.js

[7449] Fix | Delete

/**

[7450] Fix | Delete

* WordPress dependencies

[7451] Fix | Delete

[7452] Fix | Delete

[7453] Fix | Delete

const FullscreenMode = ({

[7454] Fix | Delete

isActive

[7455] Fix | Delete

}) => {

[7456] Fix | Delete

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

[7457] Fix | Delete

let isSticky = false;

[7458] Fix | Delete

// `is-fullscreen-mode` is set in PHP as a body class by Gutenberg, and this causes

[7459] Fix | Delete

// `sticky-menu` to be applied by WordPress and prevents the admin menu being scrolled

[7460] Fix | Delete

// even if `is-fullscreen-mode` is then removed. Let's remove `sticky-menu` here as

[7461] Fix | Delete

// a consequence of the FullscreenMode setup.

[7462] Fix | Delete

if (document.body.classList.contains('sticky-menu')) {

[7463] Fix | Delete

isSticky = true;

[7464] Fix | Delete

document.body.classList.remove('sticky-menu');

[7465] Fix | Delete

}

[7466] Fix | Delete

return () => {

[7467] Fix | Delete

if (isSticky) {

[7468] Fix | Delete

document.body.classList.add('sticky-menu');

[7469] Fix | Delete

}

[7470] Fix | Delete

};

[7471] Fix | Delete

}, []);

[7472] Fix | Delete

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

[7473] Fix | Delete

if (isActive) {

[7474] Fix | Delete

document.body.classList.add('is-fullscreen-mode');

[7475] Fix | Delete

} else {

[7476] Fix | Delete

document.body.classList.remove('is-fullscreen-mode');

[7477] Fix | Delete

}

[7478] Fix | Delete

return () => {

[7479] Fix | Delete

if (isActive) {

[7480] Fix | Delete

document.body.classList.remove('is-fullscreen-mode');

[7481] Fix | Delete

}

[7482] Fix | Delete

};

[7483] Fix | Delete

}, [isActive]);

[7484] Fix | Delete

return null;

[7485] Fix | Delete

};

[7486] Fix | Delete

/* harmony default export */ const fullscreen_mode = (FullscreenMode);

[7487] Fix | Delete

[7488] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/navigable-region/index.js

[7489] Fix | Delete

/**

[7490] Fix | Delete

* External dependencies

[7491] Fix | Delete

[7492] Fix | Delete

[7493] Fix | Delete

[7494] Fix | Delete

function NavigableRegion({

[7495] Fix | Delete

children,

[7496] Fix | Delete

className,

[7497] Fix | Delete

ariaLabel,

[7498] Fix | Delete

as: Tag = 'div',

[7499] Fix | Delete

1 ...13 141516 17 ...57