@wordpress/block-library 7.2.0 → 7.3.0

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"]}

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

@@ -0,0 +1,77 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useOutdentListItem;
+
+var _element = require("@wordpress/element");
+
+var _data = require("@wordpress/data");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _utils = require("../utils");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function useOutdentListItem(clientId) {
+  const {
+    canOutdent
+  } = (0, _data.useSelect)(innerSelect => {
+    const {
+      getBlockRootClientId
+    } = innerSelect(_blockEditor.store);
+    const grandParentId = getBlockRootClientId(getBlockRootClientId(clientId));
+    return {
+      canOutdent: !!grandParentId
+    };
+  }, [clientId]);
+  const {
+    replaceBlocks,
+    selectionChange
+  } = (0, _data.useDispatch)(_blockEditor.store);
+  const {
+    getBlockRootClientId,
+    getBlockAttributes,
+    getBlock,
+    getBlockIndex,
+    getSelectionStart,
+    getSelectionEnd
+  } = (0, _data.useSelect)(_blockEditor.store);
+  return [canOutdent, (0, _element.useCallback)(() => {
+    const selectionStart = getSelectionStart();
+    const selectionEnd = getSelectionEnd();
+    const listParentId = getBlockRootClientId(clientId);
+    const listAttributes = getBlockAttributes(listParentId);
+    const listItemParentId = getBlockRootClientId(listParentId);
+    const listItemParentAttributes = getBlockAttributes(listItemParentId);
+    const index = getBlockIndex(clientId);
+    const siblingBlocks = getBlock(listParentId).innerBlocks;
+    const previousSiblings = siblingBlocks.slice(0, index);
+    const afterSiblings = siblingBlocks.slice(index + 1); // Create a new parent list item block with just the siblings
+    // that existed before the child item being outdent.
+
+    const newListItemParent = (0, _utils.createListItem)(listItemParentAttributes, listAttributes, previousSiblings);
+    const block = getBlock(clientId);
+    const childList = block.innerBlocks[0];
+    const childItems = (childList === null || childList === void 0 ? void 0 : childList.innerBlocks) || [];
+    const hasChildItems = !!childItems.length; // Create a new list item block whose attributes are equal to the
+    // block being outdent and whose children are the children that it had (if any)
+    // followed by the siblings that existed after it.
+
+    const newItem = (0, _utils.createListItem)(block.attributes, hasChildItems ? childList.attributes : listAttributes, [...childItems, ...afterSiblings]); // Replace the parent list item block, with a new block containing
+    // the previous siblings, followed by another block containing after siblings
+    // in relation to the block being outdent.
+
+    replaceBlocks([listItemParentId], [newListItemParent, newItem]); // Restore the selection state.
+
+    selectionChange(newItem.clientId, selectionEnd.attributeKey, selectionEnd.clientId === selectionStart.clientId ? selectionStart.offset : selectionEnd.offset, selectionEnd.offset);
+  }, [clientId])];
+}
+//# sourceMappingURL=use-outdent-list-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/hooks/use-outdent-list-item.js"],"names":["useOutdentListItem","clientId","canOutdent","innerSelect","getBlockRootClientId","blockEditorStore","grandParentId","replaceBlocks","selectionChange","getBlockAttributes","getBlock","getBlockIndex","getSelectionStart","getSelectionEnd","selectionStart","selectionEnd","listParentId","listAttributes","listItemParentId","listItemParentAttributes","index","siblingBlocks","innerBlocks","previousSiblings","slice","afterSiblings","newListItemParent","block","childList","childItems","hasChildItems","length","newItem","attributes","attributeKey","offset"],"mappings":";;;;;;;AAGA;;AACA;;AACA;;AAKA;;AAVA;AACA;AACA;;AAKA;AACA;AACA;AAGe,SAASA,kBAAT,CAA6BC,QAA7B,EAAwC;AACtD,QAAM;AAAEC,IAAAA;AAAF,MAAiB,qBACpBC,WAAF,IAAmB;AAClB,UAAM;AAAEC,MAAAA;AAAF,QAA2BD,WAAW,CAAEE,kBAAF,CAA5C;AACA,UAAMC,aAAa,GAAGF,oBAAoB,CACzCA,oBAAoB,CAAEH,QAAF,CADqB,CAA1C;AAGA,WAAO;AACNC,MAAAA,UAAU,EAAE,CAAC,CAAEI;AADT,KAAP;AAGA,GATqB,EAUtB,CAAEL,QAAF,CAVsB,CAAvB;AAYA,QAAM;AAAEM,IAAAA,aAAF;AAAiBC,IAAAA;AAAjB,MAAqC,uBAAaH,kBAAb,CAA3C;AACA,QAAM;AACLD,IAAAA,oBADK;AAELK,IAAAA,kBAFK;AAGLC,IAAAA,QAHK;AAILC,IAAAA,aAJK;AAKLC,IAAAA,iBALK;AAMLC,IAAAA;AANK,MAOF,qBAAWR,kBAAX,CAPJ;AASA,SAAO,CACNH,UADM,EAEN,0BAAa,MAAM;AAClB,UAAMY,cAAc,GAAGF,iBAAiB,EAAxC;AACA,UAAMG,YAAY,GAAGF,eAAe,EAApC;AAEA,UAAMG,YAAY,GAAGZ,oBAAoB,CAAEH,QAAF,CAAzC;AACA,UAAMgB,cAAc,GAAGR,kBAAkB,CAAEO,YAAF,CAAzC;AACA,UAAME,gBAAgB,GAAGd,oBAAoB,CAAEY,YAAF,CAA7C;AACA,UAAMG,wBAAwB,GAAGV,kBAAkB,CAClDS,gBADkD,CAAnD;AAIA,UAAME,KAAK,GAAGT,aAAa,CAAEV,QAAF,CAA3B;AACA,UAAMoB,aAAa,GAAGX,QAAQ,CAAEM,YAAF,CAAR,CAAyBM,WAA/C;AACA,UAAMC,gBAAgB,GAAGF,aAAa,CAACG,KAAd,CAAqB,CAArB,EAAwBJ,KAAxB,CAAzB;AACA,UAAMK,aAAa,GAAGJ,aAAa,CAACG,KAAd,CAAqBJ,KAAK,GAAG,CAA7B,CAAtB,CAdkB,CAgBlB;AACA;;AACA,UAAMM,iBAAiB,GAAG,2BACzBP,wBADyB,EAEzBF,cAFyB,EAGzBM,gBAHyB,CAA1B;AAMA,UAAMI,KAAK,GAAGjB,QAAQ,CAAET,QAAF,CAAtB;AACA,UAAM2B,SAAS,GAAGD,KAAK,CAACL,WAAN,CAAmB,CAAnB,CAAlB;AACA,UAAMO,UAAU,GAAG,CAAAD,SAAS,SAAT,IAAAA,SAAS,WAAT,YAAAA,SAAS,CAAEN,WAAX,KAA0B,EAA7C;AACA,UAAMQ,aAAa,GAAG,CAAC,CAAED,UAAU,CAACE,MAApC,CA3BkB,CA6BlB;AACA;AACA;;AACA,UAAMC,OAAO,GAAG,2BACfL,KAAK,CAACM,UADS,EAEfH,aAAa,GAAGF,SAAS,CAACK,UAAb,GAA0BhB,cAFxB,EAGf,CAAE,GAAGY,UAAL,EAAiB,GAAGJ,aAApB,CAHe,CAAhB,CAhCkB,CAsClB;AACA;AACA;;AACAlB,IAAAA,aAAa,CACZ,CAAEW,gBAAF,CADY,EAEZ,CAAEQ,iBAAF,EAAqBM,OAArB,CAFY,CAAb,CAzCkB,CA8ClB;;AACAxB,IAAAA,eAAe,CACdwB,OAAO,CAAC/B,QADM,EAEdc,YAAY,CAACmB,YAFC,EAGdnB,YAAY,CAACd,QAAb,KAA0Ba,cAAc,CAACb,QAAzC,GACGa,cAAc,CAACqB,MADlB,GAEGpB,YAAY,CAACoB,MALF,EAMdpB,YAAY,CAACoB,MANC,CAAf;AAQA,GAvDD,EAuDG,CAAElC,QAAF,CAvDH,CAFM,CAAP;AA2DA","sourcesContent":["/**\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 useOutdentListItem( clientId ) {\n\tconst { canOutdent } = useSelect(\n\t\t( innerSelect ) => {\n\t\t\tconst { getBlockRootClientId } = innerSelect( blockEditorStore );\n\t\t\tconst grandParentId = getBlockRootClientId(\n\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tcanOutdent: !! grandParentId,\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\tgetBlockAttributes,\n\t\tgetBlock,\n\t\tgetBlockIndex,\n\t\tgetSelectionStart,\n\t\tgetSelectionEnd,\n\t} = useSelect( blockEditorStore );\n\n\treturn [\n\t\tcanOutdent,\n\t\tuseCallback( () => {\n\t\t\tconst selectionStart = getSelectionStart();\n\t\t\tconst selectionEnd = getSelectionEnd();\n\n\t\t\tconst listParentId = getBlockRootClientId( clientId );\n\t\t\tconst listAttributes = getBlockAttributes( listParentId );\n\t\t\tconst listItemParentId = getBlockRootClientId( listParentId );\n\t\t\tconst listItemParentAttributes = getBlockAttributes(\n\t\t\t\tlistItemParentId\n\t\t\t);\n\n\t\t\tconst index = getBlockIndex( clientId );\n\t\t\tconst siblingBlocks = getBlock( listParentId ).innerBlocks;\n\t\t\tconst previousSiblings = siblingBlocks.slice( 0, index );\n\t\t\tconst afterSiblings = siblingBlocks.slice( index + 1 );\n\n\t\t\t// Create a new parent list item block with just the siblings\n\t\t\t// that existed before the child item being outdent.\n\t\t\tconst newListItemParent = createListItem(\n\t\t\t\tlistItemParentAttributes,\n\t\t\t\tlistAttributes,\n\t\t\t\tpreviousSiblings\n\t\t\t);\n\n\t\t\tconst block = getBlock( clientId );\n\t\t\tconst childList = block.innerBlocks[ 0 ];\n\t\t\tconst childItems = childList?.innerBlocks || [];\n\t\t\tconst hasChildItems = !! childItems.length;\n\n\t\t\t// Create a new list item block whose attributes are equal to the\n\t\t\t// block being outdent and whose children are the children that it had (if any)\n\t\t\t// followed by the siblings that existed after it.\n\t\t\tconst newItem = createListItem(\n\t\t\t\tblock.attributes,\n\t\t\t\thasChildItems ? childList.attributes : listAttributes,\n\t\t\t\t[ ...childItems, ...afterSiblings ]\n\t\t\t);\n\n\t\t\t// Replace the parent list item block, with a new block containing\n\t\t\t// the previous siblings, followed by another block containing after siblings\n\t\t\t// in relation to the block being outdent.\n\t\t\treplaceBlocks(\n\t\t\t\t[ listItemParentId ],\n\t\t\t\t[ newListItemParent, newItem ]\n\t\t\t);\n\n\t\t\t// Restore the selection state.\n\t\t\tselectionChange(\n\t\t\t\tnewItem.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"]}

