Edit File by line

var _a;

[68500] Fix | Delete

const syncState = (_a = props.store) == null ? void 0 : _a.getState();

[68501] Fix | Delete

return createCompositeStore(_chunks_4R3V3JGP_spreadProps(_chunks_4R3V3JGP_spreadValues({}, props), {

[68502] Fix | Delete

orientation: defaultValue(

[68503] Fix | Delete

props.orientation,

[68504] Fix | Delete

syncState == null ? void 0 : syncState.orientation,

[68505] Fix | Delete

"horizontal"

[68506] Fix | Delete

[68507] Fix | Delete

focusLoop: defaultValue(props.focusLoop, syncState == null ? void 0 : syncState.focusLoop, true)

[68508] Fix | Delete

}));

[68509] Fix | Delete

}

[68510] Fix | Delete

[68511] Fix | Delete

[68512] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/__chunks/BPNXFCFY.js

[68513] Fix | Delete

"use client";

[68514] Fix | Delete

[68515] Fix | Delete

[68516] Fix | Delete

[68517] Fix | Delete

// src/toolbar/toolbar-store.ts

[68518] Fix | Delete

[68519] Fix | Delete

function useToolbarStoreProps(store, update, props) {

[68520] Fix | Delete

return useCompositeStoreProps(store, update, props);

[68521] Fix | Delete

}

[68522] Fix | Delete

function useToolbarStore(props = {}) {

[68523] Fix | Delete

const [store, update] = EKQEJRUF_useStore(createToolbarStore, props);

[68524] Fix | Delete

return useToolbarStoreProps(store, update, props);

[68525] Fix | Delete

}

[68526] Fix | Delete

[68527] Fix | Delete

[68528] Fix | Delete

[68529] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@ariakit/react-core/esm/toolbar/toolbar.js

[68530] Fix | Delete

"use client";

[68531] Fix | Delete

[68532] Fix | Delete

[68533] Fix | Delete

[68534] Fix | Delete

[68535] Fix | Delete

[68536] Fix | Delete

[68537] Fix | Delete

[68538] Fix | Delete

[68539] Fix | Delete

[68540] Fix | Delete

[68541] Fix | Delete

[68542] Fix | Delete

[68543] Fix | Delete

[68544] Fix | Delete

[68545] Fix | Delete

[68546] Fix | Delete

[68547] Fix | Delete

// src/toolbar/toolbar.tsx

[68548] Fix | Delete

[68549] Fix | Delete

var useToolbar = createHook(

[68550] Fix | Delete

(_a) => {

[68551] Fix | Delete

var _b = _a, {

[68552] Fix | Delete

store: storeProp,

[68553] Fix | Delete

orientation: orientationProp,

[68554] Fix | Delete

virtualFocus,

[68555] Fix | Delete

focusLoop,

[68556] Fix | Delete

rtl

[68557] Fix | Delete

} = _b, props = __objRest(_b, [

[68558] Fix | Delete

"store",

[68559] Fix | Delete

"orientation",

[68560] Fix | Delete

"virtualFocus",

[68561] Fix | Delete

"focusLoop",

[68562] Fix | Delete

"rtl"

[68563] Fix | Delete

]);

[68564] Fix | Delete

const context = useToolbarProviderContext();

[68565] Fix | Delete

storeProp = storeProp || context;

[68566] Fix | Delete

const store = useToolbarStore({

[68567] Fix | Delete

store: storeProp,

[68568] Fix | Delete

orientation: orientationProp,

[68569] Fix | Delete

virtualFocus,

[68570] Fix | Delete

focusLoop,

[68571] Fix | Delete

rtl

[68572] Fix | Delete

});

[68573] Fix | Delete

const orientation = store.useState(

[68574] Fix | Delete

(state) => state.orientation === "both" ? void 0 : state.orientation

[68575] Fix | Delete

);

[68576] Fix | Delete

props = useWrapElement(

[68577] Fix | Delete

props,

[68578] Fix | Delete

(element) => /* @__PURE__ */ (0,external_ReactJSXRuntime_namespaceObject.jsx)(ToolbarScopedContextProvider, { value: store, children: element }),

[68579] Fix | Delete

[store]

[68580] Fix | Delete

);

[68581] Fix | Delete

props = _4R3V3JGP_spreadValues({

[68582] Fix | Delete

role: "toolbar",

[68583] Fix | Delete

"aria-orientation": orientation

[68584] Fix | Delete

}, props);

[68585] Fix | Delete

props = useComposite(_4R3V3JGP_spreadValues({ store }, props));

[68586] Fix | Delete

return props;

[68587] Fix | Delete

}

[68588] Fix | Delete

);

