Edit File by line

className: "block-editor-block-variation-picker__skip",

[60000] Fix | Delete

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

[60001] Fix | Delete

variant: "link",

[60002] Fix | Delete

onClick: () => onSelect(),

[60003] Fix | Delete

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

[60004] Fix | Delete

})

[60005] Fix | Delete

})]

[60006] Fix | Delete

});

[60007] Fix | Delete

}

[60008] Fix | Delete

/* harmony default export */ const block_variation_picker = (BlockVariationPicker);

[60009] Fix | Delete

[60010] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-pattern-setup/constants.js

[60011] Fix | Delete

const VIEWMODES = {

[60012] Fix | Delete

carousel: 'carousel',

[60013] Fix | Delete

grid: 'grid'

[60014] Fix | Delete

};

[60015] Fix | Delete

[60016] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-pattern-setup/setup-toolbar.js

[60017] Fix | Delete

/**

[60018] Fix | Delete

* WordPress dependencies

[60019] Fix | Delete

[60020] Fix | Delete

[60021] Fix | Delete

[60022] Fix | Delete

[60023] Fix | Delete

[60024] Fix | Delete

/**

[60025] Fix | Delete

* Internal dependencies

[60026] Fix | Delete

[60027] Fix | Delete

[60028] Fix | Delete

[60029] Fix | Delete

[60030] Fix | Delete

const Actions = ({

[60031] Fix | Delete

onBlockPatternSelect

[60032] Fix | Delete

}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[60033] Fix | Delete

className: "block-editor-block-pattern-setup__actions",

[60034] Fix | Delete

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

[60035] Fix | Delete

variant: "primary",

[60036] Fix | Delete

onClick: onBlockPatternSelect,

[60037] Fix | Delete

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

[60038] Fix | Delete

})

[60039] Fix | Delete

});

[60040] Fix | Delete

const CarouselNavigation = ({

[60041] Fix | Delete

handlePrevious,

[60042] Fix | Delete

handleNext,

[60043] Fix | Delete

activeSlide,

[60044] Fix | Delete

totalSlides

[60045] Fix | Delete

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

[60046] Fix | Delete

className: "block-editor-block-pattern-setup__navigation",

[60047] Fix | Delete

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

[60048] Fix | Delete

icon: chevron_left,

[60049] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Previous pattern'),

[60050] Fix | Delete

onClick: handlePrevious,

[60051] Fix | Delete

disabled: activeSlide === 0,

[60052] Fix | Delete

__experimentalIsFocusable: true

[60053] Fix | Delete

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

[60054] Fix | Delete

icon: chevron_right,

[60055] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Next pattern'),

[60056] Fix | Delete

onClick: handleNext,

[60057] Fix | Delete

disabled: activeSlide === totalSlides - 1,

[60058] Fix | Delete

__experimentalIsFocusable: true

[60059] Fix | Delete

})]

[60060] Fix | Delete

});

[60061] Fix | Delete

const SetupToolbar = ({

[60062] Fix | Delete

viewMode,

[60063] Fix | Delete

setViewMode,

[60064] Fix | Delete

handlePrevious,

[60065] Fix | Delete

handleNext,

[60066] Fix | Delete

activeSlide,

[60067] Fix | Delete

totalSlides,

[60068] Fix | Delete

onBlockPatternSelect

[60069] Fix | Delete

}) => {

[60070] Fix | Delete

const isCarouselView = viewMode === VIEWMODES.carousel;

[60071] Fix | Delete

const displayControls = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", {

[60072] Fix | Delete

className: "block-editor-block-pattern-setup__display-controls",

[60073] Fix | Delete

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

[60074] Fix | Delete

icon: stretch_full_width,

[60075] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Carousel view'),

[60076] Fix | Delete

onClick: () => setViewMode(VIEWMODES.carousel),

[60077] Fix | Delete

isPressed: isCarouselView

[60078] Fix | Delete

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

[60079] Fix | Delete

icon: library_grid,

[60080] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Grid view'),

[60081] Fix | Delete

onClick: () => setViewMode(VIEWMODES.grid),

[60082] Fix | Delete

isPressed: viewMode === VIEWMODES.grid

[60083] Fix | Delete

})]

[60084] Fix | Delete

});

[60085] Fix | Delete

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

[60086] Fix | Delete

className: "block-editor-block-pattern-setup__toolbar",

[60087] Fix | Delete

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

[60088] Fix | Delete

handlePrevious: handlePrevious,

[60089] Fix | Delete

handleNext: handleNext,

[60090] Fix | Delete

activeSlide: activeSlide,

[60091] Fix | Delete

totalSlides: totalSlides

[60092] Fix | Delete

}), displayControls, isCarouselView && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Actions, {

[60093] Fix | Delete

onBlockPatternSelect: onBlockPatternSelect

[60094] Fix | Delete

})]

[60095] Fix | Delete

});

[60096] Fix | Delete

};

[60097] Fix | Delete

/* harmony default export */ const setup_toolbar = (SetupToolbar);