package/build/list-item/index.js

@@ -52,7 +52,7 @@ const {
 } = metadata;
 exports.name = name;
 const settings = {
-  icon: _icons.list,
+  icon: _icons.listItem,
   edit: _edit.default,
   save: _save.default,
 

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/list-item/index.js"],"names":["name","metadata","settings","icon","edit","save","merge","attributes","attributesToMerge","content"],"mappings":";;;;;;;;;AAGA;;AAMA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,WADuB;AAEvBC,EAAAA,IAAI,EAAJA,aAFuB;AAGvBC,EAAAA,IAAI,EAAJA,aAHuB;;AAIvBC,EAAAA,KAAK,CAAEC,UAAF,EAAcC,iBAAd,EAAkC;AACtC,WAAO,EACN,GAAGD,UADG;AAENE,MAAAA,OAAO,EAAEF,UAAU,CAACE,OAAX,GAAqBD,iBAAiB,CAACC;AAF1C,KAAP;AAIA;;AATsB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { list as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\t...attributes,\n\t\t\tcontent: attributes.content + attributesToMerge.content,\n\t\t};\n\t},\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/list-item/index.js"],"names":["name","metadata","settings","icon","edit","save","merge","attributes","attributesToMerge","content"],"mappings":";;;;;;;;;AAGA;;AAMA;;AACA;;AAVA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,eADuB;AAEvBC,EAAAA,IAAI,EAAJA,aAFuB;AAGvBC,EAAAA,IAAI,EAAJA,aAHuB;;AAIvBC,EAAAA,KAAK,CAAEC,UAAF,EAAcC,iBAAd,EAAkC;AACtC,WAAO,EACN,GAAGD,UADG;AAENE,MAAAA,OAAO,EAAEF,UAAU,CAACE,OAAX,GAAqBD,iBAAiB,CAACC;AAF1C,KAAP;AAIA;;AATsB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { listItem as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\tedit,\n\tsave,\n\tmerge( attributes, attributesToMerge ) {\n\t\treturn {\n\t\t\t...attributes,\n\t\t\tcontent: attributes.content + attributesToMerge.content,\n\t\t};\n\t},\n};\n"]}