[68589] Fix | Delete

var Toolbar = createComponent((props) => {

[68590] Fix | Delete

const htmlProps = useToolbar(props);

[68591] Fix | Delete

return _3ORBWXWF_createElement("div", htmlProps);

[68592] Fix | Delete

});

[68593] Fix | Delete

if (false) {}

[68594] Fix | Delete

[68595] Fix | Delete

[68596] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar/toolbar/toolbar-container.js

[68597] Fix | Delete

/**

[68598] Fix | Delete

* External dependencies

[68599] Fix | Delete

[68600] Fix | Delete

// eslint-disable-next-line no-restricted-imports

[68601] Fix | Delete

[68602] Fix | Delete

/**

[68603] Fix | Delete

* WordPress dependencies

[68604] Fix | Delete

[68605] Fix | Delete

[68606] Fix | Delete

[68607] Fix | Delete

[68608] Fix | Delete

/**

[68609] Fix | Delete

* Internal dependencies

[68610] Fix | Delete

[68611] Fix | Delete

[68612] Fix | Delete

[68613] Fix | Delete

function UnforwardedToolbarContainer({

[68614] Fix | Delete

label,

[68615] Fix | Delete

...props

[68616] Fix | Delete

}, ref) {

[68617] Fix | Delete

const toolbarStore = useToolbarStore({

[68618] Fix | Delete

focusLoop: true,

[68619] Fix | Delete

rtl: (0,external_wp_i18n_namespaceObject.isRTL)()

[68620] Fix | Delete

});

[68621] Fix | Delete

return (

[68622] Fix | Delete

/*#__PURE__*/

[68623] Fix | Delete

// This will provide state for `ToolbarButton`'s

[68624] Fix | Delete

(0,external_ReactJSXRuntime_namespaceObject.jsx)(toolbar_context.Provider, {

[68625] Fix | Delete

value: toolbarStore,

[68626] Fix | Delete

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

[68627] Fix | Delete

ref: ref,

[68628] Fix | Delete

"aria-label": label,

[68629] Fix | Delete

store: toolbarStore,

[68630] Fix | Delete

...props

[68631] Fix | Delete

})

[68632] Fix | Delete

})

[68633] Fix | Delete

);

[68634] Fix | Delete

}

[68635] Fix | Delete

const ToolbarContainer = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedToolbarContainer);

[68636] Fix | Delete

/* harmony default export */ const toolbar_container = (ToolbarContainer);

[68637] Fix | Delete

[68638] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar/toolbar/index.js

[68639] Fix | Delete