[60098] Fix | Delete

[60099] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-pattern-setup/use-patterns-setup.js

[60100] Fix | Delete

/**

[60101] Fix | Delete

* WordPress dependencies

[60102] Fix | Delete

[60103] Fix | Delete

[60104] Fix | Delete

[60105] Fix | Delete

/**

[60106] Fix | Delete

* Internal dependencies

[60107] Fix | Delete

[60108] Fix | Delete

[60109] Fix | Delete

function usePatternsSetup(clientId, blockName, filterPatternsFn) {

[60110] Fix | Delete

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

[60111] Fix | Delete

const {

[60112] Fix | Delete

getBlockRootClientId,

[60113] Fix | Delete

getPatternsByBlockTypes,

[60114] Fix | Delete

__experimentalGetAllowedPatterns

[60115] Fix | Delete

} = select(store);

[60116] Fix | Delete

const rootClientId = getBlockRootClientId(clientId);

[60117] Fix | Delete

if (filterPatternsFn) {

[60118] Fix | Delete

return __experimentalGetAllowedPatterns(rootClientId).filter(filterPatternsFn);

[60119] Fix | Delete

}

[60120] Fix | Delete

return getPatternsByBlockTypes(blockName, rootClientId);

[60121] Fix | Delete

}, [clientId, blockName, filterPatternsFn]);

[60122] Fix | Delete

}

[60123] Fix | Delete

/* harmony default export */ const use_patterns_setup = (usePatternsSetup);

[60124] Fix | Delete

[60125] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-pattern-setup/index.js

[60126] Fix | Delete

