(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.sprintf)(

[69000] Fix | Delete

// translators: %s: The name of the control being reset e.g. "Padding".

[69001] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('%s hidden and reset to default'), label), 'assertive');

[69002] Fix | Delete

} else {

[69003] Fix | Delete

(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.sprintf)(

[69004] Fix | Delete

// translators: %s: The name of the control being reset e.g. "Padding".

[69005] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('%s is now visible'), label), 'assertive');

[69006] Fix | Delete

}

[69007] Fix | Delete

toggleItem(label);

[69008] Fix | Delete

},

[69009] Fix | Delete

role: "menuitemcheckbox",

[69010] Fix | Delete

children: label

[69011] Fix | Delete

}, label);

[69012] Fix | Delete

})

[69013] Fix | Delete

});

[69014] Fix | Delete

};

[69015] Fix | Delete

const component_ToolsPanelHeader = (props, forwardedRef) => {

[69016] Fix | Delete

const {

[69017] Fix | Delete

areAllOptionalControlsHidden,

[69018] Fix | Delete

defaultControlsItemClassName,

[69019] Fix | Delete

dropdownMenuClassName,

[69020] Fix | Delete

hasMenuItems,

[69021] Fix | Delete

headingClassName,

[69022] Fix | Delete

headingLevel = 2,

[69023] Fix | Delete

label: labelText,

[69024] Fix | Delete

menuItems,

[69025] Fix | Delete

resetAll,

[69026] Fix | Delete

toggleItem,

[69027] Fix | Delete

dropdownMenuProps,

[69028] Fix | Delete

...headerProps

[69029] Fix | Delete

} = useToolsPanelHeader(props);

[69030] Fix | Delete

if (!labelText) {

[69031] Fix | Delete

return null;

[69032] Fix | Delete

}

[69033] Fix | Delete

const defaultItems = Object.entries(menuItems?.default || {});

[69034] Fix | Delete

const optionalItems = Object.entries(menuItems?.optional || {});

[69035] Fix | Delete

const dropDownMenuIcon = areAllOptionalControlsHidden ? library_plus : more_vertical;

[69036] Fix | Delete

const dropDownMenuLabelText = (0,external_wp_i18n_namespaceObject.sprintf)(

[69037] Fix | Delete

// translators: %s: The name of the tool e.g. "Color" or "Typography".

[69038] Fix | Delete

(0,external_wp_i18n_namespaceObject._x)('%s options', 'Button label to reveal tool panel options'), labelText);

[69039] Fix | Delete

const dropdownMenuDescriptionText = areAllOptionalControlsHidden ? (0,external_wp_i18n_namespaceObject.__)('All options are currently hidden') : undefined;

[69040] Fix | Delete

const canResetAll = [...defaultItems, ...optionalItems].some(([, isSelected]) => isSelected);

[69041] Fix | Delete

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

[69042] Fix | Delete

...headerProps,

[69043] Fix | Delete

ref: forwardedRef,

[69044] Fix | Delete

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

[69045] Fix | Delete

level: headingLevel,

[69046] Fix | Delete

className: headingClassName,

[69047] Fix | Delete

children: labelText

[69048] Fix | Delete

}), hasMenuItems && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(dropdown_menu, {

[69049] Fix | Delete

...dropdownMenuProps,

[69050] Fix | Delete

icon: dropDownMenuIcon,

[69051] Fix | Delete

label: dropDownMenuLabelText,

[69052] Fix | Delete

menuProps: {

[69053] Fix | Delete

className: dropdownMenuClassName

[69054] Fix | Delete

},

[69055] Fix | Delete

toggleProps: {

[69056] Fix | Delete

size: 'small',

[69057] Fix | Delete

describedBy: dropdownMenuDescriptionText

[69058] Fix | Delete

},

[69059] Fix | Delete

children: () => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {

[69060] Fix | Delete

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

[69061] Fix | Delete

label: labelText,

[69062] Fix | Delete

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

[69063] Fix | Delete

items: defaultItems,

[69064] Fix | Delete

toggleItem: toggleItem,

[69065] Fix | Delete

itemClassName: defaultControlsItemClassName

[69066] Fix | Delete

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

[69067] Fix | Delete

items: optionalItems,

[69068] Fix | Delete

toggleItem: toggleItem

[69069] Fix | Delete

})]

