Edit File by line

background: gradient

[45000] Fix | Delete

[45001] Fix | Delete

onClick: value === gradient ? clearGradient : () => onChange(gradient, index),

[45002] Fix | Delete

"aria-label": name ?

[45003] Fix | Delete

// translators: %s: The name of the gradient e.g: "Angular red to blue".

[45004] Fix | Delete

(0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('Gradient: %s'), name) :

[45005] Fix | Delete

// translators: %s: gradient code e.g: "linear-gradient(90deg, rgba(98,16,153,1) 0%, rgba(172,110,22,1) 100%);".

[45006] Fix | Delete

(0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('Gradient code: %s'), gradient)

[45007] Fix | Delete

}, slug));

[45008] Fix | Delete

}, [gradients, value, onChange, clearGradient]);

[45009] Fix | Delete

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

[45010] Fix | Delete

className: className,

[45011] Fix | Delete

options: gradientOptions,

[45012] Fix | Delete

...additionalProps

[45013] Fix | Delete

});

[45014] Fix | Delete

}

[45015] Fix | Delete

function MultipleOrigin({

[45016] Fix | Delete

className,

[45017] Fix | Delete

clearGradient,

[45018] Fix | Delete

gradients,

[45019] Fix | Delete

onChange,

[45020] Fix | Delete

value,

[45021] Fix | Delete

headingLevel

[45022] Fix | Delete

}) {

[45023] Fix | Delete

const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(MultipleOrigin);

[45024] Fix | Delete

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

[45025] Fix | Delete

spacing: 3,

[45026] Fix | Delete

className: className,

[45027] Fix | Delete

children: gradients.map(({

[45028] Fix | Delete

name,

[45029] Fix | Delete

gradients: gradientSet

[45030] Fix | Delete

}, index) => {

[45031] Fix | Delete

const id = `color-palette-${instanceId}-${index}`;

[45032] Fix | Delete

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

[45033] Fix | Delete

spacing: 2,

[45034] Fix | Delete

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

[45035] Fix | Delete

level: headingLevel,

[45036] Fix | Delete

id: id,

[45037] Fix | Delete

children: name

[45038] Fix | Delete

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

[45039] Fix | Delete

clearGradient: clearGradient,

[45040] Fix | Delete

gradients: gradientSet,

[45041] Fix | Delete

onChange: gradient => onChange(gradient, index),

[45042] Fix | Delete

value: value,

[45043] Fix | Delete

"aria-labelledby": id

[45044] Fix | Delete

})]

[45045] Fix | Delete

}, index);

[45046] Fix | Delete

})

[45047] Fix | Delete

});

[45048] Fix | Delete

}

[45049] Fix | Delete

function gradient_picker_Component(props) {

[45050] Fix | Delete

const {

[45051] Fix | Delete

asButtons,

[45052] Fix | Delete

loop,

[45053] Fix | Delete

actions,

[45054] Fix | Delete

headingLevel,

[45055] Fix | Delete

'aria-label': ariaLabel,

[45056] Fix | Delete

'aria-labelledby': ariaLabelledby,

[45057] Fix | Delete

...additionalProps

[45058] Fix | Delete

} = props;

[45059] Fix | Delete

const options = isMultipleOriginArray(props.gradients) ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MultipleOrigin, {

[45060] Fix | Delete

headingLevel: headingLevel,

[45061] Fix | Delete

...additionalProps

[45062] Fix | Delete

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

[45063] Fix | Delete

...additionalProps

[45064] Fix | Delete

});

[45065] Fix | Delete

let metaProps;

[45066] Fix | Delete

if (asButtons) {

[45067] Fix | Delete

metaProps = {

[45068] Fix | Delete

asButtons: true

[45069] Fix | Delete

};

[45070] Fix | Delete

} else {

[45071] Fix | Delete

const _metaProps = {

[45072] Fix | Delete

asButtons: false,

[45073] Fix | Delete

loop

[45074] Fix | Delete

};

[45075] Fix | Delete

if (ariaLabel) {

[45076] Fix | Delete

metaProps = {

[45077] Fix | Delete

..._metaProps,

[45078] Fix | Delete

'aria-label': ariaLabel

[45079] Fix | Delete

};

[45080] Fix | Delete

} else if (ariaLabelledby) {

[45081] Fix | Delete

metaProps = {

[45082] Fix | Delete

..._metaProps,

[45083] Fix | Delete

'aria-labelledby': ariaLabelledby

[45084] Fix | Delete

};

[45085] Fix | Delete

} else {

[45086] Fix | Delete

metaProps = {

[45087] Fix | Delete

..._metaProps,

[45088] Fix | Delete

'aria-label': (0,external_wp_i18n_namespaceObject.__)('Custom color picker.')

[45089] Fix | Delete

};

[45090] Fix | Delete

}

[45091] Fix | Delete

}

