Edit File by line

if (isMobile) {

[23500] Fix | Delete

return null;

[23501] Fix | Delete

}

[23502] Fix | Delete

const popoverProps = {

[23503] Fix | Delete

placement: 'bottom-end'

[23504] Fix | Delete

};

[23505] Fix | Delete

const toggleProps = {

[23506] Fix | Delete

className: 'editor-preview-dropdown__toggle',

[23507] Fix | Delete

size: 'compact',

[23508] Fix | Delete

showTooltip: !showIconLabels,

[23509] Fix | Delete

disabled,

[23510] Fix | Delete

__experimentalIsFocusable: disabled

[23511] Fix | Delete

};

[23512] Fix | Delete

const menuProps = {

[23513] Fix | Delete

'aria-label': (0,external_wp_i18n_namespaceObject.__)('View options')

[23514] Fix | Delete

};

[23515] Fix | Delete

const deviceIcons = {

[23516] Fix | Delete

mobile: library_mobile,

[23517] Fix | Delete

tablet: library_tablet,

[23518] Fix | Delete

desktop: library_desktop

[23519] Fix | Delete

};

[23520] Fix | Delete

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

[23521] Fix | Delete

className: "editor-preview-dropdown",

[23522] Fix | Delete

popoverProps: popoverProps,

[23523] Fix | Delete

toggleProps: toggleProps,

[23524] Fix | Delete

menuProps: menuProps,

[23525] Fix | Delete

icon: deviceIcons[deviceType.toLowerCase()],

[23526] Fix | Delete

label: (0,external_wp_i18n_namespaceObject.__)('View'),

[23527] Fix | Delete

disableOpenOnArrowDown: disabled,

[23528] Fix | Delete

children: ({

[23529] Fix | Delete

onClose

[23530] Fix | Delete

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

[23531] Fix | Delete

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

[23532] Fix | Delete

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

[23533] Fix | Delete

onClick: () => setDeviceType('Desktop'),

[23534] Fix | Delete

icon: deviceType === 'Desktop' && library_check,

[23535] Fix | Delete

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

[23536] Fix | Delete

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

[23537] Fix | Delete

onClick: () => setDeviceType('Tablet'),

[23538] Fix | Delete

icon: deviceType === 'Tablet' && library_check,

[23539] Fix | Delete

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

[23540] Fix | Delete

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

[23541] Fix | Delete

onClick: () => setDeviceType('Mobile'),

[23542] Fix | Delete

icon: deviceType === 'Mobile' && library_check,

[23543] Fix | Delete

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

[23544] Fix | Delete

})]

[23545] Fix | Delete

}), isTemplate && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuGroup, {

[23546] Fix | Delete

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

[23547] Fix | Delete

href: homeUrl,

[23548] Fix | Delete

target: "_blank",

[23549] Fix | Delete

icon: library_external,

[23550] Fix | Delete

onClick: onClose,

[23551] Fix | Delete

children: [(0,external_wp_i18n_namespaceObject.__)('View site'), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, {

[23552] Fix | Delete

as: "span",

[23553] Fix | Delete

children: /* translators: accessibility text */

[23554] Fix | Delete

(0,external_wp_i18n_namespaceObject.__)('(opens in a new tab)')

[23555] Fix | Delete

})]

[23556] Fix | Delete

})

[23557] Fix | Delete

}), isViewable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuGroup, {

[23558] Fix | Delete

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

[23559] Fix | Delete

className: "editor-preview-dropdown__button-external",

[23560] Fix | Delete

role: "menuitem",

[23561] Fix | Delete

forceIsAutosaveable: forceIsAutosaveable,

[23562] Fix | Delete

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

[23563] Fix | Delete

children: [(0,external_wp_i18n_namespaceObject.__)('Preview in new tab'), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Icon, {

[23564] Fix | Delete

icon: library_external

[23565] Fix | Delete

})]

[23566] Fix | Delete

}),

[23567] Fix | Delete

onPreview: onClose