[69070] Fix | Delete

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

[69071] Fix | Delete

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

[69072] Fix | Delete

"aria-disabled": !canResetAll

[69073] Fix | Delete

// @ts-expect-error - TODO: If this "tertiary" style is something we really want to allow on MenuItem,

[69074] Fix | Delete

// we should rename it and explicitly allow it as an official API. All the other Button variants

[69075] Fix | Delete

// don't make sense in a MenuItem context, and should be disallowed.

[69076] Fix | Delete

,

[69077] Fix | Delete

variant: "tertiary",

[69078] Fix | Delete

onClick: () => {

[69079] Fix | Delete

if (canResetAll) {

[69080] Fix | Delete

resetAll();

[69081] Fix | Delete

(0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('All options reset'), 'assertive');

[69082] Fix | Delete

}

[69083] Fix | Delete

},

[69084] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Reset all')

[69085] Fix | Delete

})

[69086] Fix | Delete

})]

[69087] Fix | Delete

})

[69088] Fix | Delete

})]

[69089] Fix | Delete

});

[69090] Fix | Delete

};

[69091] Fix | Delete

const ConnectedToolsPanelHeader = contextConnect(component_ToolsPanelHeader, 'ToolsPanelHeader');

[69092] Fix | Delete

/* harmony default export */ const tools_panel_header_component = (ConnectedToolsPanelHeader);

[69093] Fix | Delete

[69094] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/tools-panel/tools-panel/hook.js

[69095] Fix | Delete

/**

[69096] Fix | Delete

* WordPress dependencies

[69097] Fix | Delete

*/

[69098] Fix | Delete

[69099] Fix | Delete

[69100] Fix | Delete

/**

[69101] Fix | Delete

* Internal dependencies

[69102] Fix | Delete

*/

[69103] Fix | Delete

[69104] Fix | Delete

[69105] Fix | Delete

[69106] Fix | Delete

const DEFAULT_COLUMNS = 2;

[69107] Fix | Delete

const generateMenuItems = ({

[69108] Fix | Delete

panelItems,

[69109] Fix | Delete

shouldReset,

[69110] Fix | Delete

currentMenuItems,

[69111] Fix | Delete

menuItemOrder

[69112] Fix | Delete

}) => {

[69113] Fix | Delete

const newMenuItems = {

[69114] Fix | Delete

default: {},

[69115] Fix | Delete

optional: {}

[69116] Fix | Delete

};

[69117] Fix | Delete

const menuItems = {

[69118] Fix | Delete

default: {},

[69119] Fix | Delete

optional: {}

[69120] Fix | Delete

};

[69121] Fix | Delete

panelItems.forEach(({

[69122] Fix | Delete

hasValue,

[69123] Fix | Delete

isShownByDefault,

[69124] Fix | Delete

label

[69125] Fix | Delete

}) => {

[69126] Fix | Delete

const group = isShownByDefault ? 'default' : 'optional';

[69127] Fix | Delete

[69128] Fix | Delete

// If a menu item for this label has already been flagged as customized

[69129] Fix | Delete

// (for default controls), or toggled on (for optional controls), do not

[69130] Fix | Delete

// overwrite its value as those controls would lose that state.

[69131] Fix | Delete

const existingItemValue = currentMenuItems?.[group]?.[label];

[69132] Fix | Delete

const value = existingItemValue ? existingItemValue : hasValue();

[69133] Fix | Delete

newMenuItems[group][label] = shouldReset ? false : value;

[69134] Fix | Delete

});

[69135] Fix | Delete

[69136] Fix | Delete

// Loop the known, previously registered items first to maintain menu order.

[69137] Fix | Delete

menuItemOrder.forEach(key => {

[69138] Fix | Delete

if (newMenuItems.default.hasOwnProperty(key)) {

[69139] Fix | Delete

menuItems.default[key] = newMenuItems.default[key];

[69140] Fix | Delete

}

[69141] Fix | Delete

if (newMenuItems.optional.hasOwnProperty(key)) {

[69142] Fix | Delete

menuItems.optional[key] = newMenuItems.optional[key];

[69143] Fix | Delete

}

[69144] Fix | Delete

});

[69145] Fix | Delete

[69146] Fix | Delete

// Loop newMenuItems object adding any that aren't in the known items order.

[69147] Fix | Delete

Object.keys(newMenuItems.default).forEach(key => {

[69148] Fix | Delete

if (!menuItems.default.hasOwnProperty(key)) {

[69149] Fix | Delete

menuItems.default[key] = newMenuItems.default[key];

[69150] Fix | Delete

}

[69151] Fix | Delete

});

[69152] Fix | Delete

Object.keys(newMenuItems.optional).forEach(key => {

[69153] Fix | Delete

if (!menuItems.optional.hasOwnProperty(key)) {

[69154] Fix | Delete

menuItems.optional[key] = newMenuItems.optional[key];

[69155] Fix | Delete

}

[69156] Fix | Delete

});

[69157] Fix | Delete

return menuItems;

[69158] Fix | Delete

};