package/build/list-item/utils.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createListItem = createListItem;
+
+var _blocks = require("@wordpress/blocks");
+
+/**
+ * WordPress dependencies
+ */
+function createListItem(listItemAttributes, listAttributes, children) {
+  return (0, _blocks.createBlock)('core/list-item', listItemAttributes, !children || !children.length ? [] : [(0, _blocks.createBlock)('core/list', listAttributes, children)]);
+}
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/utils.js"],"names":["createListItem","listItemAttributes","listAttributes","children","length"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,SAASA,cAAT,CAAyBC,kBAAzB,EAA6CC,cAA7C,EAA6DC,QAA7D,EAAwE;AAC9E,SAAO,yBACN,gBADM,EAENF,kBAFM,EAGN,CAAEE,QAAF,IAAc,CAAEA,QAAQ,CAACC,MAAzB,GACG,EADH,GAEG,CAAE,yBAAa,WAAb,EAA0BF,cAA1B,EAA0CC,QAA1C,CAAF,CALG,CAAP;AAOA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\n\nexport function createListItem( listItemAttributes, listAttributes, children ) {\n\treturn createBlock(\n\t\t'core/list-item',\n\t\tlistItemAttributes,\n\t\t! children || ! children.length\n\t\t\t? []\n\t\t\t: [ createBlock( 'core/list', listAttributes, children ) ]\n\t);\n}\n"]}

package/build/media-text/media-container.native.js

@@ -31,10 +31,6 @@ var _url = require("@wordpress/url");
 
 var _compose = require("@wordpress/compose");
 
-var _data = require("@wordpress/data");
-
-var _notices = require("@wordpress/notices");
-
 var _style = _interopRequireDefault(require("./style.scss"));
 
 var _mediaContainerIcon = _interopRequireDefault(require("./media-container-icon"));
