@wordpress/block-library 8.24.1 → 8.25.1-next.79a6196f.0

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

@@ -5,22 +5,8 @@ import { useCallback } from '@wordpress/element';
 import { useSelect, useDispatch, useRegistry } from '@wordpress/data';
 import { store as blockEditorStore } from '@wordpress/block-editor';
 import { cloneBlock } from '@wordpress/blocks';
-export default function useOutdentListItem(clientId) {
+export default function useOutdentListItem() {
   const registry = useRegistry();
-  const {
-    canOutdent
-  } = useSelect(innerSelect => {
-    const {
-      getBlockRootClientId,
-      getBlockName
-    } = innerSelect(blockEditorStore);
-    const grandParentId = getBlockRootClientId(getBlockRootClientId(clientId));
-    const grandParentName = getBlockName(grandParentId);
-    const isListItem = grandParentName === 'core/list-item';
-    return {
-      canOutdent: isListItem
-    };
-  }, [clientId]);
   const {
     moveBlocksToPosition,
     removeBlock,
@@ -43,7 +29,7 @@ export default function useOutdentListItem(clientId) {
     if (getBlockName(parentListItemId) !== 'core/list-item') return;
     return parentListItemId;
   }
-  return [canOutdent, useCallback((clientIds = getSelectedBlockClientIds()) => {
+  return useCallback((clientIds = getSelectedBlockClientIds()) => {
     if (!Array.isArray(clientIds)) {
       clientIds = [clientIds];
     }
@@ -79,6 +65,6 @@ export default function useOutdentListItem(clientId) {
         removeBlock(parentListId, shouldSelectParent);
       }
     });
-  }, [])];
+  }, []);
 }
 //# sourceMappingURL=use-outdent-list-item.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useSelect","useDispatch","useRegistry","store","blockEditorStore","cloneBlock","useOutdentListItem","clientId","registry","canOutdent","innerSelect","getBlockRootClientId","getBlockName","grandParentId","grandParentName","isListItem","moveBlocksToPosition","removeBlock","insertBlock","updateBlockListSettings","getBlockOrder","getBlockIndex","getSelectedBlockClientIds","getBlock","getBlockListSettings","getParentListItemId","id","listId","parentListItemId","clientIds","Array","isArray","length","firstClientId","parentListId","lastClientId","order","followingListItems","slice","batch","nestedListId","nestedListBlock","shouldSelectParent"],"sources":["@wordpress/block-library/src/list-item/hooks/use-outdent-list-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { cloneBlock } from '@wordpress/blocks';\n\nexport default function useOutdentListItem( clientId ) {\n\tconst registry = useRegistry();\n\tconst { canOutdent } = useSelect(\n\t\t( innerSelect ) => {\n\t\t\tconst { getBlockRootClientId, getBlockName } =\n\t\t\t\tinnerSelect( blockEditorStore );\n\t\t\tconst grandParentId = getBlockRootClientId(\n\t\t\t\tgetBlockRootClientId( clientId )\n\t\t\t);\n\t\t\tconst grandParentName = getBlockName( grandParentId );\n\t\t\tconst isListItem = grandParentName === 'core/list-item';\n\n\t\t\treturn {\n\t\t\t\tcanOutdent: isListItem,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst {\n\t\tmoveBlocksToPosition,\n\t\tremoveBlock,\n\t\tinsertBlock,\n\t\tupdateBlockListSettings,\n\t} = useDispatch( blockEditorStore );\n\tconst {\n\t\tgetBlockRootClientId,\n\t\tgetBlockName,\n\t\tgetBlockOrder,\n\t\tgetBlockIndex,\n\t\tgetSelectedBlockClientIds,\n\t\tgetBlock,\n\t\tgetBlockListSettings,\n\t} = useSelect( blockEditorStore );\n\n\tfunction getParentListItemId( id ) {\n\t\tconst listId = getBlockRootClientId( id );\n\t\tconst parentListItemId = getBlockRootClientId( listId );\n\t\tif ( ! parentListItemId ) return;\n\t\tif ( getBlockName( parentListItemId ) !== 'core/list-item' ) return;\n\t\treturn parentListItemId;\n\t}\n\n\treturn [\n\t\tcanOutdent,\n\t\tuseCallback( ( clientIds = getSelectedBlockClientIds() ) => {\n\t\t\tif ( ! Array.isArray( clientIds ) ) {\n\t\t\t\tclientIds = [ clientIds ];\n\t\t\t}\n\n\t\t\tif ( ! clientIds.length ) return;\n\n\t\t\tconst firstClientId = clientIds[ 0 ];\n\n\t\t\t// Can't outdent if it's not a list item.\n\t\t\tif ( getBlockName( firstClientId ) !== 'core/list-item' ) return;\n\n\t\t\tconst parentListItemId = getParentListItemId( firstClientId );\n\n\t\t\t// Can't outdent if it's at the top level.\n\t\t\tif ( ! parentListItemId ) return;\n\n\t\t\tconst parentListId = getBlockRootClientId( firstClientId );\n\t\t\tconst lastClientId = clientIds[ clientIds.length - 1 ];\n\t\t\tconst order = getBlockOrder( parentListId );\n\t\t\tconst followingListItems = order.slice(\n\t\t\t\tgetBlockIndex( lastClientId ) + 1\n\t\t\t);\n\n\t\t\tregistry.batch( () => {\n\t\t\t\tif ( followingListItems.length ) {\n\t\t\t\t\tlet nestedListId = getBlockOrder( firstClientId )[ 0 ];\n\n\t\t\t\t\tif ( ! nestedListId ) {\n\t\t\t\t\t\tconst nestedListBlock = cloneBlock(\n\t\t\t\t\t\t\tgetBlock( parentListId ),\n\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\tnestedListId = nestedListBlock.clientId;\n\t\t\t\t\t\tinsertBlock( nestedListBlock, 0, firstClientId, false );\n\t\t\t\t\t\t// Immediately update the block list settings, otherwise\n\t\t\t\t\t\t// blocks can't be moved here due to canInsert checks.\n\t\t\t\t\t\tupdateBlockListSettings(\n\t\t\t\t\t\t\tnestedListId,\n\t\t\t\t\t\t\tgetBlockListSettings( parentListId )\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\t\tfollowingListItems,\n\t\t\t\t\t\tparentListId,\n\t\t\t\t\t\tnestedListId\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\tclientIds,\n\t\t\t\t\tparentListId,\n\t\t\t\t\tgetBlockRootClientId( parentListItemId ),\n\t\t\t\t\tgetBlockIndex( parentListItemId ) + 1\n\t\t\t\t);\n\t\t\t\tif ( ! getBlockOrder( parentListId ).length ) {\n\t\t\t\t\tconst shouldSelectParent = false;\n\t\t\t\t\tremoveBlock( parentListId, shouldSelectParent );\n\t\t\t\t}\n\t\t\t} );\n\t\t}, [] ),\n\t];\n}\n"],"mappings":"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"}