[69159] Fix | Delete

const isMenuItemTypeEmpty = obj => obj && Object.keys(obj).length === 0;

[69160] Fix | Delete

function useToolsPanel(props) {

[69161] Fix | Delete

const {

[69162] Fix | Delete

className,

[69163] Fix | Delete

headingLevel = 2,

[69164] Fix | Delete

resetAll,

[69165] Fix | Delete

panelId,

[69166] Fix | Delete

hasInnerWrapper = false,

[69167] Fix | Delete

shouldRenderPlaceholderItems = false,

[69168] Fix | Delete

__experimentalFirstVisibleItemClass,

[69169] Fix | Delete

__experimentalLastVisibleItemClass,

[69170] Fix | Delete

...otherProps

[69171] Fix | Delete

} = useContextSystem(props, 'ToolsPanel');

[69172] Fix | Delete

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

[69173] Fix | Delete

const wasResetting = isResetting.current;

[69174] Fix | Delete

[69175] Fix | Delete

// `isResetting` is cleared via this hook to effectively batch together

[69176] Fix | Delete

// the resetAll task. Without this, the flag is cleared after the first

[69177] Fix | Delete

// control updates and forces a rerender with subsequent controls then

[69178] Fix | Delete

// believing they need to reset, unfortunately using stale data.

[69179] Fix | Delete

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

[69180] Fix | Delete

if (wasResetting) {

[69181] Fix | Delete

isResetting.current = false;

[69182] Fix | Delete

}

[69183] Fix | Delete

}, [wasResetting]);

[69184] Fix | Delete

[69185] Fix | Delete

// Allow panel items to register themselves.

[69186] Fix | Delete

const [panelItems, setPanelItems] = (0,external_wp_element_namespaceObject.useState)([]);

[69187] Fix | Delete

const [menuItemOrder, setMenuItemOrder] = (0,external_wp_element_namespaceObject.useState)([]);

[69188] Fix | Delete

const [resetAllFilters, setResetAllFilters] = (0,external_wp_element_namespaceObject.useState)([]);

[69189] Fix | Delete

const registerPanelItem = (0,external_wp_element_namespaceObject.useCallback)(item => {

[69190] Fix | Delete

// Add item to panel items.

[69191] Fix | Delete

setPanelItems(items => {

[69192] Fix | Delete

const newItems = [...items];

[69193] Fix | Delete

// If an item with this label has already been registered, remove it

[69194] Fix | Delete

// first. This can happen when an item is moved between the default

[69195] Fix | Delete

// and optional groups.

[69196] Fix | Delete

const existingIndex = newItems.findIndex(oldItem => oldItem.label === item.label);

[69197] Fix | Delete

if (existingIndex !== -1) {

[69198] Fix | Delete

newItems.splice(existingIndex, 1);

[69199] Fix | Delete

}

[69200] Fix | Delete

return [...newItems, item];

[69201] Fix | Delete

});

[69202] Fix | Delete

[69203] Fix | Delete

// Track the initial order of item registration. This is used for

[69204] Fix | Delete

// maintaining menu item order later.

[69205] Fix | Delete

setMenuItemOrder(items => {

[69206] Fix | Delete

if (items.includes(item.label)) {

[69207] Fix | Delete

return items;

[69208] Fix | Delete

}

[69209] Fix | Delete

return [...items, item.label];

[69210] Fix | Delete

});

[69211] Fix | Delete

}, [setPanelItems, setMenuItemOrder]);

[69212] Fix | Delete

[69213] Fix | Delete

// Panels need to deregister on unmount to avoid orphans in menu state.