@@ -175,10 +171,6 @@ class MediaContainer extends _element.Component {
   }
 
   finishMediaUploadWithFailure() {
-    const {
-      createErrorNotice
-    } = this.props;
-    createErrorNotice((0, _i18n.__)('Failed to insert media.'));
     this.setState({
       isUploadInProgress: false
     });
@@ -363,14 +355,7 @@ class MediaContainer extends _element.Component {
 
 }
 
-var _default = (0, _compose.compose)([(0, _data.withDispatch)(dispatch => {
-  const {
-    createErrorNotice
-  } = dispatch(_notices.store);
-  return {
-    createErrorNotice
-  };
-}), _compose.withPreferredColorScheme])(MediaContainer);
+var _default = (0, _compose.compose)([_compose.withPreferredColorScheme])(MediaContainer);
 
 exports.default = _default;
 //# sourceMappingURL=media-container.native.js.map

package/build/media-text/media-container.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/media-text/media-container.native.js"],"names":["ALLOWED_MEDIA_TYPES","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","ICON_TYPE","PLACEHOLDER","RETRY","MediaContainer","Component","constructor","arguments","updateMediaProgress","bind","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","onSelectMediaUploadOption","onMediaPressed","state","isUploadInProgress","componentDidMount","mediaId","mediaUrl","props","params","id","url","type","onSelectMedia","media_type","mediaType","isMediaSelected","onMediaSelected","getIcon","iconType","getStylesFromColorScheme","iconStyle","styles","iconRetry","iconRetryVideo","iconRetryVideoDark","SvgIconRetry","iconPlaceholder","iconPlaceholderDark","icon","setState","payload","onMediaUpdate","mediaServerId","createErrorNotice","renderImage","openMediaOptions","aligmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","retryMessage","focalPointValues","IMAGE_DEFAULT_FOCAL_POINT","imageWithFocalPoint","height","imageCropped","mediaImageContainer","renderVideo","showVideo","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","videoContent","aspectRatio","VIDEO_ASPECT_RATIO","videoPlayer","video","uri","modalIcon","renderContent","mediaElement","renderPlaceholder","title","onFocus","render","onSetOpenPickerRef","coverUrl","open","getMediaOptions","dispatch","noticesStore","withPreferredColorScheme"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tmediaUploadSync,\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n} from '@wordpress/react-native-bridge';\nimport { Icon, Image, IMAGE_DEFAULT_FOCAL_POINT } from '@wordpress/components';\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tVIDEO_ASPECT_RATIO,\n\tVideoPlayer,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { isURL, getProtocol } from '@wordpress/url';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { withDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport icon from './media-container-icon';\nimport SvgIconRetry from './icon-retry';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ];\n\nconst ICON_TYPE = {\n\tPLACEHOLDER: 'placeholder',\n\tRETRY: 'retry',\n};\n\nexport { imageFillStyles } from './media-container.js';\n\nclass MediaContainer extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.updateMediaProgress = this.updateMediaProgress.bind( this );\n\t\tthis.finishMediaUploadWithSuccess = this.finishMediaUploadWithSuccess.bind(\n\t\t\tthis\n\t\t);\n\t\tthis.finishMediaUploadWithFailure = this.finishMediaUploadWithFailure.bind(\n\t\t\tthis\n\t\t);\n\t\tthis.mediaUploadStateReset = this.mediaUploadStateReset.bind( this );\n\t\tthis.onSelectMediaUploadOption = this.onSelectMediaUploadOption.bind(\n\t\t\tthis\n\t\t);\n\t\tthis.onMediaPressed = this.onMediaPressed.bind( this );\n\n\t\tthis.state = {\n\t\t\tisUploadInProgress: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { mediaId, mediaUrl } = this.props;\n\n\t\t// Make sure we mark any temporary images as failed if they failed while\n\t\t// the editor wasn't open.\n\t\tif ( mediaId && mediaUrl && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\tmediaUploadSync();\n\t\t}\n\t}\n\n\tonSelectMediaUploadOption( params ) {\n\t\tconst { id, url, type } = params;\n\t\tconst { onSelectMedia } = this.props;\n\n\t\tonSelectMedia( {\n\t\t\tmedia_type: type,\n\t\t\tid,\n\t\t\turl,\n\t\t} );\n\t}\n\n\tonMediaPressed() {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\tmediaId,\n\t\t\tmediaUrl,\n\t\t\tmediaType,\n\t\t\tisMediaSelected,\n\t\t\tonMediaSelected,\n\t\t} = this.props;\n\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( mediaId );\n\t\t} else if ( mediaId && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( mediaId );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE && isMediaSelected ) {\n\t\t\trequestImageFullscreenPreview( mediaUrl );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE ) {\n\t\t\tonMediaSelected();\n\t\t}\n\t}\n\n\tgetIcon( iconType ) {\n\t\tconst { mediaType, getStylesFromColorScheme } = this.props;\n\t\tlet iconStyle;\n\t\tswitch ( iconType ) {\n\t\t\tcase ICON_TYPE.RETRY:\n\t\t\t\ticonStyle =\n\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t? styles.iconRetry\n\t\t\t\t\t\t: getStylesFromColorScheme(\n\t\t\t\t\t\t\t\tstyles.iconRetryVideo,\n\t\t\t\t\t\t\t\tstyles.iconRetryVideoDark\n\t\t\t\t\t\t  );\n\n\t\t\t\treturn <Icon icon={ SvgIconRetry } { ...iconStyle } />;\n\t\t\tcase ICON_TYPE.PLACEHOLDER:\n\t\t\t\ticonStyle = getStylesFromColorScheme(\n\t\t\t\t\tstyles.iconPlaceholder,\n\t\t\t\t\tstyles.iconPlaceholderDark\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <Icon icon={ icon } { ...iconStyle } />;\n\t}\n\n\tupdateMediaProgress() {\n\t\tif ( ! this.state.isUploadInProgress ) {\n\t\t\tthis.setState( { isUploadInProgress: true } );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( {\n\t\t\tid: payload.mediaServerId,\n\t\t\turl: payload.mediaUrl,\n\t\t} );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tfinishMediaUploadWithFailure() {\n\t\tconst { createErrorNotice } = this.props;\n\n\t\tcreateErrorNotice( __( 'Failed to insert media.' ) );\n\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tmediaUploadStateReset() {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( { id: null, url: null } );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\trenderImage( params, openMediaOptions ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tfocalPoint,\n\t\t\timageFill,\n\t\t\tisMediaSelected,\n\t\t\tisSelected,\n\t\t\tmediaAlt,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tshouldStack,\n\t\t} = this.props;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst focalPointValues = ! focalPoint\n\t\t\t? IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t: focalPoint;\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\timageFill && styles.imageWithFocalPoint,\n\t\t\t\t\timageFill &&\n\t\t\t\t\t\tshouldStack && {\n\t\t\t\t\t\t\theight: styles.imageFill.height,\n\t\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tonLongPress={ openMediaOptions }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\timageFill && styles.imageCropped,\n\t\t\t\t\t\t\tstyles.mediaImageContainer,\n\t\t\t\t\t\t\t! isUploadInProgress && aligmentStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tfocalPoint={ imageFill && focalPointValues }\n\t\t\t\t\t\t\tisSelected={ isMediaSelected }\n\t\t\t\t\t\t\tisUploadFailed={ isUploadFailed }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={\n\t\t\t\t\t\t\t\tthis.onSelectMediaUploadOption\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\tretryMessage={ retryMessage }\n\t\t\t\t\t\t\turl={ mediaUrl }\n\t\t\t\t\t\t\twidth={ ! isUploadInProgress && mediaWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderVideo( params, openMediaOptions ) {\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tmediaUrl,\n\t\t\tisSelected,\n\t\t\tgetStylesFromColorScheme,\n\t\t} = this.props;\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst showVideo =\n\t\t\tisURL( mediaUrl ) && ! isUploadInProgress && ! isUploadFailed;\n\n\t\tconst videoPlaceholderStyles = getStylesFromColorScheme(\n\t\t\tstyles.videoPlaceholder,\n\t\t\tstyles.videoPlaceholderDark\n\t\t);\n\t\tconst retryVideoTextStyles = [\n\t\t\tstyles.uploadFailedText,\n\t\t\tgetStylesFromColorScheme(\n\t\t\t\tstyles.uploadFailedTextVideo,\n\t\t\t\tstyles.uploadFailedTextVideoDark\n\t\t\t),\n\t\t];\n\n\t\treturn (\n\t\t\t<View style={ styles.mediaVideo }>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tonLongPress={ openMediaOptions }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View style={ [ styles.videoContainer, aligmentStyles ] }>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.videoContent,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\taspectRatio: VIDEO_ASPECT_RATIO,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ showVideo && (\n\t\t\t\t\t\t\t\t<View style={ styles.videoPlayer }>\n\t\t\t\t\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\tstyle={ styles.video }\n\t\t\t\t\t\t\t\t\t\tsource={ { uri: mediaUrl } }\n\t\t\t\t\t\t\t\t\t\tpaused={ true }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! showVideo && (\n\t\t\t\t\t\t\t\t<View style={ videoPlaceholderStyles }>\n\t\t\t\t\t\t\t\t\t<View style={ styles.modalIcon }>\n\t\t\t\t\t\t\t\t\t\t{ isUploadFailed\n\t\t\t\t\t\t\t\t\t\t\t? this.getIcon( ICON_TYPE.RETRY )\n\t\t\t\t\t\t\t\t\t\t\t: this.getIcon(\n\t\t\t\t\t\t\t\t\t\t\t\t\tICON_TYPE.PLACEHOLDER\n\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t\t\t\t<Text style={ retryVideoTextStyles }>\n\t\t\t\t\t\t\t\t\t\t\t{ retryMessage }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderContent( params, openMediaOptions ) {\n\t\tconst { mediaType } = this.props;\n\t\tlet mediaElement = null;\n\n\t\tswitch ( mediaType ) {\n\t\t\tcase MEDIA_TYPE_IMAGE:\n\t\t\t\tmediaElement = this.renderImage( params, openMediaOptions );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_TYPE_VIDEO:\n\t\t\t\tmediaElement = this.renderVideo( params, openMediaOptions );\n\t\t\t\tbreak;\n\t\t}\n\t\treturn mediaElement;\n\t}\n\n\trenderPlaceholder() {\n\t\treturn (\n\t\t\t<MediaPlaceholder\n\t\t\t\ticon={ this.getIcon( ICON_TYPE.PLACEHOLDER ) }\n\t\t\t\tlabels={ {\n\t\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t\t} }\n\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { mediaUrl, mediaId, mediaType, onSetOpenPickerRef } = this.props;\n\t\tconst coverUrl = mediaType === MEDIA_TYPE_IMAGE ? mediaUrl : null;\n\n\t\tif ( mediaUrl ) {\n\t\t\treturn (\n\t\t\t\t<MediaUpload\n\t\t\t\t\tisReplacingMedia={ true }\n\t\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ mediaId }\n\t\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\t\tonSetOpenPickerRef( open );\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ getMediaOptions() }\n\n\t\t\t\t\t\t\t\t<MediaUploadProgress\n\t\t\t\t\t\t\t\t\tcoverUrl={ coverUrl }\n\t\t\t\t\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\t\t\t\t\tonUpdateMediaProgress={\n\t\t\t\t\t\t\t\t\t\tthis.updateMediaProgress\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithSuccess={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithSuccess\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithFailure={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithFailure\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonMediaUploadStateReset={\n\t\t\t\t\t\t\t\t\t\tthis.mediaUploadStateReset\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\trenderContent={ ( params ) => {\n\t\t\t\t\t\t\t\t\t\treturn this.renderContent(\n\t\t\t\t\t\t\t\t\t\t\tparams,\n\t\t\t\t\t\t\t\t\t\t\topen\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\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\treturn this.renderPlaceholder();\n\t}\n}\n\nexport default compose( [\n\twithDispatch( ( dispatch ) => {\n\t\tconst { createErrorNotice } = dispatch( noticesStore );\n\n\t\treturn { createErrorNotice };\n\t} ),\n\twithPreferredColorScheme,\n] )( MediaContainer );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/media-text/media-container.native.js"],"names":["ALLOWED_MEDIA_TYPES","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","ICON_TYPE","PLACEHOLDER","RETRY","MediaContainer","Component","constructor","arguments","updateMediaProgress","bind","finishMediaUploadWithSuccess","finishMediaUploadWithFailure","mediaUploadStateReset","onSelectMediaUploadOption","onMediaPressed","state","isUploadInProgress","componentDidMount","mediaId","mediaUrl","props","params","id","url","type","onSelectMedia","media_type","mediaType","isMediaSelected","onMediaSelected","getIcon","iconType","getStylesFromColorScheme","iconStyle","styles","iconRetry","iconRetryVideo","iconRetryVideoDark","SvgIconRetry","iconPlaceholder","iconPlaceholderDark","icon","setState","payload","onMediaUpdate","mediaServerId","renderImage","openMediaOptions","aligmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","retryMessage","focalPointValues","IMAGE_DEFAULT_FOCAL_POINT","imageWithFocalPoint","height","imageCropped","mediaImageContainer","renderVideo","showVideo","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","videoContent","aspectRatio","VIDEO_ASPECT_RATIO","videoPlayer","video","uri","modalIcon","renderContent","mediaElement","renderPlaceholder","title","onFocus","render","onSetOpenPickerRef","coverUrl","open","getMediaOptions","withPreferredColorScheme"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tmediaUploadSync,\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n} from '@wordpress/react-native-bridge';\nimport { Icon, Image, IMAGE_DEFAULT_FOCAL_POINT } from '@wordpress/components';\nimport {\n\tMEDIA_TYPE_IMAGE,\n\tMEDIA_TYPE_VIDEO,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tVIDEO_ASPECT_RATIO,\n\tVideoPlayer,\n} from '@wordpress/block-editor';\nimport { Component } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { isURL, getProtocol } from '@wordpress/url';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport icon from './media-container-icon';\nimport SvgIconRetry from './icon-retry';\n\n/**\n * Constants\n */\nconst ALLOWED_MEDIA_TYPES = [ MEDIA_TYPE_IMAGE, MEDIA_TYPE_VIDEO ];\n\nconst ICON_TYPE = {\n\tPLACEHOLDER: 'placeholder',\n\tRETRY: 'retry',\n};\n\nexport { imageFillStyles } from './media-container.js';\n\nclass MediaContainer extends Component {\n\tconstructor() {\n\t\tsuper( ...arguments );\n\t\tthis.updateMediaProgress = this.updateMediaProgress.bind( this );\n\t\tthis.finishMediaUploadWithSuccess = this.finishMediaUploadWithSuccess.bind(\n\t\t\tthis\n\t\t);\n\t\tthis.finishMediaUploadWithFailure = this.finishMediaUploadWithFailure.bind(\n\t\t\tthis\n\t\t);\n\t\tthis.mediaUploadStateReset = this.mediaUploadStateReset.bind( this );\n\t\tthis.onSelectMediaUploadOption = this.onSelectMediaUploadOption.bind(\n\t\t\tthis\n\t\t);\n\t\tthis.onMediaPressed = this.onMediaPressed.bind( this );\n\n\t\tthis.state = {\n\t\t\tisUploadInProgress: false,\n\t\t};\n\t}\n\n\tcomponentDidMount() {\n\t\tconst { mediaId, mediaUrl } = this.props;\n\n\t\t// Make sure we mark any temporary images as failed if they failed while\n\t\t// the editor wasn't open.\n\t\tif ( mediaId && mediaUrl && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\tmediaUploadSync();\n\t\t}\n\t}\n\n\tonSelectMediaUploadOption( params ) {\n\t\tconst { id, url, type } = params;\n\t\tconst { onSelectMedia } = this.props;\n\n\t\tonSelectMedia( {\n\t\t\tmedia_type: type,\n\t\t\tid,\n\t\t\turl,\n\t\t} );\n\t}\n\n\tonMediaPressed() {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\tmediaId,\n\t\t\tmediaUrl,\n\t\t\tmediaType,\n\t\t\tisMediaSelected,\n\t\t\tonMediaSelected,\n\t\t} = this.props;\n\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( mediaId );\n\t\t} else if ( mediaId && getProtocol( mediaUrl ) === 'file:' ) {\n\t\t\trequestImageFailedRetryDialog( mediaId );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE && isMediaSelected ) {\n\t\t\trequestImageFullscreenPreview( mediaUrl );\n\t\t} else if ( mediaType === MEDIA_TYPE_IMAGE ) {\n\t\t\tonMediaSelected();\n\t\t}\n\t}\n\n\tgetIcon( iconType ) {\n\t\tconst { mediaType, getStylesFromColorScheme } = this.props;\n\t\tlet iconStyle;\n\t\tswitch ( iconType ) {\n\t\t\tcase ICON_TYPE.RETRY:\n\t\t\t\ticonStyle =\n\t\t\t\t\tmediaType === MEDIA_TYPE_IMAGE\n\t\t\t\t\t\t? styles.iconRetry\n\t\t\t\t\t\t: getStylesFromColorScheme(\n\t\t\t\t\t\t\t\tstyles.iconRetryVideo,\n\t\t\t\t\t\t\t\tstyles.iconRetryVideoDark\n\t\t\t\t\t\t  );\n\n\t\t\t\treturn <Icon icon={ SvgIconRetry } { ...iconStyle } />;\n\t\t\tcase ICON_TYPE.PLACEHOLDER:\n\t\t\t\ticonStyle = getStylesFromColorScheme(\n\t\t\t\t\tstyles.iconPlaceholder,\n\t\t\t\t\tstyles.iconPlaceholderDark\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t}\n\t\treturn <Icon icon={ icon } { ...iconStyle } />;\n\t}\n\n\tupdateMediaProgress() {\n\t\tif ( ! this.state.isUploadInProgress ) {\n\t\t\tthis.setState( { isUploadInProgress: true } );\n\t\t}\n\t}\n\n\tfinishMediaUploadWithSuccess( payload ) {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( {\n\t\t\tid: payload.mediaServerId,\n\t\t\turl: payload.mediaUrl,\n\t\t} );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tfinishMediaUploadWithFailure() {\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\tmediaUploadStateReset() {\n\t\tconst { onMediaUpdate } = this.props;\n\n\t\tonMediaUpdate( { id: null, url: null } );\n\t\tthis.setState( { isUploadInProgress: false } );\n\t}\n\n\trenderImage( params, openMediaOptions ) {\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tfocalPoint,\n\t\t\timageFill,\n\t\t\tisMediaSelected,\n\t\t\tisSelected,\n\t\t\tmediaAlt,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tshouldStack,\n\t\t} = this.props;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst focalPointValues = ! focalPoint\n\t\t\t? IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t: focalPoint;\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\timageFill && styles.imageWithFocalPoint,\n\t\t\t\t\timageFill &&\n\t\t\t\t\t\tshouldStack && {\n\t\t\t\t\t\t\theight: styles.imageFill.height,\n\t\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tonLongPress={ openMediaOptions }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\timageFill && styles.imageCropped,\n\t\t\t\t\t\t\tstyles.mediaImageContainer,\n\t\t\t\t\t\t\t! isUploadInProgress && aligmentStyles,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\talign=\"center\"\n\t\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\t\tfocalPoint={ imageFill && focalPointValues }\n\t\t\t\t\t\t\tisSelected={ isMediaSelected }\n\t\t\t\t\t\t\tisUploadFailed={ isUploadFailed }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={\n\t\t\t\t\t\t\t\tthis.onSelectMediaUploadOption\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\tretryMessage={ retryMessage }\n\t\t\t\t\t\t\turl={ mediaUrl }\n\t\t\t\t\t\t\twidth={ ! isUploadInProgress && mediaWidth }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderVideo( params, openMediaOptions ) {\n\t\tconst {\n\t\t\taligmentStyles,\n\t\t\tmediaUrl,\n\t\t\tisSelected,\n\t\t\tgetStylesFromColorScheme,\n\t\t} = this.props;\n\t\tconst { isUploadInProgress } = this.state;\n\t\tconst { isUploadFailed, retryMessage } = params;\n\t\tconst showVideo =\n\t\t\tisURL( mediaUrl ) && ! isUploadInProgress && ! isUploadFailed;\n\n\t\tconst videoPlaceholderStyles = getStylesFromColorScheme(\n\t\t\tstyles.videoPlaceholder,\n\t\t\tstyles.videoPlaceholderDark\n\t\t);\n\t\tconst retryVideoTextStyles = [\n\t\t\tstyles.uploadFailedText,\n\t\t\tgetStylesFromColorScheme(\n\t\t\t\tstyles.uploadFailedTextVideo,\n\t\t\t\tstyles.uploadFailedTextVideoDark\n\t\t\t),\n\t\t];\n\n\t\treturn (\n\t\t\t<View style={ styles.mediaVideo }>\n\t\t\t\t<TouchableWithoutFeedback\n\t\t\t\t\taccessible={ ! isSelected }\n\t\t\t\t\tonPress={ this.onMediaPressed }\n\t\t\t\t\tonLongPress={ openMediaOptions }\n\t\t\t\t\tdisabled={ ! isSelected }\n\t\t\t\t>\n\t\t\t\t\t<View style={ [ styles.videoContainer, aligmentStyles ] }>\n\t\t\t\t\t\t<View\n\t\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\t\tstyles.videoContent,\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\taspectRatio: VIDEO_ASPECT_RATIO,\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ showVideo && (\n\t\t\t\t\t\t\t\t<View style={ styles.videoPlayer }>\n\t\t\t\t\t\t\t\t\t<VideoPlayer\n\t\t\t\t\t\t\t\t\t\tisSelected={ isSelected }\n\t\t\t\t\t\t\t\t\t\tstyle={ styles.video }\n\t\t\t\t\t\t\t\t\t\tsource={ { uri: mediaUrl } }\n\t\t\t\t\t\t\t\t\t\tpaused={ true }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ ! showVideo && (\n\t\t\t\t\t\t\t\t<View style={ videoPlaceholderStyles }>\n\t\t\t\t\t\t\t\t\t<View style={ styles.modalIcon }>\n\t\t\t\t\t\t\t\t\t\t{ isUploadFailed\n\t\t\t\t\t\t\t\t\t\t\t? this.getIcon( ICON_TYPE.RETRY )\n\t\t\t\t\t\t\t\t\t\t\t: this.getIcon(\n\t\t\t\t\t\t\t\t\t\t\t\t\tICON_TYPE.PLACEHOLDER\n\t\t\t\t\t\t\t\t\t\t\t  ) }\n\t\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t\t\t{ isUploadFailed && (\n\t\t\t\t\t\t\t\t\t\t<Text style={ retryVideoTextStyles }>\n\t\t\t\t\t\t\t\t\t\t\t{ retryMessage }\n\t\t\t\t\t\t\t\t\t\t</Text>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</View>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</View>\n\t\t\t\t</TouchableWithoutFeedback>\n\t\t\t</View>\n\t\t);\n\t}\n\n\trenderContent( params, openMediaOptions ) {\n\t\tconst { mediaType } = this.props;\n\t\tlet mediaElement = null;\n\n\t\tswitch ( mediaType ) {\n\t\t\tcase MEDIA_TYPE_IMAGE:\n\t\t\t\tmediaElement = this.renderImage( params, openMediaOptions );\n\t\t\t\tbreak;\n\t\t\tcase MEDIA_TYPE_VIDEO:\n\t\t\t\tmediaElement = this.renderVideo( params, openMediaOptions );\n\t\t\t\tbreak;\n\t\t}\n\t\treturn mediaElement;\n\t}\n\n\trenderPlaceholder() {\n\t\treturn (\n\t\t\t<MediaPlaceholder\n\t\t\t\ticon={ this.getIcon( ICON_TYPE.PLACEHOLDER ) }\n\t\t\t\tlabels={ {\n\t\t\t\t\ttitle: __( 'Media area' ),\n\t\t\t\t} }\n\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonFocus={ this.props.onFocus }\n\t\t\t/>\n\t\t);\n\t}\n\n\trender() {\n\t\tconst { mediaUrl, mediaId, mediaType, onSetOpenPickerRef } = this.props;\n\t\tconst coverUrl = mediaType === MEDIA_TYPE_IMAGE ? mediaUrl : null;\n\n\t\tif ( mediaUrl ) {\n\t\t\treturn (\n\t\t\t\t<MediaUpload\n\t\t\t\t\tisReplacingMedia={ true }\n\t\t\t\t\tonSelect={ this.onSelectMediaUploadOption }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tvalue={ mediaId }\n\t\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\t\tonSetOpenPickerRef( open );\n\n\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ getMediaOptions() }\n\n\t\t\t\t\t\t\t\t<MediaUploadProgress\n\t\t\t\t\t\t\t\t\tcoverUrl={ coverUrl }\n\t\t\t\t\t\t\t\t\tmediaId={ mediaId }\n\t\t\t\t\t\t\t\t\tonUpdateMediaProgress={\n\t\t\t\t\t\t\t\t\t\tthis.updateMediaProgress\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithSuccess={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithSuccess\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonFinishMediaUploadWithFailure={\n\t\t\t\t\t\t\t\t\t\tthis.finishMediaUploadWithFailure\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonMediaUploadStateReset={\n\t\t\t\t\t\t\t\t\t\tthis.mediaUploadStateReset\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\trenderContent={ ( params ) => {\n\t\t\t\t\t\t\t\t\t\treturn this.renderContent(\n\t\t\t\t\t\t\t\t\t\t\tparams,\n\t\t\t\t\t\t\t\t\t\t\topen\n\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\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\treturn this.renderPlaceholder();\n\t}\n}\n\nexport default compose( [ withPreferredColorScheme ] )( MediaContainer );\n"]}

package/build/navigation/edit/index.js

@@ -25,8 +25,6 @@ var _i18n = require("@wordpress/i18n");
 
 var _a11y = require("@wordpress/a11y");
 
-var _useListViewModal = _interopRequireDefault(require("./use-list-view-modal"));
-
 var _useNavigationMenu = _interopRequireDefault(require("../use-navigation-menu"));
 
 var _useNavigationEntities = _interopRequireDefault(require("../use-navigation-entities"));
@@ -92,6 +90,8 @@ function detectColors(colorsDetectionElement, setColor, setBackground) {
 }
 
 function Navigation(_ref) {
+  var _attributes$style, _attributes$style$typ;
+
   let {
     attributes,
     setAttributes,
@@ -151,6 +151,9 @@ function Navigation(_ref) {
   // the Select Menu dropdown.
 
   (0, _useNavigationEntities.default)();
+  const [showNavigationMenuDeleteNotice] = (0, _useNavigationNotice.default)({
+    name: 'block-library/core/navigation/delete'
+  });
   const [showNavigationMenuCreateNotice, hideNavigationMenuCreateNotice] = (0, _useNavigationNotice.default)({
     name: 'block-library/core/navigation/create'
   });
@@ -217,6 +220,7 @@ function Navigation(_ref) {
   const [isResponsiveMenuOpen, setResponsiveMenuVisibility] = (0, _element.useState)(false);
   const [overlayMenuPreview, setOverlayMenuPreview] = (0, _element.useState)(false);
   const {
+    hasResolvedNavigationMenus,
     isNavigationMenuResolved,
     isNavigationMenuMissing,
     navigationMenus,
@@ -228,13 +232,19 @@ function Navigation(_ref) {
     canUserCreateNavigationMenu,
     isResolvingCanUserCreateNavigationMenu,
     hasResolvedCanUserCreateNavigationMenu
-  } = (0, _useNavigationMenu.default)(ref);
+  } = (0, _useNavigationMenu.default)(ref); // Attempt to retrieve and prioritize any existing navigation menu unless
+  // a specific ref is allocated or the user is explicitly creating a new menu. The aim is
+  // for the block to "just work" from a user perspective using existing data.
+
+  (0, _element.useEffect)(() => {
+    if (isCreatingNavigationMenu || ref || !(navigationMenus !== null && navigationMenus !== void 0 && navigationMenus.length) || (navigationMenus === null || navigationMenus === void 0 ? void 0 : navigationMenus.length) > 1) {
+      return;
+    }
+
+    setRef(navigationMenus[0].id);
+  }, [navigationMenus]);
   const navRef = (0, _element.useRef)();
   const isDraftNavigationMenu = (navigationMenu === null || navigationMenu === void 0 ? void 0 : navigationMenu.status) === 'draft';
-  const {
-    listViewToolbarButton,
-    listViewModal
-  } = (0, _useListViewModal.default)(clientId);
   const {
     convert,
     status: classicMenuConversionStatus,
@@ -250,7 +260,7 @@ function Navigation(_ref) {
   // - there are no uncontrolled blocks.
   // - (legacy) there is a Navigation Area without a ref attribute pointing to a Navigation Post.
 
-  const isPlaceholder = !ref && !isCreatingNavigationMenu && !isConvertingClassicMenu && (!hasUncontrolledInnerBlocks || isWithinUnassignedArea);
+  const isPlaceholder = !ref && !isCreatingNavigationMenu && !isConvertingClassicMenu && hasResolvedNavigationMenus && (!hasUncontrolledInnerBlocks || isWithinUnassignedArea);
   const isEntityAvailable = !isNavigationMenuMissing && isNavigationMenuResolved; // "loading" state:
   // - there is a menu creation process in progress.
   // - there is a classic menu conversion process in progress.
@@ -258,7 +268,8 @@ function Navigation(_ref) {
   // - there is a ref attribute pointing to a Navigation Post
   // - the Navigation Post isn't available (hasn't resolved) yet.
 
-  const isLoading = isCreatingNavigationMenu || isConvertingClassicMenu || !!(ref && !isEntityAvailable && !isConvertingClassicMenu);
+  const isLoading = !hasResolvedNavigationMenus || isCreatingNavigationMenu || isConvertingClassicMenu || !!(ref && !isEntityAvailable && !isConvertingClassicMenu);
+  const textDecoration = (_attributes$style = attributes.style) === null || _attributes$style === void 0 ? void 0 : (_attributes$style$typ = _attributes$style.typography) === null || _attributes$style$typ === void 0 ? void 0 : _attributes$style$typ.textDecoration;
   const blockProps = (0, _blockEditor.useBlockProps)({
     ref: navRef,
     className: (0, _classnames.default)(className, {
@@ -272,7 +283,8 @@ function Navigation(_ref) {
       'has-text-color': !!textColor.color || !!(textColor !== null && textColor !== void 0 && textColor.class),
       [(0, _blockEditor.getColorClassName)('color', textColor === null || textColor === void 0 ? void 0 : textColor.slug)]: !!(textColor !== null && textColor !== void 0 && textColor.slug),
       'has-background': !!backgroundColor.color || backgroundColor.class,
-      [(0, _blockEditor.getColorClassName)('background-color', backgroundColor === null || backgroundColor === void 0 ? void 0 : backgroundColor.slug)]: !!(backgroundColor !== null && backgroundColor !== void 0 && backgroundColor.slug)
+      [(0, _blockEditor.getColorClassName)('background-color', backgroundColor === null || backgroundColor === void 0 ? void 0 : backgroundColor.slug)]: !!(backgroundColor !== null && backgroundColor !== void 0 && backgroundColor.slug),
+      [`has-text-decoration-${textDecoration}`]: textDecoration
     }),
     style: {
       color: !(textColor !== null && textColor !== void 0 && textColor.slug) && (textColor === null || textColor === void 0 ? void 0 : textColor.color),
@@ -396,11 +408,12 @@ function Navigation(_ref) {
         replaceInnerBlocks(clientId, []);
       }
     });
-  }, [clientId, ref]); // If the block has inner blocks, but no menu id, this was an older
-  // navigation block added before the block used a wp_navigation entity.
-  // Either this block was saved in the content or inserted by a pattern.
-  // Consider this 'unsaved'. Offer an uncontrolled version of inner blocks,
-  // that automatically saves the menu.
+  }, [clientId, ref]); // If the block has inner blocks, but no menu id, then these blocks are either:
+  // - inserted via a pattern.
+  // - inserted directly via Code View (or otherwise).
+  // - from an older version of navigation block added before the block used a wp_navigation entity.
+  // Consider this state as 'unsaved' and offer an uncontrolled version of inner blocks,
+  // that automatically saves the menu as an entity when changes are made to the inner blocks.
 
   const hasUnsavedBlocks = hasUncontrolledInnerBlocks && !isEntityAvailable;
 
@@ -425,6 +438,7 @@ function Navigation(_ref) {
         setHasSavedUnsavedInnerBlocks(true); // Switch to using the wp_navigation entity.
 
         setRef(post.id);
+        showNavigationMenuCreateNotice((0, _i18n.__)(`New Navigation Menu created.`));
       }
     })));
   } // Show a warning if the selected menu is no longer available.
@@ -475,7 +489,7 @@ function Navigation(_ref) {
     ,
     actionLabel: (0, _i18n.__)("Switch to '%s'"),
     showManageActions: true
-  })), (0, _element.createElement)(_components.ToolbarGroup, null, listViewToolbarButton)), listViewModal, (0, _element.createElement)(_blockEditor.InspectorControls, null, hasSubmenuIndicatorSetting && (0, _element.createElement)(_components.PanelBody, {
+  }))), (0, _element.createElement)(_blockEditor.InspectorControls, null, hasSubmenuIndicatorSetting && (0, _element.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Display')
   }, isResponsive && (0, _element.createElement)(_components.Button, {
     className: overlayMenuPreviewClasses,
@@ -559,7 +573,12 @@ function Navigation(_ref) {
   })))), isEntityAvailable && (0, _element.createElement)(_blockEditor.InspectorControls, {
     __experimentalGroup: "advanced"
   }, hasResolvedCanUserUpdateNavigationMenu && canUserUpdateNavigationMenu && (0, _element.createElement)(_navigationMenuNameControl.default, null), hasResolvedCanUserDeleteNavigationMenu && canUserDeleteNavigationMenu && (0, _element.createElement)(_navigationMenuDeleteControl.default, {
-    onDelete: resetToEmptyBlock
+    onDelete: function () {
+      let deletedMenuTitle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+      resetToEmptyBlock();
+      showNavigationMenuDeleteNotice((0, _i18n.sprintf)( // translators: %s: the name of a menu (e.g. Header navigation).
+      (0, _i18n.__)('Navigation menu %s successfully deleted.'), deletedMenuTitle));
+    }
   })), isLoading && (0, _element.createElement)(TagName, blockProps, (0, _element.createElement)(_components.Spinner, {
     className: "wp-block-navigation__loading-indicator"
   })), !isLoading && (0, _element.createElement)(TagName, blockProps, (0, _element.createElement)(_responsiveWrapper.default, {