/**

[68640] Fix | Delete

* External dependencies

[68641] Fix | Delete

[68642] Fix | Delete

[68643] Fix | Delete

/**

[68644] Fix | Delete

* WordPress dependencies

[68645] Fix | Delete

[68646] Fix | Delete

[68647] Fix | Delete

[68648] Fix | Delete

[68649] Fix | Delete

/**

[68650] Fix | Delete

* Internal dependencies

[68651] Fix | Delete

[68652] Fix | Delete

[68653] Fix | Delete

[68654] Fix | Delete

[68655] Fix | Delete

[68656] Fix | Delete

function UnforwardedToolbar({

[68657] Fix | Delete

className,

[68658] Fix | Delete

label,

[68659] Fix | Delete

variant,

[68660] Fix | Delete

...props

[68661] Fix | Delete

}, ref) {

[68662] Fix | Delete

const isVariantDefined = variant !== undefined;

[68663] Fix | Delete

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

[68664] Fix | Delete

if (isVariantDefined) {

[68665] Fix | Delete

return {};

[68666] Fix | Delete

}

[68667] Fix | Delete

return {

[68668] Fix | Delete

DropdownMenu: {

[68669] Fix | Delete

variant: 'toolbar'

[68670] Fix | Delete

[68671] Fix | Delete

Dropdown: {

[68672] Fix | Delete

variant: 'toolbar'

[68673] Fix | Delete

}

[68674] Fix | Delete

};

[68675] Fix | Delete

}, [isVariantDefined]);

[68676] Fix | Delete

if (!label) {

[68677] Fix | Delete

external_wp_deprecated_default()('Using Toolbar without label prop', {

[68678] Fix | Delete

since: '5.6',

[68679] Fix | Delete

alternative: 'ToolbarGroup component',

[68680] Fix | Delete

link: 'https://developer.wordpress.org/block-editor/components/toolbar/'

[68681] Fix | Delete

});

[68682] Fix | Delete

// Extracting title from `props` because `ToolbarGroup` doesn't accept it.

[68683] Fix | Delete

const {

[68684] Fix | Delete

title: _title,

[68685] Fix | Delete

...restProps

[68686] Fix | Delete

} = props;

[68687] Fix | Delete

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

[68688] Fix | Delete

isCollapsed: false,

[68689] Fix | Delete

...restProps,

[68690] Fix | Delete

className: className

[68691] Fix | Delete

});

[68692] Fix | Delete

}

[68693] Fix | Delete

// `ToolbarGroup` already uses components-toolbar for compatibility reasons.

[68694] Fix | Delete

const finalClassName = dist_clsx('components-accessible-toolbar', className, variant && `is-${variant}`);

[68695] Fix | Delete

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

[68696] Fix | Delete

value: contextSystemValue,

[68697] Fix | Delete

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

[68698] Fix | Delete

className: finalClassName,

[68699] Fix | Delete

label: label,

[68700] Fix | Delete

ref: ref,

[68701] Fix | Delete

...props

[68702] Fix | Delete

})

[68703] Fix | Delete

});

[68704] Fix | Delete

}

[68705] Fix | Delete

[68706] Fix | Delete

/**

[68707] Fix | Delete

* Renders a toolbar.

[68708] Fix | Delete

[68709] Fix | Delete

* To add controls, simply pass `ToolbarButton` components as children.

[68710] Fix | Delete

[68711] Fix | Delete

* ```jsx

[68712] Fix | Delete

* import { Toolbar, ToolbarButton } from '@wordpress/components';

[68713] Fix | Delete

* import { formatBold, formatItalic, link } from '@wordpress/icons';

[68714] Fix | Delete

[68715] Fix | Delete

* function MyToolbar() {

[68716] Fix | Delete

* return (

[68717] Fix | Delete

* <Toolbar label="Options">

[68718] Fix | Delete

* <ToolbarButton icon={ formatBold } label="Bold" />

[68719] Fix | Delete

* <ToolbarButton icon={ formatItalic } label="Italic" />

[68720] Fix | Delete

* <ToolbarButton icon={ link } label="Link" />

[68721] Fix | Delete

* </Toolbar>

[68722] Fix | Delete

* );

[68723] Fix | Delete

* }

[68724] Fix | Delete

* ```

[68725] Fix | Delete

[68726] Fix | Delete

const toolbar_Toolbar = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedToolbar);

[68727] Fix | Delete

/* harmony default export */ const toolbar = (toolbar_Toolbar);

[68728] Fix | Delete

[68729] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/components/build-module/toolbar/toolbar-dropdown-menu/index.js

[68730] Fix | Delete

/**

[68731] Fix | Delete

* WordPress dependencies

[68732] Fix | Delete

[68733] Fix | Delete

[68734] Fix | Delete

[68735] Fix | Delete

/**

[68736] Fix | Delete

* External dependencies

[68737] Fix | Delete

[68738] Fix | Delete

[68739] Fix | Delete

/**

[68740] Fix | Delete

* Internal dependencies

[68741] Fix | Delete

[68742] Fix | Delete

[68743] Fix | Delete

[68744] Fix | Delete

[68745] Fix | Delete

[68746] Fix | Delete

function ToolbarDropdownMenu(props, ref) {

[68747] Fix | Delete

const accessibleToolbarState = (0,external_wp_element_namespaceObject.useContext)(toolbar_context);

[68748] Fix | Delete

if (!accessibleToolbarState) {

[68749] Fix | Delete

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

[68750] Fix | Delete

...props

[68751] Fix | Delete

});

[68752] Fix | Delete

}

[68753] Fix | Delete

[68754] Fix | Delete

// ToolbarItem will pass all props to the render prop child, which will pass

[68755] Fix | Delete

// all props to the toggle of DropdownMenu. This means that ToolbarDropdownMenu

[68756] Fix | Delete

// has the same API as DropdownMenu.

[68757] Fix | Delete

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

[68758] Fix | Delete

ref: ref,

[68759] Fix | Delete

...props.toggleProps,

[68760] Fix | Delete

children: toolbarItemProps => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(dropdown_menu, {

[68761] Fix | Delete

...props,

[68762] Fix | Delete

popoverProps: {

[68763] Fix | Delete

...props.popoverProps

[68764] Fix | Delete

[68765] Fix | Delete

toggleProps: toolbarItemProps

[68766] Fix | Delete

})

[68767] Fix | Delete

});

[68768] Fix | Delete

}

[68769] Fix | Delete

/* harmony default export */ const toolbar_dropdown_menu = ((0,external_wp_element_namespaceObject.forwardRef)(ToolbarDropdownMenu));

