@wordpress/block-library 7.2.0 → 7.3.0

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

@@ -0,0 +1,104 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { RichText, useBlockProps } from '@wordpress/block-editor';
+/**
+ * Internal dependencies
+ */
+
+import initialDeprecations from '../deprecated';
+import { migrateToListV2 } from './migrate';
+const v1 = {
+  attributes: {
+    ordered: {
+      type: 'boolean',
+      default: false,
+      __experimentalRole: 'content'
+    },
+    values: {
+      type: 'string',
+      source: 'html',
+      selector: 'ol,ul',
+      multiline: 'li',
+      __unstableMultilineWrapperTags: ['ol', 'ul'],
+      default: '',
+      __experimentalRole: 'content'
+    },
+    type: {
+      type: 'string'
+    },
+    start: {
+      type: 'number'
+    },
+    reversed: {
+      type: 'boolean'
+    },
+    placeholder: {
+      type: 'string'
+    }
+  },
+  supports: {
+    anchor: true,
+    className: false,
+    typography: {
+      fontSize: true,
+      __experimentalFontFamily: true,
+      lineHeight: true,
+      __experimentalFontStyle: true,
+      __experimentalFontWeight: true,
+      __experimentalLetterSpacing: true,
+      __experimentalTextTransform: true,
+      __experimentalDefaultControls: {
+        fontSize: true
+      }
+    },
+    color: {
+      gradients: true,
+      link: true,
+      __experimentalDefaultControls: {
+        background: true,
+        text: true
+      }
+    },
+    __unstablePasteTextInline: true,
+    __experimentalSelector: 'ol,ul',
+    __experimentalSlashInserter: true
+  },
+
+  save(_ref) {
+    let {
+      attributes
+    } = _ref;
+    const {
+      ordered,
+      values,
+      type,
+      reversed,
+      start
+    } = attributes;
+    const TagName = ordered ? 'ol' : 'ul';
+    return createElement(TagName, useBlockProps.save({
+      type,
+      reversed,
+      start
+    }), createElement(RichText.Content, {
+      value: values,
+      multiline: "li"
+    }));
+  },
+
+  migrate: migrateToListV2
+};
+/**
+ * New deprecations need to be placed first
+ * for them to have higher priority.
+ *
+ * Old deprecations may need to be updated as well.
+ *
+ * See block-deprecation.md
+ */
+
+export default [v1, ...initialDeprecations];
+//# sourceMappingURL=deprecated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list/v2/deprecated.js"],"names":["RichText","useBlockProps","initialDeprecations","migrateToListV2","v1","attributes","ordered","type","default","__experimentalRole","values","source","selector","multiline","__unstableMultilineWrapperTags","start","reversed","placeholder","supports","anchor","className","typography","fontSize","__experimentalFontFamily","lineHeight","__experimentalFontStyle","__experimentalFontWeight","__experimentalLetterSpacing","__experimentalTextTransform","__experimentalDefaultControls","color","gradients","link","background","text","__unstablePasteTextInline","__experimentalSelector","__experimentalSlashInserter","save","TagName","migrate"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,aAAnB,QAAwC,yBAAxC;AAEA;AACA;AACA;;AACA,OAAOC,mBAAP,MAAgC,eAAhC;AACA,SAASC,eAAT,QAAgC,WAAhC;AAEA,MAAMC,EAAE,GAAG;AACVC,EAAAA,UAAU,EAAE;AACXC,IAAAA,OAAO,EAAE;AACRC,MAAAA,IAAI,EAAE,SADE;AAERC,MAAAA,OAAO,EAAE,KAFD;AAGRC,MAAAA,kBAAkB,EAAE;AAHZ,KADE;AAMXC,IAAAA,MAAM,EAAE;AACPH,MAAAA,IAAI,EAAE,QADC;AAEPI,MAAAA,MAAM,EAAE,MAFD;AAGPC,MAAAA,QAAQ,EAAE,OAHH;AAIPC,MAAAA,SAAS,EAAE,IAJJ;AAKPC,MAAAA,8BAA8B,EAAE,CAAE,IAAF,EAAQ,IAAR,CALzB;AAMPN,MAAAA,OAAO,EAAE,EANF;AAOPC,MAAAA,kBAAkB,EAAE;AAPb,KANG;AAeXF,IAAAA,IAAI,EAAE;AACLA,MAAAA,IAAI,EAAE;AADD,KAfK;AAkBXQ,IAAAA,KAAK,EAAE;AACNR,MAAAA,IAAI,EAAE;AADA,KAlBI;AAqBXS,IAAAA,QAAQ,EAAE;AACTT,MAAAA,IAAI,EAAE;AADG,KArBC;AAwBXU,IAAAA,WAAW,EAAE;AACZV,MAAAA,IAAI,EAAE;AADM;AAxBF,GADF;AA6BVW,EAAAA,QAAQ,EAAE;AACTC,IAAAA,MAAM,EAAE,IADC;AAETC,IAAAA,SAAS,EAAE,KAFF;AAGTC,IAAAA,UAAU,EAAE;AACXC,MAAAA,QAAQ,EAAE,IADC;AAEXC,MAAAA,wBAAwB,EAAE,IAFf;AAGXC,MAAAA,UAAU,EAAE,IAHD;AAIXC,MAAAA,uBAAuB,EAAE,IAJd;AAKXC,MAAAA,wBAAwB,EAAE,IALf;AAMXC,MAAAA,2BAA2B,EAAE,IANlB;AAOXC,MAAAA,2BAA2B,EAAE,IAPlB;AAQXC,MAAAA,6BAA6B,EAAE;AAC9BP,QAAAA,QAAQ,EAAE;AADoB;AARpB,KAHH;AAeTQ,IAAAA,KAAK,EAAE;AACNC,MAAAA,SAAS,EAAE,IADL;AAENC,MAAAA,IAAI,EAAE,IAFA;AAGNH,MAAAA,6BAA6B,EAAE;AAC9BI,QAAAA,UAAU,EAAE,IADkB;AAE9BC,QAAAA,IAAI,EAAE;AAFwB;AAHzB,KAfE;AAuBTC,IAAAA,yBAAyB,EAAE,IAvBlB;AAwBTC,IAAAA,sBAAsB,EAAE,OAxBf;AAyBTC,IAAAA,2BAA2B,EAAE;AAzBpB,GA7BA;;AAwDVC,EAAAA,IAAI,OAAmB;AAAA,QAAjB;AAAEjC,MAAAA;AAAF,KAAiB;AACtB,UAAM;AAAEC,MAAAA,OAAF;AAAWI,MAAAA,MAAX;AAAmBH,MAAAA,IAAnB;AAAyBS,MAAAA,QAAzB;AAAmCD,MAAAA;AAAnC,QAA6CV,UAAnD;AACA,UAAMkC,OAAO,GAAGjC,OAAO,GAAG,IAAH,GAAU,IAAjC;AAEA,WACC,cAAC,OAAD,EAAcL,aAAa,CAACqC,IAAd,CAAoB;AAAE/B,MAAAA,IAAF;AAAQS,MAAAA,QAAR;AAAkBD,MAAAA;AAAlB,KAApB,CAAd,EACC,cAAC,QAAD,CAAU,OAAV;AAAkB,MAAA,KAAK,EAAGL,MAA1B;AAAmC,MAAA,SAAS,EAAC;AAA7C,MADD,CADD;AAKA,GAjES;;AAkEV8B,EAAAA,OAAO,EAAErC;AAlEC,CAAX;AAqEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,CAAEC,EAAF,EAAM,GAAGF,mBAAT,CAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport initialDeprecations from '../deprecated';\nimport { migrateToListV2 } from './migrate';\n\nconst v1 = {\n\tattributes: {\n\t\tordered: {\n\t\t\ttype: 'boolean',\n\t\t\tdefault: false,\n\t\t\t__experimentalRole: 'content',\n\t\t},\n\t\tvalues: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'html',\n\t\t\tselector: 'ol,ul',\n\t\t\tmultiline: 'li',\n\t\t\t__unstableMultilineWrapperTags: [ 'ol', 'ul' ],\n\t\t\tdefault: '',\n\t\t\t__experimentalRole: 'content',\n\t\t},\n\t\ttype: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tstart: {\n\t\t\ttype: 'number',\n\t\t},\n\t\treversed: {\n\t\t\ttype: 'boolean',\n\t\t},\n\t\tplaceholder: {\n\t\t\ttype: 'string',\n\t\t},\n\t},\n\tsupports: {\n\t\tanchor: true,\n\t\tclassName: false,\n\t\ttypography: {\n\t\t\tfontSize: true,\n\t\t\t__experimentalFontFamily: true,\n\t\t\tlineHeight: true,\n\t\t\t__experimentalFontStyle: true,\n\t\t\t__experimentalFontWeight: true,\n\t\t\t__experimentalLetterSpacing: true,\n\t\t\t__experimentalTextTransform: true,\n\t\t\t__experimentalDefaultControls: {\n\t\t\t\tfontSize: true,\n\t\t\t},\n\t\t},\n\t\tcolor: {\n\t\t\tgradients: true,\n\t\t\tlink: true,\n\t\t\t__experimentalDefaultControls: {\n\t\t\t\tbackground: true,\n\t\t\t\ttext: true,\n\t\t\t},\n\t\t},\n\t\t__unstablePasteTextInline: true,\n\t\t__experimentalSelector: 'ol,ul',\n\t\t__experimentalSlashInserter: true,\n\t},\n\tsave( { attributes } ) {\n\t\tconst { ordered, values, type, reversed, start } = attributes;\n\t\tconst TagName = ordered ? 'ol' : 'ul';\n\n\t\treturn (\n\t\t\t<TagName { ...useBlockProps.save( { type, reversed, start } ) }>\n\t\t\t\t<RichText.Content value={ values } multiline=\"li\" />\n\t\t\t</TagName>\n\t\t);\n\t},\n\tmigrate: migrateToListV2,\n};\n\n/**\n * New deprecations need to be placed first\n * for them to have higher priority.\n *\n * Old deprecations may need to be updated as well.\n *\n * See block-deprecation.md\n */\nexport default [ v1, ...initialDeprecations ];\n"]}

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