[69214] Fix | Delete

// This is an issue when panel items are being injected via SlotFills.

[69215] Fix | Delete

const deregisterPanelItem = (0,external_wp_element_namespaceObject.useCallback)(label => {

[69216] Fix | Delete

// When switching selections between components injecting matching

[69217] Fix | Delete

// controls, e.g. both panels have a "padding" control, the

[69218] Fix | Delete

// deregistration of the first panel doesn't occur until after the

[69219] Fix | Delete

// registration of the next.

[69220] Fix | Delete

setPanelItems(items => {

[69221] Fix | Delete

const newItems = [...items];

[69222] Fix | Delete

const index = newItems.findIndex(item => item.label === label);

[69223] Fix | Delete

if (index !== -1) {

[69224] Fix | Delete

newItems.splice(index, 1);

[69225] Fix | Delete

}

[69226] Fix | Delete

return newItems;

[69227] Fix | Delete

});

[69228] Fix | Delete

}, [setPanelItems]);

[69229] Fix | Delete

const registerResetAllFilter = (0,external_wp_element_namespaceObject.useCallback)(newFilter => {

[69230] Fix | Delete

setResetAllFilters(filters => {

[69231] Fix | Delete

return [...filters, newFilter];

[69232] Fix | Delete

});

[69233] Fix | Delete

}, [setResetAllFilters]);

[69234] Fix | Delete

const deregisterResetAllFilter = (0,external_wp_element_namespaceObject.useCallback)(filterToRemove => {

[69235] Fix | Delete

setResetAllFilters(filters => {

[69236] Fix | Delete

return filters.filter(filter => filter !== filterToRemove);

[69237] Fix | Delete

});

[69238] Fix | Delete

}, [setResetAllFilters]);

[69239] Fix | Delete

[69240] Fix | Delete

// Manage and share display state of menu items representing child controls.

[69241] Fix | Delete

const [menuItems, setMenuItems] = (0,external_wp_element_namespaceObject.useState)({

[69242] Fix | Delete

default: {},

[69243] Fix | Delete

optional: {}

[69244] Fix | Delete

});

[69245] Fix | Delete

[69246] Fix | Delete

// Setup menuItems state as panel items register themselves.

[69247] Fix | Delete

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

[69248] Fix | Delete

setMenuItems(prevState => {

[69249] Fix | Delete

const items = generateMenuItems({

[69250] Fix | Delete

panelItems,

[69251] Fix | Delete

shouldReset: false,

[69252] Fix | Delete

currentMenuItems: prevState,

[69253] Fix | Delete

menuItemOrder

[69254] Fix | Delete

});

[69255] Fix | Delete

return items;

[69256] Fix | Delete

});

[69257] Fix | Delete

}, [panelItems, setMenuItems, menuItemOrder]);

[69258] Fix | Delete

[69259] Fix | Delete

// Updates the status of the panel’s menu items. For default items the

[69260] Fix | Delete

// value represents whether it differs from the default and for optional

[69261] Fix | Delete

// items whether the item is shown.

[69262] Fix | Delete

const flagItemCustomization = (0,external_wp_element_namespaceObject.useCallback)((value, label, group = 'default') => {

[69263] Fix | Delete

setMenuItems(items => {

[69264] Fix | Delete

const newState = {

[69265] Fix | Delete

...items,

[69266] Fix | Delete

[group]: {

[69267] Fix | Delete

...items[group],

[69268] Fix | Delete

[label]: value

[69269] Fix | Delete

}

[69270] Fix | Delete

};

[69271] Fix | Delete

return newState;

[69272] Fix | Delete

});

[69273] Fix | Delete

}, [setMenuItems]);

[69274] Fix | Delete

[69275] Fix | Delete

// Whether all optional menu items are hidden or not must be tracked

[69276] Fix | Delete

// in order to later determine if the panel display is empty and handle

[69277] Fix | Delete

// conditional display of a plus icon to indicate the presence of further

[69278] Fix | Delete

// menu items.

[69279] Fix | Delete

const [areAllOptionalControlsHidden, setAreAllOptionalControlsHidden] = (0,external_wp_element_namespaceObject.useState)(false);

[69280] Fix | Delete

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

[69281] Fix | Delete