[23568] Fix | Delete

})

[23569] Fix | Delete

})]

[23570] Fix | Delete

})

[23571] Fix | Delete

});

[23572] Fix | Delete

}

[23573] Fix | Delete

[23574] Fix | Delete

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

[23575] Fix | Delete

/**

[23576] Fix | Delete

* External dependencies

[23577] Fix | Delete

[23578] Fix | Delete

[23579] Fix | Delete

[23580] Fix | Delete

/**

[23581] Fix | Delete

* WordPress dependencies

[23582] Fix | Delete

[23583] Fix | Delete

[23584] Fix | Delete

[23585] Fix | Delete

[23586] Fix | Delete

[23587] Fix | Delete

[23588] Fix | Delete

[23589] Fix | Delete

[23590] Fix | Delete

[23591] Fix | Delete

/**

[23592] Fix | Delete

* Internal dependencies

[23593] Fix | Delete

[23594] Fix | Delete

[23595] Fix | Delete

[23596] Fix | Delete

[23597] Fix | Delete

[23598] Fix | Delete

[23599] Fix | Delete

[23600] Fix | Delete

[23601] Fix | Delete

[23602] Fix | Delete

[23603] Fix | Delete

[23604] Fix | Delete

[23605] Fix | Delete

[23606] Fix | Delete

[23607] Fix | Delete

const toolbarVariations = {

[23608] Fix | Delete

distractionFreeDisabled: {

[23609] Fix | Delete

y: '-50px'

[23610] Fix | Delete

[23611] Fix | Delete

distractionFreeHover: {

[23612] Fix | Delete

y: 0

[23613] Fix | Delete

[23614] Fix | Delete

distractionFreeHidden: {

[23615] Fix | Delete

y: '-50px'

[23616] Fix | Delete

[23617] Fix | Delete

visible: {

[23618] Fix | Delete

y: 0

[23619] Fix | Delete

[23620] Fix | Delete

hidden: {

[23621] Fix | Delete

y: 0

[23622] Fix | Delete

}

[23623] Fix | Delete

};

[23624] Fix | Delete

const backButtonVariations = {

[23625] Fix | Delete

distractionFreeDisabled: {

[23626] Fix | Delete

x: '-100%'

[23627] Fix | Delete

[23628] Fix | Delete

distractionFreeHover: {

[23629] Fix | Delete

x: 0

[23630] Fix | Delete

[23631] Fix | Delete

distractionFreeHidden: {

[23632] Fix | Delete

x: '-100%'

[23633] Fix | Delete

[23634] Fix | Delete

visible: {

[23635] Fix | Delete

x: 0

[23636] Fix | Delete

[23637] Fix | Delete

hidden: {

[23638] Fix | Delete

x: 0

[23639] Fix | Delete

}

[23640] Fix | Delete

};

[23641] Fix | Delete

function Header({

[23642] Fix | Delete

customSaveButton,

[23643] Fix | Delete

forceIsDirty,

[23644] Fix | Delete

forceDisableBlockTools,

[23645] Fix | Delete

setEntitiesSavedStatesCallback,

[23646] Fix | Delete

title

[23647] Fix | Delete

}) {

[23648] Fix | Delete

const isWideViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('large');

[23649] Fix | Delete

const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium');

[23650] Fix | Delete

const {

[23651] Fix | Delete

isTextEditor,

[23652] Fix | Delete

isPublishSidebarOpened,

[23653] Fix | Delete

showIconLabels,

[23654] Fix | Delete

hasFixedToolbar,

[23655] Fix | Delete

isNestedEntity,

[23656] Fix | Delete

isZoomedOutView

[23657] Fix | Delete

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

[23658] Fix | Delete

const {

[23659] Fix | Delete

get: getPreference

[23660] Fix | Delete

} = select(external_wp_preferences_namespaceObject.store);

[23661] Fix | Delete

const {

[23662] Fix | Delete

getEditorMode,

[23663] Fix | Delete

getEditorSettings,

[23664] Fix | Delete

isPublishSidebarOpened: _isPublishSidebarOpened

[23665] Fix | Delete

} = select(store_store);

[23666] Fix | Delete

const {

[23667] Fix | Delete

__unstableGetEditorMode

[23668] Fix | Delete

} = select(external_wp_blockEditor_namespaceObject.store);

[23669] Fix | Delete

return {

[23670] Fix | Delete

isTextEditor: getEditorMode() === 'text',

[23671] Fix | Delete

isPublishSidebarOpened: _isPublishSidebarOpened(),

[23672] Fix | Delete

showIconLabels: getPreference('core', 'showIconLabels'),

[23673] Fix | Delete

hasFixedToolbar: getPreference('core', 'fixedToolbar'),

[23674] Fix | Delete

isNestedEntity: !!getEditorSettings().onNavigateToPreviousEntityRecord,

[23675] Fix | Delete

isZoomedOutView: __unstableGetEditorMode() === 'zoom-out'

[23676] Fix | Delete

};

[23677] Fix | Delete

}, []);

[23678] Fix | Delete

const hasTopToolbar = isLargeViewport && hasFixedToolbar;

[23679] Fix | Delete

const [isBlockToolsCollapsed, setIsBlockToolsCollapsed] = (0,external_wp_element_namespaceObject.useState)(true);

[23680] Fix | Delete

[23681] Fix | Delete

// The edit-post-header classname is only kept for backward compatibilty

[23682] Fix | Delete

// as some plugins might be relying on its presence.

[23683] Fix | Delete

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

[23684] Fix | Delete

className: "editor-header edit-post-header",

[23685] Fix | Delete

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

[23686] Fix | Delete

variants: backButtonVariations,

[23687] Fix | Delete

transition: {

[23688] Fix | Delete

type: 'tween'

[23689] Fix | Delete

[23690] Fix | Delete

children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(back_button.Slot, {})

[23691] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__unstableMotion.div, {

[23692] Fix | Delete

variants: toolbarVariations,

[23693] Fix | Delete

className: "editor-header__toolbar",

[23694] Fix | Delete

transition: {

[23695] Fix | Delete

type: 'tween'

[23696] Fix | Delete

[23697] Fix | Delete

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

[23698] Fix | Delete

disableBlockTools: forceDisableBlockTools || isTextEditor

[23699] Fix | Delete

}), hasTopToolbar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(collapsible_block_toolbar, {

[23700] Fix | Delete

isCollapsed: isBlockToolsCollapsed,

[23701] Fix | Delete

onToggle: setIsBlockToolsCollapsed

[23702] Fix | Delete

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

[23703] Fix | Delete

className: dist_clsx('editor-header__center', {

[23704] Fix | Delete

'is-collapsed': !isBlockToolsCollapsed && hasTopToolbar

[23705] Fix | Delete

}),

[23706] Fix | Delete

children: !title ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(DocumentBar, {}) : title

[23707] Fix | Delete

})]

[23708] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__unstableMotion.div, {

[23709] Fix | Delete

variants: toolbarVariations,

[23710] Fix | Delete

transition: {

[23711] Fix | Delete

type: 'tween'

[23712] Fix | Delete

[23713] Fix | Delete

className: "editor-header__settings",

[23714] Fix | Delete

children: [!customSaveButton && !isPublishSidebarOpened &&

[23715] Fix | Delete

/*#__PURE__*/