@@ -1,30 +1,127 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { createElement, Fragment } from "@wordpress/element";
 
+/**
+ * External dependencies
+ */
+import { last } from 'lodash';
 /**
  * WordPress dependencies
  */
-import { BlockControls, useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+
+import { BlockControls, useBlockProps, useInnerBlocksProps, store as blockEditorStore } from '@wordpress/block-editor';
 import { ToolbarButton } from '@wordpress/components';
+import { useDispatch, useSelect, useRegistry } from '@wordpress/data';
 import { isRTL, __ } from '@wordpress/i18n';
-import { formatListBullets, formatListBulletsRTL, formatListNumbered, formatListNumberedRTL } from '@wordpress/icons';
+import { formatListBullets, formatListBulletsRTL, formatListNumbered, formatListNumberedRTL, formatOutdent, formatOutdentRTL } from '@wordpress/icons';
+import { createBlock } from '@wordpress/blocks';
+import { useCallback, useEffect } from '@wordpress/element';
+import deprecated from '@wordpress/deprecated';
 /**
  * Internal dependencies
  */
 
 import OrderedListSettings from '../ordered-list-settings';
+import { migrateToListV2 } from './migrate';
 const TEMPLATE = [['core/list-item']];
+/**
+ * At the moment, deprecations don't handle create blocks from attributes
+ * (like when using CPT templates). For this reason, this hook is necessary
+ * to avoid breaking templates using the old list block format.
+ *
+ * @param {Object} attributes Block attributes.
+ * @param {string} clientId   Block client ID.
+ */
+
+function useMigrateOnLoad(attributes, clientId) {
+  const registry = useRegistry();
+  const {
+    updateBlockAttributes,
+    replaceInnerBlocks
+  } = useDispatch(blockEditorStore);
+  useEffect(() => {
+    // As soon as the block is loaded, migrate it to the new version.
+    if (!attributes.values) {
+      return;
+    }
+
+    const [newAttributes, newInnerBlocks] = migrateToListV2(attributes);
+    deprecated('Value attribute on the list block', {
+      since: '6.0',
+      version: '6.5',
+      alternative: 'inner blocks'
+    });
+    registry.batch(() => {
+      updateBlockAttributes(clientId, newAttributes);
+      replaceInnerBlocks(clientId, newInnerBlocks);
+    });
+  }, [attributes.values]);
+}
+
+function useOutdentList(clientId) {
+  const {
+    canOutdent
+  } = useSelect(innerSelect => {
+    const {
+      getBlockRootClientId,
+      getBlock
+    } = innerSelect(blockEditorStore);
+    const parentId = getBlockRootClientId(clientId);
+    return {
+      canOutdent: !!parentId && getBlock(parentId).name === 'core/list-item'
+    };
+  }, [clientId]);
+  const {
+    replaceBlocks,
+    selectionChange
+  } = useDispatch(blockEditorStore);
+  const {
+    getBlockRootClientId,
+    getBlockAttributes,
+    getBlock
+  } = useSelect(blockEditorStore);
+  return [canOutdent, useCallback(() => {
+    const parentBlockId = getBlockRootClientId(clientId);
+    const parentBlockAttributes = getBlockAttributes(parentBlockId); // Create a new parent block without the inner blocks.
+
+    const newParentBlock = createBlock('core/list-item', parentBlockAttributes);
+    const {
+      innerBlocks
+    } = getBlock(clientId); // Replace the parent block with a new parent block without inner blocks,
+    // and make the inner blocks siblings of the parent.
+
+    replaceBlocks([parentBlockId], [newParentBlock, ...innerBlocks]); // Select the last child of the list being outdent.
+
+    selectionChange(last(innerBlocks).clientId);
+  }, [clientId])];
+}
 
-function Edit(_ref) {
+function IndentUI(_ref) {
   let {
-    attributes,
-    setAttributes
+    clientId
   } = _ref;
+  const [canOutdent, outdentList] = useOutdentList(clientId);
+  return createElement(Fragment, null, createElement(ToolbarButton, {
+    icon: isRTL() ? formatOutdentRTL : formatOutdent,
+    title: __('Outdent'),
+    describedBy: __('Outdent list item'),
+    disabled: !canOutdent,
+    onClick: outdentList
+  }));
+}
+
+function Edit(_ref2) {
+  let {
+    attributes,
+    setAttributes,
+    clientId
+  } = _ref2;
   const blockProps = useBlockProps();
   const innerBlocksProps = useInnerBlocksProps(blockProps, {
     allowedBlocks: ['core/list-item'],
     template: TEMPLATE
   });
+  useMigrateOnLoad(attributes, clientId);
   const {
     ordered,
     reversed,
@@ -53,6 +150,8 @@ function Edit(_ref) {
         ordered: true
       });
     }
+  }), createElement(IndentUI, {
+    clientId: clientId
   }));
   return createElement(Fragment, null, createElement(TagName, _extends({
     reversed: reversed,

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/list/v2/edit.js"],"names":["BlockControls","useBlockProps","useInnerBlocksProps","ToolbarButton","isRTL","__","formatListBullets","formatListBulletsRTL","formatListNumbered","formatListNumberedRTL","OrderedListSettings","TEMPLATE","Edit","attributes","setAttributes","blockProps","innerBlocksProps","allowedBlocks","template","ordered","reversed","start","TagName","controls"],"mappings":";;;AAAA;AACA;AACA;AACA,SACCA,aADD,EAECC,aAFD,EAGCC,mBAHD,QAIO,yBAJP;AAKA,SAASC,aAAT,QAA8B,uBAA9B;AACA,SAASC,KAAT,EAAgBC,EAAhB,QAA0B,iBAA1B;AACA,SACCC,iBADD,EAECC,oBAFD,EAGCC,kBAHD,EAICC,qBAJD,QAKO,kBALP;AAOA;AACA;AACA;;AACA,OAAOC,mBAAP,MAAgC,0BAAhC;AAEA,MAAMC,QAAQ,GAAG,CAAE,CAAE,gBAAF,CAAF,CAAjB;;AAEA,SAASC,IAAT,OAA+C;AAAA,MAAhC;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,GAAgC;AAC9C,QAAMC,UAAU,GAAGd,aAAa,EAAhC;AACA,QAAMe,gBAAgB,GAAGd,mBAAmB,CAAEa,UAAF,EAAc;AACzDE,IAAAA,aAAa,EAAE,CAAE,gBAAF,CAD0C;AAEzDC,IAAAA,QAAQ,EAAEP;AAF+C,GAAd,CAA5C;AAIA,QAAM;AAAEQ,IAAAA,OAAF;AAAWC,IAAAA,QAAX;AAAqBC,IAAAA;AAArB,MAA+BR,UAArC;AACA,QAAMS,OAAO,GAAGH,OAAO,GAAG,IAAH,GAAU,IAAjC;AAEA,QAAMI,QAAQ,GACb,cAAC,aAAD;AAAe,IAAA,KAAK,EAAC;AAArB,KACC,cAAC,aAAD;AACC,IAAA,IAAI,EAAGnB,KAAK,KAAKG,oBAAL,GAA4BD,iBADzC;AAEC,IAAA,KAAK,EAAGD,EAAE,CAAE,WAAF,CAFX;AAGC,IAAA,WAAW,EAAGA,EAAE,CAAE,2BAAF,CAHjB;AAIC,IAAA,QAAQ,EAAGc,OAAO,KAAK,KAJxB;AAKC,IAAA,OAAO,EAAG,MAAM;AACfL,MAAAA,aAAa,CAAE;AAAEK,QAAAA,OAAO,EAAE;AAAX,OAAF,CAAb;AACA;AAPF,IADD,EAUC,cAAC,aAAD;AACC,IAAA,IAAI,EAAGf,KAAK,KAAKK,qBAAL,GAA6BD,kBAD1C;AAEC,IAAA,KAAK,EAAGH,EAAE,CAAE,SAAF,CAFX;AAGC,IAAA,WAAW,EAAGA,EAAE,CAAE,yBAAF,CAHjB;AAIC,IAAA,QAAQ,EAAGc,OAAO,KAAK,IAJxB;AAKC,IAAA,OAAO,EAAG,MAAM;AACfL,MAAAA,aAAa,CAAE;AAAEK,QAAAA,OAAO,EAAE;AAAX,OAAF,CAAb;AACA;AAPF,IAVD,CADD;AAuBA,SACC,8BACC,cAAC,OAAD;AACC,IAAA,QAAQ,EAAGC,QADZ;AAEC,IAAA,KAAK,EAAGC;AAFT,KAGML,gBAHN,EADD,EAMGO,QANH,EAOGJ,OAAO,IACR,cAAC,mBAAD;AACC,IAAA,aAAa,EAAGL,aADjB;AAEC,IAAA,OAAO,EAAGK,OAFX;AAGC,IAAA,QAAQ,EAAGC,QAHZ;AAIC,IAAA,KAAK,EAAGC;AAJT,IARF,CADD;AAkBA;;AAED,eAAeT,IAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n} from '@wordpress/block-editor';\nimport { ToolbarButton } from '@wordpress/components';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport {\n\tformatListBullets,\n\tformatListBulletsRTL,\n\tformatListNumbered,\n\tformatListNumberedRTL,\n} from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport OrderedListSettings from '../ordered-list-settings';\n\nconst TEMPLATE = [ [ 'core/list-item' ] ];\n\nfunction Edit( { attributes, setAttributes } ) {\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: [ 'core/list-item' ],\n\t\ttemplate: TEMPLATE,\n\t} );\n\tconst { ordered, reversed, start } = attributes;\n\tconst TagName = ordered ? 'ol' : 'ul';\n\n\tconst controls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatListBulletsRTL : formatListBullets }\n\t\t\t\ttitle={ __( 'Unordered' ) }\n\t\t\t\tdescribedBy={ __( 'Convert to unordered list' ) }\n\t\t\t\tisActive={ ordered === false }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetAttributes( { ordered: false } );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatListNumberedRTL : formatListNumbered }\n\t\t\t\ttitle={ __( 'Ordered' ) }\n\t\t\t\tdescribedBy={ __( 'Convert to ordered list' ) }\n\t\t\t\tisActive={ ordered === true }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetAttributes( { ordered: true } );\n\t\t\t\t} }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<TagName\n\t\t\t\treversed={ reversed }\n\t\t\t\tstart={ start }\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t/>\n\t\t\t{ controls }\n\t\t\t{ ordered && (\n\t\t\t\t<OrderedListSettings\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tordered={ ordered }\n\t\t\t\t\treversed={ reversed }\n\t\t\t\t\tstart={ start }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default Edit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/list/v2/edit.js"],"names":["last","BlockControls","useBlockProps","useInnerBlocksProps","store","blockEditorStore","ToolbarButton","useDispatch","useSelect","useRegistry","isRTL","__","formatListBullets","formatListBulletsRTL","formatListNumbered","formatListNumberedRTL","formatOutdent","formatOutdentRTL","createBlock","useCallback","useEffect","deprecated","OrderedListSettings","migrateToListV2","TEMPLATE","useMigrateOnLoad","attributes","clientId","registry","updateBlockAttributes","replaceInnerBlocks","values","newAttributes","newInnerBlocks","since","version","alternative","batch","useOutdentList","canOutdent","innerSelect","getBlockRootClientId","getBlock","parentId","name","replaceBlocks","selectionChange","getBlockAttributes","parentBlockId","parentBlockAttributes","newParentBlock","innerBlocks","IndentUI","outdentList","Edit","setAttributes","blockProps","innerBlocksProps","allowedBlocks","template","ordered","reversed","start","TagName","controls"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { last } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarButton } from '@wordpress/components';\nimport { useDispatch, useSelect, useRegistry } from '@wordpress/data';\nimport { isRTL, __ } from '@wordpress/i18n';\nimport {\n\tformatListBullets,\n\tformatListBulletsRTL,\n\tformatListNumbered,\n\tformatListNumberedRTL,\n\tformatOutdent,\n\tformatOutdentRTL,\n} from '@wordpress/icons';\nimport { createBlock } from '@wordpress/blocks';\nimport { useCallback, useEffect } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport OrderedListSettings from '../ordered-list-settings';\nimport { migrateToListV2 } from './migrate';\n\nconst TEMPLATE = [ [ 'core/list-item' ] ];\n\n/**\n * At the moment, deprecations don't handle create blocks from attributes\n * (like when using CPT templates). For this reason, this hook is necessary\n * to avoid breaking templates using the old list block format.\n *\n * @param {Object} attributes Block attributes.\n * @param {string} clientId   Block client ID.\n */\nfunction useMigrateOnLoad( attributes, clientId ) {\n\tconst registry = useRegistry();\n\tconst { updateBlockAttributes, replaceInnerBlocks } = useDispatch(\n\t\tblockEditorStore\n\t);\n\n\tuseEffect( () => {\n\t\t// As soon as the block is loaded, migrate it to the new version.\n\n\t\tif ( ! attributes.values ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst [ newAttributes, newInnerBlocks ] = migrateToListV2( attributes );\n\n\t\tdeprecated( 'Value attribute on the list block', {\n\t\t\tsince: '6.0',\n\t\t\tversion: '6.5',\n\t\t\talternative: 'inner blocks',\n\t\t} );\n\n\t\tregistry.batch( () => {\n\t\t\tupdateBlockAttributes( clientId, newAttributes );\n\t\t\treplaceInnerBlocks( clientId, newInnerBlocks );\n\t\t} );\n\t}, [ attributes.values ] );\n}\n\nfunction useOutdentList( clientId ) {\n\tconst { canOutdent } = useSelect(\n\t\t( innerSelect ) => {\n\t\t\tconst { getBlockRootClientId, getBlock } = innerSelect(\n\t\t\t\tblockEditorStore\n\t\t\t);\n\t\t\tconst parentId = getBlockRootClientId( clientId );\n\t\t\treturn {\n\t\t\t\tcanOutdent:\n\t\t\t\t\t!! parentId &&\n\t\t\t\t\tgetBlock( parentId ).name === 'core/list-item',\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst { replaceBlocks, selectionChange } = useDispatch( blockEditorStore );\n\tconst { getBlockRootClientId, getBlockAttributes, getBlock } = useSelect(\n\t\tblockEditorStore\n\t);\n\n\treturn [\n\t\tcanOutdent,\n\t\tuseCallback( () => {\n\t\t\tconst parentBlockId = getBlockRootClientId( clientId );\n\t\t\tconst parentBlockAttributes = getBlockAttributes( parentBlockId );\n\t\t\t// Create a new parent block without the inner blocks.\n\t\t\tconst newParentBlock = createBlock(\n\t\t\t\t'core/list-item',\n\t\t\t\tparentBlockAttributes\n\t\t\t);\n\t\t\tconst { innerBlocks } = getBlock( clientId );\n\t\t\t// Replace the parent block with a new parent block without inner blocks,\n\t\t\t// and make the inner blocks siblings of the parent.\n\t\t\treplaceBlocks(\n\t\t\t\t[ parentBlockId ],\n\t\t\t\t[ newParentBlock, ...innerBlocks ]\n\t\t\t);\n\t\t\t// Select the last child of the list being outdent.\n\t\t\tselectionChange( last( innerBlocks ).clientId );\n\t\t}, [ clientId ] ),\n\t];\n}\n\nfunction IndentUI( { clientId } ) {\n\tconst [ canOutdent, outdentList ] = useOutdentList( clientId );\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={ outdentList }\n\t\t\t/>\n\t\t</>\n\t);\n}\n\nfunction Edit( { attributes, setAttributes, clientId } ) {\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: [ 'core/list-item' ],\n\t\ttemplate: TEMPLATE,\n\t} );\n\tuseMigrateOnLoad( attributes, clientId );\n\tconst { ordered, reversed, start } = attributes;\n\tconst TagName = ordered ? 'ol' : 'ul';\n\n\tconst controls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatListBulletsRTL : formatListBullets }\n\t\t\t\ttitle={ __( 'Unordered' ) }\n\t\t\t\tdescribedBy={ __( 'Convert to unordered list' ) }\n\t\t\t\tisActive={ ordered === false }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetAttributes( { ordered: false } );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\ticon={ isRTL() ? formatListNumberedRTL : formatListNumbered }\n\t\t\t\ttitle={ __( 'Ordered' ) }\n\t\t\t\tdescribedBy={ __( 'Convert to ordered list' ) }\n\t\t\t\tisActive={ ordered === true }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tsetAttributes( { ordered: true } );\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<IndentUI clientId={ clientId } />\n\t\t</BlockControls>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<TagName\n\t\t\t\treversed={ reversed }\n\t\t\t\tstart={ start }\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t/>\n\t\t\t{ controls }\n\t\t\t{ ordered && (\n\t\t\t\t<OrderedListSettings\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tordered={ ordered }\n\t\t\t\t\treversed={ reversed }\n\t\t\t\t\tstart={ start }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default Edit;\n"]}

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

