Edit File by line

rawContent: difference,

[39500] Fix | Delete

renderedContent: converted

[39501] Fix | Delete

})]

[39502] Fix | Delete

});

[39503] Fix | Delete

}

[39504] Fix | Delete

/* harmony default export */ const block_compare = (BlockCompare);

[39505] Fix | Delete

[39506] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-invalid-warning.js

[39507] Fix | Delete

/**

[39508] Fix | Delete

* WordPress dependencies

[39509] Fix | Delete

[39510] Fix | Delete

[39511] Fix | Delete

[39512] Fix | Delete

[39513] Fix | Delete

[39514] Fix | Delete

[39515] Fix | Delete

[39516] Fix | Delete

/**

[39517] Fix | Delete

* Internal dependencies

[39518] Fix | Delete

[39519] Fix | Delete

[39520] Fix | Delete

[39521] Fix | Delete

[39522] Fix | Delete

[39523] Fix | Delete

[39524] Fix | Delete

[39525] Fix | Delete

const blockToBlocks = block => (0,external_wp_blocks_namespaceObject.rawHandler)({

[39526] Fix | Delete

HTML: block.originalContent

[39527] Fix | Delete

});

[39528] Fix | Delete

function BlockInvalidWarning({

[39529] Fix | Delete

clientId

[39530] Fix | Delete

}) {

[39531] Fix | Delete

const {

[39532] Fix | Delete

block,

[39533] Fix | Delete

canInsertHTMLBlock,

[39534] Fix | Delete

canInsertClassicBlock

[39535] Fix | Delete

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

[39536] Fix | Delete

const {

[39537] Fix | Delete

canInsertBlockType,

[39538] Fix | Delete

getBlock,

[39539] Fix | Delete

getBlockRootClientId

[39540] Fix | Delete

} = select(store);

[39541] Fix | Delete

const rootClientId = getBlockRootClientId(clientId);

[39542] Fix | Delete

return {

[39543] Fix | Delete

block: getBlock(clientId),

[39544] Fix | Delete

canInsertHTMLBlock: canInsertBlockType('core/html', rootClientId),

[39545] Fix | Delete

canInsertClassicBlock: canInsertBlockType('core/freeform', rootClientId)

[39546] Fix | Delete

};

[39547] Fix | Delete

}, [clientId]);

[39548] Fix | Delete

const {

[39549] Fix | Delete

replaceBlock

[39550] Fix | Delete

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

[39551] Fix | Delete

const [compare, setCompare] = (0,external_wp_element_namespaceObject.useState)(false);

[39552] Fix | Delete

const onCompareClose = (0,external_wp_element_namespaceObject.useCallback)(() => setCompare(false), []);

[39553] Fix | Delete

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

[39554] Fix | Delete

toClassic() {

[39555] Fix | Delete

const classicBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/freeform', {

[39556] Fix | Delete

content: block.originalContent

[39557] Fix | Delete

});

[39558] Fix | Delete

return replaceBlock(block.clientId, classicBlock);

[39559] Fix | Delete

[39560] Fix | Delete

toHTML() {

[39561] Fix | Delete

const htmlBlock = (0,external_wp_blocks_namespaceObject.createBlock)('core/html', {

[39562] Fix | Delete

content: block.originalContent

[39563] Fix | Delete

});

[39564] Fix | Delete

return replaceBlock(block.clientId, htmlBlock);

[39565] Fix | Delete

[39566] Fix | Delete

toBlocks() {

[39567] Fix | Delete

const newBlocks = blockToBlocks(block);

[39568] Fix | Delete

return replaceBlock(block.clientId, newBlocks);

[39569] Fix | Delete

[39570] Fix | Delete

toRecoveredBlock() {

[39571] Fix | Delete

const recoveredBlock = (0,external_wp_blocks_namespaceObject.createBlock)(block.name, block.attributes, block.innerBlocks);

[39572] Fix | Delete

return replaceBlock(block.clientId, recoveredBlock);

[39573] Fix | Delete

}

[39574] Fix | Delete

}), [block, replaceBlock]);

[39575] Fix | Delete

const secondaryActions = (0,external_wp_element_namespaceObject.useMemo)(() => [{

[39576] Fix | Delete

// translators: Button to fix block content

[39577] Fix | Delete

title: (0,external_wp_i18n_namespaceObject._x)('Resolve', 'imperative verb'),

[39578] Fix | Delete

onClick: () => setCompare(true)

[39579] Fix | Delete

}, canInsertHTMLBlock && {

[39580] Fix | Delete

title: (0,external_wp_i18n_namespaceObject.__)('Convert to HTML'),

[39581] Fix | Delete

onClick: convert.toHTML

[39582] Fix | Delete

}, canInsertClassicBlock && {

[39583] Fix | Delete

title: (0,external_wp_i18n_namespaceObject.__)('Convert to Classic Block'),

[39584] Fix | Delete

onClick: convert.toClassic

[39585] Fix | Delete

}].filter(Boolean), [canInsertHTMLBlock, canInsertClassicBlock, convert]);

[39586] Fix | Delete

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

[39587] Fix | Delete

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

[39588] Fix | Delete

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

[39589] Fix | Delete

onClick: convert.toRecoveredBlock,

[39590] Fix | Delete

variant: "primary",

[39591] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Attempt Block Recovery')

[39592] Fix | Delete

}, "recover")],

[39593] Fix | Delete

secondaryActions: secondaryActions,

[39594] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('This block contains unexpected or invalid content.')

[39595] Fix | Delete

}), compare && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Modal, {

[39596] Fix | Delete

title:

[39597] Fix | Delete

// translators: Dialog title to fix block content

[39598] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('Resolve Block'),

[39599] Fix | Delete

onRequestClose: onCompareClose,

[39600] Fix | Delete

className: "block-editor-block-compare",

[39601] Fix | Delete

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

[39602] Fix | Delete

block: block,

[39603] Fix | Delete

onKeep: convert.toHTML,

[39604] Fix | Delete

onConvert: convert.toBlocks,

[39605] Fix | Delete

convertor: blockToBlocks,

[39606] Fix | Delete

convertButtonText: (0,external_wp_i18n_namespaceObject.__)('Convert to Blocks')

[39607] Fix | Delete

})

[39608] Fix | Delete

})]

[39609] Fix | Delete

});

[39610] Fix | Delete

}

[39611] Fix | Delete

[39612] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-crash-warning.js

[39613] Fix | Delete

/**

[39614] Fix | Delete

* WordPress dependencies

[39615] Fix | Delete

[39616] Fix | Delete

[39617] Fix | Delete

[39618] Fix | Delete

/**

[39619] Fix | Delete

* Internal dependencies

[39620] Fix | Delete

[39621] Fix | Delete

[39622] Fix | Delete

[39623] Fix | Delete

const block_crash_warning_warning = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(warning, {

[39624] Fix | Delete

className: "block-editor-block-list__block-crash-warning",

[39625] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('This block has encountered an error and cannot be previewed.')

[39626] Fix | Delete

});

[39627] Fix | Delete

/* harmony default export */ const block_crash_warning = (() => block_crash_warning_warning);