+{"version":3,"names":["useCallback","useSelect","useDispatch","useRegistry","store","blockEditorStore","cloneBlock","useOutdentListItem","registry","moveBlocksToPosition","removeBlock","insertBlock","updateBlockListSettings","getBlockRootClientId","getBlockName","getBlockOrder","getBlockIndex","getSelectedBlockClientIds","getBlock","getBlockListSettings","getParentListItemId","id","listId","parentListItemId","clientIds","Array","isArray","length","firstClientId","parentListId","lastClientId","order","followingListItems","slice","batch","nestedListId","nestedListBlock","clientId","shouldSelectParent"],"sources":["@wordpress/block-library/src/list-item/hooks/use-outdent-list-item.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback } from '@wordpress/element';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { cloneBlock } from '@wordpress/blocks';\n\nexport default function useOutdentListItem() {\n\tconst registry = useRegistry();\n\tconst {\n\t\tmoveBlocksToPosition,\n\t\tremoveBlock,\n\t\tinsertBlock,\n\t\tupdateBlockListSettings,\n\t} = useDispatch( blockEditorStore );\n\tconst {\n\t\tgetBlockRootClientId,\n\t\tgetBlockName,\n\t\tgetBlockOrder,\n\t\tgetBlockIndex,\n\t\tgetSelectedBlockClientIds,\n\t\tgetBlock,\n\t\tgetBlockListSettings,\n\t} = useSelect( blockEditorStore );\n\n\tfunction getParentListItemId( id ) {\n\t\tconst listId = getBlockRootClientId( id );\n\t\tconst parentListItemId = getBlockRootClientId( listId );\n\t\tif ( ! parentListItemId ) return;\n\t\tif ( getBlockName( parentListItemId ) !== 'core/list-item' ) return;\n\t\treturn parentListItemId;\n\t}\n\n\treturn useCallback( ( clientIds = getSelectedBlockClientIds() ) => {\n\t\tif ( ! Array.isArray( clientIds ) ) {\n\t\t\tclientIds = [ clientIds ];\n\t\t}\n\n\t\tif ( ! clientIds.length ) return;\n\n\t\tconst firstClientId = clientIds[ 0 ];\n\n\t\t// Can't outdent if it's not a list item.\n\t\tif ( getBlockName( firstClientId ) !== 'core/list-item' ) return;\n\n\t\tconst parentListItemId = getParentListItemId( firstClientId );\n\n\t\t// Can't outdent if it's at the top level.\n\t\tif ( ! parentListItemId ) return;\n\n\t\tconst parentListId = getBlockRootClientId( firstClientId );\n\t\tconst lastClientId = clientIds[ clientIds.length - 1 ];\n\t\tconst order = getBlockOrder( parentListId );\n\t\tconst followingListItems = order.slice(\n\t\t\tgetBlockIndex( lastClientId ) + 1\n\t\t);\n\n\t\tregistry.batch( () => {\n\t\t\tif ( followingListItems.length ) {\n\t\t\t\tlet nestedListId = getBlockOrder( firstClientId )[ 0 ];\n\n\t\t\t\tif ( ! nestedListId ) {\n\t\t\t\t\tconst nestedListBlock = cloneBlock(\n\t\t\t\t\t\tgetBlock( parentListId ),\n\t\t\t\t\t\t{},\n\t\t\t\t\t\t[]\n\t\t\t\t\t);\n\t\t\t\t\tnestedListId = nestedListBlock.clientId;\n\t\t\t\t\tinsertBlock( nestedListBlock, 0, firstClientId, false );\n\t\t\t\t\t// Immediately update the block list settings, otherwise\n\t\t\t\t\t// blocks can't be moved here due to canInsert checks.\n\t\t\t\t\tupdateBlockListSettings(\n\t\t\t\t\t\tnestedListId,\n\t\t\t\t\t\tgetBlockListSettings( parentListId )\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\tmoveBlocksToPosition(\n\t\t\t\t\tfollowingListItems,\n\t\t\t\t\tparentListId,\n\t\t\t\t\tnestedListId\n\t\t\t\t);\n\t\t\t}\n\t\t\tmoveBlocksToPosition(\n\t\t\t\tclientIds,\n\t\t\t\tparentListId,\n\t\t\t\tgetBlockRootClientId( parentListItemId ),\n\t\t\t\tgetBlockIndex( parentListItemId ) + 1\n\t\t\t);\n\t\t\tif ( ! getBlockOrder( parentListId ).length ) {\n\t\t\t\tconst shouldSelectParent = false;\n\t\t\t\tremoveBlock( parentListId, shouldSelectParent );\n\t\t\t}\n\t\t} );\n\t}, [] );\n}\n"],"mappings":"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"}

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