@@ -9,11 +9,13 @@ import { list as icon } from '@wordpress/icons';
 import edit from './edit';
 import save from './save';
 import transforms from './transforms';
+import deprecated from './deprecated';
 const settings = {
   icon,
   edit,
   save,
-  transforms
+  transforms,
+  deprecated
 };
 export default settings;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/list/v2/index.js"],"names":["list","icon","edit","save","transforms","settings"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,IAAIC,IAAjB,QAA6B,kBAA7B;AAEA;AACA;AACA;;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAMC,QAAQ,GAAG;AAChBJ,EAAAA,IADgB;AAEhBC,EAAAA,IAFgB;AAGhBC,EAAAA,IAHgB;AAIhBC,EAAAA;AAJgB,CAAjB;AAOA,eAAeC,QAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { list as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport transforms from './transforms';\n\nconst settings = {\n\ticon,\n\tedit,\n\tsave,\n\ttransforms,\n};\n\nexport default settings;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/list/v2/index.js"],"names":["list","icon","edit","save","transforms","deprecated","settings"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,IAAI,IAAIC,IAAjB,QAA6B,kBAA7B;AAEA;AACA;AACA;;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,IAAP,MAAiB,QAAjB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AACA,OAAOC,UAAP,MAAuB,cAAvB;AAEA,MAAMC,QAAQ,GAAG;AAChBL,EAAAA,IADgB;AAEhBC,EAAAA,IAFgB;AAGhBC,EAAAA,IAHgB;AAIhBC,EAAAA,UAJgB;AAKhBC,EAAAA;AALgB,CAAjB;AAQA,eAAeC,QAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { list as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport edit from './edit';\nimport save from './save';\nimport transforms from './transforms';\nimport deprecated from './deprecated';\n\nconst settings = {\n\ticon,\n\tedit,\n\tsave,\n\ttransforms,\n\tdeprecated,\n};\n\nexport default settings;\n"]}

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

@@ -0,0 +1,77 @@
+/**
+ * External dependencies
+ */
+import { omit } from 'lodash';
+/**
+ * WordPress dependencies
+ */
+
+import { createBlock } from '@wordpress/blocks';
+
+function createListBlockFromDOMElement(listElement) {
+  var _listElement$getAttri;
+
+  const listAttributes = {
+    ordered: 'OL' === listElement.tagName,
+    start: listElement.getAttribute('start') ? parseInt(listElement.getAttribute('start'), 10) : undefined,
+    reversed: listElement.getAttribute('reversed') === true ? true : undefined,
+    type: (_listElement$getAttri = listElement.getAttribute('type')) !== null && _listElement$getAttri !== void 0 ? _listElement$getAttri : undefined
+  };
+  const innerBlocks = Array.from(listElement.children).map(listItem => {
+    const children = Array.from(listItem.childNodes).filter(node => node.nodeType !== node.TEXT_NODE || node.textContent.trim().length !== 0);
+    children.reverse();
+    const [nestedList, ...nodes] = children;
+    const hasNestedList = nestedList.tagName === 'UL' || nestedList.tagName === 'OL';
+
+    if (!hasNestedList) {
+      return createBlock('core/list-item', {
+        content: listItem.innerHTML
+      });
+    }
+
+    const htmlNodes = nodes.map(node => {
+      if (node.nodeType === node.TEXT_NODE) {
+        return node.textContent;
+      }
+
+      return node.outerHTML;
+    });
+    htmlNodes.reverse();
+    const childAttributes = {
+      content: htmlNodes.join('').trim()
+    };
+    const childInnerBlocks = [createListBlockFromDOMElement(nestedList)];
+    return createBlock('core/list-item', childAttributes, childInnerBlocks);
+  });
+  return createBlock('core/list', listAttributes, innerBlocks);
+}
+
+export function migrateToListV2(attributes) {
+  const {
+    values,
+    start,
+    reversed,
+    ordered,
+    type
+  } = attributes;
+  const list = document.createElement(ordered ? 'ol' : 'ul');
+  list.innerHTML = values;
+
+  if (start) {
+    list.setAttribute('start', start);
+  }
+
+  if (reversed) {
+    list.setAttribute('reversed', true);
+  }
+
+  if (type) {
+    list.setAttribute('type', type);
+  }
+
+  const listBlock = createListBlockFromDOMElement(list);
+  return [{ ...omit(attributes, ['values']),
+    ...listBlock.attributes
+  }, listBlock.innerBlocks];
+}
+//# sourceMappingURL=migrate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list/v2/migrate.js"],"names":["omit","createBlock","createListBlockFromDOMElement","listElement","listAttributes","ordered","tagName","start","getAttribute","parseInt","undefined","reversed","type","innerBlocks","Array","from","children","map","listItem","childNodes","filter","node","nodeType","TEXT_NODE","textContent","trim","length","reverse","nestedList","nodes","hasNestedList","content","innerHTML","htmlNodes","outerHTML","childAttributes","join","childInnerBlocks","migrateToListV2","attributes","values","list","document","createElement","setAttribute","listBlock"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { omit } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\n\nfunction createListBlockFromDOMElement( listElement ) {\n\tconst listAttributes = {\n\t\tordered: 'OL' === listElement.tagName,\n\t\tstart: listElement.getAttribute( 'start' )\n\t\t\t? parseInt( listElement.getAttribute( 'start' ), 10 )\n\t\t\t: undefined,\n\t\treversed:\n\t\t\tlistElement.getAttribute( 'reversed' ) === true ? true : undefined,\n\t\ttype: listElement.getAttribute( 'type' ) ?? undefined,\n\t};\n\n\tconst innerBlocks = Array.from( listElement.children ).map(\n\t\t( listItem ) => {\n\t\t\tconst children = Array.from( listItem.childNodes ).filter(\n\t\t\t\t( node ) =>\n\t\t\t\t\tnode.nodeType !== node.TEXT_NODE ||\n\t\t\t\t\tnode.textContent.trim().length !== 0\n\t\t\t);\n\t\t\tchildren.reverse();\n\t\t\tconst [ nestedList, ...nodes ] = children;\n\n\t\t\tconst hasNestedList =\n\t\t\t\tnestedList.tagName === 'UL' || nestedList.tagName === 'OL';\n\t\t\tif ( ! hasNestedList ) {\n\t\t\t\treturn createBlock( 'core/list-item', {\n\t\t\t\t\tcontent: listItem.innerHTML,\n\t\t\t\t} );\n\t\t\t}\n\t\t\tconst htmlNodes = nodes.map( ( node ) => {\n\t\t\t\tif ( node.nodeType === node.TEXT_NODE ) {\n\t\t\t\t\treturn node.textContent;\n\t\t\t\t}\n\t\t\t\treturn node.outerHTML;\n\t\t\t} );\n\t\t\thtmlNodes.reverse();\n\t\t\tconst childAttributes = {\n\t\t\t\tcontent: htmlNodes.join( '' ).trim(),\n\t\t\t};\n\t\t\tconst childInnerBlocks = [\n\t\t\t\tcreateListBlockFromDOMElement( nestedList ),\n\t\t\t];\n\t\t\treturn createBlock(\n\t\t\t\t'core/list-item',\n\t\t\t\tchildAttributes,\n\t\t\t\tchildInnerBlocks\n\t\t\t);\n\t\t}\n\t);\n\n\treturn createBlock( 'core/list', listAttributes, innerBlocks );\n}\n\nexport function migrateToListV2( attributes ) {\n\tconst { values, start, reversed, ordered, type } = attributes;\n\n\tconst list = document.createElement( ordered ? 'ol' : 'ul' );\n\tlist.innerHTML = values;\n\tif ( start ) {\n\t\tlist.setAttribute( 'start', start );\n\t}\n\tif ( reversed ) {\n\t\tlist.setAttribute( 'reversed', true );\n\t}\n\tif ( type ) {\n\t\tlist.setAttribute( 'type', type );\n\t}\n\n\tconst listBlock = createListBlockFromDOMElement( list );\n\n\treturn [\n\t\t{\n\t\t\t...omit( attributes, [ 'values' ] ),\n\t\t\t...listBlock.attributes,\n\t\t},\n\t\tlistBlock.innerBlocks,\n\t];\n}\n"]}

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

@@ -1,37 +1,83 @@
-import { createElement } from "@wordpress/element";
+import { createElement, Fragment } from "@wordpress/element";
 
 /**
  * WordPress dependencies
  */
-import { RichText, useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
-import { __ } from '@wordpress/i18n';
+import { RichText, useBlockProps, useInnerBlocksProps, BlockControls } from '@wordpress/block-editor';
+import { isRTL, __ } from '@wordpress/i18n';
 import { createBlock } from '@wordpress/blocks';
-export default function ListItemEdit(_ref) {
+import { ToolbarButton } from '@wordpress/components';
+import { formatOutdent, formatOutdentRTL, formatIndentRTL, formatIndent } from '@wordpress/icons';
+import { useMergeRefs } from '@wordpress/compose';
+/**
+ * Internal dependencies
+ */
+
+import { useEnter, useIndentListItem, useOutdentListItem } from './hooks';
+
+function IndentUI(_ref) {
+  let {
+    clientId
+  } = _ref;
+  const [canIndent, indentListItem] = useIndentListItem(clientId);
+  const [canOutdent, outdentListItem] = useOutdentListItem(clientId);
+  return createElement(Fragment, null, createElement(ToolbarButton, {
+    icon: isRTL() ? formatOutdentRTL : formatOutdent,
+    title: __('Outdent'),
+    describedBy: __('Outdent list item'),
+    disabled: !canOutdent,
+    onClick: outdentListItem
+  }), createElement(ToolbarButton, {
+    icon: isRTL() ? formatIndentRTL : formatIndent,
+    title: __('Indent'),
+    describedBy: __('Indent list item'),
+    isDisabled: !canIndent,
+    onClick: indentListItem
+  }));
+}
+
+export default function ListItemEdit(_ref2) {
   let {
     name,
     attributes,
     setAttributes,
     mergeBlocks,
-    onReplace
-  } = _ref;
+    onReplace,
+    clientId
+  } = _ref2;
+  const {
+    placeholder,
+    content
+  } = attributes;
   const blockProps = useBlockProps();
   const innerBlocksProps = useInnerBlocksProps(blockProps, {
     allowedBlocks: ['core/list']
   });
-  return createElement("li", innerBlocksProps, createElement(RichText, {
+  const useEnterRef = useEnter({
+    content,
+    clientId
+  });
+  return createElement(Fragment, null, createElement("li", innerBlocksProps, createElement(RichText, {
+    ref: useMergeRefs([useEnterRef]),
     identifier: "content",
     tagName: "div",
     onChange: nextContent => setAttributes({
       content: nextContent
     }),
-    value: attributes.content,
+    value: content,
     "aria-label": __('List text'),
-    placeholder: attributes.placeholder || __('List'),
-    onSplit: value => createBlock(name, { ...attributes,
-      content: value
-    }),
+    placeholder: placeholder || __('List'),
+    onSplit: value => {
+      return createBlock(name, { ...attributes,
+        content: value
+      });
+    },
     onMerge: mergeBlocks,
     onReplace: onReplace
-  }), innerBlocksProps.children);
+  }), innerBlocksProps.children), createElement(BlockControls, {
+    group: "block"
+  }, createElement(IndentUI, {
+    clientId: clientId
+  })));
 }
 //# sourceMappingURL=edit.js.map

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","__","createBlock","ListItemEdit","name","attributes","setAttributes","mergeBlocks","onReplace","blockProps","innerBlocksProps","allowedBlocks","nextContent","content","placeholder","value","children"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,QADD,EAECC,aAFD,EAGCC,mBAHD,QAIO,yBAJP;AAKA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,QAA4B,mBAA5B;AAEA,eAAe,SAASC,YAAT,OAMX;AAAA,MANkC;AACrCC,IAAAA,IADqC;AAErCC,IAAAA,UAFqC;AAGrCC,IAAAA,aAHqC;AAIrCC,IAAAA,WAJqC;AAKrCC,IAAAA;AALqC,GAMlC;AACH,QAAMC,UAAU,GAAGV,aAAa,EAAhC;AACA,QAAMW,gBAAgB,GAAGV,mBAAmB,CAAES,UAAF,EAAc;AACzDE,IAAAA,aAAa,EAAE,CAAE,WAAF;AAD0C,GAAd,CAA5C;AAIA,SACC,oBAASD,gBAAT,EACC,cAAC,QAAD;AACC,IAAA,UAAU,EAAC,SADZ;AAEC,IAAA,OAAO,EAAC,KAFT;AAGC,IAAA,QAAQ,EAAKE,WAAF,IACVN,aAAa,CAAE;AAAEO,MAAAA,OAAO,EAAED;AAAX,KAAF,CAJf;AAMC,IAAA,KAAK,EAAGP,UAAU,CAACQ,OANpB;AAOC,kBAAaZ,EAAE,CAAE,WAAF,CAPhB;AAQC,IAAA,WAAW,EAAGI,UAAU,CAACS,WAAX,IAA0Bb,EAAE,CAAE,MAAF,CAR3C;AASC,IAAA,OAAO,EAAKc,KAAF,IACTb,WAAW,CAAEE,IAAF,EAAQ,EAClB,GAAGC,UADe;AAElBQ,MAAAA,OAAO,EAAEE;AAFS,KAAR,CAVb;AAeC,IAAA,OAAO,EAAGR,WAfX;AAgBC,IAAA,SAAS,EAAGC;AAhBb,IADD,EAmBGE,gBAAgB,CAACM,QAnBpB,CADD;AAuBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { createBlock } from '@wordpress/blocks';\n\nexport default function ListItemEdit( {\n\tname,\n\tattributes,\n\tsetAttributes,\n\tmergeBlocks,\n\tonReplace,\n} ) {\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\tallowedBlocks: [ 'core/list' ],\n\t} );\n\n\treturn (\n\t\t<li { ...innerBlocksProps }>\n\t\t\t<RichText\n\t\t\t\tidentifier=\"content\"\n\t\t\t\ttagName=\"div\"\n\t\t\t\tonChange={ ( nextContent ) =>\n\t\t\t\t\tsetAttributes( { content: nextContent } )\n\t\t\t\t}\n\t\t\t\tvalue={ attributes.content }\n\t\t\t\taria-label={ __( 'List text' ) }\n\t\t\t\tplaceholder={ attributes.placeholder || __( 'List' ) }\n\t\t\t\tonSplit={ ( value ) =>\n\t\t\t\t\tcreateBlock( name, {\n\t\t\t\t\t\t...attributes,\n\t\t\t\t\t\tcontent: value,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\tonReplace={ onReplace }\n\t\t\t/>\n\t\t\t{ innerBlocksProps.children }\n\t\t</li>\n\t);\n}\n"]}
+{"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"]}

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