[45092] Fix | Delete

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

[45093] Fix | Delete

...metaProps,

[45094] Fix | Delete

actions: actions,

[45095] Fix | Delete

options: options

[45096] Fix | Delete

});

[45097] Fix | Delete

}

[45098] Fix | Delete

[45099] Fix | Delete

/**

[45100] Fix | Delete

* GradientPicker is a React component that renders a color gradient picker to

[45101] Fix | Delete

* define a multi step gradient. There's either a _linear_ or a _radial_ type

[45102] Fix | Delete

* available.

[45103] Fix | Delete

[45104] Fix | Delete

* ```jsx

[45105] Fix | Delete

*import { GradientPicker } from '@wordpress/components';

[45106] Fix | Delete

*import { useState } from '@wordpress/element';

[45107] Fix | Delete

[45108] Fix | Delete

*const myGradientPicker = () => {

[45109] Fix | Delete

* const [ gradient, setGradient ] = useState( null );

[45110] Fix | Delete

[45111] Fix | Delete

* return (

[45112] Fix | Delete

* <GradientPicker

[45113] Fix | Delete

* value={ gradient }

[45114] Fix | Delete

* onChange={ ( currentGradient ) => setGradient( currentGradient ) }

[45115] Fix | Delete

* gradients={ [

[45116] Fix | Delete

* {

[45117] Fix | Delete

* name: 'JShine',

[45118] Fix | Delete

* gradient:

[45119] Fix | Delete

* 'linear-gradient(135deg,#12c2e9 0%,#c471ed 50%,#f64f59 100%)',

[45120] Fix | Delete

* slug: 'jshine',

[45121] Fix | Delete

* },

[45122] Fix | Delete

* {

[45123] Fix | Delete

* name: 'Moonlit Asteroid',

[45124] Fix | Delete

* gradient:

[45125] Fix | Delete

* 'linear-gradient(135deg,#0F2027 0%, #203A43 0%, #2c5364 100%)',

[45126] Fix | Delete

* slug: 'moonlit-asteroid',

[45127] Fix | Delete

* },

[45128] Fix | Delete

* {

[45129] Fix | Delete

* name: 'Rastafarie',

[45130] Fix | Delete

* gradient:

[45131] Fix | Delete

* 'linear-gradient(135deg,#1E9600 0%, #FFF200 0%, #FF0000 100%)',

[45132] Fix | Delete

* slug: 'rastafari',

[45133] Fix | Delete

* },

[45134] Fix | Delete

* ] }

[45135] Fix | Delete

* />

[45136] Fix | Delete

* );

[45137] Fix | Delete

*};

[45138] Fix | Delete

*```

[45139] Fix | Delete

[45140] Fix | Delete

[45141] Fix | Delete

function GradientPicker({

[45142] Fix | Delete

className,

[45143] Fix | Delete

gradients = [],

[45144] Fix | Delete

onChange,

[45145] Fix | Delete

value,

[45146] Fix | Delete

clearable = true,

[45147] Fix | Delete

disableCustomGradients = false,

[45148] Fix | Delete

__experimentalIsRenderedInSidebar,

[45149] Fix | Delete

headingLevel = 2,

[45150] Fix | Delete

...additionalProps

[45151] Fix | Delete

}) {

[45152] Fix | Delete

const clearGradient = (0,external_wp_element_namespaceObject.useCallback)(() => onChange(undefined), [onChange]);

[45153] Fix | Delete

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

[45154] Fix | Delete

spacing: gradients.length ? 4 : 0,

[45155] Fix | Delete

children: [!disableCustomGradients && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(custom_gradient_picker, {

[45156] Fix | Delete

__experimentalIsRenderedInSidebar: __experimentalIsRenderedInSidebar,

[45157] Fix | Delete

value: value,

[45158] Fix | Delete

onChange: onChange

[45159] Fix | Delete

}), (gradients.length > 0 || clearable) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(gradient_picker_Component, {

[45160] Fix | Delete

...additionalProps,

[45161] Fix | Delete

className: className,

[45162] Fix | Delete

clearGradient: clearGradient,

[45163] Fix | Delete

gradients: gradients,

[45164] Fix | Delete

onChange: onChange,

[45165] Fix | Delete

value: value,

[45166] Fix | Delete

actions: clearable && !disableCustomGradients && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(build_module_circular_option_picker.ButtonAction, {

[45167] Fix | Delete

onClick: clearGradient,

[45168] Fix | Delete

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

[45169] Fix | Delete

}),

[45170] Fix | Delete

headingLevel: headingLevel

[45171] Fix | Delete

})]

[45172] Fix | Delete

});

[45173] Fix | Delete

}

[45174] Fix | Delete

/* harmony default export */ const gradient_picker = (GradientPicker);

