@wordpress/block-editor 12.6.0 → 12.8.0

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

@@ -4,19 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useBeforeInputRules = useBeforeInputRules;
-
 var _element = require("@wordpress/element");
-
 var _compose = require("@wordpress/compose");
-
 var _richText = require("@wordpress/rich-text");
-
 var _data = require("@wordpress/data");
-
 var _hooks = require("@wordpress/hooks");
-
 var _store = require("../../store");
-
 /**
  * WordPress dependencies
  */
@@ -33,7 +26,6 @@ var _store = require("../../store");
  * @type {string[]} Array of character pairs.
  */
 const wrapSelectionSettings = ['`', '"', "'", '“”', '‘’'];
-
 function useBeforeInputRules(props) {
   const {
     __unstableMarkLastChangeAsPersistent,
@@ -50,40 +42,31 @@ function useBeforeInputRules(props) {
       const {
         value,
         onChange
-      } = propsRef.current; // Only run the rules when inserting text.
+      } = propsRef.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);
-
       __unstableMarkLastChangeAsPersistent();
-
       onChange(newValue);
-
       __unstableMarkAutomaticChange();
-
       const init = {};
-
       for (const key in event) {
         init[key] = event[key];
       }
-
       init.data = endChar;
       const {
         ownerDocument
@@ -91,7 +74,9 @@ function useBeforeInputRules(props) {
       const {
         defaultView
       } = ownerDocument;
-      const newEvent = new defaultView.InputEvent('input', init); // Dispatch an `input` event with the new data. This will trigger the
+      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.
@@ -99,13 +84,11 @@ function useBeforeInputRules(props) {
       // 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);

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/use-before-input-rules.js"],"names":["wrapSelectionSettings","useBeforeInputRules","props","__unstableMarkLastChangeAsPersistent","__unstableMarkAutomaticChange","blockEditorStore","propsRef","current","element","onInput","event","inputType","data","value","onChange","pair","find","startChar","endChar","start","end","length","newValue","init","key","ownerDocument","defaultView","newEvent","InputEvent","window","queueMicrotask","target","dispatchEvent","preventDefault","addEventListener","removeEventListener"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,qBAAqB,GAAG,CAAE,GAAF,EAAO,GAAP,EAAY,GAAZ,EAAiB,IAAjB,EAAuB,IAAvB,CAA9B;;AAEO,SAASC,mBAAT,CAA8BC,KAA9B,EAAsC;AAC5C,QAAM;AACLC,IAAAA,oCADK;AAELC,IAAAA;AAFK,MAGF,uBAAaC,YAAb,CAHJ;AAIA,QAAMC,QAAQ,GAAG,qBAAQJ,KAAR,CAAjB;AACAI,EAAAA,QAAQ,CAACC,OAAT,GAAmBL,KAAnB;AACA,SAAO,2BAAgBM,OAAF,IAAe;AACnC,aAASC,OAAT,CAAkBC,KAAlB,EAA0B;AACzB,YAAM;AAAEC,QAAAA,SAAF;AAAaC,QAAAA;AAAb,UAAsBF,KAA5B;AACA,YAAM;AAAEG,QAAAA,KAAF;AAASC,QAAAA;AAAT,UAAsBR,QAAQ,CAACC,OAArC,CAFyB,CAIzB;;AACA,UAAKI,SAAS,KAAK,YAAnB,EAAkC;AACjC;AACA;;AAED,UAAK,2BAAaE,KAAb,CAAL,EAA4B;AAC3B;AACA;;AAED,YAAME,IAAI,GAAG,yBACZ,mCADY,EAEZf,qBAFY,EAGXgB,IAHW,CAIZ,CAAE,CAAEC,SAAF,EAAaC,OAAb,CAAF,KACCD,SAAS,KAAKL,IAAd,IAAsBM,OAAO,KAAKN,IALvB,CAAb;;AAQA,UAAK,CAAEG,IAAP,EAAc;AACb;AACA;;AAED,YAAM,CAAEE,SAAF,EAAaC,OAAO,GAAGD,SAAvB,IAAqCF,IAA3C;AACA,YAAMI,KAAK,GAAGN,KAAK,CAACM,KAApB;AACA,YAAMC,GAAG,GAAGP,KAAK,CAACO,GAAN,GAAYH,SAAS,CAACI,MAAlC;AAEA,UAAIC,QAAQ,GAAG,sBAAQT,KAAR,EAAeI,SAAf,EAA0BE,KAA1B,EAAiCA,KAAjC,CAAf;AACAG,MAAAA,QAAQ,GAAG,sBAAQA,QAAR,EAAkBJ,OAAlB,EAA2BE,GAA3B,EAAgCA,GAAhC,CAAX;;AAEAjB,MAAAA,oCAAoC;;AACpCW,MAAAA,QAAQ,CAAEQ,QAAF,CAAR;;AACAlB,MAAAA,6BAA6B;;AAE7B,YAAMmB,IAAI,GAAG,EAAb;;AAEA,WAAM,MAAMC,GAAZ,IAAmBd,KAAnB,EAA2B;AAC1Ba,QAAAA,IAAI,CAAEC,GAAF,CAAJ,GAAcd,KAAK,CAAEc,GAAF,CAAnB;AACA;;AAEDD,MAAAA,IAAI,CAACX,IAAL,GAAYM,OAAZ;AAEA,YAAM;AAAEO,QAAAA;AAAF,UAAoBjB,OAA1B;AACA,YAAM;AAAEkB,QAAAA;AAAF,UAAkBD,aAAxB;AACA,YAAME,QAAQ,GAAG,IAAID,WAAW,CAACE,UAAhB,CAA4B,OAA5B,EAAqCL,IAArC,CAAjB,CA9CyB,CAgDzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACAM,MAAAA,MAAM,CAACC,cAAP,CAAuB,MAAM;AAC5BpB,QAAAA,KAAK,CAACqB,MAAN,CAAaC,aAAb,CAA4BL,QAA5B;AACA,OAFD;AAGAjB,MAAAA,KAAK,CAACuB,cAAN;AACA;;AAEDzB,IAAAA,OAAO,CAAC0B,gBAAR,CAA0B,aAA1B,EAAyCzB,OAAzC;AACA,WAAO,MAAM;AACZD,MAAAA,OAAO,CAAC2B,mBAAR,CAA6B,aAA7B,EAA4C1B,OAA5C;AACA,KAFD;AAGA,GAnEM,EAmEJ,EAnEI,CAAP;AAoEA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\nimport { insert, isCollapsed } from '@wordpress/rich-text';\nimport { useDispatch } from '@wordpress/data';\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 function useBeforeInputRules( props ) {\n\tconst {\n\t\t__unstableMarkLastChangeAsPersistent,\n\t\t__unstableMarkAutomaticChange,\n\t} = useDispatch( blockEditorStore );\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\treturn useRefEffect( ( element ) => {\n\t\tfunction onInput( event ) {\n\t\t\tconst { inputType, data } = event;\n\t\t\tconst { value, onChange } = propsRef.current;\n\n\t\t\t// Only run the rules when inserting text.\n\t\t\tif ( inputType !== 'insertText' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( isCollapsed( value ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst pair = applyFilters(\n\t\t\t\t'blockEditor.wrapSelectionSettings',\n\t\t\t\twrapSelectionSettings\n\t\t\t).find(\n\t\t\t\t( [ startChar, endChar ] ) =>\n\t\t\t\t\tstartChar === data || endChar === data\n\t\t\t);\n\n\t\t\tif ( ! pair ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst [ startChar, endChar = startChar ] = pair;\n\t\t\tconst start = value.start;\n\t\t\tconst end = value.end + startChar.length;\n\n\t\t\tlet newValue = insert( value, startChar, start, start );\n\t\t\tnewValue = insert( newValue, endChar, end, end );\n\n\t\t\t__unstableMarkLastChangeAsPersistent();\n\t\t\tonChange( newValue );\n\t\t\t__unstableMarkAutomaticChange();\n\n\t\t\tconst init = {};\n\n\t\t\tfor ( const key in event ) {\n\t\t\t\tinit[ key ] = event[ key ];\n\t\t\t}\n\n\t\t\tinit.data = endChar;\n\n\t\t\tconst { ownerDocument } = element;\n\t\t\tconst { defaultView } = ownerDocument;\n\t\t\tconst newEvent = new defaultView.InputEvent( 'input', init );\n\n\t\t\t// Dispatch an `input` event with the new data. This will trigger the\n\t\t\t// input rules.\n\t\t\t// Postpone the `input` to the next event loop tick so that the dispatch\n\t\t\t// doesn't happen synchronously in the middle of `beforeinput` dispatch.\n\t\t\t// This is closer to how native `input` event would be timed, and also\n\t\t\t// makes sure that the `input` event is dispatched only after the `onChange`\n\t\t\t// call few lines above has fully updated the data store state and rerendered\n\t\t\t// all affected components.\n\t\t\twindow.queueMicrotask( () => {\n\t\t\t\tevent.target.dispatchEvent( newEvent );\n\t\t\t} );\n\t\t\tevent.preventDefault();\n\t\t}\n\n\t\telement.addEventListener( 'beforeinput', onInput );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'beforeinput', onInput );\n\t\t};\n\t}, [] );\n}\n"]}
+{"version":3,"names":["_element","require","_compose","_richText","_data","_hooks","_store","wrapSelectionSettings","useBeforeInputRules","props","__unstableMarkLastChangeAsPersistent","__unstableMarkAutomaticChange","useDispatch","blockEditorStore","propsRef","useRef","current","useRefEffect","element","onInput","event","inputType","data","value","onChange","isCollapsed","pair","applyFilters","find","startChar","endChar","start","end","length","newValue","insert","init","key","ownerDocument","defaultView","newEvent","InputEvent","window","queueMicrotask","target","dispatchEvent","preventDefault","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/rich-text/use-before-input-rules.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\nimport { insert, isCollapsed } from '@wordpress/rich-text';\nimport { useDispatch } from '@wordpress/data';\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 function useBeforeInputRules( props ) {\n\tconst {\n\t\t__unstableMarkLastChangeAsPersistent,\n\t\t__unstableMarkAutomaticChange,\n\t} = useDispatch( blockEditorStore );\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\treturn useRefEffect( ( element ) => {\n\t\tfunction onInput( event ) {\n\t\t\tconst { inputType, data } = event;\n\t\t\tconst { value, onChange } = propsRef.current;\n\n\t\t\t// Only run the rules when inserting text.\n\t\t\tif ( inputType !== 'insertText' ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( isCollapsed( value ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst pair = applyFilters(\n\t\t\t\t'blockEditor.wrapSelectionSettings',\n\t\t\t\twrapSelectionSettings\n\t\t\t).find(\n\t\t\t\t( [ startChar, endChar ] ) =>\n\t\t\t\t\tstartChar === data || endChar === data\n\t\t\t);\n\n\t\t\tif ( ! pair ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst [ startChar, endChar = startChar ] = pair;\n\t\t\tconst start = value.start;\n\t\t\tconst end = value.end + startChar.length;\n\n\t\t\tlet newValue = insert( value, startChar, start, start );\n\t\t\tnewValue = insert( newValue, endChar, end, end );\n\n\t\t\t__unstableMarkLastChangeAsPersistent();\n\t\t\tonChange( newValue );\n\t\t\t__unstableMarkAutomaticChange();\n\n\t\t\tconst init = {};\n\n\t\t\tfor ( const key in event ) {\n\t\t\t\tinit[ key ] = event[ key ];\n\t\t\t}\n\n\t\t\tinit.data = endChar;\n\n\t\t\tconst { ownerDocument } = element;\n\t\t\tconst { defaultView } = ownerDocument;\n\t\t\tconst newEvent = new defaultView.InputEvent( 'input', init );\n\n\t\t\t// Dispatch an `input` event with the new data. This will trigger the\n\t\t\t// input rules.\n\t\t\t// Postpone the `input` to the next event loop tick so that the dispatch\n\t\t\t// doesn't happen synchronously in the middle of `beforeinput` dispatch.\n\t\t\t// This is closer to how native `input` event would be timed, and also\n\t\t\t// makes sure that the `input` event is dispatched only after the `onChange`\n\t\t\t// call few lines above has fully updated the data store state and rerendered\n\t\t\t// all affected components.\n\t\t\twindow.queueMicrotask( () => {\n\t\t\t\tevent.target.dispatchEvent( newEvent );\n\t\t\t} );\n\t\t\tevent.preventDefault();\n\t\t}\n\n\t\telement.addEventListener( 'beforeinput', onInput );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'beforeinput', onInput );\n\t\t};\n\t}, [] );\n}\n"],"mappings":"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"}

package/build/components/rich-text/use-delete.js

@@ -4,18 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useDelete = useDelete;
-
 var _element = require("@wordpress/element");
-
 var _compose = require("@wordpress/compose");
-
 var _keycodes = require("@wordpress/keycodes");
-
 var _richText = require("@wordpress/rich-text");
-
 /**
  * WordPress dependencies
  */
+
 function useDelete(props) {
   const propsRef = (0, _element.useRef)(props);
   propsRef.current = props;
@@ -24,17 +20,14 @@ function useDelete(props) {
       const {
         keyCode
       } = event;
-
       if (event.defaultPrevented) {
         return;
       }
-
       const {
         value,
         onMerge,
         onRemove
       } = propsRef.current;
-
       if (keyCode === _keycodes.DELETE || keyCode === _keycodes.BACKSPACE) {
         const {
           start,
@@ -42,28 +35,26 @@ function useDelete(props) {
           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.
+        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
+        }
+
+        // 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).
-
-
         if (onRemove && (0, _richText.isEmpty)(value) && isReverse) {
           onRemove(!isReverse);
         }
-
         event.preventDefault();
       }
     }
-
     element.addEventListener('keydown', onKeyDown);
     return () => {
       element.removeEventListener('keydown', onKeyDown);

package/build/components/rich-text/use-delete.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/use-delete.js"],"names":["useDelete","props","propsRef","current","element","onKeyDown","event","keyCode","defaultPrevented","value","onMerge","onRemove","DELETE","BACKSPACE","start","end","text","isReverse","hasActiveFormats","activeFormats","length","preventDefault","addEventListener","removeEventListener"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AACA;;AANA;AACA;AACA;AAMO,SAASA,SAAT,CAAoBC,KAApB,EAA4B;AAClC,QAAMC,QAAQ,GAAG,qBAAQD,KAAR,CAAjB;AACAC,EAAAA,QAAQ,CAACC,OAAT,GAAmBF,KAAnB;AACA,SAAO,2BAAgBG,OAAF,IAAe;AACnC,aAASC,SAAT,CAAoBC,KAApB,EAA4B;AAC3B,YAAM;AAAEC,QAAAA;AAAF,UAAcD,KAApB;;AAEA,UAAKA,KAAK,CAACE,gBAAX,EAA8B;AAC7B;AACA;;AAED,YAAM;AAAEC,QAAAA,KAAF;AAASC,QAAAA,OAAT;AAAkBC,QAAAA;AAAlB,UAA+BT,QAAQ,CAACC,OAA9C;;AAEA,UAAKI,OAAO,KAAKK,gBAAZ,IAAsBL,OAAO,KAAKM,mBAAvC,EAAmD;AAClD,cAAM;AAAEC,UAAAA,KAAF;AAASC,UAAAA,GAAT;AAAcC,UAAAA;AAAd,YAAuBP,KAA7B;AACA,cAAMQ,SAAS,GAAGV,OAAO,KAAKM,mBAA9B;AACA,cAAMK,gBAAgB,GACrBT,KAAK,CAACU,aAAN,IAAuB,CAAC,CAAEV,KAAK,CAACU,aAAN,CAAoBC,MAD/C,CAHkD,CAMlD;;AACA,YACC,CAAE,2BAAaX,KAAb,CAAF,IACAS,gBADA,IAEED,SAAS,IAAIH,KAAK,KAAK,CAFzB,IAGE,CAAEG,SAAF,IAAeF,GAAG,KAAKC,IAAI,CAACI,MAJ/B,EAKE;AACD;AACA;;AAED,YAAKV,OAAL,EAAe;AACdA,UAAAA,OAAO,CAAE,CAAEO,SAAJ,CAAP;AACA,SAlBiD,CAoBlD;AACA;AACA;AACA;;;AACA,YAAKN,QAAQ,IAAI,uBAASF,KAAT,CAAZ,IAAgCQ,SAArC,EAAiD;AAChDN,UAAAA,QAAQ,CAAE,CAAEM,SAAJ,CAAR;AACA;;AAEDX,QAAAA,KAAK,CAACe,cAAN;AACA;AACD;;AAEDjB,IAAAA,OAAO,CAACkB,gBAAR,CAA0B,SAA1B,EAAqCjB,SAArC;AACA,WAAO,MAAM;AACZD,MAAAA,OAAO,CAACmB,mBAAR,CAA6B,SAA7B,EAAwClB,SAAxC;AACA,KAFD;AAGA,GA9CM,EA8CJ,EA9CI,CAAP;AA+CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\nimport { DELETE, BACKSPACE } from '@wordpress/keycodes';\nimport { isCollapsed, isEmpty } from '@wordpress/rich-text';\n\nexport function useDelete( props ) {\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\treturn useRefEffect( ( element ) => {\n\t\tfunction onKeyDown( event ) {\n\t\t\tconst { keyCode } = event;\n\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { value, onMerge, onRemove } = propsRef.current;\n\n\t\t\tif ( keyCode === DELETE || keyCode === BACKSPACE ) {\n\t\t\t\tconst { start, end, text } = value;\n\t\t\t\tconst isReverse = keyCode === BACKSPACE;\n\t\t\t\tconst hasActiveFormats =\n\t\t\t\t\tvalue.activeFormats && !! value.activeFormats.length;\n\n\t\t\t\t// Only process delete if the key press occurs at an uncollapsed edge.\n\t\t\t\tif (\n\t\t\t\t\t! isCollapsed( value ) ||\n\t\t\t\t\thasActiveFormats ||\n\t\t\t\t\t( isReverse && start !== 0 ) ||\n\t\t\t\t\t( ! isReverse && end !== text.length )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( onMerge ) {\n\t\t\t\t\tonMerge( ! isReverse );\n\t\t\t\t}\n\n\t\t\t\t// Only handle remove on Backspace. This serves dual-purpose of being\n\t\t\t\t// an intentional user interaction distinguishing between Backspace and\n\t\t\t\t// Delete to remove the empty field, but also to avoid merge & remove\n\t\t\t\t// causing destruction of two fields (merge, then removed merged).\n\t\t\t\tif ( onRemove && isEmpty( value ) && isReverse ) {\n\t\t\t\t\tonRemove( ! isReverse );\n\t\t\t\t}\n\n\t\t\t\tevent.preventDefault();\n\t\t\t}\n\t\t}\n\n\t\telement.addEventListener( 'keydown', onKeyDown );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t\t};\n\t}, [] );\n}\n"]}
+{"version":3,"names":["_element","require","_compose","_keycodes","_richText","useDelete","props","propsRef","useRef","current","useRefEffect","element","onKeyDown","event","keyCode","defaultPrevented","value","onMerge","onRemove","DELETE","BACKSPACE","start","end","text","isReverse","hasActiveFormats","activeFormats","length","isCollapsed","isEmpty","preventDefault","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/rich-text/use-delete.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\nimport { DELETE, BACKSPACE } from '@wordpress/keycodes';\nimport { isCollapsed, isEmpty } from '@wordpress/rich-text';\n\nexport function useDelete( props ) {\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\treturn useRefEffect( ( element ) => {\n\t\tfunction onKeyDown( event ) {\n\t\t\tconst { keyCode } = event;\n\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { value, onMerge, onRemove } = propsRef.current;\n\n\t\t\tif ( keyCode === DELETE || keyCode === BACKSPACE ) {\n\t\t\t\tconst { start, end, text } = value;\n\t\t\t\tconst isReverse = keyCode === BACKSPACE;\n\t\t\t\tconst hasActiveFormats =\n\t\t\t\t\tvalue.activeFormats && !! value.activeFormats.length;\n\n\t\t\t\t// Only process delete if the key press occurs at an uncollapsed edge.\n\t\t\t\tif (\n\t\t\t\t\t! isCollapsed( value ) ||\n\t\t\t\t\thasActiveFormats ||\n\t\t\t\t\t( isReverse && start !== 0 ) ||\n\t\t\t\t\t( ! isReverse && end !== text.length )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( onMerge ) {\n\t\t\t\t\tonMerge( ! isReverse );\n\t\t\t\t}\n\n\t\t\t\t// Only handle remove on Backspace. This serves dual-purpose of being\n\t\t\t\t// an intentional user interaction distinguishing between Backspace and\n\t\t\t\t// Delete to remove the empty field, but also to avoid merge & remove\n\t\t\t\t// causing destruction of two fields (merge, then removed merged).\n\t\t\t\tif ( onRemove && isEmpty( value ) && isReverse ) {\n\t\t\t\t\tonRemove( ! isReverse );\n\t\t\t\t}\n\n\t\t\t\tevent.preventDefault();\n\t\t\t}\n\t\t}\n\n\t\telement.addEventListener( 'keydown', onKeyDown );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t\t};\n\t}, [] );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AANA;AACA;AACA;;AAMO,SAASI,SAASA,CAAEC,KAAK,EAAG;EAClC,MAAMC,QAAQ,GAAG,IAAAC,eAAM,EAAEF,KAAM,CAAC;EAChCC,QAAQ,CAACE,OAAO,GAAGH,KAAK;EACxB,OAAO,IAAAI,qBAAY,EAAIC,OAAO,IAAM;IACnC,SAASC,SAASA,CAAEC,KAAK,EAAG;MAC3B,MAAM;QAAEC;MAAQ,CAAC,GAAGD,KAAK;MAEzB,IAAKA,KAAK,CAACE,gBAAgB,EAAG;QAC7B;MACD;MAEA,MAAM;QAAEC,KAAK;QAAEC,OAAO;QAAEC;MAAS,CAAC,GAAGX,QAAQ,CAACE,OAAO;MAErD,IAAKK,OAAO,KAAKK,gBAAM,IAAIL,OAAO,KAAKM,mBAAS,EAAG;QAClD,MAAM;UAAEC,KAAK;UAAEC,GAAG;UAAEC;QAAK,CAAC,GAAGP,KAAK;QAClC,MAAMQ,SAAS,GAAGV,OAAO,KAAKM,mBAAS;QACvC,MAAMK,gBAAgB,GACrBT,KAAK,CAACU,aAAa,IAAI,CAAC,CAAEV,KAAK,CAACU,aAAa,CAACC,MAAM;;QAErD;QACA,IACC,CAAE,IAAAC,qBAAW,EAAEZ,KAAM,CAAC,IACtBS,gBAAgB,IACdD,SAAS,IAAIH,KAAK,KAAK,CAAG,IAC1B,CAAEG,SAAS,IAAIF,GAAG,KAAKC,IAAI,CAACI,MAAQ,EACrC;UACD;QACD;QAEA,IAAKV,OAAO,EAAG;UACdA,OAAO,CAAE,CAAEO,SAAU,CAAC;QACvB;;QAEA;QACA;QACA;QACA;QACA,IAAKN,QAAQ,IAAI,IAAAW,iBAAO,EAAEb,KAAM,CAAC,IAAIQ,SAAS,EAAG;UAChDN,QAAQ,CAAE,CAAEM,SAAU,CAAC;QACxB;QAEAX,KAAK,CAACiB,cAAc,CAAC,CAAC;MACvB;IACD;IAEAnB,OAAO,CAACoB,gBAAgB,CAAE,SAAS,EAAEnB,SAAU,CAAC;IAChD,OAAO,MAAM;MACZD,OAAO,CAACqB,mBAAmB,CAAE,SAAS,EAAEpB,SAAU,CAAC;IACpD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;AACR"}

package/build/components/rich-text/use-enter.js

@@ -4,23 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useEnter = useEnter;
-
 var _element = require("@wordpress/element");
-
 var _compose = require("@wordpress/compose");
-
 var _keycodes = require("@wordpress/keycodes");
-
 var _richText = require("@wordpress/rich-text");
-
 var _blocks = require("@wordpress/blocks");
-
 var _data = require("@wordpress/data");
-
 var _store = require("../../store");
-
 var _splitValue = require("./split-value");
-
 /**
  * WordPress dependencies
  */
@@ -28,6 +19,7 @@ var _splitValue = require("./split-value");
 /**
  * Internal dependencies
  */
+
 function useEnter(props) {
   const {
     __unstableMarkAutomaticChange
@@ -39,11 +31,9 @@ function useEnter(props) {
       if (event.defaultPrevented) {
         return;
       }
-
       if (event.keyCode !== _keycodes.ENTER) {
         return;
       }
-
       const {
         removeEditorOnlyFormats,
         value,
@@ -56,11 +46,11 @@ function useEnter(props) {
         onSplitAtEnd
       } = propsRef.current;
       event.preventDefault();
-      const _value = { ...value
+      const _value = {
+        ...value
       };
       _value.formats = removeEditorOnlyFormats(value);
       const canSplit = onReplace && onSplit;
-
       if (onReplace) {
         const transforms = (0, _blocks.getBlockTransforms)('from').filter(({
           type
@@ -68,16 +58,13 @@ function useEnter(props) {
         const transformation = (0, _blocks.findTransform)(transforms, item => {
           return item.regExp.test(_value.text);
         });
-
         if (transformation) {
           onReplace([transformation.transform({
             content: _value.text
           })]);
-
           __unstableMarkAutomaticChange();
         }
       }
-
       if (multilineTag) {
         if (event.shiftKey) {
           if (!disableLineBreaks) {
@@ -101,7 +88,6 @@ function useEnter(props) {
           end
         } = _value;
         const canSplitAtEnd = onSplitAtEnd && start === end && end === text.length;
-
         if (event.shiftKey || !canSplit && !canSplitAtEnd) {
           if (!disableLineBreaks) {
             onChange((0, _richText.insert)(_value, '\n'));
@@ -119,7 +105,6 @@ function useEnter(props) {
         }
       }
     }
-
     element.addEventListener('keydown', onKeyDown);
     return () => {
       element.removeEventListener('keydown', onKeyDown);

package/build/components/rich-text/use-enter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/use-enter.js"],"names":["useEnter","props","__unstableMarkAutomaticChange","blockEditorStore","propsRef","current","element","onKeyDown","event","defaultPrevented","keyCode","ENTER","removeEditorOnlyFormats","value","onReplace","onSplit","onSplitMiddle","multilineTag","onChange","disableLineBreaks","onSplitAtEnd","preventDefault","_value","formats","canSplit","transforms","filter","type","transformation","item","regExp","test","text","transform","content","shiftKey","start","end","canSplitAtEnd","length","addEventListener","removeEventListener"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\nimport { ENTER } from '@wordpress/keycodes';\nimport {\n\tinsert,\n\t__unstableIsEmptyLine as isEmptyLine,\n\t__unstableInsertLineSeparator as insertLineSeparator,\n} from '@wordpress/rich-text';\nimport { getBlockTransforms, findTransform } from '@wordpress/blocks';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { splitValue } from './split-value';\n\nexport function useEnter( props ) {\n\tconst { __unstableMarkAutomaticChange } = useDispatch( blockEditorStore );\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\treturn useRefEffect( ( element ) => {\n\t\tfunction onKeyDown( event ) {\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( event.keyCode !== ENTER ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst {\n\t\t\t\tremoveEditorOnlyFormats,\n\t\t\t\tvalue,\n\t\t\t\tonReplace,\n\t\t\t\tonSplit,\n\t\t\t\tonSplitMiddle,\n\t\t\t\tmultilineTag,\n\t\t\t\tonChange,\n\t\t\t\tdisableLineBreaks,\n\t\t\t\tonSplitAtEnd,\n\t\t\t} = propsRef.current;\n\n\t\t\tevent.preventDefault();\n\n\t\t\tconst _value = { ...value };\n\t\t\t_value.formats = removeEditorOnlyFormats( value );\n\t\t\tconst canSplit = onReplace && onSplit;\n\n\t\t\tif ( onReplace ) {\n\t\t\t\tconst transforms = getBlockTransforms( 'from' ).filter(\n\t\t\t\t\t( { type } ) => type === 'enter'\n\t\t\t\t);\n\t\t\t\tconst transformation = findTransform( transforms, ( item ) => {\n\t\t\t\t\treturn item.regExp.test( _value.text );\n\t\t\t\t} );\n\n\t\t\t\tif ( transformation ) {\n\t\t\t\t\tonReplace( [\n\t\t\t\t\t\ttransformation.transform( {\n\t\t\t\t\t\t\tcontent: _value.text,\n\t\t\t\t\t\t} ),\n\t\t\t\t\t] );\n\t\t\t\t\t__unstableMarkAutomaticChange();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( multilineTag ) {\n\t\t\t\tif ( event.shiftKey ) {\n\t\t\t\t\tif ( ! disableLineBreaks ) {\n\t\t\t\t\t\tonChange( insert( _value, '\\n' ) );\n\t\t\t\t\t}\n\t\t\t\t} else if ( canSplit && isEmptyLine( _value ) ) {\n\t\t\t\t\tsplitValue( {\n\t\t\t\t\t\tvalue: _value,\n\t\t\t\t\t\tonReplace,\n\t\t\t\t\t\tonSplit,\n\t\t\t\t\t\tonSplitMiddle,\n\t\t\t\t\t\tmultilineTag,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tonChange( insertLineSeparator( _value ) );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst { text, start, end } = _value;\n\t\t\t\tconst canSplitAtEnd =\n\t\t\t\t\tonSplitAtEnd && start === end && end === text.length;\n\n\t\t\t\tif ( event.shiftKey || ( ! canSplit && ! canSplitAtEnd ) ) {\n\t\t\t\t\tif ( ! disableLineBreaks ) {\n\t\t\t\t\t\tonChange( insert( _value, '\\n' ) );\n\t\t\t\t\t}\n\t\t\t\t} else if ( ! canSplit && canSplitAtEnd ) {\n\t\t\t\t\tonSplitAtEnd();\n\t\t\t\t} else if ( canSplit ) {\n\t\t\t\t\tsplitValue( {\n\t\t\t\t\t\tvalue: _value,\n\t\t\t\t\t\tonReplace,\n\t\t\t\t\t\tonSplit,\n\t\t\t\t\t\tonSplitMiddle,\n\t\t\t\t\t\tmultilineTag,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\telement.addEventListener( 'keydown', onKeyDown );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t\t};\n\t}, [] );\n}\n"]}
+{"version":3,"names":["_element","require","_compose","_keycodes","_richText","_blocks","_data","_store","_splitValue","useEnter","props","__unstableMarkAutomaticChange","useDispatch","blockEditorStore","propsRef","useRef","current","useRefEffect","element","onKeyDown","event","defaultPrevented","keyCode","ENTER","removeEditorOnlyFormats","value","onReplace","onSplit","onSplitMiddle","multilineTag","onChange","disableLineBreaks","onSplitAtEnd","preventDefault","_value","formats","canSplit","transforms","getBlockTransforms","filter","type","transformation","findTransform","item","regExp","test","text","transform","content","shiftKey","insert","isEmptyLine","splitValue","insertLineSeparator","start","end","canSplitAtEnd","length","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/rich-text/use-enter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\nimport { ENTER } from '@wordpress/keycodes';\nimport {\n\tinsert,\n\t__unstableIsEmptyLine as isEmptyLine,\n\t__unstableInsertLineSeparator as insertLineSeparator,\n} from '@wordpress/rich-text';\nimport { getBlockTransforms, findTransform } from '@wordpress/blocks';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { splitValue } from './split-value';\n\nexport function useEnter( props ) {\n\tconst { __unstableMarkAutomaticChange } = useDispatch( blockEditorStore );\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\treturn useRefEffect( ( element ) => {\n\t\tfunction onKeyDown( event ) {\n\t\t\tif ( event.defaultPrevented ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( event.keyCode !== ENTER ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst {\n\t\t\t\tremoveEditorOnlyFormats,\n\t\t\t\tvalue,\n\t\t\t\tonReplace,\n\t\t\t\tonSplit,\n\t\t\t\tonSplitMiddle,\n\t\t\t\tmultilineTag,\n\t\t\t\tonChange,\n\t\t\t\tdisableLineBreaks,\n\t\t\t\tonSplitAtEnd,\n\t\t\t} = propsRef.current;\n\n\t\t\tevent.preventDefault();\n\n\t\t\tconst _value = { ...value };\n\t\t\t_value.formats = removeEditorOnlyFormats( value );\n\t\t\tconst canSplit = onReplace && onSplit;\n\n\t\t\tif ( onReplace ) {\n\t\t\t\tconst transforms = getBlockTransforms( 'from' ).filter(\n\t\t\t\t\t( { type } ) => type === 'enter'\n\t\t\t\t);\n\t\t\t\tconst transformation = findTransform( transforms, ( item ) => {\n\t\t\t\t\treturn item.regExp.test( _value.text );\n\t\t\t\t} );\n\n\t\t\t\tif ( transformation ) {\n\t\t\t\t\tonReplace( [\n\t\t\t\t\t\ttransformation.transform( {\n\t\t\t\t\t\t\tcontent: _value.text,\n\t\t\t\t\t\t} ),\n\t\t\t\t\t] );\n\t\t\t\t\t__unstableMarkAutomaticChange();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif ( multilineTag ) {\n\t\t\t\tif ( event.shiftKey ) {\n\t\t\t\t\tif ( ! disableLineBreaks ) {\n\t\t\t\t\t\tonChange( insert( _value, '\\n' ) );\n\t\t\t\t\t}\n\t\t\t\t} else if ( canSplit && isEmptyLine( _value ) ) {\n\t\t\t\t\tsplitValue( {\n\t\t\t\t\t\tvalue: _value,\n\t\t\t\t\t\tonReplace,\n\t\t\t\t\t\tonSplit,\n\t\t\t\t\t\tonSplitMiddle,\n\t\t\t\t\t\tmultilineTag,\n\t\t\t\t\t} );\n\t\t\t\t} else {\n\t\t\t\t\tonChange( insertLineSeparator( _value ) );\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tconst { text, start, end } = _value;\n\t\t\t\tconst canSplitAtEnd =\n\t\t\t\t\tonSplitAtEnd && start === end && end === text.length;\n\n\t\t\t\tif ( event.shiftKey || ( ! canSplit && ! canSplitAtEnd ) ) {\n\t\t\t\t\tif ( ! disableLineBreaks ) {\n\t\t\t\t\t\tonChange( insert( _value, '\\n' ) );\n\t\t\t\t\t}\n\t\t\t\t} else if ( ! canSplit && canSplitAtEnd ) {\n\t\t\t\t\tonSplitAtEnd();\n\t\t\t\t} else if ( canSplit ) {\n\t\t\t\t\tsplitValue( {\n\t\t\t\t\t\tvalue: _value,\n\t\t\t\t\t\tonReplace,\n\t\t\t\t\t\tonSplit,\n\t\t\t\t\t\tonSplitMiddle,\n\t\t\t\t\t\tmultilineTag,\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\telement.addEventListener( 'keydown', onKeyDown );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t\t};\n\t}, [] );\n}\n"],"mappings":"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"}

package/build/components/rich-text/use-firefox-compat.js

@@ -4,19 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFirefoxCompat = useFirefoxCompat;
-
-var _element = require("@wordpress/element");
-
 var _compose = require("@wordpress/compose");
-
 var _data = require("@wordpress/data");
-
-var _keycodes = require("@wordpress/keycodes");
-
-var _richText = require("@wordpress/rich-text");
-
 var _store = require("../../store");
-
 /**
  * WordPress dependencies
  */
@@ -24,9 +14,8 @@ var _store = require("../../store");
 /**
  * Internal dependencies
  */
-function useFirefoxCompat(props) {
-  const propsRef = (0, _element.useRef)(props);
-  propsRef.current = props;
+
+function useFirefoxCompat() {
   const {
     isMultiSelecting
   } = (0, _data.useSelect)(_store.store);
@@ -34,46 +23,21 @@ function useFirefoxCompat(props) {
     function onFocus() {
       if (!isMultiSelecting()) {
         return;
-      } // This is a little hack to work around focus issues with nested
+      }
+
+      // 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();
       }
-    } // If a contenteditable element is inside a button/summary element,
-    // it is not possible to type a space in Firefox. Therefore, cancel
-    // the default event and insert a space explicitly.
-    // See: https://bugzilla.mozilla.org/show_bug.cgi?id=1822860
-
-
-    function onKeyDown(event) {
-      if (event.keyCode !== _keycodes.SPACE) {
-        return;
-      }
-
-      if (element.closest('button, summary') === null) {
-        return;
-      }
-
-      const {
-        value,
-        onChange
-      } = propsRef.current;
-      onChange((0, _richText.insert)(value, ' '));
-      event.preventDefault();
     }
-
     element.addEventListener('focus', onFocus);
-    element.addEventListener('keydown', onKeyDown);
     return () => {
       element.removeEventListener('focus', onFocus);
-      element.removeEventListener('keydown', onKeyDown);
     };
   }, []);
 }

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/use-firefox-compat.js"],"names":["useFirefoxCompat","props","propsRef","current","isMultiSelecting","blockEditorStore","element","onFocus","parentEditable","parentElement","closest","focus","onKeyDown","event","keyCode","SPACE","value","onChange","preventDefault","addEventListener","removeEventListener"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAZA;AACA;AACA;;AAOA;AACA;AACA;AAGO,SAASA,gBAAT,CAA2BC,KAA3B,EAAmC;AACzC,QAAMC,QAAQ,GAAG,qBAAQD,KAAR,CAAjB;AACAC,EAAAA,QAAQ,CAACC,OAAT,GAAmBF,KAAnB;AAEA,QAAM;AAAEG,IAAAA;AAAF,MAAuB,qBAAWC,YAAX,CAA7B;AACA,SAAO,2BAAgBC,OAAF,IAAe;AACnC,aAASC,OAAT,GAAmB;AAClB,UAAK,CAAEH,gBAAgB,EAAvB,EAA4B;AAC3B;AACA,OAHiB,CAKlB;AACA;AACA;AACA;AACA;;;AACA,YAAMI,cAAc,GAAGF,OAAO,CAACG,aAAR,CAAsBC,OAAtB,CACtB,0BADsB,CAAvB;;AAIA,UAAKF,cAAL,EAAsB;AACrBA,QAAAA,cAAc,CAACG,KAAf;AACA;AACD,KAlBkC,CAoBnC;AACA;AACA;AACA;;;AACA,aAASC,SAAT,CAAoBC,KAApB,EAA4B;AAC3B,UAAKA,KAAK,CAACC,OAAN,KAAkBC,eAAvB,EAA+B;AAC9B;AACA;;AAED,UAAKT,OAAO,CAACI,OAAR,CAAiB,iBAAjB,MAAyC,IAA9C,EAAqD;AACpD;AACA;;AAED,YAAM;AAAEM,QAAAA,KAAF;AAASC,QAAAA;AAAT,UAAsBf,QAAQ,CAACC,OAArC;AACAc,MAAAA,QAAQ,CAAE,sBAAQD,KAAR,EAAe,GAAf,CAAF,CAAR;AACAH,MAAAA,KAAK,CAACK,cAAN;AACA;;AAEDZ,IAAAA,OAAO,CAACa,gBAAR,CAA0B,OAA1B,EAAmCZ,OAAnC;AACAD,IAAAA,OAAO,CAACa,gBAAR,CAA0B,SAA1B,EAAqCP,SAArC;AACA,WAAO,MAAM;AACZN,MAAAA,OAAO,CAACc,mBAAR,CAA6B,OAA7B,EAAsCb,OAAtC;AACAD,MAAAA,OAAO,CAACc,mBAAR,CAA6B,SAA7B,EAAwCR,SAAxC;AACA,KAHD;AAIA,GA5CM,EA4CJ,EA5CI,CAAP;AA6CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\nimport { SPACE } from '@wordpress/keycodes';\nimport { insert } from '@wordpress/rich-text';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport function useFirefoxCompat( props ) {\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\n\tconst { isMultiSelecting } = useSelect( blockEditorStore );\n\treturn useRefEffect( ( element ) => {\n\t\tfunction onFocus() {\n\t\t\tif ( ! isMultiSelecting() ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// This is a little hack to work around focus issues with nested\n\t\t\t// editable elements in Firefox. For some reason the editable child\n\t\t\t// element sometimes regains focus, while it should not be focusable\n\t\t\t// and focus should remain on the editable parent element.\n\t\t\t// To do: try to find the cause of the shifting focus.\n\t\t\tconst parentEditable = element.parentElement.closest(\n\t\t\t\t'[contenteditable=\"true\"]'\n\t\t\t);\n\n\t\t\tif ( parentEditable ) {\n\t\t\t\tparentEditable.focus();\n\t\t\t}\n\t\t}\n\n\t\t// If a contenteditable element is inside a button/summary element,\n\t\t// it is not possible to type a space in Firefox. Therefore, cancel\n\t\t// the default event and insert a space explicitly.\n\t\t// See: https://bugzilla.mozilla.org/show_bug.cgi?id=1822860\n\t\tfunction onKeyDown( event ) {\n\t\t\tif ( event.keyCode !== SPACE ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif ( element.closest( 'button, summary' ) === null ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst { value, onChange } = propsRef.current;\n\t\t\tonChange( insert( value, ' ' ) );\n\t\t\tevent.preventDefault();\n\t\t}\n\n\t\telement.addEventListener( 'focus', onFocus );\n\t\telement.addEventListener( 'keydown', onKeyDown );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'focus', onFocus );\n\t\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t\t};\n\t}, [] );\n}\n"]}
+{"version":3,"names":["_compose","require","_data","_store","useFirefoxCompat","isMultiSelecting","useSelect","blockEditorStore","useRefEffect","element","onFocus","parentEditable","parentElement","closest","focus","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/rich-text/use-firefox-compat.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport function useFirefoxCompat() {\n\tconst { isMultiSelecting } = useSelect( blockEditorStore );\n\treturn useRefEffect( ( element ) => {\n\t\tfunction onFocus() {\n\t\t\tif ( ! isMultiSelecting() ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// This is a little hack to work around focus issues with nested\n\t\t\t// editable elements in Firefox. For some reason the editable child\n\t\t\t// element sometimes regains focus, while it should not be focusable\n\t\t\t// and focus should remain on the editable parent element.\n\t\t\t// To do: try to find the cause of the shifting focus.\n\t\t\tconst parentEditable = element.parentElement.closest(\n\t\t\t\t'[contenteditable=\"true\"]'\n\t\t\t);\n\n\t\t\tif ( parentEditable ) {\n\t\t\t\tparentEditable.focus();\n\t\t\t}\n\t\t}\n\n\t\telement.addEventListener( 'focus', onFocus );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'focus', onFocus );\n\t\t};\n\t}, [] );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAF,OAAA;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGO,SAASG,gBAAgBA,CAAA,EAAG;EAClC,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,eAAS,EAAEC,YAAiB,CAAC;EAC1D,OAAO,IAAAC,qBAAY,EAAIC,OAAO,IAAM;IACnC,SAASC,OAAOA,CAAA,EAAG;MAClB,IAAK,CAAEL,gBAAgB,CAAC,CAAC,EAAG;QAC3B;MACD;;MAEA;MACA;MACA;MACA;MACA;MACA,MAAMM,cAAc,GAAGF,OAAO,CAACG,aAAa,CAACC,OAAO,CACnD,0BACD,CAAC;MAED,IAAKF,cAAc,EAAG;QACrBA,cAAc,CAACG,KAAK,CAAC,CAAC;MACvB;IACD;IAEAL,OAAO,CAACM,gBAAgB,CAAE,OAAO,EAAEL,OAAQ,CAAC;IAC5C,OAAO,MAAM;MACZD,OAAO,CAACO,mBAAmB,CAAE,OAAO,EAAEN,OAAQ,CAAC;IAChD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;AACR"}

package/build/components/rich-text/use-format-types.js

@@ -4,35 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useFormatTypes = useFormatTypes;
-
 var _element = require("@wordpress/element");
-
 var _data = require("@wordpress/data");
-
 var _richText = require("@wordpress/rich-text");
-
 /**
  * WordPress dependencies
  */
+
 function formatTypesSelector(select) {
   return select(_richText.store).getFormatTypes();
 }
+
 /**
  * Set of all interactive content tags.
  *
  * @see https://html.spec.whatwg.org/multipage/dom.html#interactive-content
  */
-
-
 const interactiveContentTags = new Set(['a', 'audio', 'button', 'details', 'embed', 'iframe', 'input', 'label', 'select', 'textarea', 'video']);
-
 function prefixSelectKeys(selected, prefix) {
   if (typeof selected !== 'object') return {
     [prefix]: selected
   };
   return Object.fromEntries(Object.entries(selected).map(([key, value]) => [`${prefix}.${key}`, value]));
 }
-
 function getPrefixedSelectKeys(selected, prefix) {
   if (selected[prefix]) return selected[prefix];
   return Object.keys(selected).filter(key => key.startsWith(prefix + '.')).reduce((accumulator, key) => {
@@ -40,6 +34,7 @@ function getPrefixedSelectKeys(selected, prefix) {
     return accumulator;
   }, {});
 }
+
 /**
  * This hook provides RichText with the `formatTypes` and its derived props from
  * experimental format type settings.
@@ -50,8 +45,6 @@ function getPrefixedSelectKeys(selected, prefix) {
  * @param {boolean} $0.withoutInteractiveFormatting Whether to clean the interactive formattings or not.
  * @param {Array}   $0.allowedFormats               Allowed formats
  */
-
-
 function useFormatTypes({
   clientId,
   identifier,
@@ -62,25 +55,24 @@ function useFormatTypes({
   const formatTypes = (0, _element.useMemo)(() => {
     return allFormatTypes.filter(({
       name,
+      interactive,
       tagName
     }) => {
       if (allowedFormats && !allowedFormats.includes(name)) {
         return false;
       }
-
-      if (withoutInteractiveFormatting && interactiveContentTags.has(tagName)) {
+      if (withoutInteractiveFormatting && (interactive || interactiveContentTags.has(tagName))) {
         return false;
       }
-
       return true;
     });
-  }, [allFormatTypes, allowedFormats, interactiveContentTags]);
+  }, [allFormatTypes, allowedFormats, withoutInteractiveFormatting]);
   const keyedSelected = (0, _data.useSelect)(select => formatTypes.reduce((accumulator, type) => {
     if (!type.__experimentalGetPropsForEditableTreePreparation) {
       return accumulator;
     }
-
-    return { ...accumulator,
+    return {
+      ...accumulator,
       ...prefixSelectKeys(type.__experimentalGetPropsForEditableTreePreparation(select, {
         richTextIdentifier: identifier,
         blockClientId: clientId
@@ -92,37 +84,32 @@ function useFormatTypes({
   const valueHandlers = [];
   const changeHandlers = [];
   const dependencies = [];
-
   for (const key in keyedSelected) {
     dependencies.push(keyedSelected[key]);
   }
-
   formatTypes.forEach(type => {
     if (type.__experimentalCreatePrepareEditableTree) {
       const handler = type.__experimentalCreatePrepareEditableTree(getPrefixedSelectKeys(keyedSelected, type.name), {
         richTextIdentifier: identifier,
         blockClientId: clientId
       });
-
       if (type.__experimentalCreateOnChangeEditableValue) {
         valueHandlers.push(handler);
       } else {
         prepareHandlers.push(handler);
       }
     }
-
     if (type.__experimentalCreateOnChangeEditableValue) {
       let dispatchers = {};
-
       if (type.__experimentalGetPropsForEditableTreeChangeHandler) {
         dispatchers = type.__experimentalGetPropsForEditableTreeChangeHandler(dispatch, {
           richTextIdentifier: identifier,
           blockClientId: clientId
         });
       }
-
       const selected = getPrefixedSelectKeys(keyedSelected, type.name);
-      changeHandlers.push(type.__experimentalCreateOnChangeEditableValue({ ...(typeof selected === 'object' ? selected : {}),
+      changeHandlers.push(type.__experimentalCreateOnChangeEditableValue({
+        ...(typeof selected === 'object' ? selected : {}),
         ...dispatchers
       }, {
         richTextIdentifier: identifier,

package/build/components/rich-text/use-format-types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/use-format-types.js"],"names":["formatTypesSelector","select","richTextStore","getFormatTypes","interactiveContentTags","Set","prefixSelectKeys","selected","prefix","Object","fromEntries","entries","map","key","value","getPrefixedSelectKeys","keys","filter","startsWith","reduce","accumulator","slice","length","useFormatTypes","clientId","identifier","withoutInteractiveFormatting","allowedFormats","allFormatTypes","formatTypes","name","tagName","includes","has","keyedSelected","type","__experimentalGetPropsForEditableTreePreparation","richTextIdentifier","blockClientId","dispatch","prepareHandlers","valueHandlers","changeHandlers","dependencies","push","forEach","__experimentalCreatePrepareEditableTree","handler","__experimentalCreateOnChangeEditableValue","dispatchers","__experimentalGetPropsForEditableTreeChangeHandler"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as richTextStore } from '@wordpress/rich-text';\n\nfunction formatTypesSelector( select ) {\n\treturn select( richTextStore ).getFormatTypes();\n}\n\n/**\n * Set of all interactive content tags.\n *\n * @see https://html.spec.whatwg.org/multipage/dom.html#interactive-content\n */\nconst interactiveContentTags = new Set( [\n\t'a',\n\t'audio',\n\t'button',\n\t'details',\n\t'embed',\n\t'iframe',\n\t'input',\n\t'label',\n\t'select',\n\t'textarea',\n\t'video',\n] );\n\nfunction prefixSelectKeys( selected, prefix ) {\n\tif ( typeof selected !== 'object' ) return { [ prefix ]: selected };\n\treturn Object.fromEntries(\n\t\tObject.entries( selected ).map( ( [ key, value ] ) => [\n\t\t\t`${ prefix }.${ key }`,\n\t\t\tvalue,\n\t\t] )\n\t);\n}\n\nfunction getPrefixedSelectKeys( selected, prefix ) {\n\tif ( selected[ prefix ] ) return selected[ prefix ];\n\treturn Object.keys( selected )\n\t\t.filter( ( key ) => key.startsWith( prefix + '.' ) )\n\t\t.reduce( ( accumulator, key ) => {\n\t\t\taccumulator[ key.slice( prefix.length + 1 ) ] = selected[ key ];\n\t\t\treturn accumulator;\n\t\t}, {} );\n}\n\n/**\n * This hook provides RichText with the `formatTypes` and its derived props from\n * experimental format type settings.\n *\n * @param {Object}  $0                              Options\n * @param {string}  $0.clientId                     Block client ID.\n * @param {string}  $0.identifier                   Block attribute.\n * @param {boolean} $0.withoutInteractiveFormatting Whether to clean the interactive formattings or not.\n * @param {Array}   $0.allowedFormats               Allowed formats\n */\nexport function useFormatTypes( {\n\tclientId,\n\tidentifier,\n\twithoutInteractiveFormatting,\n\tallowedFormats,\n} ) {\n\tconst allFormatTypes = useSelect( formatTypesSelector, [] );\n\tconst formatTypes = useMemo( () => {\n\t\treturn allFormatTypes.filter( ( { name, tagName } ) => {\n\t\t\tif ( allowedFormats && ! allowedFormats.includes( name ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\twithoutInteractiveFormatting &&\n\t\t\t\tinteractiveContentTags.has( tagName )\n\t\t\t) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn true;\n\t\t} );\n\t}, [ allFormatTypes, allowedFormats, interactiveContentTags ] );\n\tconst keyedSelected = useSelect(\n\t\t( select ) =>\n\t\t\tformatTypes.reduce( ( accumulator, type ) => {\n\t\t\t\tif ( ! type.__experimentalGetPropsForEditableTreePreparation ) {\n\t\t\t\t\treturn accumulator;\n\t\t\t\t}\n\n\t\t\t\treturn {\n\t\t\t\t\t...accumulator,\n\t\t\t\t\t...prefixSelectKeys(\n\t\t\t\t\t\ttype.__experimentalGetPropsForEditableTreePreparation(\n\t\t\t\t\t\t\tselect,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\trichTextIdentifier: identifier,\n\t\t\t\t\t\t\t\tblockClientId: clientId,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t),\n\t\t\t\t\t\ttype.name\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t}, {} ),\n\t\t[ formatTypes, clientId, identifier ]\n\t);\n\tconst dispatch = useDispatch();\n\tconst prepareHandlers = [];\n\tconst valueHandlers = [];\n\tconst changeHandlers = [];\n\tconst dependencies = [];\n\n\tfor ( const key in keyedSelected ) {\n\t\tdependencies.push( keyedSelected[ key ] );\n\t}\n\n\tformatTypes.forEach( ( type ) => {\n\t\tif ( type.__experimentalCreatePrepareEditableTree ) {\n\t\t\tconst handler = type.__experimentalCreatePrepareEditableTree(\n\t\t\t\tgetPrefixedSelectKeys( keyedSelected, type.name ),\n\t\t\t\t{\n\t\t\t\t\trichTextIdentifier: identifier,\n\t\t\t\t\tblockClientId: clientId,\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tif ( type.__experimentalCreateOnChangeEditableValue ) {\n\t\t\t\tvalueHandlers.push( handler );\n\t\t\t} else {\n\t\t\t\tprepareHandlers.push( handler );\n\t\t\t}\n\t\t}\n\n\t\tif ( type.__experimentalCreateOnChangeEditableValue ) {\n\t\t\tlet dispatchers = {};\n\n\t\t\tif ( type.__experimentalGetPropsForEditableTreeChangeHandler ) {\n\t\t\t\tdispatchers =\n\t\t\t\t\ttype.__experimentalGetPropsForEditableTreeChangeHandler(\n\t\t\t\t\t\tdispatch,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\trichTextIdentifier: identifier,\n\t\t\t\t\t\t\tblockClientId: clientId,\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst selected = getPrefixedSelectKeys( keyedSelected, type.name );\n\t\t\tchangeHandlers.push(\n\t\t\t\ttype.__experimentalCreateOnChangeEditableValue(\n\t\t\t\t\t{\n\t\t\t\t\t\t...( typeof selected === 'object' ? selected : {} ),\n\t\t\t\t\t\t...dispatchers,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\trichTextIdentifier: identifier,\n\t\t\t\t\t\tblockClientId: clientId,\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t} );\n\n\treturn {\n\t\tformatTypes,\n\t\tprepareHandlers,\n\t\tvalueHandlers,\n\t\tchangeHandlers,\n\t\tdependencies,\n\t};\n}\n"]}
+{"version":3,"names":["_element","require","_data","_richText","formatTypesSelector","select","richTextStore","getFormatTypes","interactiveContentTags","Set","prefixSelectKeys","selected","prefix","Object","fromEntries","entries","map","key","value","getPrefixedSelectKeys","keys","filter","startsWith","reduce","accumulator","slice","length","useFormatTypes","clientId","identifier","withoutInteractiveFormatting","allowedFormats","allFormatTypes","useSelect","formatTypes","useMemo","name","interactive","tagName","includes","has","keyedSelected","type","__experimentalGetPropsForEditableTreePreparation","richTextIdentifier","blockClientId","dispatch","useDispatch","prepareHandlers","valueHandlers","changeHandlers","dependencies","push","forEach","__experimentalCreatePrepareEditableTree","handler","__experimentalCreateOnChangeEditableValue","dispatchers","__experimentalGetPropsForEditableTreeChangeHandler"],"sources":["@wordpress/block-editor/src/components/rich-text/use-format-types.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as richTextStore } from '@wordpress/rich-text';\n\nfunction formatTypesSelector( select ) {\n\treturn select( richTextStore ).getFormatTypes();\n}\n\n/**\n * Set of all interactive content tags.\n *\n * @see https://html.spec.whatwg.org/multipage/dom.html#interactive-content\n */\nconst interactiveContentTags = new Set( [\n\t'a',\n\t'audio',\n\t'button',\n\t'details',\n\t'embed',\n\t'iframe',\n\t'input',\n\t'label',\n\t'select',\n\t'textarea',\n\t'video',\n] );\n\nfunction prefixSelectKeys( selected, prefix ) {\n\tif ( typeof selected !== 'object' ) return { [ prefix ]: selected };\n\treturn Object.fromEntries(\n\t\tObject.entries( selected ).map( ( [ key, value ] ) => [\n\t\t\t`${ prefix }.${ key }`,\n\t\t\tvalue,\n\t\t] )\n\t);\n}\n\nfunction getPrefixedSelectKeys( selected, prefix ) {\n\tif ( selected[ prefix ] ) return selected[ prefix ];\n\treturn Object.keys( selected )\n\t\t.filter( ( key ) => key.startsWith( prefix + '.' ) )\n\t\t.reduce( ( accumulator, key ) => {\n\t\t\taccumulator[ key.slice( prefix.length + 1 ) ] = selected[ key ];\n\t\t\treturn accumulator;\n\t\t}, {} );\n}\n\n/**\n * This hook provides RichText with the `formatTypes` and its derived props from\n * experimental format type settings.\n *\n * @param {Object}  $0                              Options\n * @param {string}  $0.clientId                     Block client ID.\n * @param {string}  $0.identifier                   Block attribute.\n * @param {boolean} $0.withoutInteractiveFormatting Whether to clean the interactive formattings or not.\n * @param {Array}   $0.allowedFormats               Allowed formats\n */\nexport function useFormatTypes( {\n\tclientId,\n\tidentifier,\n\twithoutInteractiveFormatting,\n\tallowedFormats,\n} ) {\n\tconst allFormatTypes = useSelect( formatTypesSelector, [] );\n\tconst formatTypes = useMemo( () => {\n\t\treturn allFormatTypes.filter( ( { name, interactive, tagName } ) => {\n\t\t\tif ( allowedFormats && ! allowedFormats.includes( name ) ) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\tif (\n\t\t\t\twithoutInteractiveFormatting &&\n\t\t\t\t( interactive || interactiveContentTags.has( tagName ) )\n\t\t\t) {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn true;\n\t\t} );\n\t}, [ allFormatTypes, allowedFormats, withoutInteractiveFormatting ] );\n\tconst keyedSelected = useSelect(\n\t\t( select ) =>\n\t\t\tformatTypes.reduce( ( accumulator, type ) => {\n\t\t\t\tif ( ! type.__experimentalGetPropsForEditableTreePreparation ) {\n\t\t\t\t\treturn accumulator;\n\t\t\t\t}\n\n\t\t\t\treturn {\n\t\t\t\t\t...accumulator,\n\t\t\t\t\t...prefixSelectKeys(\n\t\t\t\t\t\ttype.__experimentalGetPropsForEditableTreePreparation(\n\t\t\t\t\t\t\tselect,\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\trichTextIdentifier: identifier,\n\t\t\t\t\t\t\t\tblockClientId: clientId,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t),\n\t\t\t\t\t\ttype.name\n\t\t\t\t\t),\n\t\t\t\t};\n\t\t\t}, {} ),\n\t\t[ formatTypes, clientId, identifier ]\n\t);\n\tconst dispatch = useDispatch();\n\tconst prepareHandlers = [];\n\tconst valueHandlers = [];\n\tconst changeHandlers = [];\n\tconst dependencies = [];\n\n\tfor ( const key in keyedSelected ) {\n\t\tdependencies.push( keyedSelected[ key ] );\n\t}\n\n\tformatTypes.forEach( ( type ) => {\n\t\tif ( type.__experimentalCreatePrepareEditableTree ) {\n\t\t\tconst handler = type.__experimentalCreatePrepareEditableTree(\n\t\t\t\tgetPrefixedSelectKeys( keyedSelected, type.name ),\n\t\t\t\t{\n\t\t\t\t\trichTextIdentifier: identifier,\n\t\t\t\t\tblockClientId: clientId,\n\t\t\t\t}\n\t\t\t);\n\n\t\t\tif ( type.__experimentalCreateOnChangeEditableValue ) {\n\t\t\t\tvalueHandlers.push( handler );\n\t\t\t} else {\n\t\t\t\tprepareHandlers.push( handler );\n\t\t\t}\n\t\t}\n\n\t\tif ( type.__experimentalCreateOnChangeEditableValue ) {\n\t\t\tlet dispatchers = {};\n\n\t\t\tif ( type.__experimentalGetPropsForEditableTreeChangeHandler ) {\n\t\t\t\tdispatchers =\n\t\t\t\t\ttype.__experimentalGetPropsForEditableTreeChangeHandler(\n\t\t\t\t\t\tdispatch,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\trichTextIdentifier: identifier,\n\t\t\t\t\t\t\tblockClientId: clientId,\n\t\t\t\t\t\t}\n\t\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst selected = getPrefixedSelectKeys( keyedSelected, type.name );\n\t\t\tchangeHandlers.push(\n\t\t\t\ttype.__experimentalCreateOnChangeEditableValue(\n\t\t\t\t\t{\n\t\t\t\t\t\t...( typeof selected === 'object' ? selected : {} ),\n\t\t\t\t\t\t...dispatchers,\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\trichTextIdentifier: identifier,\n\t\t\t\t\t\tblockClientId: clientId,\n\t\t\t\t\t}\n\t\t\t\t)\n\t\t\t);\n\t\t}\n\t} );\n\n\treturn {\n\t\tformatTypes,\n\t\tprepareHandlers,\n\t\tvalueHandlers,\n\t\tchangeHandlers,\n\t\tdependencies,\n\t};\n}\n"],"mappings":"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"}

package/build/components/rich-text/use-input-events.js

@@ -4,12 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useInputEvents = useInputEvents;
-
 var _compose = require("@wordpress/compose");
-
 /**
  * WordPress dependencies
  */
+
 function useInputEvents(inputEvents) {
   return (0, _compose.useRefEffect)(element => {
     function onInput(event) {
@@ -17,7 +16,6 @@ function useInputEvents(inputEvents) {
         keyboardShortcut(event);
       }
     }
-
     element.addEventListener('input', onInput);
     return () => {
       element.removeEventListener('input', onInput);

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/rich-text/use-input-events.js"],"names":["useInputEvents","inputEvents","element","onInput","event","keyboardShortcut","current","addEventListener","removeEventListener"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,SAASA,cAAT,CAAyBC,WAAzB,EAAuC;AAC7C,SAAO,2BAAgBC,OAAF,IAAe;AACnC,aAASC,OAAT,CAAkBC,KAAlB,EAA0B;AACzB,WAAM,MAAMC,gBAAZ,IAAgCJ,WAAW,CAACK,OAA5C,EAAsD;AACrDD,QAAAA,gBAAgB,CAAED,KAAF,CAAhB;AACA;AACD;;AAEDF,IAAAA,OAAO,CAACK,gBAAR,CAA0B,OAA1B,EAAmCJ,OAAnC;AACA,WAAO,MAAM;AACZD,MAAAA,OAAO,CAACM,mBAAR,CAA6B,OAA7B,EAAsCL,OAAtC;AACA,KAFD;AAGA,GAXM,EAWJ,EAXI,CAAP;AAYA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\n\nexport function useInputEvents( inputEvents ) {\n\treturn useRefEffect( ( element ) => {\n\t\tfunction onInput( event ) {\n\t\t\tfor ( const keyboardShortcut of inputEvents.current ) {\n\t\t\t\tkeyboardShortcut( event );\n\t\t\t}\n\t\t}\n\n\t\telement.addEventListener( 'input', onInput );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'input', onInput );\n\t\t};\n\t}, [] );\n}\n"]}
+{"version":3,"names":["_compose","require","useInputEvents","inputEvents","useRefEffect","element","onInput","event","keyboardShortcut","current","addEventListener","removeEventListener"],"sources":["@wordpress/block-editor/src/components/rich-text/use-input-events.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\n\nexport function useInputEvents( inputEvents ) {\n\treturn useRefEffect( ( element ) => {\n\t\tfunction onInput( event ) {\n\t\t\tfor ( const keyboardShortcut of inputEvents.current ) {\n\t\t\t\tkeyboardShortcut( event );\n\t\t\t}\n\t\t}\n\n\t\telement.addEventListener( 'input', onInput );\n\t\treturn () => {\n\t\t\telement.removeEventListener( 'input', onInput );\n\t\t};\n\t}, [] );\n}\n"],"mappings":";;;;;;AAGA,IAAAA,QAAA,GAAAC,OAAA;AAHA;AACA;AACA;;AAGO,SAASC,cAAcA,CAAEC,WAAW,EAAG;EAC7C,OAAO,IAAAC,qBAAY,EAAIC,OAAO,IAAM;IACnC,SAASC,OAAOA,CAAEC,KAAK,EAAG;MACzB,KAAM,MAAMC,gBAAgB,IAAIL,WAAW,CAACM,OAAO,EAAG;QACrDD,gBAAgB,CAAED,KAAM,CAAC;MAC1B;IACD;IAEAF,OAAO,CAACK,gBAAgB,CAAE,OAAO,EAAEJ,OAAQ,CAAC;IAC5C,OAAO,MAAM;MACZD,OAAO,CAACM,mBAAmB,CAAE,OAAO,EAAEL,OAAQ,CAAC;IAChD,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;AACR"}