if (isMenuItemTypeEmpty(menuItems?.default) && !isMenuItemTypeEmpty(menuItems?.optional)) {

[69282] Fix | Delete

const allControlsHidden = !Object.entries(menuItems.optional).some(([, isSelected]) => isSelected);

[69283] Fix | Delete

setAreAllOptionalControlsHidden(allControlsHidden);

[69284] Fix | Delete

}

[69285] Fix | Delete

}, [menuItems, setAreAllOptionalControlsHidden]);

[69286] Fix | Delete

const cx = useCx();

[69287] Fix | Delete

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

[69288] Fix | Delete

const wrapperStyle = hasInnerWrapper && ToolsPanelWithInnerWrapper(DEFAULT_COLUMNS);

[69289] Fix | Delete

const emptyStyle = isMenuItemTypeEmpty(menuItems?.default) && areAllOptionalControlsHidden && ToolsPanelHiddenInnerWrapper;

[69290] Fix | Delete

return cx(ToolsPanel(DEFAULT_COLUMNS), wrapperStyle, emptyStyle, className);

[69291] Fix | Delete

}, [areAllOptionalControlsHidden, className, cx, hasInnerWrapper, menuItems]);

[69292] Fix | Delete

[69293] Fix | Delete

// Toggle the checked state of a menu item which is then used to determine

[69294] Fix | Delete

// display of the item within the panel.

[69295] Fix | Delete

const toggleItem = (0,external_wp_element_namespaceObject.useCallback)(label => {

[69296] Fix | Delete

const currentItem = panelItems.find(item => item.label === label);

[69297] Fix | Delete

if (!currentItem) {

[69298] Fix | Delete

return;

[69299] Fix | Delete

}

[69300] Fix | Delete

const menuGroup = currentItem.isShownByDefault ? 'default' : 'optional';

[69301] Fix | Delete

const newMenuItems = {

[69302] Fix | Delete

...menuItems,

[69303] Fix | Delete

[menuGroup]: {

[69304] Fix | Delete

...menuItems[menuGroup],

[69305] Fix | Delete

[label]: !menuItems[menuGroup][label]

[69306] Fix | Delete

}

[69307] Fix | Delete

};

[69308] Fix | Delete

setMenuItems(newMenuItems);

[69309] Fix | Delete

}, [menuItems, panelItems, setMenuItems]);

[69310] Fix | Delete

[69311] Fix | Delete

// Resets display of children and executes resetAll callback if available.

[69312] Fix | Delete

const resetAllItems = (0,external_wp_element_namespaceObject.useCallback)(() => {

[69313] Fix | Delete

if (typeof resetAll === 'function') {

[69314] Fix | Delete

isResetting.current = true;

[69315] Fix | Delete

resetAll(resetAllFilters);

[69316] Fix | Delete

}

[69317] Fix | Delete

[69318] Fix | Delete

// Turn off display of all non-default items.

[69319] Fix | Delete

const resetMenuItems = generateMenuItems({

[69320] Fix | Delete

panelItems,

[69321] Fix | Delete

menuItemOrder,

[69322] Fix | Delete

shouldReset: true

[69323] Fix | Delete

});

[69324] Fix | Delete

setMenuItems(resetMenuItems);

[69325] Fix | Delete

}, [panelItems, resetAllFilters, resetAll, setMenuItems, menuItemOrder]);

[69326] Fix | Delete

[69327] Fix | Delete

// Assist ItemGroup styling when there are potentially hidden placeholder

[69328] Fix | Delete

// items by identifying first & last items that are toggled on for display.

[69329] Fix | Delete

const getFirstVisibleItemLabel = items => {

[69330] Fix | Delete

const optionalItems = menuItems.optional || {};

[69331] Fix | Delete

const firstItem = items.find(item => item.isShownByDefault || !!optionalItems[item.label]);

[69332] Fix | Delete

return firstItem?.label;

[69333] Fix | Delete

};

[69334] Fix | Delete

const firstDisplayedItem = getFirstVisibleItemLabel(panelItems);

[69335] Fix | Delete

const lastDisplayedItem = getFirstVisibleItemLabel([...panelItems].reverse());

[69336] Fix | Delete

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

[69337] Fix | Delete

areAllOptionalControlsHidden,

[69338] Fix | Delete

deregisterPanelItem,

[69339] Fix | Delete

deregisterResetAllFilter,

[69340] Fix | Delete

firstDisplayedItem,