[23716] Fix | Delete

// This button isn't completely hidden by the publish sidebar.

[23717] Fix | Delete

// We can't hide the whole toolbar when the publish sidebar is open because

[23718] Fix | Delete

// we want to prevent mounting/unmounting the PostPublishButtonOrToggle DOM node.

[23719] Fix | Delete

// We track that DOM node to return focus to the PostPublishButtonOrToggle

[23720] Fix | Delete

// when the publish sidebar has been closed.

[23721] Fix | Delete

(0,external_ReactJSXRuntime_namespaceObject.jsx)(PostSavedState, {

[23722] Fix | Delete

forceIsDirty: forceIsDirty

[23723] Fix | Delete

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

[23724] Fix | Delete

forceIsAutosaveable: forceIsDirty,

[23725] Fix | Delete

disabled: isNestedEntity || isZoomedOutView

[23726] Fix | Delete

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

[23727] Fix | Delete

className: "editor-header__post-preview-button",

[23728] Fix | Delete

forceIsAutosaveable: forceIsDirty

[23729] Fix | Delete

}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PostViewLink, {}), !customSaveButton && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(post_publish_button_or_toggle, {

[23730] Fix | Delete

forceIsDirty: forceIsDirty,

[23731] Fix | Delete

setEntitiesSavedStatesCallback: setEntitiesSavedStatesCallback

[23732] Fix | Delete

}), customSaveButton, (isWideViewport || !showIconLabels) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(pinned_items.Slot, {

[23733] Fix | Delete

scope: "core"

[23734] Fix | Delete

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

[23735] Fix | Delete

})]

