enmi-conf.org: comparison wp/wp-includes/js/dist/rich-text.js

Mercurial Mercurial > enmi-conf.org / comparison

summary | shortlog | changelog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help

wp/wp-includes/js/dist/rich-text.js

changeset 22	8c2e4d02f4ef
parent 21	48c4eec2b7e6

equal deleted inserted replaced

-:48c4eec2b7e6
+:8c2e4d02f4ef
 __webpack_require__.d(actions_namespaceObject, {
 addFormatTypes: () => (addFormatTypes),
 removeFormatTypes: () => (removeFormatTypes)
 });
-;// CONCATENATED MODULE: external ["wp","data"]
+;// external ["wp","data"]
 const external_wp_data_namespaceObject = window["wp"]["data"];
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/store/reducer.js
+;// ./node_modules/@wordpress/rich-text/build-module/store/reducer.js
 /**
 * WordPress dependencies
 */
 }
 /* harmony default export */ const reducer = ((0,external_wp_data_namespaceObject.combineReducers)({
 formatTypes
 }));
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/store/selectors.js
+;// ./node_modules/@wordpress/rich-text/build-module/store/selectors.js
 /**
 * WordPress dependencies
 */
 *        __( 'Not Found' )
 *    ;
 * };
 * ```
 *
-* @return {Object?} Format type.
+* @return {?Object} Format type.
 */
 function getFormatType(state, name) {
 return state.formatTypes[name];
 }
 }
 return ` ${elementClassName} `.indexOf(` ${className} `) >= 0;
 });
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/store/actions.js
+;// ./node_modules/@wordpress/rich-text/build-module/store/actions.js
 /**
 * Returns an action object used in signalling that format types have been
 * added.
 * Ignored from documentation as registerFormatType should be used instead from @wordpress/rich-text
 *
 type: 'REMOVE_FORMAT_TYPES',
 names: Array.isArray(names) ? names : [names]
 };
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/store/index.js
+;// ./node_modules/@wordpress/rich-text/build-module/store/index.js
 /**
 * WordPress dependencies
 */
 selectors: selectors_namespaceObject,
 actions: actions_namespaceObject
 });
 (0,external_wp_data_namespaceObject.register)(store);
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/is-format-equal.js
+;// ./node_modules/@wordpress/rich-text/build-module/is-format-equal.js
 /** @typedef {import('./types').RichTextFormat} RichTextFormat */
 /**
 * Optimised equality check for format objects.
 *
 }
 }
 return true;
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/normalise-formats.js
+;// ./node_modules/@wordpress/rich-text/build-module/normalise-formats.js
 /**
 * Internal dependencies
 */
 ...value,
 formats: newFormats
 };
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/apply-format.js
+;// ./node_modules/@wordpress/rich-text/build-module/apply-format.js
 /**
 * Internal dependencies
 */
 type
 }) => type !== format.type) || []), format]
 });
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/create-element.js
+;// ./node_modules/@wordpress/rich-text/build-module/create-element.js
 /**
 * Parse the given HTML into a body element.
 *
 * Note: The current implementation will return a shared reference, reset on
 * each call to `createElement`. Therefore, you should not hold a reference to
 }
 createElement.body.innerHTML = html;
 return createElement.body;
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/special-characters.js
+;// ./node_modules/@wordpress/rich-text/build-module/special-characters.js
 /**
 * Object replacement character, used as a placeholder for objects.
 */
 const OBJECT_REPLACEMENT_CHARACTER = '\ufffc';
 * Zero width non-breaking space, used as padding in the editable DOM tree when
 * it is empty otherwise.
 */
 const ZWNBSP = '\ufeff';
-;// CONCATENATED MODULE: external ["wp","escapeHtml"]
+;// external ["wp","escapeHtml"]
 const external_wp_escapeHtml_namespaceObject = window["wp"]["escapeHtml"];
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/get-active-formats.js
+;// ./node_modules/@wordpress/rich-text/build-module/get-active-formats.js
 /** @typedef {import('./types').RichTextValue} RichTextValue */
 /** @typedef {import('./types').RichTextFormatList} RichTextFormatList */
 /**
 * Internal dependencies
 }
 }
 return _activeFormats || EMPTY_ACTIVE_FORMATS;
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/get-format-type.js
+;// ./node_modules/@wordpress/rich-text/build-module/get-format-type.js
 /**
 * WordPress dependencies
 */
 /**
 */
 function get_format_type_getFormatType(name) {
 return (0,external_wp_data_namespaceObject.select)(store).getFormatType(name);
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/to-tree.js
+;// ./node_modules/@wordpress/rich-text/build-module/to-tree.js
 /**
 * Internal dependencies
 */
 type,
 attributes,
 innerHTML
 } = replacement;
 const formatType = get_format_type_getFormatType(type);
-if (!isEditableTree && type === 'script') {
+if (isEditableTree && type === '#comment') {
+pointer = append(getParent(pointer), {
+type: 'span',
+attributes: {
+contenteditable: 'false',
+'data-rich-text-comment': attributes['data-rich-text-comment']
+}
+});
+append(append(pointer, {
+type: 'span'
+}), attributes['data-rich-text-comment'].trim());
+} else if (!isEditableTree && type === 'script') {
 pointer = append(getParent(pointer), fromFormat({
 type: 'script',
 isEditableTree
 }));
 append(pointer, {
 if (onEndIndex && end === i + 1) {
 onEndIndex(tree, pointer);
 }
 if (shouldInsertPadding && i === text.length) {
 append(getParent(pointer), ZWNBSP);
+// We CANNOT use CSS to add a placeholder with pseudo elements on
+// the main block wrappers because that could clash with theme CSS.
 if (placeholder && text.length === 0) {
 append(getParent(pointer), {
 type: 'span',
 attributes: {
 'data-rich-text-placeholder': placeholder,
 lastCharacter = character;
 }
 return tree;
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/to-html-string.js
+;// ./node_modules/@wordpress/rich-text/build-module/to-html-string.js
 /**
 * WordPress dependencies
 */
 /** @typedef {import('./types').RichTextValue} RichTextValue */
 /**
 * Create an HTML string from a Rich Text value.
 *
-* @param {Object}        $1                      Named argements.
+* @param {Object}        $1                      Named arguments.
 * @param {RichTextValue} $1.value                Rich text value.
 * @param {boolean}       [$1.preserveWhiteSpace] Preserves newlines if true.
 *
 * @return {string} HTML string.
 */
 type,
 attributes,
 object,
 children
 }) {
+if (type === '#comment') {
+// We can't restore the original comment delimiters, because once parsed
+// into DOM nodes, we don't have the information. But in the future we
+// could allow comment handlers to specify custom delimiters, for
+// example `</{comment-content}>` for Bits, where `comment-content`
+// would be `/{bit-name}` or `__{translatable-string}` (TBD).
+return `<!--${attributes['data-rich-text-comment']}-->`;
+}
 let attributeString = '';
 for (const key in attributes) {
 if (!(0,external_wp_escapeHtml_namespaceObject.isValidAttributeName)(key)) {
 continue;
 }
 }
 return child.text === undefined ? createElementHTML(child) : (0,external_wp_escapeHtml_namespaceObject.escapeEditableHTML)(child.text);
 }).join('');
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/get-text-content.js
+;// ./node_modules/@wordpress/rich-text/build-module/get-text-content.js
 /**
 * Internal dependencies
 */
 text
 }) {
 return text.replace(OBJECT_REPLACEMENT_CHARACTER, '');
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/create.js
+;// ./node_modules/@wordpress/rich-text/build-module/create.js
 /**
 * WordPress dependencies
 */
 static fromHTMLString(html) {
 return new RichTextData(create({
 html
 }));
 }
+/**
+* Create a RichTextData instance from an HTML element.
+*
+* @param {HTMLElement}                    htmlElement The HTML element to create the instance from.
+* @param {{preserveWhiteSpace?: boolean}} options     Options.
+* @return {RichTextData} The RichTextData instance.
+*/
 static fromHTMLElement(htmlElement, options = {}) {
 const {
 preserveWhiteSpace = false
 } = options;
 const element = preserveWhiteSpace ? htmlElement : collapseWhiteSpace(htmlElement);
 toPlainText() {
 return getTextContent(this.#value);
 }
 // We could expose `toHTMLElement` at some point as well, but we'd only use
 // it internally.
+/**
+* Convert the rich text value to an HTML string.
+*
+* @param {{preserveWhiteSpace?: boolean}} options Options.
+* @return {string} The HTML string.
+*/
 toHTMLString({
 preserveWhiteSpace
 } = {}) {
 return this.originalHTML || toHTMLString({
 value: this.#value,
 }
 /**
 * Creates a Rich Text value from a DOM element and range.
 *
-* @param {Object}  $1                  Named argements.
+* @param {Object}  $1                  Named arguments.
 * @param {Element} [$1.element]        Element to create value from.
 * @param {Range}   [$1.range]          Range to create value from.
 * @param {boolean} [$1.isEditableTree]
 *
 * @return {RichTextValue} A rich text value.
 // Create a sparse array of the same length as `text`, in which
 // formats can be added.
 accumulator.formats.length += text.length;
 accumulator.replacements.length += text.length;
 accumulator.text += text;
+continue;
+}
+if (node.nodeType === node.COMMENT_NODE || node.nodeType === node.ELEMENT_NODE && node.tagName === 'SPAN' && node.hasAttribute('data-rich-text-comment')) {
+const value = {
+formats: [,],
+replacements: [{
+type: '#comment',
+attributes: {
+'data-rich-text-comment': node.nodeType === node.COMMENT_NODE ? node.nodeValue : node.getAttribute('data-rich-text-comment')
+}
+}],
+text: OBJECT_REPLACEMENT_CHARACTER
+};
+accumulateSelection(accumulator, node, range, value);
+mergePair(accumulator, value);
 continue;
 }
 if (node.nodeType !== node.ELEMENT_NODE) {
 continue;
 }
 }
 /**
 * Gets the attributes of an element in object shape.
 *
-* @param {Object}  $1         Named argements.
+* @param {Object}  $1         Named arguments.
 * @param {Element} $1.element Element to get attributes from.
 *
 * @return {Object|void} Attribute object or `undefined` if the element has no
 *                       attributes.
 */
 accumulator[safeName] = value;
 }
 return accumulator;
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/concat.js
+;// ./node_modules/@wordpress/rich-text/build-module/concat.js
 /**
 * Internal dependencies
 */
 */
 function concat(...values) {
 return normaliseFormats(values.reduce(mergePair, create()));
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/get-active-format.js
+;// ./node_modules/@wordpress/rich-text/build-module/get-active-format.js
 /**
 * Internal dependencies
 */
 return getActiveFormats(value).find(({
 type
 }) => type === formatType);
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/get-active-object.js
+;// ./node_modules/@wordpress/rich-text/build-module/get-active-object.js
 /**
 * Internal dependencies
 */
 return;
 }
 return replacements[start];
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/is-collapsed.js
+;// ./node_modules/@wordpress/rich-text/build-module/is-collapsed.js
 /**
 * Internal dependencies
 */
 /**
 return;
 }
 return start === end;
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/is-empty.js
+;// ./node_modules/@wordpress/rich-text/build-module/is-empty.js
 /** @typedef {import('./types').RichTextValue} RichTextValue */
 /**
 * Check if a Rich Text value is Empty, meaning it contains no text or any
 * objects (such as images).
 text
 }) {
 return text.length === 0;
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/join.js
+;// ./node_modules/@wordpress/rich-text/build-module/join.js
 /**
 * Internal dependencies
 */
 if (typeof separator === 'string') {
 separator = create({
 text: separator
 });
 }
-return normaliseFormats(values.reduce((accumlator, {
+return normaliseFormats(values.reduce((accumulator, {
 formats,
 replacements,
 text
 }) => ({
-formats: accumlator.formats.concat(separator.formats, formats),
+formats: accumulator.formats.concat(separator.formats, formats),
-replacements: accumlator.replacements.concat(separator.replacements, replacements),
+replacements: accumulator.replacements.concat(separator.replacements, replacements),
-text: accumlator.text + separator.text + text
+text: accumulator.text + separator.text + text
 })));
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/register-format-type.js
+;// ./node_modules/@wordpress/rich-text/build-module/register-format-type.js
 /**
 * WordPress dependencies
 */
 /**
 }
 (0,external_wp_data_namespaceObject.dispatch)(store).addFormatTypes(settings);
 return settings;
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/remove-format.js
+;// ./node_modules/@wordpress/rich-text/build-module/remove-format.js
 /**
 * Internal dependencies
 */
 } else {
 delete formats[index];
 }
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/insert.js
+;// ./node_modules/@wordpress/rich-text/build-module/insert.js
 /**
 * Internal dependencies
 */
 start: index,
 end: index
 });
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/remove.js
+;// ./node_modules/@wordpress/rich-text/build-module/remove.js
 /**
 * Internal dependencies
 */
 */
 function remove_remove(value, startIndex, endIndex) {
 return insert(value, create(), startIndex, endIndex);
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/replace.js
+;// ./node_modules/@wordpress/rich-text/build-module/replace.js
 /**
 * Internal dependencies
 */
 start,
 end
 });
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/insert-object.js
+;// ./node_modules/@wordpress/rich-text/build-module/insert-object.js
 /**
 * Internal dependencies
 */
 text: OBJECT_REPLACEMENT_CHARACTER
 };
 return insert(value, valueToInsert, startIndex, endIndex);
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/slice.js
+;// ./node_modules/@wordpress/rich-text/build-module/slice.js
 /** @typedef {import('./types').RichTextValue} RichTextValue */
 /**
 * Slice a Rich Text value from `startIndex` to `endIndex`. Indices are
 * retrieved from the selection if none are provided. This is similar to
 replacements: replacements.slice(startIndex, endIndex),
 text: text.slice(startIndex, endIndex)
 };
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/split.js
+;// ./node_modules/@wordpress/rich-text/build-module/split.js
 /**
 * Internal dependencies
 */
 /** @typedef {import('./types').RichTextValue} RichTextValue */
 end: 0
 };
 return [before, after];
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/is-range-equal.js
+;// ./node_modules/@wordpress/rich-text/build-module/is-range-equal.js
 /**
 * Returns true if two ranges are equal, or false otherwise. Ranges are
 * considered equal if their start and end occur in the same container and
 * offset.
 *
 */
 function isRangeEqual(a, b) {
 return a === b || a && b && a.startContainer === b.startContainer && a.startOffset === b.startOffset && a.endContainer === b.endContainer && a.endOffset === b.endOffset;
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/to-dom.js
+;// ./node_modules/@wordpress/rich-text/build-module/to-dom.js
 /**
 * Internal dependencies
 */
 const {
 type,
 attributes
 } = child;
 if (type) {
-child = element.ownerDocument.createElement(type);
+if (type === '#comment') {
-for (const key in attributes) {
+child = element.ownerDocument.createComment(attributes['data-rich-text-comment']);
-child.setAttribute(key, attributes[key]);
+} else {
+child = element.ownerDocument.createElement(type);
+for (const key in attributes) {
+child.setAttribute(key, attributes[key]);
+}
 }
 }
 return element.appendChild(child);
 }
 function to_dom_appendText(node, text) {
 activeElement.focus();
 }
 }
 }
-;// CONCATENATED MODULE: external ["wp","a11y"]
+;// external ["wp","a11y"]
 const external_wp_a11y_namespaceObject = window["wp"]["a11y"];
-;// CONCATENATED MODULE: external ["wp","i18n"]
+;// external ["wp","i18n"]
 const external_wp_i18n_namespaceObject = window["wp"]["i18n"];
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/toggle-format.js
+;// ./node_modules/@wordpress/rich-text/build-module/toggle-format.js
 /**
 * WordPress dependencies
 */
 (0,external_wp_a11y_namespaceObject.speak)((0,external_wp_i18n_namespaceObject.sprintf)((0,external_wp_i18n_namespaceObject.__)('%s applied.'), format.title), 'assertive');
 }
 return applyFormat(value, format);
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/unregister-format-type.js
+;// ./node_modules/@wordpress/rich-text/build-module/unregister-format-type.js
 /**
 * WordPress dependencies
 */
 }
 (0,external_wp_data_namespaceObject.dispatch)(store).removeFormatTypes(name);
 return oldFormat;
 }
-;// CONCATENATED MODULE: external ["wp","element"]
+;// external ["wp","element"]
 const external_wp_element_namespaceObject = window["wp"]["element"];
-;// CONCATENATED MODULE: external ["wp","deprecated"]
+;// external ["wp","deprecated"]
 const external_wp_deprecated_namespaceObject = window["wp"]["deprecated"];
 var external_wp_deprecated_default = /*#__PURE__*/__webpack_require__.n(external_wp_deprecated_namespaceObject);
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/component/use-anchor-ref.js
+;// ./node_modules/@wordpress/rich-text/build-module/component/use-anchor-ref.js
 /**
 * WordPress dependencies
 */
 }
 return element.closest(tagName + (className ? '.' + className : ''));
 }, [activeFormat, value.start, value.end, tagName, className]);
 }
-;// CONCATENATED MODULE: external ["wp","compose"]
+;// external ["wp","compose"]
 const external_wp_compose_namespaceObject = window["wp"]["compose"];
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/component/use-anchor.js
+;// ./node_modules/@wordpress/rich-text/build-module/component/use-anchor.js
 /**
 * WordPress dependencies
 */
 * @return {HTMLElement|undefined} The format element, if found.
 */
 function getFormatElement(range, editableContentElement, tagName, className) {
 let element = range.startContainer;
-// Even if the active format is defined, the actualy DOM range's start
+// Even if the active format is defined, the actually DOM range's start
 // container may be outside of the format's DOM element:
 // `a‸<strong>b</strong>` (DOM) while visually it's `a<strong>‸b</strong>`.
 // So at a given selection index, start with the deepest format DOM element.
 if (element.nodeType === element.TEXT_NODE && range.startOffset === element.length && element.nextSibling) {
 element = element.nextSibling;
 };
 }, [editableContentElement, tagName, className, isActive, wasActive]);
 return anchor;
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/component/use-default-style.js
+;// ./node_modules/@wordpress/rich-text/build-module/component/use-default-style.js
 /**
 * WordPress dependencies
 */
 element.style.whiteSpace = whiteSpace;
 element.style.minWidth = minWidth;
 }, []);
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/component/use-boundary-style.js
+;// ./node_modules/@wordpress/rich-text/build-module/component/use-boundary-style.js
 /**
 * WordPress dependencies
 */
 }
 }, [activeFormats, activeReplacement]);
 return ref;
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/copy-handler.js
+;// ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/copy-handler.js
 /**
 * Internal dependencies
 */
 defaultView.removeEventListener('copy', onCopy);
 defaultView.removeEventListener('cut', onCopy);
 };
 });
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/select-object.js
+;// ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/select-object.js
 /* harmony default export */ const select_object = (() => element => {
 function onClick(event) {
 const {
 target
 } = event;
 element.removeEventListener('click', onClick);
 element.removeEventListener('focusin', onFocusIn);
 };
 });
-;// CONCATENATED MODULE: external ["wp","keycodes"]
+;// external ["wp","keycodes"]
 const external_wp_keycodes_namespaceObject = window["wp"]["keycodes"];
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/format-boundaries.js
+;// ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/format-boundaries.js
 /**
 * WordPress dependencies
 */
 return () => {
 element.removeEventListener('keydown', onKeyDown);
 };
 });
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/delete.js
+;// ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/delete.js
 /**
 * WordPress dependencies
 */
 return () => {
 element.removeEventListener('keydown', onKeyDown);
 };
 });
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/update-formats.js
+;// ./node_modules/@wordpress/rich-text/build-module/update-formats.js
 /**
 * Internal dependencies
 */
 }
 }
 return value;
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/input-and-selection.js
+;// ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/input-and-selection.js
 /**
 * Internal dependencies
 */
 element.removeEventListener('compositionend', onCompositionEnd);
 element.removeEventListener('focus', onFocus);
 };
 });
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/selection-change-compat.js
+;// ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/selection-change-compat.js
 /**
 * Internal dependencies
 */
 element.removeEventListener('pointerdown', onDown);
 element.removeEventListener('keydown', onDown);
 };
 });
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/index.js
+;// ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/prevent-focus-capture.js
+/**
+* Prevents focus from being captured by the element when clicking _outside_
+* around the element. This may happen when the parent element is flex.
+* @see https://github.com/WordPress/gutenberg/pull/65857
+* @see https://github.com/WordPress/gutenberg/pull/66402
+*/
+function preventFocusCapture() {
+return element => {
+const {
+ownerDocument
+} = element;
+const {
+defaultView
+} = ownerDocument;
+let value = null;
+function onPointerDown(event) {
+// Abort if the event is default prevented, we will not get a pointer up event.
+if (event.defaultPrevented) {
+return;
+}
+if (event.target === element) {
+return;
+}
+if (!event.target.contains(element)) {
+return;
+}
+value = element.getAttribute('contenteditable');
+element.setAttribute('contenteditable', 'false');
+defaultView.getSelection().removeAllRanges();
+}
+function onPointerUp() {
+if (value !== null) {
+element.setAttribute('contenteditable', value);
+value = null;
+}
+}
+defaultView.addEventListener('pointerdown', onPointerDown);
+defaultView.addEventListener('pointerup', onPointerUp);
+return () => {
+defaultView.removeEventListener('pointerdown', onPointerDown);
+defaultView.removeEventListener('pointerup', onPointerUp);
+};
+};
+}
+;// ./node_modules/@wordpress/rich-text/build-module/component/event-listeners/index.js
 /**
 * WordPress dependencies
 */
-const allEventListeners = [copy_handler, select_object, format_boundaries, event_listeners_delete, input_and_selection, selection_change_compat];
+const allEventListeners = [copy_handler, select_object, format_boundaries, event_listeners_delete, input_and_selection, selection_change_compat, preventFocusCapture];
 function useEventListeners(props) {
 const propsRef = (0,external_wp_element_namespaceObject.useRef)(props);
-propsRef.current = props;
+(0,external_wp_element_namespaceObject.useInsertionEffect)(() => {
+propsRef.current = props;
+});
 const refEffects = (0,external_wp_element_namespaceObject.useMemo)(() => allEventListeners.map(refEffect => refEffect(propsRef)), [propsRef]);
 return (0,external_wp_compose_namespaceObject.useRefEffect)(element => {
 const cleanups = refEffects.map(effect => effect(element));
 return () => {
 cleanups.forEach(cleanup => cleanup());
 };
 }, [refEffects]);
 }
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/component/index.js
+;// ./node_modules/@wordpress/rich-text/build-module/component/index.js
 /**
 * WordPress dependencies
 */
 placeholder
 });
 }
 // Internal values are updated synchronously, unlike props and state.
-const _value = (0,external_wp_element_namespaceObject.useRef)(value);
+const _valueRef = (0,external_wp_element_namespaceObject.useRef)(value);
-const record = (0,external_wp_element_namespaceObject.useRef)();
+const recordRef = (0,external_wp_element_namespaceObject.useRef)();
 function setRecordFromProps() {
-_value.current = value;
+_valueRef.current = value;
-record.current = value;
+recordRef.current = value;
 if (!(value instanceof RichTextData)) {
-record.current = value ? RichTextData.fromHTMLString(value, {
+recordRef.current = value ? RichTextData.fromHTMLString(value, {
 preserveWhiteSpace
 }) : RichTextData.empty();
 }
 // To do: make rich text internally work with RichTextData.
-record.current = {
+recordRef.current = {
-text: record.current.text,
+text: recordRef.current.text,
-formats: record.current.formats,
+formats: recordRef.current.formats,
-replacements: record.current.replacements
+replacements: recordRef.current.replacements
 };
 if (disableFormats) {
-record.current.formats = Array(value.length);
+recordRef.current.formats = Array(value.length);
-record.current.replacements = Array(value.length);
+recordRef.current.replacements = Array(value.length);
 }
 if (__unstableAfterParse) {
-record.current.formats = __unstableAfterParse(record.current);
+recordRef.current.formats = __unstableAfterParse(recordRef.current);
 }
-record.current.start = selectionStart;
+recordRef.current.start = selectionStart;
-record.current.end = selectionEnd;
+recordRef.current.end = selectionEnd;
 }
-const hadSelectionUpdate = (0,external_wp_element_namespaceObject.useRef)(false);
+const hadSelectionUpdateRef = (0,external_wp_element_namespaceObject.useRef)(false);
-if (!record.current) {
+if (!recordRef.current) {
-hadSelectionUpdate.current = isSelected;
+hadSelectionUpdateRef.current = isSelected;
 setRecordFromProps();
-} else if (selectionStart !== record.current.start || selectionEnd !== record.current.end) {
+} else if (selectionStart !== recordRef.current.start || selectionEnd !== recordRef.current.end) {
-hadSelectionUpdate.current = isSelected;
+hadSelectionUpdateRef.current = isSelected;
-record.current = {
+recordRef.current = {
-...record.current,
+...recordRef.current,
 start: selectionStart,
 end: selectionEnd,
 activeFormats: undefined
 };
 }
 * updated if differences are found.
 *
 * @param {Object} newRecord The record to sync and apply.
 */
 function handleChange(newRecord) {
-record.current = newRecord;
+recordRef.current = newRecord;
 applyRecord(newRecord);
 if (disableFormats) {
-_value.current = newRecord.text;
+_valueRef.current = newRecord.text;
 } else {
 const newFormats = __unstableBeforeSerialize ? __unstableBeforeSerialize(newRecord) : newRecord.formats;
 newRecord = {
 ...newRecord,
 formats: newFormats
 };
 if (typeof value === 'string') {
-_value.current = toHTMLString({
+_valueRef.current = toHTMLString({
 value: newRecord,
 preserveWhiteSpace
 });
 } else {
-_value.current = new RichTextData(newRecord);
+_valueRef.current = new RichTextData(newRecord);
 }
 }
 const {
 start,
 end,
 formats,
 text
-} = record.current;
+} = recordRef.current;
 // Selection must be updated first, so it is recorded in history when
 // the content change happens.
 // We batch both calls to only attempt to rerender once.
 registry.batch(() => {
 onSelectionChange(start, end);
-onChange(_value.current, {
+onChange(_valueRef.current, {
 __unstableFormats: formats,
 __unstableText: text
 });
 });
 forceRender();
 }
 function applyFromProps() {
 setRecordFromProps();
-applyRecord(record.current);
+applyRecord(recordRef.current);
 }
-const didMount = (0,external_wp_element_namespaceObject.useRef)(false);
+const didMountRef = (0,external_wp_element_namespaceObject.useRef)(false);
-// Value updates must happen synchonously to avoid overwriting newer values.
+// Value updates must happen synchronously to avoid overwriting newer values.
 (0,external_wp_element_namespaceObject.useLayoutEffect)(() => {
-if (didMount.current && value !== _value.current) {
+if (didMountRef.current && value !== _valueRef.current) {
 applyFromProps();
 forceRender();
 }
 }, [value]);
-// Value updates must happen synchonously to avoid overwriting newer values.
+// Value updates must happen synchronously to avoid overwriting newer values.
 (0,external_wp_element_namespaceObject.useLayoutEffect)(() => {
-if (!hadSelectionUpdate.current) {
+if (!hadSelectionUpdateRef.current) {
 return;
 }
 if (ref.current.ownerDocument.activeElement !== ref.current) {
 ref.current.focus();
 }
-applyRecord(record.current);
+applyRecord(recordRef.current);
-hadSelectionUpdate.current = false;
+hadSelectionUpdateRef.current = false;
-}, [hadSelectionUpdate.current]);
+}, [hadSelectionUpdateRef.current]);
 const mergedRefs = (0,external_wp_compose_namespaceObject.useMergeRefs)([ref, useDefaultStyle(), useBoundaryStyle({
-record
+record: recordRef
 }), useEventListeners({
-record,
+record: recordRef,
 handleChange,
 applyRecord,
 createRecord,
 isSelected,
 onSelectionChange,
 forceRender
 }), (0,external_wp_compose_namespaceObject.useRefEffect)(() => {
 applyFromProps();
-didMount.current = true;
+didMountRef.current = true;
 }, [placeholder, ...__unstableDependencies])]);
 return {
-value: record.current,
+value: recordRef.current,
 // A function to get the most recent value so event handlers in
 // useRichText implementations have access to it. For example when
 // listening to input events, we internally update the state, but this
 // state is not yet available to the input event handler because React
 // may re-render asynchronously.
-getValue: () => record.current,
+getValue: () => recordRef.current,
 onChange: handleChange,
 ref: mergedRefs
 };
 }
 function __experimentalRichText() {}
-;// CONCATENATED MODULE: ./node_modules/@wordpress/rich-text/build-module/index.js
+;// ./node_modules/@wordpress/rich-text/build-module/index.js

enmi-conf.org