--- 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<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f)}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}/* harmony default export */ const dist_clsx = (clsx);
;// CONCATENATED MODULE: external ["wp","components"]
-var external_wp_components_namespaceObject = window["wp"]["components"];
+const external_wp_components_namespaceObject = window["wp"]["components"];
;// CONCATENATED MODULE: external ["wp","primitives"]
-var external_wp_primitives_namespaceObject = window["wp"]["primitives"];
+const external_wp_primitives_namespaceObject = window["wp"]["primitives"];
+;// CONCATENATED MODULE: external "ReactJSXRuntime"
+const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/check.js
-
-
/**
* WordPress dependencies
*/
-const check = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+
+const check = /*#__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: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"
-}));
-/* harmony default export */ var library_check = (check);
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M16.7 7.1l-6.3 8.5-3.3-2.5-.9 1.2 4.5 3.4L17.9 8z"
+ })
+});
+/* harmony default export */ const library_check = (check);
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/star-filled.js
-
-
+/**
+ * WordPress dependencies
+ */
+
+
+const starFilled = /*#__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.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z"
+ })
+});
+/* harmony default export */ const star_filled = (starFilled);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/star-empty.js
/**
* WordPress dependencies
*/
-const starFilled = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+
+const starEmpty = /*#__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: "M11.776 4.454a.25.25 0 01.448 0l2.069 4.192a.25.25 0 00.188.137l4.626.672a.25.25 0 01.139.426l-3.348 3.263a.25.25 0 00-.072.222l.79 4.607a.25.25 0 01-.362.263l-4.138-2.175a.25.25 0 00-.232 0l-4.138 2.175a.25.25 0 01-.363-.263l.79-4.607a.25.25 0 00-.071-.222L4.754 9.881a.25.25 0 01.139-.426l4.626-.672a.25.25 0 00.188-.137l2.069-4.192z"
-}));
-/* harmony default export */ var star_filled = (starFilled);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/star-empty.js
-
-
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ fillRule: "evenodd",
+ d: "M9.706 8.646a.25.25 0 01-.188.137l-4.626.672a.25.25 0 00-.139.427l3.348 3.262a.25.25 0 01.072.222l-.79 4.607a.25.25 0 00.362.264l4.138-2.176a.25.25 0 01.233 0l4.137 2.175a.25.25 0 00.363-.263l-.79-4.607a.25.25 0 01.072-.222l3.347-3.262a.25.25 0 00-.139-.427l-4.626-.672a.25.25 0 01-.188-.137l-2.069-4.192a.25.25 0 00-.448 0L9.706 8.646zM12 7.39l-.948 1.921a1.75 1.75 0 01-1.317.957l-2.12.308 1.534 1.495c.412.402.6.982.503 1.55l-.362 2.11 1.896-.997a1.75 1.75 0 011.629 0l1.895.997-.362-2.11a1.75 1.75 0 01.504-1.55l1.533-1.495-2.12-.308a1.75 1.75 0 01-1.317-.957L12 7.39z",
+ clipRule: "evenodd"
+ })
+});
+/* harmony default export */ const star_empty = (starEmpty);
+
+;// CONCATENATED MODULE: external ["wp","viewport"]
+const external_wp_viewport_namespaceObject = window["wp"]["viewport"];
+;// CONCATENATED MODULE: external ["wp","compose"]
+const external_wp_compose_namespaceObject = window["wp"]["compose"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/close-small.js
/**
* WordPress dependencies
*/
-const starEmpty = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+
+const closeSmall = /*#__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, {
- fillRule: "evenodd",
- d: "M9.706 8.646a.25.25 0 01-.188.137l-4.626.672a.25.25 0 00-.139.427l3.348 3.262a.25.25 0 01.072.222l-.79 4.607a.25.25 0 00.362.264l4.138-2.176a.25.25 0 01.233 0l4.137 2.175a.25.25 0 00.363-.263l-.79-4.607a.25.25 0 01.072-.222l3.347-3.262a.25.25 0 00-.139-.427l-4.626-.672a.25.25 0 01-.188-.137l-2.069-4.192a.25.25 0 00-.448 0L9.706 8.646zM12 7.39l-.948 1.921a1.75 1.75 0 01-1.317.957l-2.12.308 1.534 1.495c.412.402.6.982.503 1.55l-.362 2.11 1.896-.997a1.75 1.75 0 011.629 0l1.895.997-.362-2.11a1.75 1.75 0 01.504-1.55l1.533-1.495-2.12-.308a1.75 1.75 0 01-1.317-.957L12 7.39z",
- clipRule: "evenodd"
-}));
-/* harmony default export */ var star_empty = (starEmpty);
-
-;// CONCATENATED MODULE: external ["wp","viewport"]
-var external_wp_viewport_namespaceObject = window["wp"]["viewport"];
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/close-small.js
-
-
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"
+ })
+});
+/* harmony default export */ const close_small = (closeSmall);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/deprecated.js
/**
* WordPress dependencies
*/
-const closeSmall = (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: "M12 13.06l3.712 3.713 1.061-1.06L13.061 12l3.712-3.712-1.06-1.06L12 10.938 8.288 7.227l-1.061 1.06L10.939 12l-3.712 3.712 1.06 1.061L12 13.061z"
-}));
-/* harmony default export */ var close_small = (closeSmall);
-
-;// CONCATENATED MODULE: external "lodash"
-var external_lodash_namespaceObject = window["lodash"];
-;// CONCATENATED MODULE: external ["wp","deprecated"]
-var external_wp_deprecated_namespaceObject = window["wp"]["deprecated"];
-var external_wp_deprecated_default = /*#__PURE__*/__webpack_require__.n(external_wp_deprecated_namespaceObject);
+function normalizeComplementaryAreaScope(scope) {
+ if (['core/edit-post', 'core/edit-site'].includes(scope)) {
+ external_wp_deprecated_default()(`${scope} interface scope`, {
+ alternative: 'core interface scope',
+ hint: 'core/edit-post and core/edit-site are merging.',
+ version: '6.6'
+ });
+ return 'core';
+ }
+ return scope;
+}
+function normalizeComplementaryAreaName(scope, name) {
+ if (scope === 'core' && name === 'edit-site/template') {
+ external_wp_deprecated_default()(`edit-site/template sidebar`, {
+ alternative: 'edit-post/document',
+ version: '6.6'
+ });
+ return 'edit-post/document';
+ }
+ if (scope === 'core' && name === 'edit-site/block-inspector') {
+ external_wp_deprecated_default()(`edit-site/block-inspector sidebar`, {
+ alternative: 'edit-post/block',
+ version: '6.6'
+ });
+ return 'edit-post/block';
+ }
+ return name;
+}
+
;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/actions.js
/**
* WordPress dependencies
*/
+
+/**
+ * Internal dependencies
+ */
+
+
+/**
+ * Set a default complementary area.
+ *
+ * @param {string} scope Complementary area scope.
+ * @param {string} area Area identifier.
+ *
+ * @return {Object} Action object.
+ */
+const setDefaultComplementaryArea = (scope, area) => {
+ 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 <InserterIconImage /> 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 <InserterIconImage /> 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