[45175] Fix | Delete

[45176] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/menu.js

[45177] Fix | Delete

/**

[45178] Fix | Delete

* WordPress dependencies

[45179] Fix | Delete

[45180] Fix | Delete

[45181] Fix | Delete

[45182] Fix | Delete

const menu = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {

[45183] Fix | Delete

xmlns: "http://www.w3.org/2000/svg",

[45184] Fix | Delete

viewBox: "0 0 24 24",

[45185] Fix | Delete

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

[45186] Fix | Delete

d: "M5 5v1.5h14V5H5zm0 7.8h14v-1.5H5v1.5zM5 19h14v-1.5H5V19z"

[45187] Fix | Delete

})

[45188] Fix | Delete

});

[45189] Fix | Delete

/* harmony default export */ const library_menu = (menu);

[45190] Fix | Delete

[45191] Fix | Delete

;// CONCATENATED MODULE: external ["wp","dom"]

[45192] Fix | Delete

const external_wp_dom_namespaceObject = window["wp"]["dom"];

[45193] Fix | Delete

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

[45194] Fix | Delete

/**

[45195] Fix | Delete

* External dependencies

[45196] Fix | Delete

[45197] Fix | Delete

[45198] Fix | Delete

/**

[45199] Fix | Delete

* WordPress dependencies

[45200] Fix | Delete

[45201] Fix | Delete

[45202] Fix | Delete

[45203] Fix | Delete

[45204] Fix | Delete

/**

[45205] Fix | Delete

* Internal dependencies

[45206] Fix | Delete

[45207] Fix | Delete

[45208] Fix | Delete

const container_noop = () => {};

[45209] Fix | Delete

const MENU_ITEM_ROLES = ['menuitem', 'menuitemradio', 'menuitemcheckbox'];

[45210] Fix | Delete

function cycleValue(value, total, offset) {

[45211] Fix | Delete

const nextValue = value + offset;

[45212] Fix | Delete

if (nextValue < 0) {

[45213] Fix | Delete

return total + nextValue;

[45214] Fix | Delete

} else if (nextValue >= total) {

[45215] Fix | Delete

return nextValue - total;

[45216] Fix | Delete

}

[45217] Fix | Delete

return nextValue;

[45218] Fix | Delete

}

[45219] Fix | Delete

class NavigableContainer extends external_wp_element_namespaceObject.Component {

[45220] Fix | Delete

constructor(args) {

[45221] Fix | Delete

super(args);

[45222] Fix | Delete

this.onKeyDown = this.onKeyDown.bind(this);

[45223] Fix | Delete

this.bindContainer = this.bindContainer.bind(this);

[45224] Fix | Delete

this.getFocusableContext = this.getFocusableContext.bind(this);

[45225] Fix | Delete

this.getFocusableIndex = this.getFocusableIndex.bind(this);

[45226] Fix | Delete

}

[45227] Fix | Delete

componentDidMount() {

[45228] Fix | Delete

if (!this.container) {

[45229] Fix | Delete

return;

[45230] Fix | Delete

}

[45231] Fix | Delete

[45232] Fix | Delete

// We use DOM event listeners instead of React event listeners

[45233] Fix | Delete

// because we want to catch events from the underlying DOM tree

[45234] Fix | Delete

// The React Tree can be different from the DOM tree when using

[45235] Fix | Delete

// portals. Block Toolbars for instance are rendered in a separate

[45236] Fix | Delete

// React Trees.

[45237] Fix | Delete

this.container.addEventListener('keydown', this.onKeyDown);

[45238] Fix | Delete

}

[45239] Fix | Delete

componentWillUnmount() {

[45240] Fix | Delete

if (!this.container) {

[45241] Fix | Delete

return;

[45242] Fix | Delete

}

[45243] Fix | Delete

this.container.removeEventListener('keydown', this.onKeyDown);

[45244] Fix | Delete

}

[45245] Fix | Delete

bindContainer(ref) {

[45246] Fix | Delete

const {

[45247] Fix | Delete

forwardedRef

[45248] Fix | Delete

} = this.props;

[45249] Fix | Delete

this.container = ref;

[45250] Fix | Delete

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

[45251] Fix | Delete

forwardedRef(ref);

[45252] Fix | Delete

} else if (forwardedRef && 'current' in forwardedRef) {

[45253] Fix | Delete

forwardedRef.current = ref;

[45254] Fix | Delete

}

[45255] Fix | Delete

}

[45256] Fix | Delete

getFocusableContext(target) {

[45257] Fix | Delete

if (!this.container) {

[45258] Fix | Delete

return null;

[45259] Fix | Delete

}

[45260] Fix | Delete

const {

[45261] Fix | Delete

onlyBrowserTabstops

[45262] Fix | Delete

} = this.props;

[45263] Fix | Delete

const finder = onlyBrowserTabstops ? external_wp_dom_namespaceObject.focus.tabbable : external_wp_dom_namespaceObject.focus.focusable;

[45264] Fix | Delete

const focusables = finder.find(this.container);

[45265] Fix | Delete

const index = this.getFocusableIndex(focusables, target);

[45266] Fix | Delete

if (index > -1 && target) {

[45267] Fix | Delete

return {

[45268] Fix | Delete

index,

[45269] Fix | Delete

target,

[45270] Fix | Delete

focusables

[45271] Fix | Delete

};

[45272] Fix | Delete

}

[45273] Fix | Delete

return null;

[45274] Fix | Delete

}

[45275] Fix | Delete

getFocusableIndex(focusables, target) {

[45276] Fix | Delete

return focusables.indexOf(target);

[45277] Fix | Delete

}

[45278] Fix | Delete

onKeyDown(event) {

[45279] Fix | Delete

if (this.props.onKeyDown) {

[45280] Fix | Delete

this.props.onKeyDown(event);

[45281] Fix | Delete

}

[45282] Fix | Delete

const {

[45283] Fix | Delete

getFocusableContext

[45284] Fix | Delete

} = this;

[45285] Fix | Delete

const {

[45286] Fix | Delete

cycle = true,

[45287] Fix | Delete

eventToOffset,

[45288] Fix | Delete

onNavigate = container_noop,

[45289] Fix | Delete

stopNavigationEvents

[45290] Fix | Delete

} = this.props;

[45291] Fix | Delete

const offset = eventToOffset(event);

[45292] Fix | Delete

[45293] Fix | Delete

// eventToOffset returns undefined if the event is not handled by the component.

[45294] Fix | Delete

if (offset !== undefined && stopNavigationEvents) {

[45295] Fix | Delete

// Prevents arrow key handlers bound to the document directly interfering.

[45296] Fix | Delete

event.stopImmediatePropagation();

[45297] Fix | Delete

[45298] Fix | Delete

// When navigating a collection of items, prevent scroll containers

[45299] Fix | Delete

// from scrolling. The preventDefault also prevents Voiceover from

[45300] Fix | Delete

// 'handling' the event, as voiceover will try to use arrow keys

[45301] Fix | Delete

// for highlighting text.

[45302] Fix | Delete

const targetRole = event.target?.getAttribute('role');

[45303] Fix | Delete

const targetHasMenuItemRole = !!targetRole && MENU_ITEM_ROLES.includes(targetRole);

[45304] Fix | Delete

if (targetHasMenuItemRole) {

[45305] Fix | Delete

event.preventDefault();

[45306] Fix | Delete

}

[45307] Fix | Delete

}

[45308] Fix | Delete

if (!offset) {

[45309] Fix | Delete

return;

[45310] Fix | Delete

}

[45311] Fix | Delete

const activeElement = event.target?.ownerDocument?.activeElement;

[45312] Fix | Delete

if (!activeElement) {

[45313] Fix | Delete

return;

[45314] Fix | Delete

}

[45315] Fix | Delete

const context = getFocusableContext(activeElement);

[45316] Fix | Delete

if (!context) {

[45317] Fix | Delete

return;

[45318] Fix | Delete

}

[45319] Fix | Delete

const {

[45320] Fix | Delete

index,

[45321] Fix | Delete

focusables

[45322] Fix | Delete

} = context;

[45323] Fix | Delete

const nextIndex = cycle ? cycleValue(index, focusables.length, offset) : index + offset;

[45324] Fix | Delete

if (nextIndex >= 0 && nextIndex < focusables.length) {

[45325] Fix | Delete

focusables[nextIndex].focus();

[45326] Fix | Delete

onNavigate(nextIndex, focusables[nextIndex]);

[45327] Fix | Delete

[45328] Fix | Delete

// `preventDefault()` on tab to avoid having the browser move the focus

[45329] Fix | Delete

// after this component has already moved it.

[45330] Fix | Delete

if (event.code === 'Tab') {

[45331] Fix | Delete

event.preventDefault();

[45332] Fix | Delete

}

[45333] Fix | Delete

}

[45334] Fix | Delete

}

[45335] Fix | Delete

render() {

[45336] Fix | Delete

const {

[45337] Fix | Delete

children,

[45338] Fix | Delete

stopNavigationEvents,

[45339] Fix | Delete

eventToOffset,

[45340] Fix | Delete

onNavigate,

[45341] Fix | Delete

onKeyDown,

[45342] Fix | Delete

cycle,

[45343] Fix | Delete

onlyBrowserTabstops,

[45344] Fix | Delete

forwardedRef,

[45345] Fix | Delete

...restProps

[45346] Fix | Delete

} = this.props;

[45347] Fix | Delete

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

[45348] Fix | Delete

ref: this.bindContainer,

[45349] Fix | Delete

...restProps,

[45350] Fix | Delete

children: children

[45351] Fix | Delete

});

[45352] Fix | Delete

}

[45353] Fix | Delete

}

[45354] Fix | Delete

const forwardedNavigableContainer = (props, ref) => {

[45355] Fix | Delete

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

[45356] Fix | Delete

...props,

[45357] Fix | Delete

forwardedRef: ref

[45358] Fix | Delete

});

[45359] Fix | Delete

};

[45360] Fix | Delete

forwardedNavigableContainer.displayName = 'NavigableContainer';

[45361] Fix | Delete

/* harmony default export */ const container = ((0,external_wp_element_namespaceObject.forwardRef)(forwardedNavigableContainer));

