diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/js/dist/format-library.js
--- a/wp/wp-includes/js/dist/format-library.js Thu Sep 29 08:06:27 2022 +0200
+++ b/wp/wp-includes/js/dist/format-library.js Fri Sep 05 18:40:08 2025 +0200
@@ -1,19 +1,19 @@
-/******/ (function() { // webpackBootstrap
+/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ // The require scope
/******/ var __webpack_require__ = {};
/******/
/************************************************************************/
/******/ /* webpack/runtime/make namespace object */
-/******/ !function() {
+/******/ (() => {
/******/ // define __esModule on exports
-/******/ __webpack_require__.r = function(exports) {
+/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
-/******/ }();
+/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
@@ -21,208 +21,31 @@
__webpack_require__.r(__webpack_exports__);
;// 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"];
+const external_wp_richText_namespaceObject = window["wp"]["richText"];
;// CONCATENATED MODULE: external ["wp","i18n"]
-var external_wp_i18n_namespaceObject = window["wp"]["i18n"];
+const external_wp_i18n_namespaceObject = window["wp"]["i18n"];
;// CONCATENATED MODULE: external ["wp","blockEditor"]
-var external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"];
+const external_wp_blockEditor_namespaceObject = window["wp"]["blockEditor"];
;// CONCATENATED MODULE: external ["wp","primitives"]
-var external_wp_primitives_namespaceObject = window["wp"]["primitives"];
+const external_wp_primitives_namespaceObject = window["wp"]["primitives"];
+;// CONCATENATED MODULE: external "ReactJSXRuntime"
+const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-bold.js
-
-
-/**
- * WordPress dependencies
- */
-
-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"
-}, (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
-
-
/**
* WordPress dependencies
*/
-
-
-const bold_name = 'core/bold';
-
-const title = (0,external_wp_i18n_namespaceObject.__)('Bold');
-
-const bold = {
- name: bold_name,
- title,
- tagName: 'strong',
- className: null,
-
- edit(_ref) {
- let {
- isActive,
- value,
- onChange,
- onFocus
- } = _ref;
-
- function onToggle() {
- onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
- type: bold_name,
- title
- }));
- }
-
- function onClick() {
- onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
- type: bold_name
- }));
- onFocus();
- }
-
- 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
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
- name: "bold",
- icon: format_bold,
- title: title,
- onClick: onClick,
- isActive: isActive,
- shortcutType: "primary",
- shortcutCharacter: "b"
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, {
- inputType: "formatBold",
- onInput: onToggle
- }));
- }
-
-};
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/code.js
-
-
-/**
- * WordPress dependencies
- */
-
-const code = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+const formatBold = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/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
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-const code_name = 'core/code';
-
-const code_title = (0,external_wp_i18n_namespaceObject.__)('Inline code');
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(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 */ const format_bold = (formatBold);
-const code_code = {
- name: code_name,
- title: code_title,
- tagName: 'code',
- className: null,
-
- __unstableInputRule(value) {
- const BACKTICK = '`';
- const {
- start,
- text
- } = value;
- const characterBefore = text.slice(start - 1, start); // Quick check the text for the necessary character.
-
- if (characterBefore !== BACKTICK) {
- return value;
- }
-
- const textBefore = text.slice(0, start - 1);
- const indexBefore = textBefore.lastIndexOf(BACKTICK);
-
- if (indexBefore === -1) {
- return value;
- }
-
- const startIndex = indexBefore;
- const endIndex = start - 2;
-
- if (startIndex === endIndex) {
- return 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(_ref) {
- let {
- value,
- onChange,
- onFocus,
- isActive
- } = _ref;
-
- function onClick() {
- onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
- type: code_name,
- title: code_title
- }));
- onFocus();
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
- icon: library_code,
- title: code_title,
- onClick: onClick,
- isActive: isActive,
- role: "menuitemcheckbox"
- });
- }
-
-};
-
-;// 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
- */
-
-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/bold/index.js
/**
* WordPress dependencies
*/
@@ -232,11 +55,179 @@
+
+const bold_name = 'core/bold';
+const title = (0,external_wp_i18n_namespaceObject.__)('Bold');
+const bold = {
+ name: bold_name,
+ title,
+ tagName: 'strong',
+ className: null,
+ edit({
+ isActive,
+ value,
+ onChange,
+ onFocus
+ }) {
+ function onToggle() {
+ onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
+ type: bold_name,
+ title
+ }));
+ }
+ function onClick() {
+ onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
+ type: bold_name
+ }));
+ onFocus();
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
+ type: "primary",
+ character: "b",
+ onUse: onToggle
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ name: "bold",
+ icon: format_bold,
+ title: title,
+ onClick: onClick,
+ isActive: isActive,
+ shortcutType: "primary",
+ shortcutCharacter: "b"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, {
+ inputType: "formatBold",
+ onInput: onToggle
+ })]
+ });
+ }
+};
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/code.js
+/**
+ * WordPress dependencies
+ */
+
+
+const code = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "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 */ const library_code = (code);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/code/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+const code_name = 'core/code';
+const code_title = (0,external_wp_i18n_namespaceObject.__)('Inline code');
+const code_code = {
+ name: code_name,
+ title: code_title,
+ tagName: 'code',
+ className: null,
+ __unstableInputRule(value) {
+ const BACKTICK = '`';
+ const {
+ start,
+ text
+ } = value;
+ const characterBefore = text[start - 1];
+
+ // Quick check the text for the necessary character.
+ if (characterBefore !== BACKTICK) {
+ return value;
+ }
+ if (start - 2 < 0) {
+ return value;
+ }
+ const indexBefore = text.lastIndexOf(BACKTICK, start - 2);
+ if (indexBefore === -1) {
+ return value;
+ }
+ const startIndex = indexBefore;
+ const endIndex = start - 2;
+ if (startIndex === endIndex) {
+ return 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
+ }) {
+ function onClick() {
+ onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
+ type: code_name,
+ title: code_title
+ }));
+ onFocus();
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
+ type: "access",
+ character: "x",
+ onUse: onClick
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ icon: library_code,
+ title: code_title,
+ onClick: onClick,
+ isActive: isActive,
+ role: "menuitemcheckbox"
+ })]
+ });
+ }
+};
+
+;// CONCATENATED MODULE: external ["wp","components"]
+const external_wp_components_namespaceObject = window["wp"]["components"];
+;// CONCATENATED MODULE: external ["wp","element"]
+const external_wp_element_namespaceObject = window["wp"]["element"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/keyboard-return.js
+/**
+ * WordPress dependencies
+ */
+
+
+const keyboardReturn = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "m6.734 16.106 2.176-2.38-1.093-1.028-3.846 4.158 3.846 4.158 1.093-1.028-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 */ const keyboard_return = (keyboardReturn);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/image/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
const ALLOWED_MEDIA_TYPES = ['image'];
const image_name = 'core/image';
-
const image_title = (0,external_wp_i18n_namespaceObject.__)('Inline image');
-
const image_image = {
name: image_name,
title: image_title,
@@ -252,141 +243,128 @@
},
edit: Edit
};
-
-function InlineUI(_ref) {
- let {
- value,
- onChange,
- activeObjectAttributes,
- contentRef
- } = _ref;
+function InlineUI({
+ value,
+ onChange,
+ activeObjectAttributes,
+ contentRef
+}) {
const {
style
} = activeObjectAttributes;
- 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,
+ const [width, setWidth] = (0,external_wp_element_namespaceObject.useState)(style?.replace(/\D/g, ''));
+ const popoverAnchor = (0,external_wp_richText_namespaceObject.useAnchor)({
+ editableContentElement: contentRef.current,
settings: image_image
});
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, {
- position: "bottom center",
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Popover, {
+ placement: "bottom",
focusOnMount: false,
- anchorRef: anchorRef,
- className: "block-editor-format-toolbar__image-popover"
- }, (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: ${width}px;` : ''
- }
- };
- onChange({ ...value,
- replacements: newReplacements
- });
- event.preventDefault();
- }
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.TextControl, {
- className: "block-editor-format-toolbar__image-container-value",
- type: "number",
- label: (0,external_wp_i18n_namespaceObject.__)('Width'),
- value: width,
- min: 1,
- onChange: newWidth => setWidth(newWidth)
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Button, {
- icon: keyboard_return,
- label: (0,external_wp_i18n_namespaceObject.__)('Apply'),
- type: "submit"
- })));
+ anchor: popoverAnchor,
+ className: "block-editor-format-toolbar__image-popover",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("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: ${width}px;` : ''
+ }
+ };
+ onChange({
+ ...value,
+ replacements: newReplacements
+ });
+ event.preventDefault();
+ },
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_components_namespaceObject.__experimentalHStack, {
+ alignment: "bottom",
+ spacing: "0",
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalNumberControl, {
+ className: "block-editor-format-toolbar__image-container-value",
+ label: (0,external_wp_i18n_namespaceObject.__)('Width'),
+ value: width,
+ min: 1,
+ onChange: newWidth => setWidth(newWidth)
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ className: "block-editor-format-toolbar__image-container-button",
+ icon: keyboard_return,
+ label: (0,external_wp_i18n_namespaceObject.__)('Apply'),
+ type: "submit"
+ })]
+ })
+ })
+ });
}
-
-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);
- }
-
- function closeModal() {
- setIsModalOpen(false);
- }
-
- 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"
- }, (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 && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.MediaUpload, {
- allowedTypes: ALLOWED_MEDIA_TYPES,
- onSelect: _ref3 => {
- let {
+function Edit({
+ value,
+ onChange,
+ onFocus,
+ isObjectActive,
+ activeObjectAttributes,
+ contentRef
+}) {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_wp_blockEditor_namespaceObject.MediaUploadCheck, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.MediaUpload, {
+ allowedTypes: ALLOWED_MEDIA_TYPES,
+ onSelect: ({
id,
url,
alt,
width: imgWidth
- } = _ref3;
- closeModal();
- onChange((0,external_wp_richText_namespaceObject.insertObject)(value, {
- type: image_name,
- attributes: {
- className: `wp-image-${id}`,
- style: `width: ${Math.min(imgWidth, 150)}px;`,
- url,
- alt
- }
- }));
- onFocus();
- },
- onClose: closeModal,
- render: _ref4 => {
- let {
+ }) => {
+ onChange((0,external_wp_richText_namespaceObject.insertObject)(value, {
+ type: image_name,
+ attributes: {
+ className: `wp-image-${id}`,
+ style: `width: ${Math.min(imgWidth, 150)}px;`,
+ url,
+ alt
+ }
+ }));
+ onFocus();
+ },
+ render: ({
open
- } = _ref4;
- open();
- return null;
- }
- }), isObjectActive && (0,external_wp_element_namespaceObject.createElement)(InlineUI, {
- value: value,
- onChange: onChange,
- activeObjectAttributes: activeObjectAttributes,
- contentRef: contentRef
- }));
+ }) => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(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: open,
+ isActive: isObjectActive
+ })
+ }), isObjectActive && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(InlineUI, {
+ value: value,
+ onChange: onChange,
+ activeObjectAttributes: activeObjectAttributes,
+ contentRef: contentRef
+ })]
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-italic.js
-
-
/**
* WordPress dependencies
*/
-const formatItalic = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+
+const formatItalic = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M12.5 5L10 19h1.9l2.5-14z"
-}));
-/* harmony default export */ var format_italic = (formatItalic);
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12.5 5L10 19h1.9l2.5-14z"
+ })
+});
+/* harmony default export */ const format_italic = (formatItalic);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/italic/index.js
-
-
/**
* WordPress dependencies
*/
@@ -394,104 +372,80 @@
-const italic_name = 'core/italic';
+
+
+const italic_name = 'core/italic';
const italic_title = (0,external_wp_i18n_namespaceObject.__)('Italic');
-
const italic = {
name: italic_name,
title: italic_title,
tagName: 'em',
className: null,
-
- edit(_ref) {
- let {
- isActive,
- value,
- onChange,
- onFocus
- } = _ref;
-
+ edit({
+ isActive,
+ value,
+ onChange,
+ onFocus
+ }) {
function onToggle() {
onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
type: italic_name,
title: italic_title
}));
}
-
function onClick() {
onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
type: italic_name
}));
onFocus();
}
-
- 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
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
- name: "italic",
- icon: format_italic,
- title: italic_title,
- onClick: onClick,
- isActive: isActive,
- shortcutType: "primary",
- shortcutCharacter: "i"
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, {
- inputType: "formatItalic",
- onInput: onToggle
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
+ type: "primary",
+ character: "i",
+ onUse: onToggle
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ name: "italic",
+ icon: format_italic,
+ title: italic_title,
+ onClick: onClick,
+ isActive: isActive,
+ shortcutType: "primary",
+ shortcutCharacter: "i"
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, {
+ inputType: "formatItalic",
+ onInput: onToggle
+ })]
+ });
}
-
};
;// CONCATENATED MODULE: external ["wp","url"]
-var external_wp_url_namespaceObject = window["wp"]["url"];
+const 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
-
-
+const external_wp_htmlEntities_namespaceObject = window["wp"]["htmlEntities"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/link.js
/**
* WordPress dependencies
*/
-const linkOff = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+
+const link_link = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "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
-
-
-/**
- * WordPress dependencies
- */
-
-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);
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"
+ })
+});
+/* harmony default export */ const library_link = (link_link);
;// CONCATENATED MODULE: external ["wp","a11y"]
-var external_wp_a11y_namespaceObject = window["wp"]["a11y"];
+const 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"];
+const external_wp_data_namespaceObject = window["wp"]["data"];
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/utils.js
/**
- * External dependencies
- */
-
-/**
* WordPress dependencies
*/
@@ -503,64 +457,52 @@
*
* @return {boolean} Is the href invalid?
*/
-
function isValidHref(href) {
if (!href) {
return false;
}
-
const trimmedHref = href.trim();
-
if (!trimmedHref) {
return false;
- } // Does the href start with something that looks like a URL protocol?
+ }
-
+ // Does the href start with something that looks like a URL protocol?
if (/^\S+:/.test(trimmedHref)) {
const protocol = (0,external_wp_url_namespaceObject.getProtocol)(trimmedHref);
-
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 ((0,external_lodash_namespaceObject.startsWith)(protocol, 'http') && !/^https?:\/\/[^\/\s]/i.test(trimmedHref)) {
- return false;
- }
-
- const authority = (0,external_wp_url_namespaceObject.getAuthority)(trimmedHref);
-
- if (!(0,external_wp_url_namespaceObject.isValidAuthority)(authority)) {
- 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 (protocol.startsWith('http') && !/^https?:\/\/[^\/\s]/i.test(trimmedHref)) {
+ return false;
+ }
+ const authority = (0,external_wp_url_namespaceObject.getAuthority)(trimmedHref);
+ if (!(0,external_wp_url_namespaceObject.isValidAuthority)(authority)) {
+ return false;
+ }
const path = (0,external_wp_url_namespaceObject.getPath)(trimmedHref);
-
if (path && !(0,external_wp_url_namespaceObject.isValidPath)(path)) {
return false;
}
-
const queryString = (0,external_wp_url_namespaceObject.getQueryString)(trimmedHref);
-
if (queryString && !(0,external_wp_url_namespaceObject.isValidQueryString)(queryString)) {
return false;
}
-
const fragment = (0,external_wp_url_namespaceObject.getFragment)(trimmedHref);
-
if (fragment && !(0,external_wp_url_namespaceObject.isValidFragment)(fragment)) {
return false;
}
- } // Validate anchor links.
+ }
-
- if ((0,external_lodash_namespaceObject.startsWith)(trimmedHref, '#') && !(0,external_wp_url_namespaceObject.isValidFragment)(trimmedHref)) {
+ // Validate anchor links.
+ if (trimmedHref.startsWith('#') && !(0,external_wp_url_namespaceObject.isValidFragment)(trimmedHref)) {
return false;
}
-
return true;
}
+
/**
* Generates the format object that will be applied to the link text.
*
@@ -569,35 +511,39 @@
* @param {string} options.type The type of the link.
* @param {string} options.id The ID of the link.
* @param {boolean} options.opensInNewWindow Whether this link will open in a new window.
- *
+ * @param {boolean} options.nofollow Whether this link is marked as no follow relationship.
* @return {Object} The final format object.
*/
-
-function createLinkFormat(_ref) {
- let {
- url,
- type,
- id,
- opensInNewWindow
- } = _ref;
+function createLinkFormat({
+ url,
+ type,
+ id,
+ opensInNewWindow,
+ nofollow
+}) {
const format = {
type: 'core/link',
attributes: {
url
}
};
- if (type) format.attributes.type = type;
- if (id) format.attributes.id = id;
-
+ if (type) {
+ format.attributes.type = type;
+ }
+ if (id) {
+ format.attributes.id = id;
+ }
if (opensInNewWindow) {
format.attributes.target = '_blank';
- format.attributes.rel = 'noreferrer noopener';
+ format.attributes.rel = format.attributes.rel ? format.attributes.rel + ' noreferrer noopener' : 'noreferrer noopener';
}
-
+ if (nofollow) {
+ format.attributes.rel = format.attributes.rel ? format.attributes.rel + ' nofollow' : 'nofollow';
+ }
return format;
}
+
/* eslint-disable jsdoc/no-undefined-types */
-
/**
* Get the start and end boundaries of a given format from a rich text value.
*
@@ -608,12 +554,8 @@
* @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;
+function getFormatBoundary(value, format, startIndex = value.start, endIndex = value.end) {
const EMPTY_BOUNDARIES = {
start: null,
end: null
@@ -623,23 +565,21 @@
} = value;
let targetFormat;
let initialIndex;
-
- if (!(formats !== null && formats !== void 0 && formats.length)) {
+ if (!formats?.length) {
return EMPTY_BOUNDARIES;
- } // Clone formats to avoid modifying source formats.
+ }
-
+ // 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
- });
-
+ const formatAtStart = newFormats[startIndex]?.find(({
+ type
+ }) => type === format.type);
+ const formatAtEnd = newFormats[endIndex]?.find(({
+ type
+ }) => type === format.type);
+ const formatAtEndMinusOne = newFormats[endIndex - 1]?.find(({
+ type
+ }) => type === format.type);
if (!!formatAtStart) {
// Set values to conform to "start"
targetFormat = formatAtStart;
@@ -657,21 +597,25 @@
} else {
return EMPTY_BOUNDARIES;
}
+ const index = newFormats[initialIndex].indexOf(targetFormat);
+ const walkingArgs = [newFormats, initialIndex, targetFormat, index];
- const index = newFormats[initialIndex].indexOf(targetFormat);
- const walkingArgs = [newFormats, initialIndex, targetFormat, index]; // Walk the startIndex "backwards" to the leading "edge" of the matching format.
+ // Walk the startIndex "backwards" to the leading "edge" of the matching format.
+ startIndex = walkToStart(...walkingArgs);
- startIndex = walkToStart(...walkingArgs); // Walk the endIndex "forwards" until the trailing "edge" of the matching format.
+ // Walk the endIndex "forwards" until the trailing "edge" of the matching format.
+ endIndex = walkToEnd(...walkingArgs);
- endIndex = walkToEnd(...walkingArgs); // Safe guard: start index cannot be less than 0.
+ // Safe guard: start index cannot be less than 0.
+ startIndex = startIndex < 0 ? 0 : startIndex;
- startIndex = startIndex < 0 ? 0 : startIndex; // // Return the indicies of the "edges" as the boundaries.
-
+ // // 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.
@@ -683,7 +627,6 @@
* @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 = {
@@ -691,60 +634,670 @@
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
+ }
+
+ // Restore by one in inverse direction of operation
// to avoid out of bounds.
-
-
index = index + inverseDirectionIncrement;
return index;
}
+const partialRight = (fn, ...partialArgs) => (...args) => fn(...args, ...partialArgs);
+const walkToStart = partialRight(walkToBoundary, 'backwards');
+const walkToEnd = partialRight(walkToBoundary, 'forwards');
-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/inline.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+const LINK_SETTINGS = [...external_wp_blockEditor_namespaceObject.__experimentalLinkControl.DEFAULT_LINK_SETTINGS, {
+ id: 'nofollow',
+ title: (0,external_wp_i18n_namespaceObject.__)('Mark as nofollow')
+}];
+function InlineLinkUI({
+ isActive,
+ activeAttributes,
+ value,
+ onChange,
+ onFocusOutside,
+ stopAddingLink,
+ contentRef,
+ focusOnMount
+}) {
+ const richLinkTextValue = getRichTextValueFromSelection(value, isActive);
-;// 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.
+ // Get the text content minus any HTML tags.
+ const richTextText = richLinkTextValue.text;
+ const {
+ selectionChange
+ } = (0,external_wp_data_namespaceObject.useDispatch)(external_wp_blockEditor_namespaceObject.store);
+ const {
+ createPageEntity,
+ userCanCreatePages,
+ selectionStart
+ } = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ const {
+ getSettings,
+ getSelectionStart
+ } = select(external_wp_blockEditor_namespaceObject.store);
+ const _settings = getSettings();
+ return {
+ createPageEntity: _settings.__experimentalCreatePageEntity,
+ userCanCreatePages: _settings.__experimentalUserCanCreatePages,
+ selectionStart: getSelectionStart()
+ };
+ }, []);
+ const linkValue = (0,external_wp_element_namespaceObject.useMemo)(() => ({
+ url: activeAttributes.url,
+ type: activeAttributes.type,
+ id: activeAttributes.id,
+ opensInNewTab: activeAttributes.target === '_blank',
+ nofollow: activeAttributes.rel?.includes('nofollow'),
+ title: richTextText
+ }), [activeAttributes.id, activeAttributes.rel, activeAttributes.target, activeAttributes.type, activeAttributes.url, richTextText]);
+ function removeLink() {
+ const newValue = (0,external_wp_richText_namespaceObject.removeFormat)(value, 'core/link');
+ onChange(newValue);
+ stopAddingLink();
+ (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Link removed.'), 'assertive');
+ }
+ function onChangeLink(nextValue) {
+ const hasLink = linkValue?.url;
+ const isNewLink = !hasLink;
+
+ // Merge the next value with the current link value.
+ nextValue = {
+ ...linkValue,
+ ...nextValue
+ };
+ 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,
+ nofollow: nextValue.nofollow
+ });
+ const newText = nextValue.title || newUrl;
+
+ // Scenario: we have any active text selection or an active format.
+ let newValue;
+ if ((0,external_wp_richText_namespaceObject.isCollapsed)(value) && !isActive) {
+ // Scenario: we don't have any actively selected text or formats.
+ const inserted = (0,external_wp_richText_namespaceObject.insert)(value, newText);
+ newValue = (0,external_wp_richText_namespaceObject.applyFormat)(inserted, linkFormat, value.start, value.start + newText.length);
+ onChange(newValue);
+
+ // Close the Link UI.
+ stopAddingLink();
+
+ // Move the selection to the end of the inserted link outside of the format boundary
+ // so the user can continue typing after the link.
+ selectionChange({
+ clientId: selectionStart.clientId,
+ identifier: selectionStart.attributeKey,
+ start: value.start + newText.length + 1
+ });
+ return;
+ } else if (newText === richTextText) {
+ newValue = (0,external_wp_richText_namespaceObject.applyFormat)(value, linkFormat);
+ } else {
+ // Scenario: Editing an existing link.
+
+ // 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);
+
+ // Get the boundaries of the active link format.
+ const boundary = getFormatBoundary(value, {
+ type: 'core/link'
+ });
-let id = -1;
-const prefix = 'link-control-instance';
+ // Split the value at the start of the active link format.
+ // Passing "start" as the 3rd parameter is required to ensure
+ // the second half of the split value is split at the format's
+ // start boundary and avoids relying on the value's "end" property
+ // which may not correspond correctly.
+ const [valBefore, valAfter] = (0,external_wp_richText_namespaceObject.split)(value, boundary.start, boundary.start);
+
+ // Update the original (full) RichTextValue replacing the
+ // target text with the *new* RichTextValue containing:
+ // 1. The new text content.
+ // 2. The new link format.
+ // As "replace" will operate on the first match only, it is
+ // run only against the second half of the value which was
+ // split at the active format's boundary. This avoids a bug
+ // with incorrectly targetted replacements.
+ // See: https://github.com/WordPress/gutenberg/issues/41771.
+ // Note original formats will be lost when applying this change.
+ // That is expected behaviour.
+ // See: https://github.com/WordPress/gutenberg/pull/33849#issuecomment-936134179.
+ const newValAfter = (0,external_wp_richText_namespaceObject.replace)(valAfter, richTextText, newValue);
+ newValue = (0,external_wp_richText_namespaceObject.concat)(valBefore, newValAfter);
+ }
+ onChange(newValue);
-function getKey(_id) {
- return `${prefix}-${_id}`;
+ // Focus should only be returned to the rich text on submit if this link is not
+ // being created for the first time. If it is then focus should remain within the
+ // Link UI because it should remain open for the user to modify the link they have
+ // just created.
+ if (!isNewLink) {
+ stopAddingLink();
+ }
+ if (!isValidHref(newUrl)) {
+ (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Warning: the link has been inserted but may have errors. Please test it.'), 'assertive');
+ } else if (isActive) {
+ (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Link edited.'), 'assertive');
+ } else {
+ (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Link inserted.'), 'assertive');
+ }
+ }
+ const popoverAnchor = (0,external_wp_richText_namespaceObject.useAnchor)({
+ editableContentElement: contentRef.current,
+ settings: {
+ ...build_module_link_link,
+ isActive
+ }
+ });
+ 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: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("mark", {})
+ });
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Popover, {
+ anchor: popoverAnchor,
+ animate: false,
+ onClose: stopAddingLink,
+ onFocusOutside: onFocusOutside,
+ placement: "bottom",
+ offset: 8,
+ shift: true,
+ focusOnMount: focusOnMount,
+ constrainTabbing: true,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__experimentalLinkControl, {
+ value: linkValue,
+ onChange: onChangeLink,
+ onRemove: removeLink,
+ hasRichPreviews: true,
+ createSuggestion: createPageEntity && handleCreate,
+ withCreateSuggestion: userCanCreatePages,
+ createSuggestionButtonText: createButtonText,
+ hasTextControl: true,
+ settings: LINK_SETTINGS,
+ showInitialSuggestions: true,
+ suggestionsQuery: {
+ // always show Pages as initial suggestions
+ initialSuggestionsSearchOptions: {
+ type: 'post',
+ subtype: 'page',
+ perPage: 20
+ }
+ }
+ })
+ });
}
+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.
+ 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 */ const inline = (InlineLinkUI);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/index.js
/**
- * 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.
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+
+
+
+/**
+ * Internal dependencies
*/
-function useLinkInstanceKey(instance) {
- if (!instance) {
- return;
+
+
+
+const link_name = 'core/link';
+const link_title = (0,external_wp_i18n_namespaceObject.__)('Link');
+function link_Edit({
+ isActive,
+ activeAttributes,
+ value,
+ onChange,
+ onFocus,
+ contentRef
+}) {
+ const [addingLink, setAddingLink] = (0,external_wp_element_namespaceObject.useState)(false);
+
+ // We only need to store the button element that opened the popover. We can ignore the other states, as they will be handled by the onFocus prop to return to the rich text field.
+ const [openedBy, setOpenedBy] = (0,external_wp_element_namespaceObject.useState)(null);
+ (0,external_wp_element_namespaceObject.useEffect)(() => {
+ // When the link becomes inactive (i.e. isActive is false), reset the editingLink state
+ // and the creatingLink state. This means that if the Link UI is displayed and the link
+ // becomes inactive (e.g. used arrow keys to move cursor outside of link bounds), the UI will close.
+ if (!isActive) {
+ setAddingLink(false);
+ }
+ }, [isActive]);
+ (0,external_wp_element_namespaceObject.useLayoutEffect)(() => {
+ const editableContentElement = contentRef.current;
+ if (!editableContentElement) {
+ return;
+ }
+ function handleClick(event) {
+ // There is a situation whereby there is an existing link in the rich text
+ // and the user clicks on the leftmost edge of that link and fails to activate
+ // the link format, but the click event still fires on the `` element.
+ // This causes the `editingLink` state to be set to `true` and the link UI
+ // to be rendered in "creating" mode. We need to check isActive to see if
+ // we have an active link format.
+ const link = event.target.closest('[contenteditable] a');
+ if (!link ||
+ // other formats (e.g. bold) may be nested within the link.
+ !isActive) {
+ return;
+ }
+ setAddingLink(true);
+ setOpenedBy({
+ el: link,
+ action: 'click'
+ });
+ }
+ editableContentElement.addEventListener('click', handleClick);
+ return () => {
+ editableContentElement.removeEventListener('click', handleClick);
+ };
+ }, [contentRef, isActive]);
+ function addLink(target) {
+ const text = (0,external_wp_richText_namespaceObject.getTextContent)((0,external_wp_richText_namespaceObject.slice)(value));
+ if (!isActive && 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 (!isActive && text && (0,external_wp_url_namespaceObject.isEmail)(text)) {
+ onChange((0,external_wp_richText_namespaceObject.applyFormat)(value, {
+ type: link_name,
+ attributes: {
+ url: `mailto:${text}`
+ }
+ }));
+ } else {
+ if (target) {
+ setOpenedBy({
+ el: target,
+ action: null // We don't need to distinguish between click or keyboard here
+ });
+ }
+ setAddingLink(true);
+ }
}
- if (weakMap.has(instance)) {
- return getKey(weakMap.get(instance));
+ /**
+ * Runs when the popover is closed via escape keypress, unlinking the selected text,
+ * but _not_ on a click outside the popover. onFocusOutside handles that.
+ */
+ function stopAddingLink() {
+ // Don't let the click handler on the toolbar button trigger again.
+
+ // There are two places for us to return focus to on Escape keypress:
+ // 1. The rich text field.
+ // 2. The toolbar button.
+
+ // The toolbar button is the only one we need to handle returning focus to.
+ // Otherwise, we rely on the passed in onFocus to return focus to the rich text field.
+
+ // Close the popover
+ setAddingLink(false);
+
+ // Return focus to the toolbar button or the rich text field
+ if (openedBy?.el?.tagName === 'BUTTON') {
+ openedBy.el.focus();
+ } else {
+ onFocus();
+ }
+ // Remove the openedBy state
+ setOpenedBy(null);
+ }
+
+ // Test for this:
+ // 1. Click on the link button
+ // 2. Click the Options button in the top right of header
+ // 3. Focus should be in the dropdown of the Options button
+ // 4. Press Escape
+ // 5. Focus should be on the Options button
+ function onFocusOutside() {
+ setAddingLink(false);
+ setOpenedBy(null);
+ }
+ function onRemoveFormat() {
+ onChange((0,external_wp_richText_namespaceObject.removeFormat)(value, link_name));
+ (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.__)('Link removed.'), 'assertive');
}
- id += 1;
- weakMap.set(instance, id);
- return getKey(id);
+ // Only autofocus if we have clicked a link within the editor
+ const shouldAutoFocus = !(openedBy?.el?.tagName === 'A' && openedBy?.action === 'click');
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
+ type: "primary",
+ character: "k",
+ onUse: addLink
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
+ type: "primaryShift",
+ character: "k",
+ onUse: onRemoveFormat
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ name: "link",
+ icon: library_link,
+ title: isActive ? (0,external_wp_i18n_namespaceObject.__)('Link') : link_title,
+ onClick: event => {
+ addLink(event.currentTarget);
+ },
+ isActive: isActive || addingLink,
+ shortcutType: "primary",
+ shortcutCharacter: "k",
+ "aria-haspopup": "true",
+ "aria-expanded": addingLink
+ }), addingLink && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(inline, {
+ stopAddingLink: stopAddingLink,
+ onFocusOutside: onFocusOutside,
+ isActive: isActive,
+ activeAttributes: activeAttributes,
+ value: value,
+ onChange: onChange,
+ contentRef: contentRef,
+ focusOnMount: shouldAutoFocus ? 'firstElement' : false
+ })]
+ });
}
+const build_module_link_link = {
+ name: link_name,
+ title: link_title,
+ tagName: 'a',
+ className: null,
+ attributes: {
+ url: 'href',
+ type: 'data-type',
+ id: 'data-id',
+ _id: 'id',
+ target: 'target',
+ rel: 'rel'
+ },
+ __unstablePasteRule(value, {
+ html,
+ plainText
+ }) {
+ const pastedText = (html || plainText).replace(/<[^>]+>/g, '').trim();
-/* harmony default export */ var use_link_instance_key = (useLinkInstanceKey);
+ // A URL was pasted, turn the selection into a link.
+ // For the link pasting feature, allow only http(s) protocols.
+ if (!(0,external_wp_url_namespaceObject.isURL)(pastedText) || !/^https?:/.test(pastedText)) {
+ return value;
+ }
+
+ // Allows us to ask for this information when we get a report.
+ window.console.log('Created link:\n\n', pastedText);
+ const format = {
+ type: link_name,
+ attributes: {
+ url: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(pastedText)
+ }
+ };
+ if ((0,external_wp_richText_namespaceObject.isCollapsed)(value)) {
+ return (0,external_wp_richText_namespaceObject.insert)(value, (0,external_wp_richText_namespaceObject.applyFormat)((0,external_wp_richText_namespaceObject.create)({
+ text: plainText
+ }), format, 0, plainText.length));
+ }
+ return (0,external_wp_richText_namespaceObject.applyFormat)(value, format);
+ },
+ edit: link_Edit
+};
-;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/link/inline.js
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-strikethrough.js
+/**
+ * WordPress dependencies
+ */
+
+
+const formatStrikethrough = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "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 */ const format_strikethrough = (formatStrikethrough);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/strikethrough/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+const strikethrough_name = 'core/strikethrough';
+const strikethrough_title = (0,external_wp_i18n_namespaceObject.__)('Strikethrough');
+const strikethrough = {
+ name: strikethrough_name,
+ title: strikethrough_title,
+ tagName: 's',
+ className: null,
+ edit({
+ isActive,
+ value,
+ onChange,
+ onFocus
+ }) {
+ function onClick() {
+ onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
+ type: strikethrough_name,
+ title: strikethrough_title
+ }));
+ onFocus();
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
+ type: "access",
+ character: "d",
+ onUse: onClick
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ icon: format_strikethrough,
+ title: strikethrough_title,
+ onClick: onClick,
+ isActive: isActive,
+ role: "menuitemcheckbox"
+ })]
+ });
+ }
+};
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/underline/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+
+const underline_name = 'core/underline';
+const underline_title = (0,external_wp_i18n_namespaceObject.__)('Underline');
+const underline = {
+ name: underline_name,
+ title: underline_title,
+ tagName: 'span',
+ className: null,
+ attributes: {
+ style: 'style'
+ },
+ edit({
+ value,
+ onChange
+ }) {
+ const onToggle = () => {
+ onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
+ type: underline_name,
+ attributes: {
+ style: 'text-decoration: underline;'
+ },
+ title: underline_title
+ }));
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
+ type: "primary",
+ character: "u",
+ onUse: onToggle
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, {
+ inputType: "formatUnderline",
+ onInput: onToggle
+ })]
+ });
+ }
+};
+
+;// 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
+ * @param {import('react').ForwardedRef} ref The forwarded ref to the SVG element.
+ *
+ * @return {JSX.Element} Icon component
+ */
+function Icon({
+ icon,
+ size = 24,
+ ...props
+}, ref) {
+ return (0,external_wp_element_namespaceObject.cloneElement)(icon, {
+ width: size,
+ height: size,
+ ...props,
+ ref
+ });
+}
+/* harmony default export */ const icon = ((0,external_wp_element_namespaceObject.forwardRef)(Icon));
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/text-color.js
+/**
+ * WordPress dependencies
+ */
+
+
+const textColor = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "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 */ const text_color = (textColor);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/color.js
+/**
+ * WordPress dependencies
+ */
+
+
+const color = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17.2 10.9c-.5-1-1.2-2.1-2.1-3.2-.6-.9-1.3-1.7-2.1-2.6L12 4l-1 1.1c-.6.9-1.3 1.7-2 2.6-.8 1.2-1.5 2.3-2 3.2-.6 1.2-1 2.2-1 3 0 3.4 2.7 6.1 6.1 6.1s6.1-2.7 6.1-6.1c0-.8-.3-1.8-1-3zm-5.1 7.6c-2.5 0-4.6-2.1-4.6-4.6 0-.3.1-1 .8-2.3.5-.9 1.1-1.9 2-3.1.7-.9 1.3-1.7 1.8-2.3.7.8 1.3 1.6 1.8 2.3.8 1.1 1.5 2.2 2 3.1.7 1.3.8 2 .8 2.3 0 2.5-2.1 4.6-4.6 4.6z"
+ })
+});
+/* harmony default export */ const library_color = (color);
+
+;// CONCATENATED MODULE: external ["wp","privateApis"]
+const external_wp_privateApis_namespaceObject = window["wp"]["privateApis"];
+;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/lock-unlock.js
+/**
+ * WordPress dependencies
+ */
+
+const {
+ lock,
+ unlock
+} = (0,external_wp_privateApis_namespaceObject.__dangerousOptInToUnstableAPIsOnlyForCoreModules)('I acknowledge private features are not for use in themes or plugins and doing so will break in the next version of WordPress.', '@wordpress/format-library');
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/text-color/inline.js
/**
* WordPress dependencies
*/
@@ -762,562 +1315,31 @@
-
-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
- * yet a link for them to apply to. Thus, they are maintained in a state
- * value until the time that the link can be inserted or edited.
- *
- * @type {[Object|undefined,Function]}
- */
-
- 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
- // the link is ready to be applied.
- nextValue = { ...nextLinkValue,
- ...nextValue
- }; // LinkControl calls `onChange` immediately upon the toggling a setting.
-
- const didToggleSetting = linkValue.opensInNewTab !== nextValue.opensInNewTab && linkValue.url === nextValue.url; // If change handler was called as a result of a settings change during
- // link insertion, it must be held in state until the link is ready to
- // be applied.
-
- const didToggleSettingForNewLink = didToggleSetting && nextValue.url === undefined; // If link will be assigned, the state value can be considered flushed.
- // Otherwise, persist the pending changes.
-
- setNextLinkValue(didToggleSettingForNewLink ? nextValue : undefined);
-
- if (didToggleSettingForNewLink) {
- return;
- }
-
- 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 ((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
- }), linkFormat, 0, newText.length);
- onChange((0,external_wp_richText_namespaceObject.insert)(value, toInsert));
- } else {
- // 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);
- } // Focus should only be shifted back to the formatted segment when the
- // URL is submitted.
-
-
- if (!didToggleSetting) {
- stopAddingLink();
- }
-
- if (!isValidHref(newUrl)) {
- speak((0,external_wp_i18n_namespaceObject.__)('Warning: the link has been inserted but may have errors. Please test it.'), 'assertive');
- } else if (isActive) {
- speak((0,external_wp_i18n_namespaceObject.__)('Link edited.'), 'assertive');
- } else {
- speak((0,external_wp_i18n_namespaceObject.__)('Link inserted.'), 'assertive');
- }
- }
-
- const anchorRef = (0,external_wp_richText_namespaceObject.useAnchorRef)({
- ref: contentRef,
- value,
- 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 = (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"
- }, (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__experimentalLinkControl, {
- key: forceRemountKey,
- value: linkValue,
- onChange: onChangeLink,
- onRemove: removeLink,
- forceIsEditingLink: addingLink,
- hasRichPreviews: true,
- createSuggestion: createPageEntity && handleCreate,
- withCreateSuggestion: userCanCreatePages,
- createSuggestionButtonText: createButtonText,
- hasTextControl: true
- }));
-}
-
-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.
-
- 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
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-const link_name = 'core/link';
-
-const link_title = (0,external_wp_i18n_namespaceObject.__)('Link');
-
-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 = (0,external_wp_richText_namespaceObject.getTextContent)((0,external_wp_richText_namespaceObject.slice)(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 && (0,external_wp_url_namespaceObject.isEmail)(text)) {
- onChange((0,external_wp_richText_namespaceObject.applyFormat)(value, {
- type: link_name,
- attributes: {
- url: `mailto:${text}`
- }
- }));
- } else {
- setAddingLink(true);
- }
- }
-
- function stopAddingLink() {
- setAddingLink(false);
- onFocus();
- }
-
- function onRemoveFormat() {
- 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 (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
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
- type: "primaryShift",
- character: "k",
- onUse: onRemoveFormat
- }), isActive && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
- name: "link",
- icon: link_off,
- title: (0,external_wp_i18n_namespaceObject.__)('Unlink'),
- onClick: onRemoveFormat,
- isActive: isActive,
- shortcutType: "primaryShift",
- shortcutCharacter: "k"
- }), !isActive && (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
- name: "link",
- icon: library_link,
- title: link_title,
- onClick: addLink,
- isActive: isActive,
- shortcutType: "primary",
- shortcutCharacter: "k"
- }), (addingLink || isActive) && (0,external_wp_element_namespaceObject.createElement)(inline, {
- addingLink: addingLink,
- stopAddingLink: stopAddingLink,
- isActive: isActive,
- activeAttributes: activeAttributes,
- value: value,
- onChange: onChange,
- contentRef: contentRef
- }));
-}
-
-const build_module_link_link = {
- name: link_name,
- title: link_title,
- tagName: 'a',
- className: null,
- attributes: {
- url: 'href',
- type: 'data-type',
- id: 'data-id',
- target: 'target'
- },
-
- __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.
-
- 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 (0,external_wp_richText_namespaceObject.applyFormat)(value, {
- type: link_name,
- attributes: {
- url: (0,external_wp_htmlEntities_namespaceObject.decodeEntities)(pastedText)
- }
- });
- },
-
- edit: link_Edit
-};
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/format-strikethrough.js
-
-
-/**
- * WordPress dependencies
- */
-
-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
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-const strikethrough_name = 'core/strikethrough';
-
-const strikethrough_title = (0,external_wp_i18n_namespaceObject.__)('Strikethrough');
-
-const strikethrough = {
- name: strikethrough_name,
- title: strikethrough_title,
- tagName: 's',
- className: null,
-
- edit(_ref) {
- let {
- isActive,
- value,
- onChange,
- onFocus
- } = _ref;
-
- function onClick() {
- onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
- type: strikethrough_name,
- title: strikethrough_title
- }));
- onFocus();
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
- icon: format_strikethrough,
- title: strikethrough_title,
- onClick: onClick,
- isActive: isActive,
- role: "menuitemcheckbox"
- });
- }
-
-};
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/underline/index.js
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-const underline_name = 'core/underline';
-
-const underline_title = (0,external_wp_i18n_namespaceObject.__)('Underline');
-
-const underline = {
- name: underline_name,
- title: underline_title,
- tagName: 'span',
- className: null,
- attributes: {
- style: 'style'
- },
-
- edit(_ref) {
- let {
- value,
- onChange
- } = _ref;
-
- const onToggle = () => {
- onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
- type: underline_name,
- attributes: {
- style: 'text-decoration: underline;'
- },
- title: underline_title
- }));
- };
-
- 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
- }), (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.__unstableRichTextInputEvent, {
- inputType: "formatUnderline",
- onInput: onToggle
- }));
- }
-
-};
-
-;// 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
- */
-
-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);
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/text-color.js
-
-
-/**
- * WordPress dependencies
- */
-
-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
-
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-
-
-
-/**
- * Internal dependencies
- */
-
-
-
-function parseCSS() {
- let css = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+const {
+ Tabs
+} = unlock(external_wp_components_namespaceObject.privateApis);
+const TABS = [{
+ name: 'color',
+ title: (0,external_wp_i18n_namespaceObject.__)('Text')
+}, {
+ name: 'backgroundColor',
+ title: (0,external_wp_i18n_namespaceObject.__)('Background')
+}];
+function parseCSS(css = '') {
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;
+ 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;
+function parseClassName(className = '', colorSettings) {
return className.split(' ').reduce((accumulator, name) => {
// `colorSlug` could contain dashes, so simply match the start and end.
if (name.startsWith('has-') && name.endsWith('-color')) {
@@ -1325,75 +1347,70 @@
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 {};
}
-
- return { ...parseCSS(activeColorFormat.attributes.style),
+ return {
+ ...parseCSS(activeColorFormat.attributes.style),
...parseClassName(activeColorFormat.attributes.class, colorSettings)
};
}
-
function setColors(value, name, colorSettings, colors) {
const {
color,
backgroundColor
- } = { ...getActiveColors(value, name, colorSettings),
+ } = {
+ ...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(' ');
+ 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;
+function ColorPicker({
+ name,
+ property,
+ value,
+ onChange
+}) {
const colors = (0,external_wp_data_namespaceObject.useSelect)(select => {
+ var _getSettings$colors;
const {
getSettings
} = select(external_wp_blockEditor_namespaceObject.store);
- return (0,external_lodash_namespaceObject.get)(getSettings(), ['colors'], []);
+ return (_getSettings$colors = getSettings().colors) !== null && _getSettings$colors !== void 0 ? _getSettings$colors : [];
}, []);
const onColorChange = (0,external_wp_element_namespaceObject.useCallback)(color => {
onChange(setColors(value, name, colors, {
@@ -1401,60 +1418,51 @@
}));
}, [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, {
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.ColorPalette, {
value: activeColors[property],
onChange: onColorChange
});
}
-
-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: text_color_textColor
- }));
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_components_namespaceObject.Popover, {
+function InlineColorUI({
+ name,
+ value,
+ onChange,
+ onClose,
+ contentRef,
+ isActive
+}) {
+ const popoverAnchor = (0,external_wp_richText_namespaceObject.useAnchor)({
+ editableContentElement: contentRef.current,
+ settings: {
+ ...text_color_textColor,
+ isActive
+ }
+ });
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Popover, {
onClose: onClose,
- className: "components-inline-color-popover",
- anchorRef: anchorRef
- }, (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
- })));
+ className: "format-library__inline-color-popover",
+ anchor: popoverAnchor,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(Tabs, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.TabList, {
+ children: TABS.map(tab => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.Tab, {
+ tabId: tab.name,
+ children: tab.title
+ }, tab.name))
+ }), TABS.map(tab => /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Tabs.TabPanel, {
+ tabId: tab.name,
+ focusable: false,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(ColorPicker, {
+ name: name,
+ property: tab.name,
+ value: value,
+ onChange: onChange
+ })
+ }, tab.name))]
+ })
+ });
}
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/text-color/index.js
-
-
-/**
- * External dependencies
- */
-
/**
* WordPress dependencies
*/
@@ -1469,13 +1477,12 @@
*/
+
+
const transparentValue = 'rgba(0, 0, 0, 0)';
const text_color_name = 'core/text-color';
-
const text_color_title = (0,external_wp_i18n_namespaceObject.__)('Highlight');
-
const EMPTY_ARRAY = [];
-
function getComputedStyleProperty(element, property) {
const {
ownerDocument
@@ -1485,71 +1492,63 @@
} = 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;
-
+function fillComputedColors(element, {
+ color,
+ backgroundColor
+}) {
if (!color && !backgroundColor) {
return;
}
-
return {
color: color || getComputedStyleProperty(element, 'color'),
backgroundColor: backgroundColor === transparentValue ? getComputedStyleProperty(element, 'background-color') : backgroundColor
};
}
-
-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;
+function TextColorEdit({
+ value,
+ onChange,
+ isActive,
+ activeAttributes,
+ contentRef
+}) {
+ const [allowCustomControl, colors = EMPTY_ARRAY] = (0,external_wp_blockEditor_namespaceObject.useSettings)('color.custom', 'color.palette');
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;
-
+ const hasColorsToChoose = colors.length || !allowCustomControl;
if (!hasColorsToChoose && !isActive) {
return null;
}
-
- 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",
- 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.
- ,
- 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,
- value: value,
- onChange: onChange,
- contentRef: contentRef
- }));
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ className: "format-library-text-color-button",
+ isActive: isActive,
+ icon: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(icon, {
+ icon: Object.keys(activeAttributes).length ? text_color : library_color,
+ style: colorIndicatorStyle
+ }),
+ title: text_color_title
+ // If has no colors to choose but a color is active remove the color onClick.
+ ,
+ onClick: hasColorsToChoose ? enableIsAddingColor : () => onChange((0,external_wp_richText_namespaceObject.removeFormat)(value, text_color_name)),
+ role: "menuitemcheckbox"
+ }), isAddingColor && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(InlineColorUI, {
+ name: text_color_name,
+ onClose: disableIsAddingColor,
+ activeAttributes: activeAttributes,
+ value: value,
+ onChange: onChange,
+ contentRef: contentRef,
+ isActive: isActive
+ })]
+ });
}
-
const text_color_textColor = {
name: text_color_name,
title: text_color_title,
@@ -1559,45 +1558,262 @@
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
+/**
+ * WordPress dependencies
+ */
+
+
+const subscript = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "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 */ const library_subscript = (subscript);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/subscript/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+const subscript_name = 'core/subscript';
+const subscript_title = (0,external_wp_i18n_namespaceObject.__)('Subscript');
+const subscript_subscript = {
+ name: subscript_name,
+ title: subscript_title,
+ tagName: 'sub',
+ className: null,
+ edit({
+ isActive,
+ value,
+ onChange,
+ onFocus
+ }) {
+ function onToggle() {
+ onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
+ type: subscript_name,
+ title: subscript_title
+ }));
+ }
+ function onClick() {
+ onToggle();
+ onFocus();
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ icon: library_subscript,
+ title: subscript_title,
+ onClick: onClick,
+ isActive: isActive,
+ role: "menuitemcheckbox"
+ });
+ }
+};
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/superscript.js
+/**
+ * WordPress dependencies
+ */
+
+
+const superscript = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "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 */ const library_superscript = (superscript);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/superscript/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+const superscript_name = 'core/superscript';
+const superscript_title = (0,external_wp_i18n_namespaceObject.__)('Superscript');
+const superscript_superscript = {
+ name: superscript_name,
+ title: superscript_title,
+ tagName: 'sup',
+ className: null,
+ edit({
+ isActive,
+ value,
+ onChange,
+ onFocus
+ }) {
+ function onToggle() {
+ onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
+ type: superscript_name,
+ title: superscript_title
+ }));
+ }
+ function onClick() {
+ onToggle();
+ onFocus();
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ icon: library_superscript,
+ title: superscript_title,
+ onClick: onClick,
+ isActive: isActive,
+ role: "menuitemcheckbox"
+ });
+ }
+};
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/button.js
/**
* WordPress dependencies
*/
-const subscript = (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.SVG, {
+
+const button_button = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ viewBox: "0 0 24 24",
+ xmlns: "http://www.w3.org/2000/svg",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M8 12.5h8V11H8v1.5Z M19 6.5H5a2 2 0 0 0-2 2V15a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a2 2 0 0 0-2-2ZM5 8h14a.5.5 0 0 1 .5.5V15a.5.5 0 0 1-.5.5H5a.5.5 0 0 1-.5-.5V8.5A.5.5 0 0 1 5 8Z"
+ })
+});
+/* harmony default export */ const library_button = (button_button);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/keyboard/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+
+const keyboard_name = 'core/keyboard';
+const keyboard_title = (0,external_wp_i18n_namespaceObject.__)('Keyboard input');
+const keyboard = {
+ name: keyboard_name,
+ title: keyboard_title,
+ tagName: 'kbd',
+ className: null,
+ edit({
+ isActive,
+ value,
+ onChange,
+ onFocus
+ }) {
+ function onToggle() {
+ onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
+ type: keyboard_name,
+ title: keyboard_title
+ }));
+ }
+ function onClick() {
+ onToggle();
+ onFocus();
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ icon: library_button,
+ title: keyboard_title,
+ onClick: onClick,
+ isActive: isActive,
+ role: "menuitemcheckbox"
+ });
+ }
+};
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/help.js
+/**
+ * WordPress dependencies
+ */
+
+
+const help = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
xmlns: "http://www.w3.org/2000/svg",
- viewBox: "0 0 24 24"
-}, (0,external_wp_element_namespaceObject.createElement)(external_wp_primitives_namespaceObject.Path, {
- d: "M16.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);
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M12 4.75a7.25 7.25 0 100 14.5 7.25 7.25 0 000-14.5zM3.25 12a8.75 8.75 0 1117.5 0 8.75 8.75 0 01-17.5 0zM12 8.75a1.5 1.5 0 01.167 2.99c-.465.052-.917.44-.917 1.01V14h1.5v-.845A3 3 0 109 10.25h1.5a1.5 1.5 0 011.5-1.5zM11.25 15v1.5h1.5V15h-1.5z"
+ })
+});
+/* harmony default export */ const library_help = (help);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/unknown/index.js
+/**
+ * WordPress dependencies
+ */
+
+
+
+
-;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/subscript/index.js
+const unknown_name = 'core/unknown';
+const unknown_title = (0,external_wp_i18n_namespaceObject.__)('Clear Unknown Formatting');
+function selectionContainsUnknownFormats(value) {
+ if ((0,external_wp_richText_namespaceObject.isCollapsed)(value)) {
+ return false;
+ }
+ const selectedValue = (0,external_wp_richText_namespaceObject.slice)(value);
+ return selectedValue.formats.some(formats => {
+ return formats.some(format => format.type === unknown_name);
+ });
+}
+const unknown = {
+ name: unknown_name,
+ title: unknown_title,
+ tagName: '*',
+ className: null,
+ edit({
+ isActive,
+ value,
+ onChange,
+ onFocus
+ }) {
+ if (!isActive && !selectionContainsUnknownFormats(value)) {
+ return null;
+ }
+ function onClick() {
+ onChange((0,external_wp_richText_namespaceObject.removeFormat)(value, unknown_name));
+ onFocus();
+ }
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ name: "unknown",
+ icon: library_help,
+ title: unknown_title,
+ onClick: onClick,
+ isActive: true
+ });
+ }
+};
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/language.js
+/**
+ * WordPress dependencies
+ */
+
+
+const language = /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.SVG, {
+ xmlns: "http://www.w3.org/2000/svg",
+ viewBox: "0 0 24 24",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_primitives_namespaceObject.Path, {
+ d: "M17.5 10h-1.7l-3.7 10.5h1.7l.9-2.6h3.9l.9 2.6h1.7L17.5 10zm-2.2 6.3 1.4-4 1.4 4h-2.8zm-4.8-3.8c1.6-1.8 2.9-3.6 3.7-5.7H16V5.2h-5.8V3H8.8v2.2H3v1.5h9.6c-.7 1.6-1.8 3.1-3.1 4.6C8.6 10.2 7.8 9 7.2 8H5.6c.6 1.4 1.7 2.9 2.9 4.4l-2.4 2.4c-.3.4-.7.8-1.1 1.2l1 1 1.2-1.2c.8-.8 1.6-1.5 2.3-2.3.8.9 1.7 1.7 2.5 2.5l.6-1.5c-.7-.6-1.4-1.3-2.1-2z"
+ })
+});
+/* harmony default export */ const library_language = (language);
+
+;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/language/index.js
+/**
+ * WordPress dependencies
+ */
/**
@@ -1607,65 +1823,109 @@
-const subscript_name = 'core/subscript';
-const subscript_title = (0,external_wp_i18n_namespaceObject.__)('Subscript');
-const subscript_subscript = {
- name: subscript_name,
- title: subscript_title,
- tagName: 'sub',
- className: null,
+
- edit(_ref) {
- let {
- isActive,
- value,
- onChange,
- onFocus
- } = _ref;
-
- function onToggle() {
- onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
- type: subscript_name,
- title: subscript_title
- }));
- }
-
- function onClick() {
- onToggle();
- onFocus();
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
- icon: library_subscript,
- title: subscript_title,
- onClick: onClick,
+const language_name = 'core/language';
+const language_title = (0,external_wp_i18n_namespaceObject.__)('Language');
+const language_language = {
+ name: language_name,
+ tagName: 'bdo',
+ className: null,
+ edit: language_Edit,
+ title: language_title
+};
+function language_Edit({
+ isActive,
+ value,
+ onChange,
+ contentRef
+}) {
+ const [isPopoverVisible, setIsPopoverVisible] = (0,external_wp_element_namespaceObject.useState)(false);
+ const togglePopover = () => {
+ setIsPopoverVisible(state => !state);
+ };
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)(external_ReactJSXRuntime_namespaceObject.Fragment, {
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
+ icon: library_language,
+ label: language_title,
+ title: language_title,
+ onClick: () => {
+ if (isActive) {
+ onChange((0,external_wp_richText_namespaceObject.removeFormat)(value, language_name));
+ } else {
+ togglePopover();
+ }
+ },
isActive: isActive,
role: "menuitemcheckbox"
- });
- }
-
-};
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/superscript.js
-
-
-/**
- * WordPress dependencies
- */
+ }), isPopoverVisible && /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(InlineLanguageUI, {
+ value: value,
+ onChange: onChange,
+ onClose: togglePopover,
+ contentRef: contentRef
+ })]
+ });
+}
+function InlineLanguageUI({
+ value,
+ contentRef,
+ onChange,
+ onClose
+}) {
+ const popoverAnchor = (0,external_wp_richText_namespaceObject.useAnchor)({
+ editableContentElement: contentRef.current,
+ settings: language_language
+ });
+ const [lang, setLang] = (0,external_wp_element_namespaceObject.useState)('');
+ const [dir, setDir] = (0,external_wp_element_namespaceObject.useState)('ltr');
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Popover, {
+ className: "block-editor-format-toolbar__language-popover",
+ anchor: popoverAnchor,
+ onClose: onClose,
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsxs)("form", {
+ className: "block-editor-format-toolbar__language-container-content",
+ onSubmit: event => {
+ event.preventDefault();
+ onChange((0,external_wp_richText_namespaceObject.applyFormat)(value, {
+ type: language_name,
+ attributes: {
+ lang,
+ dir
+ }
+ }));
+ onClose();
+ },
+ children: [/*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.TextControl, {
+ label: language_title,
+ value: lang,
+ onChange: val => setLang(val),
+ help: (0,external_wp_i18n_namespaceObject.__)('A valid language attribute, like "en" or "fr".')
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.SelectControl, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Text direction'),
+ value: dir,
+ options: [{
+ label: (0,external_wp_i18n_namespaceObject.__)('Left to right'),
+ value: 'ltr'
+ }, {
+ label: (0,external_wp_i18n_namespaceObject.__)('Right to left'),
+ value: 'rtl'
+ }],
+ onChange: val => setDir(val)
+ }), /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.__experimentalHStack, {
+ alignment: "right",
+ children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_components_namespaceObject.Button, {
+ variant: "primary",
+ type: "submit",
+ text: (0,external_wp_i18n_namespaceObject.__)('Apply')
+ })
+ })]
+ })
+ });
+}
-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"
-}, (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/non-breaking-space/index.js
/**
* WordPress dependencies
*/
@@ -1673,111 +1933,26 @@
-const superscript_name = 'core/superscript';
-
-const superscript_title = (0,external_wp_i18n_namespaceObject.__)('Superscript');
-
-const superscript_superscript = {
- name: superscript_name,
- title: superscript_title,
- tagName: 'sup',
+const non_breaking_space_name = 'core/non-breaking-space';
+const non_breaking_space_title = (0,external_wp_i18n_namespaceObject.__)('Non breaking space');
+const nonBreakingSpace = {
+ name: non_breaking_space_name,
+ title: non_breaking_space_title,
+ tagName: 'nbsp',
className: null,
-
- edit(_ref) {
- let {
- isActive,
- value,
- onChange,
- onFocus
- } = _ref;
-
- function onToggle() {
- onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
- type: superscript_name,
- title: superscript_title
- }));
+ edit({
+ value,
+ onChange
+ }) {
+ function addNonBreakingSpace() {
+ onChange((0,external_wp_richText_namespaceObject.insert)(value, '\u00a0'));
}
-
- function onClick() {
- onToggle();
- onFocus();
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
- icon: library_superscript,
- title: superscript_title,
- onClick: onClick,
- isActive: isActive,
- role: "menuitemcheckbox"
+ return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(external_wp_blockEditor_namespaceObject.RichTextShortcut, {
+ type: "primaryShift",
+ character: " ",
+ onUse: addNonBreakingSpace
});
}
-
-};
-
-;// CONCATENATED MODULE: ./node_modules/@wordpress/icons/build-module/library/button.js
-
-
-/**
- * WordPress dependencies
- */
-
-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
-
-
-/**
- * WordPress dependencies
- */
-
-
-
-
-const keyboard_name = 'core/keyboard';
-
-const keyboard_title = (0,external_wp_i18n_namespaceObject.__)('Keyboard input');
-
-const keyboard = {
- name: keyboard_name,
- title: keyboard_title,
- tagName: 'kbd',
- className: null,
-
- edit(_ref) {
- let {
- isActive,
- value,
- onChange,
- onFocus
- } = _ref;
-
- function onToggle() {
- onChange((0,external_wp_richText_namespaceObject.toggleFormat)(value, {
- type: keyboard_name,
- title: keyboard_title
- }));
- }
-
- function onClick() {
- onToggle();
- onFocus();
- }
-
- return (0,external_wp_element_namespaceObject.createElement)(external_wp_blockEditor_namespaceObject.RichTextToolbarButton, {
- icon: library_button,
- title: keyboard_title,
- onClick: onClick,
- isActive: isActive,
- role: "menuitemcheckbox"
- });
- }
-
};
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/default-formats.js
@@ -1795,25 +1970,25 @@
-/* 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]);
+
+
+
+/* harmony default export */ const default_formats = ([bold, code_code, image_image, italic, build_module_link_link, strikethrough, underline, text_color_textColor, subscript_subscript, superscript_superscript, keyboard, unknown, language_language, nonBreakingSpace]);
;// CONCATENATED MODULE: ./node_modules/@wordpress/format-library/build-module/index.js
/**
* WordPress dependencies
*/
+
/**
* Internal dependencies
*/
-
-default_formats.forEach(_ref => {
- let {
- name,
- ...settings
- } = _ref;
- return (0,external_wp_richText_namespaceObject.registerFormatType)(name, settings);
-});
+default_formats.forEach(({
+ name,
+ ...settings
+}) => (0,external_wp_richText_namespaceObject.registerFormatType)(name, settings));
(window.wp = window.wp || {}).formatLibrary = __webpack_exports__;
/******/ })()