[23736] Fix | Delete

});

[23737] Fix | Delete

}

[23738] Fix | Delete

/* harmony default export */ const components_header = (Header);

[23739] Fix | Delete

[23740] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/editor/build-module/components/inserter-sidebar/index.js

[23741] Fix | Delete

/**

[23742] Fix | Delete

* WordPress dependencies

[23743] Fix | Delete

[23744] Fix | Delete

[23745] Fix | Delete

[23746] Fix | Delete

[23747] Fix | Delete

[23748] Fix | Delete

[23749] Fix | Delete

[23750] Fix | Delete

[23751] Fix | Delete

[23752] Fix | Delete

/**

[23753] Fix | Delete

* Internal dependencies

[23754] Fix | Delete

[23755] Fix | Delete

[23756] Fix | Delete

[23757] Fix | Delete

[23758] Fix | Delete

const {

[23759] Fix | Delete

PrivateInserterLibrary

[23760] Fix | Delete

} = unlock(external_wp_blockEditor_namespaceObject.privateApis);

[23761] Fix | Delete

function InserterSidebar() {

[23762] Fix | Delete

const {

[23763] Fix | Delete

blockSectionRootClientId,

[23764] Fix | Delete

inserterSidebarToggleRef,

[23765] Fix | Delete

insertionPoint,

[23766] Fix | Delete

showMostUsedBlocks,

[23767] Fix | Delete

sidebarIsOpened

[23768] Fix | Delete

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

[23769] Fix | Delete

const {

[23770] Fix | Delete

getInserterSidebarToggleRef,

[23771] Fix | Delete

getInsertionPoint,

[23772] Fix | Delete

isPublishSidebarOpened

[23773] Fix | Delete

} = unlock(select(store_store));

[23774] Fix | Delete

const {

[23775] Fix | Delete

getBlockRootClientId,

[23776] Fix | Delete

__unstableGetEditorMode,

[23777] Fix | Delete

getSettings

[23778] Fix | Delete

} = select(external_wp_blockEditor_namespaceObject.store);

[23779] Fix | Delete

const {

[23780] Fix | Delete

get

[23781] Fix | Delete

} = select(external_wp_preferences_namespaceObject.store);

[23782] Fix | Delete

const {

[23783] Fix | Delete

getActiveComplementaryArea

[23784] Fix | Delete

} = select(store);

[23785] Fix | Delete

const getBlockSectionRootClientId = () => {

[23786] Fix | Delete

if (__unstableGetEditorMode() === 'zoom-out') {

[23787] Fix | Delete

const {

[23788] Fix | Delete

sectionRootClientId

[23789] Fix | Delete

} = unlock(getSettings());

[23790] Fix | Delete

if (sectionRootClientId) {

[23791] Fix | Delete

return sectionRootClientId;

[23792] Fix | Delete

}

[23793] Fix | Delete

}

[23794] Fix | Delete

return getBlockRootClientId();

[23795] Fix | Delete

};

[23796] Fix | Delete

return {

[23797] Fix | Delete

inserterSidebarToggleRef: getInserterSidebarToggleRef(),

[23798] Fix | Delete

insertionPoint: getInsertionPoint(),

[23799] Fix | Delete

showMostUsedBlocks: get('core', 'mostUsedBlocks'),

[23800] Fix | Delete

blockSectionRootClientId: getBlockSectionRootClientId(),

[23801] Fix | Delete

sidebarIsOpened: !!(getActiveComplementaryArea('core') || isPublishSidebarOpened())

[23802] Fix | Delete

};

[23803] Fix | Delete

}, []);

[23804] Fix | Delete

const {

[23805] Fix | Delete

setIsInserterOpened

[23806] Fix | Delete

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

[23807] Fix | Delete

const {

[23808] Fix | Delete

disableComplementaryArea

[23809] Fix | Delete

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

[23810] Fix | Delete

const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<');

[23811] Fix | Delete

const [inserterDialogRef, inserterDialogProps] = (0,external_wp_compose_namespaceObject.__experimentalUseDialog)({

[23812] Fix | Delete

onClose: () => setIsInserterOpened(false),

[23813] Fix | Delete

focusOnMount: true

[23814] Fix | Delete

});

[23815] Fix | Delete

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

[23816] Fix | Delete

[23817] Fix | Delete

// When closing the inserter, focus should return to the toggle button.

[23818] Fix | Delete

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

[23819] Fix | Delete

setIsInserterOpened(false);

[23820] Fix | Delete

inserterSidebarToggleRef.current?.focus();

[23821] Fix | Delete

}, [inserterSidebarToggleRef, setIsInserterOpened]);

[23822] Fix | Delete

const closeOnEscape = (0,external_wp_element_namespaceObject.useCallback)(event => {

[23823] Fix | Delete

if (event.keyCode === external_wp_keycodes_namespaceObject.ESCAPE && !event.defaultPrevented) {

[23824] Fix | Delete

event.preventDefault();

[23825] Fix | Delete

closeInserterSidebar();

[23826] Fix | Delete

}

[23827] Fix | Delete

}, [closeInserterSidebar]);

[23828] Fix | Delete

const inserterContents = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[23829] Fix | Delete

className: "editor-inserter-sidebar__content",

[23830] Fix | Delete

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

[23831] Fix | Delete

showMostUsedBlocks: showMostUsedBlocks,

[23832] Fix | Delete

showInserterHelpPanel: true,

[23833] Fix | Delete

shouldFocusBlock: isMobileViewport,

[23834] Fix | Delete

rootClientId: blockSectionRootClientId !== null && blockSectionRootClientId !== void 0 ? blockSectionRootClientId : insertionPoint.rootClientId,

[23835] Fix | Delete

__experimentalInsertionIndex: insertionPoint.insertionIndex,

[23836] Fix | Delete

__experimentalInitialTab: insertionPoint.tab,

[23837] Fix | Delete

__experimentalInitialCategory: insertionPoint.category,

[23838] Fix | Delete

__experimentalFilterValue: insertionPoint.filterValue,

[23839] Fix | Delete

onPatternCategorySelection: sidebarIsOpened ? () => disableComplementaryArea('core') : undefined,

[23840] Fix | Delete

ref: libraryRef,

[23841] Fix | Delete

onClose: closeInserterSidebar

[23842] Fix | Delete

})

[23843] Fix | Delete

});

[23844] Fix | Delete

if (window.__experimentalEnableZoomedOutPatternsTab) {

[23845] Fix | Delete

return (

[23846] Fix | Delete

/*#__PURE__*/