[68770] Fix | Delete

[68771] Fix | Delete

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

[68772] Fix | Delete

[68773] Fix | Delete

function tools_panel_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)."; }

[68774] Fix | Delete

/**

[68775] Fix | Delete

* External dependencies

[68776] Fix | Delete

[68777] Fix | Delete

[68778] Fix | Delete

[68779] Fix | Delete

[68780] Fix | Delete

/**

[68781] Fix | Delete

* Internal dependencies

[68782] Fix | Delete

[68783] Fix | Delete

[68784] Fix | Delete

[68785] Fix | Delete

[68786] Fix | Delete

[68787] Fix | Delete

const toolsPanelGrid = {

[68788] Fix | Delete

columns: columns => /*#__PURE__*/emotion_react_browser_esm_css("grid-template-columns:", `repeat( ${columns}, minmax(0, 1fr) )`, ";" + ( true ? "" : 0), true ? "" : 0),

[68789] Fix | Delete

spacing: /*#__PURE__*/emotion_react_browser_esm_css("column-gap:", space(2), ";row-gap:", space(4), ";" + ( true ? "" : 0), true ? "" : 0),

[68790] Fix | Delete

item: {

[68791] Fix | Delete

fullWidth: true ? {

[68792] Fix | Delete

[68793] Fix | Delete

styles: "grid-column:1/-1"

[68794] Fix | Delete

} : 0

[68795] Fix | Delete

}

[68796] Fix | Delete

};

[68797] Fix | Delete

const ToolsPanel = columns => /*#__PURE__*/emotion_react_browser_esm_css(toolsPanelGrid.columns(columns), " ", toolsPanelGrid.spacing, " border-top:", config_values.borderWidth, " solid ", COLORS.gray[300], ";margin-top:-1px;padding:", space(4), ";" + ( true ? "" : 0), true ? "" : 0);

[68798] Fix | Delete

[68799] Fix | Delete

/**

[68800] Fix | Delete

* Items injected into a ToolsPanel via a virtual bubbling slot will require

[68801] Fix | Delete

* an inner dom element to be injected. The following rule allows for the

[68802] Fix | Delete

* CSS grid display to be re-established.

[68803] Fix | Delete

[68804] Fix | Delete

[68805] Fix | Delete

const ToolsPanelWithInnerWrapper = columns => {

[68806] Fix | Delete

return /*#__PURE__*/emotion_react_browser_esm_css(">div:not( :first-of-type ){display:grid;", toolsPanelGrid.columns(columns), " ", toolsPanelGrid.spacing, " ", toolsPanelGrid.item.fullWidth, ";}" + ( true ? "" : 0), true ? "" : 0);

[68807] Fix | Delete

};

[68808] Fix | Delete

const ToolsPanelHiddenInnerWrapper = true ? {

[68809] Fix | Delete

[68810] Fix | Delete

styles: ">div:not( :first-of-type ){display:none;}"

[68811] Fix | Delete

} : 0;

[68812] Fix | Delete

const ToolsPanelHeader = /*#__PURE__*/emotion_react_browser_esm_css(toolsPanelGrid.item.fullWidth, " gap:", space(2), ";.components-dropdown-menu{margin:", space(-1), " 0;line-height:0;}&&&& .components-dropdown-menu__toggle{padding:0;min-width:", space(6), ";}" + ( true ? "" : 0), true ? "" : 0);

[68813] Fix | Delete

const ToolsPanelHeading = true ? {

[68814] Fix | Delete

[68815] Fix | Delete

styles: "font-size:inherit;font-weight:500;line-height:normal;&&{margin:0;}"

[68816] Fix | Delete

} : 0;

[68817] Fix | Delete

[68818] Fix | Delete

const ToolsPanelItemPlaceholder = true ? {

[68819] Fix | Delete

[68820] Fix | Delete

styles: "display:none"

[68821] Fix | Delete

} : 0;

