@wordpress/block-editor 12.24.0 → 12.26.0

package/build/components/rich-text/event-listeners/before-input-rules.js

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _richText = require("@wordpress/rich-text");
+var _hooks = require("@wordpress/hooks");
+var _store = require("../../../store");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+/**
+ * When typing over a selection, the selection will we wrapped by a matching
+ * character pair. The second character is optional, it defaults to the first
+ * character.
+ *
+ * @type {string[]} Array of character pairs.
+ */
+const wrapSelectionSettings = ['`', '"', "'", '“”', '‘’'];
+var _default = props => element => {
+  function onInput(event) {
+    const {
+      inputType,
+      data
+    } = event;
+    const {
+      value,
+      onChange,
+      registry
+    } = props.current;
+
+    // Only run the rules when inserting text.
+    if (inputType !== 'insertText') {
+      return;
+    }
+    if ((0, _richText.isCollapsed)(value)) {
+      return;
+    }
+    const pair = (0, _hooks.applyFilters)('blockEditor.wrapSelectionSettings', wrapSelectionSettings).find(([startChar, endChar]) => startChar === data || endChar === data);
+    if (!pair) {
+      return;
+    }
+    const [startChar, endChar = startChar] = pair;
+    const start = value.start;
+    const end = value.end + startChar.length;
+    let newValue = (0, _richText.insert)(value, startChar, start, start);
+    newValue = (0, _richText.insert)(newValue, endChar, end, end);
+    const {
+      __unstableMarkLastChangeAsPersistent,
+      __unstableMarkAutomaticChange
+    } = registry.dispatch(_store.store);
+    __unstableMarkLastChangeAsPersistent();
+    onChange(newValue);
+    __unstableMarkAutomaticChange();
+    const init = {};
+    for (const key in event) {
+      init[key] = event[key];
+    }
+    init.data = endChar;
+    const {
+      ownerDocument
+    } = element;
+    const {
+      defaultView
+    } = ownerDocument;
+    const newEvent = new defaultView.InputEvent('input', init);
+
+    // Dispatch an `input` event with the new data. This will trigger the
+    // input rules.
+    // Postpone the `input` to the next event loop tick so that the dispatch
+    // doesn't happen synchronously in the middle of `beforeinput` dispatch.
+    // This is closer to how native `input` event would be timed, and also
+    // makes sure that the `input` event is dispatched only after the `onChange`
+    // call few lines above has fully updated the data store state and rerendered
+    // all affected components.
+    window.queueMicrotask(() => {
+      event.target.dispatchEvent(newEvent);
+    });
+    event.preventDefault();
+  }
+  element.addEventListener('beforeinput', onInput);
+  return () => {
+    element.removeEventListener('beforeinput', onInput);
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=before-input-rules.js.map

package/build/components/rich-text/event-listeners/before-input-rules.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_richText","require","_hooks","_store","wrapSelectionSettings","_default","props","element","onInput","event","inputType","data","value","onChange","registry","current","isCollapsed","pair","applyFilters","find","startChar","endChar","start","end","length","newValue","insert","__unstableMarkLastChangeAsPersistent","__unstableMarkAutomaticChange","dispatch","blockEditorStore","init","key","ownerDocument","defaultView","newEvent","InputEvent","window","queueMicrotask","target","dispatchEvent","preventDefault","addEventListener","removeEventListener","exports","default"],"sources":["@wordpress/block-editor/src/components/rich-text/event-listeners/before-input-rules.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { insert, isCollapsed } from '@wordpress/rich-text';\nimport { applyFilters } from '@wordpress/hooks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * When typing over a selection, the selection will we wrapped by a matching\n * character pair. The second character is optional, it defaults to the first\n * character.\n *\n * @type {string[]} Array of character pairs.\n */\nconst wrapSelectionSettings = [ '`', '\"', \"'\", '“”', '‘’' ];\n\nexport default ( props ) => ( element ) => {\n\tfunction onInput( event ) {\n\t\tconst { inputType, data } = event;\n\t\tconst { value, onChange, registry } = props.current;\n\n\t\t// Only run the rules when inserting text.\n\t\tif ( inputType !== 'insertText' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isCollapsed( value ) ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst pair = applyFilters(\n\t\t\t'blockEditor.wrapSelectionSettings',\n\t\t\twrapSelectionSettings\n\t\t).find(\n\t\t\t( [ startChar, endChar ] ) => startChar === data || endChar === data\n\t\t);\n\n\t\tif ( ! pair ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst [ startChar, endChar = startChar ] = pair;\n\t\tconst start = value.start;\n\t\tconst end = value.end + startChar.length;\n\n\t\tlet newValue = insert( value, startChar, start, start );\n\t\tnewValue = insert( newValue, endChar, end, end );\n\n\t\tconst {\n\t\t\t__unstableMarkLastChangeAsPersistent,\n\t\t\t__unstableMarkAutomaticChange,\n\t\t} = registry.dispatch( blockEditorStore );\n\n\t\t__unstableMarkLastChangeAsPersistent();\n\t\tonChange( newValue );\n\t\t__unstableMarkAutomaticChange();\n\n\t\tconst init = {};\n\n\t\tfor ( const key in event ) {\n\t\t\tinit[ key ] = event[ key ];\n\t\t}\n\n\t\tinit.data = endChar;\n\n\t\tconst { ownerDocument } = element;\n\t\tconst { defaultView } = ownerDocument;\n\t\tconst newEvent = new defaultView.InputEvent( 'input', init );\n\n\t\t// Dispatch an `input` event with the new data. This will trigger the\n\t\t// input rules.\n\t\t// Postpone the `input` to the next event loop tick so that the dispatch\n\t\t// doesn't happen synchronously in the middle of `beforeinput` dispatch.\n\t\t// This is closer to how native `input` event would be timed, and also\n\t\t// makes sure that the `input` event is dispatched only after the `onChange`\n\t\t// call few lines above has fully updated the data store state and rerendered\n\t\t// all affected components.\n\t\twindow.queueMicrotask( () => {\n\t\t\tevent.target.dispatchEvent( newEvent );\n\t\t} );\n\t\tevent.preventDefault();\n\t}\n\n\telement.addEventListener( 'beforeinput', onInput );\n\treturn () => {\n\t\telement.removeEventListener( 'beforeinput', onInput );\n\t};\n};\n"],"mappings":";;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMG,qBAAqB,GAAG,CAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAE;AAAC,IAAAC,QAAA,GAE3CC,KAAK,IAAQC,OAAO,IAAM;EAC1C,SAASC,OAAOA,CAAEC,KAAK,EAAG;IACzB,MAAM;MAAEC,SAAS;MAAEC;IAAK,CAAC,GAAGF,KAAK;IACjC,MAAM;MAAEG,KAAK;MAAEC,QAAQ;MAAEC;IAAS,CAAC,GAAGR,KAAK,CAACS,OAAO;;IAEnD;IACA,IAAKL,SAAS,KAAK,YAAY,EAAG;MACjC;IACD;IAEA,IAAK,IAAAM,qBAAW,EAAEJ,KAAM,CAAC,EAAG;MAC3B;IACD;IAEA,MAAMK,IAAI,GAAG,IAAAC,mBAAY,EACxB,mCAAmC,EACnCd,qBACD,CAAC,CAACe,IAAI,CACL,CAAE,CAAEC,SAAS,EAAEC,OAAO,CAAE,KAAMD,SAAS,KAAKT,IAAI,IAAIU,OAAO,KAAKV,IACjE,CAAC;IAED,IAAK,CAAEM,IAAI,EAAG;MACb;IACD;IAEA,MAAM,CAAEG,SAAS,EAAEC,OAAO,GAAGD,SAAS,CAAE,GAAGH,IAAI;IAC/C,MAAMK,KAAK,GAAGV,KAAK,CAACU,KAAK;IACzB,MAAMC,GAAG,GAAGX,KAAK,CAACW,GAAG,GAAGH,SAAS,CAACI,MAAM;IAExC,IAAIC,QAAQ,GAAG,IAAAC,gBAAM,EAAEd,KAAK,EAAEQ,SAAS,EAAEE,KAAK,EAAEA,KAAM,CAAC;IACvDG,QAAQ,GAAG,IAAAC,gBAAM,EAAED,QAAQ,EAAEJ,OAAO,EAAEE,GAAG,EAAEA,GAAI,CAAC;IAEhD,MAAM;MACLI,oCAAoC;MACpCC;IACD,CAAC,GAAGd,QAAQ,CAACe,QAAQ,CAAEC,YAAiB,CAAC;IAEzCH,oCAAoC,CAAC,CAAC;IACtCd,QAAQ,CAAEY,QAAS,CAAC;IACpBG,6BAA6B,CAAC,CAAC;IAE/B,MAAMG,IAAI,GAAG,CAAC,CAAC;IAEf,KAAM,MAAMC,GAAG,IAAIvB,KAAK,EAAG;MAC1BsB,IAAI,CAAEC,GAAG,CAAE,GAAGvB,KAAK,CAAEuB,GAAG,CAAE;IAC3B;IAEAD,IAAI,CAACpB,IAAI,GAAGU,OAAO;IAEnB,MAAM;MAAEY;IAAc,CAAC,GAAG1B,OAAO;IACjC,MAAM;MAAE2B;IAAY,CAAC,GAAGD,aAAa;IACrC,MAAME,QAAQ,GAAG,IAAID,WAAW,CAACE,UAAU,CAAE,OAAO,EAAEL,IAAK,CAAC;;IAE5D;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACAM,MAAM,CAACC,cAAc,CAAE,MAAM;MAC5B7B,KAAK,CAAC8B,MAAM,CAACC,aAAa,CAAEL,QAAS,CAAC;IACvC,CAAE,CAAC;IACH1B,KAAK,CAACgC,cAAc,CAAC,CAAC;EACvB;EAEAlC,OAAO,CAACmC,gBAAgB,CAAE,aAAa,EAAElC,OAAQ,CAAC;EAClD,OAAO,MAAM;IACZD,OAAO,CAACoC,mBAAmB,CAAE,aAAa,EAAEnC,OAAQ,CAAC;EACtD,CAAC;AACF,CAAC;AAAAoC,OAAA,CAAAC,OAAA,GAAAxC,QAAA","ignoreList":[]}

package/build/components/rich-text/event-listeners/delete.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _keycodes = require("@wordpress/keycodes");
+var _richText = require("@wordpress/rich-text");
+/**
+ * WordPress dependencies
+ */
+var _default = props => element => {
+  function onKeyDown(event) {
+    const {
+      keyCode
+    } = event;
+    if (event.defaultPrevented) {
+      return;
+    }
+    const {
+      value,
+      onMerge,
+      onRemove
+    } = props.current;
+    if (keyCode === _keycodes.DELETE || keyCode === _keycodes.BACKSPACE) {
+      const {
+        start,
+        end,
+        text
+      } = value;
+      const isReverse = keyCode === _keycodes.BACKSPACE;
+      const hasActiveFormats = value.activeFormats && !!value.activeFormats.length;
+
+      // Only process delete if the key press occurs at an uncollapsed edge.
+      if (!(0, _richText.isCollapsed)(value) || hasActiveFormats || isReverse && start !== 0 || !isReverse && end !== text.length) {
+        return;
+      }
+      if (onMerge) {
+        onMerge(!isReverse);
+      }
+
+      // Only handle remove on Backspace. This serves dual-purpose of being
+      // an intentional user interaction distinguishing between Backspace and
+      // Delete to remove the empty field, but also to avoid merge & remove
+      // causing destruction of two fields (merge, then removed merged).
+      else if (onRemove && (0, _richText.isEmpty)(value) && isReverse) {
+        onRemove(!isReverse);
+      }
+      event.preventDefault();
+    }
+  }
+  element.addEventListener('keydown', onKeyDown);
+  return () => {
+    element.removeEventListener('keydown', onKeyDown);
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=delete.js.map

package/build/components/rich-text/event-listeners/delete.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_keycodes","require","_richText","_default","props","element","onKeyDown","event","keyCode","defaultPrevented","value","onMerge","onRemove","current","DELETE","BACKSPACE","start","end","text","isReverse","hasActiveFormats","activeFormats","length","isCollapsed","isEmpty","preventDefault","addEventListener","removeEventListener","exports","default"],"sources":["@wordpress/block-editor/src/components/rich-text/event-listeners/delete.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { DELETE, BACKSPACE } from '@wordpress/keycodes';\nimport { isCollapsed, isEmpty } from '@wordpress/rich-text';\n\nexport default ( props ) => ( element ) => {\n\tfunction onKeyDown( event ) {\n\t\tconst { keyCode } = event;\n\n\t\tif ( event.defaultPrevented ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { value, onMerge, onRemove } = props.current;\n\n\t\tif ( keyCode === DELETE || keyCode === BACKSPACE ) {\n\t\t\tconst { start, end, text } = value;\n\t\t\tconst isReverse = keyCode === BACKSPACE;\n\t\t\tconst hasActiveFormats =\n\t\t\t\tvalue.activeFormats && !! value.activeFormats.length;\n\n\t\t\t// Only process delete if the key press occurs at an uncollapsed edge.\n\t\t\tif (\n\t\t\t\t! isCollapsed( value ) ||\n\t\t\t\thasActiveFormats ||\n\t\t\t\t( isReverse && start !== 0 ) ||\n\t\t\t\t( ! isReverse && end !== text.length )\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( onMerge ) {\n\t\t\t\tonMerge( ! isReverse );\n\t\t\t}\n\n\t\t\t// Only handle remove on Backspace. This serves dual-purpose of being\n\t\t\t// an intentional user interaction distinguishing between Backspace and\n\t\t\t// Delete to remove the empty field, but also to avoid merge & remove\n\t\t\t// causing destruction of two fields (merge, then removed merged).\n\t\t\telse if ( onRemove && isEmpty( value ) && isReverse ) {\n\t\t\t\tonRemove( ! isReverse );\n\t\t\t}\n\n\t\t\tevent.preventDefault();\n\t\t}\n\t}\n\n\telement.addEventListener( 'keydown', onKeyDown );\n\treturn () => {\n\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t};\n};\n"],"mappings":";;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAJA;AACA;AACA;AAFA,IAAAE,QAAA,GAMiBC,KAAK,IAAQC,OAAO,IAAM;EAC1C,SAASC,SAASA,CAAEC,KAAK,EAAG;IAC3B,MAAM;MAAEC;IAAQ,CAAC,GAAGD,KAAK;IAEzB,IAAKA,KAAK,CAACE,gBAAgB,EAAG;MAC7B;IACD;IAEA,MAAM;MAAEC,KAAK;MAAEC,OAAO;MAAEC;IAAS,CAAC,GAAGR,KAAK,CAACS,OAAO;IAElD,IAAKL,OAAO,KAAKM,gBAAM,IAAIN,OAAO,KAAKO,mBAAS,EAAG;MAClD,MAAM;QAAEC,KAAK;QAAEC,GAAG;QAAEC;MAAK,CAAC,GAAGR,KAAK;MAClC,MAAMS,SAAS,GAAGX,OAAO,KAAKO,mBAAS;MACvC,MAAMK,gBAAgB,GACrBV,KAAK,CAACW,aAAa,IAAI,CAAC,CAAEX,KAAK,CAACW,aAAa,CAACC,MAAM;;MAErD;MACA,IACC,CAAE,IAAAC,qBAAW,EAAEb,KAAM,CAAC,IACtBU,gBAAgB,IACdD,SAAS,IAAIH,KAAK,KAAK,CAAG,IAC1B,CAAEG,SAAS,IAAIF,GAAG,KAAKC,IAAI,CAACI,MAAQ,EACrC;QACD;MACD;MAEA,IAAKX,OAAO,EAAG;QACdA,OAAO,CAAE,CAAEQ,SAAU,CAAC;MACvB;;MAEA;MACA;MACA;MACA;MAAA,KACK,IAAKP,QAAQ,IAAI,IAAAY,iBAAO,EAAEd,KAAM,CAAC,IAAIS,SAAS,EAAG;QACrDP,QAAQ,CAAE,CAAEO,SAAU,CAAC;MACxB;MAEAZ,KAAK,CAACkB,cAAc,CAAC,CAAC;IACvB;EACD;EAEApB,OAAO,CAACqB,gBAAgB,CAAE,SAAS,EAAEpB,SAAU,CAAC;EAChD,OAAO,MAAM;IACZD,OAAO,CAACsB,mBAAmB,CAAE,SAAS,EAAErB,SAAU,CAAC;EACpD,CAAC;AACF,CAAC;AAAAsB,OAAA,CAAAC,OAAA,GAAA1B,QAAA","ignoreList":[]}

package/build/components/rich-text/event-listeners/enter.js

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _keycodes = require("@wordpress/keycodes");
+var _richText = require("@wordpress/rich-text");
+/**
+ * WordPress dependencies
+ */
+var _default = props => element => {
+  function onKeyDownDeprecated(event) {
+    if (event.keyCode !== _keycodes.ENTER) {
+      return;
+    }
+    const {
+      onReplace,
+      onSplit
+    } = props.current;
+    if (onReplace && onSplit) {
+      event.__deprecatedOnSplit = true;
+    }
+  }
+  function onKeyDown(event) {
+    if (event.defaultPrevented) {
+      return;
+    }
+
+    // The event listener is attached to the window, so we need to check if
+    // the target is the element.
+    if (event.target !== element) {
+      return;
+    }
+    if (event.keyCode !== _keycodes.ENTER) {
+      return;
+    }
+    const {
+      value,
+      onChange,
+      disableLineBreaks,
+      onSplitAtEnd,
+      onSplitAtDoubleLineEnd,
+      registry
+    } = props.current;
+    event.preventDefault();
+    const {
+      text,
+      start,
+      end
+    } = value;
+    if (event.shiftKey) {
+      if (!disableLineBreaks) {
+        onChange((0, _richText.insert)(value, '\n'));
+      }
+    } else if (onSplitAtEnd && start === end && end === text.length) {
+      onSplitAtEnd();
+    } else if (
+    // For some blocks it's desirable to split at the end of the
+    // block when there are two line breaks at the end of the
+    // block, so triple Enter exits the block.
+    onSplitAtDoubleLineEnd && start === end && end === text.length && text.slice(-2) === '\n\n') {
+      registry.batch(() => {
+        const _value = {
+          ...value
+        };
+        _value.start = _value.end - 2;
+        onChange((0, _richText.remove)(_value));
+        onSplitAtDoubleLineEnd();
+      });
+    } else if (!disableLineBreaks) {
+      onChange((0, _richText.insert)(value, '\n'));
+    }
+  }
+  const {
+    defaultView
+  } = element.ownerDocument;
+
+  // Attach the listener to the window so parent elements have the chance to
+  // prevent the default behavior.
+  defaultView.addEventListener('keydown', onKeyDown);
+  element.addEventListener('keydown', onKeyDownDeprecated);
+  return () => {
+    defaultView.removeEventListener('keydown', onKeyDown);
+    element.removeEventListener('keydown', onKeyDownDeprecated);
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=enter.js.map

package/build/components/rich-text/event-listeners/enter.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_keycodes","require","_richText","_default","props","element","onKeyDownDeprecated","event","keyCode","ENTER","onReplace","onSplit","current","__deprecatedOnSplit","onKeyDown","defaultPrevented","target","value","onChange","disableLineBreaks","onSplitAtEnd","onSplitAtDoubleLineEnd","registry","preventDefault","text","start","end","shiftKey","insert","length","slice","batch","_value","remove","defaultView","ownerDocument","addEventListener","removeEventListener","exports","default"],"sources":["@wordpress/block-editor/src/components/rich-text/event-listeners/enter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ENTER } from '@wordpress/keycodes';\nimport { insert, remove } from '@wordpress/rich-text';\n\nexport default ( props ) => ( element ) => {\n\tfunction onKeyDownDeprecated( event ) {\n\t\tif ( event.keyCode !== ENTER ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { onReplace, onSplit } = props.current;\n\n\t\tif ( onReplace && onSplit ) {\n\t\t\tevent.__deprecatedOnSplit = true;\n\t\t}\n\t}\n\n\tfunction onKeyDown( event ) {\n\t\tif ( event.defaultPrevented ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// The event listener is attached to the window, so we need to check if\n\t\t// the target is the element.\n\t\tif ( event.target !== element ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( event.keyCode !== ENTER ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst {\n\t\t\tvalue,\n\t\t\tonChange,\n\t\t\tdisableLineBreaks,\n\t\t\tonSplitAtEnd,\n\t\t\tonSplitAtDoubleLineEnd,\n\t\t\tregistry,\n\t\t} = props.current;\n\n\t\tevent.preventDefault();\n\n\t\tconst { text, start, end } = value;\n\n\t\tif ( event.shiftKey ) {\n\t\t\tif ( ! disableLineBreaks ) {\n\t\t\t\tonChange( insert( value, '\\n' ) );\n\t\t\t}\n\t\t} else if ( onSplitAtEnd && start === end && end === text.length ) {\n\t\t\tonSplitAtEnd();\n\t\t} else if (\n\t\t\t// For some blocks it's desirable to split at the end of the\n\t\t\t// block when there are two line breaks at the end of the\n\t\t\t// block, so triple Enter exits the block.\n\t\t\tonSplitAtDoubleLineEnd &&\n\t\t\tstart === end &&\n\t\t\tend === text.length &&\n\t\t\ttext.slice( -2 ) === '\\n\\n'\n\t\t) {\n\t\t\tregistry.batch( () => {\n\t\t\t\tconst _value = { ...value };\n\t\t\t\t_value.start = _value.end - 2;\n\t\t\t\tonChange( remove( _value ) );\n\t\t\t\tonSplitAtDoubleLineEnd();\n\t\t\t} );\n\t\t} else if ( ! disableLineBreaks ) {\n\t\t\tonChange( insert( value, '\\n' ) );\n\t\t}\n\t}\n\n\tconst { defaultView } = element.ownerDocument;\n\n\t// Attach the listener to the window so parent elements have the chance to\n\t// prevent the default behavior.\n\tdefaultView.addEventListener( 'keydown', onKeyDown );\n\telement.addEventListener( 'keydown', onKeyDownDeprecated );\n\treturn () => {\n\t\tdefaultView.removeEventListener( 'keydown', onKeyDown );\n\t\telement.removeEventListener( 'keydown', onKeyDownDeprecated );\n\t};\n};\n"],"mappings":";;;;;;AAGA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AAJA;AACA;AACA;AAFA,IAAAE,QAAA,GAMiBC,KAAK,IAAQC,OAAO,IAAM;EAC1C,SAASC,mBAAmBA,CAAEC,KAAK,EAAG;IACrC,IAAKA,KAAK,CAACC,OAAO,KAAKC,eAAK,EAAG;MAC9B;IACD;IAEA,MAAM;MAAEC,SAAS;MAAEC;IAAQ,CAAC,GAAGP,KAAK,CAACQ,OAAO;IAE5C,IAAKF,SAAS,IAAIC,OAAO,EAAG;MAC3BJ,KAAK,CAACM,mBAAmB,GAAG,IAAI;IACjC;EACD;EAEA,SAASC,SAASA,CAAEP,KAAK,EAAG;IAC3B,IAAKA,KAAK,CAACQ,gBAAgB,EAAG;MAC7B;IACD;;IAEA;IACA;IACA,IAAKR,KAAK,CAACS,MAAM,KAAKX,OAAO,EAAG;MAC/B;IACD;IAEA,IAAKE,KAAK,CAACC,OAAO,KAAKC,eAAK,EAAG;MAC9B;IACD;IAEA,MAAM;MACLQ,KAAK;MACLC,QAAQ;MACRC,iBAAiB;MACjBC,YAAY;MACZC,sBAAsB;MACtBC;IACD,CAAC,GAAGlB,KAAK,CAACQ,OAAO;IAEjBL,KAAK,CAACgB,cAAc,CAAC,CAAC;IAEtB,MAAM;MAAEC,IAAI;MAAEC,KAAK;MAAEC;IAAI,CAAC,GAAGT,KAAK;IAElC,IAAKV,KAAK,CAACoB,QAAQ,EAAG;MACrB,IAAK,CAAER,iBAAiB,EAAG;QAC1BD,QAAQ,CAAE,IAAAU,gBAAM,EAAEX,KAAK,EAAE,IAAK,CAAE,CAAC;MAClC;IACD,CAAC,MAAM,IAAKG,YAAY,IAAIK,KAAK,KAAKC,GAAG,IAAIA,GAAG,KAAKF,IAAI,CAACK,MAAM,EAAG;MAClET,YAAY,CAAC,CAAC;IACf,CAAC,MAAM;IACN;IACA;IACA;IACAC,sBAAsB,IACtBI,KAAK,KAAKC,GAAG,IACbA,GAAG,KAAKF,IAAI,CAACK,MAAM,IACnBL,IAAI,CAACM,KAAK,CAAE,CAAC,CAAE,CAAC,KAAK,MAAM,EAC1B;MACDR,QAAQ,CAACS,KAAK,CAAE,MAAM;QACrB,MAAMC,MAAM,GAAG;UAAE,GAAGf;QAAM,CAAC;QAC3Be,MAAM,CAACP,KAAK,GAAGO,MAAM,CAACN,GAAG,GAAG,CAAC;QAC7BR,QAAQ,CAAE,IAAAe,gBAAM,EAAED,MAAO,CAAE,CAAC;QAC5BX,sBAAsB,CAAC,CAAC;MACzB,CAAE,CAAC;IACJ,CAAC,MAAM,IAAK,CAAEF,iBAAiB,EAAG;MACjCD,QAAQ,CAAE,IAAAU,gBAAM,EAAEX,KAAK,EAAE,IAAK,CAAE,CAAC;IAClC;EACD;EAEA,MAAM;IAAEiB;EAAY,CAAC,GAAG7B,OAAO,CAAC8B,aAAa;;EAE7C;EACA;EACAD,WAAW,CAACE,gBAAgB,CAAE,SAAS,EAAEtB,SAAU,CAAC;EACpDT,OAAO,CAAC+B,gBAAgB,CAAE,SAAS,EAAE9B,mBAAoB,CAAC;EAC1D,OAAO,MAAM;IACZ4B,WAAW,CAACG,mBAAmB,CAAE,SAAS,EAAEvB,SAAU,CAAC;IACvDT,OAAO,CAACgC,mBAAmB,CAAE,SAAS,EAAE/B,mBAAoB,CAAC;EAC9D,CAAC;AACF,CAAC;AAAAgC,OAAA,CAAAC,OAAA,GAAApC,QAAA","ignoreList":[]}

package/build/components/rich-text/event-listeners/firefox-compat.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _store = require("../../../store");
+/**
+ * Internal dependencies
+ */
+var _default = props => element => {
+  function onFocus() {
+    const {
+      registry
+    } = props.current;
+    if (!registry.select(_store.store).isMultiSelecting()) {
+      return;
+    }
+
+    // This is a little hack to work around focus issues with nested
+    // editable elements in Firefox. For some reason the editable child
+    // element sometimes regains focus, while it should not be focusable
+    // and focus should remain on the editable parent element.
+    // To do: try to find the cause of the shifting focus.
+    const parentEditable = element.parentElement.closest('[contenteditable="true"]');
+    if (parentEditable) {
+      parentEditable.focus();
+    }
+  }
+  element.addEventListener('focus', onFocus);
+  return () => {
+    element.removeEventListener('focus', onFocus);
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=firefox-compat.js.map

package/build/components/rich-text/event-listeners/firefox-compat.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_store","require","_default","props","element","onFocus","registry","current","select","blockEditorStore","isMultiSelecting","parentEditable","parentElement","closest","focus","addEventListener","removeEventListener","exports","default"],"sources":["@wordpress/block-editor/src/components/rich-text/event-listeners/firefox-compat.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\nexport default ( props ) => ( element ) => {\n\tfunction onFocus() {\n\t\tconst { registry } = props.current;\n\t\tif ( ! registry.select( blockEditorStore ).isMultiSelecting() ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// This is a little hack to work around focus issues with nested\n\t\t// editable elements in Firefox. For some reason the editable child\n\t\t// element sometimes regains focus, while it should not be focusable\n\t\t// and focus should remain on the editable parent element.\n\t\t// To do: try to find the cause of the shifting focus.\n\t\tconst parentEditable = element.parentElement.closest(\n\t\t\t'[contenteditable=\"true\"]'\n\t\t);\n\n\t\tif ( parentEditable ) {\n\t\t\tparentEditable.focus();\n\t\t}\n\t}\n\n\telement.addEventListener( 'focus', onFocus );\n\treturn () => {\n\t\telement.removeEventListener( 'focus', onFocus );\n\t};\n};\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAFA,IAAAC,QAAA,GAKiBC,KAAK,IAAQC,OAAO,IAAM;EAC1C,SAASC,OAAOA,CAAA,EAAG;IAClB,MAAM;MAAEC;IAAS,CAAC,GAAGH,KAAK,CAACI,OAAO;IAClC,IAAK,CAAED,QAAQ,CAACE,MAAM,CAAEC,YAAiB,CAAC,CAACC,gBAAgB,CAAC,CAAC,EAAG;MAC/D;IACD;;IAEA;IACA;IACA;IACA;IACA;IACA,MAAMC,cAAc,GAAGP,OAAO,CAACQ,aAAa,CAACC,OAAO,CACnD,0BACD,CAAC;IAED,IAAKF,cAAc,EAAG;MACrBA,cAAc,CAACG,KAAK,CAAC,CAAC;IACvB;EACD;EAEAV,OAAO,CAACW,gBAAgB,CAAE,OAAO,EAAEV,OAAQ,CAAC;EAC5C,OAAO,MAAM;IACZD,OAAO,CAACY,mBAAmB,CAAE,OAAO,EAAEX,OAAQ,CAAC;EAChD,CAAC;AACF,CAAC;AAAAY,OAAA,CAAAC,OAAA,GAAAhB,QAAA","ignoreList":[]}

package/build/components/rich-text/event-listeners/index.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useEventListeners = useEventListeners;
+var _element = require("@wordpress/element");
+var _compose = require("@wordpress/compose");
+var _beforeInputRules = _interopRequireDefault(require("./before-input-rules"));
+var _inputRules = _interopRequireDefault(require("./input-rules"));
+var _insertReplacementText = _interopRequireDefault(require("./insert-replacement-text"));
+var _removeBrowserShortcuts = _interopRequireDefault(require("./remove-browser-shortcuts"));
+var _shortcuts = _interopRequireDefault(require("./shortcuts"));
+var _inputEvents = _interopRequireDefault(require("./input-events"));
+var _undoAutomaticChange = _interopRequireDefault(require("./undo-automatic-change"));
+var _pasteHandler = _interopRequireDefault(require("./paste-handler"));
+var _delete2 = _interopRequireDefault(require("./delete"));
+var _enter = _interopRequireDefault(require("./enter"));
+var _firefoxCompat = _interopRequireDefault(require("./firefox-compat"));
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+const allEventListeners = [_beforeInputRules.default, _inputRules.default, _insertReplacementText.default, _removeBrowserShortcuts.default, _shortcuts.default, _inputEvents.default, _undoAutomaticChange.default, _pasteHandler.default, _delete2.default, _enter.default, _firefoxCompat.default];
+function useEventListeners(props) {
+  const propsRef = (0, _element.useRef)(props);
+  propsRef.current = props;
+  const refEffects = (0, _element.useMemo)(() => allEventListeners.map(refEffect => refEffect(propsRef)), [propsRef]);
+  return (0, _compose.useRefEffect)(element => {
+    if (!props.isSelected) {
+      return;
+    }
+    const cleanups = refEffects.map(effect => effect(element));
+    return () => {
+      cleanups.forEach(cleanup => cleanup());
+    };
+  }, [refEffects, props.isSelected]);
+}
+//# sourceMappingURL=index.js.map

package/build/components/rich-text/event-listeners/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_element","require","_compose","_beforeInputRules","_interopRequireDefault","_inputRules","_insertReplacementText","_removeBrowserShortcuts","_shortcuts","_inputEvents","_undoAutomaticChange","_pasteHandler","_delete2","_enter","_firefoxCompat","allEventListeners","beforeInputRules","inputRules","insertReplacementText","removeBrowserShortcuts","shortcuts","inputEvents","undoAutomaticChange","pasteHandler","_delete","enter","firefoxCompat","useEventListeners","props","propsRef","useRef","current","refEffects","useMemo","map","refEffect","useRefEffect","element","isSelected","cleanups","effect","forEach","cleanup"],"sources":["@wordpress/block-editor/src/components/rich-text/event-listeners/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport beforeInputRules from './before-input-rules';\nimport inputRules from './input-rules';\nimport insertReplacementText from './insert-replacement-text';\nimport removeBrowserShortcuts from './remove-browser-shortcuts';\nimport shortcuts from './shortcuts';\nimport inputEvents from './input-events';\nimport undoAutomaticChange from './undo-automatic-change';\nimport pasteHandler from './paste-handler';\nimport _delete from './delete';\nimport enter from './enter';\nimport firefoxCompat from './firefox-compat';\n\nconst allEventListeners = [\n\tbeforeInputRules,\n\tinputRules,\n\tinsertReplacementText,\n\tremoveBrowserShortcuts,\n\tshortcuts,\n\tinputEvents,\n\tundoAutomaticChange,\n\tpasteHandler,\n\t_delete,\n\tenter,\n\tfirefoxCompat,\n];\n\nexport function useEventListeners( props ) {\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\tconst refEffects = useMemo(\n\t\t() => allEventListeners.map( ( refEffect ) => refEffect( propsRef ) ),\n\t\t[ propsRef ]\n\t);\n\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\tif ( ! props.isSelected ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst cleanups = refEffects.map( ( effect ) => effect( element ) );\n\t\t\treturn () => {\n\t\t\t\tcleanups.forEach( ( cleanup ) => cleanup() );\n\t\t\t};\n\t\t},\n\t\t[ refEffects, props.isSelected ]\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAKA,IAAAE,iBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,WAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,sBAAA,GAAAF,sBAAA,CAAAH,OAAA;AACA,IAAAM,uBAAA,GAAAH,sBAAA,CAAAH,OAAA;AACA,IAAAO,UAAA,GAAAJ,sBAAA,CAAAH,OAAA;AACA,IAAAQ,YAAA,GAAAL,sBAAA,CAAAH,OAAA;AACA,IAAAS,oBAAA,GAAAN,sBAAA,CAAAH,OAAA;AACA,IAAAU,aAAA,GAAAP,sBAAA,CAAAH,OAAA;AACA,IAAAW,QAAA,GAAAR,sBAAA,CAAAH,OAAA;AACA,IAAAY,MAAA,GAAAT,sBAAA,CAAAH,OAAA;AACA,IAAAa,cAAA,GAAAV,sBAAA,CAAAH,OAAA;AAnBA;AACA;AACA;;AAIA;AACA;AACA;;AAaA,MAAMc,iBAAiB,GAAG,CACzBC,yBAAgB,EAChBC,mBAAU,EACVC,8BAAqB,EACrBC,+BAAsB,EACtBC,kBAAS,EACTC,oBAAW,EACXC,4BAAmB,EACnBC,qBAAY,EACZC,gBAAO,EACPC,cAAK,EACLC,sBAAa,CACb;AAEM,SAASC,iBAAiBA,CAAEC,KAAK,EAAG;EAC1C,MAAMC,QAAQ,GAAG,IAAAC,eAAM,EAAEF,KAAM,CAAC;EAChCC,QAAQ,CAACE,OAAO,GAAGH,KAAK;EACxB,MAAMI,UAAU,GAAG,IAAAC,gBAAO,EACzB,MAAMlB,iBAAiB,CAACmB,GAAG,CAAIC,SAAS,IAAMA,SAAS,CAAEN,QAAS,CAAE,CAAC,EACrE,CAAEA,QAAQ,CACX,CAAC;EAED,OAAO,IAAAO,qBAAY,EAChBC,OAAO,IAAM;IACd,IAAK,CAAET,KAAK,CAACU,UAAU,EAAG;MACzB;IACD;IACA,MAAMC,QAAQ,GAAGP,UAAU,CAACE,GAAG,CAAIM,MAAM,IAAMA,MAAM,CAAEH,OAAQ,CAAE,CAAC;IAClE,OAAO,MAAM;MACZE,QAAQ,CAACE,OAAO,CAAIC,OAAO,IAAMA,OAAO,CAAC,CAAE,CAAC;IAC7C,CAAC;EACF,CAAC,EACD,CAAEV,UAAU,EAAEJ,KAAK,CAACU,UAAU,CAC/B,CAAC;AACF","ignoreList":[]}

package/build/components/rich-text/event-listeners/input-events.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _default = props => element => {
+  const {
+    inputEvents
+  } = props.current;
+  function onInput(event) {
+    for (const keyboardShortcut of inputEvents.current) {
+      keyboardShortcut(event);
+    }
+  }
+  element.addEventListener('input', onInput);
+  return () => {
+    element.removeEventListener('input', onInput);
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=input-events.js.map

package/build/components/rich-text/event-listeners/input-events.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["props","element","inputEvents","current","onInput","event","keyboardShortcut","addEventListener","removeEventListener","exports","default","_default"],"sources":["@wordpress/block-editor/src/components/rich-text/event-listeners/input-events.js"],"sourcesContent":["export default ( props ) => ( element ) => {\n\tconst { inputEvents } = props.current;\n\tfunction onInput( event ) {\n\t\tfor ( const keyboardShortcut of inputEvents.current ) {\n\t\t\tkeyboardShortcut( event );\n\t\t}\n\t}\n\n\telement.addEventListener( 'input', onInput );\n\treturn () => {\n\t\telement.removeEventListener( 'input', onInput );\n\t};\n};\n"],"mappings":";;;;;;eAAiBA,KAAK,IAAQC,OAAO,IAAM;EAC1C,MAAM;IAAEC;EAAY,CAAC,GAAGF,KAAK,CAACG,OAAO;EACrC,SAASC,OAAOA,CAAEC,KAAK,EAAG;IACzB,KAAM,MAAMC,gBAAgB,IAAIJ,WAAW,CAACC,OAAO,EAAG;MACrDG,gBAAgB,CAAED,KAAM,CAAC;IAC1B;EACD;EAEAJ,OAAO,CAACM,gBAAgB,CAAE,OAAO,EAAEH,OAAQ,CAAC;EAC5C,OAAO,MAAM;IACZH,OAAO,CAACO,mBAAmB,CAAE,OAAO,EAAEJ,OAAQ,CAAC;EAChD,CAAC;AACF,CAAC;AAAAK,OAAA,CAAAC,OAAA,GAAAC,QAAA","ignoreList":[]}

package/build/components/rich-text/event-listeners/input-rules.js

@@ -0,0 +1,135 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _richText = require("@wordpress/rich-text");
+var _blocks = require("@wordpress/blocks");
+var _store = require("../../../store");
+var _preventEventDiscovery = require("../prevent-event-discovery");
+var _selection = require("../../../utils/selection");
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+function findSelection(blocks) {
+  let i = blocks.length;
+  while (i--) {
+    const attributeKey = (0, _selection.retrieveSelectedAttribute)(blocks[i].attributes);
+    if (attributeKey) {
+      blocks[i].attributes[attributeKey] = blocks[i].attributes[attributeKey]
+      // To do: refactor this to use rich text's selection instead, so
+      // we no longer have to use on this hack inserting a special
+      // character.
+      .toString().replace(_selection.START_OF_SELECTED_AREA, '');
+      return [blocks[i].clientId, attributeKey, 0, 0];
+    }
+    const nestedSelection = findSelection(blocks[i].innerBlocks);
+    if (nestedSelection) {
+      return nestedSelection;
+    }
+  }
+  return [];
+}
+var _default = props => element => {
+  function inputRule() {
+    const {
+      getValue,
+      onReplace,
+      selectionChange,
+      registry
+    } = props.current;
+    if (!onReplace) {
+      return;
+    }
+
+    // We must use getValue() here because value may be update
+    // asynchronously.
+    const value = getValue();
+    const {
+      start,
+      text
+    } = value;
+    const characterBefore = text.slice(start - 1, start);
+
+    // The character right before the caret must be a plain space.
+    if (characterBefore !== ' ') {
+      return;
+    }
+    const trimmedTextBefore = text.slice(0, start).trim();
+    const prefixTransforms = (0, _blocks.getBlockTransforms)('from').filter(({
+      type
+    }) => type === 'prefix');
+    const transformation = (0, _blocks.findTransform)(prefixTransforms, ({
+      prefix
+    }) => {
+      return trimmedTextBefore === prefix;
+    });
+    if (!transformation) {
+      return;
+    }
+    const content = (0, _richText.toHTMLString)({
+      value: (0, _richText.insert)(value, _selection.START_OF_SELECTED_AREA, 0, start)
+    });
+    const block = transformation.transform(content);
+    selectionChange(...findSelection([block]));
+    onReplace([block]);
+    registry.dispatch(_store.store).__unstableMarkAutomaticChange();
+    return true;
+  }
+  function onInput(event) {
+    const {
+      inputType,
+      type
+    } = event;
+    const {
+      getValue,
+      onChange,
+      __unstableAllowPrefixTransformations,
+      formatTypes,
+      registry
+    } = props.current;
+
+    // Only run input rules when inserting text.
+    if (inputType !== 'insertText' && type !== 'compositionend') {
+      return;
+    }
+    if (__unstableAllowPrefixTransformations && inputRule()) {
+      return;
+    }
+    const value = getValue();
+    const transformed = formatTypes.reduce((accumlator, {
+      __unstableInputRule
+    }) => {
+      if (__unstableInputRule) {
+        accumlator = __unstableInputRule(accumlator);
+      }
+      return accumlator;
+    }, (0, _preventEventDiscovery.preventEventDiscovery)(value));
+    const {
+      __unstableMarkLastChangeAsPersistent,
+      __unstableMarkAutomaticChange
+    } = registry.dispatch(_store.store);
+    if (transformed !== value) {
+      __unstableMarkLastChangeAsPersistent();
+      onChange({
+        ...transformed,
+        activeFormats: value.activeFormats
+      });
+      __unstableMarkAutomaticChange();
+    }
+  }
+  element.addEventListener('input', onInput);
+  element.addEventListener('compositionend', onInput);
+  return () => {
+    element.removeEventListener('input', onInput);
+    element.removeEventListener('compositionend', onInput);
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=input-rules.js.map

package/build/components/rich-text/event-listeners/input-rules.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_richText","require","_blocks","_store","_preventEventDiscovery","_selection","findSelection","blocks","i","length","attributeKey","retrieveSelectedAttribute","attributes","toString","replace","START_OF_SELECTED_AREA","clientId","nestedSelection","innerBlocks","_default","props","element","inputRule","getValue","onReplace","selectionChange","registry","current","value","start","text","characterBefore","slice","trimmedTextBefore","trim","prefixTransforms","getBlockTransforms","filter","type","transformation","findTransform","prefix","content","toHTMLString","insert","block","transform","dispatch","blockEditorStore","__unstableMarkAutomaticChange","onInput","event","inputType","onChange","__unstableAllowPrefixTransformations","formatTypes","transformed","reduce","accumlator","__unstableInputRule","preventEventDiscovery","__unstableMarkLastChangeAsPersistent","activeFormats","addEventListener","removeEventListener","exports","default"],"sources":["@wordpress/block-editor/src/components/rich-text/event-listeners/input-rules.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { insert, toHTMLString } from '@wordpress/rich-text';\nimport { getBlockTransforms, findTransform } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\nimport { preventEventDiscovery } from '../prevent-event-discovery';\nimport {\n\tretrieveSelectedAttribute,\n\tSTART_OF_SELECTED_AREA,\n} from '../../../utils/selection';\n\nfunction findSelection( blocks ) {\n\tlet i = blocks.length;\n\n\twhile ( i-- ) {\n\t\tconst attributeKey = retrieveSelectedAttribute(\n\t\t\tblocks[ i ].attributes\n\t\t);\n\n\t\tif ( attributeKey ) {\n\t\t\tblocks[ i ].attributes[ attributeKey ] = blocks[ i ].attributes[\n\t\t\t\tattributeKey\n\t\t\t]\n\t\t\t\t// To do: refactor this to use rich text's selection instead, so\n\t\t\t\t// we no longer have to use on this hack inserting a special\n\t\t\t\t// character.\n\t\t\t\t.toString()\n\t\t\t\t.replace( START_OF_SELECTED_AREA, '' );\n\t\t\treturn [ blocks[ i ].clientId, attributeKey, 0, 0 ];\n\t\t}\n\n\t\tconst nestedSelection = findSelection( blocks[ i ].innerBlocks );\n\n\t\tif ( nestedSelection ) {\n\t\t\treturn nestedSelection;\n\t\t}\n\t}\n\n\treturn [];\n}\n\nexport default ( props ) => ( element ) => {\n\tfunction inputRule() {\n\t\tconst { getValue, onReplace, selectionChange, registry } =\n\t\t\tprops.current;\n\n\t\tif ( ! onReplace ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// We must use getValue() here because value may be update\n\t\t// asynchronously.\n\t\tconst value = getValue();\n\t\tconst { start, text } = value;\n\t\tconst characterBefore = text.slice( start - 1, start );\n\n\t\t// The character right before the caret must be a plain space.\n\t\tif ( characterBefore !== ' ' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst trimmedTextBefore = text.slice( 0, start ).trim();\n\t\tconst prefixTransforms = getBlockTransforms( 'from' ).filter(\n\t\t\t( { type } ) => type === 'prefix'\n\t\t);\n\t\tconst transformation = findTransform(\n\t\t\tprefixTransforms,\n\t\t\t( { prefix } ) => {\n\t\t\t\treturn trimmedTextBefore === prefix;\n\t\t\t}\n\t\t);\n\n\t\tif ( ! transformation ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst content = toHTMLString( {\n\t\t\tvalue: insert( value, START_OF_SELECTED_AREA, 0, start ),\n\t\t} );\n\t\tconst block = transformation.transform( content );\n\n\t\tselectionChange( ...findSelection( [ block ] ) );\n\t\tonReplace( [ block ] );\n\t\tregistry.dispatch( blockEditorStore ).__unstableMarkAutomaticChange();\n\n\t\treturn true;\n\t}\n\n\tfunction onInput( event ) {\n\t\tconst { inputType, type } = event;\n\t\tconst {\n\t\t\tgetValue,\n\t\t\tonChange,\n\t\t\t__unstableAllowPrefixTransformations,\n\t\t\tformatTypes,\n\t\t\tregistry,\n\t\t} = props.current;\n\n\t\t// Only run input rules when inserting text.\n\t\tif ( inputType !== 'insertText' && type !== 'compositionend' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( __unstableAllowPrefixTransformations && inputRule() ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst value = getValue();\n\t\tconst transformed = formatTypes.reduce(\n\t\t\t( accumlator, { __unstableInputRule } ) => {\n\t\t\t\tif ( __unstableInputRule ) {\n\t\t\t\t\taccumlator = __unstableInputRule( accumlator );\n\t\t\t\t}\n\n\t\t\t\treturn accumlator;\n\t\t\t},\n\t\t\tpreventEventDiscovery( value )\n\t\t);\n\n\t\tconst {\n\t\t\t__unstableMarkLastChangeAsPersistent,\n\t\t\t__unstableMarkAutomaticChange,\n\t\t} = registry.dispatch( blockEditorStore );\n\n\t\tif ( transformed !== value ) {\n\t\t\t__unstableMarkLastChangeAsPersistent();\n\t\t\tonChange( {\n\t\t\t\t...transformed,\n\t\t\t\tactiveFormats: value.activeFormats,\n\t\t\t} );\n\t\t\t__unstableMarkAutomaticChange();\n\t\t}\n\t}\n\n\telement.addEventListener( 'input', onInput );\n\telement.addEventListener( 'compositionend', onInput );\n\treturn () => {\n\t\telement.removeEventListener( 'input', onInput );\n\t\telement.removeEventListener( 'compositionend', onInput );\n\t};\n};\n"],"mappings":"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","ignoreList":[]}

package/build/components/rich-text/event-listeners/insert-replacement-text.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _store = require("../../../store");
+/**
+ * Internal dependencies
+ */
+/**
+ * When the browser is about to auto correct, add an undo level so the user can
+ * revert the change.
+ *
+ * @param {Object} props
+ */
+var _default = props => element => {
+  function onInput(event) {
+    if (event.inputType !== 'insertReplacementText') {
+      return;
+    }
+    const {
+      registry
+    } = props.current;
+    registry.dispatch(_store.store).__unstableMarkLastChangeAsPersistent();
+  }
+  element.addEventListener('beforeinput', onInput);
+  return () => {
+    element.removeEventListener('beforeinput', onInput);
+  };
+};
+exports.default = _default;
+//# sourceMappingURL=insert-replacement-text.js.map

package/build/components/rich-text/event-listeners/insert-replacement-text.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_store","require","_default","props","element","onInput","event","inputType","registry","current","dispatch","blockEditorStore","__unstableMarkLastChangeAsPersistent","addEventListener","removeEventListener","exports","default"],"sources":["@wordpress/block-editor/src/components/rich-text/event-listeners/insert-replacement-text.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\n\n/**\n * When the browser is about to auto correct, add an undo level so the user can\n * revert the change.\n *\n * @param {Object} props\n */\nexport default ( props ) => ( element ) => {\n\tfunction onInput( event ) {\n\t\tif ( event.inputType !== 'insertReplacementText' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst { registry } = props.current;\n\t\tregistry\n\t\t\t.dispatch( blockEditorStore )\n\t\t\t.__unstableMarkLastChangeAsPersistent();\n\t}\n\n\telement.addEventListener( 'beforeinput', onInput );\n\treturn () => {\n\t\telement.removeEventListener( 'beforeinput', onInput );\n\t};\n};\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAHA;AACA;AACA;AAGA;AACA;AACA;AACA;AACA;AACA;AALA,IAAAC,QAAA,GAMiBC,KAAK,IAAQC,OAAO,IAAM;EAC1C,SAASC,OAAOA,CAAEC,KAAK,EAAG;IACzB,IAAKA,KAAK,CAACC,SAAS,KAAK,uBAAuB,EAAG;MAClD;IACD;IAEA,MAAM;MAAEC;IAAS,CAAC,GAAGL,KAAK,CAACM,OAAO;IAClCD,QAAQ,CACNE,QAAQ,CAAEC,YAAiB,CAAC,CAC5BC,oCAAoC,CAAC,CAAC;EACzC;EAEAR,OAAO,CAACS,gBAAgB,CAAE,aAAa,EAAER,OAAQ,CAAC;EAClD,OAAO,MAAM;IACZD,OAAO,CAACU,mBAAmB,CAAE,aAAa,EAAET,OAAQ,CAAC;EACtD,CAAC;AACF,CAAC;AAAAU,OAAA,CAAAC,OAAA,GAAAd,QAAA","ignoreList":[]}