@wordpress/block-library 7.1.0 → 7.3.0

package/build/list/v2/migrate.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.migrateToListV2 = migrateToListV2;
+
+var _lodash = require("lodash");
+
+var _blocks = require("@wordpress/blocks");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+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 (0, _blocks.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 (0, _blocks.createBlock)('core/list-item', childAttributes, childInnerBlocks);
+  });
+  return (0, _blocks.createBlock)('core/list', listAttributes, innerBlocks);
+}
+
+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 [{ ...(0, _lodash.omit)(attributes, ['values']),
+    ...listBlock.attributes
+  }, listBlock.innerBlocks];
+}
+//# sourceMappingURL=migrate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list/v2/migrate.js"],"names":["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/list/v2/save.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = save;
+
+var _element = require("@wordpress/element");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _blockEditor = require("@wordpress/block-editor");
+
+/**
+ * WordPress dependencies
+ */
+function save(_ref) {
+  let {
+    attributes
+  } = _ref;
+  const {
+    ordered,
+    reversed,
+    start
+  } = attributes;
+  const TagName = ordered ? 'ol' : 'ul';
+  return (0, _element.createElement)(TagName, (0, _extends2.default)({
+    reversed: reversed,
+    start: start
+  }, _blockEditor.useBlockProps.save()), (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null));
+}
+//# sourceMappingURL=save.js.map

package/build/list/v2/save.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list/v2/save.js"],"names":["save","attributes","ordered","reversed","start","TagName","useBlockProps"],"mappings":";;;;;;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGe,SAASA,IAAT,OAAgC;AAAA,MAAjB;AAAEC,IAAAA;AAAF,GAAiB;AAC9C,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,QAAX;AAAqBC,IAAAA;AAArB,MAA+BH,UAArC;AACA,QAAMI,OAAO,GAAGH,OAAO,GAAG,IAAH,GAAU,IAAjC;AACA,SACC,4BAAC,OAAD;AACC,IAAA,QAAQ,EAAGC,QADZ;AAEC,IAAA,KAAK,EAAGC;AAFT,KAGME,2BAAcN,IAAd,EAHN,GAKC,4BAAC,wBAAD,CAAa,OAAb,OALD,CADD;AASA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { InnerBlocks, useBlockProps } from '@wordpress/block-editor';\n\nexport default function save( { attributes } ) {\n\tconst { ordered, reversed, start } = attributes;\n\tconst TagName = ordered ? 'ol' : 'ul';\n\treturn (\n\t\t<TagName\n\t\t\treversed={ reversed }\n\t\t\tstart={ start }\n\t\t\t{ ...useBlockProps.save() }\n\t\t>\n\t\t\t<InnerBlocks.Content />\n\t\t</TagName>\n\t);\n}\n"]}