[69341] Fix | Delete

flagItemCustomization,

[69342] Fix | Delete

hasMenuItems: !!panelItems.length,

[69343] Fix | Delete

isResetting: isResetting.current,

[69344] Fix | Delete

lastDisplayedItem,

[69345] Fix | Delete

menuItems,

[69346] Fix | Delete

panelId,

[69347] Fix | Delete

registerPanelItem,

[69348] Fix | Delete

registerResetAllFilter,

[69349] Fix | Delete

shouldRenderPlaceholderItems,

[69350] Fix | Delete

__experimentalFirstVisibleItemClass,

[69351] Fix | Delete

__experimentalLastVisibleItemClass

[69352] Fix | Delete

}), [areAllOptionalControlsHidden, deregisterPanelItem, deregisterResetAllFilter, firstDisplayedItem, flagItemCustomization, lastDisplayedItem, menuItems, panelId, panelItems, registerResetAllFilter, registerPanelItem, shouldRenderPlaceholderItems, __experimentalFirstVisibleItemClass, __experimentalLastVisibleItemClass]);

[69353] Fix | Delete

return {

[69354] Fix | Delete

...otherProps,

[69355] Fix | Delete

headingLevel,

[69356] Fix | Delete

panelContext,

[69357] Fix | Delete

resetAllItems,

[69358] Fix | Delete

toggleItem,

[69359] Fix | Delete

className: classes

[69360] Fix | Delete

};

[69361] Fix | Delete

}

[69362] Fix | Delete

[69363] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/tools-panel/tools-panel/component.js

[69364] Fix | Delete

/**

[69365] Fix | Delete

* External dependencies

[69366] Fix | Delete

*/

[69367] Fix | Delete

[69368] Fix | Delete

/**

[69369] Fix | Delete

* Internal dependencies

[69370] Fix | Delete

*/

[69371] Fix | Delete

[69372] Fix | Delete

[69373] Fix | Delete

[69374] Fix | Delete

[69375] Fix | Delete

[69376] Fix | Delete

[69377] Fix | Delete

[69378] Fix | Delete

const UnconnectedToolsPanel = (props, forwardedRef) => {

[69379] Fix | Delete

const {

[69380] Fix | Delete

children,

[69381] Fix | Delete

label,

[69382] Fix | Delete

panelContext,

[69383] Fix | Delete

resetAllItems,

[69384] Fix | Delete

toggleItem,

[69385] Fix | Delete

headingLevel,

[69386] Fix | Delete

dropdownMenuProps,

[69387] Fix | Delete

...toolsPanelProps

[69388] Fix | Delete

} = useToolsPanel(props);

[69389] Fix | Delete

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

[69390] Fix | Delete

...toolsPanelProps,

[69391] Fix | Delete

columns: 2,

[69392] Fix | Delete

ref: forwardedRef,

[69393] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(ToolsPanelContext.Provider, {

[69394] Fix | Delete

value: panelContext,

[69395] Fix | Delete

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

[69396] Fix | Delete

label: label,

[69397] Fix | Delete

resetAll: resetAllItems,

[69398] Fix | Delete

toggleItem: toggleItem,

[69399] Fix | Delete

headingLevel: headingLevel,

[69400] Fix | Delete

dropdownMenuProps: dropdownMenuProps

[69401] Fix | Delete

}), children]

[69402] Fix | Delete

})

[69403] Fix | Delete

});

[69404] Fix | Delete

};

[69405] Fix | Delete

[69406] Fix | Delete

