@wordpress/block-editor 12.25.0 → 13.0.0

package/build/components/rich-text/multiline.js

@@ -5,14 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = require("react");
 var _element = require("@wordpress/element");
 var _deprecated = _interopRequireDefault(require("@wordpress/deprecated"));
 var _data = require("@wordpress/data");
+var _keycodes = require("@wordpress/keycodes");
+var _richText = require("@wordpress/rich-text");
 var _ = require("./");
 var _store = require("../../store");
 var _blockEdit = require("../block-edit");
 var _utils = require("./utils");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -39,6 +41,10 @@ function RichTextMultiline({
   const {
     clientId
   } = (0, _blockEdit.useBlockEditContext)();
+  const {
+    getSelectionStart,
+    getSelectionEnd
+  } = (0, _data.useSelect)(_store.store);
   const {
     selectionChange
   } = (0, _data.useDispatch)(_store.store);
@@ -51,49 +57,71 @@ function RichTextMultiline({
   function _onChange(newValues) {
     onChange(`<${multilineTagName}>${newValues.join(`</${multilineTagName}><${multilineTagName}>`)}</${multilineTagName}>`);
   }
-  return (0, _react.createElement)(TagName, {
-    ref: forwardedRef
-  }, values.map((_value, index) => {
-    return (0, _react.createElement)(_.RichTextWrapper, {
-      key: index,
-      identifier: `${identifier}-${index}`,
-      tagName: multilineTagName,
-      value: _value,
-      onChange: newValue => {
-        const newValues = values.slice();
-        newValues[index] = newValue;
-        _onChange(newValues);
-      },
-      isSelected: undefined,
-      onSplit: v => v,
-      onReplace: array => {
-        const newValues = values.slice();
-        newValues.splice(index, 1, ...array);
-        _onChange(newValues);
-        selectionChange(clientId, `${identifier}-${index + 1}`, 0, 0);
-      },
-      onMerge: forward => {
-        const newValues = values.slice();
-        let offset = 0;
-        if (forward) {
-          if (!newValues[index + 1]) {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(TagName, {
+    ref: forwardedRef,
+    children: values.map((_value, index) => {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_.RichTextWrapper, {
+        identifier: `${identifier}-${index}`,
+        tagName: multilineTagName,
+        value: _value,
+        onChange: newValue => {
+          const newValues = values.slice();
+          newValues[index] = newValue;
+          _onChange(newValues);
+        },
+        isSelected: undefined,
+        onKeyDown: event => {
+          if (event.keyCode !== _keycodes.ENTER) {
             return;
           }
-          newValues.splice(index, 2, newValues[index] + newValues[index + 1]);
-          offset = newValues[index].length - 1;
-        } else {
-          if (!newValues[index - 1]) {
+          event.preventDefault();
+          const {
+            offset: start
+          } = getSelectionStart();
+          const {
+            offset: end
+          } = getSelectionEnd();
+
+          // Cannot split if there is no selection.
+          if (typeof start !== 'number' || typeof end !== 'number') {
             return;
           }
-          newValues.splice(index - 1, 2, newValues[index - 1] + newValues[index]);
-          offset = newValues[index - 1].length - 1;
-        }
-        _onChange(newValues);
-        selectionChange(clientId, `${identifier}-${index - (forward ? 0 : 1)}`, offset, offset);
-      },
-      ...props
-    });
-  }));
+          const richTextValue = (0, _richText.create)({
+            html: _value
+          });
+          richTextValue.start = start;
+          richTextValue.end = end;
+          const array = (0, _richText.split)(richTextValue).map(v => (0, _richText.toHTMLString)({
+            value: v
+          }));
+          const newValues = values.slice();
+          newValues.splice(index, 1, ...array);
+          _onChange(newValues);
+          selectionChange(clientId, `${identifier}-${index + 1}`, 0, 0);
+        },
+        onMerge: forward => {
+          const newValues = values.slice();
+          let offset = 0;
+          if (forward) {
+            if (!newValues[index + 1]) {
+              return;
+            }
+            newValues.splice(index, 2, newValues[index] + newValues[index + 1]);
+            offset = newValues[index].length - 1;
+          } else {
+            if (!newValues[index - 1]) {
+              return;
+            }
+            newValues.splice(index - 1, 2, newValues[index - 1] + newValues[index]);
+            offset = newValues[index - 1].length - 1;
+          }
+          _onChange(newValues);
+          selectionChange(clientId, `${identifier}-${index - (forward ? 0 : 1)}`, offset, offset);
+        },
+        ...props
+      }, index);
+    })
+  });
 }
 var _default = exports.default = (0, _element.forwardRef)(RichTextMultiline);
 //# sourceMappingURL=multiline.js.map

package/build/components/rich-text/multiline.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_deprecated","_interopRequireDefault","_data","_","_store","_blockEdit","_utils","RichTextMultiline","children","identifier","tagName","TagName","value","onChange","multiline","props","forwardedRef","deprecated","since","version","alternative","link","clientId","useBlockEditContext","selectionChange","useDispatch","blockEditorStore","multilineTagName","getMultilineTag","padded","values","split","shift","pop","_onChange","newValues","join","_react","createElement","ref","map","_value","index","RichTextWrapper","key","newValue","slice","isSelected","undefined","onSplit","v","onReplace","array","splice","onMerge","forward","offset","length","_default","exports","default","forwardRef"],"sources":["@wordpress/block-editor/src/components/rich-text/multiline.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { RichTextWrapper } from './';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockEditContext } from '../block-edit';\nimport { getMultilineTag } from './utils';\n\nfunction RichTextMultiline(\n\t{\n\t\tchildren,\n\t\tidentifier,\n\t\ttagName: TagName = 'div',\n\t\tvalue = '',\n\t\tonChange,\n\t\tmultiline,\n\t\t...props\n\t},\n\tforwardedRef\n) {\n\tdeprecated( 'wp.blockEditor.RichText multiline prop', {\n\t\tsince: '6.1',\n\t\tversion: '6.3',\n\t\talternative: 'nested blocks (InnerBlocks)',\n\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/nested-blocks-inner-blocks/',\n\t} );\n\n\tconst { clientId } = useBlockEditContext();\n\tconst { selectionChange } = useDispatch( blockEditorStore );\n\n\tconst multilineTagName = getMultilineTag( multiline );\n\tvalue = value || `<${ multilineTagName }></${ multilineTagName }>`;\n\tconst padded = `</${ multilineTagName }>${ value }<${ multilineTagName }>`;\n\tconst values = padded.split(\n\t\t`</${ multilineTagName }><${ multilineTagName }>`\n\t);\n\n\tvalues.shift();\n\tvalues.pop();\n\n\tfunction _onChange( newValues ) {\n\t\tonChange(\n\t\t\t`<${ multilineTagName }>${ newValues.join(\n\t\t\t\t`</${ multilineTagName }><${ multilineTagName }>`\n\t\t\t) }</${ multilineTagName }>`\n\t\t);\n\t}\n\n\treturn (\n\t\t<TagName ref={ forwardedRef }>\n\t\t\t{ values.map( ( _value, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<RichTextWrapper\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tidentifier={ `${ identifier }-${ index }` }\n\t\t\t\t\t\ttagName={ multilineTagName }\n\t\t\t\t\t\tvalue={ _value }\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tconst newValues = values.slice();\n\t\t\t\t\t\t\tnewValues[ index ] = newValue;\n\t\t\t\t\t\t\t_onChange( newValues );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisSelected={ undefined }\n\t\t\t\t\t\tonSplit={ ( v ) => v }\n\t\t\t\t\t\tonReplace={ ( array ) => {\n\t\t\t\t\t\t\tconst newValues = values.slice();\n\t\t\t\t\t\t\tnewValues.splice( index, 1, ...array );\n\t\t\t\t\t\t\t_onChange( newValues );\n\t\t\t\t\t\t\tselectionChange(\n\t\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\t\t`${ identifier }-${ index + 1 }`,\n\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMerge={ ( forward ) => {\n\t\t\t\t\t\t\tconst newValues = values.slice();\n\t\t\t\t\t\t\tlet offset = 0;\n\t\t\t\t\t\t\tif ( forward ) {\n\t\t\t\t\t\t\t\tif ( ! newValues[ index + 1 ] ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tnewValues.splice(\n\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t2,\n\t\t\t\t\t\t\t\t\tnewValues[ index ] + newValues[ index + 1 ]\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\toffset = newValues[ index ].length - 1;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tif ( ! newValues[ index - 1 ] ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tnewValues.splice(\n\t\t\t\t\t\t\t\t\tindex - 1,\n\t\t\t\t\t\t\t\t\t2,\n\t\t\t\t\t\t\t\t\tnewValues[ index - 1 ] + newValues[ index ]\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\toffset = newValues[ index - 1 ].length - 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t_onChange( newValues );\n\t\t\t\t\t\t\tselectionChange(\n\t\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\t\t`${ identifier }-${\n\t\t\t\t\t\t\t\t\tindex - ( forward ? 0 : 1 )\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t\t\toffset,\n\t\t\t\t\t\t\t\toffset\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</TagName>\n\t);\n}\n\nexport default forwardRef( RichTextMultiline );\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_deprecated","_interopRequireDefault","_data","_keycodes","_richText","_","_store","_blockEdit","_utils","_jsxRuntime","RichTextMultiline","children","identifier","tagName","TagName","value","onChange","multiline","props","forwardedRef","deprecated","since","version","alternative","link","clientId","useBlockEditContext","getSelectionStart","getSelectionEnd","useSelect","blockEditorStore","selectionChange","useDispatch","multilineTagName","getMultilineTag","padded","values","split","shift","pop","_onChange","newValues","join","jsx","ref","map","_value","index","RichTextWrapper","newValue","slice","isSelected","undefined","onKeyDown","event","keyCode","ENTER","preventDefault","offset","start","end","richTextValue","create","html","array","v","toHTMLString","splice","onMerge","forward","length","_default","exports","default","forwardRef"],"sources":["@wordpress/block-editor/src/components/rich-text/multiline.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { forwardRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { ENTER } from '@wordpress/keycodes';\nimport { create, split, toHTMLString } from '@wordpress/rich-text';\n\n/**\n * Internal dependencies\n */\nimport { RichTextWrapper } from './';\nimport { store as blockEditorStore } from '../../store';\nimport { useBlockEditContext } from '../block-edit';\nimport { getMultilineTag } from './utils';\n\nfunction RichTextMultiline(\n\t{\n\t\tchildren,\n\t\tidentifier,\n\t\ttagName: TagName = 'div',\n\t\tvalue = '',\n\t\tonChange,\n\t\tmultiline,\n\t\t...props\n\t},\n\tforwardedRef\n) {\n\tdeprecated( 'wp.blockEditor.RichText multiline prop', {\n\t\tsince: '6.1',\n\t\tversion: '6.3',\n\t\talternative: 'nested blocks (InnerBlocks)',\n\t\tlink: 'https://developer.wordpress.org/block-editor/how-to-guides/block-tutorial/nested-blocks-inner-blocks/',\n\t} );\n\n\tconst { clientId } = useBlockEditContext();\n\tconst { getSelectionStart, getSelectionEnd } =\n\t\tuseSelect( blockEditorStore );\n\tconst { selectionChange } = useDispatch( blockEditorStore );\n\n\tconst multilineTagName = getMultilineTag( multiline );\n\tvalue = value || `<${ multilineTagName }></${ multilineTagName }>`;\n\tconst padded = `</${ multilineTagName }>${ value }<${ multilineTagName }>`;\n\tconst values = padded.split(\n\t\t`</${ multilineTagName }><${ multilineTagName }>`\n\t);\n\n\tvalues.shift();\n\tvalues.pop();\n\n\tfunction _onChange( newValues ) {\n\t\tonChange(\n\t\t\t`<${ multilineTagName }>${ newValues.join(\n\t\t\t\t`</${ multilineTagName }><${ multilineTagName }>`\n\t\t\t) }</${ multilineTagName }>`\n\t\t);\n\t}\n\n\treturn (\n\t\t<TagName ref={ forwardedRef }>\n\t\t\t{ values.map( ( _value, index ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<RichTextWrapper\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\tidentifier={ `${ identifier }-${ index }` }\n\t\t\t\t\t\ttagName={ multilineTagName }\n\t\t\t\t\t\tvalue={ _value }\n\t\t\t\t\t\tonChange={ ( newValue ) => {\n\t\t\t\t\t\t\tconst newValues = values.slice();\n\t\t\t\t\t\t\tnewValues[ index ] = newValue;\n\t\t\t\t\t\t\t_onChange( newValues );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tisSelected={ undefined }\n\t\t\t\t\t\tonKeyDown={ ( event ) => {\n\t\t\t\t\t\t\tif ( event.keyCode !== ENTER ) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tevent.preventDefault();\n\n\t\t\t\t\t\t\tconst { offset: start } = getSelectionStart();\n\t\t\t\t\t\t\tconst { offset: end } = getSelectionEnd();\n\n\t\t\t\t\t\t\t// Cannot split if there is no selection.\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\ttypeof start !== 'number' ||\n\t\t\t\t\t\t\t\ttypeof end !== 'number'\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tconst richTextValue = create( { html: _value } );\n\t\t\t\t\t\t\trichTextValue.start = start;\n\t\t\t\t\t\t\trichTextValue.end = end;\n\n\t\t\t\t\t\t\tconst array = split( richTextValue ).map( ( v ) =>\n\t\t\t\t\t\t\t\ttoHTMLString( { value: v } )\n\t\t\t\t\t\t\t);\n\n\t\t\t\t\t\t\tconst newValues = values.slice();\n\t\t\t\t\t\t\tnewValues.splice( index, 1, ...array );\n\t\t\t\t\t\t\t_onChange( newValues );\n\t\t\t\t\t\t\tselectionChange(\n\t\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\t\t`${ identifier }-${ index + 1 }`,\n\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\t0\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonMerge={ ( forward ) => {\n\t\t\t\t\t\t\tconst newValues = values.slice();\n\t\t\t\t\t\t\tlet offset = 0;\n\t\t\t\t\t\t\tif ( forward ) {\n\t\t\t\t\t\t\t\tif ( ! newValues[ index + 1 ] ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tnewValues.splice(\n\t\t\t\t\t\t\t\t\tindex,\n\t\t\t\t\t\t\t\t\t2,\n\t\t\t\t\t\t\t\t\tnewValues[ index ] + newValues[ index + 1 ]\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\toffset = newValues[ index ].length - 1;\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tif ( ! newValues[ index - 1 ] ) {\n\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tnewValues.splice(\n\t\t\t\t\t\t\t\t\tindex - 1,\n\t\t\t\t\t\t\t\t\t2,\n\t\t\t\t\t\t\t\t\tnewValues[ index - 1 ] + newValues[ index ]\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\toffset = newValues[ index - 1 ].length - 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t_onChange( newValues );\n\t\t\t\t\t\t\tselectionChange(\n\t\t\t\t\t\t\t\tclientId,\n\t\t\t\t\t\t\t\t`${ identifier }-${\n\t\t\t\t\t\t\t\t\tindex - ( forward ? 0 : 1 )\n\t\t\t\t\t\t\t\t}`,\n\t\t\t\t\t\t\t\toffset,\n\t\t\t\t\t\t\t\toffset\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t} }\n\t\t\t\t\t\t{ ...props }\n\t\t\t\t\t/>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</TagName>\n\t);\n}\n\nexport default forwardRef( RichTextMultiline );\n"],"mappings":"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","ignoreList":[]}

package/build/components/rich-text/native/format-edit.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = FormatEdit;
-var _react = require("react");
 var _richText = require("@wordpress/rich-text");
+var _jsxRuntime = require("react/jsx-runtime");
 /**
  * WordPress dependencies
  */
@@ -29,8 +29,7 @@ function FormatEdit({
     const isActive = activeFormat !== undefined;
     const activeObject = (0, _richText.getActiveObject)(value);
     const isObjectActive = activeObject !== undefined && activeObject.type === name;
-    return (0, _react.createElement)(Edit, {
-      key: name,
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(Edit, {
       isActive: isActive,
       activeAttributes: isActive ? activeFormat.attributes || {} : {},
       isObjectActive: isObjectActive,
@@ -39,7 +38,7 @@ function FormatEdit({
       onChange: onChange,
       onFocus: onFocus,
       contentRef: forwardedRef
-    });
+    }, name);
   });
 }
 //# sourceMappingURL=format-edit.js.map

package/build/components/rich-text/native/format-edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_richText","require","FormatEdit","formatTypes","onChange","onFocus","value","forwardedRef","map","settings","name","edit","Edit","activeFormat","getActiveFormat","isActive","undefined","activeObject","getActiveObject","isObjectActive","type","_react","createElement","key","activeAttributes","attributes","activeObjectAttributes","contentRef"],"sources":["@wordpress/block-editor/src/components/rich-text/native/format-edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getActiveFormat, getActiveObject } from '@wordpress/rich-text';\n\nexport default function FormatEdit( {\n\tformatTypes,\n\tonChange,\n\tonFocus,\n\tvalue,\n\tforwardedRef,\n} ) {\n\treturn formatTypes.map( ( settings ) => {\n\t\tconst { name, edit: Edit } = settings;\n\n\t\tif ( ! Edit ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst activeFormat = getActiveFormat( value, name );\n\t\tconst isActive = activeFormat !== undefined;\n\t\tconst activeObject = getActiveObject( value );\n\t\tconst isObjectActive =\n\t\t\tactiveObject !== undefined && activeObject.type === name;\n\n\t\treturn (\n\t\t\t<Edit\n\t\t\t\tkey={ name }\n\t\t\t\tisActive={ isActive }\n\t\t\t\tactiveAttributes={\n\t\t\t\t\tisActive ? activeFormat.attributes || {} : {}\n\t\t\t\t}\n\t\t\t\tisObjectActive={ isObjectActive }\n\t\t\t\tactiveObjectAttributes={\n\t\t\t\t\tisObjectActive ? activeObject.attributes || {} : {}\n\t\t\t\t}\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tonFocus={ onFocus }\n\t\t\t\tcontentRef={ forwardedRef }\n\t\t\t/>\n\t\t);\n\t} );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGe,SAASC,UAAUA,CAAE;EACnCC,WAAW;EACXC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,OAAOJ,WAAW,CAACK,GAAG,CAAIC,QAAQ,IAAM;IACvC,MAAM;MAAEC,IAAI;MAAEC,IAAI,EAAEC;IAAK,CAAC,GAAGH,QAAQ;IAErC,IAAK,CAAEG,IAAI,EAAG;MACb,OAAO,IAAI;IACZ;IAEA,MAAMC,YAAY,GAAG,IAAAC,yBAAe,EAAER,KAAK,EAAEI,IAAK,CAAC;IACnD,MAAMK,QAAQ,GAAGF,YAAY,KAAKG,SAAS;IAC3C,MAAMC,YAAY,GAAG,IAAAC,yBAAe,EAAEZ,KAAM,CAAC;IAC7C,MAAMa,cAAc,GACnBF,YAAY,KAAKD,SAAS,IAAIC,YAAY,CAACG,IAAI,KAAKV,IAAI;IAEzD,OACC,IAAAW,MAAA,CAAAC,aAAA,EAACV,IAAI;MACJW,GAAG,EAAGb,IAAM;MACZK,QAAQ,EAAGA,QAAU;MACrBS,gBAAgB,EACfT,QAAQ,GAAGF,YAAY,CAACY,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAC5C;MACDN,cAAc,EAAGA,cAAgB;MACjCO,sBAAsB,EACrBP,cAAc,GAAGF,YAAY,CAACQ,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAClD;MACDnB,KAAK,EAAGA,KAAO;MACfF,QAAQ,EAAGA,QAAU;MACrBC,OAAO,EAAGA,OAAS;MACnBsB,UAAU,EAAGpB;IAAc,CAC3B,CAAC;EAEJ,CAAE,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_richText","require","_jsxRuntime","FormatEdit","formatTypes","onChange","onFocus","value","forwardedRef","map","settings","name","edit","Edit","activeFormat","getActiveFormat","isActive","undefined","activeObject","getActiveObject","isObjectActive","type","jsx","activeAttributes","attributes","activeObjectAttributes","contentRef"],"sources":["@wordpress/block-editor/src/components/rich-text/native/format-edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getActiveFormat, getActiveObject } from '@wordpress/rich-text';\n\nexport default function FormatEdit( {\n\tformatTypes,\n\tonChange,\n\tonFocus,\n\tvalue,\n\tforwardedRef,\n} ) {\n\treturn formatTypes.map( ( settings ) => {\n\t\tconst { name, edit: Edit } = settings;\n\n\t\tif ( ! Edit ) {\n\t\t\treturn null;\n\t\t}\n\n\t\tconst activeFormat = getActiveFormat( value, name );\n\t\tconst isActive = activeFormat !== undefined;\n\t\tconst activeObject = getActiveObject( value );\n\t\tconst isObjectActive =\n\t\t\tactiveObject !== undefined && activeObject.type === name;\n\n\t\treturn (\n\t\t\t<Edit\n\t\t\t\tkey={ name }\n\t\t\t\tisActive={ isActive }\n\t\t\t\tactiveAttributes={\n\t\t\t\t\tisActive ? activeFormat.attributes || {} : {}\n\t\t\t\t}\n\t\t\t\tisObjectActive={ isObjectActive }\n\t\t\t\tactiveObjectAttributes={\n\t\t\t\t\tisObjectActive ? activeObject.attributes || {} : {}\n\t\t\t\t}\n\t\t\t\tvalue={ value }\n\t\t\t\tonChange={ onChange }\n\t\t\t\tonFocus={ onFocus }\n\t\t\t\tcontentRef={ forwardedRef }\n\t\t\t/>\n\t\t);\n\t} );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AAAwE,IAAAC,WAAA,GAAAD,OAAA;AAHxE;AACA;AACA;;AAGe,SAASE,UAAUA,CAAE;EACnCC,WAAW;EACXC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC;AACD,CAAC,EAAG;EACH,OAAOJ,WAAW,CAACK,GAAG,CAAIC,QAAQ,IAAM;IACvC,MAAM;MAAEC,IAAI;MAAEC,IAAI,EAAEC;IAAK,CAAC,GAAGH,QAAQ;IAErC,IAAK,CAAEG,IAAI,EAAG;MACb,OAAO,IAAI;IACZ;IAEA,MAAMC,YAAY,GAAG,IAAAC,yBAAe,EAAER,KAAK,EAAEI,IAAK,CAAC;IACnD,MAAMK,QAAQ,GAAGF,YAAY,KAAKG,SAAS;IAC3C,MAAMC,YAAY,GAAG,IAAAC,yBAAe,EAAEZ,KAAM,CAAC;IAC7C,MAAMa,cAAc,GACnBF,YAAY,KAAKD,SAAS,IAAIC,YAAY,CAACG,IAAI,KAAKV,IAAI;IAEzD,oBACC,IAAAT,WAAA,CAAAoB,GAAA,EAACT,IAAI;MAEJG,QAAQ,EAAGA,QAAU;MACrBO,gBAAgB,EACfP,QAAQ,GAAGF,YAAY,CAACU,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAC5C;MACDJ,cAAc,EAAGA,cAAgB;MACjCK,sBAAsB,EACrBL,cAAc,GAAGF,YAAY,CAACM,UAAU,IAAI,CAAC,CAAC,GAAG,CAAC,CAClD;MACDjB,KAAK,EAAGA,KAAO;MACfF,QAAQ,EAAGA,QAAU;MACrBC,OAAO,EAAGA,OAAS;MACnBoB,UAAU,EAAGlB;IAAc,GAZrBG,IAaN,CAAC;EAEJ,CAAE,CAAC;AACJ","ignoreList":[]}

package/build/components/rich-text/native/index.native.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.RichText = void 0;
-var _react = require("react");
 var _reactNative = require("react-native");
 var _memize = _interopRequireDefault(require("memize"));
 var _colord = require("colord");
@@ -28,6 +27,7 @@ var _formatEdit = _interopRequireDefault(require("./format-edit"));
 var _getFormatColors = require("./get-format-colors");
 var _style = _interopRequireDefault(require("./style.scss"));
 var _toolbarButtonWithOptions = _interopRequireDefault(require("./toolbar-button-with-options"));
+var _jsxRuntime = require("react/jsx-runtime");
 /* eslint no-console: ["error", { allow: ["warn"] }] */
 
 /**
@@ -355,8 +355,10 @@ class RichText extends _element.Component {
     const {
       start,
       end,
-      text
+      text,
+      activeFormats
     } = value;
+    const hasActiveFormats = activeFormats && !!activeFormats.length;
     let newValue;
 
     // Always handle full content deletion ourselves.
@@ -368,7 +370,7 @@ class RichText extends _element.Component {
     }
 
     // Only process delete if the key press occurs at an uncollapsed edge.
-    if (!onDelete || !(0, _richText.isCollapsed)(value) || isReverse && start !== 0 || !isReverse && end !== text.length) {
+    if (!(0, _richText.isCollapsed)(value) || hasActiveFormats || isReverse && start !== 0 || !isReverse && end !== text.length) {
       return;
     }
     onDelete({
@@ -1029,84 +1031,89 @@ class RichText extends _element.Component {
     const selectionColor = getSelectionColor(this.props.selectionColor, defaultSelectionColor, baseGlobalStyles, this.getIsBlockBasedTheme());
     const EditableView = props => {
       this.customEditableOnKeyDown = props?.onKeyDown;
-      return (0, _react.createElement)(_react.Fragment, null);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
     };
-    return (0, _react.createElement)(_reactNative.View, {
-      style: containerStyles
-    }, children && children({
-      isSelected,
-      value: record,
-      onChange: this.onFormatChange,
-      onFocus: () => {},
-      editableProps,
-      editableTagName: EditableView
-    }), (0, _react.createElement)(_reactNativeAztec.default, {
-      accessibilityLabel: accessibilityLabel,
-      ref: ref => {
-        this._editor = ref;
-        if (this.props.nativeEditorRef) {
-          this.props.nativeEditorRef(ref);
-        }
-      },
-      style: {
-        backgroundColor: _style.default.richText.backgroundColor,
-        ...style,
-        ...(this.isIOS && minWidth && maxWidth ? {
-          width
-        } : {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: containerStyles,
+      children: [children && children({
+        isSelected,
+        value: record,
+        onChange: this.onFormatChange,
+        onFocus: () => {},
+        editableProps,
+        editableTagName: EditableView
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeAztec.default, {
+        accessibilityLabel: accessibilityLabel,
+        ref: ref => {
+          this._editor = ref;
+          if (this.props.nativeEditorRef) {
+            this.props.nativeEditorRef(ref);
+          }
+        },
+        style: {
+          backgroundColor: _style.default.richText.backgroundColor,
+          ...style,
+          ...(this.isIOS && minWidth && maxWidth ? {
+            width
+          } : {
+            maxWidth
+          }),
+          minHeight: this.state.height
+        },
+        blockUseDefaultFont: blockUseDefaultFont,
+        text: {
+          text: html,
+          eventCount: this.lastEventCount,
+          selection,
+          linkTextColor,
+          tag: tagName
+        },
+        placeholder: this.props.placeholder,
+        placeholderTextColor: this.getPlaceholderTextColor(),
+        deleteEnter: this.props.deleteEnter,
+        onChange: this.onChangeFromAztec,
+        onFocus: this.onFocus,
+        onBlur: this.onBlur,
+        onKeyDown: this.onKeyDown,
+        triggerKeyCodes: disableEditingMenu ? [] : this.suggestionOptions().map(op => op.triggerChar),
+        onPaste: this.onPaste,
+        activeFormats: this.getActiveFormatNames(record),
+        onContentSizeChange: this.onContentSizeChange,
+        onSelectionChange: this.onSelectionChangeFromAztec,
+        blockType: {
+          tag: tagName
+        },
+        color: style && style.color || parentBlockStyles && parentBlockStyles.color || baseGlobalStyles && baseGlobalStyles?.color?.text || defaultColor,
+        maxImagesWidth: 200,
+        fontFamily: this.props.fontFamily || defaultFontFamily,
+        fontSize: fontSize,
+        lineHeight: lineHeight,
+        fontWeight: this.props.fontWeight,
+        fontStyle: this.props.fontStyle,
+        disableEditingMenu: disableEditingMenu,
+        isMultiline: false,
+        textAlign: this.props.textAlign,
+        ...(this.isIOS ? {
           maxWidth
-        }),
-        minHeight: this.state.height
-      },
-      blockUseDefaultFont: blockUseDefaultFont,
-      text: {
-        text: html,
-        eventCount: this.lastEventCount,
-        selection,
-        linkTextColor,
-        tag: tagName
-      },
-      placeholder: this.props.placeholder,
-      placeholderTextColor: this.getPlaceholderTextColor(),
-      deleteEnter: this.props.deleteEnter,
-      onChange: this.onChangeFromAztec,
-      onFocus: this.onFocus,
-      onBlur: this.onBlur,
-      onKeyDown: this.onKeyDown,
-      triggerKeyCodes: disableEditingMenu ? [] : this.suggestionOptions().map(op => op.triggerChar),
-      onPaste: this.onPaste,
-      activeFormats: this.getActiveFormatNames(record),
-      onContentSizeChange: this.onContentSizeChange,
-      onSelectionChange: this.onSelectionChangeFromAztec,
-      blockType: {
-        tag: tagName
-      },
-      color: style && style.color || parentBlockStyles && parentBlockStyles.color || baseGlobalStyles && baseGlobalStyles?.color?.text || defaultColor,
-      maxImagesWidth: 200,
-      fontFamily: this.props.fontFamily || defaultFontFamily,
-      fontSize: fontSize,
-      lineHeight: lineHeight,
-      fontWeight: this.props.fontWeight,
-      fontStyle: this.props.fontStyle,
-      disableEditingMenu: disableEditingMenu,
-      isMultiline: false,
-      textAlign: this.props.textAlign,
-      ...(this.isIOS ? {
-        maxWidth
-      } : {}),
-      minWidth: minWidth,
-      id: this.props.id,
-      selectionColor: selectionColor,
-      disableAutocorrection: this.props.disableAutocorrection
-    }), isSelected && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_formatEdit.default, {
-      forwardedRef: this._editor,
-      formatTypes: formatTypes,
-      value: record,
-      onChange: this.onFormatChange,
-      onFocus: () => {}
-    }), !disableSuggestions && (0, _react.createElement)(_blockEditor.BlockFormatControls, null, (0, _react.createElement)(_toolbarButtonWithOptions.default, {
-      options: this.suggestionOptions()
-    }))));
+        } : {}),
+        minWidth: minWidth,
+        id: this.props.id,
+        selectionColor: selectionColor,
+        disableAutocorrection: this.props.disableAutocorrection
+      }), isSelected && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_formatEdit.default, {
+          forwardedRef: this._editor,
+          formatTypes: formatTypes,
+          value: record,
+          onChange: this.onFormatChange,
+          onFocus: () => {}
+        }), !disableSuggestions && /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.BlockFormatControls, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_toolbarButtonWithOptions.default, {
+            options: this.suggestionOptions()
+          })
+        })]
+      })]
+    });
   }
 }
 exports.RichText = RichText;
@@ -1130,7 +1137,7 @@ const withFormatTypes = WrappedComponent => props => {
     withoutInteractiveFormatting,
     allowedFormats
   });
-  return (0, _react.createElement)(WrappedComponent, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(WrappedComponent, {
     ...props,
     formatTypes: formatTypes
   });