[39628] Fix | Delete

[39629] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-crash-boundary.js

[39630] Fix | Delete

/**

[39631] Fix | Delete

* WordPress dependencies

[39632] Fix | Delete

[39633] Fix | Delete

[39634] Fix | Delete

class BlockCrashBoundary extends external_wp_element_namespaceObject.Component {

[39635] Fix | Delete

constructor() {

[39636] Fix | Delete

super(...arguments);

[39637] Fix | Delete

this.state = {

[39638] Fix | Delete

hasError: false

[39639] Fix | Delete

};

[39640] Fix | Delete

}

[39641] Fix | Delete

componentDidCatch() {

[39642] Fix | Delete

this.setState({

[39643] Fix | Delete

hasError: true

[39644] Fix | Delete

});

[39645] Fix | Delete

}

[39646] Fix | Delete

render() {

[39647] Fix | Delete

if (this.state.hasError) {

[39648] Fix | Delete

return this.props.fallback;

[39649] Fix | Delete

}

[39650] Fix | Delete

return this.props.children;

[39651] Fix | Delete

}

[39652] Fix | Delete

}

[39653] Fix | Delete

/* harmony default export */ const block_crash_boundary = (BlockCrashBoundary);

[39654] Fix | Delete

[39655] Fix | Delete

// EXTERNAL MODULE: ./node_modules/react-autosize-textarea/lib/index.js