/**

[60127] Fix | Delete

* WordPress dependencies

[60128] Fix | Delete

[60129] Fix | Delete

[60130] Fix | Delete

[60131] Fix | Delete

[60132] Fix | Delete

[60133] Fix | Delete

[60134] Fix | Delete

[60135] Fix | Delete

[60136] Fix | Delete

/**

[60137] Fix | Delete

* Internal dependencies

[60138] Fix | Delete

[60139] Fix | Delete

[60140] Fix | Delete

[60141] Fix | Delete

[60142] Fix | Delete

[60143] Fix | Delete

[60144] Fix | Delete

[60145] Fix | Delete

[60146] Fix | Delete

[60147] Fix | Delete

[60148] Fix | Delete

const {

[60149] Fix | Delete

CompositeV2: block_pattern_setup_Composite,

[60150] Fix | Delete

CompositeItemV2: block_pattern_setup_CompositeItem,

[60151] Fix | Delete

useCompositeStoreV2: block_pattern_setup_useCompositeStore

[60152] Fix | Delete

} = unlock(external_wp_components_namespaceObject.privateApis);

[60153] Fix | Delete

const SetupContent = ({

[60154] Fix | Delete

viewMode,

[60155] Fix | Delete

activeSlide,

[60156] Fix | Delete

patterns,

[60157] Fix | Delete

onBlockPatternSelect,

[60158] Fix | Delete

showTitles

[60159] Fix | Delete

}) => {

[60160] Fix | Delete

const compositeStore = block_pattern_setup_useCompositeStore();

[60161] Fix | Delete

const containerClass = 'block-editor-block-pattern-setup__container';

[60162] Fix | Delete

if (viewMode === VIEWMODES.carousel) {

[60163] Fix | Delete

const slideClass = new Map([[activeSlide, 'active-slide'], [activeSlide - 1, 'previous-slide'], [activeSlide + 1, 'next-slide']]);

[60164] Fix | Delete

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

[60165] Fix | Delete

className: "block-editor-block-pattern-setup__carousel",

[60166] Fix | Delete

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

[60167] Fix | Delete

className: containerClass,

[60168] Fix | Delete

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

[60169] Fix | Delete

className: "carousel-container",

[60170] Fix | Delete

children: patterns.map((pattern, index) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockPatternSlide, {

[60171] Fix | Delete

active: index === activeSlide,

[60172] Fix | Delete

className: slideClass.get(index) || '',

[60173] Fix | Delete

pattern: pattern

[60174] Fix | Delete

}, pattern.name))

[60175] Fix | Delete

})

[60176] Fix | Delete

})

[60177] Fix | Delete

});

[60178] Fix | Delete

}

[60179] Fix | Delete

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

[60180] Fix | Delete

className: "block-editor-block-pattern-setup__grid",

[60181] Fix | Delete

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

[60182] Fix | Delete

store: compositeStore,

[60183] Fix | Delete

role: "listbox",

[60184] Fix | Delete

className: containerClass,

[60185] Fix | Delete

"aria-label": (0,external_wp_i18n_namespaceObject.__)('Patterns list'),

[60186] Fix | Delete

children: patterns.map(pattern => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(block_pattern_setup_BlockPattern, {

[60187] Fix | Delete

pattern: pattern,

[60188] Fix | Delete

onSelect: onBlockPatternSelect,

[60189] Fix | Delete

showTitles: showTitles

[60190] Fix | Delete

}, pattern.name))

[60191] Fix | Delete

})

[60192] Fix | Delete

});

[60193] Fix | Delete

};

[60194] Fix | Delete

function block_pattern_setup_BlockPattern({

[60195] Fix | Delete

pattern,

[60196] Fix | Delete

onSelect,

[60197] Fix | Delete

showTitles

[60198] Fix | Delete

}) {

[60199] Fix | Delete

const baseClassName = 'block-editor-block-pattern-setup-list';

[60200] Fix | Delete

const {

[60201] Fix | Delete

blocks,

[60202] Fix | Delete

description,

[60203] Fix | Delete

viewportWidth = 700

[60204] Fix | Delete

} = pattern;

[60205] Fix | Delete

const descriptionId = (0,external_wp_compose_namespaceObject.useInstanceId)(block_pattern_setup_BlockPattern, `${baseClassName}__item-description`);

[60206] Fix | Delete

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

[60207] Fix | Delete

className: `${baseClassName}__list-item`,

[60208] Fix | Delete

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

[60209] Fix | Delete

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

[60210] Fix | Delete

"aria-describedby": description ? descriptionId : undefined,

[60211] Fix | Delete

"aria-label": pattern.title,

[60212] Fix | Delete

className: `${baseClassName}__item`

[60213] Fix | Delete

}),

[60214] Fix | Delete

id: `${baseClassName}__pattern__${pattern.name}`,

[60215] Fix | Delete

role: "option",

[60216] Fix | Delete

onClick: () => onSelect(blocks),

[60217] Fix | Delete

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

[60218] Fix | Delete

blocks: blocks,

[60219] Fix | Delete

viewportWidth: viewportWidth

[60220] Fix | Delete

}), showTitles && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[60221] Fix | Delete

className: `${baseClassName}__item-title`,

[60222] Fix | Delete

children: pattern.title

[60223] Fix | Delete

}), !!description && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, {

[60224] Fix | Delete

id: descriptionId,

[60225] Fix | Delete

children: description

[60226] Fix | Delete

})]

[60227] Fix | Delete

})

[60228] Fix | Delete

});

[60229] Fix | Delete

}

[60230] Fix | Delete

function BlockPatternSlide({

[60231] Fix | Delete

active,

[60232] Fix | Delete

className,

[60233] Fix | Delete

pattern,

[60234] Fix | Delete

minHeight

[60235] Fix | Delete

}) {

[60236] Fix | Delete

const {

[60237] Fix | Delete

blocks,

[60238] Fix | Delete

title,

[60239] Fix | Delete

description

[60240] Fix | Delete

} = pattern;

[60241] Fix | Delete

const descriptionId = (0,external_wp_compose_namespaceObject.useInstanceId)(BlockPatternSlide, 'block-editor-block-pattern-setup-list__item-description');

[60242] Fix | Delete

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

[60243] Fix | Delete

"aria-hidden": !active,

[60244] Fix | Delete

role: "img",

[60245] Fix | Delete

className: `pattern-slide ${className}`,

[60246] Fix | Delete

"aria-label": title,

[60247] Fix | Delete

"aria-describedby": description ? descriptionId : undefined,

[60248] Fix | Delete

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

[60249] Fix | Delete

blocks: blocks,

[60250] Fix | Delete

minHeight: minHeight

[60251] Fix | Delete

}), !!description && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, {

[60252] Fix | Delete

id: descriptionId,

[60253] Fix | Delete

children: description

[60254] Fix | Delete

})]

[60255] Fix | Delete

});

[60256] Fix | Delete

}

[60257] Fix | Delete

const BlockPatternSetup = ({

[60258] Fix | Delete

clientId,

[60259] Fix | Delete

blockName,

[60260] Fix | Delete

filterPatternsFn,

[60261] Fix | Delete

onBlockPatternSelect,

[60262] Fix | Delete

initialViewMode = VIEWMODES.carousel,

[60263] Fix | Delete

showTitles = false

[60264] Fix | Delete

}) => {

[60265] Fix | Delete

const [viewMode, setViewMode] = (0,external_wp_element_namespaceObject.useState)(initialViewMode);

[60266] Fix | Delete

const [activeSlide, setActiveSlide] = (0,external_wp_element_namespaceObject.useState)(0);

[60267] Fix | Delete

const {

[60268] Fix | Delete

replaceBlock

[60269] Fix | Delete

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

[60270] Fix | Delete

const patterns = use_patterns_setup(clientId, blockName, filterPatternsFn);

[60271] Fix | Delete

if (!patterns?.length) {

[60272] Fix | Delete

return null;

[60273] Fix | Delete

}

[60274] Fix | Delete

const onBlockPatternSelectDefault = blocks => {

[60275] Fix | Delete

const clonedBlocks = blocks.map(block => (0,external_wp_blocks_namespaceObject.cloneBlock)(block));

[60276] Fix | Delete

replaceBlock(clientId, clonedBlocks);

[60277] Fix | Delete

};

[60278] Fix | Delete

const onPatternSelectCallback = onBlockPatternSelect || onBlockPatternSelectDefault;

[60279] Fix | Delete

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

[60280] Fix | Delete

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

[60281] Fix | Delete

className: `block-editor-block-pattern-setup view-mode-${viewMode}`,

[60282] Fix | Delete

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

[60283] Fix | Delete

viewMode: viewMode,

[60284] Fix | Delete

activeSlide: activeSlide,

[60285] Fix | Delete

patterns: patterns,

[60286] Fix | Delete

onBlockPatternSelect: onPatternSelectCallback,

[60287] Fix | Delete

showTitles: showTitles

[60288] Fix | Delete

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

[60289] Fix | Delete

viewMode: viewMode,

[60290] Fix | Delete

setViewMode: setViewMode,

[60291] Fix | Delete

activeSlide: activeSlide,

[60292] Fix | Delete

totalSlides: patterns.length,

[60293] Fix | Delete

handleNext: () => {

[60294] Fix | Delete

setActiveSlide(active => Math.min(active + 1, patterns.length - 1));

[60295] Fix | Delete

[60296] Fix | Delete

handlePrevious: () => {

[60297] Fix | Delete

setActiveSlide(active => Math.max(active - 1, 0));

[60298] Fix | Delete

[60299] Fix | Delete

onBlockPatternSelect: () => {

[60300] Fix | Delete

onPatternSelectCallback(patterns[activeSlide].blocks);

[60301] Fix | Delete

}

[60302] Fix | Delete

})]

[60303] Fix | Delete

})

[60304] Fix | Delete

});

[60305] Fix | Delete

};

[60306] Fix | Delete

/* harmony default export */ const block_pattern_setup = (BlockPatternSetup);