@@ -0,0 +1,4 @@
+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';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,77 @@
+/**
+ * WordPress dependencies
+ */
+import { createBlock, getDefaultBlockName, cloneBlock } from '@wordpress/blocks';
+import { useRef } from '@wordpress/element';
+import { useRefEffect } from '@wordpress/compose';
+import { ENTER } from '@wordpress/keycodes';
+import { useSelect, useDispatch } from '@wordpress/data';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+/**
+ * Internal dependencies
+ */
+
+import useIndentListItem from './use-indent-list-item';
+export default function useEnter(props) {
+  const {
+    replaceBlocks
+  } = useDispatch(blockEditorStore);
+  const {
+    getBlock,
+    getBlockRootClientId,
+    getBlockParents,
+    getBlockIndex
+  } = useSelect(blockEditorStore);
+  const propsRef = useRef(props);
+  propsRef.current = props;
+  const [canIndent, indentListItem] = useIndentListItem(propsRef.current.clientId);
+  return useRefEffect(element => {
+    function onKeyDown(event) {
+      var _topParentListBlock$i;
+
+      if (event.defaultPrevented || event.keyCode !== ENTER) {
+        return;
+      }
+
+      const {
+        content,
+        clientId
+      } = propsRef.current;
+
+      if (content.length) {
+        return;
+      }
+
+      event.preventDefault();
+
+      if (canIndent) {
+        indentListItem();
+        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 blockIndex = getBlockIndex(clientId);
+      const head = cloneBlock({ ...topParentListBlock,
+        innerBlocks: topParentListBlock.innerBlocks.slice(0, blockIndex)
+      });
+      const middle = createBlock(getDefaultBlockName()); // Last list item might contain a `list` block innerBlock
+      // In that case append remaining innerBlocks blocks.
+
+      const after = [...(((_topParentListBlock$i = topParentListBlock.innerBlocks[blockIndex].innerBlocks[0]) === null || _topParentListBlock$i === void 0 ? void 0 : _topParentListBlock$i.innerBlocks) || []), ...topParentListBlock.innerBlocks.slice(blockIndex + 1)];
+      const tail = after.length ? [cloneBlock({ ...topParentListBlock,
+        innerBlocks: after
+      })] : [];
+      replaceBlocks(blockRootClientId, [head, middle, ...tail], 1, 0);
+    }
+
+    element.addEventListener('keydown', onKeyDown);
+    return () => {
+      element.removeEventListener('keydown', onKeyDown);
+    };
+  }, [canIndent]);
+}
+//# sourceMappingURL=use-enter.js.map

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

@@ -0,0 +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"]}