[45362] Fix | Delete

[45363] Fix | Delete

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

[45364] Fix | Delete

/**

[45365] Fix | Delete

* External dependencies

[45366] Fix | Delete

[45367] Fix | Delete

[45368] Fix | Delete

/**

[45369] Fix | Delete

* WordPress dependencies

[45370] Fix | Delete

[45371] Fix | Delete

[45372] Fix | Delete

[45373] Fix | Delete

/**

[45374] Fix | Delete

* Internal dependencies

[45375] Fix | Delete

[45376] Fix | Delete

[45377] Fix | Delete

[45378] Fix | Delete

function UnforwardedNavigableMenu({

[45379] Fix | Delete

role = 'menu',

[45380] Fix | Delete

orientation = 'vertical',

[45381] Fix | Delete

...rest

[45382] Fix | Delete

}, ref) {

[45383] Fix | Delete

const eventToOffset = evt => {

[45384] Fix | Delete

const {

[45385] Fix | Delete

code

[45386] Fix | Delete

} = evt;

[45387] Fix | Delete

let next = ['ArrowDown'];

[45388] Fix | Delete

let previous = ['ArrowUp'];

[45389] Fix | Delete

if (orientation === 'horizontal') {

[45390] Fix | Delete

next = ['ArrowRight'];

[45391] Fix | Delete

previous = ['ArrowLeft'];

[45392] Fix | Delete

}

[45393] Fix | Delete

if (orientation === 'both') {

[45394] Fix | Delete

next = ['ArrowRight', 'ArrowDown'];

[45395] Fix | Delete

previous = ['ArrowLeft', 'ArrowUp'];

[45396] Fix | Delete

}

[45397] Fix | Delete

if (next.includes(code)) {

[45398] Fix | Delete

return 1;

[45399] Fix | Delete

} else if (previous.includes(code)) {

[45400] Fix | Delete

return -1;

[45401] Fix | Delete

} else if (['ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight'].includes(code)) {

[45402] Fix | Delete

// Key press should be handled, e.g. have event propagation and

[45403] Fix | Delete

// default behavior handled by NavigableContainer but not result

[45404] Fix | Delete

// in an offset.

[45405] Fix | Delete

return 0;

[45406] Fix | Delete

}

[45407] Fix | Delete

return undefined;

[45408] Fix | Delete

};

[45409] Fix | Delete

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

[45410] Fix | Delete

ref: ref,

[45411] Fix | Delete

stopNavigationEvents: true,

[45412] Fix | Delete

onlyBrowserTabstops: false,

[45413] Fix | Delete

role: role,

[45414] Fix | Delete

"aria-orientation": role !== 'presentation' && (orientation === 'vertical' || orientation === 'horizontal') ? orientation : undefined,

[45415] Fix | Delete

eventToOffset: eventToOffset,

[45416] Fix | Delete

...rest

[45417] Fix | Delete

});

[45418] Fix | Delete

}

[45419] Fix | Delete

[45420] Fix | Delete

/**

[45421] Fix | Delete

* A container for a navigable menu.

[45422] Fix | Delete

[45423] Fix | Delete

* ```jsx

[45424] Fix | Delete

* import {

[45425] Fix | Delete

* NavigableMenu,

[45426] Fix | Delete

* Button,

[45427] Fix | Delete

* } from '@wordpress/components';

[45428] Fix | Delete

[45429] Fix | Delete

* function onNavigate( index, target ) {

[45430] Fix | Delete

* console.log( `Navigates to ${ index }`, target );

[45431] Fix | Delete

* }

[45432] Fix | Delete

[45433] Fix | Delete

* const MyNavigableContainer = () => (

[45434] Fix | Delete

* <div>

[45435] Fix | Delete

* <span>Navigable Menu:</span>

[45436] Fix | Delete

* <NavigableMenu onNavigate={ onNavigate } orientation="horizontal">

[45437] Fix | Delete

* <Button variant="secondary">Item 1</Button>

[45438] Fix | Delete

* <Button variant="secondary">Item 2</Button>

[45439] Fix | Delete

* <Button variant="secondary">Item 3</Button>

[45440] Fix | Delete

* </NavigableMenu>

[45441] Fix | Delete

* </div>

[45442] Fix | Delete

* );

[45443] Fix | Delete

* ```

[45444] Fix | Delete

[45445] Fix | Delete

const NavigableMenu = (0,external_wp_element_namespaceObject.forwardRef)(UnforwardedNavigableMenu);

[45446] Fix | Delete

/* harmony default export */ const navigable_container_menu = (NavigableMenu);