[60307] Fix | Delete

[60308] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-variation-transforms/index.js

[60309] Fix | Delete

/**

[60310] Fix | Delete

* WordPress dependencies

[60311] Fix | Delete

[60312] Fix | Delete

[60313] Fix | Delete

[60314] Fix | Delete

[60315] Fix | Delete

[60316] Fix | Delete

[60317] Fix | Delete

[60318] Fix | Delete

[60319] Fix | Delete

/**

[60320] Fix | Delete

* Internal dependencies

[60321] Fix | Delete

[60322] Fix | Delete

[60323] Fix | Delete

[60324] Fix | Delete

[60325] Fix | Delete

[60326] Fix | Delete

function VariationsButtons({

[60327] Fix | Delete

className,

[60328] Fix | Delete

onSelectVariation,

[60329] Fix | Delete

selectedValue,

[60330] Fix | Delete

variations

[60331] Fix | Delete

}) {

[60332] Fix | Delete

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

[60333] Fix | Delete

className: className,

[60334] Fix | Delete

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

[60335] Fix | Delete

as: "legend",

[60336] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Transform to variation')

[60337] Fix | Delete

}), variations.map(variation => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {

[60338] Fix | Delete

icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(block_icon, {

[60339] Fix | Delete

icon: variation.icon,

[60340] Fix | Delete

showColors: true

[60341] Fix | Delete

}),

[60342] Fix | Delete

isPressed: selectedValue === variation.name,

[60343] Fix | Delete

label: selectedValue === variation.name ? variation.title : (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: Name of the block variation */