[39656] Fix | Delete

var lib = __webpack_require__(4132);

[39657] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/block-html.js

[39658] Fix | Delete

/**

[39659] Fix | Delete

* External dependencies

[39660] Fix | Delete

[39661] Fix | Delete

[39662] Fix | Delete

[39663] Fix | Delete

/**

[39664] Fix | Delete

* WordPress dependencies

[39665] Fix | Delete

[39666] Fix | Delete

[39667] Fix | Delete

[39668] Fix | Delete

[39669] Fix | Delete

[39670] Fix | Delete

/**

[39671] Fix | Delete

* Internal dependencies

[39672] Fix | Delete

[39673] Fix | Delete

[39674] Fix | Delete

[39675] Fix | Delete

function BlockHTML({

[39676] Fix | Delete

clientId

[39677] Fix | Delete

}) {

[39678] Fix | Delete

const [html, setHtml] = (0,external_wp_element_namespaceObject.useState)('');

[39679] Fix | Delete

const block = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getBlock(clientId), [clientId]);

[39680] Fix | Delete

const {

[39681] Fix | Delete

updateBlock

[39682] Fix | Delete

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

[39683] Fix | Delete

const onChange = () => {

[39684] Fix | Delete

const blockType = (0,external_wp_blocks_namespaceObject.getBlockType)(block.name);

[39685] Fix | Delete

if (!blockType) {

[39686] Fix | Delete

return;

[39687] Fix | Delete

}

[39688] Fix | Delete

const attributes = (0,external_wp_blocks_namespaceObject.getBlockAttributes)(blockType, html, block.attributes);

[39689] Fix | Delete

[39690] Fix | Delete

// If html is empty we reset the block to the default HTML and mark it as valid to avoid triggering an error

[39691] Fix | Delete

const content = html ? html : (0,external_wp_blocks_namespaceObject.getSaveContent)(blockType, attributes);

[39692] Fix | Delete

const [isValid] = html ? (0,external_wp_blocks_namespaceObject.validateBlock)({

[39693] Fix | Delete

...block,

[39694] Fix | Delete

attributes,

[39695] Fix | Delete

originalContent: content

[39696] Fix | Delete

}) : [true];

[39697] Fix | Delete

updateBlock(clientId, {

[39698] Fix | Delete

attributes,

[39699] Fix | Delete

originalContent: content,

[39700] Fix | Delete

isValid

[39701] Fix | Delete

});

[39702] Fix | Delete

[39703] Fix | Delete

// Ensure the state is updated if we reset so it displays the default content.

[39704] Fix | Delete

if (!html) {

[39705] Fix | Delete

setHtml(content);

[39706] Fix | Delete

}

[39707] Fix | Delete

};

[39708] Fix | Delete

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

[39709] Fix | Delete

setHtml((0,external_wp_blocks_namespaceObject.getBlockContent)(block));

[39710] Fix | Delete

}, [block]);

[39711] Fix | Delete

return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(lib/* default */.A, {

[39712] Fix | Delete

className: "block-editor-block-list__block-html-textarea",

[39713] Fix | Delete

value: html,

[39714] Fix | Delete

onBlur: onChange,

[39715] Fix | Delete

onChange: event => setHtml(event.target.value)

[39716] Fix | Delete

});

[39717] Fix | Delete

}