[68822] Fix | Delete

const styles_DropdownMenu = true ? {

[68823] Fix | Delete

[68824] Fix | Delete

styles: "min-width:200px"

[68825] Fix | Delete

} : 0;

[68826] Fix | Delete

const ResetLabel = /*#__PURE__*/emotion_styled_base_browser_esm("span", true ? {

[68827] Fix | Delete

target: "ews648u0"

[68828] Fix | Delete

} : 0)("color:", COLORS.theme.accentDarker10, ";font-size:11px;font-weight:500;line-height:1.4;", rtl({

[68829] Fix | Delete

marginLeft: space(3)

[68830] Fix | Delete

}), " text-transform:uppercase;" + ( true ? "" : 0));

[68831] Fix | Delete

[68832] Fix | Delete

[68833] Fix | Delete

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

[68834] Fix | Delete

/**

[68835] Fix | Delete

* WordPress dependencies

[68836] Fix | Delete

[68837] Fix | Delete

[68838] Fix | Delete

[68839] Fix | Delete

/**

[68840] Fix | Delete

* Internal dependencies

[68841] Fix | Delete

[68842] Fix | Delete

[68843] Fix | Delete

const tools_panel_context_noop = () => undefined;

[68844] Fix | Delete

const ToolsPanelContext = (0,external_wp_element_namespaceObject.createContext)({

[68845] Fix | Delete

menuItems: {

[68846] Fix | Delete

default: {},

[68847] Fix | Delete

optional: {}

[68848] Fix | Delete

[68849] Fix | Delete

hasMenuItems: false,

[68850] Fix | Delete

isResetting: false,

[68851] Fix | Delete

shouldRenderPlaceholderItems: false,

[68852] Fix | Delete

registerPanelItem: tools_panel_context_noop,

[68853] Fix | Delete

deregisterPanelItem: tools_panel_context_noop,

[68854] Fix | Delete

flagItemCustomization: tools_panel_context_noop,

[68855] Fix | Delete

registerResetAllFilter: tools_panel_context_noop,

[68856] Fix | Delete

deregisterResetAllFilter: tools_panel_context_noop,

[68857] Fix | Delete

areAllOptionalControlsHidden: true

[68858] Fix | Delete

});

[68859] Fix | Delete

const useToolsPanelContext = () => (0,external_wp_element_namespaceObject.useContext)(ToolsPanelContext);

[68860] Fix | Delete

[68861] Fix | Delete

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

[68862] Fix | Delete

/**

[68863] Fix | Delete

* WordPress dependencies

[68864] Fix | Delete

[68865] Fix | Delete

[68866] Fix | Delete

[68867] Fix | Delete

/**

[68868] Fix | Delete

* Internal dependencies

[68869] Fix | Delete

[68870] Fix | Delete

[68871] Fix | Delete

[68872] Fix | Delete

[68873] Fix | Delete

[68874] Fix | Delete

function useToolsPanelHeader(props) {

[68875] Fix | Delete

const {

[68876] Fix | Delete

className,

[68877] Fix | Delete

headingLevel = 2,

[68878] Fix | Delete

...otherProps

[68879] Fix | Delete

} = useContextSystem(props, 'ToolsPanelHeader');

[68880] Fix | Delete

const cx = useCx();

[68881] Fix | Delete

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

[68882] Fix | Delete

return cx(ToolsPanelHeader, className);

[68883] Fix | Delete

}, [className, cx]);

[68884] Fix | Delete

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

[68885] Fix | Delete

return cx(styles_DropdownMenu);

[68886] Fix | Delete

}, [cx]);

[68887] Fix | Delete

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

[68888] Fix | Delete

return cx(ToolsPanelHeading);

[68889] Fix | Delete

}, [cx]);

[68890] Fix | Delete

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

[68891] Fix | Delete

return cx(DefaultControlsItem);

[68892] Fix | Delete

}, [cx]);

[68893] Fix | Delete

const {

[68894] Fix | Delete

menuItems,

[68895] Fix | Delete

hasMenuItems,

[68896] Fix | Delete

areAllOptionalControlsHidden

[68897] Fix | Delete

} = useToolsPanelContext();

[68898] Fix | Delete

return {

[68899] Fix | Delete

...otherProps,

[68900] Fix | Delete

areAllOptionalControlsHidden,

[68901] Fix | Delete

defaultControlsItemClassName,

[68902] Fix | Delete

dropdownMenuClassName,

[68903] Fix | Delete

hasMenuItems,

[68904] Fix | Delete

headingClassName,

[68905] Fix | Delete

headingLevel,

[68906] Fix | Delete

menuItems,

[68907] Fix | Delete

className: classes

[68908] Fix | Delete

};

[68909] Fix | Delete

}

[68910] Fix | Delete

[68911] Fix | Delete

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

[68912] Fix | Delete

/**

[68913] Fix | Delete

* External dependencies

[68914] Fix | Delete

[68915] Fix | Delete

[68916] Fix | Delete

/**

[68917] Fix | Delete

* WordPress dependencies

[68918] Fix | Delete

[68919] Fix | Delete

[68920] Fix | Delete

[68921] Fix | Delete

[68922] Fix | Delete

[68923] Fix | Delete

/**

[68924] Fix | Delete

* Internal dependencies

[68925] Fix | Delete

[68926] Fix | Delete

[68927] Fix | Delete

[68928] Fix | Delete

[68929] Fix | Delete

[68930] Fix | Delete

[68931] Fix | Delete

[68932] Fix | Delete

[68933] Fix | Delete

[68934] Fix | Delete

[68935] Fix | Delete

[68936] Fix | Delete

[68937] Fix | Delete

const DefaultControlsGroup = ({

[68938] Fix | Delete

itemClassName,

[68939] Fix | Delete

items,

[68940] Fix | Delete

toggleItem

[68941] Fix | Delete

}) => {

[68942] Fix | Delete

if (!items.length) {

[68943] Fix | Delete

return null;

[68944] Fix | Delete

}

[68945] Fix | Delete

const resetSuffix = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ResetLabel, {

[68946] Fix | Delete

"aria-hidden": true,

[68947] Fix | Delete

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

[68948] Fix | Delete

});

[68949] Fix | Delete

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

[68950] Fix | Delete

children: items.map(([label, hasValue]) => {

[68951] Fix | Delete

if (hasValue) {

[68952] Fix | Delete

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

[68953] Fix | Delete

className: itemClassName,

[68954] Fix | Delete

role: "menuitem",

[68955] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.sprintf)(

[68956] Fix | Delete

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

[68957] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('Reset %s'), label),

[68958] Fix | Delete

onClick: () => {

[68959] Fix | Delete

toggleItem(label);

[68960] Fix | Delete

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

[68961] Fix | Delete

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

[68962] Fix | Delete

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

[68963] Fix | Delete

[68964] Fix | Delete

suffix: resetSuffix,

[68965] Fix | Delete

children: label

[68966] Fix | Delete

}, label);

[68967] Fix | Delete

}

[68968] Fix | Delete

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

[68969] Fix | Delete

icon: library_check,

[68970] Fix | Delete

className: itemClassName,

[68971] Fix | Delete

role: "menuitemcheckbox",

[68972] Fix | Delete

isSelected: true,

[68973] Fix | Delete

"aria-disabled": true,

[68974] Fix | Delete

children: label

[68975] Fix | Delete

}, label);

[68976] Fix | Delete

})

[68977] Fix | Delete

});

[68978] Fix | Delete

};

[68979] Fix | Delete

const OptionalControlsGroup = ({

[68980] Fix | Delete

items,

[68981] Fix | Delete

toggleItem

[68982] Fix | Delete

}) => {

[68983] Fix | Delete

if (!items.length) {

[68984] Fix | Delete

return null;

[68985] Fix | Delete

}

[68986] Fix | Delete

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

[68987] Fix | Delete

children: items.map(([label, isSelected]) => {

[68988] Fix | Delete

const itemLabel = isSelected ? (0,external_wp_i18n_namespaceObject.sprintf)(

[68989] Fix | Delete

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

[68990] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('Hide and reset %s'), label) : (0,external_wp_i18n_namespaceObject.sprintf)(

[68991] Fix | Delete

// translators: %s: The name of the control to display e.g. "Padding".

[68992] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('Show %s'), label);

[68993] Fix | Delete

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

[68994] Fix | Delete

icon: isSelected ? library_check : null,

[68995] Fix | Delete

isSelected: isSelected,

[68996] Fix | Delete

label: itemLabel,

[68997] Fix | Delete

onClick: () => {

[68998] Fix | Delete

if (isSelected) {

[68999] Fix | Delete

1 ...136 137138139 140 ...149