@wordpress/block-editor 12.24.0 → 12.25.0

package/build/components/provider/use-block-sync.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_data","_blocks","_store","_undoIgnore","noop","useBlockSync","clientId","value","controlledBlocks","selection","controlledSelection","onChange","onInput","registry","useRegistry","resetBlocks","resetSelection","replaceInnerBlocks","setHasControlledInnerBlocks","__unstableMarkNextChangeAsNotPersistent","dispatch","blockEditorStore","getBlockName","getBlocks","getSelectionStart","getSelectionEnd","select","isControlled","useSelect","areInnerBlocksControlled","pendingChanges","useRef","incoming","outgoing","subscribed","setControlledBlocks","batch","storeBlocks","map","block","cloneBlock","current","unsetControlledBlocks","onInputRef","onChangeRef","useEffect","includes","length","selectionStart","selectionEnd","initialPosition","getSelectedBlocksInitialCaretPosition","isLastBlockChangePersistent","__unstableIsLastBlockChangeIgnored","blocks","isPersistent","previousAreBlocksDifferent","unsubscribe","subscribe","isStillControlled","newIsPersistent","newBlocks","areBlocksDifferent","didPersistenceChange","push","updateParent","undoIgnore","undoIgnoreBlocks","has","delete"],"sources":["@wordpress/block-editor/src/components/provider/use-block-sync.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { useRegistry, useSelect } from '@wordpress/data';\nimport { cloneBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { undoIgnoreBlocks } from '../../store/undo-ignore';\n\nconst noop = () => {};\n\n/**\n * A function to call when the block value has been updated in the block-editor\n * store.\n *\n * @callback onBlockUpdate\n * @param {Object[]} blocks  The updated blocks.\n * @param {Object}   options The updated block options, such as selectionStart\n *                           and selectionEnd.\n */\n\n/**\n * useBlockSync is a side effect which handles bidirectional sync between the\n * block-editor store and a controlling data source which provides blocks. This\n * is most commonly used by the BlockEditorProvider to synchronize the contents\n * of the block-editor store with the root entity, like a post.\n *\n * Another example would be the template part block, which provides blocks from\n * a separate entity data source than a root entity. This hook syncs edits to\n * the template part in the block editor back to the entity and vice-versa.\n *\n * Here are some of its basic functions:\n * - Initalizes the block-editor store for the given clientID to the blocks\n *   given via props.\n * - Adds incoming changes (like undo) to the block-editor store.\n * - Adds outgoing changes (like editing content) to the controlling entity,\n *   determining if a change should be considered persistent or not.\n * - Handles edge cases and race conditions which occur in those operations.\n * - Ignores changes which happen to other entities (like nested inner block\n *   controllers.\n * - Passes selection state from the block-editor store to the controlling entity.\n *\n * @param {Object}        props           Props for the block sync hook\n * @param {string}        props.clientId  The client ID of the inner block controller.\n *                                        If none is passed, then it is assumed to be a\n *                                        root controller rather than an inner block\n *                                        controller.\n * @param {Object[]}      props.value     The control value for the blocks. This value\n *                                        is used to initalize the block-editor store\n *                                        and for resetting the blocks to incoming\n *                                        changes like undo.\n * @param {Object}        props.selection The selection state responsible to restore the selection on undo/redo.\n * @param {onBlockUpdate} props.onChange  Function to call when a persistent\n *                                        change has been made in the block-editor blocks\n *                                        for the given clientId. For example, after\n *                                        this function is called, an entity is marked\n *                                        dirty because it has changes to save.\n * @param {onBlockUpdate} props.onInput   Function to call when a non-persistent\n *                                        change has been made in the block-editor blocks\n *                                        for the given clientId. When this is called,\n *                                        controlling sources do not become dirty.\n */\nexport default function useBlockSync( {\n\tclientId = null,\n\tvalue: controlledBlocks,\n\tselection: controlledSelection,\n\tonChange = noop,\n\tonInput = noop,\n} ) {\n\tconst registry = useRegistry();\n\n\tconst {\n\t\tresetBlocks,\n\t\tresetSelection,\n\t\treplaceInnerBlocks,\n\t\tsetHasControlledInnerBlocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = registry.dispatch( blockEditorStore );\n\tconst { getBlockName, getBlocks, getSelectionStart, getSelectionEnd } =\n\t\tregistry.select( blockEditorStore );\n\tconst isControlled = useSelect(\n\t\t( select ) => {\n\t\t\treturn (\n\t\t\t\t! clientId ||\n\t\t\t\tselect( blockEditorStore ).areInnerBlocksControlled( clientId )\n\t\t\t);\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst pendingChanges = useRef( { incoming: null, outgoing: [] } );\n\tconst subscribed = useRef( false );\n\n\tconst setControlledBlocks = () => {\n\t\tif ( ! controlledBlocks ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// We don't need to persist this change because we only replace\n\t\t// controlled inner blocks when the change was caused by an entity,\n\t\t// and so it would already be persisted.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tif ( clientId ) {\n\t\t\t// It is important to batch here because otherwise,\n\t\t\t// as soon as `setHasControlledInnerBlocks` is called\n\t\t\t// the effect to restore might be triggered\n\t\t\t// before the actual blocks get set properly in state.\n\t\t\tregistry.batch( () => {\n\t\t\t\tsetHasControlledInnerBlocks( clientId, true );\n\t\t\t\tconst storeBlocks = controlledBlocks.map( ( block ) =>\n\t\t\t\t\tcloneBlock( block )\n\t\t\t\t);\n\t\t\t\tif ( subscribed.current ) {\n\t\t\t\t\tpendingChanges.current.incoming = storeBlocks;\n\t\t\t\t}\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceInnerBlocks( clientId, storeBlocks );\n\t\t\t} );\n\t\t} else {\n\t\t\tif ( subscribed.current ) {\n\t\t\t\tpendingChanges.current.incoming = controlledBlocks;\n\t\t\t}\n\t\t\tresetBlocks( controlledBlocks );\n\t\t}\n\t};\n\n\t// Clean up the changes made by setControlledBlocks() when the component\n\t// containing useBlockSync() unmounts.\n\tconst unsetControlledBlocks = () => {\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tif ( clientId ) {\n\t\t\tsetHasControlledInnerBlocks( clientId, false );\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\treplaceInnerBlocks( clientId, [] );\n\t\t} else {\n\t\t\tresetBlocks( [] );\n\t\t}\n\t};\n\n\t// Add a subscription to the block-editor registry to detect when changes\n\t// have been made. This lets us inform the data source of changes. This\n\t// is an effect so that the subscriber can run synchronously without\n\t// waiting for React renders for changes.\n\tconst onInputRef = useRef( onInput );\n\tconst onChangeRef = useRef( onChange );\n\tuseEffect( () => {\n\t\tonInputRef.current = onInput;\n\t\tonChangeRef.current = onChange;\n\t}, [ onInput, onChange ] );\n\n\t// Determine if blocks need to be reset when they change.\n\tuseEffect( () => {\n\t\tif ( pendingChanges.current.outgoing.includes( controlledBlocks ) ) {\n\t\t\t// Skip block reset if the value matches expected outbound sync\n\t\t\t// triggered by this component by a preceding change detection.\n\t\t\t// Only skip if the value matches expectation, since a reset should\n\t\t\t// still occur if the value is modified (not equal by reference),\n\t\t\t// to allow that the consumer may apply modifications to reflect\n\t\t\t// back on the editor.\n\t\t\tif (\n\t\t\t\tpendingChanges.current.outgoing[\n\t\t\t\t\tpendingChanges.current.outgoing.length - 1\n\t\t\t\t] === controlledBlocks\n\t\t\t) {\n\t\t\t\tpendingChanges.current.outgoing = [];\n\t\t\t}\n\t\t} else if ( getBlocks( clientId ) !== controlledBlocks ) {\n\t\t\t// Reset changing value in all other cases than the sync described\n\t\t\t// above. Since this can be reached in an update following an out-\n\t\t\t// bound sync, unset the outbound value to avoid considering it in\n\t\t\t// subsequent renders.\n\t\t\tpendingChanges.current.outgoing = [];\n\t\t\tsetControlledBlocks();\n\n\t\t\tif ( controlledSelection ) {\n\t\t\t\tresetSelection(\n\t\t\t\t\tcontrolledSelection.selectionStart,\n\t\t\t\t\tcontrolledSelection.selectionEnd,\n\t\t\t\t\tcontrolledSelection.initialPosition\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}, [ controlledBlocks, clientId ] );\n\n\tuseEffect( () => {\n\t\t// When the block becomes uncontrolled, it means its inner state has been reset\n\t\t// we need to take the blocks again from the external value property.\n\t\tif ( ! isControlled ) {\n\t\t\tpendingChanges.current.outgoing = [];\n\t\t\tsetControlledBlocks();\n\t\t}\n\t}, [ isControlled ] );\n\n\tuseEffect( () => {\n\t\tconst {\n\t\t\tgetSelectedBlocksInitialCaretPosition,\n\t\t\tisLastBlockChangePersistent,\n\t\t\t__unstableIsLastBlockChangeIgnored,\n\t\t\tareInnerBlocksControlled,\n\t\t} = registry.select( blockEditorStore );\n\n\t\tlet blocks = getBlocks( clientId );\n\t\tlet isPersistent = isLastBlockChangePersistent();\n\t\tlet previousAreBlocksDifferent = false;\n\n\t\tsubscribed.current = true;\n\t\tconst unsubscribe = registry.subscribe( () => {\n\t\t\t// Sometimes, when changing block lists, lingering subscriptions\n\t\t\t// might trigger before they are cleaned up. If the block for which\n\t\t\t// the subscription runs is no longer in the store, this would clear\n\t\t\t// its parent entity's block list. To avoid this, we bail out if\n\t\t\t// the subscription is triggering for a block (`clientId !== null`)\n\t\t\t// and its block name can't be found because it's not on the list.\n\t\t\t// (`getBlockName( clientId ) === null`).\n\t\t\tif ( clientId !== null && getBlockName( clientId ) === null )\n\t\t\t\treturn;\n\n\t\t\t// When RESET_BLOCKS on parent blocks get called, the controlled blocks\n\t\t\t// can reset to uncontrolled, in these situations, it means we need to populate\n\t\t\t// the blocks again from the external blocks (the value property here)\n\t\t\t// and we should stop triggering onChange\n\t\t\tconst isStillControlled =\n\t\t\t\t! clientId || areInnerBlocksControlled( clientId );\n\t\t\tif ( ! isStillControlled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst newIsPersistent = isLastBlockChangePersistent();\n\t\t\tconst newBlocks = getBlocks( clientId );\n\t\t\tconst areBlocksDifferent = newBlocks !== blocks;\n\t\t\tblocks = newBlocks;\n\t\t\tif (\n\t\t\t\tareBlocksDifferent &&\n\t\t\t\t( pendingChanges.current.incoming ||\n\t\t\t\t\t__unstableIsLastBlockChangeIgnored() )\n\t\t\t) {\n\t\t\t\tpendingChanges.current.incoming = null;\n\t\t\t\tisPersistent = newIsPersistent;\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Since we often dispatch an action to mark the previous action as\n\t\t\t// persistent, we need to make sure that the blocks changed on the\n\t\t\t// previous action before committing the change.\n\t\t\tconst didPersistenceChange =\n\t\t\t\tpreviousAreBlocksDifferent &&\n\t\t\t\t! areBlocksDifferent &&\n\t\t\t\tnewIsPersistent &&\n\t\t\t\t! isPersistent;\n\n\t\t\tif ( areBlocksDifferent || didPersistenceChange ) {\n\t\t\t\tisPersistent = newIsPersistent;\n\t\t\t\t// We know that onChange/onInput will update controlledBlocks.\n\t\t\t\t// We need to be aware that it was caused by an outgoing change\n\t\t\t\t// so that we do not treat it as an incoming change later on,\n\t\t\t\t// which would cause a block reset.\n\t\t\t\tpendingChanges.current.outgoing.push( blocks );\n\n\t\t\t\t// Inform the controlling entity that changes have been made to\n\t\t\t\t// the block-editor store they should be aware about.\n\t\t\t\tconst updateParent = isPersistent\n\t\t\t\t\t? onChangeRef.current\n\t\t\t\t\t: onInputRef.current;\n\t\t\t\tconst undoIgnore = undoIgnoreBlocks.has( blocks );\n\t\t\t\tif ( undoIgnore ) {\n\t\t\t\t\tundoIgnoreBlocks.delete( blocks );\n\t\t\t\t}\n\t\t\t\tupdateParent( blocks, {\n\t\t\t\t\tselection: {\n\t\t\t\t\t\tselectionStart: getSelectionStart(),\n\t\t\t\t\t\tselectionEnd: getSelectionEnd(),\n\t\t\t\t\t\tinitialPosition:\n\t\t\t\t\t\t\tgetSelectedBlocksInitialCaretPosition(),\n\t\t\t\t\t},\n\t\t\t\t\tundoIgnore,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tpreviousAreBlocksDifferent = areBlocksDifferent;\n\t\t}, blockEditorStore );\n\n\t\treturn () => {\n\t\t\tsubscribed.current = false;\n\t\t\tunsubscribe();\n\t\t};\n\t}, [ registry, clientId ] );\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tunsetControlledBlocks();\n\t\t};\n\t}, [] );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_element","require","_data","_blocks","_store","_undoIgnore","noop","useBlockSync","clientId","value","controlledBlocks","selection","controlledSelection","onChange","onInput","registry","useRegistry","resetBlocks","resetSelection","replaceInnerBlocks","setHasControlledInnerBlocks","__unstableMarkNextChangeAsNotPersistent","dispatch","blockEditorStore","getBlockName","getBlocks","getSelectionStart","getSelectionEnd","select","pendingChanges","useRef","incoming","outgoing","subscribed","setControlledBlocks","batch","storeBlocks","map","block","cloneBlock","current","unsetControlledBlocks","onInputRef","onChangeRef","useEffect","includes","length","selectionStart","selectionEnd","initialPosition","getSelectedBlocksInitialCaretPosition","isLastBlockChangePersistent","__unstableIsLastBlockChangeIgnored","areInnerBlocksControlled","blocks","isPersistent","previousAreBlocksDifferent","unsubscribe","subscribe","isStillControlled","newIsPersistent","newBlocks","areBlocksDifferent","didPersistenceChange","push","updateParent","undoIgnore","undoIgnoreBlocks","has","delete"],"sources":["@wordpress/block-editor/src/components/provider/use-block-sync.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect, useRef } from '@wordpress/element';\nimport { useRegistry } from '@wordpress/data';\nimport { cloneBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\nimport { undoIgnoreBlocks } from '../../store/undo-ignore';\n\nconst noop = () => {};\n\n/**\n * A function to call when the block value has been updated in the block-editor\n * store.\n *\n * @callback onBlockUpdate\n * @param {Object[]} blocks  The updated blocks.\n * @param {Object}   options The updated block options, such as selectionStart\n *                           and selectionEnd.\n */\n\n/**\n * useBlockSync is a side effect which handles bidirectional sync between the\n * block-editor store and a controlling data source which provides blocks. This\n * is most commonly used by the BlockEditorProvider to synchronize the contents\n * of the block-editor store with the root entity, like a post.\n *\n * Another example would be the template part block, which provides blocks from\n * a separate entity data source than a root entity. This hook syncs edits to\n * the template part in the block editor back to the entity and vice-versa.\n *\n * Here are some of its basic functions:\n * - Initalizes the block-editor store for the given clientID to the blocks\n *   given via props.\n * - Adds incoming changes (like undo) to the block-editor store.\n * - Adds outgoing changes (like editing content) to the controlling entity,\n *   determining if a change should be considered persistent or not.\n * - Handles edge cases and race conditions which occur in those operations.\n * - Ignores changes which happen to other entities (like nested inner block\n *   controllers.\n * - Passes selection state from the block-editor store to the controlling entity.\n *\n * @param {Object}        props           Props for the block sync hook\n * @param {string}        props.clientId  The client ID of the inner block controller.\n *                                        If none is passed, then it is assumed to be a\n *                                        root controller rather than an inner block\n *                                        controller.\n * @param {Object[]}      props.value     The control value for the blocks. This value\n *                                        is used to initalize the block-editor store\n *                                        and for resetting the blocks to incoming\n *                                        changes like undo.\n * @param {Object}        props.selection The selection state responsible to restore the selection on undo/redo.\n * @param {onBlockUpdate} props.onChange  Function to call when a persistent\n *                                        change has been made in the block-editor blocks\n *                                        for the given clientId. For example, after\n *                                        this function is called, an entity is marked\n *                                        dirty because it has changes to save.\n * @param {onBlockUpdate} props.onInput   Function to call when a non-persistent\n *                                        change has been made in the block-editor blocks\n *                                        for the given clientId. When this is called,\n *                                        controlling sources do not become dirty.\n */\nexport default function useBlockSync( {\n\tclientId = null,\n\tvalue: controlledBlocks,\n\tselection: controlledSelection,\n\tonChange = noop,\n\tonInput = noop,\n} ) {\n\tconst registry = useRegistry();\n\n\tconst {\n\t\tresetBlocks,\n\t\tresetSelection,\n\t\treplaceInnerBlocks,\n\t\tsetHasControlledInnerBlocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = registry.dispatch( blockEditorStore );\n\tconst { getBlockName, getBlocks, getSelectionStart, getSelectionEnd } =\n\t\tregistry.select( blockEditorStore );\n\n\tconst pendingChanges = useRef( { incoming: null, outgoing: [] } );\n\tconst subscribed = useRef( false );\n\n\tconst setControlledBlocks = () => {\n\t\tif ( ! controlledBlocks ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// We don't need to persist this change because we only replace\n\t\t// controlled inner blocks when the change was caused by an entity,\n\t\t// and so it would already be persisted.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tif ( clientId ) {\n\t\t\t// It is important to batch here because otherwise,\n\t\t\t// as soon as `setHasControlledInnerBlocks` is called\n\t\t\t// the effect to restore might be triggered\n\t\t\t// before the actual blocks get set properly in state.\n\t\t\tregistry.batch( () => {\n\t\t\t\tsetHasControlledInnerBlocks( clientId, true );\n\t\t\t\tconst storeBlocks = controlledBlocks.map( ( block ) =>\n\t\t\t\t\tcloneBlock( block )\n\t\t\t\t);\n\t\t\t\tif ( subscribed.current ) {\n\t\t\t\t\tpendingChanges.current.incoming = storeBlocks;\n\t\t\t\t}\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\treplaceInnerBlocks( clientId, storeBlocks );\n\t\t\t} );\n\t\t} else {\n\t\t\tif ( subscribed.current ) {\n\t\t\t\tpendingChanges.current.incoming = controlledBlocks;\n\t\t\t}\n\t\t\tresetBlocks( controlledBlocks );\n\t\t}\n\t};\n\n\t// Clean up the changes made by setControlledBlocks() when the component\n\t// containing useBlockSync() unmounts.\n\tconst unsetControlledBlocks = () => {\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tif ( clientId ) {\n\t\t\tsetHasControlledInnerBlocks( clientId, false );\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\treplaceInnerBlocks( clientId, [] );\n\t\t} else {\n\t\t\tresetBlocks( [] );\n\t\t}\n\t};\n\n\t// Add a subscription to the block-editor registry to detect when changes\n\t// have been made. This lets us inform the data source of changes. This\n\t// is an effect so that the subscriber can run synchronously without\n\t// waiting for React renders for changes.\n\tconst onInputRef = useRef( onInput );\n\tconst onChangeRef = useRef( onChange );\n\tuseEffect( () => {\n\t\tonInputRef.current = onInput;\n\t\tonChangeRef.current = onChange;\n\t}, [ onInput, onChange ] );\n\n\t// Determine if blocks need to be reset when they change.\n\tuseEffect( () => {\n\t\tif ( pendingChanges.current.outgoing.includes( controlledBlocks ) ) {\n\t\t\t// Skip block reset if the value matches expected outbound sync\n\t\t\t// triggered by this component by a preceding change detection.\n\t\t\t// Only skip if the value matches expectation, since a reset should\n\t\t\t// still occur if the value is modified (not equal by reference),\n\t\t\t// to allow that the consumer may apply modifications to reflect\n\t\t\t// back on the editor.\n\t\t\tif (\n\t\t\t\tpendingChanges.current.outgoing[\n\t\t\t\t\tpendingChanges.current.outgoing.length - 1\n\t\t\t\t] === controlledBlocks\n\t\t\t) {\n\t\t\t\tpendingChanges.current.outgoing = [];\n\t\t\t}\n\t\t} else if ( getBlocks( clientId ) !== controlledBlocks ) {\n\t\t\t// Reset changing value in all other cases than the sync described\n\t\t\t// above. Since this can be reached in an update following an out-\n\t\t\t// bound sync, unset the outbound value to avoid considering it in\n\t\t\t// subsequent renders.\n\t\t\tpendingChanges.current.outgoing = [];\n\t\t\tsetControlledBlocks();\n\n\t\t\tif ( controlledSelection ) {\n\t\t\t\tresetSelection(\n\t\t\t\t\tcontrolledSelection.selectionStart,\n\t\t\t\t\tcontrolledSelection.selectionEnd,\n\t\t\t\t\tcontrolledSelection.initialPosition\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}, [ controlledBlocks, clientId ] );\n\n\tuseEffect( () => {\n\t\tconst {\n\t\t\tgetSelectedBlocksInitialCaretPosition,\n\t\t\tisLastBlockChangePersistent,\n\t\t\t__unstableIsLastBlockChangeIgnored,\n\t\t\tareInnerBlocksControlled,\n\t\t} = registry.select( blockEditorStore );\n\n\t\tlet blocks = getBlocks( clientId );\n\t\tlet isPersistent = isLastBlockChangePersistent();\n\t\tlet previousAreBlocksDifferent = false;\n\n\t\tsubscribed.current = true;\n\t\tconst unsubscribe = registry.subscribe( () => {\n\t\t\t// Sometimes, when changing block lists, lingering subscriptions\n\t\t\t// might trigger before they are cleaned up. If the block for which\n\t\t\t// the subscription runs is no longer in the store, this would clear\n\t\t\t// its parent entity's block list. To avoid this, we bail out if\n\t\t\t// the subscription is triggering for a block (`clientId !== null`)\n\t\t\t// and its block name can't be found because it's not on the list.\n\t\t\t// (`getBlockName( clientId ) === null`).\n\t\t\tif ( clientId !== null && getBlockName( clientId ) === null ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// When RESET_BLOCKS on parent blocks get called, the controlled blocks\n\t\t\t// can reset to uncontrolled, in these situations, it means we need to populate\n\t\t\t// the blocks again from the external blocks (the value property here)\n\t\t\t// and we should stop triggering onChange\n\t\t\tconst isStillControlled =\n\t\t\t\t! clientId || areInnerBlocksControlled( clientId );\n\t\t\tif ( ! isStillControlled ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst newIsPersistent = isLastBlockChangePersistent();\n\t\t\tconst newBlocks = getBlocks( clientId );\n\t\t\tconst areBlocksDifferent = newBlocks !== blocks;\n\t\t\tblocks = newBlocks;\n\t\t\tif (\n\t\t\t\tareBlocksDifferent &&\n\t\t\t\t( pendingChanges.current.incoming ||\n\t\t\t\t\t__unstableIsLastBlockChangeIgnored() )\n\t\t\t) {\n\t\t\t\tpendingChanges.current.incoming = null;\n\t\t\t\tisPersistent = newIsPersistent;\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t// Since we often dispatch an action to mark the previous action as\n\t\t\t// persistent, we need to make sure that the blocks changed on the\n\t\t\t// previous action before committing the change.\n\t\t\tconst didPersistenceChange =\n\t\t\t\tpreviousAreBlocksDifferent &&\n\t\t\t\t! areBlocksDifferent &&\n\t\t\t\tnewIsPersistent &&\n\t\t\t\t! isPersistent;\n\n\t\t\tif ( areBlocksDifferent || didPersistenceChange ) {\n\t\t\t\tisPersistent = newIsPersistent;\n\t\t\t\t// We know that onChange/onInput will update controlledBlocks.\n\t\t\t\t// We need to be aware that it was caused by an outgoing change\n\t\t\t\t// so that we do not treat it as an incoming change later on,\n\t\t\t\t// which would cause a block reset.\n\t\t\t\tpendingChanges.current.outgoing.push( blocks );\n\n\t\t\t\t// Inform the controlling entity that changes have been made to\n\t\t\t\t// the block-editor store they should be aware about.\n\t\t\t\tconst updateParent = isPersistent\n\t\t\t\t\t? onChangeRef.current\n\t\t\t\t\t: onInputRef.current;\n\t\t\t\tconst undoIgnore = undoIgnoreBlocks.has( blocks );\n\t\t\t\tif ( undoIgnore ) {\n\t\t\t\t\tundoIgnoreBlocks.delete( blocks );\n\t\t\t\t}\n\t\t\t\tupdateParent( blocks, {\n\t\t\t\t\tselection: {\n\t\t\t\t\t\tselectionStart: getSelectionStart(),\n\t\t\t\t\t\tselectionEnd: getSelectionEnd(),\n\t\t\t\t\t\tinitialPosition:\n\t\t\t\t\t\t\tgetSelectedBlocksInitialCaretPosition(),\n\t\t\t\t\t},\n\t\t\t\t\tundoIgnore,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tpreviousAreBlocksDifferent = areBlocksDifferent;\n\t\t}, blockEditorStore );\n\n\t\treturn () => {\n\t\t\tsubscribed.current = false;\n\t\t\tunsubscribe();\n\t\t};\n\t}, [ registry, clientId ] );\n\n\tuseEffect( () => {\n\t\treturn () => {\n\t\t\tunsetControlledBlocks();\n\t\t};\n\t}, [] );\n}\n"],"mappings":"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","ignoreList":[]}

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,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _keycodes = require("@wordpress/keycodes");
+var _richText = require("@wordpress/rich-text");
+var _blocks = require("@wordpress/blocks");
+var _store = require("../../../store");
+var _splitValue = require("../split-value");
+/**
+ * WordPress dependencies
+ */
+/**
+ * Internal dependencies
+ */
+var _default = props => element => {
+  function onKeyDown(event) {
+    if (event.target.contentEditable !== 'true') {
+      return;
+    }
+    if (event.defaultPrevented) {
+      return;
+    }
+    if (event.keyCode !== _keycodes.ENTER) {
+      return;
+    }
+    const {
+      removeEditorOnlyFormats,
+      value,
+      onReplace,
+      onSplit,
+      onChange,
+      disableLineBreaks,
+      onSplitAtEnd,
+      onSplitAtDoubleLineEnd,
+      registry
+    } = props.current;
+    event.preventDefault();
+    const _value = {
+      ...value
+    };
+    _value.formats = removeEditorOnlyFormats(value);
+    const canSplit = onReplace && onSplit;
+    if (onReplace) {
+      const transforms = (0, _blocks.getBlockTransforms)('from').filter(({
+        type
+      }) => type === 'enter');
+      const transformation = (0, _blocks.findTransform)(transforms, item => {
+        return item.regExp.test(_value.text);
+      });
+      if (transformation) {
+        onReplace([transformation.transform({
+          content: _value.text
+        })]);
+        registry.dispatch(_store.store).__unstableMarkAutomaticChange();
+        return;
+      }
+    }
+    const {
+      text,
+      start,
+      end
+    } = _value;
+    if (event.shiftKey) {
+      if (!disableLineBreaks) {
+        onChange((0, _richText.insert)(_value, '\n'));
+      }
+    } else if (canSplit) {
+      (0, _splitValue.splitValue)({
+        value: _value,
+        onReplace,
+        onSplit
+      });
+    } 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(() => {
+        _value.start = _value.end - 2;
+        onChange((0, _richText.remove)(_value));
+        onSplitAtDoubleLineEnd();
+      });
+    } else if (!disableLineBreaks) {
+      onChange((0, _richText.insert)(_value, '\n'));
+    }
+  }
+  element.addEventListener('keydown', onKeyDown);
+  return () => {
+    element.removeEventListener('keydown', onKeyDown);
+  };
+};
+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","_blocks","_store","_splitValue","_default","props","element","onKeyDown","event","target","contentEditable","defaultPrevented","keyCode","ENTER","removeEditorOnlyFormats","value","onReplace","onSplit","onChange","disableLineBreaks","onSplitAtEnd","onSplitAtDoubleLineEnd","registry","current","preventDefault","_value","formats","canSplit","transforms","getBlockTransforms","filter","type","transformation","findTransform","item","regExp","test","text","transform","content","dispatch","blockEditorStore","__unstableMarkAutomaticChange","start","end","shiftKey","insert","splitValue","length","slice","batch","remove","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';\nimport { getBlockTransforms, findTransform } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../../store';\nimport { splitValue } from '../split-value';\n\nexport default ( props ) => ( element ) => {\n\tfunction onKeyDown( event ) {\n\t\tif ( event.target.contentEditable !== 'true' ) {\n\t\t\treturn;\n\t\t}\n\n\t\tif ( event.defaultPrevented ) {\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\tremoveEditorOnlyFormats,\n\t\t\tvalue,\n\t\t\tonReplace,\n\t\t\tonSplit,\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 _value = { ...value };\n\t\t_value.formats = removeEditorOnlyFormats( value );\n\t\tconst canSplit = onReplace && onSplit;\n\n\t\tif ( onReplace ) {\n\t\t\tconst transforms = getBlockTransforms( 'from' ).filter(\n\t\t\t\t( { type } ) => type === 'enter'\n\t\t\t);\n\t\t\tconst transformation = findTransform( transforms, ( item ) => {\n\t\t\t\treturn item.regExp.test( _value.text );\n\t\t\t} );\n\n\t\t\tif ( transformation ) {\n\t\t\t\tonReplace( [\n\t\t\t\t\ttransformation.transform( {\n\t\t\t\t\t\tcontent: _value.text,\n\t\t\t\t\t} ),\n\t\t\t\t] );\n\t\t\t\tregistry\n\t\t\t\t\t.dispatch( blockEditorStore )\n\t\t\t\t\t.__unstableMarkAutomaticChange();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\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 ( canSplit ) {\n\t\t\tsplitValue( {\n\t\t\t\tvalue: _value,\n\t\t\t\tonReplace,\n\t\t\t\tonSplit,\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\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\telement.addEventListener( 'keydown', onKeyDown );\n\treturn () => {\n\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t};\n};\n"],"mappings":"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","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