[39718] Fix | Delete

/* harmony default export */ const block_html = (BlockHTML);

[39719] Fix | Delete

[39720] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@react-spring/rafz/dist/esm/index.js

[39721] Fix | Delete

[39722] Fix | Delete

[39723] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@react-spring/shared/dist/esm/index.js

[39724] Fix | Delete

[39725] Fix | Delete

[39726] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@react-spring/animated/dist/esm/index.js

[39727] Fix | Delete

[39728] Fix | Delete

[39729] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@react-spring/core/dist/esm/index.js

[39730] Fix | Delete

[39731] Fix | Delete

[39732] Fix | Delete

;// CONCATENATED MODULE: external "ReactDOM"

[39733] Fix | Delete

const external_ReactDOM_namespaceObject = window["ReactDOM"];

[39734] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@react-spring/web/dist/esm/index.js

[39735] Fix | Delete

[39736] Fix | Delete

[39737] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/use-moving-animation/index.js

[39738] Fix | Delete

/**

[39739] Fix | Delete

* External dependencies

[39740] Fix | Delete

[39741] Fix | Delete

[39742] Fix | Delete

[39743] Fix | Delete

/**

[39744] Fix | Delete

* WordPress dependencies

[39745] Fix | Delete

[39746] Fix | Delete

[39747] Fix | Delete

[39748] Fix | Delete

[39749] Fix | Delete

[39750] Fix | Delete

/**

[39751] Fix | Delete

* Internal dependencies

[39752] Fix | Delete

[39753] Fix | Delete

[39754] Fix | Delete

[39755] Fix | Delete

/**

[39756] Fix | Delete

* If the block count exceeds the threshold, we disable the reordering animation

[39757] Fix | Delete

* to avoid laginess.

[39758] Fix | Delete

[39759] Fix | Delete

const BLOCK_ANIMATION_THRESHOLD = 200;

[39760] Fix | Delete

function getAbsolutePosition(element) {

[39761] Fix | Delete

return {

[39762] Fix | Delete

top: element.offsetTop,

[39763] Fix | Delete

left: element.offsetLeft

[39764] Fix | Delete

};

[39765] Fix | Delete

}

[39766] Fix | Delete

[39767] Fix | Delete

/**

[39768] Fix | Delete

* Hook used to compute the styles required to move a div into a new position.

[39769] Fix | Delete

[39770] Fix | Delete

* The way this animation works is the following:

[39771] Fix | Delete

* - It first renders the element as if there was no animation.

[39772] Fix | Delete

* - It takes a snapshot of the position of the block to use it

[39773] Fix | Delete

* as a destination point for the animation.

[39774] Fix | Delete

* - It restores the element to the previous position using a CSS transform

[39775] Fix | Delete

* - It uses the "resetAnimation" flag to reset the animation

[39776] Fix | Delete

* from the beginning in order to animate to the new destination point.

[39777] Fix | Delete

[39778] Fix | Delete

* @param {Object} $1 Options

[39779] Fix | Delete

* @param {*} $1.triggerAnimationOnChange Variable used to trigger the animation if it changes.

[39780] Fix | Delete

* @param {string} $1.clientId

[39781] Fix | Delete

[39782] Fix | Delete

function useMovingAnimation({

[39783] Fix | Delete

triggerAnimationOnChange,

[39784] Fix | Delete

clientId

[39785] Fix | Delete

}) {

[39786] Fix | Delete

const ref = (0,external_wp_element_namespaceObject.useRef)();

[39787] Fix | Delete

const {

[39788] Fix | Delete

isTyping,

[39789] Fix | Delete

getGlobalBlockCount,

[39790] Fix | Delete

isBlockSelected,

[39791] Fix | Delete

isFirstMultiSelectedBlock,

[39792] Fix | Delete

isBlockMultiSelected,

[39793] Fix | Delete

isAncestorMultiSelected

[39794] Fix | Delete

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

[39795] Fix | Delete

[39796] Fix | Delete

// Whenever the trigger changes, we need to take a snapshot of the current

[39797] Fix | Delete

// position of the block to use it as a destination point for the animation.

[39798] Fix | Delete

const {

[39799] Fix | Delete

previous,

[39800] Fix | Delete

prevRect

[39801] Fix | Delete

} = (0,external_wp_element_namespaceObject.useMemo)(() => ({

[39802] Fix | Delete

previous: ref.current && getAbsolutePosition(ref.current),

[39803] Fix | Delete

prevRect: ref.current && ref.current.getBoundingClientRect()

[39804] Fix | Delete

}),

[39805] Fix | Delete

// eslint-disable-next-line react-hooks/exhaustive-deps

[39806] Fix | Delete

[triggerAnimationOnChange]);

[39807] Fix | Delete

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

[39808] Fix | Delete

if (!previous || !ref.current) {

[39809] Fix | Delete

return;

[39810] Fix | Delete

}

[39811] Fix | Delete

const scrollContainer = (0,external_wp_dom_namespaceObject.getScrollContainer)(ref.current);

[39812] Fix | Delete

const isSelected = isBlockSelected(clientId);

[39813] Fix | Delete

const adjustScrolling = isSelected || isFirstMultiSelectedBlock(clientId);

[39814] Fix | Delete

function preserveScrollPosition() {

[39815] Fix | Delete

if (adjustScrolling && prevRect) {

[39816] Fix | Delete

const blockRect = ref.current.getBoundingClientRect();

[39817] Fix | Delete

const diff = blockRect.top - prevRect.top;

[39818] Fix | Delete

if (diff) {

[39819] Fix | Delete

scrollContainer.scrollTop += diff;

[39820] Fix | Delete

}

[39821] Fix | Delete

}

[39822] Fix | Delete

}

[39823] Fix | Delete

[39824] Fix | Delete

// We disable the animation if the user has a preference for reduced

[39825] Fix | Delete

// motion, if the user is typing (insertion by Enter), or if the block

[39826] Fix | Delete

// count exceeds the threshold (insertion caused all the blocks that

[39827] Fix | Delete

// follow to animate).

[39828] Fix | Delete

// To do: consider enableing the _moving_ animation even for large

[39829] Fix | Delete

// posts, while only disabling the _insertion_ animation?

[39830] Fix | Delete

const disableAnimation = window.matchMedia('(prefers-reduced-motion: reduce)').matches || isTyping() || getGlobalBlockCount() > BLOCK_ANIMATION_THRESHOLD;

[39831] Fix | Delete

if (disableAnimation) {

[39832] Fix | Delete

// If the animation is disabled and the scroll needs to be adjusted,

[39833] Fix | Delete

// just move directly to the final scroll position.

[39834] Fix | Delete

preserveScrollPosition();

[39835] Fix | Delete

return;

[39836] Fix | Delete

}

[39837] Fix | Delete

const isPartOfSelection = isSelected || isBlockMultiSelected(clientId) || isAncestorMultiSelected(clientId);

[39838] Fix | Delete

// Make sure the other blocks move under the selected block(s).

[39839] Fix | Delete

const zIndex = isPartOfSelection ? '1' : '';

[39840] Fix | Delete

const controller = new esm_le({

[39841] Fix | Delete

x: 0,

[39842] Fix | Delete

y: 0,

[39843] Fix | Delete

config: {

[39844] Fix | Delete

mass: 5,

[39845] Fix | Delete

tension: 2000,

[39846] Fix | Delete

friction: 200

[39847] Fix | Delete

[39848] Fix | Delete

onChange({

[39849] Fix | Delete

value

[39850] Fix | Delete

}) {

[39851] Fix | Delete

if (!ref.current) {

[39852] Fix | Delete

return;

[39853] Fix | Delete

}

[39854] Fix | Delete

let {

[39855] Fix | Delete

[39856] Fix | Delete

[39857] Fix | Delete

} = value;

[39858] Fix | Delete

x = Math.round(x);

[39859] Fix | Delete

y = Math.round(y);

[39860] Fix | Delete

const finishedMoving = x === 0 && y === 0;

[39861] Fix | Delete

ref.current.style.transformOrigin = 'center center';

[39862] Fix | Delete

ref.current.style.transform = finishedMoving ? null // Set to `null` to explicitly remove the transform.

[39863] Fix | Delete

: `translate3d(${x}px,${y}px,0)`;

[39864] Fix | Delete

ref.current.style.zIndex = zIndex;

[39865] Fix | Delete

preserveScrollPosition();

[39866] Fix | Delete

}

[39867] Fix | Delete

});

[39868] Fix | Delete

ref.current.style.transform = undefined;

[39869] Fix | Delete

const destination = getAbsolutePosition(ref.current);

[39870] Fix | Delete

const x = Math.round(previous.left - destination.left);

[39871] Fix | Delete

const y = Math.round(previous.top - destination.top);

[39872] Fix | Delete

controller.start({

[39873] Fix | Delete

x: 0,

[39874] Fix | Delete

y: 0,

[39875] Fix | Delete

from: {

[39876] Fix | Delete

[39877] Fix | Delete

[39878] Fix | Delete

}

[39879] Fix | Delete

});

[39880] Fix | Delete

return () => {

[39881] Fix | Delete

controller.stop();

[39882] Fix | Delete

controller.set({

[39883] Fix | Delete

x: 0,

[39884] Fix | Delete

y: 0

[39885] Fix | Delete

});

[39886] Fix | Delete

};

[39887] Fix | Delete

}, [previous, prevRect, clientId, isTyping, getGlobalBlockCount, isBlockSelected, isFirstMultiSelectedBlock, isBlockMultiSelected, isAncestorMultiSelected]);

[39888] Fix | Delete

return ref;

[39889] Fix | Delete

}

[39890] Fix | Delete

/* harmony default export */ const use_moving_animation = (useMovingAnimation);

