@wordpress/block-library 7.4.0 → 7.7.0

package/build-module/list/v2/transforms.js

@@ -3,6 +3,35 @@
  */
 import { createBlock, switchToBlockType } from '@wordpress/blocks';
 import { __UNSTABLE_LINE_SEPARATOR, create, split, toHTMLString } from '@wordpress/rich-text';
+/**
+ * Internal dependencies
+ */
+
+import { createListBlockFromDOMElement } from './migrate';
+
+function getListContentSchema(_ref) {
+  let {
+    phrasingContentSchema
+  } = _ref;
+  const listContentSchema = { ...phrasingContentSchema,
+    ul: {},
+    ol: {
+      attributes: ['type', 'start', 'reversed']
+    }
+  }; // Recursion is needed.
+  // Possible: ul > li > ul.
+  // Impossible: ul > ul.
+
+  ['ul', 'ol'].forEach(tag => {
+    listContentSchema[tag].children = {
+      li: {
+        children: listContentSchema
+      }
+    };
+  });
+  return listContentSchema;
+}
+
 const transforms = {
   from: [{
     type: 'block',
@@ -12,10 +41,10 @@ const transforms = {
       let childBlocks = [];
 
       if (blockAttributes.length > 1) {
-        childBlocks = blockAttributes.map(_ref => {
+        childBlocks = blockAttributes.map(_ref2 => {
           let {
             content
-          } = _ref;
+          } = _ref2;
           return createBlock('core/list-item', {
             content
           });
@@ -40,11 +69,11 @@ const transforms = {
   }, {
     type: 'block',
     blocks: ['core/quote', 'core/pullquote'],
-    transform: _ref2 => {
+    transform: _ref3 => {
       let {
         value,
         anchor
-      } = _ref2;
+      } = _ref3;
       return createBlock('core/list', {
         anchor
       }, split(create({
@@ -80,20 +109,28 @@ const transforms = {
       })]);
     }
 
-  }))],
+  })), {
+    type: 'raw',
+    selector: 'ol,ul',
+    schema: args => ({
+      ol: getListContentSchema(args).ol,
+      ul: getListContentSchema(args).ul
+    }),
+    transform: createListBlockFromDOMElement
+  }],
   to: [...['core/paragraph', 'core/heading'].map(block => ({
     type: 'block',
     blocks: [block],
     transform: (_attributes, childBlocks) => {
-      return childBlocks.filter(_ref3 => {
+      return childBlocks.filter(_ref4 => {
         let {
           name
-        } = _ref3;
+        } = _ref4;
         return name === 'core/list-item';
-      }).map(_ref4 => {
+      }).map(_ref5 => {
         let {
           attributes
-        } = _ref4;
+        } = _ref5;
         return createBlock(block, {
           content: attributes.content
         });

package/build-module/list/v2/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/list/v2/transforms.js"],"names":["createBlock","switchToBlockType","__UNSTABLE_LINE_SEPARATOR","create","split","toHTMLString","transforms","from","type","isMultiBlock","blocks","transform","blockAttributes","childBlocks","length","map","content","value","html","result","anchor","multilineTag","prefix","ordered","to","block","_attributes","filter","name","attributes","innerBlocks"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock, switchToBlockType } from '@wordpress/blocks';\nimport {\n\t__UNSTABLE_LINE_SEPARATOR,\n\tcreate,\n\tsplit,\n\ttoHTMLString,\n} from '@wordpress/rich-text';\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tisMultiBlock: true,\n\t\t\tblocks: [ 'core/paragraph', 'core/heading' ],\n\t\t\ttransform: ( blockAttributes ) => {\n\t\t\t\tlet childBlocks = [];\n\t\t\t\tif ( blockAttributes.length > 1 ) {\n\t\t\t\t\tchildBlocks = blockAttributes.map( ( { content } ) => {\n\t\t\t\t\t\treturn createBlock( 'core/list-item', { content } );\n\t\t\t\t\t} );\n\t\t\t\t} else if ( blockAttributes.length === 1 ) {\n\t\t\t\t\tconst value = create( {\n\t\t\t\t\t\thtml: blockAttributes[ 0 ].content,\n\t\t\t\t\t} );\n\t\t\t\t\tchildBlocks = split( value, '\\n' ).map( ( result ) => {\n\t\t\t\t\t\treturn createBlock( 'core/list-item', {\n\t\t\t\t\t\t\tcontent: toHTMLString( { value: result } ),\n\t\t\t\t\t\t} );\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\treturn createBlock(\n\t\t\t\t\t'core/list',\n\t\t\t\t\t{\n\t\t\t\t\t\tanchor: blockAttributes.anchor,\n\t\t\t\t\t},\n\t\t\t\t\tchildBlocks\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/quote', 'core/pullquote' ],\n\t\t\ttransform: ( { value, anchor } ) => {\n\t\t\t\treturn createBlock(\n\t\t\t\t\t'core/list',\n\t\t\t\t\t{\n\t\t\t\t\t\tanchor,\n\t\t\t\t\t},\n\t\t\t\t\tsplit(\n\t\t\t\t\t\tcreate( { html: value, multilineTag: 'p' } ),\n\t\t\t\t\t\t__UNSTABLE_LINE_SEPARATOR\n\t\t\t\t\t).map( ( result ) => {\n\t\t\t\t\t\treturn createBlock( 'core/list-item', {\n\t\t\t\t\t\t\tcontent: toHTMLString( { value: result } ),\n\t\t\t\t\t\t} );\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t...[ '*', '-' ].map( ( prefix ) => ( {\n\t\t\ttype: 'prefix',\n\t\t\tprefix,\n\t\t\ttransform( content ) {\n\t\t\t\treturn createBlock( 'core/list', {}, [\n\t\t\t\t\tcreateBlock( 'core/list-item', { content } ),\n\t\t\t\t] );\n\t\t\t},\n\t\t} ) ),\n\t\t...[ '1.', '1)' ].map( ( prefix ) => ( {\n\t\t\ttype: 'prefix',\n\t\t\tprefix,\n\t\t\ttransform( content ) {\n\t\t\t\treturn createBlock(\n\t\t\t\t\t'core/list',\n\t\t\t\t\t{\n\t\t\t\t\t\tordered: true,\n\t\t\t\t\t},\n\t\t\t\t\t[ createBlock( 'core/list-item', { content } ) ]\n\t\t\t\t);\n\t\t\t},\n\t\t} ) ),\n\t],\n\tto: [\n\t\t...[ 'core/paragraph', 'core/heading' ].map( ( block ) => ( {\n\t\t\ttype: 'block',\n\t\t\tblocks: [ block ],\n\t\t\ttransform: ( _attributes, childBlocks ) => {\n\t\t\t\treturn childBlocks\n\t\t\t\t\t.filter( ( { name } ) => name === 'core/list-item' )\n\t\t\t\t\t.map( ( { attributes } ) =>\n\t\t\t\t\t\tcreateBlock( block, {\n\t\t\t\t\t\t\tcontent: attributes.content,\n\t\t\t\t\t\t} )\n\t\t\t\t\t);\n\t\t\t},\n\t\t} ) ),\n\t\t...[ 'core/quote', 'core/pullquote' ].map( ( block ) => ( {\n\t\t\ttype: 'block',\n\t\t\tblocks: [ block ],\n\t\t\ttransform: ( attributes, innerBlocks ) => {\n\t\t\t\treturn switchToBlockType(\n\t\t\t\t\tswitchToBlockType(\n\t\t\t\t\t\tcreateBlock( 'core/list', attributes, innerBlocks ),\n\t\t\t\t\t\t'core/paragraph'\n\t\t\t\t\t),\n\t\t\t\t\tblock\n\t\t\t\t);\n\t\t\t},\n\t\t} ) ),\n\t],\n};\n\nexport default transforms;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/list/v2/transforms.js"],"names":["createBlock","switchToBlockType","__UNSTABLE_LINE_SEPARATOR","create","split","toHTMLString","createListBlockFromDOMElement","getListContentSchema","phrasingContentSchema","listContentSchema","ul","ol","attributes","forEach","tag","children","li","transforms","from","type","isMultiBlock","blocks","transform","blockAttributes","childBlocks","length","map","content","value","html","result","anchor","multilineTag","prefix","ordered","selector","schema","args","to","block","_attributes","filter","name","innerBlocks"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock, switchToBlockType } from '@wordpress/blocks';\nimport {\n\t__UNSTABLE_LINE_SEPARATOR,\n\tcreate,\n\tsplit,\n\ttoHTMLString,\n} from '@wordpress/rich-text';\n\n/**\n * Internal dependencies\n */\nimport { createListBlockFromDOMElement } from './migrate';\n\nfunction getListContentSchema( { phrasingContentSchema } ) {\n\tconst listContentSchema = {\n\t\t...phrasingContentSchema,\n\t\tul: {},\n\t\tol: { attributes: [ 'type', 'start', 'reversed' ] },\n\t};\n\n\t// Recursion is needed.\n\t// Possible: ul > li > ul.\n\t// Impossible: ul > ul.\n\t[ 'ul', 'ol' ].forEach( ( tag ) => {\n\t\tlistContentSchema[ tag ].children = {\n\t\t\tli: {\n\t\t\t\tchildren: listContentSchema,\n\t\t\t},\n\t\t};\n\t} );\n\n\treturn listContentSchema;\n}\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tisMultiBlock: true,\n\t\t\tblocks: [ 'core/paragraph', 'core/heading' ],\n\t\t\ttransform: ( blockAttributes ) => {\n\t\t\t\tlet childBlocks = [];\n\t\t\t\tif ( blockAttributes.length > 1 ) {\n\t\t\t\t\tchildBlocks = blockAttributes.map( ( { content } ) => {\n\t\t\t\t\t\treturn createBlock( 'core/list-item', { content } );\n\t\t\t\t\t} );\n\t\t\t\t} else if ( blockAttributes.length === 1 ) {\n\t\t\t\t\tconst value = create( {\n\t\t\t\t\t\thtml: blockAttributes[ 0 ].content,\n\t\t\t\t\t} );\n\t\t\t\t\tchildBlocks = split( value, '\\n' ).map( ( result ) => {\n\t\t\t\t\t\treturn createBlock( 'core/list-item', {\n\t\t\t\t\t\t\tcontent: toHTMLString( { value: result } ),\n\t\t\t\t\t\t} );\n\t\t\t\t\t} );\n\t\t\t\t}\n\t\t\t\treturn createBlock(\n\t\t\t\t\t'core/list',\n\t\t\t\t\t{\n\t\t\t\t\t\tanchor: blockAttributes.anchor,\n\t\t\t\t\t},\n\t\t\t\t\tchildBlocks\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/quote', 'core/pullquote' ],\n\t\t\ttransform: ( { value, anchor } ) => {\n\t\t\t\treturn createBlock(\n\t\t\t\t\t'core/list',\n\t\t\t\t\t{\n\t\t\t\t\t\tanchor,\n\t\t\t\t\t},\n\t\t\t\t\tsplit(\n\t\t\t\t\t\tcreate( { html: value, multilineTag: 'p' } ),\n\t\t\t\t\t\t__UNSTABLE_LINE_SEPARATOR\n\t\t\t\t\t).map( ( result ) => {\n\t\t\t\t\t\treturn createBlock( 'core/list-item', {\n\t\t\t\t\t\t\tcontent: toHTMLString( { value: result } ),\n\t\t\t\t\t\t} );\n\t\t\t\t\t} )\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t\t...[ '*', '-' ].map( ( prefix ) => ( {\n\t\t\ttype: 'prefix',\n\t\t\tprefix,\n\t\t\ttransform( content ) {\n\t\t\t\treturn createBlock( 'core/list', {}, [\n\t\t\t\t\tcreateBlock( 'core/list-item', { content } ),\n\t\t\t\t] );\n\t\t\t},\n\t\t} ) ),\n\t\t...[ '1.', '1)' ].map( ( prefix ) => ( {\n\t\t\ttype: 'prefix',\n\t\t\tprefix,\n\t\t\ttransform( content ) {\n\t\t\t\treturn createBlock(\n\t\t\t\t\t'core/list',\n\t\t\t\t\t{\n\t\t\t\t\t\tordered: true,\n\t\t\t\t\t},\n\t\t\t\t\t[ createBlock( 'core/list-item', { content } ) ]\n\t\t\t\t);\n\t\t\t},\n\t\t} ) ),\n\t\t{\n\t\t\ttype: 'raw',\n\t\t\tselector: 'ol,ul',\n\t\t\tschema: ( args ) => ( {\n\t\t\t\tol: getListContentSchema( args ).ol,\n\t\t\t\tul: getListContentSchema( args ).ul,\n\t\t\t} ),\n\t\t\ttransform: createListBlockFromDOMElement,\n\t\t},\n\t],\n\tto: [\n\t\t...[ 'core/paragraph', 'core/heading' ].map( ( block ) => ( {\n\t\t\ttype: 'block',\n\t\t\tblocks: [ block ],\n\t\t\ttransform: ( _attributes, childBlocks ) => {\n\t\t\t\treturn childBlocks\n\t\t\t\t\t.filter( ( { name } ) => name === 'core/list-item' )\n\t\t\t\t\t.map( ( { attributes } ) =>\n\t\t\t\t\t\tcreateBlock( block, {\n\t\t\t\t\t\t\tcontent: attributes.content,\n\t\t\t\t\t\t} )\n\t\t\t\t\t);\n\t\t\t},\n\t\t} ) ),\n\t\t...[ 'core/quote', 'core/pullquote' ].map( ( block ) => ( {\n\t\t\ttype: 'block',\n\t\t\tblocks: [ block ],\n\t\t\ttransform: ( attributes, innerBlocks ) => {\n\t\t\t\treturn switchToBlockType(\n\t\t\t\t\tswitchToBlockType(\n\t\t\t\t\t\tcreateBlock( 'core/list', attributes, innerBlocks ),\n\t\t\t\t\t\t'core/paragraph'\n\t\t\t\t\t),\n\t\t\t\t\tblock\n\t\t\t\t);\n\t\t\t},\n\t\t} ) ),\n\t],\n};\n\nexport default transforms;\n"]}

package/build-module/list-item/edit.js

@@ -5,7 +5,6 @@ import { createElement, Fragment } from "@wordpress/element";
  */
 import { RichText, useBlockProps, useInnerBlocksProps, BlockControls } from '@wordpress/block-editor';
 import { isRTL, __ } from '@wordpress/i18n';
-import { createBlock } from '@wordpress/blocks';
 import { ToolbarButton } from '@wordpress/components';
 import { formatOutdent, formatOutdentRTL, formatIndentRTL, formatIndent } from '@wordpress/icons';
 import { useMergeRefs } from '@wordpress/compose';
@@ -13,7 +12,7 @@ import { useMergeRefs } from '@wordpress/compose';
  * Internal dependencies
  */
 
-import { useEnter, useIndentListItem, useOutdentListItem } from './hooks';
+import { useEnter, useBackspace, useSpace, useIndentListItem, useOutdentListItem, useSplit } from './hooks';
 
 function IndentUI(_ref) {
   let {
@@ -38,7 +37,6 @@ function IndentUI(_ref) {
 
 export default function ListItemEdit(_ref2) {
   let {
-    name,
     attributes,
     setAttributes,
     mergeBlocks,
@@ -57,8 +55,13 @@ export default function ListItemEdit(_ref2) {
     content,
     clientId
   });
+  const useBackspaceRef = useBackspace({
+    clientId
+  });
+  const useSpaceRef = useSpace(clientId);
+  const onSplit = useSplit(clientId);
   return createElement(Fragment, null, createElement("li", innerBlocksProps, createElement(RichText, {
-    ref: useMergeRefs([useEnterRef]),
+    ref: useMergeRefs([useEnterRef, useBackspaceRef, useSpaceRef]),
     identifier: "content",
     tagName: "div",
     onChange: nextContent => setAttributes({
@@ -67,11 +70,7 @@ export default function ListItemEdit(_ref2) {
     value: content,
     "aria-label": __('List text'),
     placeholder: placeholder || __('List'),
-    onSplit: value => {
-      return createBlock(name, { ...attributes,
-        content: value
-      });
-    },
+    onSplit: onSplit,
     onMerge: mergeBlocks,
     onReplace: onReplace
   }), innerBlocksProps.children), createElement(BlockControls, {

package/build-module/list-item/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/list-item/edit.js"],"names":["RichText","useBlockProps","useInnerBlocksProps","BlockControls","isRTL","__","createBlock","ToolbarButton","formatOutdent","formatOutdentRTL","formatIndentRTL","formatIndent","useMergeRefs","useEnter","useIndentListItem","useOutdentListItem","IndentUI","clientId","canIndent","indentListItem","canOutdent","outdentListItem","ListItemEdit","name","attributes","setAttributes","mergeBlocks","onReplace","placeholder","content","blockProps","innerBlocksProps","allowedBlocks","useEnterRef","nextContent","value","children"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tBlockControls,\n} from '@wordpress/block-editor';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { createBlock } from '@wordpress/blocks';\nimport { ToolbarButton } from '@wordpress/components';\nimport {\n\tformatOutdent,\n\tformatOutdentRTL,\n\tformatIndentRTL,\n\tformatIndent,\n} from '@wordpress/icons';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { useEnter, useIndentListItem, useOutdentListItem } from './hooks';\n\nfunction IndentUI( { clientId } ) {\n\tconst [ canIndent, indentListItem ] = useIndentListItem( clientId );\n\tconst [ canOutdent, outdentListItem ] = useOutdentListItem( clientId );\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatOutdentRTL : formatOutdent }\n\t\t\t\ttitle={ __( 'Outdent' ) }\n\t\t\t\tdescribedBy={ __( 'Outdent list item' ) }\n\t\t\t\tdisabled={ ! canOutdent }\n\t\t\t\tonClick={ outdentListItem }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatIndentRTL : formatIndent }\n\t\t\t\ttitle={ __( 'Indent' ) }\n\t\t\t\tdescribedBy={ __( 'Indent list item' ) }\n\t\t\t\tisDisabled={ ! canIndent }\n\t\t\t\tonClick={ indentListItem }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default function ListItemEdit( {\n\tname,\n\tattributes,\n\tsetAttributes,\n\tmergeBlocks,\n\tonReplace,\n\tclientId,\n} ) {\n\tconst { placeholder, content } = attributes;\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: [ 'core/list' ],\n\t} );\n\tconst useEnterRef = useEnter( { content, clientId } );\n\treturn (\n\t\t<>\n\t\t\t<li { ...innerBlocksProps }>\n\t\t\t\t<RichText\n\t\t\t\t\tref={ useMergeRefs( [ useEnterRef ] ) }\n\t\t\t\t\tidentifier=\"content\"\n\t\t\t\t\ttagName=\"div\"\n\t\t\t\t\tonChange={ ( nextContent ) =>\n\t\t\t\t\t\tsetAttributes( { content: nextContent } )\n\t\t\t\t\t}\n\t\t\t\t\tvalue={ content }\n\t\t\t\t\taria-label={ __( 'List text' ) }\n\t\t\t\t\tplaceholder={ placeholder || __( 'List' ) }\n\t\t\t\t\tonSplit={ ( value ) => {\n\t\t\t\t\t\treturn createBlock( name, {\n\t\t\t\t\t\t\t...attributes,\n\t\t\t\t\t\t\tcontent: value,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\t\tonReplace={ onReplace }\n\t\t\t\t/>\n\t\t\t\t{ innerBlocksProps.children }\n\t\t\t</li>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<IndentUI clientId={ clientId } />\n\t\t\t</BlockControls>\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/list-item/edit.js"],"names":["RichText","useBlockProps","useInnerBlocksProps","BlockControls","isRTL","__","ToolbarButton","formatOutdent","formatOutdentRTL","formatIndentRTL","formatIndent","useMergeRefs","useEnter","useBackspace","useSpace","useIndentListItem","useOutdentListItem","useSplit","IndentUI","clientId","canIndent","indentListItem","canOutdent","outdentListItem","ListItemEdit","attributes","setAttributes","mergeBlocks","onReplace","placeholder","content","blockProps","innerBlocksProps","allowedBlocks","useEnterRef","useBackspaceRef","useSpaceRef","onSplit","nextContent","children"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tBlockControls,\n} from '@wordpress/block-editor';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport { ToolbarButton } from '@wordpress/components';\nimport {\n\tformatOutdent,\n\tformatOutdentRTL,\n\tformatIndentRTL,\n\tformatIndent,\n} from '@wordpress/icons';\nimport { useMergeRefs } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseEnter,\n\tuseBackspace,\n\tuseSpace,\n\tuseIndentListItem,\n\tuseOutdentListItem,\n\tuseSplit,\n} from './hooks';\n\nfunction IndentUI( { clientId } ) {\n\tconst [ canIndent, indentListItem ] = useIndentListItem( clientId );\n\tconst [ canOutdent, outdentListItem ] = useOutdentListItem( clientId );\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatOutdentRTL : formatOutdent }\n\t\t\t\ttitle={ __( 'Outdent' ) }\n\t\t\t\tdescribedBy={ __( 'Outdent list item' ) }\n\t\t\t\tdisabled={ ! canOutdent }\n\t\t\t\tonClick={ outdentListItem }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatIndentRTL : formatIndent }\n\t\t\t\ttitle={ __( 'Indent' ) }\n\t\t\t\tdescribedBy={ __( 'Indent list item' ) }\n\t\t\t\tisDisabled={ ! canIndent }\n\t\t\t\tonClick={ indentListItem }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nexport default function ListItemEdit( {\n\tattributes,\n\tsetAttributes,\n\tmergeBlocks,\n\tonReplace,\n\tclientId,\n} ) {\n\tconst { placeholder, content } = attributes;\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: [ 'core/list' ],\n\t} );\n\tconst useEnterRef = useEnter( { content, clientId } );\n\tconst useBackspaceRef = useBackspace( { clientId } );\n\tconst useSpaceRef = useSpace( clientId );\n\tconst onSplit = useSplit( clientId );\n\treturn (\n\t\t<>\n\t\t\t<li { ...innerBlocksProps }>\n\t\t\t\t<RichText\n\t\t\t\t\tref={ useMergeRefs( [\n\t\t\t\t\t\tuseEnterRef,\n\t\t\t\t\t\tuseBackspaceRef,\n\t\t\t\t\t\tuseSpaceRef,\n\t\t\t\t\t] ) }\n\t\t\t\t\tidentifier=\"content\"\n\t\t\t\t\ttagName=\"div\"\n\t\t\t\t\tonChange={ ( nextContent ) =>\n\t\t\t\t\t\tsetAttributes( { content: nextContent } )\n\t\t\t\t\t}\n\t\t\t\t\tvalue={ content }\n\t\t\t\t\taria-label={ __( 'List text' ) }\n\t\t\t\t\tplaceholder={ placeholder || __( 'List' ) }\n\t\t\t\t\tonSplit={ onSplit }\n\t\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\t\tonReplace={ onReplace }\n\t\t\t\t/>\n\t\t\t\t{ innerBlocksProps.children }\n\t\t\t</li>\n\t\t\t<BlockControls group=\"block\">\n\t\t\t\t<IndentUI clientId={ clientId } />\n\t\t\t</BlockControls>\n\t\t</>\n\t);\n}\n"]}

package/build-module/list-item/hooks/index.js

@@ -1,4 +1,7 @@
 export { default as useOutdentListItem } from './use-outdent-list-item';
 export { default as useIndentListItem } from './use-indent-list-item';
 export { default as useEnter } from './use-enter';
+export { default as useBackspace } from './use-backspace';
+export { default as useSpace } from './use-space';
+export { default as useSplit } from './use-split';
 //# sourceMappingURL=index.js.map

package/build-module/list-item/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/index.js"],"names":["default","useOutdentListItem","useIndentListItem","useEnter"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,yBAA9C;AACA,SAASD,OAAO,IAAIE,iBAApB,QAA6C,wBAA7C;AACA,SAASF,OAAO,IAAIG,QAApB,QAAoC,aAApC","sourcesContent":["export { default as useOutdentListItem } from './use-outdent-list-item';\nexport { default as useIndentListItem } from './use-indent-list-item';\nexport { default as useEnter } from './use-enter';\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/index.js"],"names":["default","useOutdentListItem","useIndentListItem","useEnter","useBackspace","useSpace","useSplit"],"mappings":"AAAA,SAASA,OAAO,IAAIC,kBAApB,QAA8C,yBAA9C;AACA,SAASD,OAAO,IAAIE,iBAApB,QAA6C,wBAA7C;AACA,SAASF,OAAO,IAAIG,QAApB,QAAoC,aAApC;AACA,SAASH,OAAO,IAAII,YAApB,QAAwC,iBAAxC;AACA,SAASJ,OAAO,IAAIK,QAApB,QAAoC,aAApC;AACA,SAASL,OAAO,IAAIM,QAApB,QAAoC,aAApC","sourcesContent":["export { default as useOutdentListItem } from './use-outdent-list-item';\nexport { default as useIndentListItem } from './use-indent-list-item';\nexport { default as useEnter } from './use-enter';\nexport { default as useBackspace } from './use-backspace';\nexport { default as useSpace } from './use-space';\nexport { default as useSplit } from './use-split';\n"]}

package/build-module/list-item/hooks/use-backspace.js

@@ -0,0 +1,44 @@
+/**
+ * WordPress dependencies
+ */
+import { useRef } from '@wordpress/element';
+import { useRefEffect } from '@wordpress/compose';
+import { BACKSPACE } from '@wordpress/keycodes';
+import { useSelect } from '@wordpress/data';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+/**
+ * Internal dependencies
+ */
+
+import useOutdentListItem from './use-outdent-list-item';
+export default function useBackspace(props) {
+  const {
+    getSelectionStart,
+    getSelectionEnd
+  } = useSelect(blockEditorStore);
+  const propsRef = useRef(props);
+  propsRef.current = props;
+  const [canOutdent, outdentListItem] = useOutdentListItem(propsRef.current.clientId);
+  return useRefEffect(element => {
+    function onKeyDown(event) {
+      if (event.defaultPrevented || event.keyCode !== BACKSPACE) {
+        return;
+      } // Handle only if we have a collapsed selection at the
+      // start of a list item and we can outdent.
+
+
+      if (!canOutdent || [getSelectionStart().offset, getSelectionEnd().offset].some(offset => offset !== 0)) {
+        return;
+      }
+
+      event.preventDefault();
+      outdentListItem();
+    }
+
+    element.addEventListener('keydown', onKeyDown);
+    return () => {
+      element.removeEventListener('keydown', onKeyDown);
+    };
+  }, [canOutdent]);
+}
+//# sourceMappingURL=use-backspace.js.map

package/build-module/list-item/hooks/use-backspace.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-backspace.js"],"names":["useRef","useRefEffect","BACKSPACE","useSelect","store","blockEditorStore","useOutdentListItem","useBackspace","props","getSelectionStart","getSelectionEnd","propsRef","current","canOutdent","outdentListItem","clientId","element","onKeyDown","event","defaultPrevented","keyCode","offset","some","preventDefault","addEventListener","removeEventListener"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAT,QAAuB,oBAAvB;AACA,SAASC,YAAT,QAA6B,oBAA7B;AACA,SAASC,SAAT,QAA0B,qBAA1B;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AAEA;AACA;AACA;;AACA,OAAOC,kBAAP,MAA+B,yBAA/B;AAEA,eAAe,SAASC,YAAT,CAAuBC,KAAvB,EAA+B;AAC7C,QAAM;AAAEC,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAAyCP,SAAS,CACvDE,gBADuD,CAAxD;AAGA,QAAMM,QAAQ,GAAGX,MAAM,CAAEQ,KAAF,CAAvB;AACAG,EAAAA,QAAQ,CAACC,OAAT,GAAmBJ,KAAnB;AACA,QAAM,CAAEK,UAAF,EAAcC,eAAd,IAAkCR,kBAAkB,CACzDK,QAAQ,CAACC,OAAT,CAAiBG,QADwC,CAA1D;AAGA,SAAOd,YAAY,CAChBe,OAAF,IAAe;AACd,aAASC,SAAT,CAAoBC,KAApB,EAA4B;AAC3B,UAAKA,KAAK,CAACC,gBAAN,IAA0BD,KAAK,CAACE,OAAN,KAAkBlB,SAAjD,EAA6D;AAC5D;AACA,OAH0B,CAI3B;AACA;;;AACA,UACC,CAAEW,UAAF,IACA,CACCJ,iBAAiB,GAAGY,MADrB,EAECX,eAAe,GAAGW,MAFnB,EAGEC,IAHF,CAGUD,MAAF,IAAcA,MAAM,KAAK,CAHjC,CAFD,EAME;AACD;AACA;;AACDH,MAAAA,KAAK,CAACK,cAAN;AACAT,MAAAA,eAAe;AACf;;AAEDE,IAAAA,OAAO,CAACQ,gBAAR,CAA0B,SAA1B,EAAqCP,SAArC;AACA,WAAO,MAAM;AACZD,MAAAA,OAAO,CAACS,mBAAR,CAA6B,SAA7B,EAAwCR,SAAxC;AACA,KAFD;AAGA,GAzBiB,EA0BlB,CAAEJ,UAAF,CA1BkB,CAAnB;AA4BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\nimport { BACKSPACE } from '@wordpress/keycodes';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport useOutdentListItem from './use-outdent-list-item';\n\nexport default function useBackspace( props ) {\n\tconst { getSelectionStart, getSelectionEnd } = useSelect(\n\t\tblockEditorStore\n\t);\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\tconst [ canOutdent, outdentListItem ] = useOutdentListItem(\n\t\tpropsRef.current.clientId\n\t);\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\tif ( event.defaultPrevented || event.keyCode !== BACKSPACE ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t// Handle only if we have a collapsed selection at the\n\t\t\t\t// start of a list item and we can outdent.\n\t\t\t\tif (\n\t\t\t\t\t! canOutdent ||\n\t\t\t\t\t[\n\t\t\t\t\t\tgetSelectionStart().offset,\n\t\t\t\t\t\tgetSelectionEnd().offset,\n\t\t\t\t\t].some( ( offset ) => offset !== 0 )\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tevent.preventDefault();\n\t\t\t\toutdentListItem();\n\t\t\t}\n\n\t\t\telement.addEventListener( 'keydown', onKeyDown );\n\t\t\treturn () => {\n\t\t\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t\t\t};\n\t\t},\n\t\t[ canOutdent ]\n\t);\n}\n"]}

package/build-module/list-item/hooks/use-enter.js

@@ -11,7 +11,7 @@ import { store as blockEditorStore } from '@wordpress/block-editor';
  * Internal dependencies
  */
 
-import useIndentListItem from './use-indent-list-item';
+import useOutdentListItem from './use-outdent-list-item';
 export default function useEnter(props) {
   const {
     replaceBlocks
@@ -19,12 +19,11 @@ export default function useEnter(props) {
   const {
     getBlock,
     getBlockRootClientId,
-    getBlockParents,
     getBlockIndex
   } = useSelect(blockEditorStore);
   const propsRef = useRef(props);
   propsRef.current = props;
-  const [canIndent, indentListItem] = useIndentListItem(propsRef.current.clientId);
+  const [canOutdent, outdentListItem] = useOutdentListItem(propsRef.current.clientId);
   return useRefEffect(element => {
     function onKeyDown(event) {
       var _topParentListBlock$i;
@@ -44,16 +43,14 @@ export default function useEnter(props) {
 
       event.preventDefault();
 
-      if (canIndent) {
-        indentListItem();
+      if (canOutdent) {
+        outdentListItem();
         return;
       } // Here we are in top level list so we need to split.
 
 
       const blockRootClientId = getBlockRootClientId(clientId);
-      const blockParents = getBlockParents(clientId);
-      const topParentListBlockClientId = blockParents[0];
-      const topParentListBlock = getBlock(topParentListBlockClientId);
+      const topParentListBlock = getBlock(blockRootClientId);
       const blockIndex = getBlockIndex(clientId);
       const head = cloneBlock({ ...topParentListBlock,
         innerBlocks: topParentListBlock.innerBlocks.slice(0, blockIndex)
@@ -72,6 +69,6 @@ export default function useEnter(props) {
     return () => {
       element.removeEventListener('keydown', onKeyDown);
     };
-  }, [canIndent]);
+  }, [canOutdent]);
 }
 //# sourceMappingURL=use-enter.js.map

package/build-module/list-item/hooks/use-enter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-enter.js"],"names":["createBlock","getDefaultBlockName","cloneBlock","useRef","useRefEffect","ENTER","useSelect","useDispatch","store","blockEditorStore","useIndentListItem","useEnter","props","replaceBlocks","getBlock","getBlockRootClientId","getBlockParents","getBlockIndex","propsRef","current","canIndent","indentListItem","clientId","element","onKeyDown","event","defaultPrevented","keyCode","content","length","preventDefault","blockRootClientId","blockParents","topParentListBlockClientId","topParentListBlock","blockIndex","head","innerBlocks","slice","middle","after","tail","addEventListener","removeEventListener"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tcreateBlock,\n\tgetDefaultBlockName,\n\tcloneBlock,\n} from '@wordpress/blocks';\nimport { useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\nimport { ENTER } from '@wordpress/keycodes';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport useIndentListItem from './use-indent-list-item';\n\nexport default function useEnter( props ) {\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst {\n\t\tgetBlock,\n\t\tgetBlockRootClientId,\n\t\tgetBlockParents,\n\t\tgetBlockIndex,\n\t} = useSelect( blockEditorStore );\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\tconst [ canIndent, indentListItem ] = useIndentListItem(\n\t\tpropsRef.current.clientId\n\t);\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\tif ( event.defaultPrevented || event.keyCode !== ENTER ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst { content, clientId } = propsRef.current;\n\t\t\t\tif ( content.length ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif ( canIndent ) {\n\t\t\t\t\tindentListItem();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t// Here we are in top level list so we need to split.\n\t\t\t\tconst blockRootClientId = getBlockRootClientId( clientId );\n\t\t\t\tconst blockParents = getBlockParents( clientId );\n\t\t\t\tconst topParentListBlockClientId = blockParents[ 0 ];\n\t\t\t\tconst topParentListBlock = getBlock(\n\t\t\t\t\ttopParentListBlockClientId\n\t\t\t\t);\n\t\t\t\tconst blockIndex = getBlockIndex( clientId );\n\t\t\t\tconst head = cloneBlock( {\n\t\t\t\t\t...topParentListBlock,\n\t\t\t\t\tinnerBlocks: topParentListBlock.innerBlocks.slice(\n\t\t\t\t\t\t0,\n\t\t\t\t\t\tblockIndex\n\t\t\t\t\t),\n\t\t\t\t} );\n\t\t\t\tconst middle = createBlock( getDefaultBlockName() );\n\t\t\t\t// Last list item might contain a `list` block innerBlock\n\t\t\t\t// In that case append remaining innerBlocks blocks.\n\t\t\t\tconst after = [\n\t\t\t\t\t...( topParentListBlock.innerBlocks[ blockIndex ]\n\t\t\t\t\t\t.innerBlocks[ 0 ]?.innerBlocks || [] ),\n\t\t\t\t\t...topParentListBlock.innerBlocks.slice( blockIndex + 1 ),\n\t\t\t\t];\n\t\t\t\tconst tail = after.length\n\t\t\t\t\t? [\n\t\t\t\t\t\t\tcloneBlock( {\n\t\t\t\t\t\t\t\t...topParentListBlock,\n\t\t\t\t\t\t\t\tinnerBlocks: after,\n\t\t\t\t\t\t\t} ),\n\t\t\t\t\t  ]\n\t\t\t\t\t: [];\n\t\t\t\treplaceBlocks(\n\t\t\t\t\tblockRootClientId,\n\t\t\t\t\t[ head, middle, ...tail ],\n\t\t\t\t\t1,\n\t\t\t\t\t0\n\t\t\t\t);\n\t\t\t}\n\n\t\t\telement.addEventListener( 'keydown', onKeyDown );\n\t\t\treturn () => {\n\t\t\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t\t\t};\n\t\t},\n\t\t[ canIndent ]\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-enter.js"],"names":["createBlock","getDefaultBlockName","cloneBlock","useRef","useRefEffect","ENTER","useSelect","useDispatch","store","blockEditorStore","useOutdentListItem","useEnter","props","replaceBlocks","getBlock","getBlockRootClientId","getBlockIndex","propsRef","current","canOutdent","outdentListItem","clientId","element","onKeyDown","event","defaultPrevented","keyCode","content","length","preventDefault","blockRootClientId","topParentListBlock","blockIndex","head","innerBlocks","slice","middle","after","tail","addEventListener","removeEventListener"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tcreateBlock,\n\tgetDefaultBlockName,\n\tcloneBlock,\n} from '@wordpress/blocks';\nimport { useRef } from '@wordpress/element';\nimport { useRefEffect } from '@wordpress/compose';\nimport { ENTER } from '@wordpress/keycodes';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport useOutdentListItem from './use-outdent-list-item';\n\nexport default function useEnter( props ) {\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\tconst { getBlock, getBlockRootClientId, getBlockIndex } = useSelect(\n\t\tblockEditorStore\n\t);\n\tconst propsRef = useRef( props );\n\tpropsRef.current = props;\n\tconst [ canOutdent, outdentListItem ] = useOutdentListItem(\n\t\tpropsRef.current.clientId\n\t);\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\tif ( event.defaultPrevented || event.keyCode !== ENTER ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst { content, clientId } = propsRef.current;\n\t\t\t\tif ( content.length ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tevent.preventDefault();\n\t\t\t\tif ( canOutdent ) {\n\t\t\t\t\toutdentListItem();\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t// Here we are in top level list so we need to split.\n\t\t\t\tconst blockRootClientId = getBlockRootClientId( clientId );\n\t\t\t\tconst topParentListBlock = getBlock( blockRootClientId );\n\t\t\t\tconst blockIndex = getBlockIndex( clientId );\n\t\t\t\tconst head = cloneBlock( {\n\t\t\t\t\t...topParentListBlock,\n\t\t\t\t\tinnerBlocks: topParentListBlock.innerBlocks.slice(\n\t\t\t\t\t\t0,\n\t\t\t\t\t\tblockIndex\n\t\t\t\t\t),\n\t\t\t\t} );\n\t\t\t\tconst middle = createBlock( getDefaultBlockName() );\n\t\t\t\t// Last list item might contain a `list` block innerBlock\n\t\t\t\t// In that case append remaining innerBlocks blocks.\n\t\t\t\tconst after = [\n\t\t\t\t\t...( topParentListBlock.innerBlocks[ blockIndex ]\n\t\t\t\t\t\t.innerBlocks[ 0 ]?.innerBlocks || [] ),\n\t\t\t\t\t...topParentListBlock.innerBlocks.slice( blockIndex + 1 ),\n\t\t\t\t];\n\t\t\t\tconst tail = after.length\n\t\t\t\t\t? [\n\t\t\t\t\t\t\tcloneBlock( {\n\t\t\t\t\t\t\t\t...topParentListBlock,\n\t\t\t\t\t\t\t\tinnerBlocks: after,\n\t\t\t\t\t\t\t} ),\n\t\t\t\t\t  ]\n\t\t\t\t\t: [];\n\t\t\t\treplaceBlocks(\n\t\t\t\t\tblockRootClientId,\n\t\t\t\t\t[ head, middle, ...tail ],\n\t\t\t\t\t1,\n\t\t\t\t\t0\n\t\t\t\t);\n\t\t\t}\n\n\t\t\telement.addEventListener( 'keydown', onKeyDown );\n\t\t\treturn () => {\n\t\t\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t\t\t};\n\t\t},\n\t\t[ canOutdent ]\n\t);\n}\n"]}

package/build-module/list-item/hooks/use-indent-list-item.js

@@ -1,62 +1,57 @@
-/**
- * External dependencies
- */
-import { first } from 'lodash';
 /**
  * WordPress dependencies
  */
-
 import { useCallback } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { store as blockEditorStore } from '@wordpress/block-editor';
-/**
- * Internal dependencies
- */
-
-import { createListItem } from '../utils';
+import { createBlock, cloneBlock } from '@wordpress/blocks';
 export default function useIndentListItem(clientId) {
-  const {
-    canIndent
-  } = useSelect(innerSelect => {
-    const {
-      getBlockIndex
-    } = innerSelect(blockEditorStore);
-    return {
-      canIndent: getBlockIndex(clientId) > 0
-    };
-  }, [clientId]);
+  const canIndent = useSelect(select => select(blockEditorStore).getBlockIndex(clientId) > 0, [clientId]);
   const {
     replaceBlocks,
-    selectionChange
+    selectionChange,
+    multiSelect
   } = useDispatch(blockEditorStore);
   const {
-    getBlockRootClientId,
     getBlock,
-    getBlockOrder,
+    getPreviousBlockClientId,
     getSelectionStart,
     getSelectionEnd,
-    getBlockIndex
+    hasMultiSelection,
+    getMultiSelectedBlockClientIds
   } = useSelect(blockEditorStore);
   return [canIndent, useCallback(() => {
-    var _first, _first2, _first3, _first4;
+    var _newListItem$innerBlo;
+
+    const _hasMultiSelection = hasMultiSelection();
+
+    const clientIds = _hasMultiSelection ? getMultiSelectedBlockClientIds() : [clientId];
+    const clonedBlocks = clientIds.map(_clientId => cloneBlock(getBlock(_clientId)));
+    const previousSiblingId = getPreviousBlockClientId(clientId);
+    const newListItem = cloneBlock(getBlock(previousSiblingId)); // If the sibling has no innerBlocks, create a new `list` block.
+
+    if (!((_newListItem$innerBlo = newListItem.innerBlocks) !== null && _newListItem$innerBlo !== void 0 && _newListItem$innerBlo.length)) {
+      newListItem.innerBlocks = [createBlock('core/list')];
+    } // A list item usually has one `list`, but it's possible to have
+    // more. So we need to preserve the previous `list` blocks and
+    // merge the new blocks to the last `list`.
+
+
+    newListItem.innerBlocks[newListItem.innerBlocks.length - 1].innerBlocks.push(...clonedBlocks); // We get the selection start/end here, because when
+    // we replace blocks, the selection is updated too.
 
     const selectionStart = getSelectionStart();
-    const selectionEnd = getSelectionEnd();
-    const parentId = getBlockRootClientId(clientId);
-    const previousSiblingId = getBlockOrder(parentId)[getBlockIndex(clientId) - 1];
-    const previousSibling = getBlock(previousSiblingId);
-    const previousSiblingChildren = ((_first = first(previousSibling.innerBlocks)) === null || _first === void 0 ? void 0 : _first.innerBlocks) || [];
-    const previousSiblingListAttributes = ((_first2 = first(previousSibling.innerBlocks)) === null || _first2 === void 0 ? void 0 : _first2.attributes) || {};
-    const block = getBlock(clientId);
-    const childListAttributes = (_first3 = first(block.innerBlocks)) === null || _first3 === void 0 ? void 0 : _first3.attributes;
-    const childItemBlocks = ((_first4 = first(block.innerBlocks)) === null || _first4 === void 0 ? void 0 : _first4.innerBlocks) || [];
-    const newBlock = createListItem(block.attributes, childListAttributes, childItemBlocks); // Replace the previous sibling of the block being indented and the indented block,
+    const selectionEnd = getSelectionEnd(); // Replace the previous sibling of the block being indented and the indented blocks,
     // with a new block whose attributes are equal to the ones of the previous sibling and
-    // whose descendants are the children of the previous sibling, followed by the indented block.
+    // whose descendants are the children of the previous sibling, followed by the indented blocks.
 
-    replaceBlocks([previousSiblingId, clientId], [createListItem(previousSibling.attributes, previousSiblingListAttributes, [...previousSiblingChildren, newBlock])]); // Restore the selection state.
+    replaceBlocks([previousSiblingId, ...clientIds], [newListItem]);
 
-    selectionChange(newBlock.clientId, selectionEnd.attributeKey, selectionEnd.clientId === selectionStart.clientId ? selectionStart.offset : selectionEnd.offset, selectionEnd.offset);
+    if (!_hasMultiSelection) {
+      selectionChange(clonedBlocks[0].clientId, selectionEnd.attributeKey, selectionEnd.clientId === selectionStart.clientId ? selectionStart.offset : selectionEnd.offset, selectionEnd.offset);
+    } else {
+      multiSelect(clonedBlocks[0].clientId, clonedBlocks[clonedBlocks.length - 1].clientId);
+    }
   }, [clientId])];
 }
 //# sourceMappingURL=use-indent-list-item.js.map

package/build-module/list-item/hooks/use-indent-list-item.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-indent-list-item.js"],"names":["first","useCallback","useSelect","useDispatch","store","blockEditorStore","createListItem","useIndentListItem","clientId","canIndent","innerSelect","getBlockIndex","replaceBlocks","selectionChange","getBlockRootClientId","getBlock","getBlockOrder","getSelectionStart","getSelectionEnd","selectionStart","selectionEnd","parentId","previousSiblingId","previousSibling","previousSiblingChildren","innerBlocks","previousSiblingListAttributes","attributes","block","childListAttributes","childItemBlocks","newBlock","attributeKey","offset"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,KAAT,QAAsB,QAAtB;AAEA;AACA;AACA;;AACA,SAASC,WAAT,QAA4B,oBAA5B;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AAEA;AACA;AACA;;AACA,SAASC,cAAT,QAA+B,UAA/B;AAEA,eAAe,SAASC,iBAAT,CAA4BC,QAA5B,EAAuC;AACrD,QAAM;AAAEC,IAAAA;AAAF,MAAgBP,SAAS,CAC5BQ,WAAF,IAAmB;AAClB,UAAM;AAAEC,MAAAA;AAAF,QAAoBD,WAAW,CAAEL,gBAAF,CAArC;AACA,WAAO;AACNI,MAAAA,SAAS,EAAEE,aAAa,CAAEH,QAAF,CAAb,GAA4B;AADjC,KAAP;AAGA,GAN6B,EAO9B,CAAEA,QAAF,CAP8B,CAA/B;AASA,QAAM;AAAEI,IAAAA,aAAF;AAAiBC,IAAAA;AAAjB,MAAqCV,WAAW,CAAEE,gBAAF,CAAtD;AACA,QAAM;AACLS,IAAAA,oBADK;AAELC,IAAAA,QAFK;AAGLC,IAAAA,aAHK;AAILC,IAAAA,iBAJK;AAKLC,IAAAA,eALK;AAMLP,IAAAA;AANK,MAOFT,SAAS,CAAEG,gBAAF,CAPb;AASA,SAAO,CACNI,SADM,EAENR,WAAW,CAAE,MAAM;AAAA;;AAClB,UAAMkB,cAAc,GAAGF,iBAAiB,EAAxC;AACA,UAAMG,YAAY,GAAGF,eAAe,EAApC;AAEA,UAAMG,QAAQ,GAAGP,oBAAoB,CAAEN,QAAF,CAArC;AACA,UAAMc,iBAAiB,GAAGN,aAAa,CAAEK,QAAF,CAAb,CACzBV,aAAa,CAAEH,QAAF,CAAb,GAA4B,CADH,CAA1B;AAGA,UAAMe,eAAe,GAAGR,QAAQ,CAAEO,iBAAF,CAAhC;AACA,UAAME,uBAAuB,GAC5B,WAAAxB,KAAK,CAAEuB,eAAe,CAACE,WAAlB,CAAL,kDAAsCA,WAAtC,KAAqD,EADtD;AAEA,UAAMC,6BAA6B,GAClC,YAAA1B,KAAK,CAAEuB,eAAe,CAACE,WAAlB,CAAL,oDAAsCE,UAAtC,KAAoD,EADrD;AAEA,UAAMC,KAAK,GAAGb,QAAQ,CAAEP,QAAF,CAAtB;AAEA,UAAMqB,mBAAmB,cAAG7B,KAAK,CAAE4B,KAAK,CAACH,WAAR,CAAR,4CAAG,QAA4BE,UAAxD;AACA,UAAMG,eAAe,GACpB,YAAA9B,KAAK,CAAE4B,KAAK,CAACH,WAAR,CAAL,oDAA4BA,WAA5B,KAA2C,EAD5C;AAGA,UAAMM,QAAQ,GAAGzB,cAAc,CAC9BsB,KAAK,CAACD,UADwB,EAE9BE,mBAF8B,EAG9BC,eAH8B,CAA/B,CAnBkB,CAwBlB;AACA;AACA;;AACAlB,IAAAA,aAAa,CACZ,CAAEU,iBAAF,EAAqBd,QAArB,CADY,EAEZ,CACCF,cAAc,CACbiB,eAAe,CAACI,UADH,EAEbD,6BAFa,EAGb,CAAE,GAAGF,uBAAL,EAA8BO,QAA9B,CAHa,CADf,CAFY,CAAb,CA3BkB,CAsClB;;AACAlB,IAAAA,eAAe,CACdkB,QAAQ,CAACvB,QADK,EAEdY,YAAY,CAACY,YAFC,EAGdZ,YAAY,CAACZ,QAAb,KAA0BW,cAAc,CAACX,QAAzC,GACGW,cAAc,CAACc,MADlB,GAEGb,YAAY,CAACa,MALF,EAMdb,YAAY,CAACa,MANC,CAAf;AAQA,GA/CU,EA+CR,CAAEzB,QAAF,CA/CQ,CAFL,CAAP;AAmDA","sourcesContent":["/**\n * External dependencies\n */\nimport { first } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { createListItem } from '../utils';\n\nexport default function useIndentListItem( clientId ) {\n\tconst { canIndent } = useSelect(\n\t\t( innerSelect ) => {\n\t\t\tconst { getBlockIndex } = innerSelect( blockEditorStore );\n\t\t\treturn {\n\t\t\t\tcanIndent: getBlockIndex( clientId ) > 0,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlocks, selectionChange } = useDispatch( blockEditorStore );\n\tconst {\n\t\tgetBlockRootClientId,\n\t\tgetBlock,\n\t\tgetBlockOrder,\n\t\tgetSelectionStart,\n\t\tgetSelectionEnd,\n\t\tgetBlockIndex,\n\t} = useSelect( blockEditorStore );\n\n\treturn [\n\t\tcanIndent,\n\t\tuseCallback( () => {\n\t\t\tconst selectionStart = getSelectionStart();\n\t\t\tconst selectionEnd = getSelectionEnd();\n\n\t\t\tconst parentId = getBlockRootClientId( clientId );\n\t\t\tconst previousSiblingId = getBlockOrder( parentId )[\n\t\t\t\tgetBlockIndex( clientId ) - 1\n\t\t\t];\n\t\t\tconst previousSibling = getBlock( previousSiblingId );\n\t\t\tconst previousSiblingChildren =\n\t\t\t\tfirst( previousSibling.innerBlocks )?.innerBlocks || [];\n\t\t\tconst previousSiblingListAttributes =\n\t\t\t\tfirst( previousSibling.innerBlocks )?.attributes || {};\n\t\t\tconst block = getBlock( clientId );\n\n\t\t\tconst childListAttributes = first( block.innerBlocks )?.attributes;\n\t\t\tconst childItemBlocks =\n\t\t\t\tfirst( block.innerBlocks )?.innerBlocks || [];\n\n\t\t\tconst newBlock = createListItem(\n\t\t\t\tblock.attributes,\n\t\t\t\tchildListAttributes,\n\t\t\t\tchildItemBlocks\n\t\t\t);\n\t\t\t// Replace the previous sibling of the block being indented and the indented block,\n\t\t\t// with a new block whose attributes are equal to the ones of the previous sibling and\n\t\t\t// whose descendants are the children of the previous sibling, followed by the indented block.\n\t\t\treplaceBlocks(\n\t\t\t\t[ previousSiblingId, clientId ],\n\t\t\t\t[\n\t\t\t\t\tcreateListItem(\n\t\t\t\t\t\tpreviousSibling.attributes,\n\t\t\t\t\t\tpreviousSiblingListAttributes,\n\t\t\t\t\t\t[ ...previousSiblingChildren, newBlock ]\n\t\t\t\t\t),\n\t\t\t\t]\n\t\t\t);\n\n\t\t\t// Restore the selection state.\n\t\t\tselectionChange(\n\t\t\t\tnewBlock.clientId,\n\t\t\t\tselectionEnd.attributeKey,\n\t\t\t\tselectionEnd.clientId === selectionStart.clientId\n\t\t\t\t\t? selectionStart.offset\n\t\t\t\t\t: selectionEnd.offset,\n\t\t\t\tselectionEnd.offset\n\t\t\t);\n\t\t}, [ clientId ] ),\n\t];\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-indent-list-item.js"],"names":["useCallback","useSelect","useDispatch","store","blockEditorStore","createBlock","cloneBlock","useIndentListItem","clientId","canIndent","select","getBlockIndex","replaceBlocks","selectionChange","multiSelect","getBlock","getPreviousBlockClientId","getSelectionStart","getSelectionEnd","hasMultiSelection","getMultiSelectedBlockClientIds","_hasMultiSelection","clientIds","clonedBlocks","map","_clientId","previousSiblingId","newListItem","innerBlocks","length","push","selectionStart","selectionEnd","attributeKey","offset"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,oBAA5B;AACA,SAASC,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AACA,SAASC,WAAT,EAAsBC,UAAtB,QAAwC,mBAAxC;AAEA,eAAe,SAASC,iBAAT,CAA4BC,QAA5B,EAAuC;AACrD,QAAMC,SAAS,GAAGR,SAAS,CACxBS,MAAF,IAAcA,MAAM,CAAEN,gBAAF,CAAN,CAA2BO,aAA3B,CAA0CH,QAA1C,IAAuD,CAD3C,EAE1B,CAAEA,QAAF,CAF0B,CAA3B;AAIA,QAAM;AAAEI,IAAAA,aAAF;AAAiBC,IAAAA,eAAjB;AAAkCC,IAAAA;AAAlC,MAAkDZ,WAAW,CAClEE,gBADkE,CAAnE;AAGA,QAAM;AACLW,IAAAA,QADK;AAELC,IAAAA,wBAFK;AAGLC,IAAAA,iBAHK;AAILC,IAAAA,eAJK;AAKLC,IAAAA,iBALK;AAMLC,IAAAA;AANK,MAOFnB,SAAS,CAAEG,gBAAF,CAPb;AAQA,SAAO,CACNK,SADM,EAENT,WAAW,CAAE,MAAM;AAAA;;AAClB,UAAMqB,kBAAkB,GAAGF,iBAAiB,EAA5C;;AACA,UAAMG,SAAS,GAAGD,kBAAkB,GACjCD,8BAA8B,EADG,GAEjC,CAAEZ,QAAF,CAFH;AAGA,UAAMe,YAAY,GAAGD,SAAS,CAACE,GAAV,CAAiBC,SAAF,IACnCnB,UAAU,CAAES,QAAQ,CAAEU,SAAF,CAAV,CADU,CAArB;AAGA,UAAMC,iBAAiB,GAAGV,wBAAwB,CAAER,QAAF,CAAlD;AACA,UAAMmB,WAAW,GAAGrB,UAAU,CAAES,QAAQ,CAAEW,iBAAF,CAAV,CAA9B,CATkB,CAUlB;;AACA,QAAK,2BAAEC,WAAW,CAACC,WAAd,kDAAE,sBAAyBC,MAA3B,CAAL,EAAyC;AACxCF,MAAAA,WAAW,CAACC,WAAZ,GAA0B,CAAEvB,WAAW,CAAE,WAAF,CAAb,CAA1B;AACA,KAbiB,CAclB;AACA;AACA;;;AACAsB,IAAAA,WAAW,CAACC,WAAZ,CACCD,WAAW,CAACC,WAAZ,CAAwBC,MAAxB,GAAiC,CADlC,EAEED,WAFF,CAEcE,IAFd,CAEoB,GAAGP,YAFvB,EAjBkB,CAqBlB;AACA;;AACA,UAAMQ,cAAc,GAAGd,iBAAiB,EAAxC;AACA,UAAMe,YAAY,GAAGd,eAAe,EAApC,CAxBkB,CAyBlB;AACA;AACA;;AACAN,IAAAA,aAAa,CACZ,CAAEc,iBAAF,EAAqB,GAAGJ,SAAxB,CADY,EAEZ,CAAEK,WAAF,CAFY,CAAb;;AAIA,QAAK,CAAEN,kBAAP,EAA4B;AAC3BR,MAAAA,eAAe,CACdU,YAAY,CAAE,CAAF,CAAZ,CAAkBf,QADJ,EAEdwB,YAAY,CAACC,YAFC,EAGdD,YAAY,CAACxB,QAAb,KAA0BuB,cAAc,CAACvB,QAAzC,GACGuB,cAAc,CAACG,MADlB,GAEGF,YAAY,CAACE,MALF,EAMdF,YAAY,CAACE,MANC,CAAf;AAQA,KATD,MASO;AACNpB,MAAAA,WAAW,CACVS,YAAY,CAAE,CAAF,CAAZ,CAAkBf,QADR,EAEVe,YAAY,CAAEA,YAAY,CAACM,MAAb,GAAsB,CAAxB,CAAZ,CAAwCrB,QAF9B,CAAX;AAIA;AACD,GA/CU,EA+CR,CAAEA,QAAF,CA/CQ,CAFL,CAAP;AAmDA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { createBlock, cloneBlock } from '@wordpress/blocks';\n\nexport default function useIndentListItem( clientId ) {\n\tconst canIndent = useSelect(\n\t\t( select ) => select( blockEditorStore ).getBlockIndex( clientId ) > 0,\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlocks, selectionChange, multiSelect } = useDispatch(\n\t\tblockEditorStore\n\t);\n\tconst {\n\t\tgetBlock,\n\t\tgetPreviousBlockClientId,\n\t\tgetSelectionStart,\n\t\tgetSelectionEnd,\n\t\thasMultiSelection,\n\t\tgetMultiSelectedBlockClientIds,\n\t} = useSelect( blockEditorStore );\n\treturn [\n\t\tcanIndent,\n\t\tuseCallback( () => {\n\t\t\tconst _hasMultiSelection = hasMultiSelection();\n\t\t\tconst clientIds = _hasMultiSelection\n\t\t\t\t? getMultiSelectedBlockClientIds()\n\t\t\t\t: [ clientId ];\n\t\t\tconst clonedBlocks = clientIds.map( ( _clientId ) =>\n\t\t\t\tcloneBlock( getBlock( _clientId ) )\n\t\t\t);\n\t\t\tconst previousSiblingId = getPreviousBlockClientId( clientId );\n\t\t\tconst newListItem = cloneBlock( getBlock( previousSiblingId ) );\n\t\t\t// If the sibling has no innerBlocks, create a new `list` block.\n\t\t\tif ( ! newListItem.innerBlocks?.length ) {\n\t\t\t\tnewListItem.innerBlocks = [ createBlock( 'core/list' ) ];\n\t\t\t}\n\t\t\t// A list item usually has one `list`, but it's possible to have\n\t\t\t// more. So we need to preserve the previous `list` blocks and\n\t\t\t// merge the new blocks to the last `list`.\n\t\t\tnewListItem.innerBlocks[\n\t\t\t\tnewListItem.innerBlocks.length - 1\n\t\t\t].innerBlocks.push( ...clonedBlocks );\n\n\t\t\t// We get the selection start/end here, because when\n\t\t\t// we replace blocks, the selection is updated too.\n\t\t\tconst selectionStart = getSelectionStart();\n\t\t\tconst selectionEnd = getSelectionEnd();\n\t\t\t// Replace the previous sibling of the block being indented and the indented blocks,\n\t\t\t// with a new block whose attributes are equal to the ones of the previous sibling and\n\t\t\t// whose descendants are the children of the previous sibling, followed by the indented blocks.\n\t\t\treplaceBlocks(\n\t\t\t\t[ previousSiblingId, ...clientIds ],\n\t\t\t\t[ newListItem ]\n\t\t\t);\n\t\t\tif ( ! _hasMultiSelection ) {\n\t\t\t\tselectionChange(\n\t\t\t\t\tclonedBlocks[ 0 ].clientId,\n\t\t\t\t\tselectionEnd.attributeKey,\n\t\t\t\t\tselectionEnd.clientId === selectionStart.clientId\n\t\t\t\t\t\t? selectionStart.offset\n\t\t\t\t\t\t: selectionEnd.offset,\n\t\t\t\t\tselectionEnd.offset\n\t\t\t\t);\n\t\t\t} else {\n\t\t\t\tmultiSelect(\n\t\t\t\t\tclonedBlocks[ 0 ].clientId,\n\t\t\t\t\tclonedBlocks[ clonedBlocks.length - 1 ].clientId\n\t\t\t\t);\n\t\t\t}\n\t\t}, [ clientId ] ),\n\t];\n}\n"]}

package/build-module/list-item/hooks/use-space.js

@@ -0,0 +1,40 @@
+/**
+ * WordPress dependencies
+ */
+import { useRefEffect } from '@wordpress/compose';
+import { SPACE } from '@wordpress/keycodes';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+import { useSelect } from '@wordpress/data';
+/**
+ * Internal dependencies
+ */
+
+import useIndentListItem from './use-indent-list-item';
+export default function useSpace(clientId) {
+  const {
+    getSelectionStart,
+    getSelectionEnd
+  } = useSelect(blockEditorStore);
+  const [canIndent, indentListItem] = useIndentListItem(clientId);
+  return useRefEffect(element => {
+    function onKeyDown(event) {
+      if (event.defaultPrevented || event.keyCode !== SPACE || !canIndent) {
+        return;
+      }
+
+      const selectionStart = getSelectionStart();
+      const selectionEnd = getSelectionEnd();
+
+      if (selectionStart.offset === 0 && selectionEnd.offset === 0) {
+        event.preventDefault();
+        indentListItem();
+      }
+    }
+
+    element.addEventListener('keydown', onKeyDown);
+    return () => {
+      element.removeEventListener('keydown', onKeyDown);
+    };
+  }, [canIndent, indentListItem]);
+}
+//# sourceMappingURL=use-space.js.map

package/build-module/list-item/hooks/use-space.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-space.js"],"names":["useRefEffect","SPACE","store","blockEditorStore","useSelect","useIndentListItem","useSpace","clientId","getSelectionStart","getSelectionEnd","canIndent","indentListItem","element","onKeyDown","event","defaultPrevented","keyCode","selectionStart","selectionEnd","offset","preventDefault","addEventListener","removeEventListener"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAT,QAA6B,oBAA7B;AACA,SAASC,KAAT,QAAsB,qBAAtB;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AACA,SAASC,SAAT,QAA0B,iBAA1B;AAEA;AACA;AACA;;AACA,OAAOC,iBAAP,MAA8B,wBAA9B;AAEA,eAAe,SAASC,QAAT,CAAmBC,QAAnB,EAA8B;AAC5C,QAAM;AAAEC,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAAyCL,SAAS,CACvDD,gBADuD,CAAxD;AAGA,QAAM,CAAEO,SAAF,EAAaC,cAAb,IAAgCN,iBAAiB,CAAEE,QAAF,CAAvD;AAEA,SAAOP,YAAY,CAChBY,OAAF,IAAe;AACd,aAASC,SAAT,CAAoBC,KAApB,EAA4B;AAC3B,UACCA,KAAK,CAACC,gBAAN,IACAD,KAAK,CAACE,OAAN,KAAkBf,KADlB,IAEA,CAAES,SAHH,EAIE;AACD;AACA;;AACD,YAAMO,cAAc,GAAGT,iBAAiB,EAAxC;AACA,YAAMU,YAAY,GAAGT,eAAe,EAApC;;AACA,UACCQ,cAAc,CAACE,MAAf,KAA0B,CAA1B,IACAD,YAAY,CAACC,MAAb,KAAwB,CAFzB,EAGE;AACDL,QAAAA,KAAK,CAACM,cAAN;AACAT,QAAAA,cAAc;AACd;AACD;;AAEDC,IAAAA,OAAO,CAACS,gBAAR,CAA0B,SAA1B,EAAqCR,SAArC;AACA,WAAO,MAAM;AACZD,MAAAA,OAAO,CAACU,mBAAR,CAA6B,SAA7B,EAAwCT,SAAxC;AACA,KAFD;AAGA,GAzBiB,EA0BlB,CAAEH,SAAF,EAAaC,cAAb,CA1BkB,CAAnB;AA4BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { SPACE } from '@wordpress/keycodes';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport useIndentListItem from './use-indent-list-item';\n\nexport default function useSpace( clientId ) {\n\tconst { getSelectionStart, getSelectionEnd } = useSelect(\n\t\tblockEditorStore\n\t);\n\tconst [ canIndent, indentListItem ] = useIndentListItem( clientId );\n\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\tif (\n\t\t\t\t\tevent.defaultPrevented ||\n\t\t\t\t\tevent.keyCode !== SPACE ||\n\t\t\t\t\t! canIndent\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tconst selectionStart = getSelectionStart();\n\t\t\t\tconst selectionEnd = getSelectionEnd();\n\t\t\t\tif (\n\t\t\t\t\tselectionStart.offset === 0 &&\n\t\t\t\t\tselectionEnd.offset === 0\n\t\t\t\t) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tindentListItem();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\telement.addEventListener( 'keydown', onKeyDown );\n\t\t\treturn () => {\n\t\t\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t\t\t};\n\t\t},\n\t\t[ canIndent, indentListItem ]\n\t);\n}\n"]}

package/build-module/list-item/hooks/use-split.js

@@ -0,0 +1,33 @@
+/**
+ * WordPress dependencies
+ */
+import { useCallback, useRef } from '@wordpress/element';
+import { useSelect } from '@wordpress/data';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+import { cloneBlock, createBlock } from '@wordpress/blocks';
+export default function useSplit(clientId) {
+  // We can not rely on the isAfterOriginal parameter of the callback,
+  // because if the value after the split is empty isAfterOriginal is false
+  // while the value is in fact after the original. So to avoid that issue we use
+  // a flag where the first execution of the callback is false (it is the before value)
+  // and the second execution is true, it is the after value.
+  const isAfter = useRef(false);
+  const {
+    getBlock
+  } = useSelect(blockEditorStore);
+  return useCallback(value => {
+    const block = getBlock(clientId);
+
+    if (isAfter.current) {
+      return cloneBlock(block, {
+        content: value
+      });
+    }
+
+    isAfter.current = true;
+    return createBlock(block.name, { ...block.attributes,
+      content: value
+    });
+  }, [clientId, getBlock]);
+}
+//# sourceMappingURL=use-split.js.map

package/build-module/list-item/hooks/use-split.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-split.js"],"names":["useCallback","useRef","useSelect","store","blockEditorStore","cloneBlock","createBlock","useSplit","clientId","isAfter","getBlock","value","block","current","content","name","attributes"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,EAAsBC,MAAtB,QAAoC,oBAApC;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AACA,SAASC,UAAT,EAAqBC,WAArB,QAAwC,mBAAxC;AAEA,eAAe,SAASC,QAAT,CAAmBC,QAAnB,EAA8B;AAC5C;AACA;AACA;AACA;AACA;AACA,QAAMC,OAAO,GAAGR,MAAM,CAAE,KAAF,CAAtB;AACA,QAAM;AAAES,IAAAA;AAAF,MAAeR,SAAS,CAAEE,gBAAF,CAA9B;AACA,SAAOJ,WAAW,CACfW,KAAF,IAAa;AACZ,UAAMC,KAAK,GAAGF,QAAQ,CAAEF,QAAF,CAAtB;;AACA,QAAKC,OAAO,CAACI,OAAb,EAAuB;AACtB,aAAOR,UAAU,CAAEO,KAAF,EAAS;AACzBE,QAAAA,OAAO,EAAEH;AADgB,OAAT,CAAjB;AAGA;;AACDF,IAAAA,OAAO,CAACI,OAAR,GAAkB,IAAlB;AACA,WAAOP,WAAW,CAAEM,KAAK,CAACG,IAAR,EAAc,EAC/B,GAAGH,KAAK,CAACI,UADsB;AAE/BF,MAAAA,OAAO,EAAEH;AAFsB,KAAd,CAAlB;AAIA,GAbgB,EAcjB,CAAEH,QAAF,EAAYE,QAAZ,CAdiB,CAAlB;AAgBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { cloneBlock, createBlock } from '@wordpress/blocks';\n\nexport default function useSplit( clientId ) {\n\t// We can not rely on the isAfterOriginal parameter of the callback,\n\t// because if the value after the split is empty isAfterOriginal is false\n\t// while the value is in fact after the original. So to avoid that issue we use\n\t// a flag where the first execution of the callback is false (it is the before value)\n\t// and the second execution is true, it is the after value.\n\tconst isAfter = useRef( false );\n\tconst { getBlock } = useSelect( blockEditorStore );\n\treturn useCallback(\n\t\t( value ) => {\n\t\t\tconst block = getBlock( clientId );\n\t\t\tif ( isAfter.current ) {\n\t\t\t\treturn cloneBlock( block, {\n\t\t\t\t\tcontent: value,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tisAfter.current = true;\n\t\t\treturn createBlock( block.name, {\n\t\t\t\t...block.attributes,\n\t\t\t\tcontent: value,\n\t\t\t} );\n\t\t},\n\t\t[ clientId, getBlock ]\n\t);\n}\n"]}

package/build-module/list-item/index.js

@@ -9,6 +9,7 @@ import { listItem as icon } from '@wordpress/icons';
 const metadata = {
   $schema: "https://schemas.wp.org/trunk/block.json",
   apiVersion: 2,
+  __experimental: "list-v2",
   name: "core/list-item",
   title: "List item",
   category: "text",