[23847] Fix | Delete

// eslint-disable-next-line jsx-a11y/no-static-element-interactions

[23848] Fix | Delete

(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", {

[23849] Fix | Delete

onKeyDown: closeOnEscape,

[23850] Fix | Delete

className: "editor-inserter-sidebar",

[23851] Fix | Delete

children: inserterContents

[23852] Fix | Delete

})

[23853] Fix | Delete

);

[23854] Fix | Delete

}

[23855] Fix | Delete

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

[23856] Fix | Delete

ref: inserterDialogRef,

[23857] Fix | Delete

...inserterDialogProps,

[23858] Fix | Delete

className: "editor-inserter-sidebar",

[23859] Fix | Delete

children: inserterContents

[23860] Fix | Delete

});

[23861] Fix | Delete

}

[23862] Fix | Delete

[23863] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/editor/build-module/components/list-view-sidebar/list-view-outline.js

[23864] Fix | Delete

/**

[23865] Fix | Delete

* WordPress dependencies

[23866] Fix | Delete

[23867] Fix | Delete

[23868] Fix | Delete

[23869] Fix | Delete

[23870] Fix | Delete

/**

[23871] Fix | Delete

* Internal dependencies

[23872] Fix | Delete

[23873] Fix | Delete

[23874] Fix | Delete

[23875] Fix | Delete

[23876] Fix | Delete

[23877] Fix | Delete

[23878] Fix | Delete

[23879] Fix | Delete

[23880] Fix | Delete

function ListViewOutline() {

[23881] Fix | Delete

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

[23882] Fix | Delete

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

[23883] Fix | Delete

className: "editor-list-view-sidebar__outline",

[23884] Fix | Delete

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

[23885] Fix | Delete

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

[23886] Fix | Delete

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

[23887] Fix | Delete

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

[23888] Fix | Delete

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

[23889] Fix | Delete

})]

[23890] Fix | Delete

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

[23891] Fix | Delete

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

[23892] Fix | Delete

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

[23893] Fix | Delete

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

[23894] Fix | Delete

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

[23895] Fix | Delete

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

[23896] Fix | Delete

children: (0,external_wp_i18n_namespaceObject.__)('Time to read:')

[23897] Fix | Delete

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

[23898] Fix | Delete

})]

[23899] Fix | Delete

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

[23900] Fix | Delete

});

[23901] Fix | Delete

}

[23902] Fix | Delete

[23903] Fix | Delete

;// CONCATENATED MODULE: ./node_modules/@wordpress/editor/build-module/components/list-view-sidebar/index.js

[23904] Fix | Delete

/**

[23905] Fix | Delete

* WordPress dependencies

[23906] Fix | Delete

[23907] Fix | Delete

[23908] Fix | Delete

[23909] Fix | Delete

[23910] Fix | Delete

[23911] Fix | Delete

[23912] Fix | Delete

[23913] Fix | Delete

[23914] Fix | Delete

[23915] Fix | Delete

[23916] Fix | Delete

[23917] Fix | Delete

[23918] Fix | Delete

/**

[23919] Fix | Delete

* Internal dependencies

[23920] Fix | Delete

[23921] Fix | Delete

[23922] Fix | Delete

[23923] Fix | Delete

[23924] Fix | Delete

[23925] Fix | Delete

[23926] Fix | Delete

const {

[23927] Fix | Delete

Tabs

[23928] Fix | Delete

} = unlock(external_wp_components_namespaceObject.privateApis);

[23929] Fix | Delete

function ListViewSidebar() {

[23930] Fix | Delete

const {

[23931] Fix | Delete

setIsListViewOpened

[23932] Fix | Delete

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

[23933] Fix | Delete

const {

[23934] Fix | Delete

getListViewToggleRef

[23935] Fix | Delete

} = unlock((0,external_wp_data_namespaceObject.useSelect)(store_store));

[23936] Fix | Delete

[23937] Fix | Delete

// This hook handles focus when the sidebar first renders.

[23938] Fix | Delete

const focusOnMountRef = (0,external_wp_compose_namespaceObject.useFocusOnMount)('firstElement');

[23939] Fix | Delete

[23940] Fix | Delete

// When closing the list view, focus should return to the toggle button.

[23941] Fix | Delete

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

[23942] Fix | Delete

setIsListViewOpened(false);

[23943] Fix | Delete

getListViewToggleRef().current?.focus();

[23944] Fix | Delete

}, [getListViewToggleRef, setIsListViewOpened]);

[23945] Fix | Delete

const closeOnEscape = (0,external_wp_element_namespaceObject.useCallback)(event => {

[23946] Fix | Delete

if (event.keyCode === external_wp_keycodes_namespaceObject.ESCAPE && !event.defaultPrevented) {

[23947] Fix | Delete

event.preventDefault();

[23948] Fix | Delete

closeListView();

[23949] Fix | Delete

}

[23950] Fix | Delete

}, [closeListView]);

[23951] Fix | Delete

[23952] Fix | Delete

// Use internal state instead of a ref to make sure that the component

[23953] Fix | Delete

// re-renders when the dropZoneElement updates.

[23954] Fix | Delete

const [dropZoneElement, setDropZoneElement] = (0,external_wp_element_namespaceObject.useState)(null);

[23955] Fix | Delete

// Tracks our current tab.

[23956] Fix | Delete

const [tab, setTab] = (0,external_wp_element_namespaceObject.useState)('list-view');

[23957] Fix | Delete

[23958] Fix | Delete

// This ref refers to the sidebar as a whole.

[23959] Fix | Delete

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

[23960] Fix | Delete

// This ref refers to the tab panel.

[23961] Fix | Delete

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

[23962] Fix | Delete

// This ref refers to the list view application area.

[23963] Fix | Delete

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

[23964] Fix | Delete

[23965] Fix | Delete

// Must merge the refs together so focus can be handled properly in the next function.

[23966] Fix | Delete

const listViewContainerRef = (0,external_wp_compose_namespaceObject.useMergeRefs)([focusOnMountRef, listViewRef, setDropZoneElement]);

[23967] Fix | Delete

[23968] Fix | Delete

[23969] Fix | Delete

* Callback function to handle list view or outline focus.

[23970] Fix | Delete

[23971] Fix | Delete

* @param {string} currentTab The current tab. Either list view or outline.

[23972] Fix | Delete

[23973] Fix | Delete

* @return void

[23974] Fix | Delete

[23975] Fix | Delete

function handleSidebarFocus(currentTab) {

[23976] Fix | Delete

// Tab panel focus.

[23977] Fix | Delete

const tabPanelFocus = external_wp_dom_namespaceObject.focus.tabbable.find(tabsRef.current)[0];

[23978] Fix | Delete

// List view tab is selected.

[23979] Fix | Delete

if (currentTab === 'list-view') {

[23980] Fix | Delete

// Either focus the list view or the tab panel. Must have a fallback because the list view does not render when there are no blocks.

[23981] Fix | Delete

const listViewApplicationFocus = external_wp_dom_namespaceObject.focus.tabbable.find(listViewRef.current)[0];

[23982] Fix | Delete

const listViewFocusArea = sidebarRef.current.contains(listViewApplicationFocus) ? listViewApplicationFocus : tabPanelFocus;

[23983] Fix | Delete

listViewFocusArea.focus();

[23984] Fix | Delete

// Outline tab is selected.

[23985] Fix | Delete

} else {

[23986] Fix | Delete

tabPanelFocus.focus();

[23987] Fix | Delete

}

[23988] Fix | Delete

}

[23989] Fix | Delete

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

[23990] Fix | Delete

// If the sidebar has focus, it is safe to close.

[23991] Fix | Delete

if (sidebarRef.current.contains(sidebarRef.current.ownerDocument.activeElement)) {

[23992] Fix | Delete

closeListView();

[23993] Fix | Delete

} else {

[23994] Fix | Delete

// If the list view or outline does not have focus, focus should be moved to it.

[23995] Fix | Delete

handleSidebarFocus(tab);

[23996] Fix | Delete

}

[23997] Fix | Delete

}, [closeListView, tab]);

[23998] Fix | Delete

[23999] Fix | Delete

1 ...46 474849 50 ...57