[39891] Fix | Delete

[39892] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/utils/dom.js

[39893] Fix | Delete

const BLOCK_SELECTOR = '.block-editor-block-list__block';

[39894] Fix | Delete

const APPENDER_SELECTOR = '.block-list-appender';

[39895] Fix | Delete

const BLOCK_APPENDER_CLASS = '.block-editor-button-block-appender';

[39896] Fix | Delete

[39897] Fix | Delete

/**

[39898] Fix | Delete

* Returns true if two elements are contained within the same block.

[39899] Fix | Delete

[39900] Fix | Delete

* @param {Element} a First element.

[39901] Fix | Delete

* @param {Element} b Second element.

[39902] Fix | Delete

[39903] Fix | Delete

* @return {boolean} Whether elements are in the same block.

[39904] Fix | Delete

[39905] Fix | Delete

function isInSameBlock(a, b) {

[39906] Fix | Delete

return a.closest(BLOCK_SELECTOR) === b.closest(BLOCK_SELECTOR);

[39907] Fix | Delete

}

[39908] Fix | Delete

[39909] Fix | Delete

/**

[39910] Fix | Delete

* Returns true if an element is considered part of the block and not its inner

[39911] Fix | Delete

* blocks or appender.

[39912] Fix | Delete

[39913] Fix | Delete

* @param {Element} blockElement Block container element.

[39914] Fix | Delete

* @param {Element} element Element.

[39915] Fix | Delete

[39916] Fix | Delete

* @return {boolean} Whether an element is considered part of the block and not

[39917] Fix | Delete

* its inner blocks or appender.

[39918] Fix | Delete

[39919] Fix | Delete

function isInsideRootBlock(blockElement, element) {

[39920] Fix | Delete

const parentBlock = element.closest([BLOCK_SELECTOR, APPENDER_SELECTOR, BLOCK_APPENDER_CLASS].join(','));

[39921] Fix | Delete

return parentBlock === blockElement;

[39922] Fix | Delete

}

[39923] Fix | Delete

[39924] Fix | Delete

/**

[39925] Fix | Delete

* Finds the block client ID given any DOM node inside the block.

[39926] Fix | Delete

[39927] Fix | Delete

* @param {Node?} node DOM node.

[39928] Fix | Delete

[39929] Fix | Delete

* @return {string|undefined} Client ID or undefined if the node is not part of

[39930] Fix | Delete

* a block.

[39931] Fix | Delete

[39932] Fix | Delete

function getBlockClientId(node) {

[39933] Fix | Delete

while (node && node.nodeType !== node.ELEMENT_NODE) {

[39934] Fix | Delete

node = node.parentNode;

[39935] Fix | Delete

}

[39936] Fix | Delete

if (!node) {

[39937] Fix | Delete

return;

[39938] Fix | Delete

}

[39939] Fix | Delete

const elementNode = /** @type {Element} */node;