/**

[69407] Fix | Delete

* The `ToolsPanel` is a container component that displays its children preceded

[69408] Fix | Delete

* by a header. The header includes a dropdown menu which is automatically

[69409] Fix | Delete

* generated from the panel's inner `ToolsPanelItems`.

[69410] Fix | Delete

*

[69411] Fix | Delete

* ```jsx

[69412] Fix | Delete

* import { __ } from '@wordpress/i18n';

[69413] Fix | Delete

* import {

[69414] Fix | Delete

* __experimentalToolsPanel as ToolsPanel,

[69415] Fix | Delete

* __experimentalToolsPanelItem as ToolsPanelItem,

[69416] Fix | Delete

* __experimentalUnitControl as UnitControl

[69417] Fix | Delete

* } from '@wordpress/components';

[69418] Fix | Delete

*

[69419] Fix | Delete

* function Example() {

[69420] Fix | Delete

* const [ height, setHeight ] = useState();

[69421] Fix | Delete

* const [ width, setWidth ] = useState();

[69422] Fix | Delete

*

[69423] Fix | Delete

* const resetAll = () => {

[69424] Fix | Delete

* setHeight();

[69425] Fix | Delete

* setWidth();

[69426] Fix | Delete

* }

[69427] Fix | Delete

*

[69428] Fix | Delete

* return (

[69429] Fix | Delete

* <ToolsPanel label={ __( 'Dimensions' ) } resetAll={ resetAll }>

[69430] Fix | Delete

* <ToolsPanelItem

[69431] Fix | Delete

* hasValue={ () => !! height }

[69432] Fix | Delete

* label={ __( 'Height' ) }

[69433] Fix | Delete

* onDeselect={ () => setHeight() }

[69434] Fix | Delete

* >

[69435] Fix | Delete

* <UnitControl

[69436] Fix | Delete

* label={ __( 'Height' ) }

[69437] Fix | Delete

* onChange={ setHeight }

[69438] Fix | Delete

* value={ height }

[69439] Fix | Delete

* />

[69440] Fix | Delete

* </ToolsPanelItem>

[69441] Fix | Delete

* <ToolsPanelItem

[69442] Fix | Delete

* hasValue={ () => !! width }

[69443] Fix | Delete

* label={ __( 'Width' ) }

[69444] Fix | Delete

* onDeselect={ () => setWidth() }

[69445] Fix | Delete

* >

[69446] Fix | Delete

* <UnitControl

[69447] Fix | Delete

* label={ __( 'Width' ) }

[69448] Fix | Delete

* onChange={ setWidth }

[69449] Fix | Delete

* value={ width }

[69450] Fix | Delete

* />

[69451] Fix | Delete

* </ToolsPanelItem>

[69452] Fix | Delete

* </ToolsPanel>

[69453] Fix | Delete

* );

[69454] Fix | Delete

* }

[69455] Fix | Delete

* ```

[69456] Fix | Delete

*/

[69457] Fix | Delete

const component_ToolsPanel = contextConnect(UnconnectedToolsPanel, 'ToolsPanel');

[69458] Fix | Delete

/* harmony default export */ const tools_panel_component = (component_ToolsPanel);

[69459] Fix | Delete

[69460] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/tools-panel/tools-panel-item/hook.js

[69461] Fix | Delete

/**

[69462] Fix | Delete

* WordPress dependencies

[69463] Fix | Delete

*/

[69464] Fix | Delete

[69465] Fix | Delete

[69466] Fix | Delete

[69467] Fix | Delete

/**

[69468] Fix | Delete

* Internal dependencies

[69469] Fix | Delete

*/

[69470] Fix | Delete

[69471] Fix | Delete

[69472] Fix | Delete

[69473] Fix | Delete

[69474] Fix | Delete

const hook_noop = () => {};

[69475] Fix | Delete

function useToolsPanelItem(props) {

[69476] Fix | Delete

const {

[69477] Fix | Delete

className,

[69478] Fix | Delete

hasValue,

[69479] Fix | Delete

isShownByDefault = false,

[69480] Fix | Delete

label,

[69481] Fix | Delete

panelId,

[69482] Fix | Delete

resetAllFilter = hook_noop,

[69483] Fix | Delete

onDeselect,

[69484] Fix | Delete

onSelect,

[69485] Fix | Delete

...otherProps

[69486] Fix | Delete

} = useContextSystem(props, 'ToolsPanelItem');

[69487] Fix | Delete

const {

[69488] Fix | Delete

panelId: currentPanelId,

[69489] Fix | Delete

menuItems,

[69490] Fix | Delete

registerResetAllFilter,

[69491] Fix | Delete

deregisterResetAllFilter,

[69492] Fix | Delete

registerPanelItem,

[69493] Fix | Delete

deregisterPanelItem,

[69494] Fix | Delete

flagItemCustomization,

[69495] Fix | Delete

isResetting,

[69496] Fix | Delete

shouldRenderPlaceholderItems: shouldRenderPlaceholder,

[69497] Fix | Delete

firstDisplayedItem,

[69498] Fix | Delete

lastDisplayedItem,

[69499] Fix | Delete