[45447] Fix | Delete

[45448] Fix | Delete

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

[45449] Fix | Delete

/**

[45450] Fix | Delete

* External dependencies

[45451] Fix | Delete

[45452] Fix | Delete

[45453] Fix | Delete

[45454] Fix | Delete

/**

[45455] Fix | Delete

* WordPress dependencies

[45456] Fix | Delete

[45457] Fix | Delete

[45458] Fix | Delete

[45459] Fix | Delete

/**

[45460] Fix | Delete

* Internal dependencies

[45461] Fix | Delete

[45462] Fix | Delete

[45463] Fix | Delete

[45464] Fix | Delete

[45465] Fix | Delete

[45466] Fix | Delete

[45467] Fix | Delete

[45468] Fix | Delete

function dropdown_menu_mergeProps(defaultProps = {}, props = {}) {

[45469] Fix | Delete

const mergedProps = {

[45470] Fix | Delete

...defaultProps,

[45471] Fix | Delete

...props

[45472] Fix | Delete

};

[45473] Fix | Delete

if (props.className && defaultProps.className) {

[45474] Fix | Delete

mergedProps.className = dist_clsx(props.className, defaultProps.className);

[45475] Fix | Delete

}

[45476] Fix | Delete

return mergedProps;

[45477] Fix | Delete

}

[45478] Fix | Delete

function dropdown_menu_isFunction(maybeFunc) {

[45479] Fix | Delete

return typeof maybeFunc === 'function';

[45480] Fix | Delete

}

[45481] Fix | Delete

function UnconnectedDropdownMenu(dropdownMenuProps) {

[45482] Fix | Delete

const {

[45483] Fix | Delete

children,

[45484] Fix | Delete

className,

[45485] Fix | Delete

controls,

[45486] Fix | Delete

icon = library_menu,

[45487] Fix | Delete

label,

[45488] Fix | Delete

popoverProps,

[45489] Fix | Delete

toggleProps,

[45490] Fix | Delete

menuProps,

[45491] Fix | Delete

disableOpenOnArrowDown = false,

[45492] Fix | Delete

text,

[45493] Fix | Delete

noIcons,

[45494] Fix | Delete

open,

[45495] Fix | Delete

defaultOpen,

[45496] Fix | Delete

onToggle: onToggleProp,

[45497] Fix | Delete

// Context

[45498] Fix | Delete

variant

[45499] Fix | Delete

1 ...89 909192 93 ...149