package/build/list/v2/transforms.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _blocks = require("@wordpress/blocks");
+
+var _richText = require("@wordpress/rich-text");
+
+/**
+ * WordPress dependencies
+ */
+const transforms = {
+  from: [{
+    type: 'block',
+    isMultiBlock: true,
+    blocks: ['core/paragraph', 'core/heading'],
+    transform: blockAttributes => {
+      let childBlocks = [];
+
+      if (blockAttributes.length > 1) {
+        childBlocks = blockAttributes.map(_ref => {
+          let {
+            content
+          } = _ref;
+          return (0, _blocks.createBlock)('core/list-item', {
+            content
+          });
+        });
+      } else if (blockAttributes.length === 1) {
+        const value = (0, _richText.create)({
+          html: blockAttributes[0].content
+        });
+        childBlocks = (0, _richText.split)(value, '\n').map(result => {
+          return (0, _blocks.createBlock)('core/list-item', {
+            content: (0, _richText.toHTMLString)({
+              value: result
+            })
+          });
+        });
+      }
+
+      return (0, _blocks.createBlock)('core/list', {
+        anchor: blockAttributes.anchor
+      }, childBlocks);
+    }
+  }, {
+    type: 'block',
+    blocks: ['core/quote', 'core/pullquote'],
+    transform: _ref2 => {
+      let {
+        value,
+        anchor
+      } = _ref2;
+      return (0, _blocks.createBlock)('core/list', {
+        anchor
+      }, (0, _richText.split)((0, _richText.create)({
+        html: value,
+        multilineTag: 'p'
+      }), _richText.__UNSTABLE_LINE_SEPARATOR).map(result => {
+        return (0, _blocks.createBlock)('core/list-item', {
+          content: (0, _richText.toHTMLString)({
+            value: result
+          })
+        });
+      }));
+    }
+  }, ...['*', '-'].map(prefix => ({
+    type: 'prefix',
+    prefix,
+
+    transform(content) {
+      return (0, _blocks.createBlock)('core/list', {}, [(0, _blocks.createBlock)('core/list-item', {
+        content
+      })]);
+    }
+
+  })), ...['1.', '1)'].map(prefix => ({
+    type: 'prefix',
+    prefix,
+
+    transform(content) {
+      return (0, _blocks.createBlock)('core/list', {
+        ordered: true
+      }, [(0, _blocks.createBlock)('core/list-item', {
+        content
+      })]);
+    }
+
+  }))],
+  to: [...['core/paragraph', 'core/heading'].map(block => ({
+    type: 'block',
+    blocks: [block],
+    transform: (_attributes, childBlocks) => {
+      return childBlocks.filter(_ref3 => {
+        let {
+          name
+        } = _ref3;
+        return name === 'core/list-item';
+      }).map(_ref4 => {
+        let {
+          attributes
+        } = _ref4;
+        return (0, _blocks.createBlock)(block, {
+          content: attributes.content
+        });
+      });
+    }
+  })), ...['core/quote', 'core/pullquote'].map(block => ({
+    type: 'block',
+    blocks: [block],
+    transform: (attributes, innerBlocks) => {
+      return (0, _blocks.switchToBlockType)((0, _blocks.switchToBlockType)((0, _blocks.createBlock)('core/list', attributes, innerBlocks), 'core/paragraph'), block);
+    }
+  }))]
+};
+var _default = transforms;
+exports.default = _default;
+//# sourceMappingURL=transforms.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list/v2/transforms.js"],"names":["transforms","from","type","isMultiBlock","blocks","transform","blockAttributes","childBlocks","length","map","content","value","html","result","anchor","multilineTag","__UNSTABLE_LINE_SEPARATOR","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"]}