@@ -13,9 +13,10 @@ import useIndentListItem from './use-indent-list-item';
 export default function useSpace(clientId) {
   const {
     getSelectionStart,
-    getSelectionEnd
+    getSelectionEnd,
+    getBlockIndex
   } = useSelect(blockEditorStore);
-  const [canIndent, indentListItem] = useIndentListItem(clientId);
+  const indentListItem = useIndentListItem(clientId);
   return useRefEffect(element => {
     function onKeyDown(event) {
       const {
@@ -25,11 +26,14 @@ export default function useSpace(clientId) {
         metaKey,
         ctrlKey
       } = event;
-      if (event.defaultPrevented || !canIndent || keyCode !== SPACE ||
+      if (event.defaultPrevented || keyCode !== SPACE ||
       // Only override when no modifiers are pressed.
       shiftKey || altKey || metaKey || ctrlKey) {
         return;
       }
+      if (getBlockIndex(clientId) === 0) {
+        return;
+      }
       const selectionStart = getSelectionStart();
       const selectionEnd = getSelectionEnd();
       if (selectionStart.offset === 0 && selectionEnd.offset === 0) {
@@ -41,6 +45,6 @@ export default function useSpace(clientId) {
     return () => {
       element.removeEventListener('keydown', onKeyDown);
     };
-  }, [canIndent, indentListItem]);
+  }, [clientId, indentListItem]);
 }
 //# sourceMappingURL=use-space.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useRefEffect","SPACE","store","blockEditorStore","useSelect","useIndentListItem","useSpace","clientId","getSelectionStart","getSelectionEnd","canIndent","indentListItem","element","onKeyDown","event","keyCode","shiftKey","altKey","metaKey","ctrlKey","defaultPrevented","selectionStart","selectionEnd","offset","preventDefault","addEventListener","removeEventListener"],"sources":["@wordpress/block-library/src/list-item/hooks/use-space.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { SPACE } from '@wordpress/keycodes';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport useIndentListItem from './use-indent-list-item';\n\nexport default function useSpace( clientId ) {\n\tconst { getSelectionStart, getSelectionEnd } =\n\t\tuseSelect( blockEditorStore );\n\tconst [ canIndent, indentListItem ] = useIndentListItem( clientId );\n\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\tconst { keyCode, shiftKey, altKey, metaKey, ctrlKey } = event;\n\n\t\t\t\tif (\n\t\t\t\t\tevent.defaultPrevented ||\n\t\t\t\t\t! canIndent ||\n\t\t\t\t\tkeyCode !== SPACE ||\n\t\t\t\t\t// Only override when no modifiers are pressed.\n\t\t\t\t\tshiftKey ||\n\t\t\t\t\taltKey ||\n\t\t\t\t\tmetaKey ||\n\t\t\t\t\tctrlKey\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst selectionStart = getSelectionStart();\n\t\t\t\tconst selectionEnd = getSelectionEnd();\n\t\t\t\tif (\n\t\t\t\t\tselectionStart.offset === 0 &&\n\t\t\t\t\tselectionEnd.offset === 0\n\t\t\t\t) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tindentListItem();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\telement.addEventListener( 'keydown', onKeyDown );\n\t\t\treturn () => {\n\t\t\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t\t\t};\n\t\t},\n\t\t[ canIndent, indentListItem ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,wBAAwB;AAEtD,eAAe,SAASC,QAAQA,CAAEC,QAAQ,EAAG;EAC5C,MAAM;IAAEC,iBAAiB;IAAEC;EAAgB,CAAC,GAC3CL,SAAS,CAAED,gBAAiB,CAAC;EAC9B,MAAM,CAAEO,SAAS,EAAEC,cAAc,CAAE,GAAGN,iBAAiB,CAAEE,QAAS,CAAC;EAEnE,OAAOP,YAAY,CAChBY,OAAO,IAAM;IACd,SAASC,SAASA,CAAEC,KAAK,EAAG;MAC3B,MAAM;QAAEC,OAAO;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,OAAO;QAAEC;MAAQ,CAAC,GAAGL,KAAK;MAE7D,IACCA,KAAK,CAACM,gBAAgB,IACtB,CAAEV,SAAS,IACXK,OAAO,KAAKd,KAAK;MACjB;MACAe,QAAQ,IACRC,MAAM,IACNC,OAAO,IACPC,OAAO,EACN;QACD;MACD;MAEA,MAAME,cAAc,GAAGb,iBAAiB,CAAC,CAAC;MAC1C,MAAMc,YAAY,GAAGb,eAAe,CAAC,CAAC;MACtC,IACCY,cAAc,CAACE,MAAM,KAAK,CAAC,IAC3BD,YAAY,CAACC,MAAM,KAAK,CAAC,EACxB;QACDT,KAAK,CAACU,cAAc,CAAC,CAAC;QACtBb,cAAc,CAAC,CAAC;MACjB;IACD;IAEAC,OAAO,CAACa,gBAAgB,CAAE,SAAS,EAAEZ,SAAU,CAAC;IAChD,OAAO,MAAM;MACZD,OAAO,CAACc,mBAAmB,CAAE,SAAS,EAAEb,SAAU,CAAC;IACpD,CAAC;EACF,CAAC,EACD,CAAEH,SAAS,EAAEC,cAAc,CAC5B,CAAC;AACF"}
+{"version":3,"names":["useRefEffect","SPACE","store","blockEditorStore","useSelect","useIndentListItem","useSpace","clientId","getSelectionStart","getSelectionEnd","getBlockIndex","indentListItem","element","onKeyDown","event","keyCode","shiftKey","altKey","metaKey","ctrlKey","defaultPrevented","selectionStart","selectionEnd","offset","preventDefault","addEventListener","removeEventListener"],"sources":["@wordpress/block-library/src/list-item/hooks/use-space.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useRefEffect } from '@wordpress/compose';\nimport { SPACE } from '@wordpress/keycodes';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport useIndentListItem from './use-indent-list-item';\n\nexport default function useSpace( clientId ) {\n\tconst { getSelectionStart, getSelectionEnd, getBlockIndex } =\n\t\tuseSelect( blockEditorStore );\n\tconst indentListItem = useIndentListItem( clientId );\n\n\treturn useRefEffect(\n\t\t( element ) => {\n\t\t\tfunction onKeyDown( event ) {\n\t\t\t\tconst { keyCode, shiftKey, altKey, metaKey, ctrlKey } = event;\n\n\t\t\t\tif (\n\t\t\t\t\tevent.defaultPrevented ||\n\t\t\t\t\tkeyCode !== SPACE ||\n\t\t\t\t\t// Only override when no modifiers are pressed.\n\t\t\t\t\tshiftKey ||\n\t\t\t\t\taltKey ||\n\t\t\t\t\tmetaKey ||\n\t\t\t\t\tctrlKey\n\t\t\t\t) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tif ( getBlockIndex( clientId ) === 0 ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tconst selectionStart = getSelectionStart();\n\t\t\t\tconst selectionEnd = getSelectionEnd();\n\t\t\t\tif (\n\t\t\t\t\tselectionStart.offset === 0 &&\n\t\t\t\t\tselectionEnd.offset === 0\n\t\t\t\t) {\n\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\tindentListItem();\n\t\t\t\t}\n\t\t\t}\n\n\t\t\telement.addEventListener( 'keydown', onKeyDown );\n\t\t\treturn () => {\n\t\t\t\telement.removeEventListener( 'keydown', onKeyDown );\n\t\t\t};\n\t\t},\n\t\t[ clientId, indentListItem ]\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,YAAY,QAAQ,oBAAoB;AACjD,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASC,SAAS,QAAQ,iBAAiB;;AAE3C;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,wBAAwB;AAEtD,eAAe,SAASC,QAAQA,CAAEC,QAAQ,EAAG;EAC5C,MAAM;IAAEC,iBAAiB;IAAEC,eAAe;IAAEC;EAAc,CAAC,GAC1DN,SAAS,CAAED,gBAAiB,CAAC;EAC9B,MAAMQ,cAAc,GAAGN,iBAAiB,CAAEE,QAAS,CAAC;EAEpD,OAAOP,YAAY,CAChBY,OAAO,IAAM;IACd,SAASC,SAASA,CAAEC,KAAK,EAAG;MAC3B,MAAM;QAAEC,OAAO;QAAEC,QAAQ;QAAEC,MAAM;QAAEC,OAAO;QAAEC;MAAQ,CAAC,GAAGL,KAAK;MAE7D,IACCA,KAAK,CAACM,gBAAgB,IACtBL,OAAO,KAAKd,KAAK;MACjB;MACAe,QAAQ,IACRC,MAAM,IACNC,OAAO,IACPC,OAAO,EACN;QACD;MACD;MAEA,IAAKT,aAAa,CAAEH,QAAS,CAAC,KAAK,CAAC,EAAG;QACtC;MACD;MAEA,MAAMc,cAAc,GAAGb,iBAAiB,CAAC,CAAC;MAC1C,MAAMc,YAAY,GAAGb,eAAe,CAAC,CAAC;MACtC,IACCY,cAAc,CAACE,MAAM,KAAK,CAAC,IAC3BD,YAAY,CAACC,MAAM,KAAK,CAAC,EACxB;QACDT,KAAK,CAACU,cAAc,CAAC,CAAC;QACtBb,cAAc,CAAC,CAAC;MACjB;IACD;IAEAC,OAAO,CAACa,gBAAgB,CAAE,SAAS,EAAEZ,SAAU,CAAC;IAChD,OAAO,MAAM;MACZD,OAAO,CAACc,mBAAmB,CAAE,SAAS,EAAEb,SAAU,CAAC;IACpD,CAAC;EACF,CAAC,EACD,CAAEN,QAAQ,EAAEI,cAAc,CAC3B,CAAC;AACF"}

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

@@ -21,16 +21,23 @@ const metadata = {
       type: "string"
     },
     content: {
-      type: "string",
-      source: "html",
+      type: "rich-text",
+      source: "rich-text",
       selector: "li",
-      "default": "",
       __experimentalRole: "content"
     }
   },
   supports: {
     className: false,
     __experimentalSelector: "li",
+    spacing: {
+      margin: true,
+      padding: true,
+      __experimentalDefaultControls: {
+        margin: false,
+        padding: false
+      }
+    },
     typography: {
       fontSize: true,
       lineHeight: true,

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

@@ -1 +1 @@
-{"version":3,"names":["listItem","icon","initBlock","metadata","$schema","apiVersion","name","title","category","parent","description","textdomain","attributes","placeholder","type","content","source","selector","__experimentalRole","supports","className","__experimentalSelector","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","__experimentalDefaultControls","edit","save","transforms","settings","merge","attributesToMerge","init"],"sources":["@wordpress/block-library/src/list-item/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { listItem as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\nimport transforms from './transforms';\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\ttransforms,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,IAAIC,IAAI,QAAQ,kBAAkB;;AAEnD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,MAAA;EAAAC,WAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,WAAA;MAAAC,IAAA;IAAA;IAAAC,OAAA;MAAAD,IAAA;MAAAE,MAAA;MAAAC,QAAA;MAAA;MAAAC,kBAAA;IAAA;EAAA;EAAAC,QAAA;IAAAC,SAAA;IAAAC,sBAAA;IAAAC,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAC,6BAAA;QAAAR,QAAA;MAAA;IAAA;EAAA;AAAA;AAE5C,OAAOS,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,UAAU,MAAM,cAAc;AAErC,MAAM;EAAE5B;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAM6B,QAAQ,GAAG;EACvBlC,IAAI;EACJ+B,IAAI;EACJC,IAAI;EACJG,KAAKA,CAAExB,UAAU,EAAEyB,iBAAiB,EAAG;IACtC,OAAO;MACN,GAAGzB,UAAU;MACbG,OAAO,EAAEH,UAAU,CAACG,OAAO,GAAGsB,iBAAiB,CAACtB;IACjD,CAAC;EACF,CAAC;EACDmB;AACD,CAAC;AAED,OAAO,MAAMI,IAAI,GAAGA,CAAA,KAAMpC,SAAS,CAAE;EAAEI,IAAI;EAAEH,QAAQ;EAAEgC;AAAS,CAAE,CAAC"}
+{"version":3,"names":["listItem","icon","initBlock","metadata","$schema","apiVersion","name","title","category","parent","description","textdomain","attributes","placeholder","type","content","source","selector","__experimentalRole","supports","className","__experimentalSelector","spacing","margin","padding","__experimentalDefaultControls","typography","fontSize","lineHeight","__experimentalFontFamily","__experimentalFontWeight","__experimentalFontStyle","__experimentalTextTransform","__experimentalTextDecoration","__experimentalLetterSpacing","edit","save","transforms","settings","merge","attributesToMerge","init"],"sources":["@wordpress/block-library/src/list-item/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { listItem as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\nimport save from './save';\nimport transforms from './transforms';\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\ttransforms,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,IAAIC,IAAI,QAAQ,kBAAkB;;AAEnD;AACA;AACA;AACA,OAAOC,SAAS,MAAM,qBAAqB;AAAC,MAAAC,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,MAAA;EAAAC,WAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,WAAA;MAAAC,IAAA;IAAA;IAAAC,OAAA;MAAAD,IAAA;MAAAE,MAAA;MAAAC,QAAA;MAAAC,kBAAA;IAAA;EAAA;EAAAC,QAAA;IAAAC,SAAA;IAAAC,sBAAA;IAAAC,OAAA;MAAAC,MAAA;MAAAC,OAAA;MAAAC,6BAAA;QAAAF,MAAA;QAAAC,OAAA;MAAA;IAAA;IAAAE,UAAA;MAAAC,QAAA;MAAAC,UAAA;MAAAC,wBAAA;MAAAC,wBAAA;MAAAC,uBAAA;MAAAC,2BAAA;MAAAC,4BAAA;MAAAC,2BAAA;MAAAT,6BAAA;QAAAE,QAAA;MAAA;IAAA;EAAA;AAAA;AAE5C,OAAOQ,IAAI,MAAM,QAAQ;AACzB,OAAOC,IAAI,MAAM,QAAQ;AACzB,OAAOC,UAAU,MAAM,cAAc;AAErC,MAAM;EAAE/B;AAAK,CAAC,GAAGH,QAAQ;AAEzB,SAASA,QAAQ,EAAEG,IAAI;AAEvB,OAAO,MAAMgC,QAAQ,GAAG;EACvBrC,IAAI;EACJkC,IAAI;EACJC,IAAI;EACJG,KAAKA,CAAE3B,UAAU,EAAE4B,iBAAiB,EAAG;IACtC,OAAO;MACN,GAAG5B,UAAU;MACbG,OAAO,EAAEH,UAAU,CAACG,OAAO,GAAGyB,iBAAiB,CAACzB;IACjD,CAAC;EACF,CAAC;EACDsB;AACD,CAAC;AAED,OAAO,MAAMI,IAAI,GAAGA,CAAA,KAAMvC,SAAS,CAAE;EAAEI,IAAI;EAAEH,QAAQ;EAAEmC;AAAS,CAAE,CAAC"}

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

@@ -167,6 +167,7 @@ class MediaContainer extends Component {
     } = this.props;
     const {
       isUploadFailed,
+      isUploadPaused,
       retryMessage
     } = params;
     const focalPointValues = !focalPoint ? IMAGE_DEFAULT_FOCAL_POINT : focalPoint;
@@ -186,6 +187,7 @@ class MediaContainer extends Component {
       focalPoint: imageFill && focalPointValues,
       isSelected: isMediaSelected,
       isUploadFailed: isUploadFailed,
+      isUploadPaused: isUploadPaused,
       isUploadInProgress: isUploadInProgress,
       onSelectMediaUploadOption: this.onSelectMediaUploadOption,
       openMediaOptions: openMediaOptions,
@@ -287,6 +289,7 @@ class MediaContainer extends Component {
         }) => {
           onSetOpenPickerRef(open);
           return createElement(Fragment, null, getMediaOptions(), createElement(MediaUploadProgress, {
+            enablePausedUploads: true,
             coverUrl: coverUrl,
             mediaId: mediaId,
             onUpdateMediaProgress: this.updateMediaProgress,

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

@@ -1 +1 @@
-{"version":3,"names":["View","Text","TouchableWithoutFeedback","mediaUploadSync","requestImageFailedRetryDialog","requestImageUploadCancelDialog","requestImageFullscreenPreview","Icon","Image","IMAGE_DEFAULT_FOCAL_POINT","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","MediaPlaceholder","MediaUpload","MediaUploadProgress","VIDEO_ASPECT_RATIO","VideoPlayer","Component","__","isURL","getProtocol","compose","withPreferredColorScheme","media","icon","styles","SvgIconRetry","ALLOWED_MEDIA_TYPES","ICON_TYPE","PLACEHOLDER","RETRY","imageFillStyles","MediaContainer","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","iconRetry","iconRetryVideo","iconRetryVideoDark","createElement","iconPlaceholder","iconPlaceholderDark","setState","payload","onMediaUpdate","mediaServerId","renderImage","openMediaOptions","aligmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","retryMessage","focalPointValues","style","imageWithFocalPoint","height","accessible","onPress","disabled","imageCropped","mediaImageContainer","align","alt","width","renderVideo","showVideo","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","videoContent","aspectRatio","videoPlayer","video","source","uri","paused","modalIcon","renderContent","mediaElement","renderPlaceholder","labels","title","onSelect","allowedTypes","onFocus","className","render","onSetOpenPickerRef","coverUrl","isReplacingMedia","value","open","getMediaOptions","Fragment","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset"],"sources":["@wordpress/block-library/src/media-text/media-container.native.js"],"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 { media as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\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 =\n\t\t\tthis.finishMediaUploadWithSuccess.bind( this );\n\t\tthis.finishMediaUploadWithFailure =\n\t\t\tthis.finishMediaUploadWithFailure.bind( this );\n\t\tthis.mediaUploadStateReset = this.mediaUploadStateReset.bind( this );\n\t\tthis.onSelectMediaUploadOption =\n\t\t\tthis.onSelectMediaUploadOption.bind( this );\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\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 ) {\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\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 );\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\tclassName={ 'no-block-outline' }\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"],"mappings":"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"}
+{"version":3,"names":["View","Text","TouchableWithoutFeedback","mediaUploadSync","requestImageFailedRetryDialog","requestImageUploadCancelDialog","requestImageFullscreenPreview","Icon","Image","IMAGE_DEFAULT_FOCAL_POINT","MEDIA_TYPE_IMAGE","MEDIA_TYPE_VIDEO","MediaPlaceholder","MediaUpload","MediaUploadProgress","VIDEO_ASPECT_RATIO","VideoPlayer","Component","__","isURL","getProtocol","compose","withPreferredColorScheme","media","icon","styles","SvgIconRetry","ALLOWED_MEDIA_TYPES","ICON_TYPE","PLACEHOLDER","RETRY","imageFillStyles","MediaContainer","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","iconRetry","iconRetryVideo","iconRetryVideoDark","createElement","iconPlaceholder","iconPlaceholderDark","setState","payload","onMediaUpdate","mediaServerId","renderImage","openMediaOptions","aligmentStyles","focalPoint","imageFill","isSelected","mediaAlt","mediaWidth","shouldStack","isUploadFailed","isUploadPaused","retryMessage","focalPointValues","style","imageWithFocalPoint","height","accessible","onPress","disabled","imageCropped","mediaImageContainer","align","alt","width","renderVideo","showVideo","videoPlaceholderStyles","videoPlaceholder","videoPlaceholderDark","retryVideoTextStyles","uploadFailedText","uploadFailedTextVideo","uploadFailedTextVideoDark","mediaVideo","videoContainer","videoContent","aspectRatio","videoPlayer","video","source","uri","paused","modalIcon","renderContent","mediaElement","renderPlaceholder","labels","title","onSelect","allowedTypes","onFocus","className","render","onSetOpenPickerRef","coverUrl","isReplacingMedia","value","open","getMediaOptions","Fragment","enablePausedUploads","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","onFinishMediaUploadWithFailure","onMediaUploadStateReset"],"sources":["@wordpress/block-library/src/media-text/media-container.native.js"],"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 { media as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\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 =\n\t\t\tthis.finishMediaUploadWithSuccess.bind( this );\n\t\tthis.finishMediaUploadWithFailure =\n\t\t\tthis.finishMediaUploadWithFailure.bind( this );\n\t\tthis.mediaUploadStateReset = this.mediaUploadStateReset.bind( this );\n\t\tthis.onSelectMediaUploadOption =\n\t\t\tthis.onSelectMediaUploadOption.bind( this );\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, isUploadPaused, 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\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\tisUploadPaused={ isUploadPaused }\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 ) {\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\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 );\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\tclassName={ 'no-block-outline' }\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\tenablePausedUploads\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"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,IAAI,EAAEC,IAAI,EAAEC,wBAAwB,QAAQ,cAAc;;AAEnE;AACA;AACA;AACA,SACCC,eAAe,EACfC,6BAA6B,EAC7BC,8BAA8B,EAC9BC,6BAA6B,QACvB,gCAAgC;AACvC,SAASC,IAAI,EAAEC,KAAK,EAAEC,yBAAyB,QAAQ,uBAAuB;AAC9E,SACCC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,EAChBC,WAAW,EACXC,mBAAmB,EACnBC,kBAAkB,EAClBC,WAAW,QACL,yBAAyB;AAChC,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,EAAEC,WAAW,QAAQ,gBAAgB;AACnD,SAASC,OAAO,EAAEC,wBAAwB,QAAQ,oBAAoB;AACtE,SAASC,KAAK,IAAIC,IAAI,QAAQ,kBAAkB;;AAEhD;AACA;AACA;AACA,OAAOC,MAAM,MAAM,cAAc;AACjC,OAAOC,YAAY,MAAM,cAAc;;AAEvC;AACA;AACA;AACA,MAAMC,mBAAmB,GAAG,CAAEjB,gBAAgB,EAAEC,gBAAgB,CAAE;AAElE,MAAMiB,SAAS,GAAG;EACjBC,WAAW,EAAE,aAAa;EAC1BC,KAAK,EAAE;AACR,CAAC;AAED,SAASC,eAAe,QAAQ,sBAAsB;AAEtD,MAAMC,cAAc,SAASf,SAAS,CAAC;EACtCgB,WAAWA,CAAA,EAAG;IACb,KAAK,CAAE,GAAGC,SAAU,CAAC;IACrB,IAAI,CAACC,mBAAmB,GAAG,IAAI,CAACA,mBAAmB,CAACC,IAAI,CAAE,IAAK,CAAC;IAChE,IAAI,CAACC,4BAA4B,GAChC,IAAI,CAACA,4BAA4B,CAACD,IAAI,CAAE,IAAK,CAAC;IAC/C,IAAI,CAACE,4BAA4B,GAChC,IAAI,CAACA,4BAA4B,CAACF,IAAI,CAAE,IAAK,CAAC;IAC/C,IAAI,CAACG,qBAAqB,GAAG,IAAI,CAACA,qBAAqB,CAACH,IAAI,CAAE,IAAK,CAAC;IACpE,IAAI,CAACI,yBAAyB,GAC7B,IAAI,CAACA,yBAAyB,CAACJ,IAAI,CAAE,IAAK,CAAC;IAC5C,IAAI,CAACK,cAAc,GAAG,IAAI,CAACA,cAAc,CAACL,IAAI,CAAE,IAAK,CAAC;IAEtD,IAAI,CAACM,KAAK,GAAG;MACZC,kBAAkB,EAAE;IACrB,CAAC;EACF;EAEAC,iBAAiBA,CAAA,EAAG;IACnB,MAAM;MAAEC,OAAO;MAAEC;IAAS,CAAC,GAAG,IAAI,CAACC,KAAK;;IAExC;IACA;IACA,IAAKF,OAAO,IAAIC,QAAQ,IAAI1B,WAAW,CAAE0B,QAAS,CAAC,KAAK,OAAO,EAAG;MACjE3C,eAAe,CAAC,CAAC;IAClB;EACD;EAEAqC,yBAAyBA,CAAEQ,MAAM,EAAG;IACnC,MAAM;MAAEC,EAAE;MAAEC,GAAG;MAAEC;IAAK,CAAC,GAAGH,MAAM;IAChC,MAAM;MAAEI;IAAc,CAAC,GAAG,IAAI,CAACL,KAAK;IAEpCK,aAAa,CAAE;MACdC,UAAU,EAAEF,IAAI;MAChBF,EAAE;MACFC;IACD,CAAE,CAAC;EACJ;EAEAT,cAAcA,CAAA,EAAG;IAChB,MAAM;MAAEE;IAAmB,CAAC,GAAG,IAAI,CAACD,KAAK;IACzC,MAAM;MACLG,OAAO;MACPC,QAAQ;MACRQ,SAAS;MACTC,eAAe;MACfC;IACD,CAAC,GAAG,IAAI,CAACT,KAAK;IAEd,IAAKJ,kBAAkB,EAAG;MACzBtC,8BAA8B,CAAEwC,OAAQ,CAAC;IAC1C,CAAC,MAAM,IAAKA,OAAO,IAAIzB,WAAW,CAAE0B,QAAS,CAAC,KAAK,OAAO,EAAG;MAC5D1C,6BAA6B,CAAEyC,OAAQ,CAAC;IACzC,CAAC,MAAM,IAAKS,SAAS,KAAK5C,gBAAgB,IAAI6C,eAAe,EAAG;MAC/DjD,6BAA6B,CAAEwC,QAAS,CAAC;IAC1C,CAAC,MAAM,IAAKQ,SAAS,KAAK5C,gBAAgB,EAAG;MAC5C8C,eAAe,CAAC,CAAC;IAClB;EACD;EAEAC,OAAOA,CAAEC,QAAQ,EAAG;IACnB,MAAM;MAAEJ,SAAS;MAAEK;IAAyB,CAAC,GAAG,IAAI,CAACZ,KAAK;IAC1D,IAAIa,SAAS;IACb,QAASF,QAAQ;MAChB,KAAK9B,SAAS,CAACE,KAAK;QACnB8B,SAAS,GACRN,SAAS,KAAK5C,gBAAgB,GAC3Be,MAAM,CAACoC,SAAS,GAChBF,wBAAwB,CACxBlC,MAAM,CAACqC,cAAc,EACrBrC,MAAM,CAACsC,kBACP,CAAC;QAEL,OAAOC,aAAA,CAACzD,IAAI;UAACiB,IAAI,EAAGE,YAAc;UAAA,GAAMkC;QAAS,CAAI,CAAC;MACvD,KAAKhC,SAAS,CAACC,WAAW;QACzB+B,SAAS,GAAGD,wBAAwB,CACnClC,MAAM,CAACwC,eAAe,EACtBxC,MAAM,CAACyC,mBACR,CAAC;QACD;IACF;IACA,OAAOF,aAAA,CAACzD,IAAI;MAACiB,IAAI,EAAGA,IAAM;MAAA,GAAMoC;IAAS,CAAI,CAAC;EAC/C;EAEAzB,mBAAmBA,CAAA,EAAG;IACrB,IAAK,CAAE,IAAI,CAACO,KAAK,CAACC,kBAAkB,EAAG;MACtC,IAAI,CAACwB,QAAQ,CAAE;QAAExB,kBAAkB,EAAE;MAAK,CAAE,CAAC;IAC9C;EACD;EAEAN,4BAA4BA,CAAE+B,OAAO,EAAG;IACvC,MAAM;MAAEC;IAAc,CAAC,GAAG,IAAI,CAACtB,KAAK;IAEpCsB,aAAa,CAAE;MACdpB,EAAE,EAAEmB,OAAO,CAACE,aAAa;MACzBpB,GAAG,EAAEkB,OAAO,CAACtB;IACd,CAAE,CAAC;IACH,IAAI,CAACqB,QAAQ,CAAE;MAAExB,kBAAkB,EAAE;IAAM,CAAE,CAAC;EAC/C;EAEAL,4BAA4BA,CAAA,EAAG;IAC9B,IAAI,CAAC6B,QAAQ,CAAE;MAAExB,kBAAkB,EAAE;IAAM,CAAE,CAAC;EAC/C;EAEAJ,qBAAqBA,CAAA,EAAG;IACvB,MAAM;MAAE8B;IAAc,CAAC,GAAG,IAAI,CAACtB,KAAK;IAEpCsB,aAAa,CAAE;MAAEpB,EAAE,EAAE,IAAI;MAAEC,GAAG,EAAE;IAAK,CAAE,CAAC;IACxC,IAAI,CAACiB,QAAQ,CAAE;MAAExB,kBAAkB,EAAE;IAAM,CAAE,CAAC;EAC/C;EAEA4B,WAAWA,CAAEvB,MAAM,EAAEwB,gBAAgB,EAAG;IACvC,MAAM;MAAE7B;IAAmB,CAAC,GAAG,IAAI,CAACD,KAAK;IACzC,MAAM;MACL+B,cAAc;MACdC,UAAU;MACVC,SAAS;MACTpB,eAAe;MACfqB,UAAU;MACVC,QAAQ;MACR/B,QAAQ;MACRgC,UAAU;MACVC;IACD,CAAC,GAAG,IAAI,CAAChC,KAAK;IACd,MAAM;MAAEiC,cAAc;MAAEC,cAAc;MAAEC;IAAa,CAAC,GAAGlC,MAAM;IAC/D,MAAMmC,gBAAgB,GAAG,CAAET,UAAU,GAClCjE,yBAAyB,GACzBiE,UAAU;IAEb,OACCV,aAAA,CAAChE,IAAI;MACJoF,KAAK,EAAG,CACPT,SAAS,IAAIlD,MAAM,CAAC4D,mBAAmB,EACvCV,SAAS,IACRI,WAAW,IAAI;QACdO,MAAM,EAAE7D,MAAM,CAACkD,SAAS,CAACW;MAC1B,CAAC;IACA,GAEHtB,aAAA,CAAC9D,wBAAwB;MACxBqF,UAAU,EAAG,CAAEX,UAAY;MAC3BY,OAAO,EAAG,IAAI,CAAC/C,cAAgB;MAC/BgD,QAAQ,EAAG,CAAEb;IAAY,GAEzBZ,aAAA,CAAChE,IAAI;MACJoF,KAAK,EAAG,CACPT,SAAS,IAAIlD,MAAM,CAACiE,YAAY,EAChCjE,MAAM,CAACkE,mBAAmB,EAC1B,CAAEhD,kBAAkB,IAAI8B,cAAc;IACpC,GAEHT,aAAA,CAACxD,KAAK;MACLoF,KAAK,EAAC,QAAQ;MACdC,GAAG,EAAGhB,QAAU;MAChBH,UAAU,EAAGC,SAAS,IAAIQ,gBAAkB;MAC5CP,UAAU,EAAGrB,eAAiB;MAC9ByB,cAAc,EAAGA,cAAgB;MACjCC,cAAc,EAAGA,cAAgB;MACjCtC,kBAAkB,EAAGA,kBAAoB;MACzCH,yBAAyB,EACxB,IAAI,CAACA,yBACL;MACDgC,gBAAgB,EAAGA,gBAAkB;MACrCU,YAAY,EAAGA,YAAc;MAC7BhC,GAAG,EAAGJ,QAAU;MAChBgD,KAAK,EAAG,CAAEnD,kBAAkB,IAAImC;IAAY,CAC5C,CACI,CACmB,CACrB,CAAC;EAET;EAEAiB,WAAWA,CAAE/C,MAAM,EAAG;IACrB,MAAM;MACLyB,cAAc;MACd3B,QAAQ;MACR8B,UAAU;MACVjB;IACD,CAAC,GAAG,IAAI,CAACZ,KAAK;IACd,MAAM;MAAEJ;IAAmB,CAAC,GAAG,IAAI,CAACD,KAAK;IACzC,MAAM;MAAEsC,cAAc;MAAEE;IAAa,CAAC,GAAGlC,MAAM;IAC/C,MAAMgD,SAAS,GACd7E,KAAK,CAAE2B,QAAS,CAAC,IAAI,CAAEH,kBAAkB,IAAI,CAAEqC,cAAc;IAE9D,MAAMiB,sBAAsB,GAAGtC,wBAAwB,CACtDlC,MAAM,CAACyE,gBAAgB,EACvBzE,MAAM,CAAC0E,oBACR,CAAC;IACD,MAAMC,oBAAoB,GAAG,CAC5B3E,MAAM,CAAC4E,gBAAgB,EACvB1C,wBAAwB,CACvBlC,MAAM,CAAC6E,qBAAqB,EAC5B7E,MAAM,CAAC8E,yBACR,CAAC,CACD;IAED,OACCvC,aAAA,CAAChE,IAAI;MAACoF,KAAK,EAAG3D,MAAM,CAAC+E;IAAY,GAChCxC,aAAA,CAAC9D,wBAAwB;MACxBqF,UAAU,EAAG,CAAEX,UAAY;MAC3BY,OAAO,EAAG,IAAI,CAAC/C,cAAgB;MAC/BgD,QAAQ,EAAG,CAAEb;IAAY,GAEzBZ,aAAA,CAAChE,IAAI;MAACoF,KAAK,EAAG,CAAE3D,MAAM,CAACgF,cAAc,EAAEhC,cAAc;IAAI,GACxDT,aAAA,CAAChE,IAAI;MACJoF,KAAK,EAAG,CACP3D,MAAM,CAACiF,YAAY,EACnB;QACCC,WAAW,EAAE5F;MACd,CAAC;IACC,GAEDiF,SAAS,IACVhC,aAAA,CAAChE,IAAI;MAACoF,KAAK,EAAG3D,MAAM,CAACmF;IAAa,GACjC5C,aAAA,CAAChD,WAAW;MACX4D,UAAU,EAAGA,UAAY;MACzBQ,KAAK,EAAG3D,MAAM,CAACoF,KAAO;MACtBC,MAAM,EAAG;QAAEC,GAAG,EAAEjE;MAAS,CAAG;MAC5BkE,MAAM,EAAG;IAAM,CACf,CACI,CACN,EACC,CAAEhB,SAAS,IACZhC,aAAA,CAAChE,IAAI;MAACoF,KAAK,EAAGa;IAAwB,GACrCjC,aAAA,CAAChE,IAAI;MAACoF,KAAK,EAAG3D,MAAM,CAACwF;IAAW,GAC7BjC,cAAc,GACb,IAAI,CAACvB,OAAO,CAAE7B,SAAS,CAACE,KAAM,CAAC,GAC/B,IAAI,CAAC2B,OAAO,CACZ7B,SAAS,CAACC,WACV,CACE,CAAC,EACLmD,cAAc,IACfhB,aAAA,CAAC/D,IAAI;MAACmF,KAAK,EAAGgB;IAAsB,GACjClB,YACG,CAEF,CAEF,CACD,CACmB,CACrB,CAAC;EAET;EAEAgC,aAAaA,CAAElE,MAAM,EAAEwB,gBAAgB,EAAG;IACzC,MAAM;MAAElB;IAAU,CAAC,GAAG,IAAI,CAACP,KAAK;IAChC,IAAIoE,YAAY,GAAG,IAAI;IAEvB,QAAS7D,SAAS;MACjB,KAAK5C,gBAAgB;QACpByG,YAAY,GAAG,IAAI,CAAC5C,WAAW,CAAEvB,MAAM,EAAEwB,gBAAiB,CAAC;QAC3D;MACD,KAAK7D,gBAAgB;QACpBwG,YAAY,GAAG,IAAI,CAACpB,WAAW,CAAE/C,MAAO,CAAC;QACzC;IACF;IACA,OAAOmE,YAAY;EACpB;EAEAC,iBAAiBA,CAAA,EAAG;IACnB,OACCpD,aAAA,CAACpD,gBAAgB;MAChBY,IAAI,EAAG,IAAI,CAACiC,OAAO,CAAE7B,SAAS,CAACC,WAAY,CAAG;MAC9CwF,MAAM,EAAG;QACRC,KAAK,EAAEpG,EAAE,CAAE,YAAa;MACzB,CAAG;MACHqG,QAAQ,EAAG,IAAI,CAAC/E,yBAA2B;MAC3CgF,YAAY,EAAG7F,mBAAqB;MACpC8F,OAAO,EAAG,IAAI,CAAC1E,KAAK,CAAC0E,OAAS;MAC9BC,SAAS,EAAG;IAAoB,CAChC,CAAC;EAEJ;EAEAC,MAAMA,CAAA,EAAG;IACR,MAAM;MAAE7E,QAAQ;MAAED,OAAO;MAAES,SAAS;MAAEsE;IAAmB,CAAC,GAAG,IAAI,CAAC7E,KAAK;IACvE,MAAM8E,QAAQ,GAAGvE,SAAS,KAAK5C,gBAAgB,GAAGoC,QAAQ,GAAG,IAAI;IAEjE,IAAKA,QAAQ,EAAG;MACf,OACCkB,aAAA,CAACnD,WAAW;QACXiH,gBAAgB,EAAG,IAAM;QACzBP,QAAQ,EAAG,IAAI,CAAC/E,yBAA2B;QAC3CgF,YAAY,EAAG7F,mBAAqB;QACpCoG,KAAK,EAAGlF,OAAS;QACjB8E,MAAM,EAAGA,CAAE;UAAEK,IAAI;UAAEC;QAAgB,CAAC,KAAM;UACzCL,kBAAkB,CAAEI,IAAK,CAAC;UAE1B,OACChE,aAAA,CAAAkE,QAAA,QACGD,eAAe,CAAC,CAAC,EAEnBjE,aAAA,CAAClD,mBAAmB;YACnBqH,mBAAmB;YACnBN,QAAQ,EAAGA,QAAU;YACrBhF,OAAO,EAAGA,OAAS;YACnBuF,qBAAqB,EACpB,IAAI,CAACjG,mBACL;YACDkG,8BAA8B,EAC7B,IAAI,CAAChG,4BACL;YACDiG,8BAA8B,EAC7B,IAAI,CAAChG,4BACL;YACDiG,uBAAuB,EACtB,IAAI,CAAChG,qBACL;YACD2E,aAAa,EAAKlE,MAAM,IAAM;cAC7B,OAAO,IAAI,CAACkE,aAAa,CACxBlE,MAAM,EACNgF,IACD,CAAC;YACF;UAAG,CACH,CACA,CAAC;QAEL;MAAG,CACH,CAAC;IAEJ;IACA,OAAO,IAAI,CAACZ,iBAAiB,CAAC,CAAC;EAChC;AACD;AAEA,eAAe/F,OAAO,CAAE,CAAEC,wBAAwB,CAAG,CAAC,CAAEU,cAAe,CAAC"}

package/build-module/navigation/constants.js

@@ -15,4 +15,5 @@ export const PRELOADED_NAVIGATION_MENUS_QUERY = {
   orderby: 'date'
 };
 export const SELECT_NAVIGATION_MENUS_ARGS = ['postType', 'wp_navigation', PRELOADED_NAVIGATION_MENUS_QUERY];
+export const NAVIGATION_MOBILE_COLLAPSE = '600px';
 //# sourceMappingURL=constants.js.map

package/build-module/navigation/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_BLOCK","name","ALLOWED_BLOCKS","PRIORITIZED_INSERTER_BLOCKS","PRELOADED_NAVIGATION_MENUS_QUERY","per_page","status","order","orderby","SELECT_NAVIGATION_MENUS_ARGS"],"sources":["@wordpress/block-library/src/navigation/constants.js"],"sourcesContent":["export const DEFAULT_BLOCK = {\n\tname: 'core/navigation-link',\n};\n\nexport const ALLOWED_BLOCKS = [\n\t'core/navigation-link',\n\t'core/search',\n\t'core/social-links',\n\t'core/page-list',\n\t'core/spacer',\n\t'core/home-link',\n\t'core/site-title',\n\t'core/site-logo',\n\t'core/navigation-submenu',\n\t'core/loginout',\n\t'core/buttons',\n];\n\nexport const PRIORITIZED_INSERTER_BLOCKS = [\n\t'core/navigation-link/page',\n\t'core/navigation-link',\n];\n\n// These parameters must be kept aligned with those in\n// lib/compat/wordpress-6.3/navigation-block-preloading.php\n// and\n// edit-site/src/components/sidebar-navigation-screen-navigation-menus/constants.js\nexport const PRELOADED_NAVIGATION_MENUS_QUERY = {\n\tper_page: 100,\n\tstatus: [ 'publish', 'draft' ],\n\torder: 'desc',\n\torderby: 'date',\n};\n\nexport const SELECT_NAVIGATION_MENUS_ARGS = [\n\t'postType',\n\t'wp_navigation',\n\tPRELOADED_NAVIGATION_MENUS_QUERY,\n];\n"],"mappings":"AAAA,OAAO,MAAMA,aAAa,GAAG;EAC5BC,IAAI,EAAE;AACP,CAAC;AAED,OAAO,MAAMC,cAAc,GAAG,CAC7B,sBAAsB,EACtB,aAAa,EACb,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,yBAAyB,EACzB,eAAe,EACf,cAAc,CACd;AAED,OAAO,MAAMC,2BAA2B,GAAG,CAC1C,2BAA2B,EAC3B,sBAAsB,CACtB;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,gCAAgC,GAAG;EAC/CC,QAAQ,EAAE,GAAG;EACbC,MAAM,EAAE,CAAE,SAAS,EAAE,OAAO,CAAE;EAC9BC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE;AACV,CAAC;AAED,OAAO,MAAMC,4BAA4B,GAAG,CAC3C,UAAU,EACV,eAAe,EACfL,gCAAgC,CAChC"}
+{"version":3,"names":["DEFAULT_BLOCK","name","ALLOWED_BLOCKS","PRIORITIZED_INSERTER_BLOCKS","PRELOADED_NAVIGATION_MENUS_QUERY","per_page","status","order","orderby","SELECT_NAVIGATION_MENUS_ARGS","NAVIGATION_MOBILE_COLLAPSE"],"sources":["@wordpress/block-library/src/navigation/constants.js"],"sourcesContent":["export const DEFAULT_BLOCK = {\n\tname: 'core/navigation-link',\n};\n\nexport const ALLOWED_BLOCKS = [\n\t'core/navigation-link',\n\t'core/search',\n\t'core/social-links',\n\t'core/page-list',\n\t'core/spacer',\n\t'core/home-link',\n\t'core/site-title',\n\t'core/site-logo',\n\t'core/navigation-submenu',\n\t'core/loginout',\n\t'core/buttons',\n];\n\nexport const PRIORITIZED_INSERTER_BLOCKS = [\n\t'core/navigation-link/page',\n\t'core/navigation-link',\n];\n\n// These parameters must be kept aligned with those in\n// lib/compat/wordpress-6.3/navigation-block-preloading.php\n// and\n// edit-site/src/components/sidebar-navigation-screen-navigation-menus/constants.js\nexport const PRELOADED_NAVIGATION_MENUS_QUERY = {\n\tper_page: 100,\n\tstatus: [ 'publish', 'draft' ],\n\torder: 'desc',\n\torderby: 'date',\n};\n\nexport const SELECT_NAVIGATION_MENUS_ARGS = [\n\t'postType',\n\t'wp_navigation',\n\tPRELOADED_NAVIGATION_MENUS_QUERY,\n];\n\nexport const NAVIGATION_MOBILE_COLLAPSE = '600px';\n"],"mappings":"AAAA,OAAO,MAAMA,aAAa,GAAG;EAC5BC,IAAI,EAAE;AACP,CAAC;AAED,OAAO,MAAMC,cAAc,GAAG,CAC7B,sBAAsB,EACtB,aAAa,EACb,mBAAmB,EACnB,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,iBAAiB,EACjB,gBAAgB,EAChB,yBAAyB,EACzB,eAAe,EACf,cAAc,CACd;AAED,OAAO,MAAMC,2BAA2B,GAAG,CAC1C,2BAA2B,EAC3B,sBAAsB,CACtB;;AAED;AACA;AACA;AACA;AACA,OAAO,MAAMC,gCAAgC,GAAG;EAC/CC,QAAQ,EAAE,GAAG;EACbC,MAAM,EAAE,CAAE,SAAS,EAAE,OAAO,CAAE;EAC9BC,KAAK,EAAE,MAAM;EACbC,OAAO,EAAE;AACV,CAAC;AAED,OAAO,MAAMC,4BAA4B,GAAG,CAC3C,UAAU,EACV,eAAe,EACfL,gCAAgC,CAChC;AAED,OAAO,MAAMM,0BAA0B,GAAG,OAAO"}

package/build-module/navigation/edit/index.js

@@ -8,14 +8,14 @@ import classnames from 'classnames';
  * WordPress dependencies
  */
 import { useCallback, useState, useEffect, useRef, Platform } from '@wordpress/element';
-import { InspectorControls, useBlockProps, __experimentalRecursionProvider as RecursionProvider, __experimentalUseHasRecursion as useHasRecursion, store as blockEditorStore, withColors, ContrastChecker, getColorClassName, Warning, __experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown, __experimentalUseBlockOverlayActive as useBlockOverlayActive, __experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients, useBlockEditingMode } from '@wordpress/block-editor';
+import { InspectorControls, useBlockProps, __experimentalRecursionProvider as RecursionProvider, __experimentalUseHasRecursion as useHasRecursion, store as blockEditorStore, withColors, ContrastChecker, getColorClassName, Warning, __experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown, __experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients, useBlockEditingMode } from '@wordpress/block-editor';
 import { EntityProvider, store as coreStore } from '@wordpress/core-data';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { PanelBody, ToggleControl, __experimentalToggleGroupControl as ToggleGroupControl, __experimentalToggleGroupControlOption as ToggleGroupControlOption, Button, Spinner, Notice } from '@wordpress/components';
 import { __, sprintf } from '@wordpress/i18n';
 import { speak } from '@wordpress/a11y';
 import { close, Icon } from '@wordpress/icons';
-import { useInstanceId } from '@wordpress/compose';
+import { useInstanceId, useMediaQuery } from '@wordpress/compose';
 
 /**
  * Internal dependencies
@@ -40,6 +40,7 @@ import MenuInspectorControls from './menu-inspector-controls';
 import DeletedNavigationWarning from './deleted-navigation-warning';
 import AccessibleDescription from './accessible-description';
 import AccessibleMenuDescription from './accessible-menu-description';
+import { NAVIGATION_MOBILE_COLLAPSE } from '../constants';
 import { unlock } from '../../lock-unlock';
 function Navigation({
   attributes,
@@ -205,8 +206,10 @@ function Navigation({
   // - the Navigation Post isn't available (hasn't resolved) yet.
   const isLoading = !hasResolvedNavigationMenus || isCreatingNavigationMenu || isConvertingClassicMenu || !!(ref && !isEntityAvailable && !isConvertingClassicMenu);
   const textDecoration = attributes.style?.typography?.textDecoration;
-  const hasBlockOverlay = useBlockOverlayActive(clientId);
+  const hasBlockOverlay = useSelect(select => select(blockEditorStore).__unstableHasActiveBlockOverlayActive(clientId), [clientId]);
   const isResponsive = 'never' !== overlayMenu;
+  const isMobileBreakPoint = useMediaQuery(`(max-width: ${NAVIGATION_MOBILE_COLLAPSE})`);
+  const isCollapsed = 'mobile' === overlayMenu && isMobileBreakPoint || 'always' === overlayMenu;
   const blockProps = useBlockProps({
     ref: navRef,
     className: classnames(className, {
@@ -217,6 +220,7 @@ function Navigation({
       'is-vertical': orientation === 'vertical',
       'no-wrap': flexWrap === 'nowrap',
       'is-responsive': isResponsive,
+      'is-collapsed': isCollapsed,
       'has-text-color': !!textColor.color || !!textColor?.class,
       [getColorClassName('color', textColor?.slug)]: !!textColor?.slug,
       'has-background': !!backgroundColor.color || backgroundColor.class,