[60344] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('Transform to %s'), variation.title),

[60345] Fix | Delete

onClick: () => onSelectVariation(variation.name),

[60346] Fix | Delete

"aria-label": variation.title,

[60347] Fix | Delete

showTooltip: true

[60348] Fix | Delete

}, variation.name))]

[60349] Fix | Delete

});

[60350] Fix | Delete

}

[60351] Fix | Delete

function VariationsDropdown({

[60352] Fix | Delete

className,

[60353] Fix | Delete

onSelectVariation,

[60354] Fix | Delete

selectedValue,

[60355] Fix | Delete

variations

[60356] Fix | Delete

}) {

[60357] Fix | Delete

const selectOptions = variations.map(({

[60358] Fix | Delete

name,

[60359] Fix | Delete

title,

[60360] Fix | Delete

description

[60361] Fix | Delete

}) => ({

[60362] Fix | Delete

value: name,

[60363] Fix | Delete

label: title,

[60364] Fix | Delete

info: description

[60365] Fix | Delete

}));

[60366] Fix | Delete

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

[60367] Fix | Delete

className: className,

[60368] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Transform to variation'),

[60369] Fix | Delete

text: (0,external_wp_i18n_namespaceObject.__)('Transform to variation'),

[60370] Fix | Delete

popoverProps: {

[60371] Fix | Delete

position: 'bottom center',

[60372] Fix | Delete

className: `${className}__popover`

[60373] Fix | Delete

[60374] Fix | Delete

icon: chevron_down,

[60375] Fix | Delete

toggleProps: {

[60376] Fix | Delete

iconPosition: 'right'

[60377] Fix | Delete

[60378] Fix | Delete

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

[60379] Fix | Delete

className: `${className}__container`,

[60380] Fix | Delete

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

[60381] Fix | Delete

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

[60382] Fix | Delete

choices: selectOptions,

[60383] Fix | Delete

value: selectedValue,

[60384] Fix | Delete

onSelect: onSelectVariation

[60385] Fix | Delete

})

[60386] Fix | Delete

})

[60387] Fix | Delete

})

[60388] Fix | Delete

});

[60389] Fix | Delete

}

[60390] Fix | Delete

function VariationsToggleGroupControl({

[60391] Fix | Delete

className,

[60392] Fix | Delete

onSelectVariation,

[60393] Fix | Delete

selectedValue,

[60394] Fix | Delete

variations

[60395] Fix | Delete

}) {

[60396] Fix | Delete

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

[60397] Fix | Delete

className: className,

[60398] Fix | Delete

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

[60399] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('Transform to variation'),

[60400] Fix | Delete

value: selectedValue,

[60401] Fix | Delete

hideLabelFromVision: true,

[60402] Fix | Delete

onChange: onSelectVariation,

[60403] Fix | Delete

__next40pxDefaultSize: true,

[60404] Fix | Delete

__nextHasNoMarginBottom: true,

[60405] Fix | Delete

children: variations.map(variation => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalToggleGroupControlOptionIcon, {

[60406] Fix | Delete

icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(block_icon, {

[60407] Fix | Delete

icon: variation.icon,

[60408] Fix | Delete

showColors: true

[60409] Fix | Delete

}),

[60410] Fix | Delete

value: variation.name,

[60411] Fix | Delete

label: selectedValue === variation.name ? variation.title : (0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: Name of the block variation */

[60412] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('Transform to %s'), variation.title)

[60413] Fix | Delete

}, variation.name))

[60414] Fix | Delete

})

[60415] Fix | Delete

});

[60416] Fix | Delete

}

[60417] Fix | Delete