[39940] Fix | Delete

const blockNode = elementNode.closest(BLOCK_SELECTOR);

[39941] Fix | Delete

if (!blockNode) {

[39942] Fix | Delete

return;

[39943] Fix | Delete

}

[39944] Fix | Delete

return blockNode.id.slice('block-'.length);

[39945] Fix | Delete

}

[39946] Fix | Delete

[39947] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/block-editor/build-module/components/block-list/use-block-props/use-focus-first-element.js

[39948] Fix | Delete

/**

[39949] Fix | Delete

* WordPress dependencies

[39950] Fix | Delete

[39951] Fix | Delete

[39952] Fix | Delete

[39953] Fix | Delete

[39954] Fix | Delete

[39955] Fix | Delete

/**

[39956] Fix | Delete

* Internal dependencies

[39957] Fix | Delete

[39958] Fix | Delete

[39959] Fix | Delete

[39960] Fix | Delete

[39961] Fix | Delete

/** @typedef {import('@wordpress/element').RefObject} RefObject */

[39962] Fix | Delete

[39963] Fix | Delete

/**

[39964] Fix | Delete

* Transitions focus to the block or inner tabbable when the block becomes

[39965] Fix | Delete

* selected and an initial position is set.

[39966] Fix | Delete

[39967] Fix | Delete

* @param {string} clientId Block client ID.

[39968] Fix | Delete

[39969] Fix | Delete

* @return {RefObject} React ref with the block element.

[39970] Fix | Delete

[39971] Fix | Delete

function useFocusFirstElement({

[39972] Fix | Delete

clientId,

[39973] Fix | Delete

initialPosition

[39974] Fix | Delete

}) {

[39975] Fix | Delete

const ref = (0,external_wp_element_namespaceObject.useRef)();

[39976] Fix | Delete

const {

[39977] Fix | Delete

isBlockSelected,

[39978] Fix | Delete

isMultiSelecting,

[39979] Fix | Delete

__unstableGetEditorMode

[39980] Fix | Delete

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

[39981] Fix | Delete

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

[39982] Fix | Delete

// Check if the block is still selected at the time this effect runs.

[39983] Fix | Delete

if (!isBlockSelected(clientId) || isMultiSelecting() || __unstableGetEditorMode() === 'zoom-out') {

[39984] Fix | Delete

return;

[39985] Fix | Delete

}

[39986] Fix | Delete

if (initialPosition === undefined || initialPosition === null) {

[39987] Fix | Delete

return;

[39988] Fix | Delete

}

[39989] Fix | Delete

if (!ref.current) {

[39990] Fix | Delete

return;

[39991] Fix | Delete

}

[39992] Fix | Delete

const {

[39993] Fix | Delete

ownerDocument

[39994] Fix | Delete

} = ref.current;

[39995] Fix | Delete

[39996] Fix | Delete

// Do not focus the block if it already contains the active element.

[39997] Fix | Delete

if (isInsideRootBlock(ref.current, ownerDocument.activeElement)) {

[39998] Fix | Delete

return;

[39999] Fix | Delete

1 ...78 798081 82 ...144