diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/js/dist/edit-widgets.js --- a/wp/wp-includes/js/dist/edit-widgets.js Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/js/dist/edit-widgets.js Fri Sep 05 18:40:08 2025 +0200 @@ -1,248 +1,176 @@ -/******/ (function() { // webpackBootstrap -/******/ var __webpack_modules__ = ({ - -/***/ 4403: -/***/ (function(module, exports) { - -var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*! - Copyright (c) 2018 Jed Watson. - Licensed under the MIT License (MIT), see - http://jedwatson.github.io/classnames -*/ -/* global define */ - -(function () { - 'use strict'; - - var hasOwn = {}.hasOwnProperty; - - function classNames() { - var classes = []; - - for (var i = 0; i < arguments.length; i++) { - var arg = arguments[i]; - if (!arg) continue; - - var argType = typeof arg; - - if (argType === 'string' || argType === 'number') { - classes.push(arg); - } else if (Array.isArray(arg)) { - if (arg.length) { - var inner = classNames.apply(null, arg); - if (inner) { - classes.push(inner); - } - } - } else if (argType === 'object') { - if (arg.toString === Object.prototype.toString) { - for (var key in arg) { - if (hasOwn.call(arg, key) && arg[key]) { - classes.push(key); - } - } - } else { - classes.push(arg.toString()); - } - } - } - - return classes.join(' '); - } - - if ( true && module.exports) { - classNames.default = classNames; - module.exports = classNames; - } else if (true) { - // register as 'classnames', consistent with npm package name - !(__WEBPACK_AMD_DEFINE_ARRAY__ = [], __WEBPACK_AMD_DEFINE_RESULT__ = (function () { - return classNames; - }).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__), - __WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__)); - } else {} -}()); - - -/***/ }) - -/******/ }); -/************************************************************************/ -/******/ // The module cache -/******/ var __webpack_module_cache__ = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ // Check if module is in cache -/******/ var cachedModule = __webpack_module_cache__[moduleId]; -/******/ if (cachedModule !== undefined) { -/******/ return cachedModule.exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = __webpack_module_cache__[moduleId] = { -/******/ // no module.id needed -/******/ // no module.loaded needed -/******/ exports: {} -/******/ }; -/******/ -/******/ // Execute the module function -/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__); -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } +/******/ (() => { // webpackBootstrap +/******/ "use strict"; +/******/ // The require scope +/******/ var __webpack_require__ = {}; /******/ /************************************************************************/ /******/ /* webpack/runtime/compat get default export */ -/******/ !function() { +/******/ (() => { /******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { +/******/ __webpack_require__.n = (module) => { /******/ var getter = module && module.__esModule ? -/******/ function() { return module['default']; } : -/******/ function() { return module; }; +/******/ () => (module['default']) : +/******/ () => (module); /******/ __webpack_require__.d(getter, { a: getter }); /******/ return getter; /******/ }; -/******/ }(); +/******/ })(); /******/ /******/ /* webpack/runtime/define property getters */ -/******/ !function() { +/******/ (() => { /******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { +/******/ __webpack_require__.d = (exports, definition) => { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; -/******/ }(); +/******/ })(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); /******/ /******/ /* webpack/runtime/make namespace object */ -/******/ !function() { +/******/ (() => { /******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { +/******/ __webpack_require__.r = (exports) => { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; -/******/ }(); +/******/ })(); /******/ /************************************************************************/ var __webpack_exports__ = {}; -// This entry need to be wrapped in an IIFE because it need to be in strict mode. -!function() { -"use strict"; // ESM COMPAT FLAG __webpack_require__.r(__webpack_exports__); // EXPORTS __webpack_require__.d(__webpack_exports__, { - "initialize": function() { return /* binding */ initialize; }, - "reinitializeEditor": function() { return /* binding */ reinitializeEditor; } + initialize: () => (/* binding */ initialize), + initializeEditor: () => (/* binding */ initializeEditor), + reinitializeEditor: () => (/* binding */ reinitializeEditor), + store: () => (/* reexport */ store_store) }); // NAMESPACE OBJECT: ./node_modules/@wordpress/interface/build-module/store/actions.js var actions_namespaceObject = {}; __webpack_require__.r(actions_namespaceObject); __webpack_require__.d(actions_namespaceObject, { - "disableComplementaryArea": function() { return disableComplementaryArea; }, - "enableComplementaryArea": function() { return enableComplementaryArea; }, - "pinItem": function() { return pinItem; }, - "setFeatureDefaults": function() { return setFeatureDefaults; }, - "setFeatureValue": function() { return setFeatureValue; }, - "toggleFeature": function() { return toggleFeature; }, - "unpinItem": function() { return unpinItem; } + closeModal: () => (closeModal), + disableComplementaryArea: () => (disableComplementaryArea), + enableComplementaryArea: () => (enableComplementaryArea), + openModal: () => (openModal), + pinItem: () => (pinItem), + setDefaultComplementaryArea: () => (setDefaultComplementaryArea), + setFeatureDefaults: () => (setFeatureDefaults), + setFeatureValue: () => (setFeatureValue), + toggleFeature: () => (toggleFeature), + unpinItem: () => (unpinItem) }); // NAMESPACE OBJECT: ./node_modules/@wordpress/interface/build-module/store/selectors.js var selectors_namespaceObject = {}; __webpack_require__.r(selectors_namespaceObject); __webpack_require__.d(selectors_namespaceObject, { - "getActiveComplementaryArea": function() { return getActiveComplementaryArea; }, - "isFeatureActive": function() { return isFeatureActive; }, - "isItemPinned": function() { return isItemPinned; } + getActiveComplementaryArea: () => (getActiveComplementaryArea), + isComplementaryAreaLoading: () => (isComplementaryAreaLoading), + isFeatureActive: () => (isFeatureActive), + isItemPinned: () => (isItemPinned), + isModalActive: () => (isModalActive) }); // NAMESPACE OBJECT: ./node_modules/@wordpress/edit-widgets/build-module/store/actions.js var store_actions_namespaceObject = {}; __webpack_require__.r(store_actions_namespaceObject); __webpack_require__.d(store_actions_namespaceObject, { - "closeGeneralSidebar": function() { return closeGeneralSidebar; }, - "moveBlockToWidgetArea": function() { return moveBlockToWidgetArea; }, - "persistStubPost": function() { return persistStubPost; }, - "saveEditedWidgetAreas": function() { return saveEditedWidgetAreas; }, - "saveWidgetArea": function() { return saveWidgetArea; }, - "saveWidgetAreas": function() { return saveWidgetAreas; }, - "setIsInserterOpened": function() { return setIsInserterOpened; }, - "setIsListViewOpened": function() { return setIsListViewOpened; }, - "setIsWidgetAreaOpen": function() { return setIsWidgetAreaOpen; }, - "setWidgetAreasOpenState": function() { return setWidgetAreasOpenState; }, - "setWidgetIdForClientId": function() { return setWidgetIdForClientId; } + closeGeneralSidebar: () => (closeGeneralSidebar), + moveBlockToWidgetArea: () => (moveBlockToWidgetArea), + persistStubPost: () => (persistStubPost), + saveEditedWidgetAreas: () => (saveEditedWidgetAreas), + saveWidgetArea: () => (saveWidgetArea), + saveWidgetAreas: () => (saveWidgetAreas), + setIsInserterOpened: () => (setIsInserterOpened), + setIsListViewOpened: () => (setIsListViewOpened), + setIsWidgetAreaOpen: () => (setIsWidgetAreaOpen), + setWidgetAreasOpenState: () => (setWidgetAreasOpenState), + setWidgetIdForClientId: () => (setWidgetIdForClientId) }); // NAMESPACE OBJECT: ./node_modules/@wordpress/edit-widgets/build-module/store/resolvers.js var resolvers_namespaceObject = {}; __webpack_require__.r(resolvers_namespaceObject); __webpack_require__.d(resolvers_namespaceObject, { - "getWidgetAreas": function() { return getWidgetAreas; }, - "getWidgets": function() { return getWidgets; } + getWidgetAreas: () => (getWidgetAreas), + getWidgets: () => (getWidgets) }); // NAMESPACE OBJECT: ./node_modules/@wordpress/edit-widgets/build-module/store/selectors.js var store_selectors_namespaceObject = {}; __webpack_require__.r(store_selectors_namespaceObject); __webpack_require__.d(store_selectors_namespaceObject, { - "__experimentalGetInsertionPoint": function() { return __experimentalGetInsertionPoint; }, - "canInsertBlockInWidgetArea": function() { return canInsertBlockInWidgetArea; }, - "getEditedWidgetAreas": function() { return getEditedWidgetAreas; }, - "getIsWidgetAreaOpen": function() { return getIsWidgetAreaOpen; }, - "getParentWidgetAreaBlock": function() { return getParentWidgetAreaBlock; }, - "getReferenceWidgetBlocks": function() { return getReferenceWidgetBlocks; }, - "getWidget": function() { return getWidget; }, - "getWidgetAreaForWidgetId": function() { return getWidgetAreaForWidgetId; }, - "getWidgetAreas": function() { return selectors_getWidgetAreas; }, - "getWidgets": function() { return selectors_getWidgets; }, - "isInserterOpened": function() { return isInserterOpened; }, - "isListViewOpened": function() { return isListViewOpened; }, - "isSavingWidgetAreas": function() { return isSavingWidgetAreas; } + __experimentalGetInsertionPoint: () => (__experimentalGetInsertionPoint), + canInsertBlockInWidgetArea: () => (canInsertBlockInWidgetArea), + getEditedWidgetAreas: () => (getEditedWidgetAreas), + getIsWidgetAreaOpen: () => (getIsWidgetAreaOpen), + getParentWidgetAreaBlock: () => (getParentWidgetAreaBlock), + getReferenceWidgetBlocks: () => (getReferenceWidgetBlocks), + getWidget: () => (getWidget), + getWidgetAreaForWidgetId: () => (getWidgetAreaForWidgetId), + getWidgetAreas: () => (selectors_getWidgetAreas), + getWidgets: () => (selectors_getWidgets), + isInserterOpened: () => (isInserterOpened), + isListViewOpened: () => (isListViewOpened), + isSavingWidgetAreas: () => (isSavingWidgetAreas) +}); + +// NAMESPACE OBJECT: ./node_modules/@wordpress/edit-widgets/build-module/store/private-selectors.js +var private_selectors_namespaceObject = {}; +__webpack_require__.r(private_selectors_namespaceObject); +__webpack_require__.d(private_selectors_namespaceObject, { + getInserterSidebarToggleRef: () => (getInserterSidebarToggleRef), + getListViewToggleRef: () => (getListViewToggleRef) }); // NAMESPACE OBJECT: ./node_modules/@wordpress/edit-widgets/build-module/blocks/widget-area/index.js var widget_area_namespaceObject = {}; __webpack_require__.r(widget_area_namespaceObject); __webpack_require__.d(widget_area_namespaceObject, { - "metadata": function() { return metadata; }, - "name": function() { return widget_area_name; }, - "settings": function() { return settings; } + metadata: () => (metadata), + name: () => (widget_area_name), + settings: () => (settings) }); -;// CONCATENATED MODULE: external ["wp","element"] -var external_wp_element_namespaceObject = window["wp"]["element"]; ;// CONCATENATED MODULE: external ["wp","blocks"] -var external_wp_blocks_namespaceObject = window["wp"]["blocks"]; +const external_wp_blocks_namespaceObject = window["wp"]["blocks"]; ;// CONCATENATED MODULE: external ["wp","data"] -var external_wp_data_namespaceObject = window["wp"]["data"]; +const external_wp_data_namespaceObject = window["wp"]["data"]; +;// CONCATENATED MODULE: external ["wp","deprecated"] +const external_wp_deprecated_namespaceObject = window["wp"]["deprecated"]; +var external_wp_deprecated_default = /*#__PURE__*/__webpack_require__.n(external_wp_deprecated_namespaceObject); +;// CONCATENATED MODULE: external ["wp","element"] +const external_wp_element_namespaceObject = window["wp"]["element"]; ;// CONCATENATED MODULE: external ["wp","blockLibrary"] -var external_wp_blockLibrary_namespaceObject = window["wp"]["blockLibrary"]; +const external_wp_blockLibrary_namespaceObject = window["wp"]["blockLibrary"]; ;// CONCATENATED MODULE: external ["wp","coreData"] -var external_wp_coreData_namespaceObject = window["wp"]["coreData"]; +const external_wp_coreData_namespaceObject = window["wp"]["coreData"]; ;// CONCATENATED MODULE: external ["wp","widgets"] -var external_wp_widgets_namespaceObject = window["wp"]["widgets"]; +const external_wp_widgets_namespaceObject = window["wp"]["widgets"]; ;// CONCATENATED MODULE: external ["wp","preferences"] -var external_wp_preferences_namespaceObject = window["wp"]["preferences"]; +const external_wp_preferences_namespaceObject = window["wp"]["preferences"]; ;// CONCATENATED MODULE: external ["wp","apiFetch"] -var external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"]; +const external_wp_apiFetch_namespaceObject = window["wp"]["apiFetch"]; var external_wp_apiFetch_default = /*#__PURE__*/__webpack_require__.n(external_wp_apiFetch_namespaceObject); ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/store/reducer.js /** * WordPress dependencies */ + /** * Controls the open state of the widget areas. * @@ -251,37 +179,33 @@ * * @return {Array} Updated state. */ - -function widgetAreasOpenState() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - let action = arguments.length > 1 ? arguments[1] : undefined; +function widgetAreasOpenState(state = {}, action) { const { type } = action; - switch (type) { case 'SET_WIDGET_AREAS_OPEN_STATE': { return action.widgetAreasOpenState; } - case 'SET_IS_WIDGET_AREA_OPEN': { const { clientId, isOpen } = action; - return { ...state, + return { + ...state, [clientId]: isOpen }; } - default: { return state; } } } + /** * Reducer to set the block inserter panel open or closed. * @@ -291,21 +215,16 @@ * @param {Object} state Current state. * @param {Object} action Dispatched action. */ - -function blockInserterPanel() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; - let action = arguments.length > 1 ? arguments[1] : undefined; - +function blockInserterPanel(state = false, action) { switch (action.type) { case 'SET_IS_LIST_VIEW_OPENED': return action.isOpen ? false : state; - case 'SET_IS_INSERTER_OPENED': return action.value; } - return state; } + /** * Reducer to set the list view panel open or closed. * @@ -315,161 +234,233 @@ * @param {Object} state Current state. * @param {Object} action Dispatched action. */ - -function listViewPanel() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false; - let action = arguments.length > 1 ? arguments[1] : undefined; - +function listViewPanel(state = false, action) { switch (action.type) { case 'SET_IS_INSERTER_OPENED': return action.value ? false : state; - case 'SET_IS_LIST_VIEW_OPENED': return action.isOpen; } - + return state; +} + +/** + * This reducer does nothing aside initializing a ref to the list view toggle. + * We will have a unique ref per "editor" instance. + * + * @param {Object} state + * @return {Object} Reference to the list view toggle button. + */ +function listViewToggleRef(state = { + current: null +}) { return state; } -/* harmony default export */ var reducer = ((0,external_wp_data_namespaceObject.combineReducers)({ + +/** + * This reducer does nothing aside initializing a ref to the inserter sidebar toggle. + * We will have a unique ref per "editor" instance. + * + * @param {Object} state + * @return {Object} Reference to the inserter sidebar toggle button. + */ +function inserterSidebarToggleRef(state = { + current: null +}) { + return state; +} +/* harmony default export */ const reducer = ((0,external_wp_data_namespaceObject.combineReducers)({ blockInserterPanel, + inserterSidebarToggleRef, listViewPanel, + listViewToggleRef, widgetAreasOpenState })); ;// CONCATENATED MODULE: external ["wp","i18n"] -var external_wp_i18n_namespaceObject = window["wp"]["i18n"]; +const external_wp_i18n_namespaceObject = window["wp"]["i18n"]; ;// CONCATENATED MODULE: external ["wp","notices"] -var external_wp_notices_namespaceObject = window["wp"]["notices"]; -;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js -function _extends() { - _extends = Object.assign ? Object.assign.bind() : function (target) { - for (var i = 1; i < arguments.length; i++) { - var source = arguments[i]; - - for (var key in source) { - if (Object.prototype.hasOwnProperty.call(source, key)) { - target[key] = source[key]; - } - } - } - - return target; - }; - return _extends.apply(this, arguments); -} -// EXTERNAL MODULE: ./node_modules/classnames/index.js -var classnames = __webpack_require__(4403); -var classnames_default = /*#__PURE__*/__webpack_require__.n(classnames); +const external_wp_notices_namespaceObject = window["wp"]["notices"]; +;// CONCATENATED MODULE: ./node_modules/clsx/dist/clsx.mjs +function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t { + scope = normalizeComplementaryAreaScope(scope); + area = normalizeComplementaryAreaName(scope, area); + return { + type: 'SET_DEFAULT_COMPLEMENTARY_AREA', + scope, + area + }; +}; + /** * Enable the complementary area. * * @param {string} scope Complementary area scope. * @param {string} area Area identifier. */ - -const enableComplementaryArea = (scope, area) => _ref => { - let { - registry - } = _ref; - +const enableComplementaryArea = (scope, area) => ({ + registry, + dispatch +}) => { // Return early if there's no area. if (!area) { return; } - - registry.dispatch(external_wp_preferences_namespaceObject.store).set(scope, 'complementaryArea', area); + scope = normalizeComplementaryAreaScope(scope); + area = normalizeComplementaryAreaName(scope, area); + const isComplementaryAreaVisible = registry.select(external_wp_preferences_namespaceObject.store).get(scope, 'isComplementaryAreaVisible'); + if (!isComplementaryAreaVisible) { + registry.dispatch(external_wp_preferences_namespaceObject.store).set(scope, 'isComplementaryAreaVisible', true); + } + dispatch({ + type: 'ENABLE_COMPLEMENTARY_AREA', + scope, + area + }); }; + /** * Disable the complementary area. * * @param {string} scope Complementary area scope. */ - -const disableComplementaryArea = scope => _ref2 => { - let { - registry - } = _ref2; - registry.dispatch(external_wp_preferences_namespaceObject.store).set(scope, 'complementaryArea', null); +const disableComplementaryArea = scope => ({ + registry +}) => { + scope = normalizeComplementaryAreaScope(scope); + const isComplementaryAreaVisible = registry.select(external_wp_preferences_namespaceObject.store).get(scope, 'isComplementaryAreaVisible'); + if (isComplementaryAreaVisible) { + registry.dispatch(external_wp_preferences_namespaceObject.store).set(scope, 'isComplementaryAreaVisible', false); + } }; + /** * Pins an item. * @@ -478,61 +469,59 @@ * * @return {Object} Action object. */ - -const pinItem = (scope, item) => _ref3 => { - let { - registry - } = _ref3; - +const pinItem = (scope, item) => ({ + registry +}) => { // Return early if there's no item. if (!item) { return; } - - const pinnedItems = registry.select(external_wp_preferences_namespaceObject.store).get(scope, 'pinnedItems'); // The item is already pinned, there's nothing to do. - - if ((pinnedItems === null || pinnedItems === void 0 ? void 0 : pinnedItems[item]) === true) { + scope = normalizeComplementaryAreaScope(scope); + item = normalizeComplementaryAreaName(scope, item); + const pinnedItems = registry.select(external_wp_preferences_namespaceObject.store).get(scope, 'pinnedItems'); + + // The item is already pinned, there's nothing to do. + if (pinnedItems?.[item] === true) { return; } - - registry.dispatch(external_wp_preferences_namespaceObject.store).set(scope, 'pinnedItems', { ...pinnedItems, + registry.dispatch(external_wp_preferences_namespaceObject.store).set(scope, 'pinnedItems', { + ...pinnedItems, [item]: true }); }; + /** * Unpins an item. * * @param {string} scope Item scope. * @param {string} item Item identifier. */ - -const unpinItem = (scope, item) => _ref4 => { - let { - registry - } = _ref4; - +const unpinItem = (scope, item) => ({ + registry +}) => { // Return early if there's no item. if (!item) { return; } - + scope = normalizeComplementaryAreaScope(scope); + item = normalizeComplementaryAreaName(scope, item); const pinnedItems = registry.select(external_wp_preferences_namespaceObject.store).get(scope, 'pinnedItems'); - registry.dispatch(external_wp_preferences_namespaceObject.store).set(scope, 'pinnedItems', { ...pinnedItems, + registry.dispatch(external_wp_preferences_namespaceObject.store).set(scope, 'pinnedItems', { + ...pinnedItems, [item]: false }); }; + /** * Returns an action object used in signalling that a feature should be toggled. * * @param {string} scope The feature scope (e.g. core/edit-post). * @param {string} featureName The feature name. */ - function toggleFeature(scope, featureName) { - return function (_ref5) { - let { - registry - } = _ref5; + return function ({ + registry + }) { external_wp_deprecated_default()(`dispatch( 'core/interface' ).toggleFeature`, { since: '6.0', alternative: `dispatch( 'core/preferences' ).toggle` @@ -540,6 +529,7 @@ registry.dispatch(external_wp_preferences_namespaceObject.store).toggle(scope, featureName); }; } + /** * Returns an action object used in signalling that a feature should be set to * a true or false value @@ -550,12 +540,10 @@ * * @return {Object} Action object. */ - function setFeatureValue(scope, featureName, value) { - return function (_ref6) { - let { - registry - } = _ref6; + return function ({ + registry + }) { external_wp_deprecated_default()(`dispatch( 'core/interface' ).setFeatureValue`, { since: '6.0', alternative: `dispatch( 'core/preferences' ).set` @@ -563,6 +551,7 @@ registry.dispatch(external_wp_preferences_namespaceObject.store).set(scope, featureName, !!value); }; } + /** * Returns an action object used in signalling that defaults should be set for features. * @@ -571,12 +560,10 @@ * * @return {Object} Action object. */ - function setFeatureDefaults(scope, defaults) { - return function (_ref7) { - let { - registry - } = _ref7; + return function ({ + registry + }) { external_wp_deprecated_default()(`dispatch( 'core/interface' ).setFeatureDefaults`, { since: '6.0', alternative: `dispatch( 'core/preferences' ).setDefaults` @@ -585,6 +572,31 @@ }; } +/** + * Returns an action object used in signalling that the user opened a modal. + * + * @param {string} name A string that uniquely identifies the modal. + * + * @return {Object} Action object. + */ +function openModal(name) { + return { + type: 'OPEN_MODAL', + name + }; +} + +/** + * Returns an action object signalling that the user closed a modal. + * + * @return {Object} Action object. + */ +function closeModal() { + return { + type: 'CLOSE_MODAL' + }; +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/selectors.js /** * WordPress dependencies @@ -592,18 +604,44 @@ + +/** + * Internal dependencies + */ + + /** * Returns the complementary area that is active in a given scope. * * @param {Object} state Global application state. * @param {string} scope Item scope. * - * @return {string} The complementary area that is active in the given scope. + * @return {string | null | undefined} The complementary area that is active in the given scope. */ - const getActiveComplementaryArea = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, scope) => { - return select(external_wp_preferences_namespaceObject.store).get(scope, 'complementaryArea'); + scope = normalizeComplementaryAreaScope(scope); + const isComplementaryAreaVisible = select(external_wp_preferences_namespaceObject.store).get(scope, 'isComplementaryAreaVisible'); + + // Return `undefined` to indicate that the user has never toggled + // visibility, this is the vanilla default. Other code relies on this + // nuance in the return value. + if (isComplementaryAreaVisible === undefined) { + return undefined; + } + + // Return `null` to indicate the user hid the complementary area. + if (isComplementaryAreaVisible === false) { + return null; + } + return state?.complementaryAreas?.[scope]; }); +const isComplementaryAreaLoading = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, scope) => { + scope = normalizeComplementaryAreaScope(scope); + const isVisible = select(external_wp_preferences_namespaceObject.store).get(scope, 'isComplementaryAreaVisible'); + const identifier = state?.complementaryAreas?.[scope]; + return isVisible && identifier === undefined; +}); + /** * Returns a boolean indicating if an item is pinned or not. * @@ -613,13 +651,14 @@ * * @return {boolean} True if the item is pinned and false otherwise. */ - const isItemPinned = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, scope, item) => { var _pinnedItems$item; - + scope = normalizeComplementaryAreaScope(scope); + item = normalizeComplementaryAreaName(scope, item); const pinnedItems = select(external_wp_preferences_namespaceObject.store).get(scope, 'pinnedItems'); - return (_pinnedItems$item = pinnedItems === null || pinnedItems === void 0 ? void 0 : pinnedItems[item]) !== null && _pinnedItems$item !== void 0 ? _pinnedItems$item : true; + return (_pinnedItems$item = pinnedItems?.[item]) !== null && _pinnedItems$item !== void 0 ? _pinnedItems$item : true; }); + /** * Returns a boolean indicating whether a feature is active for a particular * scope. @@ -630,7 +669,6 @@ * * @return {boolean} Is the feature enabled? */ - const isFeatureActive = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, scope, featureName) => { external_wp_deprecated_default()(`select( 'core/interface' ).isFeatureActive( scope, featureName )`, { since: '6.0', @@ -639,6 +677,78 @@ return !!select(external_wp_preferences_namespaceObject.store).get(scope, featureName); }); +/** + * Returns true if a modal is active, or false otherwise. + * + * @param {Object} state Global application state. + * @param {string} modalName A string that uniquely identifies the modal. + * + * @return {boolean} Whether the modal is active. + */ +function isModalActive(state, modalName) { + return state.activeModal === modalName; +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/reducer.js +/** + * WordPress dependencies + */ + +function complementaryAreas(state = {}, action) { + switch (action.type) { + case 'SET_DEFAULT_COMPLEMENTARY_AREA': + { + const { + scope, + area + } = action; + + // If there's already an area, don't overwrite it. + if (state[scope]) { + return state; + } + return { + ...state, + [scope]: area + }; + } + case 'ENABLE_COMPLEMENTARY_AREA': + { + const { + scope, + area + } = action; + return { + ...state, + [scope]: area + }; + } + } + return state; +} + +/** + * Reducer for storing the name of the open modal, or null if no modal is open. + * + * @param {Object} state Previous state. + * @param {Object} action Action object containing the `name` of the modal + * + * @return {Object} Updated state + */ +function activeModal(state = null, action) { + switch (action.type) { + case 'OPEN_MODAL': + return action.name; + case 'CLOSE_MODAL': + return null; + } + return state; +} +/* harmony default export */ const store_reducer = ((0,external_wp_data_namespaceObject.combineReducers)({ + complementaryAreas, + activeModal +})); + ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/constants.js /** * The identifier for the data store. @@ -652,6 +762,7 @@ * WordPress dependencies */ + /** * Internal dependencies */ @@ -659,6 +770,7 @@ + /** * Store definition for the interface namespace. * @@ -666,24 +778,24 @@ * * @type {Object} */ - const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, { - reducer: () => {}, + reducer: store_reducer, actions: actions_namespaceObject, selectors: selectors_namespaceObject -}); // Once we build a more generic persistence plugin that works across types of stores +}); + +// Once we build a more generic persistence plugin that works across types of stores // we'd be able to replace this with a register call. - (0,external_wp_data_namespaceObject.register)(store); ;// CONCATENATED MODULE: external ["wp","plugins"] -var external_wp_plugins_namespaceObject = window["wp"]["plugins"]; +const external_wp_plugins_namespaceObject = window["wp"]["plugins"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area-context/index.js /** * WordPress dependencies */ -/* harmony default export */ var complementary_area_context = ((0,external_wp_plugins_namespaceObject.withPluginContext)((context, ownProps) => { +/* harmony default export */ const complementary_area_context = ((0,external_wp_plugins_namespaceObject.withPluginContext)((context, ownProps) => { return { icon: ownProps.icon || context.icon, identifier: ownProps.identifier || `${context.name}/${ownProps.name}` @@ -691,13 +803,6 @@ })); ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js - - - -/** - * External dependencies - */ - /** * WordPress dependencies */ @@ -710,44 +815,42 @@ - -function ComplementaryAreaToggle(_ref) { - let { - as = external_wp_components_namespaceObject.Button, - scope, - identifier, - icon, - selectedIcon, - ...props - } = _ref; +function ComplementaryAreaToggle({ + as = external_wp_components_namespaceObject.Button, + scope, + identifier, + icon, + selectedIcon, + name, + ...props +}) { const ComponentToUse = as; - const isSelected = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getActiveComplementaryArea(scope) === identifier, [identifier]); + const isSelected = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getActiveComplementaryArea(scope) === identifier, [identifier, scope]); const { enableComplementaryArea, disableComplementaryArea } = (0,external_wp_data_namespaceObject.useDispatch)(store); - return (0,external_wp_element_namespaceObject.createElement)(ComponentToUse, _extends({ + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ComponentToUse, { icon: selectedIcon && isSelected ? selectedIcon : icon, + "aria-controls": identifier.replace('/', ':'), onClick: () => { if (isSelected) { disableComplementaryArea(scope); } else { enableComplementaryArea(scope, identifier); } - } - }, (0,external_lodash_namespaceObject.omit)(props, ['name']))); + }, + ...props + }); } - -/* harmony default export */ var complementary_area_toggle = (complementary_area_context(ComplementaryAreaToggle)); +/* harmony default export */ const complementary_area_toggle = (complementary_area_context(ComplementaryAreaToggle)); ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area-header/index.js - - - /** * External dependencies */ + /** * WordPress dependencies */ @@ -759,122 +862,111 @@ -const ComplementaryAreaHeader = _ref => { - let { - smallScreenTitle, - children, - className, - toggleButtonProps - } = _ref; - const toggleButton = (0,external_wp_element_namespaceObject.createElement)(complementary_area_toggle, _extends({ - icon: close_small - }, toggleButtonProps)); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "components-panel__header interface-complementary-area-header__small" - }, smallScreenTitle && (0,external_wp_element_namespaceObject.createElement)("span", { - className: "interface-complementary-area-header__small-title" - }, smallScreenTitle), toggleButton), (0,external_wp_element_namespaceObject.createElement)("div", { - className: classnames_default()('components-panel__header', 'interface-complementary-area-header', className), - tabIndex: -1 - }, children, toggleButton)); + +const ComplementaryAreaHeader = ({ + smallScreenTitle, + children, + className, + toggleButtonProps +}) => { + const toggleButton = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(complementary_area_toggle, { + icon: close_small, + ...toggleButtonProps + }); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + className: "components-panel__header interface-complementary-area-header__small", + children: [smallScreenTitle && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h2", { + className: "interface-complementary-area-header__small-title", + children: smallScreenTitle + }), toggleButton] + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + className: dist_clsx('components-panel__header', 'interface-complementary-area-header', className), + tabIndex: -1, + children: [children, toggleButton] + })] + }); }; - -/* harmony default export */ var complementary_area_header = (ComplementaryAreaHeader); +/* harmony default export */ const complementary_area_header = (ComplementaryAreaHeader); ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/action-item/index.js - - - -/** - * External dependencies - */ - /** * WordPress dependencies */ - -function ActionItemSlot(_ref) { - let { - name, - as: Component = external_wp_components_namespaceObject.ButtonGroup, - fillProps = {}, - bubblesVirtually, - ...props - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Slot, { +const noop = () => {}; +function ActionItemSlot({ + name, + as: Component = external_wp_components_namespaceObject.ButtonGroup, + fillProps = {}, + bubblesVirtually, + ...props +}) { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Slot, { name: name, bubblesVirtually: bubblesVirtually, - fillProps: fillProps - }, fills => { - if ((0,external_lodash_namespaceObject.isEmpty)(external_wp_element_namespaceObject.Children.toArray(fills))) { - return null; - } // Special handling exists for backward compatibility. - // It ensures that menu items created by plugin authors aren't - // duplicated with automatically injected menu items coming - // from pinnable plugin sidebars. - // @see https://github.com/WordPress/gutenberg/issues/14457 - - - const initializedByPlugins = []; - external_wp_element_namespaceObject.Children.forEach(fills, _ref2 => { - let { + fillProps: fillProps, + children: fills => { + if (!external_wp_element_namespaceObject.Children.toArray(fills).length) { + return null; + } + + // Special handling exists for backward compatibility. + // It ensures that menu items created by plugin authors aren't + // duplicated with automatically injected menu items coming + // from pinnable plugin sidebars. + // @see https://github.com/WordPress/gutenberg/issues/14457 + const initializedByPlugins = []; + external_wp_element_namespaceObject.Children.forEach(fills, ({ props: { __unstableExplicitMenuItem, __unstableTarget } - } = _ref2; - - if (__unstableTarget && __unstableExplicitMenuItem) { - initializedByPlugins.push(__unstableTarget); - } - }); - const children = external_wp_element_namespaceObject.Children.map(fills, child => { - if (!child.props.__unstableExplicitMenuItem && initializedByPlugins.includes(child.props.__unstableTarget)) { - return null; - } - - return child; - }); - return (0,external_wp_element_namespaceObject.createElement)(Component, props, children); + }) => { + if (__unstableTarget && __unstableExplicitMenuItem) { + initializedByPlugins.push(__unstableTarget); + } + }); + const children = external_wp_element_namespaceObject.Children.map(fills, child => { + if (!child.props.__unstableExplicitMenuItem && initializedByPlugins.includes(child.props.__unstableTarget)) { + return null; + } + return child; + }); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Component, { + ...props, + children: children + }); + } }); } - -function ActionItem(_ref3) { - let { - name, - as: Component = external_wp_components_namespaceObject.Button, - onClick, - ...props - } = _ref3; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Fill, { - name: name - }, _ref4 => { - let { +function ActionItem({ + name, + as: Component = external_wp_components_namespaceObject.Button, + onClick, + ...props +}) { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Fill, { + name: name, + children: ({ onClick: fpOnClick - } = _ref4; - return (0,external_wp_element_namespaceObject.createElement)(Component, _extends({ - onClick: onClick || fpOnClick ? function () { - (onClick || external_lodash_namespaceObject.noop)(...arguments); - (fpOnClick || external_lodash_namespaceObject.noop)(...arguments); - } : undefined - }, props)); + }) => { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Component, { + onClick: onClick || fpOnClick ? (...args) => { + (onClick || noop)(...args); + (fpOnClick || noop)(...args); + } : undefined, + ...props + }); + } }); } - ActionItem.Slot = ActionItemSlot; -/* harmony default export */ var action_item = (ActionItem); +/* harmony default export */ const action_item = (ActionItem); ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area-more-menu-item/index.js - - - -/** - * External dependencies - */ - /** * WordPress dependencies */ @@ -887,39 +979,41 @@ - -const PluginsMenuItem = props => // Menu item is marked with unstable prop for backward compatibility. -// They are removed so they don't leak to DOM elements. -// @see https://github.com/WordPress/gutenberg/issues/14457 -(0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, (0,external_lodash_namespaceObject.omit)(props, ['__unstableExplicitMenuItem', '__unstableTarget'])); - -function ComplementaryAreaMoreMenuItem(_ref) { - let { - scope, - target, - __unstableExplicitMenuItem, - ...props - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(complementary_area_toggle, _extends({ +const PluginsMenuItem = ({ + // Menu item is marked with unstable prop for backward compatibility. + // They are removed so they don't leak to DOM elements. + // @see https://github.com/WordPress/gutenberg/issues/14457 + __unstableExplicitMenuItem, + __unstableTarget, + ...restProps +}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, { + ...restProps +}); +function ComplementaryAreaMoreMenuItem({ + scope, + target, + __unstableExplicitMenuItem, + ...props +}) { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(complementary_area_toggle, { as: toggleProps => { - return (0,external_wp_element_namespaceObject.createElement)(action_item, _extends({ + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(action_item, { __unstableExplicitMenuItem: __unstableExplicitMenuItem, __unstableTarget: `${scope}/${target}`, as: PluginsMenuItem, - name: `${scope}/plugin-more-menu` - }, toggleProps)); + name: `${scope}/plugin-more-menu`, + ...toggleProps + }); }, role: "menuitemcheckbox", selectedIcon: library_check, name: target, - scope: scope - }, props)); + scope: scope, + ...props + }); } ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/pinned-items/index.js - - - /** * External dependencies */ @@ -930,41 +1024,38 @@ */ - -function PinnedItems(_ref) { - let { - scope, +function PinnedItems({ + scope, + ...props +}) { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Fill, { + name: `PinnedItems/${scope}`, ...props - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Fill, _extends({ - name: `PinnedItems/${scope}` - }, props)); + }); } - -function PinnedItemsSlot(_ref2) { - let { - scope, - className, - ...props - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Slot, _extends({ - name: `PinnedItems/${scope}` - }, props), fills => !(0,external_lodash_namespaceObject.isEmpty)(fills) && (0,external_wp_element_namespaceObject.createElement)("div", { - className: classnames_default()(className, 'interface-pinned-items') - }, fills)); +function PinnedItemsSlot({ + scope, + className, + ...props +}) { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Slot, { + name: `PinnedItems/${scope}`, + ...props, + children: fills => fills?.length > 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { + className: dist_clsx(className, 'interface-pinned-items'), + children: fills + }) + }); } - PinnedItems.Slot = PinnedItemsSlot; -/* harmony default export */ var pinned_items = (PinnedItems); +/* harmony default export */ const pinned_items = (PinnedItems); ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area/index.js - - - /** * External dependencies */ + /** * WordPress dependencies */ @@ -975,6 +1066,8 @@ + + /** * Internal dependencies */ @@ -986,29 +1079,77 @@ -function ComplementaryAreaSlot(_ref) { - let { - scope, + +const ANIMATION_DURATION = 0.3; +function ComplementaryAreaSlot({ + scope, + ...props +}) { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Slot, { + name: `ComplementaryArea/${scope}`, ...props - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Slot, _extends({ - name: `ComplementaryArea/${scope}` - }, props)); + }); } - -function ComplementaryAreaFill(_ref2) { - let { - scope, - children, - className - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Fill, { - name: `ComplementaryArea/${scope}` - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: className - }, children)); +const SIDEBAR_WIDTH = 280; +const variants = { + open: { + width: SIDEBAR_WIDTH + }, + closed: { + width: 0 + }, + mobileOpen: { + width: '100vw' + } +}; +function ComplementaryAreaFill({ + activeArea, + isActive, + scope, + children, + className, + id +}) { + const disableMotion = (0,external_wp_compose_namespaceObject.useReducedMotion)(); + const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<'); + // This is used to delay the exit animation to the next tick. + // The reason this is done is to allow us to apply the right transition properties + // When we switch from an open sidebar to another open sidebar. + // we don't want to animate in this case. + const previousActiveArea = (0,external_wp_compose_namespaceObject.usePrevious)(activeArea); + const previousIsActive = (0,external_wp_compose_namespaceObject.usePrevious)(isActive); + const [, setState] = (0,external_wp_element_namespaceObject.useState)({}); + (0,external_wp_element_namespaceObject.useEffect)(() => { + setState({}); + }, [isActive]); + const transition = { + type: 'tween', + duration: disableMotion || isMobileViewport || !!previousActiveArea && !!activeArea && activeArea !== previousActiveArea ? 0 : ANIMATION_DURATION, + ease: [0.6, 0, 0.4, 1] + }; + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Fill, { + name: `ComplementaryArea/${scope}`, + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__unstableAnimatePresence, { + initial: false, + children: (previousIsActive || isActive) && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__unstableMotion.div, { + variants: variants, + initial: "closed", + animate: isMobileViewport ? 'mobileOpen' : 'open', + exit: "closed", + transition: transition, + className: "interface-complementary-area__fill", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { + id: id, + className: className, + style: { + width: isMobileViewport ? '100vw' : SIDEBAR_WIDTH + }, + children: children + }) + }) + }) + }); } - function useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall) { const previousIsSmall = (0,external_wp_element_namespaceObject.useRef)(false); const shouldOpenWhenNotSmall = (0,external_wp_element_namespaceObject.useRef)(false); @@ -1017,70 +1158,82 @@ disableComplementaryArea } = (0,external_wp_data_namespaceObject.useDispatch)(store); (0,external_wp_element_namespaceObject.useEffect)(() => { - // If the complementary area is active and the editor is switching from a big to a small window size. + // If the complementary area is active and the editor is switching from + // a big to a small window size. if (isActive && isSmall && !previousIsSmall.current) { - // Disable the complementary area. - disableComplementaryArea(scope); // Flag the complementary area to be reopened when the window size goes from small to big. - + disableComplementaryArea(scope); + // Flag the complementary area to be reopened when the window size + // goes from small to big. shouldOpenWhenNotSmall.current = true; - } else if ( // If there is a flag indicating the complementary area should be enabled when we go from small to big window size - // and we are going from a small to big window size. + } else if ( + // If there is a flag indicating the complementary area should be + // enabled when we go from small to big window size and we are going + // from a small to big window size. shouldOpenWhenNotSmall.current && !isSmall && previousIsSmall.current) { - // Remove the flag indicating the complementary area should be enabled. - shouldOpenWhenNotSmall.current = false; // Enable the complementary area. - + // Remove the flag indicating the complementary area should be + // enabled. + shouldOpenWhenNotSmall.current = false; enableComplementaryArea(scope, identifier); - } else if ( // If the flag is indicating the current complementary should be reopened but another complementary area becomes active, - // remove the flag. + } else if ( + // If the flag is indicating the current complementary should be + // reopened but another complementary area becomes active, remove + // the flag. shouldOpenWhenNotSmall.current && activeArea && activeArea !== identifier) { shouldOpenWhenNotSmall.current = false; } - if (isSmall !== previousIsSmall.current) { previousIsSmall.current = isSmall; } - }, [isActive, isSmall, scope, identifier, activeArea]); + }, [isActive, isSmall, scope, identifier, activeArea, disableComplementaryArea, enableComplementaryArea]); } - -function ComplementaryArea(_ref3) { - let { - children, - className, - closeLabel = (0,external_wp_i18n_namespaceObject.__)('Close plugin'), - identifier, - header, - headerClassName, - icon, - isPinnable = true, - panelClassName, - scope, - name, - smallScreenTitle, - title, - toggleShortcut, - isActiveByDefault, - showIconLabels = false - } = _ref3; +function ComplementaryArea({ + children, + className, + closeLabel = (0,external_wp_i18n_namespaceObject.__)('Close plugin'), + identifier, + header, + headerClassName, + icon, + isPinnable = true, + panelClassName, + scope, + name, + smallScreenTitle, + title, + toggleShortcut, + isActiveByDefault +}) { + // This state is used to delay the rendering of the Fill + // until the initial effect runs. + // This prevents the animation from running on mount if + // the complementary area is active by default. + const [isReady, setIsReady] = (0,external_wp_element_namespaceObject.useState)(false); const { + isLoading, isActive, isPinned, activeArea, isSmall, - isLarge + isLarge, + showIconLabels } = (0,external_wp_data_namespaceObject.useSelect)(select => { const { getActiveComplementaryArea, + isComplementaryAreaLoading, isItemPinned } = select(store); - + const { + get + } = select(external_wp_preferences_namespaceObject.store); const _activeArea = getActiveComplementaryArea(scope); - return { + isLoading: isComplementaryAreaLoading(scope), isActive: _activeArea === identifier, isPinned: isItemPinned(scope, identifier), activeArea: _activeArea, isSmall: select(external_wp_viewport_namespaceObject.store).isViewportMatch('< medium'), - isLarge: select(external_wp_viewport_namespaceObject.store).isViewportMatch('large') + isLarge: select(external_wp_viewport_namespaceObject.store).isViewportMatch('large'), + showIconLabels: get('core', 'showIconLabels') }; }, [identifier, scope]); useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall); @@ -1091,238 +1244,296 @@ unpinItem } = (0,external_wp_data_namespaceObject.useDispatch)(store); (0,external_wp_element_namespaceObject.useEffect)(() => { + // Set initial visibility: For large screens, enable if it's active by + // default. For small screens, always initially disable. if (isActiveByDefault && activeArea === undefined && !isSmall) { enableComplementaryArea(scope, identifier); + } else if (activeArea === undefined && isSmall) { + disableComplementaryArea(scope, identifier); } - }, [activeArea, isActiveByDefault, scope, identifier, isSmall]); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, isPinnable && (0,external_wp_element_namespaceObject.createElement)(pinned_items, { - scope: scope - }, isPinned && (0,external_wp_element_namespaceObject.createElement)(complementary_area_toggle, { - scope: scope, - identifier: identifier, - isPressed: isActive && (!showIconLabels || isLarge), - "aria-expanded": isActive, - label: title, - icon: showIconLabels ? library_check : icon, - showTooltip: !showIconLabels, - variant: showIconLabels ? 'tertiary' : undefined - })), name && isPinnable && (0,external_wp_element_namespaceObject.createElement)(ComplementaryAreaMoreMenuItem, { - target: name, - scope: scope, - icon: icon - }, title), isActive && (0,external_wp_element_namespaceObject.createElement)(ComplementaryAreaFill, { - className: classnames_default()('interface-complementary-area', className), - scope: scope - }, (0,external_wp_element_namespaceObject.createElement)(complementary_area_header, { - className: headerClassName, - closeLabel: closeLabel, - onClose: () => disableComplementaryArea(scope), - smallScreenTitle: smallScreenTitle, - toggleButtonProps: { - label: closeLabel, - shortcut: toggleShortcut, - scope, - identifier - } - }, header || (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("strong", null, title), isPinnable && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - className: "interface-complementary-area__pin-unpin-item", - icon: isPinned ? star_filled : star_empty, - label: isPinned ? (0,external_wp_i18n_namespaceObject.__)('Unpin from toolbar') : (0,external_wp_i18n_namespaceObject.__)('Pin to toolbar'), - onClick: () => (isPinned ? unpinItem : pinItem)(scope, identifier), - isPressed: isPinned, - "aria-expanded": isPinned - }))), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Panel, { - className: panelClassName - }, children))); + setIsReady(true); + }, [activeArea, isActiveByDefault, scope, identifier, isSmall, enableComplementaryArea, disableComplementaryArea]); + if (!isReady) { + return; + } + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [isPinnable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(pinned_items, { + scope: scope, + children: isPinned && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(complementary_area_toggle, { + scope: scope, + identifier: identifier, + isPressed: isActive && (!showIconLabels || isLarge), + "aria-expanded": isActive, + "aria-disabled": isLoading, + label: title, + icon: showIconLabels ? library_check : icon, + showTooltip: !showIconLabels, + variant: showIconLabels ? 'tertiary' : undefined, + size: "compact" + }) + }), name && isPinnable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ComplementaryAreaMoreMenuItem, { + target: name, + scope: scope, + icon: icon, + children: title + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(ComplementaryAreaFill, { + activeArea: activeArea, + isActive: isActive, + className: dist_clsx('interface-complementary-area', className), + scope: scope, + id: identifier.replace('/', ':'), + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(complementary_area_header, { + className: headerClassName, + closeLabel: closeLabel, + onClose: () => disableComplementaryArea(scope), + smallScreenTitle: smallScreenTitle, + toggleButtonProps: { + label: closeLabel, + size: 'small', + shortcut: toggleShortcut, + scope, + identifier + }, + children: header || /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h2", { + className: "interface-complementary-area-header__title", + children: title + }), isPinnable && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { + className: "interface-complementary-area__pin-unpin-item", + icon: isPinned ? star_filled : star_empty, + label: isPinned ? (0,external_wp_i18n_namespaceObject.__)('Unpin from toolbar') : (0,external_wp_i18n_namespaceObject.__)('Pin to toolbar'), + onClick: () => (isPinned ? unpinItem : pinItem)(scope, identifier), + isPressed: isPinned, + "aria-expanded": isPinned, + size: "compact" + })] + }) + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Panel, { + className: panelClassName, + children: children + })] + })] + }); } - const ComplementaryAreaWrapped = complementary_area_context(ComplementaryArea); ComplementaryAreaWrapped.Slot = ComplementaryAreaSlot; -/* harmony default export */ var complementary_area = (ComplementaryAreaWrapped); - -;// CONCATENATED MODULE: external ["wp","compose"] -var external_wp_compose_namespaceObject = window["wp"]["compose"]; +/* harmony default export */ const complementary_area = (ComplementaryAreaWrapped); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/navigable-region/index.js +/** + * External dependencies + */ + + +function NavigableRegion({ + children, + className, + ariaLabel, + as: Tag = 'div', + ...props +}) { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tag, { + className: dist_clsx('interface-navigable-region', className), + "aria-label": ariaLabel, + role: "region", + tabIndex: "-1", + ...props, + children: children + }); +} + ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/interface-skeleton/index.js +/** + * External dependencies + */ + + +/** + * WordPress dependencies + */ + + /** - * External dependencies - */ - -/** - * WordPress dependencies + * Internal dependencies */ -/** - * WordPress dependencies - */ - - - - - - + + +const interface_skeleton_ANIMATION_DURATION = 0.25; +const commonTransition = { + type: 'tween', + duration: interface_skeleton_ANIMATION_DURATION, + ease: [0.6, 0, 0.4, 1] +}; function useHTMLClass(className) { (0,external_wp_element_namespaceObject.useEffect)(() => { const element = document && document.querySelector(`html:not(.${className})`); - if (!element) { return; } - element.classList.toggle(className); return () => { element.classList.toggle(className); }; }, [className]); } - -function InterfaceSkeleton(_ref, ref) { - let { - footer, - header, - sidebar, - secondarySidebar, - notices, - content, - drawer, - actions, - labels, - className, - shortcuts - } = _ref; +const headerVariants = { + hidden: { + opacity: 1, + marginTop: -60 + }, + visible: { + opacity: 1, + marginTop: 0 + }, + distractionFreeHover: { + opacity: 1, + marginTop: 0, + transition: { + ...commonTransition, + delay: 0.2, + delayChildren: 0.2 + } + }, + distractionFreeHidden: { + opacity: 0, + marginTop: -60 + }, + distractionFreeDisabled: { + opacity: 0, + marginTop: 0, + transition: { + ...commonTransition, + delay: 0.8, + delayChildren: 0.8 + } + } +}; +function InterfaceSkeleton({ + isDistractionFree, + footer, + header, + editorNotices, + sidebar, + secondarySidebar, + content, + actions, + labels, + className, + enableRegionNavigation = true, + // Todo: does this need to be a prop. + // Can we use a dependency to keyboard-shortcuts directly? + shortcuts +}, ref) { + const [secondarySidebarResizeListener, secondarySidebarSize] = (0,external_wp_compose_namespaceObject.useResizeObserver)(); + const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<'); + const disableMotion = (0,external_wp_compose_namespaceObject.useReducedMotion)(); + const defaultTransition = { + type: 'tween', + duration: disableMotion ? 0 : interface_skeleton_ANIMATION_DURATION, + ease: [0.6, 0, 0.4, 1] + }; const navigateRegionsProps = (0,external_wp_components_namespaceObject.__unstableUseNavigateRegions)(shortcuts); useHTMLClass('interface-interface-skeleton__html-container'); const defaultLabels = { - /* translators: accessibility text for the nav bar landmark region. */ - drawer: (0,external_wp_i18n_namespaceObject.__)('Drawer'), - /* translators: accessibility text for the top bar landmark region. */ - header: (0,external_wp_i18n_namespaceObject.__)('Header'), - + header: (0,external_wp_i18n_namespaceObject._x)('Header', 'header landmark area'), /* translators: accessibility text for the content landmark region. */ body: (0,external_wp_i18n_namespaceObject.__)('Content'), - /* translators: accessibility text for the secondary sidebar landmark region. */ secondarySidebar: (0,external_wp_i18n_namespaceObject.__)('Block Library'), - /* translators: accessibility text for the settings landmark region. */ sidebar: (0,external_wp_i18n_namespaceObject.__)('Settings'), - /* translators: accessibility text for the publish landmark region. */ actions: (0,external_wp_i18n_namespaceObject.__)('Publish'), - /* translators: accessibility text for the footer landmark region. */ footer: (0,external_wp_i18n_namespaceObject.__)('Footer') }; - const mergedLabels = { ...defaultLabels, + const mergedLabels = { + ...defaultLabels, ...labels }; - return (0,external_wp_element_namespaceObject.createElement)("div", _extends({}, navigateRegionsProps, { - ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([ref, navigateRegionsProps.ref]), - className: classnames_default()(className, 'interface-interface-skeleton', navigateRegionsProps.className, !!footer && 'has-footer') - }), !!drawer && (0,external_wp_element_namespaceObject.createElement)("div", { - className: "interface-interface-skeleton__drawer", - role: "region", - "aria-label": mergedLabels.drawer, - tabIndex: "-1" - }, drawer), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "interface-interface-skeleton__editor" - }, !!header && (0,external_wp_element_namespaceObject.createElement)("div", { - className: "interface-interface-skeleton__header", - role: "region", - "aria-label": mergedLabels.header, - tabIndex: "-1" - }, header), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "interface-interface-skeleton__body" - }, !!secondarySidebar && (0,external_wp_element_namespaceObject.createElement)("div", { - className: "interface-interface-skeleton__secondary-sidebar", - role: "region", - "aria-label": mergedLabels.secondarySidebar, - tabIndex: "-1" - }, secondarySidebar), !!notices && (0,external_wp_element_namespaceObject.createElement)("div", { - className: "interface-interface-skeleton__notices" - }, notices), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "interface-interface-skeleton__content", - role: "region", - "aria-label": mergedLabels.body, - tabIndex: "-1" - }, content), !!sidebar && (0,external_wp_element_namespaceObject.createElement)("div", { - className: "interface-interface-skeleton__sidebar", - role: "region", - "aria-label": mergedLabels.sidebar, - tabIndex: "-1" - }, sidebar), !!actions && (0,external_wp_element_namespaceObject.createElement)("div", { - className: "interface-interface-skeleton__actions", - role: "region", - "aria-label": mergedLabels.actions, - tabIndex: "-1" - }, actions))), !!footer && (0,external_wp_element_namespaceObject.createElement)("div", { - className: "interface-interface-skeleton__footer", - role: "region", - "aria-label": mergedLabels.footer, - tabIndex: "-1" - }, footer)); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + ...(enableRegionNavigation ? navigateRegionsProps : {}), + ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([ref, enableRegionNavigation ? navigateRegionsProps.ref : undefined]), + className: dist_clsx(className, 'interface-interface-skeleton', navigateRegionsProps.className, !!footer && 'has-footer'), + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + className: "interface-interface-skeleton__editor", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__unstableAnimatePresence, { + initial: false, + children: !!header && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, { + as: external_wp_components_namespaceObject.__unstableMotion.div, + className: "interface-interface-skeleton__header", + "aria-label": mergedLabels.header, + initial: isDistractionFree ? 'distractionFreeHidden' : 'hidden', + whileHover: isDistractionFree ? 'distractionFreeHover' : 'visible', + animate: isDistractionFree ? 'distractionFreeDisabled' : 'visible', + exit: isDistractionFree ? 'distractionFreeHidden' : 'hidden', + variants: headerVariants, + transition: defaultTransition, + children: header + }) + }), isDistractionFree && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { + className: "interface-interface-skeleton__header", + children: editorNotices + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + className: "interface-interface-skeleton__body", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__unstableAnimatePresence, { + initial: false, + children: !!secondarySidebar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, { + className: "interface-interface-skeleton__secondary-sidebar", + ariaLabel: mergedLabels.secondarySidebar, + as: external_wp_components_namespaceObject.__unstableMotion.div, + initial: "closed", + animate: isMobileViewport ? 'mobileOpen' : 'open', + exit: "closed", + variants: { + open: { + width: secondarySidebarSize.width + }, + closed: { + width: 0 + }, + mobileOpen: { + width: '100vw' + } + }, + transition: defaultTransition, + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + style: { + position: 'absolute', + width: isMobileViewport ? '100vw' : 'fit-content', + height: '100%', + right: 0 + }, + children: [secondarySidebarResizeListener, secondarySidebar] + }) + }) + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, { + className: "interface-interface-skeleton__content", + ariaLabel: mergedLabels.body, + children: content + }), !!sidebar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, { + className: "interface-interface-skeleton__sidebar", + ariaLabel: mergedLabels.sidebar, + children: sidebar + }), !!actions && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, { + className: "interface-interface-skeleton__actions", + ariaLabel: mergedLabels.actions, + children: actions + })] + })] + }), !!footer && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(NavigableRegion, { + className: "interface-interface-skeleton__footer", + ariaLabel: mergedLabels.footer, + children: footer + })] + }); } - -/* harmony default export */ var interface_skeleton = ((0,external_wp_element_namespaceObject.forwardRef)(InterfaceSkeleton)); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/more-vertical.js - - -/** - * WordPress dependencies - */ - -const moreVertical = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z" -})); -/* harmony default export */ var more_vertical = (moreVertical); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/more-menu-dropdown/index.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - -function MoreMenuDropdown(_ref) { - let { - as: DropdownComponent = external_wp_components_namespaceObject.DropdownMenu, - className, - - /* translators: button label text should, if possible, be under 16 characters. */ - label = (0,external_wp_i18n_namespaceObject.__)('Options'), - popoverProps, - toggleProps, - children - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(DropdownComponent, { - className: classnames_default()('interface-more-menu-dropdown', className), - icon: more_vertical, - label: label, - popoverProps: { - position: 'bottom left', - ...popoverProps, - className: classnames_default()('interface-more-menu-dropdown__content', popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.className) - }, - toggleProps: { - tooltipPosition: 'bottom', - ...toggleProps - } - }, onClose => children(onClose)); -} +/* harmony default export */ const interface_skeleton = ((0,external_wp_element_namespaceObject.forwardRef)(InterfaceSkeleton)); ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/index.js @@ -1333,43 +1544,36 @@ - - - - - ;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/index.js ;// CONCATENATED MODULE: external ["wp","blockEditor"] -var external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"]; +const external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/store/transformers.js /** * WordPress dependencies */ + /** * Converts a widget entity record into a block. * * @param {Object} widget The widget entity record. * @return {Object} a block (converted from the entity record). */ - function transformWidgetToBlock(widget) { if (widget.id_base === 'block') { - const parsedBlocks = (0,external_wp_blocks_namespaceObject.parse)(widget.instance.raw.content); - + const parsedBlocks = (0,external_wp_blocks_namespaceObject.parse)(widget.instance.raw.content, { + __unstableSkipAutop: true + }); if (!parsedBlocks.length) { return (0,external_wp_widgets_namespaceObject.addWidgetIdToBlock)((0,external_wp_blocks_namespaceObject.createBlock)('core/paragraph', {}, []), widget.id); } - return (0,external_wp_widgets_namespaceObject.addWidgetIdToBlock)(parsedBlocks[0], widget.id); } - let attributes; - if (widget._embedded.about[0].is_multi) { attributes = { idBase: widget.id_base, @@ -1380,9 +1584,9 @@ id: widget.id }; } - return (0,external_wp_widgets_namespaceObject.addWidgetIdToBlock)((0,external_wp_blocks_namespaceObject.createBlock)('core/legacy-widget', attributes, []), widget.id); } + /** * Converts a block to a widget entity record. * @@ -1390,22 +1594,20 @@ * @param {Object?} relatedWidget A related widget entity record from the API (optional). * @return {Object} the widget object (converted from block). */ - -function transformBlockToWidget(block) { - let relatedWidget = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; +function transformBlockToWidget(block, relatedWidget = {}) { let widget; const isValidLegacyWidgetBlock = block.name === 'core/legacy-widget' && (block.attributes.id || block.attributes.instance); - if (isValidLegacyWidgetBlock) { var _block$attributes$id, _block$attributes$idB, _block$attributes$ins; - - widget = { ...relatedWidget, + widget = { + ...relatedWidget, id: (_block$attributes$id = block.attributes.id) !== null && _block$attributes$id !== void 0 ? _block$attributes$id : relatedWidget.id, id_base: (_block$attributes$idB = block.attributes.idBase) !== null && _block$attributes$idB !== void 0 ? _block$attributes$idB : relatedWidget.id_base, instance: (_block$attributes$ins = block.attributes.instance) !== null && _block$attributes$ins !== void 0 ? _block$attributes$ins : relatedWidget.instance }; } else { - widget = { ...relatedWidget, + widget = { + ...relatedWidget, id_base: 'block', instance: { raw: { @@ -1413,9 +1615,9 @@ } } }; - } // Delete read-only properties. - - + } + + // Delete read-only properties. delete widget.rendered; delete widget.rendered_form; return widget; @@ -1428,58 +1630,59 @@ * @type {string} */ const KIND = 'root'; + /** * "post type" of the navigation post. * * @type {string} */ - const WIDGET_AREA_ENTITY_TYPE = 'sidebar'; + /** * "post type" of the widget area post. * * @type {string} */ - const POST_TYPE = 'postType'; + /** * Builds an ID for a new widget area post. * * @param {number} widgetAreaId Widget area id. * @return {string} An ID. */ - const buildWidgetAreaPostId = widgetAreaId => `widget-area-${widgetAreaId}`; + /** * Builds an ID for a global widget areas post. * * @return {string} An ID. */ - const buildWidgetAreasPostId = () => `widget-areas`; + /** * Builds a query to resolve sidebars. * * @return {Object} Query. */ - function buildWidgetAreasQuery() { return { per_page: -1 }; } + /** * Builds a query to resolve widgets. * * @return {Object} Query. */ - function buildWidgetsQuery() { return { per_page: -1, _embed: 'about' }; } + /** * Creates a stub post with given id and set of blocks. Used as a governing entity records * for all widget areas. @@ -1488,7 +1691,6 @@ * @param {Array} blocks The list of blocks. * @return {Object} A stub post object formatted in compliance with the data layer. */ - const createStubPost = (id, blocks) => ({ id, slug: id, @@ -1516,6 +1718,7 @@ + /** * Internal dependencies */ @@ -1531,17 +1734,16 @@ * @param {Array} blocks Blocks the post should consist of. * @return {Object} The post object. */ - -const persistStubPost = (id, blocks) => _ref => { - let { - registry - } = _ref; +const persistStubPost = (id, blocks) => ({ + registry +}) => { const stubPost = createStubPost(id, blocks); registry.dispatch(external_wp_coreData_namespaceObject.store).receiveEntityRecords(KIND, POST_TYPE, stubPost, { id: stubPost.id }, false); return stubPost; }; + /** * Converts all the blocks from edited widget areas into widgets, * and submits a batch request to save everything at once. @@ -1550,32 +1752,28 @@ * * @return {Function} An action creator. */ - -const saveEditedWidgetAreas = () => async _ref2 => { - let { - select, - dispatch, - registry - } = _ref2; +const saveEditedWidgetAreas = () => async ({ + select, + dispatch, + registry +}) => { const editedWidgetAreas = select.getEditedWidgetAreas(); - - if (!(editedWidgetAreas !== null && editedWidgetAreas !== void 0 && editedWidgetAreas.length)) { + if (!editedWidgetAreas?.length) { return; } - try { await dispatch.saveWidgetAreas(editedWidgetAreas); registry.dispatch(external_wp_notices_namespaceObject.store).createSuccessNotice((0,external_wp_i18n_namespaceObject.__)('Widgets saved.'), { type: 'snackbar' }); } catch (e) { - registry.dispatch(external_wp_notices_namespaceObject.store).createErrorNotice( - /* translators: %s: The error message. */ + registry.dispatch(external_wp_notices_namespaceObject.store).createErrorNotice( /* translators: %s: The error message. */ (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('There was an error. %s'), e.message), { type: 'snackbar' }); } }; + /** * Converts all the blocks from specified widget areas into widgets, * and submits a batch request to save everything at once. @@ -1583,13 +1781,10 @@ * @param {Object[]} widgetAreas Widget areas to save. * @return {Function} An action creator. */ - -const saveWidgetAreas = widgetAreas => async _ref3 => { - let { - dispatch, - registry - } = _ref3; - +const saveWidgetAreas = widgetAreas => async ({ + dispatch, + registry +}) => { try { for (const widgetArea of widgetAreas) { await dispatch.saveWidgetArea(widgetArea.id); @@ -1599,6 +1794,7 @@ await registry.dispatch(external_wp_coreData_namespaceObject.store).finishResolution('getEntityRecord', KIND, WIDGET_AREA_ENTITY_TYPE, buildWidgetAreasQuery()); } }; + /** * Converts all the blocks from a widget area specified by ID into widgets, * and submits a batch request to save everything at once. @@ -1606,150 +1802,124 @@ * @param {string} widgetAreaId ID of the widget area to process. * @return {Function} An action creator. */ - -const saveWidgetArea = widgetAreaId => async _ref4 => { - let { - dispatch, - select, - registry - } = _ref4; +const saveWidgetArea = widgetAreaId => async ({ + dispatch, + select, + registry +}) => { const widgets = select.getWidgets(); - const post = registry.select(external_wp_coreData_namespaceObject.store).getEditedEntityRecord(KIND, POST_TYPE, buildWidgetAreaPostId(widgetAreaId)); // Get all widgets from this area - - const areaWidgets = Object.values(widgets).filter(_ref5 => { - let { - sidebar - } = _ref5; - return sidebar === widgetAreaId; - }); // Remove all duplicate reference widget instances for legacy widgets. + const post = registry.select(external_wp_coreData_namespaceObject.store).getEditedEntityRecord(KIND, POST_TYPE, buildWidgetAreaPostId(widgetAreaId)); + + // Get all widgets from this area + const areaWidgets = Object.values(widgets).filter(({ + sidebar + }) => sidebar === widgetAreaId); + + // Remove all duplicate reference widget instances for legacy widgets. // Why? We filter out the widgets with duplicate IDs to prevent adding more than one instance of a widget // implemented using a function. WordPress doesn't support having more than one instance of these, if you try to // save multiple instances of these in different sidebars you will run into undefined behaviors. - const usedReferenceWidgets = []; const widgetsBlocks = post.blocks.filter(block => { const { id } = block.attributes; - if (block.name === 'core/legacy-widget' && id) { if (usedReferenceWidgets.includes(id)) { return false; } - usedReferenceWidgets.push(id); } - return true; - }); // Determine which widgets have been deleted. We can tell if a widget is + }); + + // Determine which widgets have been deleted. We can tell if a widget is // deleted and not just moved to a different area by looking to see if // getWidgetAreaForWidgetId() finds something. - const deletedWidgets = []; - for (const widget of areaWidgets) { const widgetsNewArea = select.getWidgetAreaForWidgetId(widget.id); - if (!widgetsNewArea) { deletedWidgets.push(widget); } } - const batchMeta = []; const batchTasks = []; const sidebarWidgetsIds = []; - for (let i = 0; i < widgetsBlocks.length; i++) { const block = widgetsBlocks[i]; const widgetId = (0,external_wp_widgets_namespaceObject.getWidgetIdFromBlock)(block); const oldWidget = widgets[widgetId]; - const widget = transformBlockToWidget(block, oldWidget); // We'll replace the null widgetId after save, but we track it here + const widget = transformBlockToWidget(block, oldWidget); + + // We'll replace the null widgetId after save, but we track it here // since order is important. - - sidebarWidgetsIds.push(widgetId); // Check oldWidget as widgetId might refer to an ID which has been + sidebarWidgetsIds.push(widgetId); + + // Check oldWidget as widgetId might refer to an ID which has been // deleted, e.g. if a deleted block is restored via undo after saving. - if (oldWidget) { // Update an existing widget. - registry.dispatch(external_wp_coreData_namespaceObject.store).editEntityRecord('root', 'widget', widgetId, { ...widget, + registry.dispatch(external_wp_coreData_namespaceObject.store).editEntityRecord('root', 'widget', widgetId, { + ...widget, sidebar: widgetAreaId }, { undoIgnore: true }); const hasEdits = registry.select(external_wp_coreData_namespaceObject.store).hasEditsForEntityRecord('root', 'widget', widgetId); - if (!hasEdits) { continue; } - - batchTasks.push(_ref6 => { - let { - saveEditedEntityRecord - } = _ref6; - return saveEditedEntityRecord('root', 'widget', widgetId); - }); + batchTasks.push(({ + saveEditedEntityRecord + }) => saveEditedEntityRecord('root', 'widget', widgetId)); } else { // Create a new widget. - batchTasks.push(_ref7 => { - let { - saveEntityRecord - } = _ref7; - return saveEntityRecord('root', 'widget', { ...widget, - sidebar: widgetAreaId - }); - }); + batchTasks.push(({ + saveEntityRecord + }) => saveEntityRecord('root', 'widget', { + ...widget, + sidebar: widgetAreaId + })); } - batchMeta.push({ block, position: i, clientId: block.clientId }); } - for (const widget of deletedWidgets) { - batchTasks.push(_ref8 => { - let { - deleteEntityRecord - } = _ref8; - return deleteEntityRecord('root', 'widget', widget.id, { - force: true - }); - }); + batchTasks.push(({ + deleteEntityRecord + }) => deleteEntityRecord('root', 'widget', widget.id, { + force: true + })); } - const records = await registry.dispatch(external_wp_coreData_namespaceObject.store).__experimentalBatch(batchTasks); const preservedRecords = records.filter(record => !record.hasOwnProperty('deleted')); const failedWidgetNames = []; - for (let i = 0; i < preservedRecords.length; i++) { const widget = preservedRecords[i]; const { block, position - } = batchMeta[i]; // Set __internalWidgetId on the block. This will be persisted to the + } = batchMeta[i]; + + // Set __internalWidgetId on the block. This will be persisted to the // store when we dispatch receiveEntityRecords( post ) below. - post.blocks[position].attributes.__internalWidgetId = widget.id; const error = registry.select(external_wp_coreData_namespaceObject.store).getLastEntitySaveError('root', 'widget', widget.id); - if (error) { - var _block$attributes; - - failedWidgetNames.push(((_block$attributes = block.attributes) === null || _block$attributes === void 0 ? void 0 : _block$attributes.name) || (block === null || block === void 0 ? void 0 : block.name)); + failedWidgetNames.push(block.attributes?.name || block?.name); } - if (!sidebarWidgetsIds[position]) { sidebarWidgetsIds[position] = widget.id; } } - if (failedWidgetNames.length) { - throw new Error((0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %s: List of widget names */ + throw new Error((0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: List of widget names */ (0,external_wp_i18n_namespaceObject.__)('Could not save the following widgets: %s.'), failedWidgetNames.join(', '))); } - registry.dispatch(external_wp_coreData_namespaceObject.store).editEntityRecord(KIND, WIDGET_AREA_ENTITY_TYPE, widgetAreaId, { widgets: sidebarWidgetsIds }, { @@ -1758,15 +1928,14 @@ dispatch(trySaveWidgetArea(widgetAreaId)); registry.dispatch(external_wp_coreData_namespaceObject.store).receiveEntityRecords(KIND, POST_TYPE, post, undefined); }; - -const trySaveWidgetArea = widgetAreaId => _ref9 => { - let { - registry - } = _ref9; +const trySaveWidgetArea = widgetAreaId => ({ + registry +}) => { registry.dispatch(external_wp_coreData_namespaceObject.store).saveEditedEntityRecord(KIND, WIDGET_AREA_ENTITY_TYPE, widgetAreaId, { throwOnError: true }); }; + /** * Sets the clientId stored for a particular widgetId. * @@ -1775,8 +1944,6 @@ * * @return {Object} Action. */ - - function setWidgetIdForClientId(clientId, widgetId) { return { type: 'SET_WIDGET_ID_FOR_CLIENT_ID', @@ -1784,6 +1951,7 @@ widgetId }; } + /** * Sets the open state of all the widget areas. * @@ -1791,13 +1959,13 @@ * * @return {Object} Action. */ - function setWidgetAreasOpenState(widgetAreasOpenState) { return { type: 'SET_WIDGET_AREAS_OPEN_STATE', widgetAreasOpenState }; } + /** * Sets the open state of the widget area. * @@ -1806,7 +1974,6 @@ * * @return {Object} Action. */ - function setIsWidgetAreaOpen(clientId, isOpen) { return { type: 'SET_IS_WIDGET_AREA_OPEN', @@ -1814,6 +1981,7 @@ isOpen }; } + /** * Returns an action object used to open/close the inserter. * @@ -1826,74 +1994,70 @@ * * @return {Object} Action object. */ - function setIsInserterOpened(value) { return { type: 'SET_IS_INSERTER_OPENED', value }; } + /** * Returns an action object used to open/close the list view. * * @param {boolean} isOpen A boolean representing whether the list view should be opened or closed. * @return {Object} Action object. */ - function setIsListViewOpened(isOpen) { return { type: 'SET_IS_LIST_VIEW_OPENED', isOpen }; } + /** * Returns an action object signalling that the user closed the sidebar. * * @return {Object} Action creator. */ - -const closeGeneralSidebar = () => _ref10 => { - let { - registry - } = _ref10; +const closeGeneralSidebar = () => ({ + registry +}) => { registry.dispatch(store).disableComplementaryArea(constants_STORE_NAME); }; + /** * Action that handles moving a block between widget areas * * @param {string} clientId The clientId of the block to move. * @param {string} widgetAreaId The id of the widget area to move the block to. */ - -const moveBlockToWidgetArea = (clientId, widgetAreaId) => async _ref11 => { - let { - dispatch, - select, - registry - } = _ref11; - const sourceRootClientId = registry.select(external_wp_blockEditor_namespaceObject.store).getBlockRootClientId([clientId]); // Search the top level blocks (widget areas) for the one with the matching +const moveBlockToWidgetArea = (clientId, widgetAreaId) => async ({ + dispatch, + select, + registry +}) => { + const sourceRootClientId = registry.select(external_wp_blockEditor_namespaceObject.store).getBlockRootClientId(clientId); + + // Search the top level blocks (widget areas) for the one with the matching // id attribute. Makes the assumption that all top-level blocks are widget // areas. - const widgetAreas = registry.select(external_wp_blockEditor_namespaceObject.store).getBlocks(); - const destinationWidgetAreaBlock = widgetAreas.find(_ref12 => { - let { - attributes - } = _ref12; - return attributes.id === widgetAreaId; - }); - const destinationRootClientId = destinationWidgetAreaBlock.clientId; // Get the index for moving to the end of the the destination widget area. - + const destinationWidgetAreaBlock = widgetAreas.find(({ + attributes + }) => attributes.id === widgetAreaId); + const destinationRootClientId = destinationWidgetAreaBlock.clientId; + + // Get the index for moving to the end of the destination widget area. const destinationInnerBlocksClientIds = registry.select(external_wp_blockEditor_namespaceObject.store).getBlockOrder(destinationRootClientId); - const destinationIndex = destinationInnerBlocksClientIds.length; // Reveal the widget area, if it's not open. - + const destinationIndex = destinationInnerBlocksClientIds.length; + + // Reveal the widget area, if it's not open. const isDestinationWidgetAreaOpen = select.getIsWidgetAreaOpen(destinationRootClientId); - if (!isDestinationWidgetAreaOpen) { dispatch.setIsWidgetAreaOpen(destinationRootClientId, true); - } // Move the block. - - + } + + // Move the block. registry.dispatch(external_wp_blockEditor_namespaceObject.store).moveBlocksToPosition([clientId], sourceRootClientId, destinationRootClientId, destinationIndex); }; @@ -1903,6 +2067,7 @@ */ + /** * Internal dependencies */ @@ -1919,12 +2084,10 @@ * * @return {Function} An action creator. */ - -const getWidgetAreas = () => async _ref => { - let { - dispatch, - registry - } = _ref; +const getWidgetAreas = () => async ({ + dispatch, + registry +}) => { const query = buildWidgetAreasQuery(); const widgetAreas = await registry.resolveSelect(external_wp_coreData_namespaceObject.store).getEntityRecords(KIND, WIDGET_AREA_ENTITY_TYPE, query); const widgetAreaBlocks = []; @@ -1932,27 +2095,22 @@ if (a.id === 'wp_inactive_widgets') { return 1; } - if (b.id === 'wp_inactive_widgets') { return -1; } - return 0; }); - for (const widgetArea of sortedWidgetAreas) { widgetAreaBlocks.push((0,external_wp_blocks_namespaceObject.createBlock)('core/widget-area', { id: widgetArea.id, name: widgetArea.name })); - if (!widgetArea.widgets.length) { // If this widget area has no widgets, it won't get a post setup by // the getWidgets resolver. dispatch(persistStubPost(buildWidgetAreaPostId(widgetArea.id), [])); } } - const widgetAreasOpenState = {}; widgetAreaBlocks.forEach((widgetAreaBlock, index) => { // Defaults to open the first widget area. @@ -1961,27 +2119,24 @@ dispatch(setWidgetAreasOpenState(widgetAreasOpenState)); dispatch(persistStubPost(buildWidgetAreasPostId(), widgetAreaBlocks)); }; + /** * Fetches all widgets from all widgets ares, and groups them by widget area Id. * * @return {Function} An action creator. */ - -const getWidgets = () => async _ref2 => { - let { - dispatch, - registry - } = _ref2; +const getWidgets = () => async ({ + dispatch, + registry +}) => { const query = buildWidgetsQuery(); const widgets = await registry.resolveSelect(external_wp_coreData_namespaceObject.store).getEntityRecords('root', 'widget', query); const groupedBySidebar = {}; - for (const widget of widgets) { const block = transformWidgetToBlock(widget); groupedBySidebar[widget.sidebar] = groupedBySidebar[widget.sidebar] || []; groupedBySidebar[widget.sidebar].push(block); } - for (const sidebarId in groupedBySidebar) { if (groupedBySidebar.hasOwnProperty(sidebarId)) { // Persist the actual post containing the widget block @@ -1992,10 +2147,6 @@ ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/store/selectors.js /** - * External dependencies - */ - -/** * WordPress dependencies */ @@ -2008,17 +2159,27 @@ */ +const EMPTY_INSERTION_POINT = { + rootClientId: undefined, + insertionIndex: undefined +}; /** * Returns all API widgets. * * @return {Object[]} API List of widgets. */ - const selectors_getWidgets = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => () => { const widgets = select(external_wp_coreData_namespaceObject.store).getEntityRecords('root', 'widget', buildWidgetsQuery()); - return (0,external_lodash_namespaceObject.keyBy)(widgets, 'id'); + return ( + // Key widgets by their ID. + widgets?.reduce((allWidgets, widget) => ({ + ...allWidgets, + [widget.id]: widget + }), {}) || {} + ); }); + /** * Returns API widget data for a particular widget ID. * @@ -2026,28 +2187,27 @@ * * @return {Object} API widget data for a particular widget ID. */ - const getWidget = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, id) => { const widgets = select(constants_STORE_NAME).getWidgets(); return widgets[id]; }); + /** * Returns all API widget areas. * * @return {Object[]} API List of widget areas. */ - const selectors_getWidgetAreas = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => () => { const query = buildWidgetAreasQuery(); return select(external_wp_coreData_namespaceObject.store).getEntityRecords(KIND, WIDGET_AREA_ENTITY_TYPE, query); }); + /** * Returns widgetArea containing a block identify by given widgetId * * @param {string} widgetId The ID of the widget. * @return {Object} Containing widget area. */ - const getWidgetAreaForWidgetId = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, widgetId) => { const widgetAreas = select(constants_STORE_NAME).getWidgetAreas(); return widgetAreas.find(widgetArea => { @@ -2056,6 +2216,7 @@ return blockWidgetIds.includes(widgetId); }); }); + /** * Given a child client id, returns the parent widget area block. * @@ -2063,7 +2224,6 @@ * * @return {WPBlock} The widget area block. */ - const getParentWidgetAreaBlock = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, clientId) => { const { getBlock, @@ -2074,107 +2234,78 @@ const widgetAreaClientId = blockParents.find(parentClientId => getBlockName(parentClientId) === 'core/widget-area'); return getBlock(widgetAreaClientId); }); + /** * Returns all edited widget area entity records. * * @return {Object[]} List of edited widget area entity records. */ - const getEditedWidgetAreas = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, ids) => { let widgetAreas = select(constants_STORE_NAME).getWidgetAreas(); - if (!widgetAreas) { return []; } - if (ids) { - widgetAreas = widgetAreas.filter(_ref => { - let { - id - } = _ref; - return ids.includes(id); - }); + widgetAreas = widgetAreas.filter(({ + id + }) => ids.includes(id)); } - - return widgetAreas.filter(_ref2 => { - let { - id - } = _ref2; - return select(external_wp_coreData_namespaceObject.store).hasEditsForEntityRecord(KIND, POST_TYPE, buildWidgetAreaPostId(id)); - }).map(_ref3 => { - let { - id - } = _ref3; - return select(external_wp_coreData_namespaceObject.store).getEditedEntityRecord(KIND, WIDGET_AREA_ENTITY_TYPE, id); - }); + return widgetAreas.filter(({ + id + }) => select(external_wp_coreData_namespaceObject.store).hasEditsForEntityRecord(KIND, POST_TYPE, buildWidgetAreaPostId(id))).map(({ + id + }) => select(external_wp_coreData_namespaceObject.store).getEditedEntityRecord(KIND, WIDGET_AREA_ENTITY_TYPE, id)); }); + /** * Returns all blocks representing reference widgets. * * @param {string} referenceWidgetName Optional. If given, only reference widgets with this name will be returned. * @return {Array} List of all blocks representing reference widgets */ - -const getReferenceWidgetBlocks = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => function (state) { - let referenceWidgetName = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; +const getReferenceWidgetBlocks = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, referenceWidgetName = null) => { const results = []; const widgetAreas = select(constants_STORE_NAME).getWidgetAreas(); - for (const _widgetArea of widgetAreas) { const post = select(external_wp_coreData_namespaceObject.store).getEditedEntityRecord(KIND, POST_TYPE, buildWidgetAreaPostId(_widgetArea.id)); - for (const block of post.blocks) { - var _block$attributes; - - if (block.name === 'core/legacy-widget' && (!referenceWidgetName || ((_block$attributes = block.attributes) === null || _block$attributes === void 0 ? void 0 : _block$attributes.referenceWidgetName) === referenceWidgetName)) { + if (block.name === 'core/legacy-widget' && (!referenceWidgetName || block.attributes?.referenceWidgetName === referenceWidgetName)) { results.push(block); } } } - return results; }); + /** * Returns true if any widget area is currently being saved. * * @return {boolean} True if any widget area is currently being saved. False otherwise. */ - const isSavingWidgetAreas = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => () => { - var _select$getWidgetArea; - - const widgetAreasIds = (_select$getWidgetArea = select(constants_STORE_NAME).getWidgetAreas()) === null || _select$getWidgetArea === void 0 ? void 0 : _select$getWidgetArea.map(_ref4 => { - let { - id - } = _ref4; - return id; - }); - + const widgetAreasIds = select(constants_STORE_NAME).getWidgetAreas()?.map(({ + id + }) => id); if (!widgetAreasIds) { return false; } - for (const id of widgetAreasIds) { const isSaving = select(external_wp_coreData_namespaceObject.store).isSavingEntityRecord(KIND, WIDGET_AREA_ENTITY_TYPE, id); - if (isSaving) { return true; } } - const widgetIds = [...Object.keys(select(constants_STORE_NAME).getWidgets()), undefined // account for new widgets without an ID ]; - for (const id of widgetIds) { const isSaving = select(external_wp_coreData_namespaceObject.store).isSavingEntityRecord('root', 'widget', id); - if (isSaving) { return true; } } - return false; }); + /** * Gets whether the widget area is opened. * @@ -2183,13 +2314,13 @@ * * @return {boolean} True if the widget area is open. */ - const getIsWidgetAreaOpen = (state, clientId) => { const { widgetAreasOpenState } = state; return !!widgetAreasOpenState[clientId]; }; + /** * Returns true if the inserter is opened. * @@ -2197,10 +2328,10 @@ * * @return {boolean} Whether the inserter is opened. */ - function isInserterOpened(state) { return !!state.blockInserterPanel; } + /** * Get the insertion point for the inserter. * @@ -2208,17 +2339,13 @@ * * @return {Object} The root client ID and index to insert at. */ - function __experimentalGetInsertionPoint(state) { - const { - rootClientId, - insertionIndex - } = state.blockInserterPanel; - return { - rootClientId, - insertionIndex - }; + if (typeof state.blockInserterPanel === 'boolean') { + return EMPTY_INSERTION_POINT; + } + return state.blockInserterPanel; } + /** * Returns true if a block can be inserted into a widget area. * @@ -2227,16 +2354,17 @@ * * @return {boolean} True if the block can be inserted in a widget area. */ - const canInsertBlockInWidgetArea = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, blockName) => { // Widget areas are always top-level blocks, which getBlocks will return. - const widgetAreas = select(external_wp_blockEditor_namespaceObject.store).getBlocks(); // Makes an assumption that a block that can be inserted into one + const widgetAreas = select(external_wp_blockEditor_namespaceObject.store).getBlocks(); + + // Makes an assumption that a block that can be inserted into one // widget area can be inserted into any widget area. Uses the first // widget area for testing whether the block can be inserted. - const [firstWidgetArea] = widgetAreas; return select(external_wp_blockEditor_namespaceObject.store).canInsertBlockType(blockName, firstWidgetArea.clientId); }); + /** * Returns true if the list view is opened. * @@ -2244,17 +2372,37 @@ * * @return {boolean} Whether the list view is opened. */ - function isListViewOpened(state) { return state.listViewPanel; } +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/store/private-selectors.js +function getListViewToggleRef(state) { + return state.listViewToggleRef; +} +function getInserterSidebarToggleRef(state) { + return state.inserterSidebarToggleRef; +} + +;// CONCATENATED MODULE: external ["wp","privateApis"] +const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/lock-unlock.js +/** + * WordPress dependencies + */ + +const { + lock, + unlock +} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.', '@wordpress/edit-widgets'); + ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/store/index.js /** * WordPress dependencies */ + /** * Internal dependencies */ @@ -2264,6 +2412,8 @@ + + /** * Block editor data store configuration. * @@ -2271,13 +2421,13 @@ * * @type {Object} */ - const storeConfig = { reducer: reducer, selectors: store_selectors_namespaceObject, resolvers: resolvers_namespaceObject, actions: store_actions_namespaceObject }; + /** * Store definition for the edit widgets namespace. * @@ -2285,27 +2435,23 @@ * * @type {Object} */ - const store_store = (0,external_wp_data_namespaceObject.createReduxStore)(constants_STORE_NAME, storeConfig); -(0,external_wp_data_namespaceObject.register)(store_store); // This package uses a few in-memory post types as wrappers for convenience. +(0,external_wp_data_namespaceObject.register)(store_store); + +// This package uses a few in-memory post types as wrappers for convenience. // This middleware prevents any network requests related to these types as they are // bound to fail anyway. - external_wp_apiFetch_default().use(function (options, next) { - var _options$path; - - if (((_options$path = options.path) === null || _options$path === void 0 ? void 0 : _options$path.indexOf('/wp/v2/types/widget-area')) === 0) { + if (options.path?.indexOf('/wp/v2/types/widget-area') === 0) { return Promise.resolve({}); } - return next(options); }); +unlock(store_store).registerPrivateSelectors(private_selectors_namespaceObject); ;// CONCATENATED MODULE: external ["wp","hooks"] -var external_wp_hooks_namespaceObject = window["wp"]["hooks"]; +const external_wp_hooks_namespaceObject = window["wp"]["hooks"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/filters/move-to-widget-area.js - - /** * WordPress dependencies */ @@ -2314,11 +2460,15 @@ + + /** * Internal dependencies */ + + const withMoveToWidgetAreaToolbarItem = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => { const { clientId, @@ -2329,47 +2479,48 @@ currentWidgetAreaId, canInsertBlockInWidgetArea } = (0,external_wp_data_namespaceObject.useSelect)(select => { - var _widgetAreaBlock$attr; - // Component won't display for a widget area, so don't run selectors. if (blockName === 'core/widget-area') { return {}; } - const selectors = select(store_store); const widgetAreaBlock = selectors.getParentWidgetAreaBlock(clientId); return { widgetAreas: selectors.getWidgetAreas(), - currentWidgetAreaId: widgetAreaBlock === null || widgetAreaBlock === void 0 ? void 0 : (_widgetAreaBlock$attr = widgetAreaBlock.attributes) === null || _widgetAreaBlock$attr === void 0 ? void 0 : _widgetAreaBlock$attr.id, + currentWidgetAreaId: widgetAreaBlock?.attributes?.id, canInsertBlockInWidgetArea: selectors.canInsertBlockInWidgetArea(blockName) }; }, [clientId, blockName]); const { moveBlockToWidgetArea } = (0,external_wp_data_namespaceObject.useDispatch)(store_store); - const hasMultipleWidgetAreas = (widgetAreas === null || widgetAreas === void 0 ? void 0 : widgetAreas.length) > 1; + const hasMultipleWidgetAreas = widgetAreas?.length > 1; const isMoveToWidgetAreaVisible = blockName !== 'core/widget-area' && hasMultipleWidgetAreas && canInsertBlockInWidgetArea; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(BlockEdit, props), isMoveToWidgetAreaVisible && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockControls, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_widgets_namespaceObject.MoveToWidgetArea, { - widgetAreas: widgetAreas, - currentWidgetAreaId: currentWidgetAreaId, - onSelect: widgetAreaId => { - moveBlockToWidgetArea(props.clientId, widgetAreaId); - } - }))); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockEdit, { + ...props + }), isMoveToWidgetAreaVisible && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockControls, { + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_widgets_namespaceObject.MoveToWidgetArea, { + widgetAreas: widgetAreas, + currentWidgetAreaId: currentWidgetAreaId, + onSelect: widgetAreaId => { + moveBlockToWidgetArea(props.clientId, widgetAreaId); + } + }) + })] + }); }, 'withMoveToWidgetAreaToolbarItem'); (0,external_wp_hooks_namespaceObject.addFilter)('editor.BlockEdit', 'core/edit-widgets/block-edit', withMoveToWidgetAreaToolbarItem); ;// CONCATENATED MODULE: external ["wp","mediaUtils"] -var external_wp_mediaUtils_namespaceObject = window["wp"]["mediaUtils"]; +const external_wp_mediaUtils_namespaceObject = window["wp"]["mediaUtils"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/filters/replace-media-upload.js /** * WordPress dependencies */ - const replaceMediaUpload = () => external_wp_mediaUtils_namespaceObject.MediaUpload; - (0,external_wp_hooks_namespaceObject.addFilter)('editor.MediaUpload', 'core/edit-widgets/replace-media-upload', replaceMediaUpload); ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/filters/index.js @@ -2384,6 +2535,7 @@ * WordPress dependencies */ + /** @typedef {import('@wordpress/element').RefObject} RefObject */ /** @@ -2393,24 +2545,21 @@ * * @return {boolean} Is dragging within the target element. */ - const useIsDraggingWithin = elementRef => { const [isDraggingWithin, setIsDraggingWithin] = (0,external_wp_element_namespaceObject.useState)(false); (0,external_wp_element_namespaceObject.useEffect)(() => { const { ownerDocument } = elementRef.current; - function handleDragStart(event) { // Check the first time when the dragging starts. handleDragEnter(event); - } // Set to false whenever the user cancel the drag event by either releasing the mouse or press Escape. - - + } + + // Set to false whenever the user cancel the drag event by either releasing the mouse or press Escape. function handleDragEnd() { setIsDraggingWithin(false); } - function handleDragEnter(event) { // Check if the current target is inside the item element. if (elementRef.current.contains(event.target)) { @@ -2418,10 +2567,10 @@ } else { setIsDraggingWithin(false); } - } // Bind these events to the document to catch all drag events. + } + + // Bind these events to the document to catch all drag events. // Ideally, we can also use `event.relatedTarget`, but sadly that doesn't work in Safari. - - ownerDocument.addEventListener('dragstart', handleDragStart); ownerDocument.addEventListener('dragend', handleDragEnd); ownerDocument.addEventListener('dragenter', handleDragEnter); @@ -2433,56 +2582,13 @@ }, []); return isDraggingWithin; }; - -/* harmony default export */ var use_is_dragging_within = (useIsDraggingWithin); +/* harmony default export */ const use_is_dragging_within = (useIsDraggingWithin); ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/blocks/widget-area/edit/inner-blocks.js - - /** * External dependencies */ -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - -function WidgetAreaInnerBlocks(_ref) { - let { - id - } = _ref; - const [blocks, onInput, onChange] = (0,external_wp_coreData_namespaceObject.useEntityBlockEditor)('root', 'postType'); - const innerBlocksRef = (0,external_wp_element_namespaceObject.useRef)(); - const isDraggingWithinInnerBlocks = use_is_dragging_within(innerBlocksRef); - const shouldHighlightDropZone = isDraggingWithinInnerBlocks; // Using the experimental hook so that we can control the className of the element. - - const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({ - ref: innerBlocksRef - }, { - value: blocks, - onInput, - onChange, - templateLock: false, - renderAppender: external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender - }); - return (0,external_wp_element_namespaceObject.createElement)("div", { - "data-widget-area-id": id, - className: classnames_default()('wp-block-widget-area__inner-blocks block-editor-inner-blocks editor-styles-wrapper', { - 'wp-block-widget-area__highlight-drop-zone': shouldHighlightDropZone - }) - }, (0,external_wp_element_namespaceObject.createElement)("div", innerBlocksProps)); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/blocks/widget-area/edit/index.js - /** * WordPress dependencies @@ -2496,19 +2602,60 @@ */ +function WidgetAreaInnerBlocks({ + id +}) { + const [blocks, onInput, onChange] = (0,external_wp_coreData_namespaceObject.useEntityBlockEditor)('root', 'postType'); + const innerBlocksRef = (0,external_wp_element_namespaceObject.useRef)(); + const isDraggingWithinInnerBlocks = use_is_dragging_within(innerBlocksRef); + const shouldHighlightDropZone = isDraggingWithinInnerBlocks; + // Using the experimental hook so that we can control the className of the element. + const innerBlocksProps = (0,external_wp_blockEditor_namespaceObject.useInnerBlocksProps)({ + ref: innerBlocksRef + }, { + value: blocks, + onInput, + onChange, + templateLock: false, + renderAppender: external_wp_blockEditor_namespaceObject.InnerBlocks.ButtonBlockAppender + }); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { + "data-widget-area-id": id, + className: dist_clsx('wp-block-widget-area__inner-blocks block-editor-inner-blocks editor-styles-wrapper', { + 'wp-block-widget-area__highlight-drop-zone': shouldHighlightDropZone + }), + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { + ...innerBlocksProps + }) + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/blocks/widget-area/edit/index.js +/** + * WordPress dependencies + */ + + + + + +/** + * Internal dependencies + */ + + /** @typedef {import('@wordpress/element').RefObject} RefObject */ -function WidgetAreaEdit(_ref) { - let { - clientId, - className, - attributes: { - id, - name - } - } = _ref; +function WidgetAreaEdit({ + clientId, + className, + attributes: { + id, + name + } +}) { const isOpen = (0,external_wp_data_namespaceObject.useSelect)(select => select(store_store).getIsWidgetAreaOpen(clientId), [clientId]); const { setIsWidgetAreaOpen @@ -2523,7 +2670,6 @@ setOpenedWhileDragging(false); return; } - if (isDraggingWithin && !isOpen) { setOpen(true); setOpenedWhileDragging(true); @@ -2531,37 +2677,40 @@ setOpen(false); } }, [isOpen, isDragging, isDraggingWithin, openedWhileDragging]); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Panel, { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Panel, { className: className, - ref: wrapper - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.PanelBody, { - title: name, - opened: isOpen, - onToggle: () => { - setIsWidgetAreaOpen(clientId, !isOpen); - }, - scrollAfterOpen: !isDragging - }, _ref2 => { - let { - opened - } = _ref2; - return (// This is required to ensure LegacyWidget blocks are not + ref: wrapper, + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.PanelBody, { + title: name, + opened: isOpen, + onToggle: () => { + setIsWidgetAreaOpen(clientId, !isOpen); + }, + scrollAfterOpen: !isDragging, + children: ({ + opened + }) => + /*#__PURE__*/ + // This is required to ensure LegacyWidget blocks are not // unmounted when the panel is collapsed. Unmounting legacy // widgets may have unintended consequences (e.g. TinyMCE // not being properly reinitialized) - (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.__unstableDisclosureContent, { + (0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__unstableDisclosureContent, { className: "wp-block-widget-area__panel-body-content", - visible: opened - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_coreData_namespaceObject.EntityProvider, { - kind: "root", - type: "postType", - id: `widget-area-${id}` - }, (0,external_wp_element_namespaceObject.createElement)(WidgetAreaInnerBlocks, { - id: id - }))) - ); - })); + visible: opened, + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_coreData_namespaceObject.EntityProvider, { + kind: "root", + type: "postType", + id: `widget-area-${id}`, + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WidgetAreaInnerBlocks, { + id: id + }) + }) + }) + }) + }); } + /** * A React hook to determine if dragging is active. * @@ -2569,22 +2718,18 @@ * * @return {boolean} Is dragging within the entire document. */ - const useIsDragging = elementRef => { const [isDragging, setIsDragging] = (0,external_wp_element_namespaceObject.useState)(false); (0,external_wp_element_namespaceObject.useEffect)(() => { const { ownerDocument } = elementRef.current; - function handleDragStart() { setIsDragging(true); } - function handleDragEnd() { setIsDragging(false); } - ownerDocument.addEventListener('dragstart', handleDragStart); ownerDocument.addEventListener('dragend', handleDragEnd); return () => { @@ -2600,12 +2745,14 @@ * WordPress dependencies */ + /** * Internal dependencies */ - const metadata = { + $schema: "https://schemas.wp.org/trunk/block.json", name: "core/widget-area", + title: "Widget Area", category: "widgets", attributes: { id: { @@ -2621,7 +2768,8 @@ customClassName: false, reusable: false, __experimentalToolbar: false, - __experimentalParentSelector: false + __experimentalParentSelector: false, + __experimentalDisableBlockOverlay: true }, editorStyle: "wp-block-widget-area-editor", style: "wp-block-widget-area" @@ -2634,18 +2782,13 @@ const settings = { title: (0,external_wp_i18n_namespaceObject.__)('Widget Area'), description: (0,external_wp_i18n_namespaceObject.__)('A widget area container.'), - __experimentalLabel: _ref => { - let { - name: label - } = _ref; - return label; - }, + __experimentalLabel: ({ + name: label + }) => label, edit: WidgetAreaEdit }; ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/error-boundary/index.js - - /** * WordPress dependencies */ @@ -2655,65 +2798,64 @@ -function CopyButton(_ref) { - let { - text, - children - } = _ref; + +function CopyButton({ + text, + children +}) { const ref = (0,external_wp_compose_namespaceObject.useCopyToClipboard)(text); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { variant: "secondary", - ref: ref - }, children); + ref: ref, + children: children + }); } - +function ErrorBoundaryWarning({ + message, + error +}) { + const actions = [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(CopyButton, { + text: error.stack, + children: (0,external_wp_i18n_namespaceObject.__)('Copy Error') + }, "copy-error")]; + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.Warning, { + className: "edit-widgets-error-boundary", + actions: actions, + children: message + }); +} class ErrorBoundary extends external_wp_element_namespaceObject.Component { constructor() { super(...arguments); - this.reboot = this.reboot.bind(this); this.state = { error: null }; } - componentDidCatch(error) { - this.setState({ - error - }); + (0,external_wp_hooks_namespaceObject.doAction)('editor.ErrorBoundary.errorLogged', error); } - - reboot() { - this.props.onError(); + static getDerivedStateFromError(error) { + return { + error + }; } - render() { - const { - error - } = this.state; - - if (!error) { + if (!this.state.error) { return this.props.children; } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.Warning, { - className: "edit-widgets-error-boundary", - actions: [(0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - key: "recovery", - onClick: this.reboot, - variant: "secondary" - }, (0,external_wp_i18n_namespaceObject.__)('Attempt Recovery')), (0,external_wp_element_namespaceObject.createElement)(CopyButton, { - key: "copy-error", - text: error.stack - }, (0,external_wp_i18n_namespaceObject.__)('Copy Error'))] - }, (0,external_wp_i18n_namespaceObject.__)('The editor has encountered an unexpected error.')); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ErrorBoundaryWarning, { + message: (0,external_wp_i18n_namespaceObject.__)('The editor has encountered an unexpected error.'), + error: this.state.error + }); } - } -;// CONCATENATED MODULE: external ["wp","reusableBlocks"] -var external_wp_reusableBlocks_namespaceObject = window["wp"]["reusableBlocks"]; +;// CONCATENATED MODULE: external ["wp","patterns"] +const external_wp_patterns_namespaceObject = window["wp"]["patterns"]; ;// CONCATENATED MODULE: external ["wp","keyboardShortcuts"] -var external_wp_keyboardShortcuts_namespaceObject = window["wp"]["keyboardShortcuts"]; +const external_wp_keyboardShortcuts_namespaceObject = window["wp"]["keyboardShortcuts"]; +;// CONCATENATED MODULE: external ["wp","keycodes"] +const external_wp_keycodes_namespaceObject = window["wp"]["keycodes"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/keyboard-shortcuts/index.js /** * WordPress dependencies @@ -2723,12 +2865,12 @@ + + /** * Internal dependencies */ - - function KeyboardShortcuts() { const { redo, @@ -2751,7 +2893,6 @@ }); return null; } - function KeyboardShortcutsRegister() { // Registering the shortcuts. const { @@ -2774,7 +2915,15 @@ keyCombination: { modifier: 'primaryShift', character: 'z' - } + }, + // Disable on Apple OS because it conflicts with the browser's + // history shortcut. It's a fine alias for both Windows and Linux. + // Since there's no conflict for Ctrl+Shift+Z on both Windows and + // Linux, we keep it as the default for consistency. + aliases: (0,external_wp_keycodes_namespaceObject.isAppleOS)() ? [] : [{ + modifier: 'primary', + character: 'y' + }] }); registerShortcut({ name: 'core/edit-widgets/save', @@ -2818,14 +2967,16 @@ aliases: [{ modifier: 'access', character: 'p' + }, { + modifier: 'ctrlShift', + character: '~' }] }); }, [registerShortcut]); return null; } - KeyboardShortcuts.Register = KeyboardShortcutsRegister; -/* harmony default export */ var keyboard_shortcuts = (KeyboardShortcuts); +/* harmony default export */ const keyboard_shortcuts = (KeyboardShortcuts); ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/hooks/use-last-selected-widget-area.js /** @@ -2834,6 +2985,7 @@ + /** * Internal dependencies */ @@ -2846,53 +2998,213 @@ * * @return {string} clientId of the widget area last selected. */ - const useLastSelectedWidgetArea = () => (0,external_wp_data_namespaceObject.useSelect)(select => { - var _widgetAreasPost$bloc; - const { getBlockSelectionEnd, getBlockName } = select(external_wp_blockEditor_namespaceObject.store); - const selectionEndClientId = getBlockSelectionEnd(); // If the selected block is a widget area, return its clientId. - + const selectionEndClientId = getBlockSelectionEnd(); + + // If the selected block is a widget area, return its clientId. if (getBlockName(selectionEndClientId) === 'core/widget-area') { return selectionEndClientId; } - const { getParentWidgetAreaBlock } = select(store_store); const widgetAreaBlock = getParentWidgetAreaBlock(selectionEndClientId); - const widgetAreaBlockClientId = widgetAreaBlock === null || widgetAreaBlock === void 0 ? void 0 : widgetAreaBlock.clientId; - + const widgetAreaBlockClientId = widgetAreaBlock?.clientId; if (widgetAreaBlockClientId) { return widgetAreaBlockClientId; - } // If no widget area has been selected, return the clientId of the first + } + + // If no widget area has been selected, return the clientId of the first // area. - - const { getEntityRecord } = select(external_wp_coreData_namespaceObject.store); const widgetAreasPost = getEntityRecord(KIND, POST_TYPE, buildWidgetAreasPostId()); - return widgetAreasPost === null || widgetAreasPost === void 0 ? void 0 : (_widgetAreasPost$bloc = widgetAreasPost.blocks[0]) === null || _widgetAreasPost$bloc === void 0 ? void 0 : _widgetAreasPost$bloc.clientId; + return widgetAreasPost?.blocks[0]?.clientId; }, []); - -/* harmony default export */ var use_last_selected_widget_area = (useLastSelectedWidgetArea); +/* harmony default export */ const use_last_selected_widget_area = (useLastSelectedWidgetArea); ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/constants.js const ALLOW_REUSABLE_BLOCKS = false; const ENABLE_EXPERIMENTAL_FSE_BLOCKS = false; ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/widget-areas-block-editor-provider/index.js +/** + * WordPress dependencies + */ + + + + + + + + /** - * External dependencies + * Internal dependencies */ + + + + + + + +const { + ExperimentalBlockEditorProvider +} = unlock(external_wp_blockEditor_namespaceObject.privateApis); +const { + PatternsMenuItems +} = unlock(external_wp_patterns_namespaceObject.privateApis); +const { + BlockKeyboardShortcuts +} = unlock(external_wp_blockLibrary_namespaceObject.privateApis); +function WidgetAreasBlockEditorProvider({ + blockEditorSettings, + children, + ...props +}) { + const mediaPermissions = (0,external_wp_coreData_namespaceObject.useResourcePermissions)('media'); + const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium'); + const { + reusableBlocks, + isFixedToolbarActive, + keepCaretInsideBlock, + pageOnFront, + pageForPosts + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + canUser, + getEntityRecord, + getEntityRecords + } = select(external_wp_coreData_namespaceObject.store); + const siteSettings = canUser('read', 'settings') ? getEntityRecord('root', 'site') : undefined; + return { + widgetAreas: select(store_store).getWidgetAreas(), + widgets: select(store_store).getWidgets(), + reusableBlocks: ALLOW_REUSABLE_BLOCKS ? getEntityRecords('postType', 'wp_block') : [], + isFixedToolbarActive: !!select(external_wp_preferences_namespaceObject.store).get('core/edit-widgets', 'fixedToolbar'), + keepCaretInsideBlock: !!select(external_wp_preferences_namespaceObject.store).get('core/edit-widgets', 'keepCaretInsideBlock'), + pageOnFront: siteSettings?.page_on_front, + pageForPosts: siteSettings?.page_for_posts + }; + }, []); + const { + setIsInserterOpened + } = (0,external_wp_data_namespaceObject.useDispatch)(store_store); + const settings = (0,external_wp_element_namespaceObject.useMemo)(() => { + let mediaUploadBlockEditor; + if (mediaPermissions.canCreate) { + mediaUploadBlockEditor = ({ + onError, + ...argumentsObject + }) => { + (0,external_wp_mediaUtils_namespaceObject.uploadMedia)({ + wpAllowedMimeTypes: blockEditorSettings.allowedMimeTypes, + onError: ({ + message + }) => onError(message), + ...argumentsObject + }); + }; + } + return { + ...blockEditorSettings, + __experimentalReusableBlocks: reusableBlocks, + hasFixedToolbar: isFixedToolbarActive || !isLargeViewport, + keepCaretInsideBlock, + mediaUpload: mediaUploadBlockEditor, + templateLock: 'all', + __experimentalSetIsInserterOpened: setIsInserterOpened, + pageOnFront, + pageForPosts + }; + }, [blockEditorSettings, isFixedToolbarActive, isLargeViewport, keepCaretInsideBlock, mediaPermissions.canCreate, reusableBlocks, setIsInserterOpened, pageOnFront, pageForPosts]); + const widgetAreaId = use_last_selected_widget_area(); + const [blocks, onInput, onChange] = (0,external_wp_coreData_namespaceObject.useEntityBlockEditor)(KIND, POST_TYPE, { + id: buildWidgetAreasPostId() + }); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.SlotFillProvider, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(keyboard_shortcuts.Register, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(BlockKeyboardShortcuts, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(ExperimentalBlockEditorProvider, { + value: blocks, + onInput: onInput, + onChange: onChange, + settings: settings, + useSubRegistry: false, + ...props, + children: [children, /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(PatternsMenuItems, { + rootClientId: widgetAreaId + })] + })] + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/drawer-left.js +/** + * WordPress dependencies + */ + + +const drawerLeft = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { + width: "24", + height: "24", + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zM8.5 18.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h2.5v13zm10-.5c0 .3-.2.5-.5.5h-8v-13h8c.3 0 .5.2.5.5v12z" + }) +}); +/* harmony default export */ const drawer_left = (drawerLeft); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/drawer-right.js +/** + * WordPress dependencies + */ + + +const drawerRight = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { + width: "24", + height: "24", + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { + fillRule: "evenodd", + clipRule: "evenodd", + d: "M18 4H6c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm-4 14.5H6c-.3 0-.5-.2-.5-.5V6c0-.3.2-.5.5-.5h8v13zm4.5-.5c0 .3-.2.5-.5.5h-2.5v-13H18c.3 0 .5.2.5.5v12z" + }) +}); +/* harmony default export */ const drawer_right = (drawerRight); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/block-default.js +/** + * WordPress dependencies + */ + + +const blockDefault = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { + d: "M19 8h-1V6h-5v2h-2V6H6v2H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm.5 10c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-8c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v8z" + }) +}); +/* harmony default export */ const block_default = (blockDefault); + +;// CONCATENATED MODULE: external ["wp","url"] +const external_wp_url_namespaceObject = window["wp"]["url"]; +;// CONCATENATED MODULE: external ["wp","dom"] +const external_wp_dom_namespaceObject = window["wp"]["dom"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/sidebar/widget-areas.js /** * WordPress dependencies */ @@ -2911,141 +3223,12 @@ - - - - -function WidgetAreasBlockEditorProvider(_ref) { - let { - blockEditorSettings, - children, - ...props - } = _ref; - const { - hasUploadPermissions, - reusableBlocks, - isFixedToolbarActive, - keepCaretInsideBlock - } = (0,external_wp_data_namespaceObject.useSelect)(select => ({ - hasUploadPermissions: (0,external_lodash_namespaceObject.defaultTo)(select(external_wp_coreData_namespaceObject.store).canUser('create', 'media'), true), - widgetAreas: select(store_store).getWidgetAreas(), - widgets: select(store_store).getWidgets(), - reusableBlocks: ALLOW_REUSABLE_BLOCKS ? select(external_wp_coreData_namespaceObject.store).getEntityRecords('postType', 'wp_block') : [], - isFixedToolbarActive: !!select(external_wp_preferences_namespaceObject.store).get('core/edit-widgets', 'fixedToolbar'), - keepCaretInsideBlock: !!select(external_wp_preferences_namespaceObject.store).get('core/edit-widgets', 'keepCaretInsideBlock') - }), []); - const { - setIsInserterOpened - } = (0,external_wp_data_namespaceObject.useDispatch)(store_store); - const settings = (0,external_wp_element_namespaceObject.useMemo)(() => { - let mediaUploadBlockEditor; - - if (hasUploadPermissions) { - mediaUploadBlockEditor = _ref2 => { - let { - onError, - ...argumentsObject - } = _ref2; - (0,external_wp_mediaUtils_namespaceObject.uploadMedia)({ - wpAllowedMimeTypes: blockEditorSettings.allowedMimeTypes, - onError: _ref3 => { - let { - message - } = _ref3; - return onError(message); - }, - ...argumentsObject - }); - }; - } - - return { ...blockEditorSettings, - __experimentalReusableBlocks: reusableBlocks, - hasFixedToolbar: isFixedToolbarActive, - keepCaretInsideBlock, - mediaUpload: mediaUploadBlockEditor, - templateLock: 'all', - __experimentalSetIsInserterOpened: setIsInserterOpened - }; - }, [blockEditorSettings, isFixedToolbarActive, keepCaretInsideBlock, hasUploadPermissions, reusableBlocks, setIsInserterOpened]); - const widgetAreaId = use_last_selected_widget_area(); - const [blocks, onInput, onChange] = (0,external_wp_coreData_namespaceObject.useEntityBlockEditor)(KIND, POST_TYPE, { - id: buildWidgetAreasPostId() - }); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_keyboardShortcuts_namespaceObject.ShortcutProvider, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockEditorKeyboardShortcuts.Register, null), (0,external_wp_element_namespaceObject.createElement)(keyboard_shortcuts.Register, null), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SlotFillProvider, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockEditorProvider, _extends({ - value: blocks, - onInput: onInput, - onChange: onChange, - settings: settings, - useSubRegistry: false - }, props), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.CopyHandler, null, children), (0,external_wp_element_namespaceObject.createElement)(external_wp_reusableBlocks_namespaceObject.ReusableBlocksMenuItems, { - rootClientId: widgetAreaId - })))); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/cog.js - - -/** - * WordPress dependencies - */ - -const cog = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - fillRule: "evenodd", - d: "M10.289 4.836A1 1 0 0111.275 4h1.306a1 1 0 01.987.836l.244 1.466c.787.26 1.503.679 2.108 1.218l1.393-.522a1 1 0 011.216.437l.653 1.13a1 1 0 01-.23 1.273l-1.148.944a6.025 6.025 0 010 2.435l1.149.946a1 1 0 01.23 1.272l-.653 1.13a1 1 0 01-1.216.437l-1.394-.522c-.605.54-1.32.958-2.108 1.218l-.244 1.466a1 1 0 01-.987.836h-1.306a1 1 0 01-.986-.836l-.244-1.466a5.995 5.995 0 01-2.108-1.218l-1.394.522a1 1 0 01-1.217-.436l-.653-1.131a1 1 0 01.23-1.272l1.149-.946a6.026 6.026 0 010-2.435l-1.148-.944a1 1 0 01-.23-1.272l.653-1.131a1 1 0 011.217-.437l1.393.522a5.994 5.994 0 012.108-1.218l.244-1.466zM14.929 12a3 3 0 11-6 0 3 3 0 016 0z", - clipRule: "evenodd" -})); -/* harmony default export */ var library_cog = (cog); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/block-default.js - - -/** - * WordPress dependencies - */ - -const blockDefault = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M19 8h-1V6h-5v2h-2V6H6v2H5c-1.1 0-2 .9-2 2v8c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-8c0-1.1-.9-2-2-2zm.5 10c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-8c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v8z" -})); -/* harmony default export */ var block_default = (blockDefault); - -;// CONCATENATED MODULE: external ["wp","url"] -var external_wp_url_namespaceObject = window["wp"]["url"]; -;// CONCATENATED MODULE: external ["wp","dom"] -var external_wp_dom_namespaceObject = window["wp"]["dom"]; -;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/sidebar/widget-areas.js - - -/** - * WordPress dependencies - */ - - - - - - - - -/** - * Internal dependencies - */ - - -function WidgetAreas(_ref) { - let { - selectedWidgetAreaId - } = _ref; +function WidgetAreas({ + selectedWidgetAreaId +}) { const widgetAreas = (0,external_wp_data_namespaceObject.useSelect)(select => select(store_store).getWidgetAreas(), []); - const selectedWidgetArea = (0,external_wp_element_namespaceObject.useMemo)(() => selectedWidgetAreaId && (widgetAreas === null || widgetAreas === void 0 ? void 0 : widgetAreas.find(widgetArea => widgetArea.id === selectedWidgetAreaId)), [selectedWidgetAreaId, widgetAreas]); + const selectedWidgetArea = (0,external_wp_element_namespaceObject.useMemo)(() => selectedWidgetAreaId && widgetAreas?.find(widgetArea => widgetArea.id === selectedWidgetAreaId), [selectedWidgetAreaId, widgetAreas]); let description; - if (!selectedWidgetArea) { description = (0,external_wp_i18n_namespaceObject.__)('Widget Areas are global parts in your site’s layout that can accept blocks. These vary by theme, but are typically parts like your Sidebar or Footer.'); } else if (selectedWidgetAreaId === 'wp_inactive_widgets') { @@ -3053,37 +3236,37 @@ } else { description = selectedWidgetArea.description; } - - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "edit-widgets-widget-areas" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "edit-widgets-widget-areas__top-container" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockIcon, { - icon: block_default - }), (0,external_wp_element_namespaceObject.createElement)("div", null, (0,external_wp_element_namespaceObject.createElement)("p", { - // Use `dangerouslySetInnerHTML` to keep backwards - // compatibility. Basic markup in the description is an - // established feature of WordPress. - // @see https://github.com/WordPress/gutenberg/issues/33106 - dangerouslySetInnerHTML: { - __html: (0,external_wp_dom_namespaceObject.safeHTML)(description) - } - }), (widgetAreas === null || widgetAreas === void 0 ? void 0 : widgetAreas.length) === 0 && (0,external_wp_element_namespaceObject.createElement)("p", null, (0,external_wp_i18n_namespaceObject.__)('Your theme does not contain any Widget Areas.')), !selectedWidgetArea && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - href: (0,external_wp_url_namespaceObject.addQueryArgs)('customize.php', { - 'autofocus[panel]': 'widgets', - return: window.location.pathname - }), - variant: "tertiary" - }, (0,external_wp_i18n_namespaceObject.__)('Manage with live preview'))))); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { + className: "edit-widgets-widget-areas", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + className: "edit-widgets-widget-areas__top-container", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockIcon, { + icon: block_default + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", { + // Use `dangerouslySetInnerHTML` to keep backwards + // compatibility. Basic markup in the description is an + // established feature of WordPress. + // @see https://github.com/WordPress/gutenberg/issues/33106 + dangerouslySetInnerHTML: { + __html: (0,external_wp_dom_namespaceObject.safeHTML)(description) + } + }), widgetAreas?.length === 0 && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", { + children: (0,external_wp_i18n_namespaceObject.__)('Your theme does not contain any Widget Areas.') + }), !selectedWidgetArea && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { + href: (0,external_wp_url_namespaceObject.addQueryArgs)('customize.php', { + 'autofocus[panel]': 'widgets', + return: window.location.pathname + }), + variant: "tertiary", + children: (0,external_wp_i18n_namespaceObject.__)('Manage with live preview') + })] + })] + }) + }); } ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/sidebar/index.js - - -/** - * External dependencies - */ - /** * WordPress dependencies */ @@ -3094,15 +3277,16 @@ - const SIDEBAR_ACTIVE_BY_DEFAULT = external_wp_element_namespaceObject.Platform.select({ web: true, native: false }); -const BLOCK_INSPECTOR_IDENTIFIER = 'edit-widgets/block-inspector'; // Widget areas were one called block areas, so use 'edit-widgets/block-areas' +const BLOCK_INSPECTOR_IDENTIFIER = 'edit-widgets/block-inspector'; + +// Widget areas were one called block areas, so use 'edit-widgets/block-areas' // for backwards compatibility. - const WIDGET_AREAS_IDENTIFIER = 'edit-widgets/block-areas'; + /** * Internal dependencies */ @@ -3110,31 +3294,86 @@ -function ComplementaryAreaTab(_ref) { - let { - identifier, - label, - isActive - } = _ref; + +const { + Tabs +} = unlock(external_wp_components_namespaceObject.privateApis); +function SidebarHeader({ + selectedWidgetAreaBlock +}) { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Tabs.TabList, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.Tab, { + tabId: WIDGET_AREAS_IDENTIFIER, + children: selectedWidgetAreaBlock ? selectedWidgetAreaBlock.attributes.name : (0,external_wp_i18n_namespaceObject.__)('Widget Areas') + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.Tab, { + tabId: BLOCK_INSPECTOR_IDENTIFIER, + children: (0,external_wp_i18n_namespaceObject.__)('Block') + })] + }); +} +function SidebarContent({ + hasSelectedNonAreaBlock, + currentArea, + isGeneralSidebarOpen, + selectedWidgetAreaBlock +}) { const { enableComplementaryArea } = (0,external_wp_data_namespaceObject.useDispatch)(store); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - onClick: () => enableComplementaryArea(store_store.name, identifier), - className: classnames_default()('edit-widgets-sidebar__panel-tab', { - 'is-active': isActive + (0,external_wp_element_namespaceObject.useEffect)(() => { + if (hasSelectedNonAreaBlock && currentArea === WIDGET_AREAS_IDENTIFIER && isGeneralSidebarOpen) { + enableComplementaryArea('core/edit-widgets', BLOCK_INSPECTOR_IDENTIFIER); + } + if (!hasSelectedNonAreaBlock && currentArea === BLOCK_INSPECTOR_IDENTIFIER && isGeneralSidebarOpen) { + enableComplementaryArea('core/edit-widgets', WIDGET_AREAS_IDENTIFIER); + } + // We're intentionally leaving `currentArea` and `isGeneralSidebarOpen` + // out of the dep array because we want this effect to run based on + // block selection changes, not sidebar state changes. + // eslint-disable-next-line react-hooks/exhaustive-deps + }, [hasSelectedNonAreaBlock, enableComplementaryArea]); + const tabsContextValue = (0,external_wp_element_namespaceObject.useContext)(Tabs.Context); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(complementary_area, { + className: "edit-widgets-sidebar", + header: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.Context.Provider, { + value: tabsContextValue, + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SidebarHeader, { + selectedWidgetAreaBlock: selectedWidgetAreaBlock + }) }), - "aria-label": isActive ? // translators: %s: sidebar label e.g: "Widget Areas". - (0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('%s (selected)'), label) : label, - "data-label": label - }, label); + headerClassName: "edit-widgets-sidebar__panel-tabs" + /* translators: button label text should, if possible, be under 16 characters. */, + title: (0,external_wp_i18n_namespaceObject.__)('Settings'), + closeLabel: (0,external_wp_i18n_namespaceObject.__)('Close Settings'), + scope: "core/edit-widgets", + identifier: currentArea, + icon: (0,external_wp_i18n_namespaceObject.isRTL)() ? drawer_left : drawer_right, + isActiveByDefault: SIDEBAR_ACTIVE_BY_DEFAULT, + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Tabs.Context.Provider, { + value: tabsContextValue, + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.TabPanel, { + tabId: WIDGET_AREAS_IDENTIFIER, + focusable: false, + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WidgetAreas, { + selectedWidgetAreaId: selectedWidgetAreaBlock?.attributes.id + }) + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.TabPanel, { + tabId: BLOCK_INSPECTOR_IDENTIFIER, + focusable: false, + children: hasSelectedNonAreaBlock ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockInspector, {}) : + /*#__PURE__*/ + // Pretend that Widget Areas are part of the UI by not + // showing the Block Inspector when one is selected. + (0,external_ReactJSXRuntime_namespaceObject.jsx)("span", { + className: "block-editor-block-inspector__no-blocks", + children: (0,external_wp_i18n_namespaceObject.__)('No block selected.') + }) + })] + }) + }); } - function Sidebar() { const { - enableComplementaryArea - } = (0,external_wp_data_namespaceObject.useDispatch)(store); - const { currentArea, hasSelectedNonAreaBlock, isGeneralSidebarOpen, @@ -3151,7 +3390,6 @@ const selectedBlock = getSelectedBlock(); const activeArea = getActiveComplementaryArea(store_store.name); let currentSelection = activeArea; - if (!currentSelection) { if (selectedBlock) { currentSelection = BLOCK_INSPECTOR_IDENTIFIER; @@ -3159,9 +3397,7 @@ currentSelection = WIDGET_AREAS_IDENTIFIER; } } - let widgetAreaBlock; - if (selectedBlock) { if (selectedBlock.name === 'core/widget-area') { widgetAreaBlock = selectedBlock; @@ -3169,233 +3405,334 @@ widgetAreaBlock = getBlock(getBlockParentsByBlockName(selectedBlock.clientId, 'core/widget-area')[0]); } } - return { currentArea: currentSelection, hasSelectedNonAreaBlock: !!(selectedBlock && selectedBlock.name !== 'core/widget-area'), isGeneralSidebarOpen: !!activeArea, selectedWidgetAreaBlock: widgetAreaBlock }; - }, []); // currentArea, and isGeneralSidebarOpen are intentionally left out from the dependencies, - // because we want to run the effect when a block is selected/unselected and not when the sidebar state changes. - - (0,external_wp_element_namespaceObject.useEffect)(() => { - if (hasSelectedNonAreaBlock && currentArea === WIDGET_AREAS_IDENTIFIER && isGeneralSidebarOpen) { - enableComplementaryArea('core/edit-widgets', BLOCK_INSPECTOR_IDENTIFIER); - } - - if (!hasSelectedNonAreaBlock && currentArea === BLOCK_INSPECTOR_IDENTIFIER && isGeneralSidebarOpen) { - enableComplementaryArea('core/edit-widgets', WIDGET_AREAS_IDENTIFIER); + }, []); + const { + enableComplementaryArea + } = (0,external_wp_data_namespaceObject.useDispatch)(store); + + // `newSelectedTabId` could technically be falsey if no tab is selected (i.e. + // the initial render) or when we don't want a tab displayed (i.e. the + // sidebar is closed). These cases should both be covered by the `!!` check + // below, so we shouldn't need any additional falsey handling. + const onTabSelect = (0,external_wp_element_namespaceObject.useCallback)(newSelectedTabId => { + if (!!newSelectedTabId) { + enableComplementaryArea(store_store.name, newSelectedTabId); } - }, [hasSelectedNonAreaBlock, enableComplementaryArea]); - return (0,external_wp_element_namespaceObject.createElement)(complementary_area, { - className: "edit-widgets-sidebar", - header: (0,external_wp_element_namespaceObject.createElement)("ul", null, (0,external_wp_element_namespaceObject.createElement)("li", null, (0,external_wp_element_namespaceObject.createElement)(ComplementaryAreaTab, { - identifier: WIDGET_AREAS_IDENTIFIER, - label: selectedWidgetAreaBlock ? selectedWidgetAreaBlock.attributes.name : (0,external_wp_i18n_namespaceObject.__)('Widget Areas'), - isActive: currentArea === WIDGET_AREAS_IDENTIFIER - })), (0,external_wp_element_namespaceObject.createElement)("li", null, (0,external_wp_element_namespaceObject.createElement)(ComplementaryAreaTab, { - identifier: BLOCK_INSPECTOR_IDENTIFIER, - label: (0,external_wp_i18n_namespaceObject.__)('Block'), - isActive: currentArea === BLOCK_INSPECTOR_IDENTIFIER - }))), - headerClassName: "edit-widgets-sidebar__panel-tabs" - /* translators: button label text should, if possible, be under 16 characters. */ - , - title: (0,external_wp_i18n_namespaceObject.__)('Settings'), - closeLabel: (0,external_wp_i18n_namespaceObject.__)('Close settings'), - scope: "core/edit-widgets", - identifier: currentArea, - icon: library_cog, - isActiveByDefault: SIDEBAR_ACTIVE_BY_DEFAULT - }, currentArea === WIDGET_AREAS_IDENTIFIER && (0,external_wp_element_namespaceObject.createElement)(WidgetAreas, { - selectedWidgetAreaId: selectedWidgetAreaBlock === null || selectedWidgetAreaBlock === void 0 ? void 0 : selectedWidgetAreaBlock.attributes.id - }), currentArea === BLOCK_INSPECTOR_IDENTIFIER && (hasSelectedNonAreaBlock ? (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockInspector, null) : // Pretend that Widget Areas are part of the UI by not - // showing the Block Inspector when one is selected. - (0,external_wp_element_namespaceObject.createElement)("span", { - className: "block-editor-block-inspector__no-blocks" - }, (0,external_wp_i18n_namespaceObject.__)('No block selected.')))); + }, [enableComplementaryArea]); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs + // Due to how this component is controlled (via a value from the + // `interfaceStore`), when the sidebar closes the currently selected + // tab can't be found. This causes the component to continuously reset + // the selection to `null` in an infinite loop. Proactively setting + // the selected tab to `null` avoids that. + , { + selectedTabId: isGeneralSidebarOpen ? currentArea : null, + onSelect: onTabSelect, + selectOnMove: false, + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SidebarContent, { + hasSelectedNonAreaBlock: hasSelectedNonAreaBlock, + currentArea: currentArea, + isGeneralSidebarOpen: isGeneralSidebarOpen, + selectedWidgetAreaBlock: selectedWidgetAreaBlock + }) + }); } ;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/plus.js - - +/** + * WordPress dependencies + */ + + +const plus = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { + d: "M11 12.5V17.5H12.5V12.5H17.5V11H12.5V6H11V11H6V12.5H11Z" + }) +}); +/* harmony default export */ const library_plus = (plus); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/list-view.js +/** + * WordPress dependencies + */ + + +const listView = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { + viewBox: "0 0 24 24", + xmlns: "http://www.w3.org/2000/svg", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { + d: "M3 6h11v1.5H3V6Zm3.5 5.5h11V13h-11v-1.5ZM21 17H10v1.5h11V17Z" + }) +}); +/* harmony default export */ const list_view = (listView); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/undo.js +/** + * WordPress dependencies + */ + + +const undo = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { + d: "M18.3 11.7c-.6-.6-1.4-.9-2.3-.9H6.7l2.9-3.3-1.1-1-4.5 5L8.5 16l1-1-2.7-2.7H16c.5 0 .9.2 1.3.5 1 1 1 3.4 1 4.5v.3h1.5v-.2c0-1.5 0-4.3-1.5-5.7z" + }) +}); +/* harmony default export */ const library_undo = (undo); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/redo.js +/** + * WordPress dependencies + */ + + +const redo = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { + d: "M15.6 6.5l-1.1 1 2.9 3.3H8c-.9 0-1.7.3-2.3.9-1.4 1.5-1.4 4.2-1.4 5.6v.2h1.5v-.3c0-1.1 0-3.5 1-4.5.3-.3.7-.5 1.3-.5h9.2L14.5 15l1.1 1.1 4.6-4.6-4.6-5z" + }) +}); +/* harmony default export */ const library_redo = (redo); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/header/undo-redo/undo.js /** * WordPress dependencies */ -const plus = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z" -})); -/* harmony default export */ var library_plus = (plus); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/list-view.js - - + + + + + + + +function UndoButton(props, ref) { + const hasUndo = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_coreData_namespaceObject.store).hasUndo(), []); + const { + undo + } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { + ...props, + ref: ref, + icon: !(0,external_wp_i18n_namespaceObject.isRTL)() ? library_undo : library_redo, + label: (0,external_wp_i18n_namespaceObject.__)('Undo'), + shortcut: external_wp_keycodes_namespaceObject.displayShortcut.primary('z') + // If there are no undo levels we don't want to actually disable this + // button, because it will remove focus for keyboard users. + // See: https://github.com/WordPress/gutenberg/issues/3486 + , + "aria-disabled": !hasUndo, + onClick: hasUndo ? undo : undefined, + size: "compact" + }); +} +/* harmony default export */ const undo_redo_undo = ((0,external_wp_element_namespaceObject.forwardRef)(UndoButton)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/header/undo-redo/redo.js /** * WordPress dependencies */ -const listView = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - viewBox: "0 0 24 24", - xmlns: "http://www.w3.org/2000/svg" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M13.8 5.2H3v1.5h10.8V5.2zm-3.6 12v1.5H21v-1.5H10.2zm7.2-6H6.6v1.5h10.8v-1.5z" -})); -/* harmony default export */ var list_view = (listView); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/save-button/index.js - - + + + + + + + +function RedoButton(props, ref) { + const shortcut = (0,external_wp_keycodes_namespaceObject.isAppleOS)() ? external_wp_keycodes_namespaceObject.displayShortcut.primaryShift('z') : external_wp_keycodes_namespaceObject.displayShortcut.primary('y'); + const hasRedo = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_coreData_namespaceObject.store).hasRedo(), []); + const { + redo + } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { + ...props, + ref: ref, + icon: !(0,external_wp_i18n_namespaceObject.isRTL)() ? library_redo : library_undo, + label: (0,external_wp_i18n_namespaceObject.__)('Redo'), + shortcut: shortcut + // If there are no undo levels we don't want to actually disable this + // button, because it will remove focus for keyboard users. + // See: https://github.com/WordPress/gutenberg/issues/3486 + , + "aria-disabled": !hasRedo, + onClick: hasRedo ? redo : undefined, + size: "compact" + }); +} +/* harmony default export */ const undo_redo_redo = ((0,external_wp_element_namespaceObject.forwardRef)(RedoButton)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/header/document-tools/index.js /** * WordPress dependencies */ + + + + + /** * Internal dependencies */ + + + + +function DocumentTools() { + const isMediumViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium'); + const { + isInserterOpen, + isListViewOpen, + inserterSidebarToggleRef, + listViewToggleRef + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + isInserterOpened, + getInserterSidebarToggleRef, + isListViewOpened, + getListViewToggleRef + } = unlock(select(store_store)); + return { + isInserterOpen: isInserterOpened(), + isListViewOpen: isListViewOpened(), + inserterSidebarToggleRef: getInserterSidebarToggleRef(), + listViewToggleRef: getListViewToggleRef() + }; + }, []); + const { + setIsInserterOpened, + setIsListViewOpened + } = (0,external_wp_data_namespaceObject.useDispatch)(store_store); + const toggleListView = (0,external_wp_element_namespaceObject.useCallback)(() => setIsListViewOpened(!isListViewOpen), [setIsListViewOpened, isListViewOpen]); + const toggleInserterSidebar = (0,external_wp_element_namespaceObject.useCallback)(() => setIsInserterOpened(!isInserterOpen), [setIsInserterOpened, isInserterOpen]); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.NavigableToolbar, { + className: "edit-widgets-header-toolbar", + "aria-label": (0,external_wp_i18n_namespaceObject.__)('Document tools'), + variant: "unstyled", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarItem, { + ref: inserterSidebarToggleRef, + as: external_wp_components_namespaceObject.Button, + className: "edit-widgets-header-toolbar__inserter-toggle", + variant: "primary", + isPressed: isInserterOpen, + onMouseDown: event => { + event.preventDefault(); + }, + onClick: toggleInserterSidebar, + icon: library_plus + /* translators: button label text should, if possible, be under 16 + characters. */, + label: (0,external_wp_i18n_namespaceObject._x)('Toggle block inserter', 'Generic label for block inserter button'), + size: "compact" + }), isMediumViewport && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarItem, { + as: undo_redo_undo + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarItem, { + as: undo_redo_redo + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ToolbarItem, { + as: external_wp_components_namespaceObject.Button, + className: "edit-widgets-header-toolbar__list-view-toggle", + icon: list_view, + isPressed: isListViewOpen + /* translators: button label text should, if possible, be under 16 characters. */, + label: (0,external_wp_i18n_namespaceObject.__)('List View'), + onClick: toggleListView, + ref: listViewToggleRef, + size: "compact" + })] + })] + }); +} +/* harmony default export */ const document_tools = (DocumentTools); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/save-button/index.js +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + function SaveButton() { const { hasEditedWidgetAreaIds, isSaving } = (0,external_wp_data_namespaceObject.useSelect)(select => { - var _getEditedWidgetAreas; - const { getEditedWidgetAreas, isSavingWidgetAreas } = select(store_store); return { - hasEditedWidgetAreaIds: ((_getEditedWidgetAreas = getEditedWidgetAreas()) === null || _getEditedWidgetAreas === void 0 ? void 0 : _getEditedWidgetAreas.length) > 0, + hasEditedWidgetAreaIds: getEditedWidgetAreas()?.length > 0, isSaving: isSavingWidgetAreas() }; }, []); const { saveEditedWidgetAreas } = (0,external_wp_data_namespaceObject.useDispatch)(store_store); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + const isDisabled = isSaving || !hasEditedWidgetAreaIds; + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { variant: "primary", isBusy: isSaving, - "aria-disabled": isSaving, - onClick: isSaving ? undefined : saveEditedWidgetAreas, - disabled: !hasEditedWidgetAreaIds - }, isSaving ? (0,external_wp_i18n_namespaceObject.__)('Saving…') : (0,external_wp_i18n_namespaceObject.__)('Update')); + "aria-disabled": isDisabled, + onClick: isDisabled ? undefined : saveEditedWidgetAreas, + size: "compact", + children: isSaving ? (0,external_wp_i18n_namespaceObject.__)('Saving…') : (0,external_wp_i18n_namespaceObject.__)('Update') + }); } - -/* harmony default export */ var save_button = (SaveButton); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/undo.js - - -/** - * WordPress dependencies - */ - -const undo = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M18.3 11.7c-.6-.6-1.4-.9-2.3-.9H6.7l2.9-3.3-1.1-1-4.5 5L8.5 16l1-1-2.7-2.7H16c.5 0 .9.2 1.3.5 1 1 1 3.4 1 4.5v.3h1.5v-.2c0-1.5 0-4.3-1.5-5.7z" -})); -/* harmony default export */ var library_undo = (undo); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/redo.js - - -/** - * WordPress dependencies - */ - -const redo = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M15.6 6.5l-1.1 1 2.9 3.3H8c-.9 0-1.7.3-2.3.9-1.4 1.5-1.4 4.2-1.4 5.6v.2h1.5v-.3c0-1.1 0-3.5 1-4.5.3-.3.7-.5 1.3-.5h9.2L14.5 15l1.1 1.1 4.6-4.6-4.6-5z" -})); -/* harmony default export */ var library_redo = (redo); - -;// CONCATENATED MODULE: external ["wp","keycodes"] -var external_wp_keycodes_namespaceObject = window["wp"]["keycodes"]; -;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/header/undo-redo/undo.js - - +/* harmony default export */ const save_button = (SaveButton); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/more-vertical.js /** * WordPress dependencies */ - - - - -function UndoButton() { - const hasUndo = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_coreData_namespaceObject.store).hasUndo(), []); - const { - undo - } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - icon: !(0,external_wp_i18n_namespaceObject.isRTL)() ? library_undo : library_redo, - label: (0,external_wp_i18n_namespaceObject.__)('Undo'), - shortcut: external_wp_keycodes_namespaceObject.displayShortcut.primary('z') // If there are no undo levels we don't want to actually disable this - // button, because it will remove focus for keyboard users. - // See: https://github.com/WordPress/gutenberg/issues/3486 - , - "aria-disabled": !hasUndo, - onClick: hasUndo ? undo : undefined - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/header/undo-redo/redo.js - - +const moreVertical = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { + d: "M13 19h-2v-2h2v2zm0-6h-2v-2h2v2zm0-6h-2V5h2v2z" + }) +}); +/* harmony default export */ const more_vertical = (moreVertical); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/external.js /** * WordPress dependencies */ - - - - -function RedoButton() { - const hasRedo = (0,external_wp_data_namespaceObject.useSelect)(select => select(external_wp_coreData_namespaceObject.store).hasRedo(), []); - const { - redo - } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarButton, { - icon: !(0,external_wp_i18n_namespaceObject.isRTL)() ? library_redo : library_undo, - label: (0,external_wp_i18n_namespaceObject.__)('Redo'), - shortcut: external_wp_keycodes_namespaceObject.displayShortcut.primaryShift('z') // If there are no undo levels we don't want to actually disable this - // button, because it will remove focus for keyboard users. - // See: https://github.com/WordPress/gutenberg/issues/3486 - , - "aria-disabled": !hasRedo, - onClick: hasRedo ? redo : undefined - }); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/external.js - - -/** - * WordPress dependencies - */ - -const external = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { +const external = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M18.2 17c0 .7-.6 1.2-1.2 1.2H7c-.7 0-1.2-.6-1.2-1.2V7c0-.7.6-1.2 1.2-1.2h3.2V4.2H7C5.5 4.2 4.2 5.5 4.2 7v10c0 1.5 1.2 2.8 2.8 2.8h10c1.5 0 2.8-1.2 2.8-2.8v-3.6h-1.5V17zM14.9 3v1.5h3.7l-6.4 6.4 1.1 1.1 6.4-6.4v3.7h1.5V3h-6.3z" -})); -/* harmony default export */ var library_external = (external); + viewBox: "0 0 24 24", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { + d: "M19.5 4.5h-7V6h4.44l-5.97 5.97 1.06 1.06L18 7.06v4.44h1.5v-7Zm-13 1a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2v-3H17v3a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h3V5.5h-3Z" + }) +}); +/* harmony default export */ const library_external = (external); ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/keyboard-shortcut-help-modal/config.js /** @@ -3428,19 +3765,52 @@ description: (0,external_wp_i18n_namespaceObject.__)('Remove a link.') }, { keyCombination: { + character: '[[' + }, + description: (0,external_wp_i18n_namespaceObject.__)('Insert a link to a post or page.') +}, { + keyCombination: { modifier: 'primary', character: 'u' }, description: (0,external_wp_i18n_namespaceObject.__)('Underline the selected text.') +}, { + keyCombination: { + modifier: 'access', + character: 'd' + }, + description: (0,external_wp_i18n_namespaceObject.__)('Strikethrough the selected text.') +}, { + keyCombination: { + modifier: 'access', + character: 'x' + }, + description: (0,external_wp_i18n_namespaceObject.__)('Make the selected text inline code.') +}, { + keyCombination: { + modifier: 'access', + character: '0' + }, + aliases: [{ + modifier: 'access', + character: '7' + }], + description: (0,external_wp_i18n_namespaceObject.__)('Convert the current heading to a paragraph.') +}, { + keyCombination: { + modifier: 'access', + character: '1-6' + }, + description: (0,external_wp_i18n_namespaceObject.__)('Convert the current paragraph or heading to a heading of level 1 to 6.') +}, { + keyCombination: { + modifier: 'primaryShift', + character: 'SPACE' + }, + description: (0,external_wp_i18n_namespaceObject.__)('Add non breaking space.') }]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/keyboard-shortcut-help-modal/shortcut.js - - -/** - * External dependencies - */ - /** * WordPress dependencies */ @@ -3448,71 +3818,69 @@ -function KeyCombination(_ref) { - let { - keyCombination, - forceAriaLabel - } = _ref; + +function KeyCombination({ + keyCombination, + forceAriaLabel +}) { const shortcut = keyCombination.modifier ? external_wp_keycodes_namespaceObject.displayShortcutList[keyCombination.modifier](keyCombination.character) : keyCombination.character; const ariaLabel = keyCombination.modifier ? external_wp_keycodes_namespaceObject.shortcutAriaLabel[keyCombination.modifier](keyCombination.character) : keyCombination.character; - return (0,external_wp_element_namespaceObject.createElement)("kbd", { + const shortcuts = Array.isArray(shortcut) ? shortcut : [shortcut]; + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("kbd", { className: "edit-widgets-keyboard-shortcut-help-modal__shortcut-key-combination", - "aria-label": forceAriaLabel || ariaLabel - }, (0,external_lodash_namespaceObject.castArray)(shortcut).map((character, index) => { - if (character === '+') { - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, { - key: index - }, character); - } - - return (0,external_wp_element_namespaceObject.createElement)("kbd", { - key: index, - className: "edit-widgets-keyboard-shortcut-help-modal__shortcut-key" - }, character); - })); + "aria-label": forceAriaLabel || ariaLabel, + children: shortcuts.map((character, index) => { + if (character === '+') { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_element_namespaceObject.Fragment, { + children: character + }, index); + } + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("kbd", { + className: "edit-widgets-keyboard-shortcut-help-modal__shortcut-key", + children: character + }, index); + }) + }); } - -function Shortcut(_ref2) { - let { - description, - keyCombination, - aliases = [], - ariaLabel - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "edit-widgets-keyboard-shortcut-help-modal__shortcut-description" - }, description), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "edit-widgets-keyboard-shortcut-help-modal__shortcut-term" - }, (0,external_wp_element_namespaceObject.createElement)(KeyCombination, { - keyCombination: keyCombination, - forceAriaLabel: ariaLabel - }), aliases.map((alias, index) => (0,external_wp_element_namespaceObject.createElement)(KeyCombination, { - keyCombination: alias, - forceAriaLabel: ariaLabel, - key: index - })))); +function Shortcut({ + description, + keyCombination, + aliases = [], + ariaLabel +}) { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { + className: "edit-widgets-keyboard-shortcut-help-modal__shortcut-description", + children: description + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + className: "edit-widgets-keyboard-shortcut-help-modal__shortcut-term", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(KeyCombination, { + keyCombination: keyCombination, + forceAriaLabel: ariaLabel + }), aliases.map((alias, index) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(KeyCombination, { + keyCombination: alias, + forceAriaLabel: ariaLabel + }, index))] + })] + }); } - -/* harmony default export */ var keyboard_shortcut_help_modal_shortcut = (Shortcut); +/* harmony default export */ const keyboard_shortcut_help_modal_shortcut = (Shortcut); ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/keyboard-shortcut-help-modal/dynamic-shortcut.js - - /** * WordPress dependencies */ + /** * Internal dependencies */ - -function DynamicShortcut(_ref) { - let { - name - } = _ref; +function DynamicShortcut({ + name +}) { const { keyCombination, description, @@ -3529,23 +3897,18 @@ description: getShortcutDescription(name) }; }, [name]); - if (!keyCombination) { return null; } - - return (0,external_wp_element_namespaceObject.createElement)(keyboard_shortcut_help_modal_shortcut, { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(keyboard_shortcut_help_modal_shortcut, { keyCombination: keyCombination, description: description, aliases: aliases }); } - -/* harmony default export */ var dynamic_shortcut = (DynamicShortcut); +/* harmony default export */ const dynamic_shortcut = (DynamicShortcut); ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/keyboard-shortcut-help-modal/index.js - - /** * External dependencies */ @@ -3567,113 +3930,99 @@ -const ShortcutList = _ref => { - let { - shortcuts - } = _ref; - return ( - /* - * Disable reason: The `list` ARIA role is redundant but - * Safari+VoiceOver won't announce the list otherwise. - */ - - /* eslint-disable jsx-a11y/no-redundant-roles */ - (0,external_wp_element_namespaceObject.createElement)("ul", { - className: "edit-widgets-keyboard-shortcut-help-modal__shortcut-list", - role: "list" - }, shortcuts.map((shortcut, index) => (0,external_wp_element_namespaceObject.createElement)("li", { - className: "edit-widgets-keyboard-shortcut-help-modal__shortcut", - key: index - }, (0,external_lodash_namespaceObject.isString)(shortcut) ? (0,external_wp_element_namespaceObject.createElement)(dynamic_shortcut, { +const ShortcutList = ({ + shortcuts +}) => +/*#__PURE__*/ +/* + * Disable reason: The `list` ARIA role is redundant but + * Safari+VoiceOver won't announce the list otherwise. + */ +/* eslint-disable jsx-a11y/no-redundant-roles */ +(0,external_ReactJSXRuntime_namespaceObject.jsx)("ul", { + className: "edit-widgets-keyboard-shortcut-help-modal__shortcut-list", + role: "list", + children: shortcuts.map((shortcut, index) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("li", { + className: "edit-widgets-keyboard-shortcut-help-modal__shortcut", + children: typeof shortcut === 'string' ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(dynamic_shortcut, { name: shortcut - }) : (0,external_wp_element_namespaceObject.createElement)(keyboard_shortcut_help_modal_shortcut, shortcut)))) - /* eslint-enable jsx-a11y/no-redundant-roles */ - - ); -}; - -const ShortcutSection = _ref2 => { - let { - title, - shortcuts, - className - } = _ref2; - return (0,external_wp_element_namespaceObject.createElement)("section", { - className: classnames_default()('edit-widgets-keyboard-shortcut-help-modal__section', className) - }, !!title && (0,external_wp_element_namespaceObject.createElement)("h2", { - className: "edit-widgets-keyboard-shortcut-help-modal__section-title" - }, title), (0,external_wp_element_namespaceObject.createElement)(ShortcutList, { + }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(keyboard_shortcut_help_modal_shortcut, { + ...shortcut + }) + }, index)) +}) +/* eslint-enable jsx-a11y/no-redundant-roles */; +const ShortcutSection = ({ + title, + shortcuts, + className +}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("section", { + className: dist_clsx('edit-widgets-keyboard-shortcut-help-modal__section', className), + children: [!!title && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h2", { + className: "edit-widgets-keyboard-shortcut-help-modal__section-title", + children: title + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutList, { shortcuts: shortcuts - })); -}; - -const ShortcutCategorySection = _ref3 => { - let { - title, - categoryName, - additionalShortcuts = [] - } = _ref3; + })] +}); +const ShortcutCategorySection = ({ + title, + categoryName, + additionalShortcuts = [] +}) => { const categoryShortcuts = (0,external_wp_data_namespaceObject.useSelect)(select => { return select(external_wp_keyboardShortcuts_namespaceObject.store).getCategoryShortcuts(categoryName); }, [categoryName]); - return (0,external_wp_element_namespaceObject.createElement)(ShortcutSection, { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutSection, { title: title, shortcuts: categoryShortcuts.concat(additionalShortcuts) }); }; - -function KeyboardShortcutHelpModal(_ref4) { - let { - isModalActive, - toggleModal - } = _ref4; +function KeyboardShortcutHelpModal({ + isModalActive, + toggleModal +}) { (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/edit-widgets/keyboard-shortcuts', toggleModal, { bindGlobal: true }); - if (!isModalActive) { return null; } - - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Modal, { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.Modal, { className: "edit-widgets-keyboard-shortcut-help-modal", title: (0,external_wp_i18n_namespaceObject.__)('Keyboard shortcuts'), - closeLabel: (0,external_wp_i18n_namespaceObject.__)('Close'), - onRequestClose: toggleModal - }, (0,external_wp_element_namespaceObject.createElement)(ShortcutSection, { - className: "edit-widgets-keyboard-shortcut-help-modal__main-shortcuts", - shortcuts: ['core/edit-widgets/keyboard-shortcuts'] - }), (0,external_wp_element_namespaceObject.createElement)(ShortcutCategorySection, { - title: (0,external_wp_i18n_namespaceObject.__)('Global shortcuts'), - categoryName: "global" - }), (0,external_wp_element_namespaceObject.createElement)(ShortcutCategorySection, { - title: (0,external_wp_i18n_namespaceObject.__)('Selection shortcuts'), - categoryName: "selection" - }), (0,external_wp_element_namespaceObject.createElement)(ShortcutCategorySection, { - title: (0,external_wp_i18n_namespaceObject.__)('Block shortcuts'), - categoryName: "block", - additionalShortcuts: [{ - keyCombination: { - character: '/' - }, - description: (0,external_wp_i18n_namespaceObject.__)('Change the block type after adding a new paragraph.'), - - /* translators: The forward-slash character. e.g. '/'. */ - ariaLabel: (0,external_wp_i18n_namespaceObject.__)('Forward-slash') - }] - }), (0,external_wp_element_namespaceObject.createElement)(ShortcutSection, { - title: (0,external_wp_i18n_namespaceObject.__)('Text formatting'), - shortcuts: textFormattingShortcuts - })); + onRequestClose: toggleModal, + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutSection, { + className: "edit-widgets-keyboard-shortcut-help-modal__main-shortcuts", + shortcuts: ['core/edit-widgets/keyboard-shortcuts'] + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutCategorySection, { + title: (0,external_wp_i18n_namespaceObject.__)('Global shortcuts'), + categoryName: "global" + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutCategorySection, { + title: (0,external_wp_i18n_namespaceObject.__)('Selection shortcuts'), + categoryName: "selection" + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutCategorySection, { + title: (0,external_wp_i18n_namespaceObject.__)('Block shortcuts'), + categoryName: "block", + additionalShortcuts: [{ + keyCombination: { + character: '/' + }, + description: (0,external_wp_i18n_namespaceObject.__)('Change the block type after adding a new paragraph.'), + /* translators: The forward-slash character. e.g. '/'. */ + ariaLabel: (0,external_wp_i18n_namespaceObject.__)('Forward-slash') + }] + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutSection, { + title: (0,external_wp_i18n_namespaceObject.__)('Text formatting'), + shortcuts: textFormattingShortcuts + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ShortcutCategorySection, { + title: (0,external_wp_i18n_namespaceObject.__)('List View shortcuts'), + categoryName: "list-view" + })] + }); } ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/more-menu/tools-more-menu-group.js - - -/** - * External dependencies - */ - /** * WordPress dependencies */ @@ -3683,21 +4032,15 @@ Fill: ToolsMoreMenuGroup, Slot } = (0,external_wp_components_namespaceObject.createSlotFill)('EditWidgetsToolsMoreMenuGroup'); - -ToolsMoreMenuGroup.Slot = _ref => { - let { - fillProps - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)(Slot, { - fillProps: fillProps - }, fills => !(0,external_lodash_namespaceObject.isEmpty)(fills) && fills); -}; - -/* harmony default export */ var tools_more_menu_group = (ToolsMoreMenuGroup); +ToolsMoreMenuGroup.Slot = ({ + fillProps +}) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Slot, { + fillProps: fillProps, + children: fills => fills.length > 0 && fills +}); +/* harmony default export */ const tools_more_menu_group = (ToolsMoreMenuGroup); ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/more-menu/index.js - - /** * WordPress dependencies */ @@ -3716,77 +4059,327 @@ + + function MoreMenu() { const [isKeyboardShortcutsModalActive, setIsKeyboardShortcutsModalVisible] = (0,external_wp_element_namespaceObject.useState)(false); - const toggleKeyboardShortcutsModal = () => setIsKeyboardShortcutsModalVisible(!isKeyboardShortcutsModalActive); - (0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/edit-widgets/keyboard-shortcuts', toggleKeyboardShortcutsModal); const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium'); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(MoreMenuDropdown, null, onClose => (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, isLargeViewport && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { - label: (0,external_wp_i18n_namespaceObject._x)('View', 'noun') - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { - scope: "core/edit-widgets", - name: "fixedToolbar", - label: (0,external_wp_i18n_namespaceObject.__)('Top toolbar'), - info: (0,external_wp_i18n_namespaceObject.__)('Access all block and document tools in a single place'), - messageActivated: (0,external_wp_i18n_namespaceObject.__)('Top toolbar activated'), - messageDeactivated: (0,external_wp_i18n_namespaceObject.__)('Top toolbar deactivated') - })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { - label: (0,external_wp_i18n_namespaceObject.__)('Tools') - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - onClick: () => { - setIsKeyboardShortcutsModalVisible(true); - }, - shortcut: external_wp_keycodes_namespaceObject.displayShortcut.access('h') - }, (0,external_wp_i18n_namespaceObject.__)('Keyboard shortcuts')), (0,external_wp_element_namespaceObject.createElement)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { - scope: "core/edit-widgets", - name: "welcomeGuide", - label: (0,external_wp_i18n_namespaceObject.__)('Welcome Guide') - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuItem, { - role: "menuitem", - icon: library_external, - href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/support/article/block-based-widgets-editor/'), - target: "_blank", - rel: "noopener noreferrer" - }, (0,external_wp_i18n_namespaceObject.__)('Help'), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { - as: "span" - }, - /* translators: accessibility text */ - (0,external_wp_i18n_namespaceObject.__)('(opens in a new tab)'))), (0,external_wp_element_namespaceObject.createElement)(tools_more_menu_group.Slot, { - fillProps: { - onClose - } - })), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.MenuGroup, { - label: (0,external_wp_i18n_namespaceObject.__)('Preferences') - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { - scope: "core/edit-widgets", - name: "keepCaretInsideBlock", - label: (0,external_wp_i18n_namespaceObject.__)('Contain text cursor inside block'), - info: (0,external_wp_i18n_namespaceObject.__)('Aids screen readers by stopping text caret from leaving blocks.'), - messageActivated: (0,external_wp_i18n_namespaceObject.__)('Contain text cursor inside block activated'), - messageDeactivated: (0,external_wp_i18n_namespaceObject.__)('Contain text cursor inside block deactivated') - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { - scope: "core/edit-widgets", - name: "themeStyles", - info: (0,external_wp_i18n_namespaceObject.__)('Make the editor look like your theme.'), - label: (0,external_wp_i18n_namespaceObject.__)('Use theme styles') - }), isLargeViewport && (0,external_wp_element_namespaceObject.createElement)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { - scope: "core/edit-widgets", - name: "showBlockBreadcrumbs", - label: (0,external_wp_i18n_namespaceObject.__)('Display block breadcrumbs'), - info: (0,external_wp_i18n_namespaceObject.__)('Shows block breadcrumbs at the bottom of the editor.'), - messageActivated: (0,external_wp_i18n_namespaceObject.__)('Display block breadcrumbs activated'), - messageDeactivated: (0,external_wp_i18n_namespaceObject.__)('Display block breadcrumbs deactivated') - })))), (0,external_wp_element_namespaceObject.createElement)(KeyboardShortcutHelpModal, { - isModalActive: isKeyboardShortcutsModalActive, - toggleModal: toggleKeyboardShortcutsModal - })); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.DropdownMenu, { + icon: more_vertical, + label: (0,external_wp_i18n_namespaceObject.__)('Options'), + popoverProps: { + placement: 'bottom-end', + className: 'more-menu-dropdown__content' + }, + toggleProps: { + tooltipPosition: 'bottom', + size: 'compact' + }, + children: onClose => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [isLargeViewport && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuGroup, { + label: (0,external_wp_i18n_namespaceObject._x)('View', 'noun'), + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { + scope: "core/edit-widgets", + name: "fixedToolbar", + label: (0,external_wp_i18n_namespaceObject.__)('Top toolbar'), + info: (0,external_wp_i18n_namespaceObject.__)('Access all block and document tools in a single place'), + messageActivated: (0,external_wp_i18n_namespaceObject.__)('Top toolbar activated'), + messageDeactivated: (0,external_wp_i18n_namespaceObject.__)('Top toolbar deactivated') + }) + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.MenuGroup, { + label: (0,external_wp_i18n_namespaceObject.__)('Tools'), + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.MenuItem, { + onClick: () => { + setIsKeyboardShortcutsModalVisible(true); + }, + shortcut: external_wp_keycodes_namespaceObject.displayShortcut.access('h'), + children: (0,external_wp_i18n_namespaceObject.__)('Keyboard shortcuts') + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { + scope: "core/edit-widgets", + name: "welcomeGuide", + label: (0,external_wp_i18n_namespaceObject.__)('Welcome Guide') + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.MenuItem, { + role: "menuitem", + icon: library_external, + href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/documentation/article/block-based-widgets-editor/'), + target: "_blank", + rel: "noopener noreferrer", + children: [(0,external_wp_i18n_namespaceObject.__)('Help'), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, { + as: "span", + children: /* translators: accessibility text */ + (0,external_wp_i18n_namespaceObject.__)('(opens in a new tab)') + })] + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(tools_more_menu_group.Slot, { + fillProps: { + onClose + } + })] + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.MenuGroup, { + label: (0,external_wp_i18n_namespaceObject.__)('Preferences'), + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { + scope: "core/edit-widgets", + name: "keepCaretInsideBlock", + label: (0,external_wp_i18n_namespaceObject.__)('Contain text cursor inside block'), + info: (0,external_wp_i18n_namespaceObject.__)('Aids screen readers by stopping text caret from leaving blocks.'), + messageActivated: (0,external_wp_i18n_namespaceObject.__)('Contain text cursor inside block activated'), + messageDeactivated: (0,external_wp_i18n_namespaceObject.__)('Contain text cursor inside block deactivated') + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { + scope: "core/edit-widgets", + name: "themeStyles", + info: (0,external_wp_i18n_namespaceObject.__)('Make the editor look like your theme.'), + label: (0,external_wp_i18n_namespaceObject.__)('Use theme styles') + }), isLargeViewport && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_preferences_namespaceObject.PreferenceToggleMenuItem, { + scope: "core/edit-widgets", + name: "showBlockBreadcrumbs", + label: (0,external_wp_i18n_namespaceObject.__)('Display block breadcrumbs'), + info: (0,external_wp_i18n_namespaceObject.__)('Shows block breadcrumbs at the bottom of the editor.'), + messageActivated: (0,external_wp_i18n_namespaceObject.__)('Display block breadcrumbs activated'), + messageDeactivated: (0,external_wp_i18n_namespaceObject.__)('Display block breadcrumbs deactivated') + })] + })] + }) + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(KeyboardShortcutHelpModal, { + isModalActive: isKeyboardShortcutsModalActive, + toggleModal: toggleKeyboardShortcutsModal + })] + }); } ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/header/index.js - - +/** + * WordPress dependencies + */ + + + + + + + + + +/** + * Internal dependencies + */ + + + + + + +function Header() { + const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium'); + const blockToolbarRef = (0,external_wp_element_namespaceObject.useRef)(); + const { + hasFixedToolbar + } = (0,external_wp_data_namespaceObject.useSelect)(select => ({ + hasFixedToolbar: !!select(external_wp_preferences_namespaceObject.store).get('core/edit-widgets', 'fixedToolbar') + }), []); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + className: "edit-widgets-header", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + className: "edit-widgets-header__navigable-toolbar-wrapper", + children: [isLargeViewport && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h1", { + className: "edit-widgets-header__title", + children: (0,external_wp_i18n_namespaceObject.__)('Widgets') + }), !isLargeViewport && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.VisuallyHidden, { + as: "h1", + className: "edit-widgets-header__title", + children: (0,external_wp_i18n_namespaceObject.__)('Widgets') + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(document_tools, {}), hasFixedToolbar && isLargeViewport && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { + className: "selected-block-tools-wrapper", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockToolbar, { + hideDragHandle: true + }) + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Popover.Slot, { + ref: blockToolbarRef, + name: "block-toolbar" + })] + })] + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + className: "edit-widgets-header__actions", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(save_button, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(pinned_items.Slot, { + scope: "core/edit-widgets" + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(MoreMenu, {})] + })] + }) + }); +} +/* harmony default export */ const header = (Header); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/notices/index.js +/** + * WordPress dependencies + */ + + + + +// Last three notices. Slices from the tail end of the list. + + + +const MAX_VISIBLE_NOTICES = -3; +function Notices() { + const { + removeNotice + } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store); + const { + notices + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + return { + notices: select(external_wp_notices_namespaceObject.store).getNotices() + }; + }, []); + const dismissibleNotices = notices.filter(({ + isDismissible, + type + }) => isDismissible && type === 'default'); + const nonDismissibleNotices = notices.filter(({ + isDismissible, + type + }) => !isDismissible && type === 'default'); + const snackbarNotices = notices.filter(({ + type + }) => type === 'snackbar').slice(MAX_VISIBLE_NOTICES); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.NoticeList, { + notices: nonDismissibleNotices, + className: "edit-widgets-notices__pinned" + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.NoticeList, { + notices: dismissibleNotices, + className: "edit-widgets-notices__dismissible", + onRemove: removeNotice + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SnackbarList, { + notices: snackbarNotices, + className: "edit-widgets-notices__snackbar", + onRemove: removeNotice + })] + }); +} +/* harmony default export */ const notices = (Notices); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/widget-areas-block-editor-content/index.js +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + +function WidgetAreasBlockEditorContent({ + blockEditorSettings +}) { + const hasThemeStyles = (0,external_wp_data_namespaceObject.useSelect)(select => !!select(external_wp_preferences_namespaceObject.store).get('core/edit-widgets', 'themeStyles'), []); + const isLargeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium'); + const styles = (0,external_wp_element_namespaceObject.useMemo)(() => { + return hasThemeStyles ? blockEditorSettings.styles : []; + }, [blockEditorSettings, hasThemeStyles]); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + className: "edit-widgets-block-editor", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(notices, {}), !isLargeViewport && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockToolbar, { + hideDragHandle: true + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.BlockTools, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(keyboard_shortcuts, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__unstableEditorStyles, { + styles: styles, + scope: ".editor-styles-wrapper" + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockSelectionClearer, { + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.WritingFlow, { + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockList, { + className: "edit-widgets-main-block-list" + }) + }) + })] + })] + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/close.js +/** + * WordPress dependencies + */ + + +const close_close = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "0 0 24 24", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, { + d: "M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z" + }) +}); +/* harmony default export */ const library_close = (close_close); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/hooks/use-widget-library-insertion-point.js +/** + * WordPress dependencies + */ + + + + +/** + * Internal dependencies + */ + + +const useWidgetLibraryInsertionPoint = () => { + const firstRootId = (0,external_wp_data_namespaceObject.useSelect)(select => { + // Default to the first widget area + const { + getEntityRecord + } = select(external_wp_coreData_namespaceObject.store); + const widgetAreasPost = getEntityRecord(KIND, POST_TYPE, buildWidgetAreasPostId()); + return widgetAreasPost?.blocks[0]?.clientId; + }, []); + return (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getBlockRootClientId, + getBlockSelectionEnd, + getBlockOrder, + getBlockIndex + } = select(external_wp_blockEditor_namespaceObject.store); + const insertionPoint = select(store_store).__experimentalGetInsertionPoint(); + + // "Browse all" in the quick inserter will set the rootClientId to the current block. + // Otherwise, it will just be undefined, and we'll have to handle it differently below. + if (insertionPoint.rootClientId) { + return insertionPoint; + } + const clientId = getBlockSelectionEnd() || firstRootId; + const rootClientId = getBlockRootClientId(clientId); + + // If the selected block is at the root level, it's a widget area and + // blocks can't be inserted here. Return this block as the root and the + // last child clientId indicating insertion at the end. + if (clientId && rootClientId === '') { + return { + rootClientId: clientId, + insertionIndex: getBlockOrder(clientId).length + }; + } + return { + rootClientId, + insertionIndex: getBlockIndex(clientId) + 1 + }; + }, [firstRootId]); +}; +/* harmony default export */ const use_widget_library_insertion_point = (useWidgetLibraryInsertionPoint); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/secondary-sidebar/inserter-sidebar.js /** * WordPress dependencies */ @@ -3805,287 +4398,6 @@ - - - - -function Header() { - const isMediumViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium'); - const inserterButton = (0,external_wp_element_namespaceObject.useRef)(); - const widgetAreaClientId = use_last_selected_widget_area(); - const isLastSelectedWidgetAreaOpen = (0,external_wp_data_namespaceObject.useSelect)(select => select(store_store).getIsWidgetAreaOpen(widgetAreaClientId), [widgetAreaClientId]); - const { - isInserterOpen, - isListViewOpen - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - isInserterOpened, - isListViewOpened - } = select(store_store); - return { - isInserterOpen: isInserterOpened(), - isListViewOpen: isListViewOpened() - }; - }, []); - const { - setIsWidgetAreaOpen, - setIsInserterOpened, - setIsListViewOpened - } = (0,external_wp_data_namespaceObject.useDispatch)(store_store); - const { - selectBlock - } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store); - - const handleClick = () => { - if (isInserterOpen) { - // Focusing the inserter button closes the inserter popover. - setIsInserterOpened(false); - } else { - if (!isLastSelectedWidgetAreaOpen) { - // Select the last selected block if hasn't already. - selectBlock(widgetAreaClientId); // Open the last selected widget area when opening the inserter. - - setIsWidgetAreaOpen(widgetAreaClientId, true); - } // The DOM updates resulting from selectBlock() and setIsInserterOpened() calls are applied the - // same tick and pretty much in a random order. The inserter is closed if any other part of the - // app receives focus. If selectBlock() happens to take effect after setIsInserterOpened() then - // the inserter is visible for a brief moment and then gets auto-closed due to focus moving to - // the selected block. - - - window.requestAnimationFrame(() => setIsInserterOpened(true)); - } - }; - - const toggleListView = (0,external_wp_element_namespaceObject.useCallback)(() => setIsListViewOpened(!isListViewOpen), [setIsListViewOpened, isListViewOpen]); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "edit-widgets-header" - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "edit-widgets-header__navigable-toolbar-wrapper" - }, isMediumViewport && (0,external_wp_element_namespaceObject.createElement)("h1", { - className: "edit-widgets-header__title" - }, (0,external_wp_i18n_namespaceObject.__)('Widgets')), !isMediumViewport && (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.VisuallyHidden, { - as: "h1", - className: "edit-widgets-header__title" - }, (0,external_wp_i18n_namespaceObject.__)('Widgets')), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.NavigableToolbar, { - className: "edit-widgets-header-toolbar", - "aria-label": (0,external_wp_i18n_namespaceObject.__)('Document tools') - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarItem, { - ref: inserterButton, - as: external_wp_components_namespaceObject.Button, - className: "edit-widgets-header-toolbar__inserter-toggle", - variant: "primary", - isPressed: isInserterOpen, - onMouseDown: event => { - event.preventDefault(); - }, - onClick: handleClick, - icon: library_plus - /* translators: button label text should, if possible, be under 16 - characters. */ - , - label: (0,external_wp_i18n_namespaceObject._x)('Toggle block inserter', 'Generic label for block inserter button') - }), isMediumViewport && (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(UndoButton, null), (0,external_wp_element_namespaceObject.createElement)(RedoButton, null), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ToolbarItem, { - as: external_wp_components_namespaceObject.Button, - className: "edit-widgets-header-toolbar__list-view-toggle", - icon: list_view, - isPressed: isListViewOpen - /* translators: button label text should, if possible, be under 16 characters. */ - , - label: (0,external_wp_i18n_namespaceObject.__)('List View'), - onClick: toggleListView - })))), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "edit-widgets-header__actions" - }, (0,external_wp_element_namespaceObject.createElement)(save_button, null), (0,external_wp_element_namespaceObject.createElement)(pinned_items.Slot, { - scope: "core/edit-widgets" - }), (0,external_wp_element_namespaceObject.createElement)(MoreMenu, null)))); -} - -/* harmony default export */ var header = (Header); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/notices/index.js - - -/** - * External dependencies - */ - -/** - * WordPress dependencies - */ - - - - - -function Notices() { - const { - removeNotice - } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store); - const { - notices - } = (0,external_wp_data_namespaceObject.useSelect)(select => { - return { - notices: select(external_wp_notices_namespaceObject.store).getNotices() - }; - }, []); - const dismissibleNotices = (0,external_lodash_namespaceObject.filter)(notices, { - isDismissible: true, - type: 'default' - }); - const nonDismissibleNotices = (0,external_lodash_namespaceObject.filter)(notices, { - isDismissible: false, - type: 'default' - }); - const snackbarNotices = (0,external_lodash_namespaceObject.filter)(notices, { - type: 'snackbar' - }); - return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.NoticeList, { - notices: nonDismissibleNotices, - className: "edit-widgets-notices__pinned" - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.NoticeList, { - notices: dismissibleNotices, - className: "edit-widgets-notices__dismissible", - onRemove: removeNotice - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SnackbarList, { - notices: snackbarNotices, - className: "edit-widgets-notices__snackbar", - onRemove: removeNotice - })); -} - -/* harmony default export */ var notices = (Notices); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/widget-areas-block-editor-content/index.js - - -/** - * WordPress dependencies - */ - - - - -/** - * Internal dependencies - */ - - - -function WidgetAreasBlockEditorContent(_ref) { - let { - blockEditorSettings - } = _ref; - const hasThemeStyles = (0,external_wp_data_namespaceObject.useSelect)(select => !!select(external_wp_preferences_namespaceObject.store).get('core/edit-widgets', 'themeStyles'), []); - const styles = (0,external_wp_element_namespaceObject.useMemo)(() => { - return hasThemeStyles ? blockEditorSettings.styles : []; - }, [blockEditorSettings, hasThemeStyles]); - return (0,external_wp_element_namespaceObject.createElement)("div", { - className: "edit-widgets-block-editor" - }, (0,external_wp_element_namespaceObject.createElement)(notices, null), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockTools, null, (0,external_wp_element_namespaceObject.createElement)(keyboard_shortcuts, null), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__unstableEditorStyles, { - styles: styles - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockSelectionClearer, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.WritingFlow, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.ObserveTyping, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockList, { - className: "edit-widgets-main-block-list" - })))))); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/close.js - - -/** - * WordPress dependencies - */ - -const close_close = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { - d: "M13 11.8l6.1-6.3-1-1-6.1 6.2-6.1-6.2-1 1 6.1 6.3-6.5 6.7 1 1 6.5-6.6 6.5 6.6 1-1z" -})); -/* harmony default export */ var library_close = (close_close); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/hooks/use-widget-library-insertion-point.js -/** - * WordPress dependencies - */ - - - -/** - * Internal dependencies - */ - - - - -const useWidgetLibraryInsertionPoint = () => { - const firstRootId = (0,external_wp_data_namespaceObject.useSelect)(select => { - var _widgetAreasPost$bloc; - - // Default to the first widget area - const { - getEntityRecord - } = select(external_wp_coreData_namespaceObject.store); - const widgetAreasPost = getEntityRecord(KIND, POST_TYPE, buildWidgetAreasPostId()); - return widgetAreasPost === null || widgetAreasPost === void 0 ? void 0 : (_widgetAreasPost$bloc = widgetAreasPost.blocks[0]) === null || _widgetAreasPost$bloc === void 0 ? void 0 : _widgetAreasPost$bloc.clientId; - }, []); - return (0,external_wp_data_namespaceObject.useSelect)(select => { - const { - getBlockRootClientId, - getBlockSelectionEnd, - getBlockOrder, - getBlockIndex - } = select(external_wp_blockEditor_namespaceObject.store); - - const insertionPoint = select(store_store).__experimentalGetInsertionPoint(); // "Browse all" in the quick inserter will set the rootClientId to the current block. - // Otherwise, it will just be undefined, and we'll have to handle it differently below. - - - if (insertionPoint.rootClientId) { - return insertionPoint; - } - - const clientId = getBlockSelectionEnd() || firstRootId; - const rootClientId = getBlockRootClientId(clientId); // If the selected block is at the root level, it's a widget area and - // blocks can't be inserted here. Return this block as the root and the - // last child clientId indicating insertion at the end. - - if (clientId && rootClientId === '') { - return { - rootClientId: clientId, - insertionIndex: getBlockOrder(clientId).length - }; - } - - return { - rootClientId, - insertionIndex: getBlockIndex(clientId) + 1 - }; - }, [firstRootId]); -}; - -/* harmony default export */ var use_widget_library_insertion_point = (useWidgetLibraryInsertionPoint); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/secondary-sidebar/inserter-sidebar.js - - - -/** - * WordPress dependencies - */ - - - - - - - -/** - * Internal dependencies - */ - - - function InserterSidebar() { const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<'); const { @@ -4101,36 +4413,34 @@ const TagName = !isMobileViewport ? external_wp_components_namespaceObject.VisuallyHidden : 'div'; const [inserterDialogRef, inserterDialogProps] = (0,external_wp_compose_namespaceObject.__experimentalUseDialog)({ onClose: closeInserter, - focusOnMount: null + focusOnMount: true }); const libraryRef = (0,external_wp_element_namespaceObject.useRef)(); - (0,external_wp_element_namespaceObject.useEffect)(() => { - libraryRef.current.focusSearch(); - }, []); - return (0,external_wp_element_namespaceObject.createElement)("div", _extends({ - ref: inserterDialogRef - }, inserterDialogProps, { - className: "edit-widgets-layout__inserter-panel" - }), (0,external_wp_element_namespaceObject.createElement)(TagName, { - className: "edit-widgets-layout__inserter-panel-header" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - icon: library_close, - onClick: closeInserter, - label: (0,external_wp_i18n_namespaceObject.__)('Close block inserter') - })), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "edit-widgets-layout__inserter-panel-content" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalLibrary, { - showInserterHelpPanel: true, - shouldFocusBlock: isMobileViewport, - rootClientId: rootClientId, - __experimentalInsertionIndex: insertionIndex, - ref: libraryRef - }))); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + ref: inserterDialogRef, + ...inserterDialogProps, + className: "edit-widgets-layout__inserter-panel", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(TagName, { + className: "edit-widgets-layout__inserter-panel-header", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { + icon: library_close, + onClick: closeInserter, + label: (0,external_wp_i18n_namespaceObject.__)('Close block inserter') + }) + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { + className: "edit-widgets-layout__inserter-panel-content", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalLibrary, { + showInserterHelpPanel: true, + shouldFocusBlock: isMobileViewport, + rootClientId: rootClientId, + __experimentalInsertionIndex: insertionIndex, + ref: libraryRef + }) + })] + }); } ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/secondary-sidebar/list-view-sidebar.js - - /** * WordPress dependencies */ @@ -4141,57 +4451,66 @@ + + /** * Internal dependencies */ + + function ListViewSidebar() { const { setIsListViewOpened } = (0,external_wp_data_namespaceObject.useDispatch)(store_store); + const { + getListViewToggleRef + } = unlock((0,external_wp_data_namespaceObject.useSelect)(store_store)); + + // Use internal state instead of a ref to make sure that the component + // re-renders when the dropZoneElement updates. + const [dropZoneElement, setDropZoneElement] = (0,external_wp_element_namespaceObject.useState)(null); const focusOnMountRef = (0,external_wp_compose_namespaceObject.useFocusOnMount)('firstElement'); - const headerFocusReturnRef = (0,external_wp_compose_namespaceObject.useFocusReturn)(); - const contentFocusReturnRef = (0,external_wp_compose_namespaceObject.useFocusReturn)(); - - function closeOnEscape(event) { + + // When closing the list view, focus should return to the toggle button. + const closeListView = (0,external_wp_element_namespaceObject.useCallback)(() => { + setIsListViewOpened(false); + getListViewToggleRef().current?.focus(); + }, [getListViewToggleRef, setIsListViewOpened]); + const closeOnEscape = (0,external_wp_element_namespaceObject.useCallback)(event => { if (event.keyCode === external_wp_keycodes_namespaceObject.ESCAPE && !event.defaultPrevented) { event.preventDefault(); - setIsListViewOpened(false); + closeListView(); } - } - - const instanceId = (0,external_wp_compose_namespaceObject.useInstanceId)(ListViewSidebar); - const labelId = `edit-widgets-editor__list-view-panel-label-${instanceId}`; - return (// eslint-disable-next-line jsx-a11y/no-static-element-interactions - (0,external_wp_element_namespaceObject.createElement)("div", { - "aria-labelledby": labelId, + }, [closeListView]); + return ( + /*#__PURE__*/ + // eslint-disable-next-line jsx-a11y/no-static-element-interactions + (0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { className: "edit-widgets-editor__list-view-panel", - onKeyDown: closeOnEscape - }, (0,external_wp_element_namespaceObject.createElement)("div", { - className: "edit-widgets-editor__list-view-panel-header", - ref: headerFocusReturnRef - }, (0,external_wp_element_namespaceObject.createElement)("strong", { - id: labelId - }, (0,external_wp_i18n_namespaceObject.__)('List View')), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { - icon: close_small, - label: (0,external_wp_i18n_namespaceObject.__)('Close List View Sidebar'), - onClick: () => setIsListViewOpened(false) - })), (0,external_wp_element_namespaceObject.createElement)("div", { - className: "edit-widgets-editor__list-view-panel-content", - ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([contentFocusReturnRef, focusOnMountRef]) - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalListView, { - showNestedBlocks: true, - __experimentalHideContainerBlockActions: true, - __experimentalFeatures: true, - __experimentalPersistentListViewFeatures: true - }))) + onKeyDown: closeOnEscape, + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("div", { + className: "edit-widgets-editor__list-view-panel-header", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("strong", { + children: (0,external_wp_i18n_namespaceObject.__)('List View') + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, { + icon: close_small, + label: (0,external_wp_i18n_namespaceObject.__)('Close'), + onClick: closeListView + })] + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { + className: "edit-widgets-editor__list-view-panel-content", + ref: (0,external_wp_compose_namespaceObject.useMergeRefs)([focusOnMountRef, setDropZoneElement]), + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalListView, { + dropZoneElement: dropZoneElement + }) + })] + }) ); } ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/secondary-sidebar/index.js - - /** * WordPress dependencies */ @@ -4221,21 +4540,16 @@ isListViewOpen: isListViewOpened() }; }, []); - if (isInserterOpen) { - return (0,external_wp_element_namespaceObject.createElement)(InserterSidebar, null); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(InserterSidebar, {}); } - if (isListViewOpen) { - return (0,external_wp_element_namespaceObject.createElement)(ListViewSidebar, null); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ListViewSidebar, {}); } - return null; } ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/layout/interface.js - - /** * WordPress dependencies */ @@ -4247,6 +4561,7 @@ + /** * Internal dependencies */ @@ -4255,24 +4570,20 @@ + const interfaceLabels = { /* translators: accessibility text for the widgets screen top bar landmark region. */ header: (0,external_wp_i18n_namespaceObject.__)('Widgets top bar'), - /* translators: accessibility text for the widgets screen content landmark region. */ body: (0,external_wp_i18n_namespaceObject.__)('Widgets and blocks'), - /* translators: accessibility text for the widgets screen settings landmark region. */ sidebar: (0,external_wp_i18n_namespaceObject.__)('Widgets settings'), - /* translators: accessibility text for the widgets screen footer landmark region. */ footer: (0,external_wp_i18n_namespaceObject.__)('Widgets footer') }; - -function Interface(_ref) { - let { - blockEditorSettings - } = _ref; +function Interface({ + blockEditorSettings +}) { const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<'); const isHugeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('huge', '>='); const { @@ -4294,8 +4605,9 @@ hasBlockBreadCrumbsEnabled: !!select(external_wp_preferences_namespaceObject.store).get('core/edit-widgets', 'showBlockBreadcrumbs'), previousShortcut: select(external_wp_keyboardShortcuts_namespaceObject.store).getAllShortcutKeyCombinations('core/edit-widgets/previous-region'), nextShortcut: select(external_wp_keyboardShortcuts_namespaceObject.store).getAllShortcutKeyCombinations('core/edit-widgets/next-region') - }), []); // Inserter and Sidebars are mutually exclusive - + }), []); + + // Inserter and Sidebars are mutually exclusive (0,external_wp_element_namespaceObject.useEffect)(() => { if (hasSidebarEnabled && !isHugeViewport) { setIsInserterOpened(false); @@ -4309,33 +4621,34 @@ }, [isInserterOpened, isListViewOpened, isHugeViewport]); const secondarySidebarLabel = isListViewOpened ? (0,external_wp_i18n_namespaceObject.__)('List View') : (0,external_wp_i18n_namespaceObject.__)('Block Library'); const hasSecondarySidebar = isListViewOpened || isInserterOpened; - return (0,external_wp_element_namespaceObject.createElement)(interface_skeleton, { - labels: { ...interfaceLabels, + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(interface_skeleton, { + labels: { + ...interfaceLabels, secondarySidebar: secondarySidebarLabel }, - header: (0,external_wp_element_namespaceObject.createElement)(header, null), - secondarySidebar: hasSecondarySidebar && (0,external_wp_element_namespaceObject.createElement)(SecondarySidebar, null), - sidebar: hasSidebarEnabled && (0,external_wp_element_namespaceObject.createElement)(complementary_area.Slot, { + header: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(header, {}), + secondarySidebar: hasSecondarySidebar && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(SecondarySidebar, {}), + sidebar: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(complementary_area.Slot, { scope: "core/edit-widgets" }), - content: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(WidgetAreasBlockEditorContent, { - blockEditorSettings: blockEditorSettings - }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockStyles.Slot, { - scope: "core/block-inspector" - })), - footer: hasBlockBreadCrumbsEnabled && !isMobileViewport && (0,external_wp_element_namespaceObject.createElement)("div", { - className: "edit-widgets-layout__footer" - }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.BlockBreadcrumb, { - rootLabelText: (0,external_wp_i18n_namespaceObject.__)('Widgets') - })), + content: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WidgetAreasBlockEditorContent, { + blockEditorSettings: blockEditorSettings + }) + }), + footer: hasBlockBreadCrumbsEnabled && !isMobileViewport && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { + className: "edit-widgets-layout__footer", + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.BlockBreadcrumb, { + rootLabelText: (0,external_wp_i18n_namespaceObject.__)('Widgets') + }) + }), shortcuts: { previous: previousShortcut, next: nextShortcut } }); } - -/* harmony default export */ var layout_interface = (Interface); +/* harmony default export */ const layout_interface = (Interface); ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/layout/unsaved-changes-warning.js /** @@ -4344,6 +4657,7 @@ + /** * Internal dependencies */ @@ -4355,16 +4669,15 @@ * This is a duplicate of the component implemented in the editor package. * Duplicated here as edit-widgets doesn't depend on editor. * - * @return {WPComponent} The component. + * @return {Component} The component. */ - function UnsavedChangesWarning() { const isDirty = (0,external_wp_data_namespaceObject.useSelect)(select => { const { getEditedWidgetAreas } = select(store_store); const editedWidgetAreas = getEditedWidgetAreas(); - return (editedWidgetAreas === null || editedWidgetAreas === void 0 ? void 0 : editedWidgetAreas.length) > 0; + return editedWidgetAreas?.length > 0; }, []); (0,external_wp_element_namespaceObject.useEffect)(() => { /** @@ -4372,7 +4685,7 @@ * * @param {Event} event `beforeunload` event. * - * @return {?string} Warning prompt message, if unsaved changes exist. + * @return {string | undefined} Warning prompt message, if unsaved changes exist. */ const warnIfUnsavedChanges = event => { if (isDirty) { @@ -4380,7 +4693,6 @@ return event.returnValue; } }; - window.addEventListener('beforeunload', warnIfUnsavedChanges); return () => { window.removeEventListener('beforeunload', warnIfUnsavedChanges); @@ -4390,8 +4702,145 @@ } ;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/welcome-guide/index.js - - +/** + * WordPress dependencies + */ + + + + + + +/** + * Internal dependencies + */ + + + + +function WelcomeGuide() { + var _widgetAreas$filter$l; + const isActive = (0,external_wp_data_namespaceObject.useSelect)(select => !!select(external_wp_preferences_namespaceObject.store).get('core/edit-widgets', 'welcomeGuide'), []); + const { + toggle + } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_preferences_namespaceObject.store); + const widgetAreas = (0,external_wp_data_namespaceObject.useSelect)(select => select(store_store).getWidgetAreas({ + per_page: -1 + }), []); + if (!isActive) { + return null; + } + const isEntirelyBlockWidgets = widgetAreas?.every(widgetArea => widgetArea.id === 'wp_inactive_widgets' || widgetArea.widgets.every(widgetId => widgetId.startsWith('block-'))); + const numWidgetAreas = (_widgetAreas$filter$l = widgetAreas?.filter(widgetArea => widgetArea.id !== 'wp_inactive_widgets').length) !== null && _widgetAreas$filter$l !== void 0 ? _widgetAreas$filter$l : 0; + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Guide, { + className: "edit-widgets-welcome-guide", + contentLabel: (0,external_wp_i18n_namespaceObject.__)('Welcome to block Widgets'), + finishButtonText: (0,external_wp_i18n_namespaceObject.__)('Get started'), + onFinish: () => toggle('core/edit-widgets', 'welcomeGuide'), + pages: [{ + image: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WelcomeGuideImage, { + nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-canvas.svg", + animatedSrc: "https://s.w.org/images/block-editor/welcome-canvas.gif" + }), + content: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h1", { + className: "edit-widgets-welcome-guide__heading", + children: (0,external_wp_i18n_namespaceObject.__)('Welcome to block Widgets') + }), isEntirelyBlockWidgets ? /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", { + className: "edit-widgets-welcome-guide__text", + children: (0,external_wp_i18n_namespaceObject.sprintf)( + // Translators: %s: Number of block areas in the current theme. + (0,external_wp_i18n_namespaceObject._n)('Your theme provides %s “block” area for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.', 'Your theme provides %s different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.', numWidgetAreas), numWidgetAreas) + }) + }) : /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", { + className: "edit-widgets-welcome-guide__text", + children: (0,external_wp_i18n_namespaceObject.__)('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.') + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("p", { + className: "edit-widgets-welcome-guide__text", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("strong", { + children: (0,external_wp_i18n_namespaceObject.__)('Want to stick with the old widgets?') + }), ' ', /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ExternalLink, { + href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/plugins/classic-widgets/'), + children: (0,external_wp_i18n_namespaceObject.__)('Get the Classic Widgets plugin.') + })] + })] + })] + }) + }, { + image: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WelcomeGuideImage, { + nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-editor.svg", + animatedSrc: "https://s.w.org/images/block-editor/welcome-editor.gif" + }), + content: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h1", { + className: "edit-widgets-welcome-guide__heading", + children: (0,external_wp_i18n_namespaceObject.__)('Make each block your own') + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", { + className: "edit-widgets-welcome-guide__text", + children: (0,external_wp_i18n_namespaceObject.__)('Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected.') + })] + }) + }, { + image: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WelcomeGuideImage, { + nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-library.svg", + animatedSrc: "https://s.w.org/images/block-editor/welcome-library.gif" + }), + content: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h1", { + className: "edit-widgets-welcome-guide__heading", + children: (0,external_wp_i18n_namespaceObject.__)('Get to know the block library') + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("p", { + className: "edit-widgets-welcome-guide__text", + children: (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('All of the blocks available to you live in the block library. You’ll find it wherever you see the icon.'), { + InserterIconImage: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", { + className: "edit-widgets-welcome-guide__inserter-icon", + alt: (0,external_wp_i18n_namespaceObject.__)('inserter'), + src: "data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A" + }) + }) + })] + }) + }, { + image: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WelcomeGuideImage, { + nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.svg", + animatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.gif" + }), + content: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, { + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("h1", { + className: "edit-widgets-welcome-guide__heading", + children: (0,external_wp_i18n_namespaceObject.__)('Learn how to use the block editor') + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("p", { + className: "edit-widgets-welcome-guide__text", + children: [(0,external_wp_i18n_namespaceObject.__)('New to the block editor? Want to learn more about using it? '), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.ExternalLink, { + href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/documentation/article/wordpress-block-editor/'), + children: (0,external_wp_i18n_namespaceObject.__)("Here's a detailed guide.") + })] + })] + }) + }] + }); +} +function WelcomeGuideImage({ + nonAnimatedSrc, + animatedSrc +}) { + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("picture", { + className: "edit-widgets-welcome-guide__image", + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("source", { + srcSet: nonAnimatedSrc, + media: "(prefers-reduced-motion: reduce)" + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("img", { + src: animatedSrc, + width: "312", + height: "240", + alt: "" + })] + }); +} + +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/layout/index.js /** * WordPress dependencies */ @@ -4405,108 +4854,36 @@ */ -function WelcomeGuide() { - var _widgetAreas$filter$l; - - const isActive = (0,external_wp_data_namespaceObject.useSelect)(select => !!select(external_wp_preferences_namespaceObject.store).get('core/edit-widgets', 'welcomeGuide'), []); + + + + + + +function Layout({ + blockEditorSettings +}) { const { - toggle - } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_preferences_namespaceObject.store); - const widgetAreas = (0,external_wp_data_namespaceObject.useSelect)(select => select(store_store).getWidgetAreas({ - per_page: -1 - }), []); - - if (!isActive) { - return null; + createErrorNotice + } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store); + function onPluginAreaError(name) { + createErrorNotice((0,external_wp_i18n_namespaceObject.sprintf)( /* translators: %s: plugin name */ + (0,external_wp_i18n_namespaceObject.__)('The "%s" plugin has encountered an error and cannot be rendered.'), name)); } - - const isEntirelyBlockWidgets = widgetAreas === null || widgetAreas === void 0 ? void 0 : widgetAreas.every(widgetArea => widgetArea.id === 'wp_inactive_widgets' || widgetArea.widgets.every(widgetId => widgetId.startsWith('block-'))); - const numWidgetAreas = (_widgetAreas$filter$l = widgetAreas === null || widgetAreas === void 0 ? void 0 : widgetAreas.filter(widgetArea => widgetArea.id !== 'wp_inactive_widgets').length) !== null && _widgetAreas$filter$l !== void 0 ? _widgetAreas$filter$l : 0; - return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Guide, { - className: "edit-widgets-welcome-guide", - contentLabel: (0,external_wp_i18n_namespaceObject.__)('Welcome to block Widgets'), - finishButtonText: (0,external_wp_i18n_namespaceObject.__)('Get started'), - onFinish: () => toggle('core/edit-widgets', 'welcomeGuide'), - pages: [{ - image: (0,external_wp_element_namespaceObject.createElement)(WelcomeGuideImage, { - nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-canvas.svg", - animatedSrc: "https://s.w.org/images/block-editor/welcome-canvas.gif" - }), - content: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("h1", { - className: "edit-widgets-welcome-guide__heading" - }, (0,external_wp_i18n_namespaceObject.__)('Welcome to block Widgets')), isEntirelyBlockWidgets ? (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("p", { - className: "edit-widgets-welcome-guide__text" - }, (0,external_wp_i18n_namespaceObject.sprintf)( // Translators: %s: Number of block areas in the current theme. - (0,external_wp_i18n_namespaceObject._n)('Your theme provides %s “block” area for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.', 'Your theme provides %s different “block” areas for you to add and edit content. Try adding a search bar, social icons, or other types of blocks here and see how they’ll look on your site.', numWidgetAreas), numWidgetAreas))) : (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("p", { - className: "edit-widgets-welcome-guide__text" - }, (0,external_wp_i18n_namespaceObject.__)('You can now add any block to your site’s widget areas. Don’t worry, all of your favorite widgets still work flawlessly.')), (0,external_wp_element_namespaceObject.createElement)("p", { - className: "edit-widgets-welcome-guide__text" - }, (0,external_wp_element_namespaceObject.createElement)("strong", null, (0,external_wp_i18n_namespaceObject.__)('Want to stick with the old widgets?')), ' ', (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, { - href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/plugins/classic-widgets/') - }, (0,external_wp_i18n_namespaceObject.__)('Get the Classic Widgets plugin.'))))) - }, { - image: (0,external_wp_element_namespaceObject.createElement)(WelcomeGuideImage, { - nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-editor.svg", - animatedSrc: "https://s.w.org/images/block-editor/welcome-editor.gif" - }), - content: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("h1", { - className: "edit-widgets-welcome-guide__heading" - }, (0,external_wp_i18n_namespaceObject.__)('Make each block your own')), (0,external_wp_element_namespaceObject.createElement)("p", { - className: "edit-widgets-welcome-guide__text" - }, (0,external_wp_i18n_namespaceObject.__)('Each block comes with its own set of controls for changing things like color, width, and alignment. These will show and hide automatically when you have a block selected.'))) - }, { - image: (0,external_wp_element_namespaceObject.createElement)(WelcomeGuideImage, { - nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-library.svg", - animatedSrc: "https://s.w.org/images/block-editor/welcome-library.gif" - }), - content: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("h1", { - className: "edit-widgets-welcome-guide__heading" - }, (0,external_wp_i18n_namespaceObject.__)('Get to know the block library')), (0,external_wp_element_namespaceObject.createElement)("p", { - className: "edit-widgets-welcome-guide__text" - }, (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.__)('All of the blocks available to you live in the block library. You’ll find it wherever you see the icon.'), { - InserterIconImage: (0,external_wp_element_namespaceObject.createElement)("img", { - className: "edit-widgets-welcome-guide__inserter-icon", - alt: (0,external_wp_i18n_namespaceObject.__)('inserter'), - src: "data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='18' height='18' rx='2' fill='%231E1E1E'/%3E%3Cpath d='M9.22727 4V14M4 8.77273H14' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A" - }) - }))) - }, { - image: (0,external_wp_element_namespaceObject.createElement)(WelcomeGuideImage, { - nonAnimatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.svg", - animatedSrc: "https://s.w.org/images/block-editor/welcome-documentation.gif" - }), - content: (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)("h1", { - className: "edit-widgets-welcome-guide__heading" - }, (0,external_wp_i18n_namespaceObject.__)('Learn how to use the block editor')), (0,external_wp_element_namespaceObject.createElement)("p", { - className: "edit-widgets-welcome-guide__text" - }, (0,external_wp_i18n_namespaceObject.__)('New to the block editor? Want to learn more about using it? '), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.ExternalLink, { - href: (0,external_wp_i18n_namespaceObject.__)('https://wordpress.org/support/article/wordpress-editor/') - }, (0,external_wp_i18n_namespaceObject.__)("Here's a detailed guide.")))) - }] + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ErrorBoundary, { + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(WidgetAreasBlockEditorProvider, { + blockEditorSettings: blockEditorSettings, + children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(layout_interface, { + blockEditorSettings: blockEditorSettings + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Sidebar, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_plugins_namespaceObject.PluginArea, { + onError: onPluginAreaError + }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(UnsavedChangesWarning, {}), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(WelcomeGuide, {})] + }) }); } - -function WelcomeGuideImage(_ref) { - let { - nonAnimatedSrc, - animatedSrc - } = _ref; - return (0,external_wp_element_namespaceObject.createElement)("picture", { - className: "edit-widgets-welcome-guide__image" - }, (0,external_wp_element_namespaceObject.createElement)("source", { - srcSet: nonAnimatedSrc, - media: "(prefers-reduced-motion: reduce)" - }), (0,external_wp_element_namespaceObject.createElement)("img", { - src: animatedSrc, - width: "312", - height: "240", - alt: "" - })); -} - -;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/layout/index.js - - +/* harmony default export */ const layout = (Layout); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/index.js /** * WordPress dependencies */ @@ -4515,54 +4892,6 @@ -/** - * Internal dependencies - */ - - - - - - - - -function Layout(_ref) { - let { - blockEditorSettings, - onError - } = _ref; - const { - createErrorNotice - } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_notices_namespaceObject.store); - - function onPluginAreaError(name) { - createErrorNotice((0,external_wp_i18n_namespaceObject.sprintf)( - /* translators: %s: plugin name */ - (0,external_wp_i18n_namespaceObject.__)('The "%s" plugin has encountered an error and cannot be rendered.'), name)); - } - - return (0,external_wp_element_namespaceObject.createElement)(ErrorBoundary, { - onError: onError - }, (0,external_wp_element_namespaceObject.createElement)(WidgetAreasBlockEditorProvider, { - blockEditorSettings: blockEditorSettings - }, (0,external_wp_element_namespaceObject.createElement)(layout_interface, { - blockEditorSettings: blockEditorSettings - }), (0,external_wp_element_namespaceObject.createElement)(Sidebar, null), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover.Slot, null), (0,external_wp_element_namespaceObject.createElement)(external_wp_plugins_namespaceObject.PluginArea, { - onError: onPluginAreaError - }), (0,external_wp_element_namespaceObject.createElement)(UnsavedChangesWarning, null), (0,external_wp_element_namespaceObject.createElement)(WelcomeGuide, null))); -} - -/* harmony default export */ var layout = (Layout); - -;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/index.js - - -/** - * WordPress dependencies - */ - - - @@ -4577,96 +4906,79 @@ const disabledBlocks = ['core/more', 'core/freeform', 'core/template-part', ...(ALLOW_REUSABLE_BLOCKS ? [] : ['core/block'])]; -/** - * Reinitializes the editor after the user chooses to reboot the editor after - * an unhandled error occurs, replacing previously mounted editor element using - * an initial state from prior to the crash. - * - * @param {Element} target DOM node in which editor is rendered. - * @param {?Object} settings Editor settings object. - */ - -function reinitializeEditor(target, settings) { - (0,external_wp_element_namespaceObject.unmountComponentAtNode)(target); - const reboot = reinitializeEditor.bind(null, target, settings); - (0,external_wp_element_namespaceObject.render)((0,external_wp_element_namespaceObject.createElement)(layout, { - blockEditorSettings: settings, - onError: reboot - }), target); -} + /** * Initializes the block editor in the widgets screen. * * @param {string} id ID of the root element to render the screen in. * @param {Object} settings Block editor settings. */ - -function initialize(id, settings) { +function initializeEditor(id, settings) { const target = document.getElementById(id); - const reboot = reinitializeEditor.bind(null, target, settings); - + const root = (0,external_wp_element_namespaceObject.createRoot)(target); const coreBlocks = (0,external_wp_blockLibrary_namespaceObject.__experimentalGetCoreBlocks)().filter(block => { return !(disabledBlocks.includes(block.name) || block.name.startsWith('core/post') || block.name.startsWith('core/query') || block.name.startsWith('core/site') || block.name.startsWith('core/navigation')); }); - (0,external_wp_data_namespaceObject.dispatch)(external_wp_preferences_namespaceObject.store).setDefaults('core/edit-widgets', { fixedToolbar: false, welcomeGuide: true, showBlockBreadcrumbs: true, themeStyles: true }); - - (0,external_wp_data_namespaceObject.dispatch)(external_wp_blocks_namespaceObject.store).__experimentalReapplyBlockTypeFilters(); - + (0,external_wp_data_namespaceObject.dispatch)(external_wp_blocks_namespaceObject.store).reapplyBlockTypeFilters(); (0,external_wp_blockLibrary_namespaceObject.registerCoreBlocks)(coreBlocks); (0,external_wp_widgets_namespaceObject.registerLegacyWidgetBlock)(); - if (false) {} - (0,external_wp_widgets_namespaceObject.registerLegacyWidgetVariations)(settings); registerBlock(widget_area_namespaceObject); (0,external_wp_widgets_namespaceObject.registerWidgetGroupBlock)(); - - settings.__experimentalFetchLinkSuggestions = (search, searchOptions) => (0,external_wp_coreData_namespaceObject.__experimentalFetchLinkSuggestions)(search, searchOptions, settings); // As we are unregistering `core/freeform` to avoid the Classic block, we must + settings.__experimentalFetchLinkSuggestions = (search, searchOptions) => (0,external_wp_coreData_namespaceObject.__experimentalFetchLinkSuggestions)(search, searchOptions, settings); + + // As we are unregistering `core/freeform` to avoid the Classic block, we must // replace it with something as the default freeform content handler. Failure to // do this will result in errors in the default block parser. // see: https://github.com/WordPress/gutenberg/issues/33097 - - (0,external_wp_blocks_namespaceObject.setFreeformContentHandlerName)('core/html'); - (0,external_wp_element_namespaceObject.render)((0,external_wp_element_namespaceObject.createElement)(layout, { - blockEditorSettings: settings, - onError: reboot - }), target); + root.render( /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(layout, { + blockEditorSettings: settings + })); + return root; } + +/** + * Compatibility export under the old `initialize` name. + */ +const initialize = initializeEditor; +function reinitializeEditor() { + external_wp_deprecated_default()('wp.editWidgets.reinitializeEditor', { + since: '6.2', + version: '6.3' + }); +} + /** * Function to register an individual block. * * @param {Object} block The block to be registered. - * */ - const registerBlock = block => { if (!block) { return; } - const { metadata, settings, name } = block; - if (metadata) { (0,external_wp_blocks_namespaceObject.unstable__bootstrapServerSideBlockDefinitions)({ [name]: metadata }); } - (0,external_wp_blocks_namespaceObject.registerBlockType)(name, settings); }; -}(); + (window.wp = window.wp || {}).editWidgets = __webpack_exports__; /******/ })() ; \ No newline at end of file