package/build/list-item/edit.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/edit.js"],"names":["IndentUI","clientId","canIndent","indentListItem","canOutdent","outdentListItem","formatOutdentRTL","formatOutdent","formatIndentRTL","formatIndent","ListItemEdit","name","attributes","setAttributes","mergeBlocks","onReplace","placeholder","content","blockProps","innerBlocksProps","allowedBlocks","useEnterRef","nextContent","value","children"],"mappings":";;;;;;;;;AAGA;;AAMA;;AACA;;AACA;;AACA;;AAMA;;AAKA;;AAvBA;AACA;AACA;;AAkBA;AACA;AACA;AAGA,SAASA,QAAT,OAAkC;AAAA,MAAf;AAAEC,IAAAA;AAAF,GAAe;AACjC,QAAM,CAAEC,SAAF,EAAaC,cAAb,IAAgC,8BAAmBF,QAAnB,CAAtC;AACA,QAAM,CAAEG,UAAF,EAAcC,eAAd,IAAkC,+BAAoBJ,QAApB,CAAxC;AAEA,SACC,qDACC,4BAAC,yBAAD;AACC,IAAA,IAAI,EAAG,qBAAUK,uBAAV,GAA6BC,oBADrC;AAEC,IAAA,KAAK,EAAG,cAAI,SAAJ,CAFT;AAGC,IAAA,WAAW,EAAG,cAAI,mBAAJ,CAHf;AAIC,IAAA,QAAQ,EAAG,CAAEH,UAJd;AAKC,IAAA,OAAO,EAAGC;AALX,IADD,EAQC,4BAAC,yBAAD;AACC,IAAA,IAAI,EAAG,qBAAUG,sBAAV,GAA4BC,mBADpC;AAEC,IAAA,KAAK,EAAG,cAAI,QAAJ,CAFT;AAGC,IAAA,WAAW,EAAG,cAAI,kBAAJ,CAHf;AAIC,IAAA,UAAU,EAAG,CAAEP,SAJhB;AAKC,IAAA,OAAO,EAAGC;AALX,IARD,CADD;AAkBA;;AAEc,SAASO,YAAT,QAOX;AAAA,MAPkC;AACrCC,IAAAA,IADqC;AAErCC,IAAAA,UAFqC;AAGrCC,IAAAA,aAHqC;AAIrCC,IAAAA,WAJqC;AAKrCC,IAAAA,SALqC;AAMrCd,IAAAA;AANqC,GAOlC;AACH,QAAM;AAAEe,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAA2BL,UAAjC;AACA,QAAMM,UAAU,GAAG,iCAAnB;AACA,QAAMC,gBAAgB,GAAG,sCAAqBD,UAArB,EAAiC;AACzDE,IAAAA,aAAa,EAAE,CAAE,WAAF;AAD0C,GAAjC,CAAzB;AAGA,QAAMC,WAAW,GAAG,qBAAU;AAAEJ,IAAAA,OAAF;AAAWhB,IAAAA;AAAX,GAAV,CAApB;AACA,SACC,qDACC,kCAASkB,gBAAT,EACC,4BAAC,qBAAD;AACC,IAAA,GAAG,EAAG,2BAAc,CAAEE,WAAF,CAAd,CADP;AAEC,IAAA,UAAU,EAAC,SAFZ;AAGC,IAAA,OAAO,EAAC,KAHT;AAIC,IAAA,QAAQ,EAAKC,WAAF,IACVT,aAAa,CAAE;AAAEI,MAAAA,OAAO,EAAEK;AAAX,KAAF,CALf;AAOC,IAAA,KAAK,EAAGL,OAPT;AAQC,kBAAa,cAAI,WAAJ,CARd;AASC,IAAA,WAAW,EAAGD,WAAW,IAAI,cAAI,MAAJ,CAT9B;AAUC,IAAA,OAAO,EAAKO,KAAF,IAAa;AACtB,aAAO,yBAAaZ,IAAb,EAAmB,EACzB,GAAGC,UADsB;AAEzBK,QAAAA,OAAO,EAAEM;AAFgB,OAAnB,CAAP;AAIA,KAfF;AAgBC,IAAA,OAAO,EAAGT,WAhBX;AAiBC,IAAA,SAAS,EAAGC;AAjBb,IADD,EAoBGI,gBAAgB,CAACK,QApBpB,CADD,EAuBC,4BAAC,0BAAD;AAAe,IAAA,KAAK,EAAC;AAArB,KACC,4BAAC,QAAD;AAAU,IAAA,QAAQ,EAAGvB;AAArB,IADD,CAvBD,CADD;AA6BA","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/list-item/hooks/index.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useEnter", {
+  enumerable: true,
+  get: function () {
+    return _useEnter.default;
+  }
+});
+Object.defineProperty(exports, "useIndentListItem", {
+  enumerable: true,
+  get: function () {
+    return _useIndentListItem.default;
+  }
+});
+Object.defineProperty(exports, "useOutdentListItem", {
+  enumerable: true,
+  get: function () {
+    return _useOutdentListItem.default;
+  }
+});
+
+var _useOutdentListItem = _interopRequireDefault(require("./use-outdent-list-item"));
+
+var _useIndentListItem = _interopRequireDefault(require("./use-indent-list-item"));
+
+var _useEnter = _interopRequireDefault(require("./use-enter"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA","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/list-item/hooks/use-enter.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useEnter;
+
+var _blocks = require("@wordpress/blocks");
+
+var _element = require("@wordpress/element");
+
+var _compose = require("@wordpress/compose");
+
+var _keycodes = require("@wordpress/keycodes");
+
+var _data = require("@wordpress/data");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _useIndentListItem = _interopRequireDefault(require("./use-indent-list-item"));
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function useEnter(props) {
+  const {
+    replaceBlocks
+  } = (0, _data.useDispatch)(_blockEditor.store);
+  const {
+    getBlock,
+    getBlockRootClientId,
+    getBlockParents,
+    getBlockIndex
+  } = (0, _data.useSelect)(_blockEditor.store);
+  const propsRef = (0, _element.useRef)(props);
+  propsRef.current = props;
+  const [canIndent, indentListItem] = (0, _useIndentListItem.default)(propsRef.current.clientId);
+  return (0, _compose.useRefEffect)(element => {
+    function onKeyDown(event) {
+      var _topParentListBlock$i;
+
+      if (event.defaultPrevented || event.keyCode !== _keycodes.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 = (0, _blocks.cloneBlock)({ ...topParentListBlock,
+        innerBlocks: topParentListBlock.innerBlocks.slice(0, blockIndex)
+      });
+      const middle = (0, _blocks.createBlock)((0, _blocks.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 ? [(0, _blocks.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/list-item/hooks/use-enter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-enter.js"],"names":["useEnter","props","replaceBlocks","blockEditorStore","getBlock","getBlockRootClientId","getBlockParents","getBlockIndex","propsRef","current","canIndent","indentListItem","clientId","element","onKeyDown","event","defaultPrevented","keyCode","ENTER","content","length","preventDefault","blockRootClientId","blockParents","topParentListBlockClientId","topParentListBlock","blockIndex","head","innerBlocks","slice","middle","after","tail","addEventListener","removeEventListener"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAjBA;AACA;AACA;;AAYA;AACA;AACA;AAGe,SAASA,QAAT,CAAmBC,KAAnB,EAA2B;AACzC,QAAM;AAAEC,IAAAA;AAAF,MAAoB,uBAAaC,kBAAb,CAA1B;AACA,QAAM;AACLC,IAAAA,QADK;AAELC,IAAAA,oBAFK;AAGLC,IAAAA,eAHK;AAILC,IAAAA;AAJK,MAKF,qBAAWJ,kBAAX,CALJ;AAMA,QAAMK,QAAQ,GAAG,qBAAQP,KAAR,CAAjB;AACAO,EAAAA,QAAQ,CAACC,OAAT,GAAmBR,KAAnB;AACA,QAAM,CAAES,SAAF,EAAaC,cAAb,IAAgC,gCACrCH,QAAQ,CAACC,OAAT,CAAiBG,QADoB,CAAtC;AAGA,SAAO,2BACJC,OAAF,IAAe;AACd,aAASC,SAAT,CAAoBC,KAApB,EAA4B;AAAA;;AAC3B,UAAKA,KAAK,CAACC,gBAAN,IAA0BD,KAAK,CAACE,OAAN,KAAkBC,eAAjD,EAAyD;AACxD;AACA;;AACD,YAAM;AAAEC,QAAAA,OAAF;AAAWP,QAAAA;AAAX,UAAwBJ,QAAQ,CAACC,OAAvC;;AACA,UAAKU,OAAO,CAACC,MAAb,EAAsB;AACrB;AACA;;AACDL,MAAAA,KAAK,CAACM,cAAN;;AACA,UAAKX,SAAL,EAAiB;AAChBC,QAAAA,cAAc;AACd;AACA,OAZ0B,CAa3B;;;AACA,YAAMW,iBAAiB,GAAGjB,oBAAoB,CAAEO,QAAF,CAA9C;AACA,YAAMW,YAAY,GAAGjB,eAAe,CAAEM,QAAF,CAApC;AACA,YAAMY,0BAA0B,GAAGD,YAAY,CAAE,CAAF,CAA/C;AACA,YAAME,kBAAkB,GAAGrB,QAAQ,CAClCoB,0BADkC,CAAnC;AAGA,YAAME,UAAU,GAAGnB,aAAa,CAAEK,QAAF,CAAhC;AACA,YAAMe,IAAI,GAAG,wBAAY,EACxB,GAAGF,kBADqB;AAExBG,QAAAA,WAAW,EAAEH,kBAAkB,CAACG,WAAnB,CAA+BC,KAA/B,CACZ,CADY,EAEZH,UAFY;AAFW,OAAZ,CAAb;AAOA,YAAMI,MAAM,GAAG,yBAAa,kCAAb,CAAf,CA5B2B,CA6B3B;AACA;;AACA,YAAMC,KAAK,GAAG,CACb,IAAK,0BAAAN,kBAAkB,CAACG,WAAnB,CAAgCF,UAAhC,EACHE,WADG,CACU,CADV,iFACeA,WADf,KAC8B,EADnC,CADa,EAGb,GAAGH,kBAAkB,CAACG,WAAnB,CAA+BC,KAA/B,CAAsCH,UAAU,GAAG,CAAnD,CAHU,CAAd;AAKA,YAAMM,IAAI,GAAGD,KAAK,CAACX,MAAN,GACV,CACA,wBAAY,EACX,GAAGK,kBADQ;AAEXG,QAAAA,WAAW,EAAEG;AAFF,OAAZ,CADA,CADU,GAOV,EAPH;AAQA7B,MAAAA,aAAa,CACZoB,iBADY,EAEZ,CAAEK,IAAF,EAAQG,MAAR,EAAgB,GAAGE,IAAnB,CAFY,EAGZ,CAHY,EAIZ,CAJY,CAAb;AAMA;;AAEDnB,IAAAA,OAAO,CAACoB,gBAAR,CAA0B,SAA1B,EAAqCnB,SAArC;AACA,WAAO,MAAM;AACZD,MAAAA,OAAO,CAACqB,mBAAR,CAA6B,SAA7B,EAAwCpB,SAAxC;AACA,KAFD;AAGA,GA1DK,EA2DN,CAAEJ,SAAF,CA3DM,CAAP;AA6DA","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"]}

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

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useIndentListItem;
+
+var _lodash = require("lodash");
+
+var _element = require("@wordpress/element");
+
+var _data = require("@wordpress/data");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _utils = require("../utils");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function useIndentListItem(clientId) {
+  const {
+    canIndent
+  } = (0, _data.useSelect)(innerSelect => {
+    const {
+      getBlockIndex
+    } = innerSelect(_blockEditor.store);
+    return {
+      canIndent: getBlockIndex(clientId) > 0
+    };
+  }, [clientId]);
+  const {
+    replaceBlocks,
+    selectionChange
+  } = (0, _data.useDispatch)(_blockEditor.store);
+  const {
+    getBlockRootClientId,
+    getBlock,
+    getBlockOrder,
+    getSelectionStart,
+    getSelectionEnd,
+    getBlockIndex
+  } = (0, _data.useSelect)(_blockEditor.store);
+  return [canIndent, (0, _element.useCallback)(() => {
+    var _first, _first2, _first3, _first4;
+
+    const selectionStart = getSelectionStart();
+    const selectionEnd = getSelectionEnd();
+    const parentId = getBlockRootClientId(clientId);
+    const previousSiblingId = getBlockOrder(parentId)[getBlockIndex(clientId) - 1];
+    const previousSibling = getBlock(previousSiblingId);
+    const previousSiblingChildren = ((_first = (0, _lodash.first)(previousSibling.innerBlocks)) === null || _first === void 0 ? void 0 : _first.innerBlocks) || [];
+    const previousSiblingListAttributes = ((_first2 = (0, _lodash.first)(previousSibling.innerBlocks)) === null || _first2 === void 0 ? void 0 : _first2.attributes) || {};
+    const block = getBlock(clientId);
+    const childListAttributes = (_first3 = (0, _lodash.first)(block.innerBlocks)) === null || _first3 === void 0 ? void 0 : _first3.attributes;
+    const childItemBlocks = ((_first4 = (0, _lodash.first)(block.innerBlocks)) === null || _first4 === void 0 ? void 0 : _first4.innerBlocks) || [];
+    const newBlock = (0, _utils.createListItem)(block.attributes, childListAttributes, childItemBlocks); // Replace the previous sibling of the block being indented and the indented block,
+    // 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.
+
+    replaceBlocks([previousSiblingId, clientId], [(0, _utils.createListItem)(previousSibling.attributes, previousSiblingListAttributes, [...previousSiblingChildren, newBlock])]); // Restore the selection state.
+
+    selectionChange(newBlock.clientId, selectionEnd.attributeKey, selectionEnd.clientId === selectionStart.clientId ? selectionStart.offset : selectionEnd.offset, selectionEnd.offset);
+  }, [clientId])];
+}
+//# sourceMappingURL=use-indent-list-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-indent-list-item.js"],"names":["useIndentListItem","clientId","canIndent","innerSelect","getBlockIndex","blockEditorStore","replaceBlocks","selectionChange","getBlockRootClientId","getBlock","getBlockOrder","getSelectionStart","getSelectionEnd","selectionStart","selectionEnd","parentId","previousSiblingId","previousSibling","previousSiblingChildren","innerBlocks","previousSiblingListAttributes","attributes","block","childListAttributes","childItemBlocks","newBlock","attributeKey","offset"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AACA;;AAKA;;AAfA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;AAGe,SAASA,iBAAT,CAA4BC,QAA5B,EAAuC;AACrD,QAAM;AAAEC,IAAAA;AAAF,MAAgB,qBACnBC,WAAF,IAAmB;AAClB,UAAM;AAAEC,MAAAA;AAAF,QAAoBD,WAAW,CAAEE,kBAAF,CAArC;AACA,WAAO;AACNH,MAAAA,SAAS,EAAEE,aAAa,CAAEH,QAAF,CAAb,GAA4B;AADjC,KAAP;AAGA,GANoB,EAOrB,CAAEA,QAAF,CAPqB,CAAtB;AASA,QAAM;AAAEK,IAAAA,aAAF;AAAiBC,IAAAA;AAAjB,MAAqC,uBAAaF,kBAAb,CAA3C;AACA,QAAM;AACLG,IAAAA,oBADK;AAELC,IAAAA,QAFK;AAGLC,IAAAA,aAHK;AAILC,IAAAA,iBAJK;AAKLC,IAAAA,eALK;AAMLR,IAAAA;AANK,MAOF,qBAAWC,kBAAX,CAPJ;AASA,SAAO,CACNH,SADM,EAEN,0BAAa,MAAM;AAAA;;AAClB,UAAMW,cAAc,GAAGF,iBAAiB,EAAxC;AACA,UAAMG,YAAY,GAAGF,eAAe,EAApC;AAEA,UAAMG,QAAQ,GAAGP,oBAAoB,CAAEP,QAAF,CAArC;AACA,UAAMe,iBAAiB,GAAGN,aAAa,CAAEK,QAAF,CAAb,CACzBX,aAAa,CAAEH,QAAF,CAAb,GAA4B,CADH,CAA1B;AAGA,UAAMgB,eAAe,GAAGR,QAAQ,CAAEO,iBAAF,CAAhC;AACA,UAAME,uBAAuB,GAC5B,8BAAOD,eAAe,CAACE,WAAvB,mDAAsCA,WAAtC,KAAqD,EADtD;AAEA,UAAMC,6BAA6B,GAClC,+BAAOH,eAAe,CAACE,WAAvB,qDAAsCE,UAAtC,KAAoD,EADrD;AAEA,UAAMC,KAAK,GAAGb,QAAQ,CAAER,QAAF,CAAtB;AAEA,UAAMsB,mBAAmB,cAAG,mBAAOD,KAAK,CAACH,WAAb,CAAH,4CAAG,QAA4BE,UAAxD;AACA,UAAMG,eAAe,GACpB,+BAAOF,KAAK,CAACH,WAAb,qDAA4BA,WAA5B,KAA2C,EAD5C;AAGA,UAAMM,QAAQ,GAAG,2BAChBH,KAAK,CAACD,UADU,EAEhBE,mBAFgB,EAGhBC,eAHgB,CAAjB,CAnBkB,CAwBlB;AACA;AACA;;AACAlB,IAAAA,aAAa,CACZ,CAAEU,iBAAF,EAAqBf,QAArB,CADY,EAEZ,CACC,2BACCgB,eAAe,CAACI,UADjB,EAECD,6BAFD,EAGC,CAAE,GAAGF,uBAAL,EAA8BO,QAA9B,CAHD,CADD,CAFY,CAAb,CA3BkB,CAsClB;;AACAlB,IAAAA,eAAe,CACdkB,QAAQ,CAACxB,QADK,EAEda,YAAY,CAACY,YAFC,EAGdZ,YAAY,CAACb,QAAb,KAA0BY,cAAc,CAACZ,QAAzC,GACGY,cAAc,CAACc,MADlB,GAEGb,YAAY,CAACa,MALF,EAMdb,YAAY,CAACa,MANC,CAAf;AAQA,GA/CD,EA+CG,CAAE1B,QAAF,CA/CH,CAFM,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"]}