mirror of
https://github.com/WordPress/WordPress.git
synced 2024-12-26 11:08:06 +01:00
ab8a964858
This is the last step of backports from the Gutenberg plugin for WordPress 6.0 Beta 1 release. It includes all updates WordPress packages published to npm based on the Gutenberg plugin v13.0 RC3 release. This patch also includes all the necessary changes applied to core blocks. New blocks included: - Avatar - Comment Author Name - Comment Content - Comment Date - Comment Edit Link - Comment Rely Link - Comment Template - Comments Pagination - Comments Pagination Next - Comments Pagination Previous - Comments Query Loop - Home Link - Post Author Biography - Query No Results - Read More See more details in https://github.com/WordPress/wordpress-develop/pull/2564. Props zieladam, ramonopoly, ocean90. Fixes #55505. Built from https://develop.svn.wordpress.org/trunk@53157 git-svn-id: http://core.svn.wordpress.org/trunk@52746 1a063a9b-81f0-0310-95a4-ce76da25c4cd
4670 lines
159 KiB
JavaScript
4670 lines
159 KiB
JavaScript
/******/ (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;
|
||
/******/ }
|
||
/******/
|
||
/************************************************************************/
|
||
/******/ /* webpack/runtime/compat get default export */
|
||
/******/ !function() {
|
||
/******/ // getDefaultExport function for compatibility with non-harmony modules
|
||
/******/ __webpack_require__.n = function(module) {
|
||
/******/ var getter = module && module.__esModule ?
|
||
/******/ function() { return module['default']; } :
|
||
/******/ function() { return 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) {
|
||
/******/ 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/runtime/make namespace object */
|
||
/******/ !function() {
|
||
/******/ // define __esModule on exports
|
||
/******/ __webpack_require__.r = function(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; }
|
||
});
|
||
|
||
// 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; }
|
||
});
|
||
|
||
// 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; }
|
||
});
|
||
|
||
// 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; }
|
||
});
|
||
|
||
// 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; }
|
||
});
|
||
|
||
// 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; }
|
||
});
|
||
|
||
// 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; }
|
||
});
|
||
|
||
;// 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"];
|
||
;// CONCATENATED MODULE: external ["wp","data"]
|
||
var external_wp_data_namespaceObject = window["wp"]["data"];
|
||
;// CONCATENATED MODULE: external ["wp","blockLibrary"]
|
||
var external_wp_blockLibrary_namespaceObject = window["wp"]["blockLibrary"];
|
||
;// CONCATENATED MODULE: external ["wp","coreData"]
|
||
var external_wp_coreData_namespaceObject = window["wp"]["coreData"];
|
||
;// CONCATENATED MODULE: external ["wp","widgets"]
|
||
var external_wp_widgets_namespaceObject = window["wp"]["widgets"];
|
||
;// CONCATENATED MODULE: external ["wp","preferences"]
|
||
var external_wp_preferences_namespaceObject = window["wp"]["preferences"];
|
||
;// CONCATENATED MODULE: external ["wp","apiFetch"]
|
||
var 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.
|
||
*
|
||
* @param {Object} state Redux state.
|
||
* @param {Object} action Redux action.
|
||
*
|
||
* @return {Array} Updated state.
|
||
*/
|
||
|
||
function widgetAreasOpenState() {
|
||
let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
|
||
let action = arguments.length > 1 ? arguments[1] : undefined;
|
||
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,
|
||
[clientId]: isOpen
|
||
};
|
||
}
|
||
|
||
default:
|
||
{
|
||
return state;
|
||
}
|
||
}
|
||
}
|
||
/**
|
||
* Reducer to set the block inserter panel open or closed.
|
||
*
|
||
* Note: this reducer interacts with the list view panel reducer
|
||
* to make sure that only one of the two panels is open at the same time.
|
||
*
|
||
* @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;
|
||
|
||
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.
|
||
*
|
||
* Note: this reducer interacts with the inserter panel reducer
|
||
* to make sure that only one of the two panels is open at the same time.
|
||
*
|
||
* @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;
|
||
|
||
switch (action.type) {
|
||
case 'SET_IS_INSERTER_OPENED':
|
||
return action.value ? false : state;
|
||
|
||
case 'SET_IS_LIST_VIEW_OPENED':
|
||
return action.isOpen;
|
||
}
|
||
|
||
return state;
|
||
}
|
||
/* harmony default export */ var reducer = ((0,external_wp_data_namespaceObject.combineReducers)({
|
||
blockInserterPanel,
|
||
listViewPanel,
|
||
widgetAreasOpenState
|
||
}));
|
||
|
||
;// CONCATENATED MODULE: external ["wp","i18n"]
|
||
var 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 || 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);
|
||
;// CONCATENATED MODULE: external ["wp","components"]
|
||
var external_wp_components_namespaceObject = window["wp"]["components"];
|
||
;// CONCATENATED MODULE: external ["wp","primitives"]
|
||
var external_wp_primitives_namespaceObject = window["wp"]["primitives"];
|
||
;// 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, {
|
||
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);
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/star-filled.js
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
const starFilled = (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: "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
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
const starEmpty = (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: "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
|
||
|
||
|
||
/**
|
||
* 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);
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/actions.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* Enable the complementary area.
|
||
*
|
||
* @param {string} scope Complementary area scope.
|
||
* @param {string} area Area identifier.
|
||
*/
|
||
|
||
const enableComplementaryArea = (scope, area) => _ref => {
|
||
let {
|
||
registry
|
||
} = _ref;
|
||
|
||
// Return early if there's no area.
|
||
if (!area) {
|
||
return;
|
||
}
|
||
|
||
registry.dispatch(external_wp_preferences_namespaceObject.store).set(scope, 'complementaryArea', 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);
|
||
};
|
||
/**
|
||
* Pins an item.
|
||
*
|
||
* @param {string} scope Item scope.
|
||
* @param {string} item Item identifier.
|
||
*
|
||
* @return {Object} Action object.
|
||
*/
|
||
|
||
const pinItem = (scope, item) => _ref3 => {
|
||
let {
|
||
registry
|
||
} = _ref3;
|
||
|
||
// 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) {
|
||
return;
|
||
}
|
||
|
||
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;
|
||
|
||
// Return early if there's no item.
|
||
if (!item) {
|
||
return;
|
||
}
|
||
|
||
const pinnedItems = registry.select(external_wp_preferences_namespaceObject.store).get(scope, '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;
|
||
external_wp_deprecated_default()(`wp.dispatch( 'core/interface' ).toggleFeature`, {
|
||
since: '6.0',
|
||
alternative: `wp.dispatch( 'core/preferences' ).toggle`
|
||
});
|
||
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
|
||
*
|
||
* @param {string} scope The feature scope (e.g. core/edit-post).
|
||
* @param {string} featureName The feature name.
|
||
* @param {boolean} value The value to set.
|
||
*
|
||
* @return {Object} Action object.
|
||
*/
|
||
|
||
function setFeatureValue(scope, featureName, value) {
|
||
return function (_ref6) {
|
||
let {
|
||
registry
|
||
} = _ref6;
|
||
external_wp_deprecated_default()(`wp.dispatch( 'core/interface' ).setFeatureValue`, {
|
||
since: '6.0',
|
||
alternative: `wp.dispatch( 'core/preferences' ).set`
|
||
});
|
||
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.
|
||
*
|
||
* @param {string} scope The feature scope (e.g. core/edit-post).
|
||
* @param {Object<string, boolean>} defaults A key/value map of feature names to values.
|
||
*
|
||
* @return {Object} Action object.
|
||
*/
|
||
|
||
function setFeatureDefaults(scope, defaults) {
|
||
return function (_ref7) {
|
||
let {
|
||
registry
|
||
} = _ref7;
|
||
external_wp_deprecated_default()(`wp.dispatch( 'core/interface' ).setFeatureDefaults`, {
|
||
since: '6.0',
|
||
alternative: `wp.dispatch( 'core/preferences' ).setDefaults`
|
||
});
|
||
registry.dispatch(external_wp_preferences_namespaceObject.store).setDefaults(scope, defaults);
|
||
};
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/selectors.js
|
||
/**
|
||
* WordPress 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.
|
||
*/
|
||
|
||
const getActiveComplementaryArea = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, scope) => {
|
||
return select(external_wp_preferences_namespaceObject.store).get(scope, 'complementaryArea');
|
||
});
|
||
/**
|
||
* Returns a boolean indicating if an item is pinned or not.
|
||
*
|
||
* @param {Object} state Global application state.
|
||
* @param {string} scope Scope.
|
||
* @param {string} item Item to check.
|
||
*
|
||
* @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;
|
||
|
||
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;
|
||
});
|
||
/**
|
||
* Returns a boolean indicating whether a feature is active for a particular
|
||
* scope.
|
||
*
|
||
* @param {Object} state The store state.
|
||
* @param {string} scope The scope of the feature (e.g. core/edit-post).
|
||
* @param {string} featureName The name of the feature.
|
||
*
|
||
* @return {boolean} Is the feature enabled?
|
||
*/
|
||
|
||
const isFeatureActive = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, scope, featureName) => {
|
||
external_wp_deprecated_default()(`wp.select( 'core/interface' ).isFeatureActive( scope, featureName )`, {
|
||
since: '6.0',
|
||
alternative: `!! wp.select( 'core/preferences' ).isFeatureActive( scope, featureName )`
|
||
});
|
||
return !!select(external_wp_preferences_namespaceObject.store).get(scope, featureName);
|
||
});
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/constants.js
|
||
/**
|
||
* The identifier for the data store.
|
||
*
|
||
* @type {string}
|
||
*/
|
||
const STORE_NAME = 'core/interface';
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/store/index.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Store definition for the interface namespace.
|
||
*
|
||
* @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore
|
||
*
|
||
* @type {Object}
|
||
*/
|
||
|
||
const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, {
|
||
reducer: () => {},
|
||
actions: actions_namespaceObject,
|
||
selectors: selectors_namespaceObject
|
||
}); // 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"];
|
||
;// 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) => {
|
||
return {
|
||
icon: ownProps.icon || context.icon,
|
||
identifier: ownProps.identifier || `${context.name}/${ownProps.name}`
|
||
};
|
||
}));
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area-toggle/index.js
|
||
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
function ComplementaryAreaToggle(_ref) {
|
||
let {
|
||
as = external_wp_components_namespaceObject.Button,
|
||
scope,
|
||
identifier,
|
||
icon,
|
||
selectedIcon,
|
||
...props
|
||
} = _ref;
|
||
const ComponentToUse = as;
|
||
const isSelected = (0,external_wp_data_namespaceObject.useSelect)(select => select(store).getActiveComplementaryArea(scope) === identifier, [identifier]);
|
||
const {
|
||
enableComplementaryArea,
|
||
disableComplementaryArea
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(store);
|
||
return (0,external_wp_element_namespaceObject.createElement)(ComponentToUse, _extends({
|
||
icon: selectedIcon && isSelected ? selectedIcon : icon,
|
||
onClick: () => {
|
||
if (isSelected) {
|
||
disableComplementaryArea(scope);
|
||
} else {
|
||
enableComplementaryArea(scope, identifier);
|
||
}
|
||
}
|
||
}, (0,external_lodash_namespaceObject.omit)(props, ['name'])));
|
||
}
|
||
|
||
/* harmony default export */ var 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
|
||
*/
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
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));
|
||
};
|
||
|
||
/* harmony default export */ var 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, {
|
||
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 {
|
||
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);
|
||
});
|
||
}
|
||
|
||
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 {
|
||
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));
|
||
});
|
||
}
|
||
|
||
ActionItem.Slot = ActionItemSlot;
|
||
/* harmony default export */ var action_item = (ActionItem);
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area-more-menu-item/index.js
|
||
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
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({
|
||
as: toggleProps => {
|
||
return (0,external_wp_element_namespaceObject.createElement)(action_item, _extends({
|
||
__unstableExplicitMenuItem: __unstableExplicitMenuItem,
|
||
__unstableTarget: `${scope}/${target}`,
|
||
as: PluginsMenuItem,
|
||
name: `${scope}/plugin-more-menu`
|
||
}, toggleProps));
|
||
},
|
||
role: "menuitemcheckbox",
|
||
selectedIcon: library_check,
|
||
name: target,
|
||
scope: scope
|
||
}, props));
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/pinned-items/index.js
|
||
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
function PinnedItems(_ref) {
|
||
let {
|
||
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));
|
||
}
|
||
|
||
PinnedItems.Slot = PinnedItemsSlot;
|
||
/* harmony default export */ var pinned_items = (PinnedItems);
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/complementary-area/index.js
|
||
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
function ComplementaryAreaSlot(_ref) {
|
||
let {
|
||
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));
|
||
}
|
||
|
||
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);
|
||
const {
|
||
enableComplementaryArea,
|
||
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 (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.
|
||
|
||
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.
|
||
shouldOpenWhenNotSmall.current && !isSmall && previousIsSmall.current) {
|
||
// Remove the flag indicating the complementary area should be enabled.
|
||
shouldOpenWhenNotSmall.current = false; // Enable the complementary area.
|
||
|
||
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.
|
||
shouldOpenWhenNotSmall.current && activeArea && activeArea !== identifier) {
|
||
shouldOpenWhenNotSmall.current = false;
|
||
}
|
||
|
||
if (isSmall !== previousIsSmall.current) {
|
||
previousIsSmall.current = isSmall;
|
||
}
|
||
}, [isActive, isSmall, scope, identifier, activeArea]);
|
||
}
|
||
|
||
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;
|
||
const {
|
||
isActive,
|
||
isPinned,
|
||
activeArea,
|
||
isSmall,
|
||
isLarge
|
||
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
||
const {
|
||
getActiveComplementaryArea,
|
||
isItemPinned
|
||
} = select(store);
|
||
|
||
const _activeArea = getActiveComplementaryArea(scope);
|
||
|
||
return {
|
||
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')
|
||
};
|
||
}, [identifier, scope]);
|
||
useAdjustComplementaryListener(scope, identifier, activeArea, isActive, isSmall);
|
||
const {
|
||
enableComplementaryArea,
|
||
disableComplementaryArea,
|
||
pinItem,
|
||
unpinItem
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(store);
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
if (isActiveByDefault && activeArea === undefined && !isSmall) {
|
||
enableComplementaryArea(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)));
|
||
}
|
||
|
||
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"];
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/interface-skeleton/index.js
|
||
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
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 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'),
|
||
|
||
/* 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,
|
||
...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));
|
||
}
|
||
|
||
/* 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));
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/components/index.js
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/interface/build-module/index.js
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: external ["wp","blockEditor"]
|
||
var 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);
|
||
|
||
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,
|
||
instance: widget.instance
|
||
};
|
||
} else {
|
||
attributes = {
|
||
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.
|
||
*
|
||
* @param {Object} block The block.
|
||
* @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] : {};
|
||
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,
|
||
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,
|
||
id_base: 'block',
|
||
instance: {
|
||
raw: {
|
||
content: (0,external_wp_blocks_namespaceObject.serialize)(block)
|
||
}
|
||
}
|
||
};
|
||
} // Delete read-only properties.
|
||
|
||
|
||
delete widget.rendered;
|
||
delete widget.rendered_form;
|
||
return widget;
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/store/utils.js
|
||
/**
|
||
* "Kind" of the navigation post.
|
||
*
|
||
* @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.
|
||
*
|
||
* @param {string} id Post ID.
|
||
* @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,
|
||
status: 'draft',
|
||
type: 'page',
|
||
blocks,
|
||
meta: {
|
||
widgetAreaId: id
|
||
}
|
||
});
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/store/constants.js
|
||
/**
|
||
* Module Constants
|
||
*/
|
||
const constants_STORE_NAME = 'core/edit-widgets';
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/store/actions.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Persists a stub post with given ID to core data store. The post is meant to be in-memory only and
|
||
* shouldn't be saved via the API.
|
||
*
|
||
* @param {string} id Post ID.
|
||
* @param {Array} blocks Blocks the post should consist of.
|
||
* @return {Object} The post object.
|
||
*/
|
||
|
||
const persistStubPost = (id, blocks) => _ref => {
|
||
let {
|
||
registry
|
||
} = _ref;
|
||
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.
|
||
*
|
||
* Creates a snackbar notice on either success or error.
|
||
*
|
||
* @return {Function} An action creator.
|
||
*/
|
||
|
||
const saveEditedWidgetAreas = () => async _ref2 => {
|
||
let {
|
||
select,
|
||
dispatch,
|
||
registry
|
||
} = _ref2;
|
||
const editedWidgetAreas = select.getEditedWidgetAreas();
|
||
|
||
if (!(editedWidgetAreas !== null && editedWidgetAreas !== void 0 && 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. */
|
||
(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.
|
||
*
|
||
* @param {Object[]} widgetAreas Widget areas to save.
|
||
* @return {Function} An action creator.
|
||
*/
|
||
|
||
const saveWidgetAreas = widgetAreas => async _ref3 => {
|
||
let {
|
||
dispatch,
|
||
registry
|
||
} = _ref3;
|
||
|
||
try {
|
||
for (const widgetArea of widgetAreas) {
|
||
await dispatch.saveWidgetArea(widgetArea.id);
|
||
}
|
||
} finally {
|
||
// saveEditedEntityRecord resets the resolution status, let's fix it manually.
|
||
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.
|
||
*
|
||
* @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 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.
|
||
// 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
|
||
// 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
|
||
// since order is important.
|
||
|
||
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,
|
||
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);
|
||
});
|
||
} else {
|
||
// Create a new widget.
|
||
batchTasks.push(_ref7 => {
|
||
let {
|
||
saveEntityRecord
|
||
} = _ref7;
|
||
return 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
|
||
});
|
||
});
|
||
}
|
||
|
||
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
|
||
// 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));
|
||
}
|
||
|
||
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 */
|
||
(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
|
||
}, {
|
||
undoIgnore: true
|
||
});
|
||
dispatch(trySaveWidgetArea(widgetAreaId));
|
||
registry.dispatch(external_wp_coreData_namespaceObject.store).receiveEntityRecords(KIND, POST_TYPE, post, undefined);
|
||
};
|
||
|
||
const trySaveWidgetArea = widgetAreaId => _ref9 => {
|
||
let {
|
||
registry
|
||
} = _ref9;
|
||
registry.dispatch(external_wp_coreData_namespaceObject.store).saveEditedEntityRecord(KIND, WIDGET_AREA_ENTITY_TYPE, widgetAreaId, {
|
||
throwOnError: true
|
||
});
|
||
};
|
||
/**
|
||
* Sets the clientId stored for a particular widgetId.
|
||
*
|
||
* @param {number} clientId Client id.
|
||
* @param {number} widgetId Widget id.
|
||
*
|
||
* @return {Object} Action.
|
||
*/
|
||
|
||
|
||
function setWidgetIdForClientId(clientId, widgetId) {
|
||
return {
|
||
type: 'SET_WIDGET_ID_FOR_CLIENT_ID',
|
||
clientId,
|
||
widgetId
|
||
};
|
||
}
|
||
/**
|
||
* Sets the open state of all the widget areas.
|
||
*
|
||
* @param {Object} widgetAreasOpenState The open states of all the widget areas.
|
||
*
|
||
* @return {Object} Action.
|
||
*/
|
||
|
||
function setWidgetAreasOpenState(widgetAreasOpenState) {
|
||
return {
|
||
type: 'SET_WIDGET_AREAS_OPEN_STATE',
|
||
widgetAreasOpenState
|
||
};
|
||
}
|
||
/**
|
||
* Sets the open state of the widget area.
|
||
*
|
||
* @param {string} clientId The clientId of the widget area.
|
||
* @param {boolean} isOpen Whether the widget area should be opened.
|
||
*
|
||
* @return {Object} Action.
|
||
*/
|
||
|
||
function setIsWidgetAreaOpen(clientId, isOpen) {
|
||
return {
|
||
type: 'SET_IS_WIDGET_AREA_OPEN',
|
||
clientId,
|
||
isOpen
|
||
};
|
||
}
|
||
/**
|
||
* Returns an action object used to open/close the inserter.
|
||
*
|
||
* @param {boolean|Object} value Whether the inserter should be
|
||
* opened (true) or closed (false).
|
||
* To specify an insertion point,
|
||
* use an object.
|
||
* @param {string} value.rootClientId The root client ID to insert at.
|
||
* @param {number} value.insertionIndex The index to insert at.
|
||
*
|
||
* @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;
|
||
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
|
||
// 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 destinationInnerBlocksClientIds = registry.select(external_wp_blockEditor_namespaceObject.store).getBlockOrder(destinationRootClientId);
|
||
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.
|
||
|
||
|
||
registry.dispatch(external_wp_blockEditor_namespaceObject.store).moveBlocksToPosition([clientId], sourceRootClientId, destinationRootClientId, destinationIndex);
|
||
};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/store/resolvers.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Creates a "stub" widgets post reflecting all available widget areas. The
|
||
* post is meant as a convenient to only exists in runtime and should never be saved. It
|
||
* enables a convenient way of editing the widgets by using a regular post editor.
|
||
*
|
||
* Fetches all widgets from all widgets aras, converts them into blocks, and hydrates a new post with them.
|
||
*
|
||
* @return {Function} An action creator.
|
||
*/
|
||
|
||
const getWidgetAreas = () => async _ref => {
|
||
let {
|
||
dispatch,
|
||
registry
|
||
} = _ref;
|
||
const query = buildWidgetAreasQuery();
|
||
const widgetAreas = await registry.resolveSelect(external_wp_coreData_namespaceObject.store).getEntityRecords(KIND, WIDGET_AREA_ENTITY_TYPE, query);
|
||
const widgetAreaBlocks = [];
|
||
const sortedWidgetAreas = widgetAreas.sort((a, b) => {
|
||
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.
|
||
widgetAreasOpenState[widgetAreaBlock.clientId] = index === 0;
|
||
});
|
||
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 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
|
||
dispatch(persistStubPost(buildWidgetAreaPostId(sidebarId), groupedBySidebar[sidebarId]));
|
||
}
|
||
}
|
||
};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/store/selectors.js
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* 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');
|
||
});
|
||
/**
|
||
* Returns API widget data for a particular widget ID.
|
||
*
|
||
* @param {number} id Widget ID.
|
||
*
|
||
* @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 => {
|
||
const post = select(external_wp_coreData_namespaceObject.store).getEditedEntityRecord(KIND, POST_TYPE, buildWidgetAreaPostId(widgetArea.id));
|
||
const blockWidgetIds = post.blocks.map(block => (0,external_wp_widgets_namespaceObject.getWidgetIdFromBlock)(block));
|
||
return blockWidgetIds.includes(widgetId);
|
||
});
|
||
});
|
||
/**
|
||
* Given a child client id, returns the parent widget area block.
|
||
*
|
||
* @param {string} clientId The client id of a block in a widget area.
|
||
*
|
||
* @return {WPBlock} The widget area block.
|
||
*/
|
||
|
||
const getParentWidgetAreaBlock = (0,external_wp_data_namespaceObject.createRegistrySelector)(select => (state, clientId) => {
|
||
const {
|
||
getBlock,
|
||
getBlockName,
|
||
getBlockParents
|
||
} = select(external_wp_blockEditor_namespaceObject.store);
|
||
const blockParents = getBlockParents(clientId);
|
||
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);
|
||
});
|
||
}
|
||
|
||
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);
|
||
});
|
||
});
|
||
/**
|
||
* 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 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)) {
|
||
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;
|
||
});
|
||
|
||
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.
|
||
*
|
||
* @param {Array} state The open state of the widget areas.
|
||
* @param {string} clientId The clientId of the widget area.
|
||
*
|
||
* @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.
|
||
*
|
||
* @param {Object} state Global application state.
|
||
*
|
||
* @return {boolean} Whether the inserter is opened.
|
||
*/
|
||
|
||
function isInserterOpened(state) {
|
||
return !!state.blockInserterPanel;
|
||
}
|
||
/**
|
||
* Get the insertion point for the inserter.
|
||
*
|
||
* @param {Object} state Global application state.
|
||
*
|
||
* @return {Object} The root client ID and index to insert at.
|
||
*/
|
||
|
||
function __experimentalGetInsertionPoint(state) {
|
||
const {
|
||
rootClientId,
|
||
insertionIndex
|
||
} = state.blockInserterPanel;
|
||
return {
|
||
rootClientId,
|
||
insertionIndex
|
||
};
|
||
}
|
||
/**
|
||
* Returns true if a block can be inserted into a widget area.
|
||
*
|
||
* @param {Array} state The open state of the widget areas.
|
||
* @param {string} blockName The name of the block being inserted.
|
||
*
|
||
* @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
|
||
// 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.
|
||
*
|
||
* @param {Object} state Global application state.
|
||
*
|
||
* @return {boolean} Whether the list view is opened.
|
||
*/
|
||
|
||
function isListViewOpened(state) {
|
||
return state.listViewPanel;
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/store/index.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Block editor data store configuration.
|
||
*
|
||
* @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#register
|
||
*
|
||
* @type {Object}
|
||
*/
|
||
|
||
const storeConfig = {
|
||
reducer: reducer,
|
||
selectors: store_selectors_namespaceObject,
|
||
resolvers: resolvers_namespaceObject,
|
||
actions: store_actions_namespaceObject
|
||
};
|
||
/**
|
||
* Store definition for the edit widgets namespace.
|
||
*
|
||
* @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore
|
||
*
|
||
* @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.
|
||
// 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) {
|
||
return Promise.resolve({});
|
||
}
|
||
|
||
return next(options);
|
||
});
|
||
|
||
;// CONCATENATED MODULE: external ["wp","hooks"]
|
||
var external_wp_hooks_namespaceObject = window["wp"]["hooks"];
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/filters/move-to-widget-area.js
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
const withMoveToWidgetAreaToolbarItem = (0,external_wp_compose_namespaceObject.createHigherOrderComponent)(BlockEdit => props => {
|
||
const {
|
||
clientId,
|
||
name: blockName
|
||
} = props;
|
||
const {
|
||
widgetAreas,
|
||
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,
|
||
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 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);
|
||
}
|
||
})));
|
||
}, '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"];
|
||
;// 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
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/blocks/widget-area/edit/use-is-dragging-within.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
/** @typedef {import('@wordpress/element').RefObject} RefObject */
|
||
|
||
/**
|
||
* A React hook to determine if it's dragging within the target element.
|
||
*
|
||
* @param {RefObject<HTMLElement>} elementRef The target elementRef object.
|
||
*
|
||
* @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.
|
||
|
||
|
||
function handleDragEnd() {
|
||
setIsDraggingWithin(false);
|
||
}
|
||
|
||
function handleDragEnter(event) {
|
||
// Check if the current target is inside the item element.
|
||
if (elementRef.current.contains(event.target)) {
|
||
setIsDraggingWithin(true);
|
||
} else {
|
||
setIsDraggingWithin(false);
|
||
}
|
||
} // 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);
|
||
return () => {
|
||
ownerDocument.removeEventListener('dragstart', handleDragStart);
|
||
ownerDocument.removeEventListener('dragend', handleDragEnd);
|
||
ownerDocument.removeEventListener('dragenter', handleDragEnter);
|
||
};
|
||
}, []);
|
||
return isDraggingWithin;
|
||
};
|
||
|
||
/* harmony default export */ var 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
|
||
*/
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
/** @typedef {import('@wordpress/element').RefObject} RefObject */
|
||
|
||
function WidgetAreaEdit(_ref) {
|
||
let {
|
||
clientId,
|
||
className,
|
||
attributes: {
|
||
id,
|
||
name
|
||
}
|
||
} = _ref;
|
||
const isOpen = (0,external_wp_data_namespaceObject.useSelect)(select => select(store_store).getIsWidgetAreaOpen(clientId), [clientId]);
|
||
const {
|
||
setIsWidgetAreaOpen
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(store_store);
|
||
const wrapper = (0,external_wp_element_namespaceObject.useRef)();
|
||
const setOpen = (0,external_wp_element_namespaceObject.useCallback)(openState => setIsWidgetAreaOpen(clientId, openState), [clientId]);
|
||
const isDragging = useIsDragging(wrapper);
|
||
const isDraggingWithin = use_is_dragging_within(wrapper);
|
||
const [openedWhileDragging, setOpenedWhileDragging] = (0,external_wp_element_namespaceObject.useState)(false);
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
if (!isDragging) {
|
||
setOpenedWhileDragging(false);
|
||
return;
|
||
}
|
||
|
||
if (isDraggingWithin && !isOpen) {
|
||
setOpen(true);
|
||
setOpenedWhileDragging(true);
|
||
} else if (!isDraggingWithin && isOpen && openedWhileDragging) {
|
||
setOpen(false);
|
||
}
|
||
}, [isOpen, isDragging, isDraggingWithin, openedWhileDragging]);
|
||
return (0,external_wp_element_namespaceObject.createElement)(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
|
||
// 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, {
|
||
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
|
||
})))
|
||
);
|
||
}));
|
||
}
|
||
/**
|
||
* A React hook to determine if dragging is active.
|
||
*
|
||
* @param {RefObject<HTMLElement>} elementRef The target elementRef object.
|
||
*
|
||
* @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 () => {
|
||
ownerDocument.removeEventListener('dragstart', handleDragStart);
|
||
ownerDocument.removeEventListener('dragend', handleDragEnd);
|
||
};
|
||
}, []);
|
||
return isDragging;
|
||
};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/blocks/widget-area/index.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
const metadata = {
|
||
name: "core/widget-area",
|
||
category: "widgets",
|
||
attributes: {
|
||
id: {
|
||
type: "string"
|
||
},
|
||
name: {
|
||
type: "string"
|
||
}
|
||
},
|
||
supports: {
|
||
html: false,
|
||
inserter: false,
|
||
customClassName: false,
|
||
reusable: false,
|
||
__experimentalToolbar: false,
|
||
__experimentalParentSelector: false
|
||
},
|
||
editorStyle: "wp-block-widget-area-editor",
|
||
style: "wp-block-widget-area"
|
||
};
|
||
|
||
const {
|
||
name: widget_area_name
|
||
} = metadata;
|
||
|
||
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;
|
||
},
|
||
edit: WidgetAreaEdit
|
||
};
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/error-boundary/index.js
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
function CopyButton(_ref) {
|
||
let {
|
||
text,
|
||
children
|
||
} = _ref;
|
||
const ref = (0,external_wp_compose_namespaceObject.useCopyToClipboard)(text);
|
||
return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
|
||
variant: "secondary",
|
||
ref: ref
|
||
}, children);
|
||
}
|
||
|
||
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
|
||
});
|
||
}
|
||
|
||
reboot() {
|
||
this.props.onError();
|
||
}
|
||
|
||
render() {
|
||
const {
|
||
error
|
||
} = this.state;
|
||
|
||
if (!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.'));
|
||
}
|
||
|
||
}
|
||
|
||
;// CONCATENATED MODULE: external ["wp","reusableBlocks"]
|
||
var external_wp_reusableBlocks_namespaceObject = window["wp"]["reusableBlocks"];
|
||
;// CONCATENATED MODULE: external ["wp","keyboardShortcuts"]
|
||
var external_wp_keyboardShortcuts_namespaceObject = window["wp"]["keyboardShortcuts"];
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/keyboard-shortcuts/index.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
function KeyboardShortcuts() {
|
||
const {
|
||
redo,
|
||
undo
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_coreData_namespaceObject.store);
|
||
const {
|
||
saveEditedWidgetAreas
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(store_store);
|
||
(0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/edit-widgets/undo', event => {
|
||
undo();
|
||
event.preventDefault();
|
||
});
|
||
(0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/edit-widgets/redo', event => {
|
||
redo();
|
||
event.preventDefault();
|
||
});
|
||
(0,external_wp_keyboardShortcuts_namespaceObject.useShortcut)('core/edit-widgets/save', event => {
|
||
event.preventDefault();
|
||
saveEditedWidgetAreas();
|
||
});
|
||
return null;
|
||
}
|
||
|
||
function KeyboardShortcutsRegister() {
|
||
// Registering the shortcuts.
|
||
const {
|
||
registerShortcut
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_keyboardShortcuts_namespaceObject.store);
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
registerShortcut({
|
||
name: 'core/edit-widgets/undo',
|
||
category: 'global',
|
||
description: (0,external_wp_i18n_namespaceObject.__)('Undo your last changes.'),
|
||
keyCombination: {
|
||
modifier: 'primary',
|
||
character: 'z'
|
||
}
|
||
});
|
||
registerShortcut({
|
||
name: 'core/edit-widgets/redo',
|
||
category: 'global',
|
||
description: (0,external_wp_i18n_namespaceObject.__)('Redo your last undo.'),
|
||
keyCombination: {
|
||
modifier: 'primaryShift',
|
||
character: 'z'
|
||
}
|
||
});
|
||
registerShortcut({
|
||
name: 'core/edit-widgets/save',
|
||
category: 'global',
|
||
description: (0,external_wp_i18n_namespaceObject.__)('Save your changes.'),
|
||
keyCombination: {
|
||
modifier: 'primary',
|
||
character: 's'
|
||
}
|
||
});
|
||
registerShortcut({
|
||
name: 'core/edit-widgets/keyboard-shortcuts',
|
||
category: 'main',
|
||
description: (0,external_wp_i18n_namespaceObject.__)('Display these keyboard shortcuts.'),
|
||
keyCombination: {
|
||
modifier: 'access',
|
||
character: 'h'
|
||
}
|
||
});
|
||
registerShortcut({
|
||
name: 'core/edit-widgets/next-region',
|
||
category: 'global',
|
||
description: (0,external_wp_i18n_namespaceObject.__)('Navigate to the next part of the editor.'),
|
||
keyCombination: {
|
||
modifier: 'ctrl',
|
||
character: '`'
|
||
},
|
||
aliases: [{
|
||
modifier: 'access',
|
||
character: 'n'
|
||
}]
|
||
});
|
||
registerShortcut({
|
||
name: 'core/edit-widgets/previous-region',
|
||
category: 'global',
|
||
description: (0,external_wp_i18n_namespaceObject.__)('Navigate to the previous part of the editor.'),
|
||
keyCombination: {
|
||
modifier: 'ctrlShift',
|
||
character: '`'
|
||
},
|
||
aliases: [{
|
||
modifier: 'access',
|
||
character: 'p'
|
||
}]
|
||
});
|
||
}, [registerShortcut]);
|
||
return null;
|
||
}
|
||
|
||
KeyboardShortcuts.Register = KeyboardShortcutsRegister;
|
||
/* harmony default export */ var keyboard_shortcuts = (KeyboardShortcuts);
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/hooks/use-last-selected-widget-area.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* A react hook that returns the client id of the last widget area to have
|
||
* been selected, or to have a selected block within it.
|
||
*
|
||
* @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.
|
||
|
||
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;
|
||
|
||
if (widgetAreaBlockClientId) {
|
||
return widgetAreaBlockClientId;
|
||
} // 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;
|
||
}, []);
|
||
|
||
/* harmony default export */ var 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
|
||
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
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;
|
||
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]);
|
||
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') {
|
||
description = (0,external_wp_i18n_namespaceObject.__)('Blocks in this Widget Area will not be displayed in your site.');
|
||
} 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')))));
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/sidebar/index.js
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
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'
|
||
// for backwards compatibility.
|
||
|
||
const WIDGET_AREAS_IDENTIFIER = 'edit-widgets/block-areas';
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
function ComplementaryAreaTab(_ref) {
|
||
let {
|
||
identifier,
|
||
label,
|
||
isActive
|
||
} = _ref;
|
||
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
|
||
}),
|
||
"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);
|
||
}
|
||
|
||
function Sidebar() {
|
||
const {
|
||
enableComplementaryArea
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(store);
|
||
const {
|
||
currentArea,
|
||
hasSelectedNonAreaBlock,
|
||
isGeneralSidebarOpen,
|
||
selectedWidgetAreaBlock
|
||
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
||
const {
|
||
getSelectedBlock,
|
||
getBlock,
|
||
getBlockParentsByBlockName
|
||
} = select(external_wp_blockEditor_namespaceObject.store);
|
||
const {
|
||
getActiveComplementaryArea
|
||
} = select(store);
|
||
const selectedBlock = getSelectedBlock();
|
||
const activeArea = getActiveComplementaryArea(store_store.name);
|
||
let currentSelection = activeArea;
|
||
|
||
if (!currentSelection) {
|
||
if (selectedBlock) {
|
||
currentSelection = BLOCK_INSPECTOR_IDENTIFIER;
|
||
} else {
|
||
currentSelection = WIDGET_AREAS_IDENTIFIER;
|
||
}
|
||
}
|
||
|
||
let widgetAreaBlock;
|
||
|
||
if (selectedBlock) {
|
||
if (selectedBlock.name === 'core/widget-area') {
|
||
widgetAreaBlock = selectedBlock;
|
||
} else {
|
||
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);
|
||
}
|
||
}, [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.'))));
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/plus.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
|
||
|
||
|
||
/**
|
||
* 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
|
||
|
||
|
||
/**
|
||
* 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,
|
||
isSaving: isSavingWidgetAreas()
|
||
};
|
||
}, []);
|
||
const {
|
||
saveEditedWidgetAreas
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(store_store);
|
||
return (0,external_wp_element_namespaceObject.createElement)(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'));
|
||
}
|
||
|
||
/* 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
|
||
|
||
|
||
/**
|
||
* 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
|
||
|
||
|
||
/**
|
||
* 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, {
|
||
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);
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/keyboard-shortcut-help-modal/config.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
const textFormattingShortcuts = [{
|
||
keyCombination: {
|
||
modifier: 'primary',
|
||
character: 'b'
|
||
},
|
||
description: (0,external_wp_i18n_namespaceObject.__)('Make the selected text bold.')
|
||
}, {
|
||
keyCombination: {
|
||
modifier: 'primary',
|
||
character: 'i'
|
||
},
|
||
description: (0,external_wp_i18n_namespaceObject.__)('Make the selected text italic.')
|
||
}, {
|
||
keyCombination: {
|
||
modifier: 'primary',
|
||
character: 'k'
|
||
},
|
||
description: (0,external_wp_i18n_namespaceObject.__)('Convert the selected text into a link.')
|
||
}, {
|
||
keyCombination: {
|
||
modifier: 'primaryShift',
|
||
character: 'k'
|
||
},
|
||
description: (0,external_wp_i18n_namespaceObject.__)('Remove a link.')
|
||
}, {
|
||
keyCombination: {
|
||
modifier: 'primary',
|
||
character: 'u'
|
||
},
|
||
description: (0,external_wp_i18n_namespaceObject.__)('Underline the selected text.')
|
||
}];
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/keyboard-shortcut-help-modal/shortcut.js
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
function KeyCombination(_ref) {
|
||
let {
|
||
keyCombination,
|
||
forceAriaLabel
|
||
} = _ref;
|
||
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", {
|
||
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);
|
||
}));
|
||
}
|
||
|
||
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
|
||
}))));
|
||
}
|
||
|
||
/* harmony default export */ var 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;
|
||
const {
|
||
keyCombination,
|
||
description,
|
||
aliases
|
||
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
||
const {
|
||
getShortcutKeyCombination,
|
||
getShortcutDescription,
|
||
getShortcutAliases
|
||
} = select(external_wp_keyboardShortcuts_namespaceObject.store);
|
||
return {
|
||
keyCombination: getShortcutKeyCombination(name),
|
||
aliases: getShortcutAliases(name),
|
||
description: getShortcutDescription(name)
|
||
};
|
||
}, [name]);
|
||
|
||
if (!keyCombination) {
|
||
return null;
|
||
}
|
||
|
||
return (0,external_wp_element_namespaceObject.createElement)(keyboard_shortcut_help_modal_shortcut, {
|
||
keyCombination: keyCombination,
|
||
description: description,
|
||
aliases: aliases
|
||
});
|
||
}
|
||
|
||
/* harmony default export */ var dynamic_shortcut = (DynamicShortcut);
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/keyboard-shortcut-help-modal/index.js
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
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, {
|
||
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, {
|
||
shortcuts: shortcuts
|
||
}));
|
||
};
|
||
|
||
const ShortcutCategorySection = _ref3 => {
|
||
let {
|
||
title,
|
||
categoryName,
|
||
additionalShortcuts = []
|
||
} = _ref3;
|
||
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, {
|
||
title: title,
|
||
shortcuts: categoryShortcuts.concat(additionalShortcuts)
|
||
});
|
||
};
|
||
|
||
function KeyboardShortcutHelpModal(_ref4) {
|
||
let {
|
||
isModalActive,
|
||
toggleModal
|
||
} = _ref4;
|
||
(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, {
|
||
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
|
||
}));
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/more-menu/tools-more-menu-group.js
|
||
|
||
|
||
/**
|
||
* External dependencies
|
||
*/
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
const {
|
||
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);
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/more-menu/index.js
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
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
|
||
}));
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/header/index.js
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
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 {
|
||
rootClientId,
|
||
insertionIndex
|
||
} = use_widget_library_insertion_point();
|
||
const {
|
||
setIsInserterOpened
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(store_store);
|
||
const closeInserter = (0,external_wp_element_namespaceObject.useCallback)(() => {
|
||
return setIsInserterOpened(false);
|
||
}, [setIsInserterOpened]);
|
||
const TagName = !isMobileViewport ? external_wp_components_namespaceObject.VisuallyHidden : 'div';
|
||
const [inserterDialogRef, inserterDialogProps] = (0,external_wp_compose_namespaceObject.__experimentalUseDialog)({
|
||
onClose: closeInserter,
|
||
focusOnMount: null
|
||
});
|
||
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
|
||
})));
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/secondary-sidebar/list-view-sidebar.js
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
function ListViewSidebar() {
|
||
const {
|
||
setIsListViewOpened
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(store_store);
|
||
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) {
|
||
if (event.keyCode === external_wp_keycodes_namespaceObject.ESCAPE && !event.defaultPrevented) {
|
||
event.preventDefault();
|
||
setIsListViewOpened(false);
|
||
}
|
||
}
|
||
|
||
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,
|
||
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
|
||
})))
|
||
);
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/secondary-sidebar/index.js
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
function SecondarySidebar() {
|
||
const {
|
||
isInserterOpen,
|
||
isListViewOpen
|
||
} = (0,external_wp_data_namespaceObject.useSelect)(select => {
|
||
const {
|
||
isInserterOpened,
|
||
isListViewOpened
|
||
} = select(store_store);
|
||
return {
|
||
isInserterOpen: isInserterOpened(),
|
||
isListViewOpen: isListViewOpened()
|
||
};
|
||
}, []);
|
||
|
||
if (isInserterOpen) {
|
||
return (0,external_wp_element_namespaceObject.createElement)(InserterSidebar, null);
|
||
}
|
||
|
||
if (isListViewOpen) {
|
||
return (0,external_wp_element_namespaceObject.createElement)(ListViewSidebar, null);
|
||
}
|
||
|
||
return null;
|
||
}
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/layout/interface.js
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
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;
|
||
const isMobileViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('medium', '<');
|
||
const isHugeViewport = (0,external_wp_compose_namespaceObject.useViewportMatch)('huge', '>=');
|
||
const {
|
||
setIsInserterOpened,
|
||
setIsListViewOpened,
|
||
closeGeneralSidebar
|
||
} = (0,external_wp_data_namespaceObject.useDispatch)(store_store);
|
||
const {
|
||
hasBlockBreadCrumbsEnabled,
|
||
hasSidebarEnabled,
|
||
isInserterOpened,
|
||
isListViewOpened,
|
||
previousShortcut,
|
||
nextShortcut
|
||
} = (0,external_wp_data_namespaceObject.useSelect)(select => ({
|
||
hasSidebarEnabled: !!select(store).getActiveComplementaryArea(store_store.name),
|
||
isInserterOpened: !!select(store_store).isInserterOpened(),
|
||
isListViewOpened: !!select(store_store).isListViewOpened(),
|
||
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
|
||
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
if (hasSidebarEnabled && !isHugeViewport) {
|
||
setIsInserterOpened(false);
|
||
setIsListViewOpened(false);
|
||
}
|
||
}, [hasSidebarEnabled, isHugeViewport]);
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
if ((isInserterOpened || isListViewOpened) && !isHugeViewport) {
|
||
closeGeneralSidebar();
|
||
}
|
||
}, [isInserterOpened, isListViewOpened, isHugeViewport]);
|
||
const hasSecondarySidebar = isListViewOpened || isInserterOpened;
|
||
return (0,external_wp_element_namespaceObject.createElement)(interface_skeleton, {
|
||
labels: interfaceLabels,
|
||
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, {
|
||
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')
|
||
})),
|
||
shortcuts: {
|
||
previous: previousShortcut,
|
||
next: nextShortcut
|
||
}
|
||
});
|
||
}
|
||
|
||
/* harmony default export */ var layout_interface = (Interface);
|
||
|
||
;// CONCATENATED MODULE: ./node_modules/@wordpress/edit-widgets/build-module/components/layout/unsaved-changes-warning.js
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
/**
|
||
* Warns the user if there are unsaved changes before leaving the editor.
|
||
*
|
||
* 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.
|
||
*/
|
||
|
||
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;
|
||
}, []);
|
||
(0,external_wp_element_namespaceObject.useEffect)(() => {
|
||
/**
|
||
* Warns the user if there are unsaved changes before leaving the editor.
|
||
*
|
||
* @param {Event} event `beforeunload` event.
|
||
*
|
||
* @return {?string} Warning prompt message, if unsaved changes exist.
|
||
*/
|
||
const warnIfUnsavedChanges = event => {
|
||
if (isDirty) {
|
||
event.returnValue = (0,external_wp_i18n_namespaceObject.__)('You have unsaved changes. If you proceed, they will be lost.');
|
||
return event.returnValue;
|
||
}
|
||
};
|
||
|
||
window.addEventListener('beforeunload', warnIfUnsavedChanges);
|
||
return () => {
|
||
window.removeEventListener('beforeunload', warnIfUnsavedChanges);
|
||
};
|
||
}, [isDirty]);
|
||
return null;
|
||
}
|
||
|
||
;// 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 === 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."))))
|
||
}]
|
||
});
|
||
}
|
||
|
||
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
|
||
|
||
|
||
/**
|
||
* WordPress dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* 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
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/**
|
||
* Internal dependencies
|
||
*/
|
||
|
||
|
||
|
||
|
||
|
||
|
||
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) {
|
||
const target = document.getElementById(id);
|
||
const reboot = reinitializeEditor.bind(null, target, settings);
|
||
|
||
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_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
|
||
// 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);
|
||
}
|
||
/**
|
||
* 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__;
|
||
/******/ })()
|
||
; |