diff -r be944660c56a -r 3d72ae0968f4 wp/wp-includes/js/dist/format-library.js --- a/wp/wp-includes/js/dist/format-library.js Wed Sep 21 18:19:35 2022 +0200 +++ b/wp/wp-includes/js/dist/format-library.js Tue Sep 27 16:37:53 2022 +0200 @@ -1,389 +1,51 @@ -this["wp"] = this["wp"] || {}; this["wp"]["formatLibrary"] = -/******/ (function(modules) { // webpackBootstrap -/******/ // The module cache -/******/ var installedModules = {}; -/******/ -/******/ // The require function -/******/ function __webpack_require__(moduleId) { -/******/ -/******/ // Check if module is in cache -/******/ if(installedModules[moduleId]) { -/******/ return installedModules[moduleId].exports; -/******/ } -/******/ // Create a new module (and put it into the cache) -/******/ var module = installedModules[moduleId] = { -/******/ i: moduleId, -/******/ l: false, -/******/ exports: {} +/******/ (function() { // webpackBootstrap +/******/ "use strict"; +/******/ // The require scope +/******/ var __webpack_require__ = {}; +/******/ +/************************************************************************/ +/******/ /* 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 }); /******/ }; -/******/ -/******/ // Execute the module function -/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); -/******/ -/******/ // Flag the module as loaded -/******/ module.l = true; -/******/ -/******/ // Return the exports of the module -/******/ return module.exports; -/******/ } -/******/ -/******/ -/******/ // expose the modules object (__webpack_modules__) -/******/ __webpack_require__.m = modules; -/******/ -/******/ // expose the module cache -/******/ __webpack_require__.c = installedModules; -/******/ -/******/ // define getter function for harmony exports -/******/ __webpack_require__.d = function(exports, name, getter) { -/******/ if(!__webpack_require__.o(exports, name)) { -/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter }); -/******/ } -/******/ }; -/******/ -/******/ // 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 }); -/******/ }; -/******/ -/******/ // create a fake namespace object -/******/ // mode & 1: value is a module id, require it -/******/ // mode & 2: merge all properties of value into the ns -/******/ // mode & 4: return value when already ns object -/******/ // mode & 8|1: behave like require -/******/ __webpack_require__.t = function(value, mode) { -/******/ if(mode & 1) value = __webpack_require__(value); -/******/ if(mode & 8) return value; -/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value; -/******/ var ns = Object.create(null); -/******/ __webpack_require__.r(ns); -/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value }); -/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key)); -/******/ return ns; -/******/ }; -/******/ -/******/ // getDefaultExport function for compatibility with non-harmony modules -/******/ __webpack_require__.n = function(module) { -/******/ var getter = module && module.__esModule ? -/******/ function getDefault() { return module['default']; } : -/******/ function getModuleExports() { return module; }; -/******/ __webpack_require__.d(getter, 'a', getter); -/******/ return getter; -/******/ }; -/******/ -/******/ // Object.prototype.hasOwnProperty.call -/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); }; -/******/ -/******/ // __webpack_public_path__ -/******/ __webpack_require__.p = ""; -/******/ -/******/ -/******/ // Load entry module and return exports -/******/ return __webpack_require__(__webpack_require__.s = "t1DA"); -/******/ }) +/******/ }(); +/******/ /************************************************************************/ -/******/ ({ - -/***/ "1Yn1": -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const code = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], { - viewBox: "0 0 24 24", - xmlns: "http://www.w3.org/2000/svg" -}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], { - d: "M20.8 10.7l-4.3-4.3-1.1 1.1 4.3 4.3c.1.1.1.3 0 .4l-4.3 4.3 1.1 1.1 4.3-4.3c.7-.8.7-1.9 0-2.6zM4.2 11.8l4.3-4.3-1-1-4.3 4.3c-.7.7-.7 1.8 0 2.5l4.3 4.3 1.1-1.1-4.3-4.3c-.2-.1-.2-.3-.1-.4z" -})); -/* harmony default export */ __webpack_exports__["a"] = (code); - - -/***/ }), - -/***/ "1ZqX": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["data"]; }()); - -/***/ }), +var __webpack_exports__ = {}; +// ESM COMPAT FLAG +__webpack_require__.r(__webpack_exports__); -/***/ "Bpkj": -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const link = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], { - d: "M15.6 7.2H14v1.5h1.6c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.8 0 5.2-2.3 5.2-5.2 0-2.9-2.3-5.2-5.2-5.2zM4.7 12.4c0-2 1.7-3.7 3.7-3.7H10V7.2H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H10v-1.5H8.4c-2 0-3.7-1.7-3.7-3.7zm4.6.9h5.3v-1.5H9.3v1.5z" -})); -/* harmony default export */ __webpack_exports__["a"] = (link); - - -/***/ }), - -/***/ "Crq9": -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); +;// CONCATENATED MODULE: external ["wp","richText"] +var external_wp_richText_namespaceObject = window["wp"]["richText"]; +;// CONCATENATED MODULE: external ["wp","element"] +var external_wp_element_namespaceObject = window["wp"]["element"]; +;// CONCATENATED MODULE: external ["wp","i18n"] +var external_wp_i18n_namespaceObject = window["wp"]["i18n"]; +;// CONCATENATED MODULE: external ["wp","blockEditor"] +var external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"]; +;// CONCATENATED MODULE: external ["wp","primitives"] +var external_wp_primitives_namespaceObject = window["wp"]["primitives"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-bold.js /** * WordPress dependencies */ -const formatStrikethrough = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], { - d: "M9.1 9v-.5c0-.6.2-1.1.7-1.4.5-.3 1.2-.5 2-.5.7 0 1.4.1 2.1.3.7.2 1.4.5 2.1.9l.2-1.9c-.6-.3-1.2-.5-1.9-.7-.8-.1-1.6-.2-2.4-.2-1.5 0-2.7.3-3.6 1-.8.7-1.2 1.5-1.2 2.6V9h2zM20 12H4v1h8.3c.3.1.6.2.8.3.5.2.9.5 1.1.8.3.3.4.7.4 1.2 0 .7-.2 1.1-.8 1.5-.5.3-1.2.5-2.1.5-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.5-2.2-.8L7 18.1c.5.2 1.2.4 2 .6.8.2 1.6.3 2.4.3 1.7 0 3-.3 3.9-1 .9-.7 1.3-1.6 1.3-2.8 0-.9-.2-1.7-.7-2.2H20v-1z" -})); -/* harmony default export */ __webpack_exports__["a"] = (formatStrikethrough); - - -/***/ }), - -/***/ "GRId": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["element"]; }()); - -/***/ }), - -/***/ "Mmq9": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["url"]; }()); - -/***/ }), - -/***/ "Mp0b": -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const linkOff = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], { +const formatBold = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" -}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], { - d: "M15.6 7.3h-.7l1.6-3.5-.9-.4-3.9 8.5H9v1.5h2l-1.3 2.8H8.4c-2 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7H10V7.3H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H9l-1.4 3.2.9.4 5.7-12.5h1.4c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.9 0 5.2-2.3 5.2-5.2 0-2.9-2.4-5.2-5.2-5.2z" -})); -/* harmony default export */ __webpack_exports__["a"] = (linkOff); - - -/***/ }), - -/***/ "Tqx9": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["primitives"]; }()); - -/***/ }), - -/***/ "YLtl": -/***/ (function(module, exports) { - -(function() { module.exports = window["lodash"]; }()); - -/***/ }), - -/***/ "axFQ": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["blockEditor"]; }()); - -/***/ }), - -/***/ "btIw": -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const keyboardReturn = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "-2 -2 24 24" -}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], { - d: "M6.734 16.106l2.176-2.38-1.093-1.028-3.846 4.158 3.846 4.157 1.093-1.027-2.176-2.38h2.811c1.125 0 2.25.03 3.374 0 1.428-.001 3.362-.25 4.963-1.277 1.66-1.065 2.868-2.906 2.868-5.859 0-2.479-1.327-4.896-3.65-5.93-1.82-.813-3.044-.8-4.806-.788l-.567.002v1.5c.184 0 .368 0 .553-.002 1.82-.007 2.704-.014 4.21.657 1.854.827 2.76 2.657 2.76 4.561 0 2.472-.973 3.824-2.178 4.596-1.258.807-2.864 1.04-4.163 1.04h-.02c-1.115.03-2.229 0-3.344 0H6.734z" -})); -/* harmony default export */ __webpack_exports__["a"] = (keyboardReturn); - - -/***/ }), - -/***/ "gdqT": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["a11y"]; }()); - -/***/ }), - -/***/ "iClF": -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/** - * WordPress dependencies - */ - -/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */ - -/** - * Return an SVG icon. - * - * @param {IconProps} props icon is the SVG component to render - * size is a number specifiying the icon size in pixels - * Other props will be passed to wrapped SVG component - * - * @return {JSX.Element} Icon component - */ - -function Icon({ - icon, - size = 24, - ...props -}) { - return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["cloneElement"])(icon, { - width: size, - height: size, - ...props - }); -} - -/* harmony default export */ __webpack_exports__["a"] = (Icon); - - -/***/ }), - -/***/ "l3Sj": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["i18n"]; }()); - -/***/ }), - -/***/ "oMoS": -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const button = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], { - viewBox: "0 0 24 24", - xmlns: "http://www.w3.org/2000/svg" -}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], { - d: "M19 6.5H5c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7c0-1.1-.9-2-2-2zm.5 9c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v7zM8 12.8h8v-1.5H8v1.5z" -})); -/* harmony default export */ __webpack_exports__["a"] = (button); - - -/***/ }), - -/***/ "qRz9": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["richText"]; }()); - -/***/ }), - -/***/ "rmEH": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["htmlEntities"]; }()); - -/***/ }), - -/***/ "t1DA": -/***/ (function(module, __webpack_exports__, __webpack_require__) { - -"use strict"; -// ESM COMPAT FLAG -__webpack_require__.r(__webpack_exports__); - -// EXTERNAL MODULE: external ["wp","richText"] -var external_wp_richText_ = __webpack_require__("qRz9"); - -// EXTERNAL MODULE: external ["wp","element"] -var external_wp_element_ = __webpack_require__("GRId"); - -// EXTERNAL MODULE: external ["wp","i18n"] -var external_wp_i18n_ = __webpack_require__("l3Sj"); - -// EXTERNAL MODULE: external ["wp","blockEditor"] -var external_wp_blockEditor_ = __webpack_require__("axFQ"); - -// EXTERNAL MODULE: external ["wp","primitives"] -var external_wp_primitives_ = __webpack_require__("Tqx9"); - -// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-bold.js - - -/** - * WordPress dependencies - */ - -const formatBold = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, Object(external_wp_element_["createElement"])(external_wp_primitives_["Path"], { +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { d: "M14.7 11.3c1-.6 1.5-1.6 1.5-3 0-2.3-1.3-3.4-4-3.4H7v14h5.8c1.4 0 2.5-.3 3.3-1 .8-.7 1.2-1.7 1.2-2.9.1-1.9-.8-3.1-2.6-3.7zm-5.1-4h2.3c.6 0 1.1.1 1.4.4.3.3.5.7.5 1.2s-.2 1-.5 1.2c-.3.3-.8.4-1.4.4H9.6V7.3zm4.6 9c-.4.3-1 .4-1.7.4H9.6v-3.9h2.9c.7 0 1.3.2 1.7.5.4.3.6.8.6 1.5s-.2 1.2-.6 1.5z" })); /* harmony default export */ var format_bold = (formatBold); -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/bold/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/bold/index.js /** @@ -395,7 +57,7 @@ const bold_name = 'core/bold'; -const title = Object(external_wp_i18n_["__"])('Bold'); +const title = (0,external_wp_i18n_namespaceObject.__)('Bold'); const bold = { name: bold_name, @@ -403,28 +65,33 @@ tagName: 'strong', className: null, - edit({ - isActive, - value, - onChange, - onFocus - }) { + edit(_ref) { + let { + isActive, + value, + onChange, + onFocus + } = _ref; + function onToggle() { - onChange(Object(external_wp_richText_["toggleFormat"])(value, { - type: bold_name + onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, { + type: bold_name, + title })); } function onClick() { - onToggle(); + onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, { + type: bold_name + })); onFocus(); } - return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextShortcut"], { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, { type: "primary", character: "b", onUse: onToggle - }), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], { + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, { name: "bold", icon: format_bold, title: title, @@ -432,7 +99,7 @@ isActive: isActive, shortcutType: "primary", shortcutCharacter: "b" - }), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__unstableRichTextInputEvent"], { + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, { inputType: "formatBold", onInput: onToggle })); @@ -440,10 +107,22 @@ }; -// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/code.js -var code = __webpack_require__("1Yn1"); +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/code.js + + +/** + * WordPress dependencies + */ -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/code/index.js +const code = (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: "M20.8 10.7l-4.3-4.3-1.1 1.1 4.3 4.3c.1.1.1.3 0 .4l-4.3 4.3 1.1 1.1 4.3-4.3c.7-.8.7-1.9 0-2.6zM4.2 11.8l4.3-4.3-1-1-4.3 4.3c-.7.7-.7 1.8 0 2.5l4.3 4.3 1.1-1.1-4.3-4.3c-.2-.1-.2-.3-.1-.4z" +})); +/* harmony default export */ var library_code = (code); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/code/index.js /** @@ -455,7 +134,7 @@ const code_name = 'core/code'; -const code_title = Object(external_wp_i18n_["__"])('Inline code'); +const code_title = (0,external_wp_i18n_namespaceObject.__)('Inline code'); const code_code = { name: code_name, @@ -489,44 +168,59 @@ return value; } - value = Object(external_wp_richText_["remove"])(value, startIndex, startIndex + 1); - value = Object(external_wp_richText_["remove"])(value, endIndex, endIndex + 1); - value = Object(external_wp_richText_["applyFormat"])(value, { + value = (0,external_wp_richText_namespaceObject.remove)(value, startIndex, startIndex + 1); + value = (0,external_wp_richText_namespaceObject.remove)(value, endIndex, endIndex + 1); + value = (0,external_wp_richText_namespaceObject.applyFormat)(value, { type: code_name }, startIndex, endIndex); return value; }, - edit({ - value, - onChange, - onFocus, - isActive - }) { + edit(_ref) { + let { + value, + onChange, + onFocus, + isActive + } = _ref; + function onClick() { - onChange(Object(external_wp_richText_["toggleFormat"])(value, { - type: code_name + onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, { + type: code_name, + title: code_title })); onFocus(); } - return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], { - icon: code["a" /* default */], + return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, { + icon: library_code, title: code_title, onClick: onClick, - isActive: isActive + isActive: isActive, + role: "menuitemcheckbox" }); } }; -// EXTERNAL MODULE: external ["wp","components"] -var external_wp_components_ = __webpack_require__("tI+e"); +;// CONCATENATED MODULE: external ["wp","components"] +var external_wp_components_namespaceObject = window["wp"]["components"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/keyboard-return.js + + +/** + * WordPress dependencies + */ -// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/keyboard-return.js -var keyboard_return = __webpack_require__("btIw"); +const keyboardReturn = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { + xmlns: "http://www.w3.org/2000/svg", + viewBox: "-2 -2 24 24" +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { + d: "M6.734 16.106l2.176-2.38-1.093-1.028-3.846 4.158 3.846 4.157 1.093-1.027-2.176-2.38h2.811c1.125 0 2.25.03 3.374 0 1.428-.001 3.362-.25 4.963-1.277 1.66-1.065 2.868-2.906 2.868-5.859 0-2.479-1.327-4.896-3.65-5.93-1.82-.813-3.044-.8-4.806-.788l-.567.002v1.5c.184 0 .368 0 .553-.002 1.82-.007 2.704-.014 4.21.657 1.854.827 2.76 2.657 2.76 4.561 0 2.472-.973 3.824-2.178 4.596-1.258.807-2.864 1.04-4.163 1.04h-.02c-1.115.03-2.229 0-3.344 0H6.734z" +})); +/* harmony default export */ var keyboard_return = (keyboardReturn); -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/image/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/image/index.js /** @@ -541,12 +235,12 @@ const ALLOWED_MEDIA_TYPES = ['image']; const image_name = 'core/image'; -const image_title = Object(external_wp_i18n_["__"])('Inline image'); +const image_title = (0,external_wp_i18n_namespaceObject.__)('Inline image'); const image_image = { name: image_name, title: image_title, - keywords: [Object(external_wp_i18n_["__"])('photo'), Object(external_wp_i18n_["__"])('media')], + keywords: [(0,external_wp_i18n_namespaceObject.__)('photo'), (0,external_wp_i18n_namespaceObject.__)('media')], object: true, tagName: 'img', className: null, @@ -559,34 +253,35 @@ edit: Edit }; -function InlineUI({ - value, - onChange, - activeObjectAttributes, - contentRef -}) { +function InlineUI(_ref) { + let { + value, + onChange, + activeObjectAttributes, + contentRef + } = _ref; const { style } = activeObjectAttributes; - const [width, setWidth] = Object(external_wp_element_["useState"])(style === null || style === void 0 ? void 0 : style.replace(/\D/g, '')); - const anchorRef = Object(external_wp_richText_["useAnchorRef"])({ + const [width, setWidth] = (0,external_wp_element_namespaceObject.useState)(style === null || style === void 0 ? void 0 : style.replace(/\D/g, '')); + const anchorRef = (0,external_wp_richText_namespaceObject.useAnchorRef)({ ref: contentRef, value, settings: image_image }); - return Object(external_wp_element_["createElement"])(external_wp_components_["Popover"], { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { position: "bottom center", focusOnMount: false, anchorRef: anchorRef, className: "block-editor-format-toolbar__image-popover" - }, Object(external_wp_element_["createElement"])("form", { + }, (0,external_wp_element_namespaceObject.createElement)("form", { className: "block-editor-format-toolbar__image-container-content", onSubmit: event => { const newReplacements = value.replacements.slice(); newReplacements[value.start] = { type: image_name, attributes: { ...activeObjectAttributes, - style: `width: ${width}px;` + style: width ? `width: ${width}px;` : '' } }; onChange({ ...value, @@ -594,29 +289,30 @@ }); event.preventDefault(); } - }, Object(external_wp_element_["createElement"])(external_wp_components_["TextControl"], { + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, { className: "block-editor-format-toolbar__image-container-value", type: "number", - label: Object(external_wp_i18n_["__"])('Width'), + label: (0,external_wp_i18n_namespaceObject.__)('Width'), value: width, min: 1, onChange: newWidth => setWidth(newWidth) - }), Object(external_wp_element_["createElement"])(external_wp_components_["Button"], { - icon: keyboard_return["a" /* default */], - label: Object(external_wp_i18n_["__"])('Apply'), + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, { + icon: keyboard_return, + label: (0,external_wp_i18n_namespaceObject.__)('Apply'), type: "submit" }))); } -function Edit({ - value, - onChange, - onFocus, - isObjectActive, - activeObjectAttributes, - contentRef -}) { - const [isModalOpen, setIsModalOpen] = Object(external_wp_element_["useState"])(false); +function Edit(_ref2) { + let { + value, + onChange, + onFocus, + isObjectActive, + activeObjectAttributes, + contentRef + } = _ref2; + const [isModalOpen, setIsModalOpen] = (0,external_wp_element_namespaceObject.useState)(false); function openModal() { setIsModalOpen(true); @@ -626,26 +322,27 @@ setIsModalOpen(false); } - return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["MediaUploadCheck"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], { - icon: Object(external_wp_element_["createElement"])(external_wp_components_["SVG"], { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaUploadCheck, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, { + icon: (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" - }, Object(external_wp_element_["createElement"])(external_wp_components_["Path"], { + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Path, { d: "M4 18.5h16V17H4v1.5zM16 13v1.5h4V13h-4zM5.1 15h7.8c.6 0 1.1-.5 1.1-1.1V6.1c0-.6-.5-1.1-1.1-1.1H5.1C4.5 5 4 5.5 4 6.1v7.8c0 .6.5 1.1 1.1 1.1zm.4-8.5h7V10l-1-1c-.3-.3-.8-.3-1 0l-1.6 1.5-1.2-.7c-.3-.2-.6-.2-.9 0l-1.3 1V6.5zm0 6.1l1.8-1.3 1.3.8c.3.2.7.2.9-.1l1.5-1.4 1.5 1.4v1.5h-7v-.9z" })), title: image_title, onClick: openModal, isActive: isObjectActive - }), isModalOpen && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["MediaUpload"], { + }), isModalOpen && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaUpload, { allowedTypes: ALLOWED_MEDIA_TYPES, - onSelect: ({ - id, - url, - alt, - width: imgWidth - }) => { + onSelect: _ref3 => { + let { + id, + url, + alt, + width: imgWidth + } = _ref3; closeModal(); - onChange(Object(external_wp_richText_["insertObject"])(value, { + onChange((0,external_wp_richText_namespaceObject.insertObject)(value, { type: image_name, attributes: { className: `wp-image-${id}`, @@ -657,13 +354,14 @@ onFocus(); }, onClose: closeModal, - render: ({ - open - }) => { + render: _ref4 => { + let { + open + } = _ref4; open(); return null; } - }), isObjectActive && Object(external_wp_element_["createElement"])(InlineUI, { + }), isObjectActive && (0,external_wp_element_namespaceObject.createElement)(InlineUI, { value: value, onChange: onChange, activeObjectAttributes: activeObjectAttributes, @@ -671,22 +369,22 @@ })); } -// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-italic.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-italic.js /** * WordPress dependencies */ -const formatItalic = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], { +const formatItalic = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" -}, Object(external_wp_element_["createElement"])(external_wp_primitives_["Path"], { +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { d: "M12.5 5L10 19h1.9l2.5-14z" })); /* harmony default export */ var format_italic = (formatItalic); -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/italic/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/italic/index.js /** @@ -698,7 +396,7 @@ const italic_name = 'core/italic'; -const italic_title = Object(external_wp_i18n_["__"])('Italic'); +const italic_title = (0,external_wp_i18n_namespaceObject.__)('Italic'); const italic = { name: italic_name, @@ -706,28 +404,33 @@ tagName: 'em', className: null, - edit({ - isActive, - value, - onChange, - onFocus - }) { + edit(_ref) { + let { + isActive, + value, + onChange, + onFocus + } = _ref; + function onToggle() { - onChange(Object(external_wp_richText_["toggleFormat"])(value, { - type: italic_name + onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, { + type: italic_name, + title: italic_title })); } function onClick() { - onToggle(); + onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, { + type: italic_name + })); onFocus(); } - return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextShortcut"], { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, { type: "primary", character: "i", onUse: onToggle - }), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], { + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, { name: "italic", icon: format_italic, title: italic_title, @@ -735,7 +438,7 @@ isActive: isActive, shortcutType: "primary", shortcutCharacter: "i" - }), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__unstableRichTextInputEvent"], { + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, { inputType: "formatItalic", onInput: onToggle })); @@ -743,25 +446,47 @@ }; -// EXTERNAL MODULE: external ["wp","url"] -var external_wp_url_ = __webpack_require__("Mmq9"); +;// CONCATENATED MODULE: external ["wp","url"] +var external_wp_url_namespaceObject = window["wp"]["url"]; +;// CONCATENATED MODULE: external ["wp","htmlEntities"] +var external_wp_htmlEntities_namespaceObject = window["wp"]["htmlEntities"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/link-off.js + -// EXTERNAL MODULE: external ["wp","htmlEntities"] -var external_wp_htmlEntities_ = __webpack_require__("rmEH"); +/** + * WordPress dependencies + */ -// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/link-off.js -var link_off = __webpack_require__("Mp0b"); +const linkOff = (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 7.3h-.7l1.6-3.5-.9-.4-3.9 8.5H9v1.5h2l-1.3 2.8H8.4c-2 0-3.7-1.7-3.7-3.7s1.7-3.7 3.7-3.7H10V7.3H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H9l-1.4 3.2.9.4 5.7-12.5h1.4c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.9 0 5.2-2.3 5.2-5.2 0-2.9-2.4-5.2-5.2-5.2z" +})); +/* harmony default export */ var link_off = (linkOff); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/link.js -// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/link.js -var library_link = __webpack_require__("Bpkj"); + +/** + * WordPress dependencies + */ -// EXTERNAL MODULE: external ["wp","a11y"] -var external_wp_a11y_ = __webpack_require__("gdqT"); +const link_link = (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 7.2H14v1.5h1.6c2 0 3.7 1.7 3.7 3.7s-1.7 3.7-3.7 3.7H14v1.5h1.6c2.8 0 5.2-2.3 5.2-5.2 0-2.9-2.3-5.2-5.2-5.2zM4.7 12.4c0-2 1.7-3.7 3.7-3.7H10V7.2H8.4c-2.9 0-5.2 2.3-5.2 5.2 0 2.9 2.3 5.2 5.2 5.2H10v-1.5H8.4c-2 0-3.7-1.7-3.7-3.7zm4.6.9h5.3v-1.5H9.3v1.5z" +})); +/* harmony default export */ var library_link = (link_link); -// EXTERNAL MODULE: external "lodash" -var external_lodash_ = __webpack_require__("YLtl"); - -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/utils.js +;// CONCATENATED MODULE: external ["wp","a11y"] +var external_wp_a11y_namespaceObject = window["wp"]["a11y"]; +;// CONCATENATED MODULE: external ["wp","data"] +var external_wp_data_namespaceObject = window["wp"]["data"]; +;// CONCATENATED MODULE: external "lodash" +var external_lodash_namespaceObject = window["lodash"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/utils.js /** * External dependencies */ @@ -792,45 +517,45 @@ if (/^\S+:/.test(trimmedHref)) { - const protocol = Object(external_wp_url_["getProtocol"])(trimmedHref); + const protocol = (0,external_wp_url_namespaceObject.getProtocol)(trimmedHref); - if (!Object(external_wp_url_["isValidProtocol"])(protocol)) { + if (!(0,external_wp_url_namespaceObject.isValidProtocol)(protocol)) { return false; } // Add some extra checks for http(s) URIs, since these are the most common use-case. // This ensures URIs with an http protocol have exactly two forward slashes following the protocol. - if (Object(external_lodash_["startsWith"])(protocol, 'http') && !/^https?:\/\/[^\/\s]/i.test(trimmedHref)) { + if ((0,external_lodash_namespaceObject.startsWith)(protocol, 'http') && !/^https?:\/\/[^\/\s]/i.test(trimmedHref)) { return false; } - const authority = Object(external_wp_url_["getAuthority"])(trimmedHref); + const authority = (0,external_wp_url_namespaceObject.getAuthority)(trimmedHref); - if (!Object(external_wp_url_["isValidAuthority"])(authority)) { + if (!(0,external_wp_url_namespaceObject.isValidAuthority)(authority)) { return false; } - const path = Object(external_wp_url_["getPath"])(trimmedHref); + const path = (0,external_wp_url_namespaceObject.getPath)(trimmedHref); - if (path && !Object(external_wp_url_["isValidPath"])(path)) { + if (path && !(0,external_wp_url_namespaceObject.isValidPath)(path)) { return false; } - const queryString = Object(external_wp_url_["getQueryString"])(trimmedHref); + const queryString = (0,external_wp_url_namespaceObject.getQueryString)(trimmedHref); - if (queryString && !Object(external_wp_url_["isValidQueryString"])(queryString)) { + if (queryString && !(0,external_wp_url_namespaceObject.isValidQueryString)(queryString)) { return false; } - const fragment = Object(external_wp_url_["getFragment"])(trimmedHref); + const fragment = (0,external_wp_url_namespaceObject.getFragment)(trimmedHref); - if (fragment && !Object(external_wp_url_["isValidFragment"])(fragment)) { + if (fragment && !(0,external_wp_url_namespaceObject.isValidFragment)(fragment)) { return false; } } // Validate anchor links. - if (Object(external_lodash_["startsWith"])(trimmedHref, '#') && !Object(external_wp_url_["isValidFragment"])(trimmedHref)) { + if ((0,external_lodash_namespaceObject.startsWith)(trimmedHref, '#') && !(0,external_wp_url_namespaceObject.isValidFragment)(trimmedHref)) { return false; } @@ -848,12 +573,13 @@ * @return {Object} The final format object. */ -function createLinkFormat({ - url, - type, - id, - opensInNewWindow -}) { +function createLinkFormat(_ref) { + let { + url, + type, + id, + opensInNewWindow + } = _ref; const format = { type: 'core/link', attributes: { @@ -870,8 +596,153 @@ return format; } +/* eslint-disable jsdoc/no-undefined-types */ -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/inline.js +/** + * Get the start and end boundaries of a given format from a rich text value. + * + * + * @param {RichTextValue} value the rich text value to interrogate. + * @param {string} format the identifier for the target format (e.g. `core/link`, `core/bold`). + * @param {number?} startIndex optional startIndex to seek from. + * @param {number?} endIndex optional endIndex to seek from. + * @return {Object} object containing start and end values for the given format. + */ + +/* eslint-enable jsdoc/no-undefined-types */ + +function getFormatBoundary(value, format) { + let startIndex = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : value.start; + let endIndex = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : value.end; + const EMPTY_BOUNDARIES = { + start: null, + end: null + }; + const { + formats + } = value; + let targetFormat; + let initialIndex; + + if (!(formats !== null && formats !== void 0 && formats.length)) { + return EMPTY_BOUNDARIES; + } // Clone formats to avoid modifying source formats. + + + const newFormats = formats.slice(); + const formatAtStart = (0,external_lodash_namespaceObject.find)(newFormats[startIndex], { + type: format.type + }); + const formatAtEnd = (0,external_lodash_namespaceObject.find)(newFormats[endIndex], { + type: format.type + }); + const formatAtEndMinusOne = (0,external_lodash_namespaceObject.find)(newFormats[endIndex - 1], { + type: format.type + }); + + if (!!formatAtStart) { + // Set values to conform to "start" + targetFormat = formatAtStart; + initialIndex = startIndex; + } else if (!!formatAtEnd) { + // Set values to conform to "end" + targetFormat = formatAtEnd; + initialIndex = endIndex; + } else if (!!formatAtEndMinusOne) { + // This is an edge case which will occur if you create a format, then place + // the caret just before the format and hit the back ARROW key. The resulting + // value object will have start and end +1 beyond the edge of the format boundary. + targetFormat = formatAtEndMinusOne; + initialIndex = endIndex - 1; + } else { + return EMPTY_BOUNDARIES; + } + + const index = newFormats[initialIndex].indexOf(targetFormat); + const walkingArgs = [newFormats, initialIndex, targetFormat, index]; // Walk the startIndex "backwards" to the leading "edge" of the matching format. + + startIndex = walkToStart(...walkingArgs); // Walk the endIndex "forwards" until the trailing "edge" of the matching format. + + endIndex = walkToEnd(...walkingArgs); // Safe guard: start index cannot be less than 0. + + startIndex = startIndex < 0 ? 0 : startIndex; // // Return the indicies of the "edges" as the boundaries. + + return { + start: startIndex, + end: endIndex + }; +} +/** + * Walks forwards/backwards towards the boundary of a given format within an + * array of format objects. Returns the index of the boundary. + * + * @param {Array} formats the formats to search for the given format type. + * @param {number} initialIndex the starting index from which to walk. + * @param {Object} targetFormatRef a reference to the format type object being sought. + * @param {number} formatIndex the index at which we expect the target format object to be. + * @param {string} direction either 'forwards' or 'backwards' to indicate the direction. + * @return {number} the index of the boundary of the given format. + */ + +function walkToBoundary(formats, initialIndex, targetFormatRef, formatIndex, direction) { + let index = initialIndex; + const directions = { + forwards: 1, + backwards: -1 + }; + const directionIncrement = directions[direction] || 1; // invalid direction arg default to forwards + + const inverseDirectionIncrement = directionIncrement * -1; + + while (formats[index] && formats[index][formatIndex] === targetFormatRef) { + // Increment/decrement in the direction of operation. + index = index + directionIncrement; + } // Restore by one in inverse direction of operation + // to avoid out of bounds. + + + index = index + inverseDirectionIncrement; + return index; +} + +const walkToStart = (0,external_lodash_namespaceObject.partialRight)(walkToBoundary, 'backwards'); +const walkToEnd = (0,external_lodash_namespaceObject.partialRight)(walkToBoundary, 'forwards'); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/use-link-instance-key.js +// Weakly referenced map allows unused ids to be garbage collected. +const weakMap = new WeakMap(); // Incrementing zero-based ID value. + +let id = -1; +const prefix = 'link-control-instance'; + +function getKey(_id) { + return `${prefix}-${_id}`; +} +/** + * Builds a unique link control key for the given object reference. + * + * @param {Object} instance an unique object reference specific to this link control instance. + * @return {string} the unique key to use for this link control. + */ + + +function useLinkInstanceKey(instance) { + if (!instance) { + return; + } + + if (weakMap.has(instance)) { + return getKey(weakMap.get(instance)); + } + + id += 1; + weakMap.set(instance, id); + return getKey(id); +} + +/* harmony default export */ var use_link_instance_key = (useLinkInstanceKey); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/inline.js /** @@ -883,6 +754,7 @@ + /** * Internal dependencies */ @@ -890,16 +762,21 @@ -function InlineLinkUI({ - isActive, - activeAttributes, - addingLink, - value, - onChange, - speak, - stopAddingLink, - contentRef -}) { + +function InlineLinkUI(_ref) { + let { + isActive, + activeAttributes, + addingLink, + value, + onChange, + speak, + stopAddingLink, + contentRef + } = _ref; + const richLinkTextValue = getRichTextValueFromSelection(value, isActive); // Get the text content minus any HTML tags. + + const richTextText = richLinkTextValue.text; /** * Pending settings to be applied to the next link. When inserting a new * link, toggle values cannot be applied immediately, because there is not @@ -908,15 +785,39 @@ * * @type {[Object|undefined,Function]} */ - const [nextLinkValue, setNextLinkValue] = Object(external_wp_element_["useState"])(); + + const [nextLinkValue, setNextLinkValue] = (0,external_wp_element_namespaceObject.useState)(); + const { + createPageEntity, + userCanCreatePages + } = (0,external_wp_data_namespaceObject.useSelect)(select => { + const { + getSettings + } = select(external_wp_blockEditor_namespaceObject.store); + + const _settings = getSettings(); + + return { + createPageEntity: _settings.__experimentalCreatePageEntity, + userCanCreatePages: _settings.__experimentalUserCanCreatePages + }; + }, []); const linkValue = { url: activeAttributes.url, type: activeAttributes.type, id: activeAttributes.id, opensInNewTab: activeAttributes.target === '_blank', + title: richTextText, ...nextLinkValue }; + function removeLink() { + const newValue = (0,external_wp_richText_namespaceObject.removeFormat)(value, 'core/link'); + onChange(newValue); + stopAddingLink(); + speak((0,external_wp_i18n_namespaceObject.__)('Link removed.'), 'assertive'); + } + function onChangeLink(nextValue) { // Merge with values from state, both for the purpose of assigning the // next state value, and for use in constructing the new link format if @@ -938,22 +839,46 @@ return; } - const newUrl = Object(external_wp_url_["prependHTTP"])(nextValue.url); - const format = createLinkFormat({ + const newUrl = (0,external_wp_url_namespaceObject.prependHTTP)(nextValue.url); + const linkFormat = createLinkFormat({ url: newUrl, type: nextValue.type, id: nextValue.id !== undefined && nextValue.id !== null ? String(nextValue.id) : undefined, opensInNewWindow: nextValue.opensInNewTab }); + const newText = nextValue.title || newUrl; - if (Object(external_wp_richText_["isCollapsed"])(value) && !isActive) { - const newText = nextValue.title || newUrl; - const toInsert = Object(external_wp_richText_["applyFormat"])(Object(external_wp_richText_["create"])({ + if ((0,external_wp_richText_namespaceObject.isCollapsed)(value) && !isActive) { + // Scenario: we don't have any actively selected text or formats. + const toInsert = (0,external_wp_richText_namespaceObject.applyFormat)((0,external_wp_richText_namespaceObject.create)({ text: newText - }), format, 0, newText.length); - onChange(Object(external_wp_richText_["insert"])(value, toInsert)); + }), linkFormat, 0, newText.length); + onChange((0,external_wp_richText_namespaceObject.insert)(value, toInsert)); } else { - const newValue = Object(external_wp_richText_["applyFormat"])(value, format); + // Scenario: we have any active text selection or an active format. + let newValue; + + if (newText === richTextText) { + // If we're not updating the text then ignore. + newValue = (0,external_wp_richText_namespaceObject.applyFormat)(value, linkFormat); + } else { + // Create new RichText value for the new text in order that we + // can apply formats to it. + newValue = (0,external_wp_richText_namespaceObject.create)({ + text: newText + }); // Apply the new Link format to this new text value. + + newValue = (0,external_wp_richText_namespaceObject.applyFormat)(newValue, linkFormat, 0, newText.length); // Update the original (full) RichTextValue replacing the + // target text with the *new* RichTextValue containing: + // 1. The new text content. + // 2. The new link format. + // Note original formats will be lost when applying this change. + // That is expected behaviour. + // See: https://github.com/WordPress/gutenberg/pull/33849#issuecomment-936134179. + + newValue = (0,external_wp_richText_namespaceObject.replace)(value, richTextText, newValue); + } + newValue.start = newValue.end; newValue.activeFormats = []; onChange(newValue); @@ -966,37 +891,93 @@ } if (!isValidHref(newUrl)) { - speak(Object(external_wp_i18n_["__"])('Warning: the link has been inserted but may have errors. Please test it.'), 'assertive'); + speak((0,external_wp_i18n_namespaceObject.__)('Warning: the link has been inserted but may have errors. Please test it.'), 'assertive'); } else if (isActive) { - speak(Object(external_wp_i18n_["__"])('Link edited.'), 'assertive'); + speak((0,external_wp_i18n_namespaceObject.__)('Link edited.'), 'assertive'); } else { - speak(Object(external_wp_i18n_["__"])('Link inserted.'), 'assertive'); + speak((0,external_wp_i18n_namespaceObject.__)('Link inserted.'), 'assertive'); } } - const anchorRef = Object(external_wp_richText_["useAnchorRef"])({ + const anchorRef = (0,external_wp_richText_namespaceObject.useAnchorRef)({ ref: contentRef, value, - settings: link_link - }); // The focusOnMount prop shouldn't evolve during render of a Popover + settings: build_module_link_link + }); // Generate a string based key that is unique to this anchor reference. + // This is used to force re-mount the LinkControl component to avoid + // potential stale state bugs caused by the component not being remounted + // See https://github.com/WordPress/gutenberg/pull/34742. + + const forceRemountKey = use_link_instance_key(anchorRef); // The focusOnMount prop shouldn't evolve during render of a Popover // otherwise it causes a render of the content. - const focusOnMount = Object(external_wp_element_["useRef"])(addingLink ? 'firstElement' : false); - return Object(external_wp_element_["createElement"])(external_wp_components_["Popover"], { + const focusOnMount = (0,external_wp_element_namespaceObject.useRef)(addingLink ? 'firstElement' : false); + + async function handleCreate(pageTitle) { + const page = await createPageEntity({ + title: pageTitle, + status: 'draft' + }); + return { + id: page.id, + type: page.type, + title: page.title.rendered, + url: page.link, + kind: 'post-type' + }; + } + + function createButtonText(searchTerm) { + return (0,external_wp_element_namespaceObject.createInterpolateElement)((0,external_wp_i18n_namespaceObject.sprintf)( + /* translators: %s: search term. */ + (0,external_wp_i18n_namespaceObject.__)('Create Page: %s'), searchTerm), { + mark: (0,external_wp_element_namespaceObject.createElement)("mark", null) + }); + } + + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { anchorRef: anchorRef, focusOnMount: focusOnMount.current, onClose: stopAddingLink, position: "bottom center" - }, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__experimentalLinkControl"], { + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalLinkControl, { + key: forceRemountKey, value: linkValue, onChange: onChangeLink, - forceIsEditingLink: addingLink + onRemove: removeLink, + forceIsEditingLink: addingLink, + hasRichPreviews: true, + createSuggestion: createPageEntity && handleCreate, + withCreateSuggestion: userCanCreatePages, + createSuggestionButtonText: createButtonText, + hasTextControl: true })); } -/* harmony default export */ var inline = (Object(external_wp_components_["withSpokenMessages"])(InlineLinkUI)); +function getRichTextValueFromSelection(value, isActive) { + // Default to the selection ranges on the RichTextValue object. + let textStart = value.start; + let textEnd = value.end; // If the format is currently active then the rich text value + // should always be taken from the bounds of the active format + // and not the selected text. -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/index.js + if (isActive) { + const boundary = getFormatBoundary(value, { + type: 'core/link' + }); + textStart = boundary.start; // Text *selection* always extends +1 beyond the edge of the format. + // We account for that here. + + textEnd = boundary.end + 1; + } // Get a RichTextValue containing the selected text content. + + + return (0,external_wp_richText_namespaceObject.slice)(value, textStart, textEnd); +} + +/* harmony default export */ var inline = ((0,external_wp_components_namespaceObject.withSpokenMessages)(InlineLinkUI)); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/index.js /** @@ -1015,32 +996,34 @@ */ + const link_name = 'core/link'; -const link_title = Object(external_wp_i18n_["__"])('Link'); +const link_title = (0,external_wp_i18n_namespaceObject.__)('Link'); -function link_Edit({ - isActive, - activeAttributes, - value, - onChange, - onFocus, - contentRef -}) { - const [addingLink, setAddingLink] = Object(external_wp_element_["useState"])(false); +function link_Edit(_ref) { + let { + isActive, + activeAttributes, + value, + onChange, + onFocus, + contentRef + } = _ref; + const [addingLink, setAddingLink] = (0,external_wp_element_namespaceObject.useState)(false); function addLink() { - const text = Object(external_wp_richText_["getTextContent"])(Object(external_wp_richText_["slice"])(value)); + const text = (0,external_wp_richText_namespaceObject.getTextContent)((0,external_wp_richText_namespaceObject.slice)(value)); - if (text && Object(external_wp_url_["isURL"])(text)) { - onChange(Object(external_wp_richText_["applyFormat"])(value, { + if (text && (0,external_wp_url_namespaceObject.isURL)(text) && isValidHref(text)) { + onChange((0,external_wp_richText_namespaceObject.applyFormat)(value, { type: link_name, attributes: { url: text } })); - } else if (text && Object(external_wp_url_["isEmail"])(text)) { - onChange(Object(external_wp_richText_["applyFormat"])(value, { + } else if (text && (0,external_wp_url_namespaceObject.isEmail)(text)) { + onChange((0,external_wp_richText_namespaceObject.applyFormat)(value, { type: link_name, attributes: { url: `mailto:${text}` @@ -1057,35 +1040,35 @@ } function onRemoveFormat() { - onChange(Object(external_wp_richText_["removeFormat"])(value, link_name)); - Object(external_wp_a11y_["speak"])(Object(external_wp_i18n_["__"])('Link removed.'), 'assertive'); + onChange((0,external_wp_richText_namespaceObject.removeFormat)(value, link_name)); + (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Link removed.'), 'assertive'); } - return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextShortcut"], { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, { type: "primary", character: "k", onUse: addLink - }), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextShortcut"], { + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, { type: "primaryShift", character: "k", onUse: onRemoveFormat - }), isActive && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], { + }), isActive && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, { name: "link", - icon: link_off["a" /* default */], - title: Object(external_wp_i18n_["__"])('Unlink'), + icon: link_off, + title: (0,external_wp_i18n_namespaceObject.__)('Unlink'), onClick: onRemoveFormat, isActive: isActive, shortcutType: "primaryShift", shortcutCharacter: "k" - }), !isActive && Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], { + }), !isActive && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, { name: "link", - icon: library_link["a" /* default */], + icon: library_link, title: link_title, onClick: addLink, isActive: isActive, shortcutType: "primary", shortcutCharacter: "k" - }), (addingLink || isActive) && Object(external_wp_element_["createElement"])(inline, { + }), (addingLink || isActive) && (0,external_wp_element_namespaceObject.createElement)(inline, { addingLink: addingLink, stopAddingLink: stopAddingLink, isActive: isActive, @@ -1096,7 +1079,7 @@ })); } -const link_link = { +const build_module_link_link = { name: link_name, title: link_title, tagName: 'a', @@ -1108,26 +1091,28 @@ target: 'target' }, - __unstablePasteRule(value, { - html, - plainText - }) { - if (Object(external_wp_richText_["isCollapsed"])(value)) { + __unstablePasteRule(value, _ref2) { + let { + html, + plainText + } = _ref2; + + if ((0,external_wp_richText_namespaceObject.isCollapsed)(value)) { return value; } - const pastedText = (html || plainText).replace(/<[^>]+>/g, '').trim(); // A URL was pasted, turn the selection into a link + const pastedText = (html || plainText).replace(/<[^>]+>/g, '').trim(); // A URL was pasted, turn the selection into a link. - if (!Object(external_wp_url_["isURL"])(pastedText)) { + if (!(0,external_wp_url_namespaceObject.isURL)(pastedText)) { return value; } // Allows us to ask for this information when we get a report. window.console.log('Created link:\n\n', pastedText); - return Object(external_wp_richText_["applyFormat"])(value, { + return (0,external_wp_richText_namespaceObject.applyFormat)(value, { type: link_name, attributes: { - url: Object(external_wp_htmlEntities_["decodeEntities"])(pastedText) + url: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(pastedText) } }); }, @@ -1135,10 +1120,22 @@ edit: link_Edit }; -// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/format-strikethrough.js -var format_strikethrough = __webpack_require__("Crq9"); +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-strikethrough.js + + +/** + * WordPress dependencies + */ -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/strikethrough/index.js +const formatStrikethrough = (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: "M9.1 9v-.5c0-.6.2-1.1.7-1.4.5-.3 1.2-.5 2-.5.7 0 1.4.1 2.1.3.7.2 1.4.5 2.1.9l.2-1.9c-.6-.3-1.2-.5-1.9-.7-.8-.1-1.6-.2-2.4-.2-1.5 0-2.7.3-3.6 1-.8.7-1.2 1.5-1.2 2.6V9h2zM20 12H4v1h8.3c.3.1.6.2.8.3.5.2.9.5 1.1.8.3.3.4.7.4 1.2 0 .7-.2 1.1-.8 1.5-.5.3-1.2.5-2.1.5-.8 0-1.6-.1-2.4-.3-.8-.2-1.5-.5-2.2-.8L7 18.1c.5.2 1.2.4 2 .6.8.2 1.6.3 2.4.3 1.7 0 3-.3 3.9-1 .9-.7 1.3-1.6 1.3-2.8 0-.9-.2-1.7-.7-2.2H20v-1z" +})); +/* harmony default export */ var format_strikethrough = (formatStrikethrough); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/strikethrough/index.js /** @@ -1150,7 +1147,7 @@ const strikethrough_name = 'core/strikethrough'; -const strikethrough_title = Object(external_wp_i18n_["__"])('Strikethrough'); +const strikethrough_title = (0,external_wp_i18n_namespaceObject.__)('Strikethrough'); const strikethrough = { name: strikethrough_name, @@ -1158,30 +1155,34 @@ tagName: 's', className: null, - edit({ - isActive, - value, - onChange, - onFocus - }) { + edit(_ref) { + let { + isActive, + value, + onChange, + onFocus + } = _ref; + function onClick() { - onChange(Object(external_wp_richText_["toggleFormat"])(value, { - type: strikethrough_name + onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, { + type: strikethrough_name, + title: strikethrough_title })); onFocus(); } - return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], { - icon: format_strikethrough["a" /* default */], + return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, { + icon: format_strikethrough, title: strikethrough_title, onClick: onClick, - isActive: isActive + isActive: isActive, + role: "menuitemcheckbox" }); } }; -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/underline/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/underline/index.js /** @@ -1191,33 +1192,39 @@ const underline_name = 'core/underline'; + +const underline_title = (0,external_wp_i18n_namespaceObject.__)('Underline'); + const underline = { name: underline_name, - title: Object(external_wp_i18n_["__"])('Underline'), + title: underline_title, tagName: 'span', className: null, attributes: { style: 'style' }, - edit({ - value, - onChange - }) { + edit(_ref) { + let { + value, + onChange + } = _ref; + const onToggle = () => { - onChange(Object(external_wp_richText_["toggleFormat"])(value, { + onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, { type: underline_name, attributes: { style: 'text-decoration: underline;' - } + }, + title: underline_title })); }; - return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextShortcut"], { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, { type: "primary", character: "u", onUse: onToggle - }), Object(external_wp_element_["createElement"])(external_wp_blockEditor_["__unstableRichTextInputEvent"], { + }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, { inputType: "formatUnderline", onInput: onToggle })); @@ -1225,16 +1232,54 @@ }; -// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js -var icon = __webpack_require__("iClF"); +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/icon/index.js +/** + * WordPress dependencies + */ + +/** @typedef {{icon: JSX.Element, size?: number} & import('@wordpress/primitives').SVGProps} IconProps */ + +/** + * Return an SVG icon. + * + * @param {IconProps} props icon is the SVG component to render + * size is a number specifiying the icon size in pixels + * Other props will be passed to wrapped SVG component + * + * @return {JSX.Element} Icon component + */ -// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/text-color.js -var text_color = __webpack_require__("uGfJ"); +function Icon(_ref) { + let { + icon, + size = 24, + ...props + } = _ref; + return (0,external_wp_element_namespaceObject.cloneElement)(icon, { + width: size, + height: size, + ...props + }); +} + +/* harmony default export */ var icon = (Icon); -// EXTERNAL MODULE: external ["wp","data"] -var external_wp_data_ = __webpack_require__("1ZqX"); +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/text-color.js + + +/** + * WordPress dependencies + */ -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/text-color/inline.js +const textColor = (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.9 6h-2l-4 11h1.9l1.1-3h4.2l1.1 3h1.9L12.9 6zm-2.5 6.5l1.5-4.9 1.7 4.9h-3.2z" +})); +/* harmony default export */ var text_color = (textColor); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/text-color/inline.js /** @@ -1249,90 +1294,161 @@ + + /** * Internal dependencies */ -function getActiveColor(formatName, formatValue, colors) { - const activeColorFormat = Object(external_wp_richText_["getActiveFormat"])(formatValue, formatName); + +function parseCSS() { + let css = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; + return css.split(';').reduce((accumulator, rule) => { + if (rule) { + const [property, value] = rule.split(':'); + if (property === 'color') accumulator.color = value; + if (property === 'background-color' && value !== transparentValue) accumulator.backgroundColor = value; + } + + return accumulator; + }, {}); +} + +function parseClassName() { + let className = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ''; + let colorSettings = arguments.length > 1 ? arguments[1] : undefined; + return className.split(' ').reduce((accumulator, name) => { + // `colorSlug` could contain dashes, so simply match the start and end. + if (name.startsWith('has-') && name.endsWith('-color')) { + const colorSlug = name.replace(/^has-/, '').replace(/-color$/, ''); + const colorObject = (0,external_wp_blockEditor_namespaceObject.getColorObjectByAttributeValues)(colorSettings, colorSlug); + accumulator.color = colorObject.color; + } + + return accumulator; + }, {}); +} +function getActiveColors(value, name, colorSettings) { + const activeColorFormat = (0,external_wp_richText_namespaceObject.getActiveFormat)(value, name); if (!activeColorFormat) { - return; - } - - const styleColor = activeColorFormat.attributes.style; - - if (styleColor) { - return styleColor.replace(new RegExp(`^color:\\s*`), ''); + return {}; } - const currentClass = activeColorFormat.attributes.class; - - if (currentClass) { - const colorSlug = currentClass.replace(/.*has-([^\s]*)-color.*/, '$1'); - return Object(external_wp_blockEditor_["getColorObjectByAttributeValues"])(colors, colorSlug).color; - } + return { ...parseCSS(activeColorFormat.attributes.style), + ...parseClassName(activeColorFormat.attributes.class, colorSettings) + }; } -const ColorPicker = ({ - name, - value, - onChange -}) => { - const colors = Object(external_wp_data_["useSelect"])(select => { +function setColors(value, name, colorSettings, colors) { + const { + color, + backgroundColor + } = { ...getActiveColors(value, name, colorSettings), + ...colors + }; + + if (!color && !backgroundColor) { + return (0,external_wp_richText_namespaceObject.removeFormat)(value, name); + } + + const styles = []; + const classNames = []; + const attributes = {}; + + if (backgroundColor) { + styles.push(['background-color', backgroundColor].join(':')); + } else { + // Override default browser color for mark element. + styles.push(['background-color', transparentValue].join(':')); + } + + if (color) { + const colorObject = (0,external_wp_blockEditor_namespaceObject.getColorObjectByColorValue)(colorSettings, color); + + if (colorObject) { + classNames.push((0,external_wp_blockEditor_namespaceObject.getColorClassName)('color', colorObject.slug)); + } else { + styles.push(['color', color].join(':')); + } + } + + if (styles.length) attributes.style = styles.join(';'); + if (classNames.length) attributes.class = classNames.join(' '); + return (0,external_wp_richText_namespaceObject.applyFormat)(value, { + type: name, + attributes + }); +} + +function ColorPicker(_ref) { + let { + name, + property, + value, + onChange + } = _ref; + const colors = (0,external_wp_data_namespaceObject.useSelect)(select => { const { getSettings - } = select(external_wp_blockEditor_["store"]); - return Object(external_lodash_["get"])(getSettings(), ['colors'], []); - }); - const onColorChange = Object(external_wp_element_["useCallback"])(color => { - if (color) { - const colorObject = Object(external_wp_blockEditor_["getColorObjectByColorValue"])(colors, color); - onChange(Object(external_wp_richText_["applyFormat"])(value, { - type: name, - attributes: colorObject ? { - class: Object(external_wp_blockEditor_["getColorClassName"])('color', colorObject.slug) - } : { - style: `color:${color}` - } - })); - } else { - onChange(Object(external_wp_richText_["removeFormat"])(value, name)); - } - }, [colors, onChange]); - const activeColor = Object(external_wp_element_["useMemo"])(() => getActiveColor(name, value, colors), [name, value, colors]); - return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["ColorPalette"], { - value: activeColor, + } = select(external_wp_blockEditor_namespaceObject.store); + return (0,external_lodash_namespaceObject.get)(getSettings(), ['colors'], []); + }, []); + const onColorChange = (0,external_wp_element_namespaceObject.useCallback)(color => { + onChange(setColors(value, name, colors, { + [property]: color + })); + }, [colors, onChange, property]); + const activeColors = (0,external_wp_element_namespaceObject.useMemo)(() => getActiveColors(value, name, colors), [name, value, colors]); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.ColorPalette, { + value: activeColors[property], onChange: onColorChange }); -}; +} -function InlineColorUI({ - name, - value, - onChange, - onClose, - contentRef -}) { - const anchorRef = Object(external_wp_richText_["useAnchorRef"])({ +function InlineColorUI(_ref2) { + let { + name, + value, + onChange, + onClose, + contentRef + } = _ref2; + + /* + As you change the text color by typing a HEX value into a field, + the return value of document.getSelection jumps to the field you're editing, + not the highlighted text. Given that useAnchorRef uses document.getSelection, + it will return null, since it can't find the element within the HEX input. + This caches the last truthy value of the selection anchor reference. + */ + const anchorRef = (0,external_wp_blockEditor_namespaceObject.useCachedTruthy)((0,external_wp_richText_namespaceObject.useAnchorRef)({ ref: contentRef, value, - settings: textColor - }); - return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["URLPopover"], { - value: value, + settings: text_color_textColor + })); + return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, { onClose: onClose, className: "components-inline-color-popover", anchorRef: anchorRef - }, Object(external_wp_element_["createElement"])(ColorPicker, { + }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TabPanel, { + tabs: [{ + name: 'color', + title: (0,external_wp_i18n_namespaceObject.__)('Text') + }, { + name: 'backgroundColor', + title: (0,external_wp_i18n_namespaceObject.__)('Background') + }] + }, tab => (0,external_wp_element_namespaceObject.createElement)(ColorPicker, { name: name, + property: tab.name, value: value, onChange: onChange - })); + }))); } -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/text-color/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/text-color/index.js /** @@ -1353,55 +1469,78 @@ */ +const transparentValue = 'rgba(0, 0, 0, 0)'; const text_color_name = 'core/text-color'; -const text_color_title = Object(external_wp_i18n_["__"])('Text color'); +const text_color_title = (0,external_wp_i18n_namespaceObject.__)('Highlight'); const EMPTY_ARRAY = []; -function TextColorEdit({ - value, - onChange, - isActive, - activeAttributes, - contentRef -}) { - const allowCustomControl = Object(external_wp_blockEditor_["useSetting"])('color.custom'); - const colors = Object(external_wp_blockEditor_["useSetting"])('color.palette') || EMPTY_ARRAY; - const [isAddingColor, setIsAddingColor] = Object(external_wp_element_["useState"])(false); - const enableIsAddingColor = Object(external_wp_element_["useCallback"])(() => setIsAddingColor(true), [setIsAddingColor]); - const disableIsAddingColor = Object(external_wp_element_["useCallback"])(() => setIsAddingColor(false), [setIsAddingColor]); - const colorIndicatorStyle = Object(external_wp_element_["useMemo"])(() => { - const activeColor = getActiveColor(text_color_name, value, colors); +function getComputedStyleProperty(element, property) { + const { + ownerDocument + } = element; + const { + defaultView + } = ownerDocument; + const style = defaultView.getComputedStyle(element); + const value = style.getPropertyValue(property); + + if (property === 'background-color' && value === transparentValue && element.parentElement) { + return getComputedStyleProperty(element.parentElement, property); + } + + return value; +} + +function fillComputedColors(element, _ref) { + let { + color, + backgroundColor + } = _ref; - if (!activeColor) { - return undefined; - } + if (!color && !backgroundColor) { + return; + } + + return { + color: color || getComputedStyleProperty(element, 'color'), + backgroundColor: backgroundColor === transparentValue ? getComputedStyleProperty(element, 'background-color') : backgroundColor + }; +} - return { - backgroundColor: activeColor - }; - }, [value, colors]); - const hasColorsToChoose = !Object(external_lodash_["isEmpty"])(colors) || !allowCustomControl; +function TextColorEdit(_ref2) { + let { + value, + onChange, + isActive, + activeAttributes, + contentRef + } = _ref2; + const allowCustomControl = (0,external_wp_blockEditor_namespaceObject.useSetting)('color.custom'); + const colors = (0,external_wp_blockEditor_namespaceObject.useSetting)('color.palette') || EMPTY_ARRAY; + const [isAddingColor, setIsAddingColor] = (0,external_wp_element_namespaceObject.useState)(false); + const enableIsAddingColor = (0,external_wp_element_namespaceObject.useCallback)(() => setIsAddingColor(true), [setIsAddingColor]); + const disableIsAddingColor = (0,external_wp_element_namespaceObject.useCallback)(() => setIsAddingColor(false), [setIsAddingColor]); + const colorIndicatorStyle = (0,external_wp_element_namespaceObject.useMemo)(() => fillComputedColors(contentRef.current, getActiveColors(value, text_color_name, colors)), [value, colors]); + const hasColorsToChoose = !(0,external_lodash_namespaceObject.isEmpty)(colors) || !allowCustomControl; if (!hasColorsToChoose && !isActive) { return null; } - return Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], { - key: isActive ? 'text-color' : 'text-color-not-active', + return (0,external_wp_element_namespaceObject.createElement)(external_wp_element_namespaceObject.Fragment, null, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, { className: "format-library-text-color-button", - name: isActive ? 'text-color' : undefined, - icon: Object(external_wp_element_["createElement"])(external_wp_element_["Fragment"], null, Object(external_wp_element_["createElement"])(icon["a" /* default */], { - icon: text_color["a" /* default */] - }), isActive && Object(external_wp_element_["createElement"])("span", { - className: "format-library-text-color-button__indicator", + isActive: isActive, + icon: (0,external_wp_element_namespaceObject.createElement)(icon, { + icon: text_color, style: colorIndicatorStyle - })), - title: text_color_title // If has no colors to choose but a color is active remove the color onClick + }), + title: text_color_title // If has no colors to choose but a color is active remove the color onClick. , - onClick: hasColorsToChoose ? enableIsAddingColor : () => onChange(Object(external_wp_richText_["removeFormat"])(value, text_color_name)) - }), isAddingColor && Object(external_wp_element_["createElement"])(InlineColorUI, { + onClick: hasColorsToChoose ? enableIsAddingColor : () => onChange((0,external_wp_richText_namespaceObject.removeFormat)(value, text_color_name)), + role: "menuitemcheckbox" + }), isAddingColor && (0,external_wp_element_namespaceObject.createElement)(InlineColorUI, { name: text_color_name, onClose: disableIsAddingColor, activeAttributes: activeAttributes, @@ -1411,34 +1550,54 @@ })); } -const textColor = { +const text_color_textColor = { name: text_color_name, title: text_color_title, - tagName: 'span', + tagName: 'mark', className: 'has-inline-color', attributes: { style: 'style', class: 'class' }, + + /* + * Since this format relies on the tag, it's important to + * prevent the default yellow background color applied by most + * browsers. The solution is to detect when this format is used with a + * text color but no background color, and in such cases to override + * the default styling with a transparent background. + * + * @see https://github.com/WordPress/gutenberg/pull/35516 + */ + __unstableFilterAttributeValue(key, value) { + if (key !== 'style') return value; // We should not add a background-color if it's already set. + + if (value && value.includes('background-color')) return value; + const addedCSS = ['background-color', transparentValue].join(':'); // Prepend `addedCSS` to avoid a double `;;` as any the existing CSS + // rules will already include a `;`. + + return value ? [addedCSS, value].join(';') : addedCSS; + }, + edit: TextColorEdit }; -// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/subscript.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/subscript.js /** * WordPress dependencies */ -const subscript = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], { +const subscript = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" -}, Object(external_wp_element_["createElement"])(external_wp_primitives_["Path"], { +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { d: "M16.9 18.3l.8-1.2c.4-.6.7-1.2.9-1.6.2-.4.3-.8.3-1.2 0-.3-.1-.7-.2-1-.1-.3-.4-.5-.6-.7-.3-.2-.6-.3-1-.3s-.8.1-1.1.2c-.3.1-.7.3-1 .6l.2 1.3c.3-.3.5-.5.8-.6s.6-.2.9-.2c.3 0 .5.1.7.2.2.2.2.4.2.7 0 .3-.1.5-.2.8-.1.3-.4.7-.8 1.3L15 19.4h4.3v-1.2h-2.4zM14.1 7.2h-2L9.5 11 6.9 7.2h-2l3.6 5.3L4.7 18h2l2.7-4 2.7 4h2l-3.8-5.5 3.8-5.3z" })); /* harmony default export */ var library_subscript = (subscript); -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/subscript/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/subscript/index.js /** @@ -1450,7 +1609,7 @@ const subscript_name = 'core/subscript'; -const subscript_title = Object(external_wp_i18n_["__"])('Subscript'); +const subscript_title = (0,external_wp_i18n_namespaceObject.__)('Subscript'); const subscript_subscript = { name: subscript_name, @@ -1458,15 +1617,18 @@ tagName: 'sub', className: null, - edit({ - isActive, - value, - onChange, - onFocus - }) { + edit(_ref) { + let { + isActive, + value, + onChange, + onFocus + } = _ref; + function onToggle() { - onChange(Object(external_wp_richText_["toggleFormat"])(value, { - type: subscript_name + onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, { + type: subscript_name, + title: subscript_title })); } @@ -1475,32 +1637,33 @@ onFocus(); } - return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, { icon: library_subscript, title: subscript_title, onClick: onClick, - isActive: isActive + isActive: isActive, + role: "menuitemcheckbox" }); } }; -// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/superscript.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/superscript.js /** * WordPress dependencies */ -const superscript = Object(external_wp_element_["createElement"])(external_wp_primitives_["SVG"], { +const superscript = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24" -}, Object(external_wp_element_["createElement"])(external_wp_primitives_["Path"], { +}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, { d: "M16.9 10.3l.8-1.3c.4-.6.7-1.2.9-1.6.2-.4.3-.8.3-1.2 0-.3-.1-.7-.2-1-.2-.2-.4-.4-.7-.6-.3-.2-.6-.3-1-.3s-.8.1-1.1.2c-.3.1-.7.3-1 .6l.1 1.3c.3-.3.5-.5.8-.6s.6-.2.9-.2c.3 0 .5.1.7.2.2.2.2.4.2.7 0 .3-.1.5-.2.8-.1.3-.4.7-.8 1.3l-1.8 2.8h4.3v-1.2h-2.2zm-2.8-3.1h-2L9.5 11 6.9 7.2h-2l3.6 5.3L4.7 18h2l2.7-4 2.7 4h2l-3.8-5.5 3.8-5.3z" })); /* harmony default export */ var library_superscript = (superscript); -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/superscript/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/superscript/index.js /** @@ -1512,7 +1675,7 @@ const superscript_name = 'core/superscript'; -const superscript_title = Object(external_wp_i18n_["__"])('Superscript'); +const superscript_title = (0,external_wp_i18n_namespaceObject.__)('Superscript'); const superscript_superscript = { name: superscript_name, @@ -1520,15 +1683,18 @@ tagName: 'sup', className: null, - edit({ - isActive, - value, - onChange, - onFocus - }) { + edit(_ref) { + let { + isActive, + value, + onChange, + onFocus + } = _ref; + function onToggle() { - onChange(Object(external_wp_richText_["toggleFormat"])(value, { - type: superscript_name + onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, { + type: superscript_name, + title: superscript_title })); } @@ -1537,20 +1703,33 @@ onFocus(); } - return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], { + return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, { icon: library_superscript, title: superscript_title, onClick: onClick, - isActive: isActive + isActive: isActive, + role: "menuitemcheckbox" }); } }; -// EXTERNAL MODULE: ./node_modules/@wordpress/icons/build-module/library/button.js -var library_button = __webpack_require__("oMoS"); +;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/button.js + + +/** + * WordPress dependencies + */ -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/keyboard/index.js +const button_button = (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: "M19 6.5H5c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-7c0-1.1-.9-2-2-2zm.5 9c0 .3-.2.5-.5.5H5c-.3 0-.5-.2-.5-.5v-7c0-.3.2-.5.5-.5h14c.3 0 .5.2.5.5v7zM8 12.8h8v-1.5H8v1.5z" +})); +/* harmony default export */ var library_button = (button_button); + +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/keyboard/index.js /** @@ -1562,7 +1741,7 @@ const keyboard_name = 'core/keyboard'; -const keyboard_title = Object(external_wp_i18n_["__"])('Keyboard input'); +const keyboard_title = (0,external_wp_i18n_namespaceObject.__)('Keyboard input'); const keyboard = { name: keyboard_name, @@ -1570,15 +1749,18 @@ tagName: 'kbd', className: null, - edit({ - isActive, - value, - onChange, - onFocus - }) { + edit(_ref) { + let { + isActive, + value, + onChange, + onFocus + } = _ref; + function onToggle() { - onChange(Object(external_wp_richText_["toggleFormat"])(value, { - type: keyboard_name + onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, { + type: keyboard_name, + title: keyboard_title })); } @@ -1587,17 +1769,18 @@ onFocus(); } - return Object(external_wp_element_["createElement"])(external_wp_blockEditor_["RichTextToolbarButton"], { - icon: library_button["a" /* default */], + return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, { + icon: library_button, title: keyboard_title, onClick: onClick, - isActive: isActive + isActive: isActive, + role: "menuitemcheckbox" }); } }; -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/default-formats.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/default-formats.js /** * Internal dependencies */ @@ -1612,9 +1795,9 @@ -/* harmony default export */ var default_formats = ([bold, code_code, image_image, italic, link_link, strikethrough, underline, textColor, subscript_subscript, superscript_superscript, keyboard]); +/* harmony default export */ var default_formats = ([bold, code_code, image_image, italic, build_module_link_link, strikethrough, underline, text_color_textColor, subscript_subscript, superscript_superscript, keyboard]); -// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/index.js +;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/index.js /** * WordPress dependencies */ @@ -1624,44 +1807,14 @@ */ -default_formats.forEach(({ - name, - ...settings -}) => Object(external_wp_richText_["registerFormatType"])(name, settings)); - - -/***/ }), - -/***/ "tI+e": -/***/ (function(module, exports) { - -(function() { module.exports = window["wp"]["components"]; }()); - -/***/ }), - -/***/ "uGfJ": -/***/ (function(module, __webpack_exports__, __webpack_require__) { +default_formats.forEach(_ref => { + let { + name, + ...settings + } = _ref; + return (0,external_wp_richText_namespaceObject.registerFormatType)(name, settings); +}); -"use strict"; -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("GRId"); -/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__("Tqx9"); -/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__); - - -/** - * WordPress dependencies - */ - -const textColor = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["SVG"], { - xmlns: "http://www.w3.org/2000/svg", - viewBox: "0 0 24 24" -}, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__["Path"], { - d: "M12.9 6h-2l-4 11h1.9l1.1-3h4.2l1.1 3h1.9L12.9 6zm-2.5 6.5l1.5-4.9 1.7 4.9h-3.2z" -})); -/* harmony default export */ __webpack_exports__["a"] = (textColor); - - -/***/ }) - -/******/ }); \ No newline at end of file +(window.wp = window.wp || {}).formatLibrary = __webpack_exports__; +/******/ })() +; \ No newline at end of file