function __experimentalBlockVariationTransforms({

[60418] Fix | Delete

blockClientId

[60419] Fix | Delete

}) {

[60420] Fix | Delete

const {

[60421] Fix | Delete

updateBlockAttributes

[60422] Fix | Delete

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

[60423] Fix | Delete

const {

[60424] Fix | Delete

activeBlockVariation,

[60425] Fix | Delete

variations

[60426] Fix | Delete

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

[60427] Fix | Delete

const {

[60428] Fix | Delete

getActiveBlockVariation,

[60429] Fix | Delete

getBlockVariations

[60430] Fix | Delete

} = select(external_wp_blocks_namespaceObject.store);

[60431] Fix | Delete

const {

[60432] Fix | Delete

getBlockName,

[60433] Fix | Delete

getBlockAttributes

[60434] Fix | Delete

} = select(store);

[60435] Fix | Delete

const name = blockClientId && getBlockName(blockClientId);

[60436] Fix | Delete

return {

[60437] Fix | Delete

activeBlockVariation: getActiveBlockVariation(name, getBlockAttributes(blockClientId)),

[60438] Fix | Delete

variations: name && getBlockVariations(name, 'transform')

[60439] Fix | Delete

};

[60440] Fix | Delete

}, [blockClientId]);

[60441] Fix | Delete

const selectedValue = activeBlockVariation?.name;

[60442] Fix | Delete

[60443] Fix | Delete

// Check if each variation has a unique icon.

[60444] Fix | Delete

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

[60445] Fix | Delete

const variationIcons = new Set();

[60446] Fix | Delete

if (!variations) {

[60447] Fix | Delete

return false;

[60448] Fix | Delete

}

[60449] Fix | Delete

variations.forEach(variation => {

[60450] Fix | Delete

if (variation.icon) {

[60451] Fix | Delete

variationIcons.add(variation.icon?.src || variation.icon);

[60452] Fix | Delete

}

[60453] Fix | Delete

});

[60454] Fix | Delete

return variationIcons.size === variations.length;

[60455] Fix | Delete

}, [variations]);

[60456] Fix | Delete

const onSelectVariation = variationName => {

[60457] Fix | Delete

updateBlockAttributes(blockClientId, {

[60458] Fix | Delete

...variations.find(({

[60459] Fix | Delete

name

[60460] Fix | Delete

}) => name === variationName).attributes

[60461] Fix | Delete

});

[60462] Fix | Delete

};

[60463] Fix | Delete

[60464] Fix | Delete

// Skip rendering if there are no variations

[60465] Fix | Delete

if (!variations?.length) {

[60466] Fix | Delete

return null;

[60467] Fix | Delete

}

[60468] Fix | Delete

const baseClass = 'block-editor-block-variation-transforms';

[60469] Fix | Delete

[60470] Fix | Delete

// Show buttons if there are more than 5 variations because the ToggleGroupControl does not wrap

[60471] Fix | Delete

const showButtons = variations.length > 5;

[60472] Fix | Delete

const ButtonComponent = showButtons ? VariationsButtons : VariationsToggleGroupControl;

[60473] Fix | Delete

const Component = hasUniqueIcons ? ButtonComponent : VariationsDropdown;

[60474] Fix | Delete

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

[60475] Fix | Delete

className: baseClass,

[60476] Fix | Delete

onSelectVariation: onSelectVariation,

[60477] Fix | Delete

selectedValue: selectedValue,

[60478] Fix | Delete

variations: variations

[60479] Fix | Delete

});

[60480] Fix | Delete

}

[60481] Fix | Delete

/* harmony default export */ const block_variation_transforms = (__experimentalBlockVariationTransforms);

[60482] Fix | Delete

[60483] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/color-palette/with-color-context.js

[60484] Fix | Delete

/**

[60485] Fix | Delete

* WordPress dependencies

[60486] Fix | Delete

[60487] Fix | Delete

[60488] Fix | Delete

[60489] Fix | Delete

/**

[60490] Fix | Delete

* Internal dependencies

[60491] Fix | Delete

[60492] Fix | Delete

[60493] Fix | Delete

[60494] Fix | Delete

/* harmony default export */ const with_color_context = ((0,external_wp_compose_namespaceObject.createHigherOrderComponent)(WrappedComponent => {

[60495] Fix | Delete

return props => {

[60496] Fix | Delete

const [colorsFeature, enableCustomColors] = use_settings_useSettings('color.palette', 'color.custom');

[60497] Fix | Delete

const {

[60498] Fix | Delete

colors = colorsFeature,

[60499] Fix | Delete

1 ...119 120121122 123 ...144