@wordpress/edit-post 7.15.0 → 7.17.0

package/build-module/components/editor-initialization/listener-hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/editor-initialization/listener-hooks.js"],"names":["useSelect","useDispatch","useEffect","useRef","store","blockEditorStore","editorStore","STORE_NAME","VIEW_AS_LINK_SELECTOR","VIEW_AS_PREVIEW_LINK_SELECTOR","useBlockSelectionListener","postId","hasBlockSelection","isEditorSidebarOpened","select","getBlockSelectionStart","openGeneralSidebar","useUpdatePostLinkListener","newPermalink","getCurrentPost","link","nodeToUpdate","current","document","querySelector","setAttribute"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,EAAoBC,WAApB,QAAuC,iBAAvC;AACA,SAASC,SAAT,EAAoBC,MAApB,QAAkC,oBAAlC;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AACA,SAASD,KAAK,IAAIE,WAAlB,QAAqC,mBAArC;AAEA;AACA;AACA;;AACA,SACCC,UADD,EAECC,qBAFD,EAGCC,6BAHD,QAIO,uBAJP;AAMA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMC,yBAAyB,GAAKC,MAAF,IAAc;AACtD,QAAM;AAAEC,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MAA+Cb,SAAS,CAC3Dc,MAAF,KAAgB;AACfF,IAAAA,iBAAiB,EAChB,CAAC,CAAEE,MAAM,CAAET,gBAAF,CAAN,CAA2BU,sBAA3B,EAFW;AAGfF,IAAAA,qBAAqB,EAAEC,MAAM,CAAEP,UAAF,CAAN,CAAqBM,qBAArB;AAHR,GAAhB,CAD6D,EAM7D,CAAEF,MAAF,CAN6D,CAA9D;AASA,QAAM;AAAEK,IAAAA;AAAF,MAAyBf,WAAW,CAAEM,UAAF,CAA1C;AAEAL,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAK,CAAEW,qBAAP,EAA+B;AAC9B;AACA;;AACD,QAAKD,iBAAL,EAAyB;AACxBI,MAAAA,kBAAkB,CAAE,iBAAF,CAAlB;AACA,KAFD,MAEO;AACNA,MAAAA,kBAAkB,CAAE,oBAAF,CAAlB;AACA;AACD,GATQ,EASN,CAAEJ,iBAAF,EAAqBC,qBAArB,CATM,CAAT;AAUA,CAtBM;AAwBP;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,MAAMI,yBAAyB,GAAKN,MAAF,IAAc;AACtD,QAAM;AAAEO,IAAAA;AAAF,MAAmBlB,SAAS,CAC/Bc,MAAF,KAAgB;AACfI,IAAAA,YAAY,EAAEJ,MAAM,CAAER,WAAF,CAAN,CAAsBa,cAAtB,GAAuCC;AADtC,GAAhB,CADiC,EAIjC,CAAET,MAAF,CAJiC,CAAlC;AAMA,QAAMU,YAAY,GAAGlB,MAAM,EAA3B;AAEAD,EAAAA,SAAS,CAAE,MAAM;AAChBmB,IAAAA,YAAY,CAACC,OAAb,GACCC,QAAQ,CAACC,aAAT,CAAwBf,6BAAxB,KACAc,QAAQ,CAACC,aAAT,CAAwBhB,qBAAxB,CAFD;AAGA,GAJQ,EAIN,CAAEG,MAAF,CAJM,CAAT;AAMAT,EAAAA,SAAS,CAAE,MAAM;AAChB,QAAK,CAAEgB,YAAF,IAAkB,CAAEG,YAAY,CAACC,OAAtC,EAAgD;AAC/C;AACA;;AACDD,IAAAA,YAAY,CAACC,OAAb,CAAqBG,YAArB,CAAmC,MAAnC,EAA2CP,YAA3C;AACA,GALQ,EAKN,CAAEA,YAAF,CALM,CAAT;AAMA,CArBM","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tSTORE_NAME,\n\tVIEW_AS_LINK_SELECTOR,\n\tVIEW_AS_PREVIEW_LINK_SELECTOR,\n} from '../../store/constants';\n\n/**\n * This listener hook monitors for block selection and triggers the appropriate\n * sidebar state.\n *\n * @param {number} postId The current post id.\n */\nexport const useBlockSelectionListener = ( postId ) => {\n\tconst { hasBlockSelection, isEditorSidebarOpened } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasBlockSelection:\n\t\t\t\t!! select( blockEditorStore ).getBlockSelectionStart(),\n\t\t\tisEditorSidebarOpened: select( STORE_NAME ).isEditorSidebarOpened(),\n\t\t} ),\n\t\t[ postId ]\n\t);\n\n\tconst { openGeneralSidebar } = useDispatch( STORE_NAME );\n\n\tuseEffect( () => {\n\t\tif ( ! isEditorSidebarOpened ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( hasBlockSelection ) {\n\t\t\topenGeneralSidebar( 'edit-post/block' );\n\t\t} else {\n\t\t\topenGeneralSidebar( 'edit-post/document' );\n\t\t}\n\t}, [ hasBlockSelection, isEditorSidebarOpened ] );\n};\n\n/**\n * This listener hook monitors any change in permalink and updates the view\n * post link in the admin bar.\n *\n * @param {number} postId\n */\nexport const useUpdatePostLinkListener = ( postId ) => {\n\tconst { newPermalink } = useSelect(\n\t\t( select ) => ( {\n\t\t\tnewPermalink: select( editorStore ).getCurrentPost().link,\n\t\t} ),\n\t\t[ postId ]\n\t);\n\tconst nodeToUpdate = useRef();\n\n\tuseEffect( () => {\n\t\tnodeToUpdate.current =\n\t\t\tdocument.querySelector( VIEW_AS_PREVIEW_LINK_SELECTOR ) ||\n\t\t\tdocument.querySelector( VIEW_AS_LINK_SELECTOR );\n\t}, [ postId ] );\n\n\tuseEffect( () => {\n\t\tif ( ! newPermalink || ! nodeToUpdate.current ) {\n\t\t\treturn;\n\t\t}\n\t\tnodeToUpdate.current.setAttribute( 'href', newPermalink );\n\t}, [ newPermalink ] );\n};\n"]}
+{"version":3,"names":["useSelect","useDispatch","useEffect","useRef","store","blockEditorStore","editorStore","STORE_NAME","VIEW_AS_LINK_SELECTOR","VIEW_AS_PREVIEW_LINK_SELECTOR","useBlockSelectionListener","postId","hasBlockSelection","isEditorSidebarOpened","select","getBlockSelectionStart","openGeneralSidebar","useUpdatePostLinkListener","newPermalink","getCurrentPost","link","nodeToUpdate","current","document","querySelector","setAttribute"],"sources":["@wordpress/edit-post/src/components/editor-initialization/listener-hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tSTORE_NAME,\n\tVIEW_AS_LINK_SELECTOR,\n\tVIEW_AS_PREVIEW_LINK_SELECTOR,\n} from '../../store/constants';\n\n/**\n * This listener hook monitors for block selection and triggers the appropriate\n * sidebar state.\n *\n * @param {number} postId The current post id.\n */\nexport const useBlockSelectionListener = ( postId ) => {\n\tconst { hasBlockSelection, isEditorSidebarOpened } = useSelect(\n\t\t( select ) => ( {\n\t\t\thasBlockSelection:\n\t\t\t\t!! select( blockEditorStore ).getBlockSelectionStart(),\n\t\t\tisEditorSidebarOpened: select( STORE_NAME ).isEditorSidebarOpened(),\n\t\t} ),\n\t\t[ postId ]\n\t);\n\n\tconst { openGeneralSidebar } = useDispatch( STORE_NAME );\n\n\tuseEffect( () => {\n\t\tif ( ! isEditorSidebarOpened ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( hasBlockSelection ) {\n\t\t\topenGeneralSidebar( 'edit-post/block' );\n\t\t} else {\n\t\t\topenGeneralSidebar( 'edit-post/document' );\n\t\t}\n\t}, [ hasBlockSelection, isEditorSidebarOpened ] );\n};\n\n/**\n * This listener hook monitors any change in permalink and updates the view\n * post link in the admin bar.\n *\n * @param {number} postId\n */\nexport const useUpdatePostLinkListener = ( postId ) => {\n\tconst { newPermalink } = useSelect(\n\t\t( select ) => ( {\n\t\t\tnewPermalink: select( editorStore ).getCurrentPost().link,\n\t\t} ),\n\t\t[ postId ]\n\t);\n\tconst nodeToUpdate = useRef();\n\n\tuseEffect( () => {\n\t\tnodeToUpdate.current =\n\t\t\tdocument.querySelector( VIEW_AS_PREVIEW_LINK_SELECTOR ) ||\n\t\t\tdocument.querySelector( VIEW_AS_LINK_SELECTOR );\n\t}, [ postId ] );\n\n\tuseEffect( () => {\n\t\tif ( ! newPermalink || ! nodeToUpdate.current ) {\n\t\t\treturn;\n\t\t}\n\t\tnodeToUpdate.current.setAttribute( 'href', newPermalink );\n\t}, [ newPermalink ] );\n};\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,SAAS,EAAEC,MAAM,QAAQ,oBAAoB;AACtD,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AACnE,SAASD,KAAK,IAAIE,WAAW,QAAQ,mBAAmB;;AAExD;AACA;AACA;AACA,SACCC,UAAU,EACVC,qBAAqB,EACrBC,6BAA6B,QACvB,uBAAuB;;AAE9B;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,yBAAyB,GAAKC,MAAM,IAAM;EACtD,MAAM;IAAEC,iBAAiB;IAAEC;EAAsB,CAAC,GAAGb,SAAS,CAC3Dc,MAAM,KAAQ;IACfF,iBAAiB,EAChB,CAAC,CAAEE,MAAM,CAAET,gBAAiB,CAAC,CAACU,sBAAsB,CAAC,CAAC;IACvDF,qBAAqB,EAAEC,MAAM,CAAEP,UAAW,CAAC,CAACM,qBAAqB,CAAC;EACnE,CAAC,CAAE,EACH,CAAEF,MAAM,CACT,CAAC;EAED,MAAM;IAAEK;EAAmB,CAAC,GAAGf,WAAW,CAAEM,UAAW,CAAC;EAExDL,SAAS,CAAE,MAAM;IAChB,IAAK,CAAEW,qBAAqB,EAAG;MAC9B;IACD;IACA,IAAKD,iBAAiB,EAAG;MACxBI,kBAAkB,CAAE,iBAAkB,CAAC;IACxC,CAAC,MAAM;MACNA,kBAAkB,CAAE,oBAAqB,CAAC;IAC3C;EACD,CAAC,EAAE,CAAEJ,iBAAiB,EAAEC,qBAAqB,CAAG,CAAC;AAClD,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMI,yBAAyB,GAAKN,MAAM,IAAM;EACtD,MAAM;IAAEO;EAAa,CAAC,GAAGlB,SAAS,CAC/Bc,MAAM,KAAQ;IACfI,YAAY,EAAEJ,MAAM,CAAER,WAAY,CAAC,CAACa,cAAc,CAAC,CAAC,CAACC;EACtD,CAAC,CAAE,EACH,CAAET,MAAM,CACT,CAAC;EACD,MAAMU,YAAY,GAAGlB,MAAM,CAAC,CAAC;EAE7BD,SAAS,CAAE,MAAM;IAChBmB,YAAY,CAACC,OAAO,GACnBC,QAAQ,CAACC,aAAa,CAAEf,6BAA8B,CAAC,IACvDc,QAAQ,CAACC,aAAa,CAAEhB,qBAAsB,CAAC;EACjD,CAAC,EAAE,CAAEG,MAAM,CAAG,CAAC;EAEfT,SAAS,CAAE,MAAM;IAChB,IAAK,CAAEgB,YAAY,IAAI,CAAEG,YAAY,CAACC,OAAO,EAAG;MAC/C;IACD;IACAD,YAAY,CAACC,OAAO,CAACG,YAAY,CAAE,MAAM,EAAEP,YAAa,CAAC;EAC1D,CAAC,EAAE,CAAEA,YAAY,CAAG,CAAC;AACtB,CAAC"}

package/build-module/components/header/{document-title → document-actions}/index.js

@@ -1,5 +1,4 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -10,13 +9,12 @@ import { Button, VisuallyHidden, __experimentalHStack as HStack, __experimentalT
 import { layout, chevronLeftSmall, chevronRightSmall } from '@wordpress/icons';
 import { store as commandsStore } from '@wordpress/commands';
 import { displayShortcut } from '@wordpress/keycodes';
+
 /**
  * Internal dependencies
  */
-
 import { store as editPostStore } from '../../../store';
-
-function DocumentTitle() {
+function DocumentActions() {
   const {
     template,
     isEditing
@@ -25,9 +23,7 @@ function DocumentTitle() {
       isEditingTemplate,
       getEditedPostTemplate
     } = select(editPostStore);
-
     const _isEditing = isEditingTemplate();
-
     return {
       template: _isEditing ? getEditedPostTemplate() : null,
       isEditing: _isEditing
@@ -42,33 +38,29 @@ function DocumentTitle() {
   const {
     open: openCommandCenter
   } = useDispatch(commandsStore);
-
   if (!isEditing || !template) {
     return null;
   }
-
   let templateTitle = __('Default');
-
   if (template?.title) {
     templateTitle = template.title;
   } else if (!!template) {
     templateTitle = template.slug;
   }
-
   return createElement("div", {
-    className: "edit-post-document-title"
-  }, createElement("span", {
-    className: "edit-post-document-title__left"
+    className: "edit-post-document-actions"
   }, createElement(Button, {
+    className: "edit-post-document-actions__back",
     onClick: () => {
       clearSelectedBlock();
       setIsEditingTemplate(false);
     },
     icon: isRTL() ? chevronRightSmall : chevronLeftSmall
-  }, __('Back'))), createElement(Button, {
-    className: "edit-post-document-title__title",
+  }, __('Back')), createElement(Button, {
+    className: "edit-post-document-actions__command",
     onClick: () => openCommandCenter()
   }, createElement(HStack, {
+    className: "edit-post-document-actions__title",
     spacing: 1,
     justify: "center"
   }, createElement(BlockIcon, {
@@ -78,11 +70,9 @@ function DocumentTitle() {
     as: "h1"
   }, createElement(VisuallyHidden, {
     as: "span"
-  }, __('Editing template: ')), templateTitle))), createElement(Button, {
-    className: "edit-post-document-title__shortcut",
-    onClick: () => openCommandCenter()
-  }, displayShortcut.primary('k')));
+  }, __('Editing template: ')), templateTitle)), createElement("span", {
+    className: "edit-post-document-actions__shortcut"
+  }, displayShortcut.primary('k'))));
 }
-
-export default DocumentTitle;
+export default DocumentActions;
 //# sourceMappingURL=index.js.map

package/build-module/components/header/document-actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__","isRTL","useSelect","useDispatch","BlockIcon","store","blockEditorStore","Button","VisuallyHidden","__experimentalHStack","HStack","__experimentalText","Text","layout","chevronLeftSmall","chevronRightSmall","commandsStore","displayShortcut","editPostStore","DocumentActions","template","isEditing","select","isEditingTemplate","getEditedPostTemplate","_isEditing","clearSelectedBlock","setIsEditingTemplate","open","openCommandCenter","templateTitle","title","slug","createElement","className","onClick","icon","spacing","justify","size","as","primary"],"sources":["@wordpress/edit-post/src/components/header/document-actions/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { BlockIcon, store as blockEditorStore } from '@wordpress/block-editor';\nimport {\n\tButton,\n\tVisuallyHidden,\n\t__experimentalHStack as HStack,\n\t__experimentalText as Text,\n} from '@wordpress/components';\nimport { layout, chevronLeftSmall, chevronRightSmall } from '@wordpress/icons';\nimport { store as commandsStore } from '@wordpress/commands';\nimport { displayShortcut } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nfunction DocumentActions() {\n\tconst { template, isEditing } = useSelect( ( select ) => {\n\t\tconst { isEditingTemplate, getEditedPostTemplate } =\n\t\t\tselect( editPostStore );\n\t\tconst _isEditing = isEditingTemplate();\n\n\t\treturn {\n\t\t\ttemplate: _isEditing ? getEditedPostTemplate() : null,\n\t\t\tisEditing: _isEditing,\n\t\t};\n\t}, [] );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { setIsEditingTemplate } = useDispatch( editPostStore );\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\tif ( ! isEditing || ! template ) {\n\t\treturn null;\n\t}\n\n\tlet templateTitle = __( 'Default' );\n\tif ( template?.title ) {\n\t\ttemplateTitle = template.title;\n\t} else if ( !! template ) {\n\t\ttemplateTitle = template.slug;\n\t}\n\n\treturn (\n\t\t<div className=\"edit-post-document-actions\">\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-post-document-actions__back\"\n\t\t\t\tonClick={ () => {\n\t\t\t\t\tclearSelectedBlock();\n\t\t\t\t\tsetIsEditingTemplate( false );\n\t\t\t\t} }\n\t\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\t>\n\t\t\t\t{ __( 'Back' ) }\n\t\t\t</Button>\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-post-document-actions__command\"\n\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"edit-post-document-actions__title\"\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t>\n\t\t\t\t\t<BlockIcon icon={ layout } />\n\t\t\t\t\t<Text size=\"body\" as=\"h1\">\n\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t{ __( 'Editing template: ' ) }\n\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t{ templateTitle }\n\t\t\t\t\t</Text>\n\t\t\t\t</HStack>\n\t\t\t\t<span className=\"edit-post-document-actions__shortcut\">\n\t\t\t\t\t{ displayShortcut.primary( 'k' ) }\n\t\t\t\t</span>\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n\nexport default DocumentActions;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,KAAK,QAAQ,iBAAiB;AAC3C,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,SAAS,EAAEC,KAAK,IAAIC,gBAAgB,QAAQ,yBAAyB;AAC9E,SACCC,MAAM,EACNC,cAAc,EACdC,oBAAoB,IAAIC,MAAM,EAC9BC,kBAAkB,IAAIC,IAAI,QACpB,uBAAuB;AAC9B,SAASC,MAAM,EAAEC,gBAAgB,EAAEC,iBAAiB,QAAQ,kBAAkB;AAC9E,SAASV,KAAK,IAAIW,aAAa,QAAQ,qBAAqB;AAC5D,SAASC,eAAe,QAAQ,qBAAqB;;AAErD;AACA;AACA;AACA,SAASZ,KAAK,IAAIa,aAAa,QAAQ,gBAAgB;AAEvD,SAASC,eAAeA,CAAA,EAAG;EAC1B,MAAM;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGnB,SAAS,CAAIoB,MAAM,IAAM;IACxD,MAAM;MAAEC,iBAAiB;MAAEC;IAAsB,CAAC,GACjDF,MAAM,CAAEJ,aAAc,CAAC;IACxB,MAAMO,UAAU,GAAGF,iBAAiB,CAAC,CAAC;IAEtC,OAAO;MACNH,QAAQ,EAAEK,UAAU,GAAGD,qBAAqB,CAAC,CAAC,GAAG,IAAI;MACrDH,SAAS,EAAEI;IACZ,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC;EAAmB,CAAC,GAAGvB,WAAW,CAAEG,gBAAiB,CAAC;EAC9D,MAAM;IAAEqB;EAAqB,CAAC,GAAGxB,WAAW,CAAEe,aAAc,CAAC;EAC7D,MAAM;IAAEU,IAAI,EAAEC;EAAkB,CAAC,GAAG1B,WAAW,CAAEa,aAAc,CAAC;EAEhE,IAAK,CAAEK,SAAS,IAAI,CAAED,QAAQ,EAAG;IAChC,OAAO,IAAI;EACZ;EAEA,IAAIU,aAAa,GAAG9B,EAAE,CAAE,SAAU,CAAC;EACnC,IAAKoB,QAAQ,EAAEW,KAAK,EAAG;IACtBD,aAAa,GAAGV,QAAQ,CAACW,KAAK;EAC/B,CAAC,MAAM,IAAK,CAAC,CAAEX,QAAQ,EAAG;IACzBU,aAAa,GAAGV,QAAQ,CAACY,IAAI;EAC9B;EAEA,OACCC,aAAA;IAAKC,SAAS,EAAC;EAA4B,GAC1CD,aAAA,CAAC1B,MAAM;IACN2B,SAAS,EAAC,kCAAkC;IAC5CC,OAAO,EAAGA,CAAA,KAAM;MACfT,kBAAkB,CAAC,CAAC;MACpBC,oBAAoB,CAAE,KAAM,CAAC;IAC9B,CAAG;IACHS,IAAI,EAAGnC,KAAK,CAAC,CAAC,GAAGc,iBAAiB,GAAGD;EAAkB,GAErDd,EAAE,CAAE,MAAO,CACN,CAAC,EACTiC,aAAA,CAAC1B,MAAM;IACN2B,SAAS,EAAC,qCAAqC;IAC/CC,OAAO,EAAGA,CAAA,KAAMN,iBAAiB,CAAC;EAAG,GAErCI,aAAA,CAACvB,MAAM;IACNwB,SAAS,EAAC,mCAAmC;IAC7CG,OAAO,EAAG,CAAG;IACbC,OAAO,EAAC;EAAQ,GAEhBL,aAAA,CAAC7B,SAAS;IAACgC,IAAI,EAAGvB;EAAQ,CAAE,CAAC,EAC7BoB,aAAA,CAACrB,IAAI;IAAC2B,IAAI,EAAC,MAAM;IAACC,EAAE,EAAC;EAAI,GACxBP,aAAA,CAACzB,cAAc;IAACgC,EAAE,EAAC;EAAM,GACtBxC,EAAE,CAAE,oBAAqB,CACZ,CAAC,EACf8B,aACG,CACC,CAAC,EACTG,aAAA;IAAMC,SAAS,EAAC;EAAsC,GACnDjB,eAAe,CAACwB,OAAO,CAAE,GAAI,CAC1B,CACC,CACJ,CAAC;AAER;AAEA,eAAetB,eAAe"}

package/build-module/components/header/fullscreen-mode-close/index.js

@@ -1,13 +1,12 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
-
 import { useSelect } from '@wordpress/data';
 import { Button, Icon, __unstableMotion as motion } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
@@ -16,19 +15,17 @@ import { wordpress } from '@wordpress/icons';
 import { store as editorStore } from '@wordpress/editor';
 import { store as coreStore } from '@wordpress/core-data';
 import { useReducedMotion } from '@wordpress/compose';
+
 /**
  * Internal dependencies
  */
-
 import { store as editPostStore } from '../../../store';
-
 function FullscreenModeClose({
   showTooltip,
   icon,
   href
 }) {
   var _postType$labels$view;
-
   const {
     isActive,
     isRequestingSiteIcon,
@@ -55,11 +52,9 @@ function FullscreenModeClose({
     };
   }, []);
   const disableMotion = useReducedMotion();
-
   if (!isActive || !postType) {
     return null;
   }
-
   let buttonIcon = createElement(Icon, {
     size: "36px",
     icon: wordpress
@@ -73,7 +68,6 @@ function FullscreenModeClose({
       }
     }
   };
-
   if (siteIconUrl) {
     buttonIcon = createElement(motion.img, {
       variants: !disableMotion && effect,
@@ -82,19 +76,17 @@ function FullscreenModeClose({
       src: siteIconUrl
     });
   }
-
   if (isRequestingSiteIcon) {
     buttonIcon = null;
-  } // Override default icon if custom icon is provided via props.
-
+  }
 
+  // Override default icon if custom icon is provided via props.
   if (icon) {
     buttonIcon = createElement(Icon, {
       size: "36px",
       icon: icon
     });
   }
-
   const classes = classnames({
     'edit-post-fullscreen-mode-close': true,
     'has-icon': siteIconUrl
@@ -110,6 +102,5 @@ function FullscreenModeClose({
     showTooltip: showTooltip
   }, buttonIcon));
 }
-
 export default FullscreenModeClose;
 //# sourceMappingURL=index.js.map

package/build-module/components/header/fullscreen-mode-close/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/header/fullscreen-mode-close/index.js"],"names":["classnames","useSelect","Button","Icon","__unstableMotion","motion","__","addQueryArgs","wordpress","store","editorStore","coreStore","useReducedMotion","editPostStore","FullscreenModeClose","showTooltip","icon","href","isActive","isRequestingSiteIcon","postType","siteIconUrl","select","getCurrentPostType","isFeatureActive","getEntityRecord","getPostType","isResolving","siteData","undefined","site_icon_url","disableMotion","buttonIcon","effect","expand","scale","transition","type","duration","classes","post_type","slug","labels","view_items"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\tButton,\n\tIcon,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { wordpress } from '@wordpress/icons';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useReducedMotion } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nfunction FullscreenModeClose( { showTooltip, icon, href } ) {\n\tconst { isActive, isRequestingSiteIcon, postType, siteIconUrl } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCurrentPostType } = select( editorStore );\n\t\t\tconst { isFeatureActive } = select( editPostStore );\n\t\t\tconst { getEntityRecord, getPostType, isResolving } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst siteData =\n\t\t\t\tgetEntityRecord( 'root', '__unstableBase', undefined ) || {};\n\n\t\t\treturn {\n\t\t\t\tisActive: isFeatureActive( 'fullscreenMode' ),\n\t\t\t\tisRequestingSiteIcon: isResolving( 'getEntityRecord', [\n\t\t\t\t\t'root',\n\t\t\t\t\t'__unstableBase',\n\t\t\t\t\tundefined,\n\t\t\t\t] ),\n\t\t\t\tpostType: getPostType( getCurrentPostType() ),\n\t\t\t\tsiteIconUrl: siteData.site_icon_url,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst disableMotion = useReducedMotion();\n\n\tif ( ! isActive || ! postType ) {\n\t\treturn null;\n\t}\n\n\tlet buttonIcon = <Icon size=\"36px\" icon={ wordpress } />;\n\n\tconst effect = {\n\t\texpand: {\n\t\t\tscale: 1.25,\n\t\t\ttransition: { type: 'tween', duration: '0.3' },\n\t\t},\n\t};\n\n\tif ( siteIconUrl ) {\n\t\tbuttonIcon = (\n\t\t\t<motion.img\n\t\t\t\tvariants={ ! disableMotion && effect }\n\t\t\t\talt={ __( 'Site Icon' ) }\n\t\t\t\tclassName=\"edit-post-fullscreen-mode-close_site-icon\"\n\t\t\t\tsrc={ siteIconUrl }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( isRequestingSiteIcon ) {\n\t\tbuttonIcon = null;\n\t}\n\n\t// Override default icon if custom icon is provided via props.\n\tif ( icon ) {\n\t\tbuttonIcon = <Icon size=\"36px\" icon={ icon } />;\n\t}\n\n\tconst classes = classnames( {\n\t\t'edit-post-fullscreen-mode-close': true,\n\t\t'has-icon': siteIconUrl,\n\t} );\n\n\treturn (\n\t\t<motion.div whileHover=\"expand\">\n\t\t\t<Button\n\t\t\t\tclassName={ classes }\n\t\t\t\thref={\n\t\t\t\t\thref ??\n\t\t\t\t\taddQueryArgs( 'edit.php', {\n\t\t\t\t\t\tpost_type: postType.slug,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t\tlabel={ postType?.labels?.view_items ?? __( 'Back' ) }\n\t\t\t\tshowTooltip={ showTooltip }\n\t\t\t>\n\t\t\t\t{ buttonIcon }\n\t\t\t</Button>\n\t\t</motion.div>\n\t);\n}\n\nexport default FullscreenModeClose;\n"]}
+{"version":3,"names":["classnames","useSelect","Button","Icon","__unstableMotion","motion","__","addQueryArgs","wordpress","store","editorStore","coreStore","useReducedMotion","editPostStore","FullscreenModeClose","showTooltip","icon","href","_postType$labels$view","isActive","isRequestingSiteIcon","postType","siteIconUrl","select","getCurrentPostType","isFeatureActive","getEntityRecord","getPostType","isResolving","siteData","undefined","site_icon_url","disableMotion","buttonIcon","createElement","size","effect","expand","scale","transition","type","duration","img","variants","alt","className","src","classes","div","whileHover","post_type","slug","label","labels","view_items"],"sources":["@wordpress/edit-post/src/components/header/fullscreen-mode-close/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\tButton,\n\tIcon,\n\t__unstableMotion as motion,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { addQueryArgs } from '@wordpress/url';\nimport { wordpress } from '@wordpress/icons';\nimport { store as editorStore } from '@wordpress/editor';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { useReducedMotion } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nfunction FullscreenModeClose( { showTooltip, icon, href } ) {\n\tconst { isActive, isRequestingSiteIcon, postType, siteIconUrl } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getCurrentPostType } = select( editorStore );\n\t\t\tconst { isFeatureActive } = select( editPostStore );\n\t\t\tconst { getEntityRecord, getPostType, isResolving } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst siteData =\n\t\t\t\tgetEntityRecord( 'root', '__unstableBase', undefined ) || {};\n\n\t\t\treturn {\n\t\t\t\tisActive: isFeatureActive( 'fullscreenMode' ),\n\t\t\t\tisRequestingSiteIcon: isResolving( 'getEntityRecord', [\n\t\t\t\t\t'root',\n\t\t\t\t\t'__unstableBase',\n\t\t\t\t\tundefined,\n\t\t\t\t] ),\n\t\t\t\tpostType: getPostType( getCurrentPostType() ),\n\t\t\t\tsiteIconUrl: siteData.site_icon_url,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst disableMotion = useReducedMotion();\n\n\tif ( ! isActive || ! postType ) {\n\t\treturn null;\n\t}\n\n\tlet buttonIcon = <Icon size=\"36px\" icon={ wordpress } />;\n\n\tconst effect = {\n\t\texpand: {\n\t\t\tscale: 1.25,\n\t\t\ttransition: { type: 'tween', duration: '0.3' },\n\t\t},\n\t};\n\n\tif ( siteIconUrl ) {\n\t\tbuttonIcon = (\n\t\t\t<motion.img\n\t\t\t\tvariants={ ! disableMotion && effect }\n\t\t\t\talt={ __( 'Site Icon' ) }\n\t\t\t\tclassName=\"edit-post-fullscreen-mode-close_site-icon\"\n\t\t\t\tsrc={ siteIconUrl }\n\t\t\t/>\n\t\t);\n\t}\n\n\tif ( isRequestingSiteIcon ) {\n\t\tbuttonIcon = null;\n\t}\n\n\t// Override default icon if custom icon is provided via props.\n\tif ( icon ) {\n\t\tbuttonIcon = <Icon size=\"36px\" icon={ icon } />;\n\t}\n\n\tconst classes = classnames( {\n\t\t'edit-post-fullscreen-mode-close': true,\n\t\t'has-icon': siteIconUrl,\n\t} );\n\n\treturn (\n\t\t<motion.div whileHover=\"expand\">\n\t\t\t<Button\n\t\t\t\tclassName={ classes }\n\t\t\t\thref={\n\t\t\t\t\thref ??\n\t\t\t\t\taddQueryArgs( 'edit.php', {\n\t\t\t\t\t\tpost_type: postType.slug,\n\t\t\t\t\t} )\n\t\t\t\t}\n\t\t\t\tlabel={ postType?.labels?.view_items ?? __( 'Back' ) }\n\t\t\t\tshowTooltip={ showTooltip }\n\t\t\t>\n\t\t\t\t{ buttonIcon }\n\t\t\t</Button>\n\t\t</motion.div>\n\t);\n}\n\nexport default FullscreenModeClose;\n"],"mappings":"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"}

package/build-module/components/header/header-toolbar/index.js

@@ -1,5 +1,4 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -13,20 +12,18 @@ import { listView, plus } from '@wordpress/icons';
 import { useRef, useCallback } from '@wordpress/element';
 import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
 import { store as preferencesStore } from '@wordpress/preferences';
+
 /**
  * Internal dependencies
  */
-
 import { store as editPostStore } from '../../../store';
 import { unlock } from '../../../lock-unlock';
 const {
   useShouldContextualToolbarShow
 } = unlock(blockEditorPrivateApis);
-
 const preventDefault = event => {
   event.preventDefault();
 };
-
 function HeaderToolbar() {
   const inserterButton = useRef();
   const {
@@ -78,14 +75,12 @@ function HeaderToolbar() {
     shouldShowContextualToolbar,
     canFocusHiddenToolbar,
     fixedToolbarCanBeFocused
-  } = useShouldContextualToolbarShow(); // If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.
+  } = useShouldContextualToolbarShow();
+  // If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.
   // There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.
-
   const blockToolbarCanBeFocused = shouldShowContextualToolbar || canFocusHiddenToolbar || fixedToolbarCanBeFocused;
   /* translators: accessibility text for the editor toolbar */
-
   const toolbarAriaLabel = __('Document tools');
-
   const toggleListView = useCallback(() => setIsListViewOpened(!isListViewOpen), [setIsListViewOpened, isListViewOpen]);
   const overflowItems = createElement(Fragment, null, createElement(ToolbarItem, {
     as: Button,
@@ -93,8 +88,7 @@ function HeaderToolbar() {
     icon: listView,
     disabled: isTextModeEnabled,
     isPressed: isListViewOpen
-    /* translators: button label text should, if possible, be under 16 characters. */
-    ,
+    /* translators: button label text should, if possible, be under 16 characters. */,
     label: __('Document Overview'),
     onClick: toggleListView,
     shortcut: listViewShortcut,
@@ -112,10 +106,9 @@ function HeaderToolbar() {
       setIsInserterOpened(true);
     }
   }, [isInserterOpened, setIsInserterOpened]);
-  /* translators: button label text should, if possible, be under 16 characters. */
 
+  /* translators: button label text should, if possible, be under 16 characters. */
   const longLabel = _x('Toggle block inserter', 'Generic label for block inserter button');
-
   const shortLabel = !isInserterOpened ? __('Add') : __('Close');
   return createElement(NavigableToolbar, {
     className: "edit-post-header-toolbar",
@@ -150,6 +143,5 @@ function HeaderToolbar() {
     variant: showIconLabels ? 'tertiary' : undefined
   }), overflowItems)));
 }
-
 export default HeaderToolbar;
 //# sourceMappingURL=index.js.map

package/build-module/components/header/header-toolbar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/header/header-toolbar/index.js"],"names":["useViewportMatch","useSelect","useDispatch","__","_x","NavigableToolbar","ToolSelector","store","blockEditorStore","privateApis","blockEditorPrivateApis","EditorHistoryRedo","EditorHistoryUndo","editorStore","Button","ToolbarItem","listView","plus","useRef","useCallback","keyboardShortcutsStore","preferencesStore","editPostStore","unlock","useShouldContextualToolbarShow","preventDefault","event","HeaderToolbar","inserterButton","setIsInserterOpened","setIsListViewOpened","isInserterEnabled","isInserterOpened","isTextModeEnabled","showIconLabels","isListViewOpen","listViewShortcut","hasFixedToolbar","select","hasInserterItems","getBlockRootClientId","getBlockSelectionEnd","getEditorSettings","getEditorMode","isFeatureActive","isListViewOpened","getShortcutRepresentation","get","getPreference","richEditingEnabled","isLargeViewport","isWideViewport","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","toolbarAriaLabel","toggleListView","overflowItems","undefined","toggleInserter","current","focus","longLabel","shortLabel"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tNavigableToolbar,\n\tToolSelector,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tEditorHistoryRedo,\n\tEditorHistoryUndo,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { listView, plus } from '@wordpress/icons';\nimport { useRef, useCallback } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nfunction HeaderToolbar() {\n\tconst inserterButton = useRef();\n\tconst { setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editPostStore );\n\tconst {\n\t\tisInserterEnabled,\n\t\tisInserterOpened,\n\t\tisTextModeEnabled,\n\t\tshowIconLabels,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t\thasFixedToolbar,\n\t} = useSelect( ( select ) => {\n\t\tconst { hasInserterItems, getBlockRootClientId, getBlockSelectionEnd } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { getEditorSettings } = select( editorStore );\n\t\tconst { getEditorMode, isFeatureActive, isListViewOpened } =\n\t\t\tselect( editPostStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\tconst { get: getPreference } = select( preferencesStore );\n\n\t\treturn {\n\t\t\t// This setting (richEditingEnabled) should not live in the block editor's setting.\n\t\t\tisInserterEnabled:\n\t\t\t\tgetEditorMode() === 'visual' &&\n\t\t\t\tgetEditorSettings().richEditingEnabled &&\n\t\t\t\thasInserterItems(\n\t\t\t\t\tgetBlockRootClientId( getBlockSelectionEnd() )\n\t\t\t\t),\n\t\t\tisInserterOpened: select( editPostStore ).isInserterOpened(),\n\t\t\tisTextModeEnabled: getEditorMode() === 'text',\n\t\t\tshowIconLabels: isFeatureActive( 'showIconLabels' ),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/edit-post/toggle-list-view'\n\t\t\t),\n\t\t\thasFixedToolbar: getPreference( 'core/edit-post', 'fixedToolbar' ),\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideViewport = useViewportMatch( 'wide' );\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar ||\n\t\tcanFocusHiddenToolbar ||\n\t\tfixedToolbarCanBeFocused;\n\t/* translators: accessibility text for the editor toolbar */\n\tconst toolbarAriaLabel = __( 'Document tools' );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\tconst overflowItems = (\n\t\t<>\n\t\t\t<ToolbarItem\n\t\t\t\tas={ Button }\n\t\t\t\tclassName=\"edit-post-header-toolbar__document-overview-toggle\"\n\t\t\t\ticon={ listView }\n\t\t\t\tdisabled={ isTextModeEnabled }\n\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\tlabel={ __( 'Document Overview' ) }\n\t\t\t\tonClick={ toggleListView }\n\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t/>\n\t\t</>\n\t);\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpened ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpened, setIsInserterOpened ] );\n\n\t/* translators: button label text should, if possible, be under 16 characters. */\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpened ? __( 'Add' ) : __( 'Close' );\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-post-header-toolbar\"\n\t\t\taria-label={ toolbarAriaLabel }\n\t\t\tshouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }\n\t\t>\n\t\t\t<div className=\"edit-post-header-toolbar__left\">\n\t\t\t\t<ToolbarItem\n\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\tas={ Button }\n\t\t\t\t\tclassName=\"edit-post-header-toolbar__inserter-toggle\"\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\tdisabled={ ! isInserterEnabled }\n\t\t\t\t\ticon={ plus }\n\t\t\t\t\tlabel={ showIconLabels ? shortLabel : longLabel }\n\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t/>\n\t\t\t\t{ ( isWideViewport || ! showIconLabels ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isLargeViewport && ! hasFixedToolbar && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={ isTextModeEnabled }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryUndo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryRedo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ overflowItems }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default HeaderToolbar;\n"]}
+{"version":3,"names":["useViewportMatch","useSelect","useDispatch","__","_x","NavigableToolbar","ToolSelector","store","blockEditorStore","privateApis","blockEditorPrivateApis","EditorHistoryRedo","EditorHistoryUndo","editorStore","Button","ToolbarItem","listView","plus","useRef","useCallback","keyboardShortcutsStore","preferencesStore","editPostStore","unlock","useShouldContextualToolbarShow","preventDefault","event","HeaderToolbar","inserterButton","setIsInserterOpened","setIsListViewOpened","isInserterEnabled","isInserterOpened","isTextModeEnabled","showIconLabels","isListViewOpen","listViewShortcut","hasFixedToolbar","select","hasInserterItems","getBlockRootClientId","getBlockSelectionEnd","getEditorSettings","getEditorMode","isFeatureActive","isListViewOpened","getShortcutRepresentation","get","getPreference","richEditingEnabled","isLargeViewport","isWideViewport","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","toolbarAriaLabel","toggleListView","overflowItems","createElement","Fragment","as","className","icon","disabled","isPressed","label","onClick","shortcut","showTooltip","variant","undefined","toggleInserter","current","focus","longLabel","shortLabel","shouldUseKeyboardFocusShortcut","ref","onMouseDown"],"sources":["@wordpress/edit-post/src/components/header/header-toolbar/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tNavigableToolbar,\n\tToolSelector,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport {\n\tEditorHistoryRedo,\n\tEditorHistoryUndo,\n\tstore as editorStore,\n} from '@wordpress/editor';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { listView, plus } from '@wordpress/icons';\nimport { useRef, useCallback } from '@wordpress/element';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nfunction HeaderToolbar() {\n\tconst inserterButton = useRef();\n\tconst { setIsInserterOpened, setIsListViewOpened } =\n\t\tuseDispatch( editPostStore );\n\tconst {\n\t\tisInserterEnabled,\n\t\tisInserterOpened,\n\t\tisTextModeEnabled,\n\t\tshowIconLabels,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t\thasFixedToolbar,\n\t} = useSelect( ( select ) => {\n\t\tconst { hasInserterItems, getBlockRootClientId, getBlockSelectionEnd } =\n\t\t\tselect( blockEditorStore );\n\t\tconst { getEditorSettings } = select( editorStore );\n\t\tconst { getEditorMode, isFeatureActive, isListViewOpened } =\n\t\t\tselect( editPostStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\tconst { get: getPreference } = select( preferencesStore );\n\n\t\treturn {\n\t\t\t// This setting (richEditingEnabled) should not live in the block editor's setting.\n\t\t\tisInserterEnabled:\n\t\t\t\tgetEditorMode() === 'visual' &&\n\t\t\t\tgetEditorSettings().richEditingEnabled &&\n\t\t\t\thasInserterItems(\n\t\t\t\t\tgetBlockRootClientId( getBlockSelectionEnd() )\n\t\t\t\t),\n\t\t\tisInserterOpened: select( editPostStore ).isInserterOpened(),\n\t\t\tisTextModeEnabled: getEditorMode() === 'text',\n\t\t\tshowIconLabels: isFeatureActive( 'showIconLabels' ),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/edit-post/toggle-list-view'\n\t\t\t),\n\t\t\thasFixedToolbar: getPreference( 'core/edit-post', 'fixedToolbar' ),\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isWideViewport = useViewportMatch( 'wide' );\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar ||\n\t\tcanFocusHiddenToolbar ||\n\t\tfixedToolbarCanBeFocused;\n\t/* translators: accessibility text for the editor toolbar */\n\tconst toolbarAriaLabel = __( 'Document tools' );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\tconst overflowItems = (\n\t\t<>\n\t\t\t<ToolbarItem\n\t\t\t\tas={ Button }\n\t\t\t\tclassName=\"edit-post-header-toolbar__document-overview-toggle\"\n\t\t\t\ticon={ listView }\n\t\t\t\tdisabled={ isTextModeEnabled }\n\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\tlabel={ __( 'Document Overview' ) }\n\t\t\t\tonClick={ toggleListView }\n\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t/>\n\t\t</>\n\t);\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpened ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpened, setIsInserterOpened ] );\n\n\t/* translators: button label text should, if possible, be under 16 characters. */\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpened ? __( 'Add' ) : __( 'Close' );\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-post-header-toolbar\"\n\t\t\taria-label={ toolbarAriaLabel }\n\t\t\tshouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }\n\t\t>\n\t\t\t<div className=\"edit-post-header-toolbar__left\">\n\t\t\t\t<ToolbarItem\n\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\tas={ Button }\n\t\t\t\t\tclassName=\"edit-post-header-toolbar__inserter-toggle\"\n\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\tisPressed={ isInserterOpened }\n\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\tdisabled={ ! isInserterEnabled }\n\t\t\t\t\ticon={ plus }\n\t\t\t\t\tlabel={ showIconLabels ? shortLabel : longLabel }\n\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t/>\n\t\t\t\t{ ( isWideViewport || ! showIconLabels ) && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ isLargeViewport && ! hasFixedToolbar && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={ isTextModeEnabled }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryUndo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ EditorHistoryRedo }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ overflowItems }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</NavigableToolbar>\n\t);\n}\n\nexport default HeaderToolbar;\n"],"mappings":"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"}

package/build-module/components/header/header-toolbar/index.native.js

@@ -1,13 +1,12 @@
 import { createElement } from "@wordpress/element";
-
 /**
  * External dependencies
  */
 import { ScrollView, StyleSheet, View } from 'react-native';
+
 /**
  * WordPress dependencies
  */
-
 import { useCallback, useRef, useEffect, Platform } from '@wordpress/element';
 import { compose, usePreferredColorSchemeStyle } from '@wordpress/compose';
 import { withSelect, withDispatch } from '@wordpress/data';
@@ -19,10 +18,10 @@ import { keyboardClose, audio as audioIcon, media as imageIcon, video as videoIc
 import { store as editorStore } from '@wordpress/editor';
 import { createBlock } from '@wordpress/blocks';
 import { toggleUndoButton, toggleRedoButton, subscribeOnUndoPressed, subscribeOnRedoPressed } from '@wordpress/react-native-bridge';
+
 /**
  * Internal dependencies
  */
-
 import styles from './style.scss';
 import { store as editPostStore } from '../../../store';
 const shadowStyle = {
@@ -34,7 +33,6 @@ const shadowStyle = {
   shadowRadius: 6,
   elevation: 18
 };
-
 function HeaderToolbar({
   hasRedo,
   hasUndo,
@@ -66,7 +64,6 @@ function HeaderToolbar({
     toggleRedoButton(!hasRedo);
   }, [hasRedo]);
   const scrollViewRef = useRef(null);
-
   const scrollToStart = () => {
     // scrollview doesn't seem to automatically adjust to RTL on Android so, scroll to end when Android
     if (Platform.isAndroid && isRTL) {
@@ -77,10 +74,10 @@ function HeaderToolbar({
       });
     }
   };
-
   const onInsertBlock = useCallback(blockType => () => {
     insertBlock(createBlock(blockType), undefined, undefined, true, {
-      source: 'inserter_menu'
+      source: 'inserter_menu',
+      inserterMethod: 'quick-inserter'
     });
   }, [insertBlock]);
   const renderMediaButtons = createElement(ToolbarGroup, null, createElement(ToolbarButton, {
@@ -120,10 +117,9 @@ function HeaderToolbar({
       hint: __('Insert Audio Block')
     }
   }));
-  /* translators: accessibility text for the editor toolbar */
 
+  /* translators: accessibility text for the editor toolbar */
   const toolbarAriaLabel = __('Document tools');
-
   const shadowColor = usePreferredColorSchemeStyle(styles['header-toolbar__keyboard-hide-shadow--light'], styles['header-toolbar__keyboard-hide-shadow--dark']);
   const showKeyboardButtonStyles = [usePreferredColorSchemeStyle(styles['header-toolbar__keyboard-hide-container'], styles['header-toolbar__keyboard-hide-container--dark']), shadowStyle, {
     shadowColor: Platform.isAndroid ? styles['header-toolbar__keyboard-hide-shadow--solid'].color : shadowColor.color
@@ -156,7 +152,6 @@ function HeaderToolbar({
     }
   })));
 }
-
 export default compose([withSelect(select => {
   const {
     getBlockRootClientId,
@@ -188,12 +183,10 @@ export default compose([withSelect(select => {
   return {
     redo: dispatch(editorStore).redo,
     undo: dispatch(editorStore).undo,
-
     onHideKeyboard() {
       clearSelectedBlock();
       togglePostTitleSelection(false);
     },
-
     insertBlock
   };
 }), withViewportMatch({

package/build-module/components/header/header-toolbar/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/header/header-toolbar/index.native.js"],"names":["ScrollView","StyleSheet","View","useCallback","useRef","useEffect","Platform","compose","usePreferredColorSchemeStyle","withSelect","withDispatch","withViewportMatch","__","Inserter","BlockToolbar","store","blockEditorStore","ToolbarGroup","ToolbarButton","keyboardClose","audio","audioIcon","media","imageIcon","video","videoIcon","gallery","galleryIcon","editorStore","createBlock","toggleUndoButton","toggleRedoButton","subscribeOnUndoPressed","subscribeOnRedoPressed","styles","editPostStore","shadowStyle","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","HeaderToolbar","hasRedo","hasUndo","redo","undo","showInserter","showKeyboardHideButton","insertBlock","onHideKeyboard","isRTL","noContentSelected","anchorNodeRef","containerStyle","borderTopWidth","hairlineWidth","onUndoSubscription","onRedoSubscription","remove","scrollViewRef","scrollToStart","isAndroid","current","scrollToEnd","scrollTo","x","onInsertBlock","blockType","undefined","source","renderMediaButtons","hint","toolbarAriaLabel","shadowColor","showKeyboardButtonStyles","color","select","getBlockRootClientId","getBlockSelectionEnd","hasInserterItems","hasSelectedBlock","getEditorSettings","isAnyBlockSelected","hasEditorRedo","hasEditorUndo","getEditorMode","richEditingEnabled","isTextModeEnabled","getSettings","dispatch","clearSelectedBlock","togglePostTitleSelection","isLargeViewport"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { ScrollView, StyleSheet, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useRef, useEffect, Platform } from '@wordpress/element';\nimport { compose, usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { withViewportMatch } from '@wordpress/viewport';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInserter,\n\tBlockToolbar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport {\n\tkeyboardClose,\n\taudio as audioIcon,\n\tmedia as imageIcon,\n\tvideo as videoIcon,\n\tgallery as galleryIcon,\n} from '@wordpress/icons';\nimport { store as editorStore } from '@wordpress/editor';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\ttoggleUndoButton,\n\ttoggleRedoButton,\n\tsubscribeOnUndoPressed,\n\tsubscribeOnRedoPressed,\n} from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { store as editPostStore } from '../../../store';\n\nconst shadowStyle = {\n\tshadowOffset: { width: 2, height: 2 },\n\tshadowOpacity: 1,\n\tshadowRadius: 6,\n\televation: 18,\n};\n\nfunction HeaderToolbar( {\n\thasRedo,\n\thasUndo,\n\tredo,\n\tundo,\n\tshowInserter,\n\tshowKeyboardHideButton,\n\tinsertBlock,\n\tonHideKeyboard,\n\tisRTL,\n\tnoContentSelected,\n} ) {\n\tconst anchorNodeRef = useRef();\n\n\tconst containerStyle = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'header-toolbar__container' ],\n\t\t\tstyles[ 'header-toolbar__container--dark' ]\n\t\t),\n\t\t{ borderTopWidth: StyleSheet.hairlineWidth },\n\t];\n\n\tuseEffect( () => {\n\t\tconst onUndoSubscription = subscribeOnUndoPressed( undo );\n\t\tconst onRedoSubscription = subscribeOnRedoPressed( redo );\n\n\t\treturn () => {\n\t\t\tonUndoSubscription?.remove();\n\t\t\tonRedoSubscription?.remove();\n\t\t};\n\t}, [ undo, redo ] );\n\n\tuseEffect( () => {\n\t\ttoggleUndoButton( ! hasUndo );\n\t}, [ hasUndo ] );\n\n\tuseEffect( () => {\n\t\ttoggleRedoButton( ! hasRedo );\n\t}, [ hasRedo ] );\n\n\tconst scrollViewRef = useRef( null );\n\tconst scrollToStart = () => {\n\t\t// scrollview doesn't seem to automatically adjust to RTL on Android so, scroll to end when Android\n\t\tif ( Platform.isAndroid && isRTL ) {\n\t\t\tscrollViewRef.current.scrollToEnd();\n\t\t} else {\n\t\t\tscrollViewRef.current.scrollTo( { x: 0 } );\n\t\t}\n\t};\n\n\tconst onInsertBlock = useCallback(\n\t\t( blockType ) => () => {\n\t\t\tinsertBlock( createBlock( blockType ), undefined, undefined, true, {\n\t\t\t\tsource: 'inserter_menu',\n\t\t\t} );\n\t\t},\n\t\t[ insertBlock ]\n\t);\n\n\tconst renderMediaButtons = (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"imageButton\"\n\t\t\t\ttitle={ __( 'Image' ) }\n\t\t\t\ticon={ imageIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/image' ) }\n\t\t\t\ttestID=\"insert-image-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Image Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"videoButton\"\n\t\t\t\ttitle={ __( 'Video' ) }\n\t\t\t\ticon={ videoIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/video' ) }\n\t\t\t\ttestID=\"insert-video-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Video Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"galleryButton\"\n\t\t\t\ttitle={ __( 'Gallery' ) }\n\t\t\t\ticon={ galleryIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/gallery' ) }\n\t\t\t\ttestID=\"insert-gallery-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Gallery Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"audioButton\"\n\t\t\t\ttitle={ __( 'Audio' ) }\n\t\t\t\ticon={ audioIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/audio' ) }\n\t\t\t\ttestID=\"insert-audio-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Audio Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n\n\t/* translators: accessibility text for the editor toolbar */\n\tconst toolbarAriaLabel = __( 'Document tools' );\n\n\tconst shadowColor = usePreferredColorSchemeStyle(\n\t\tstyles[ 'header-toolbar__keyboard-hide-shadow--light' ],\n\t\tstyles[ 'header-toolbar__keyboard-hide-shadow--dark' ]\n\t);\n\tconst showKeyboardButtonStyles = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'header-toolbar__keyboard-hide-container' ],\n\t\t\tstyles[ 'header-toolbar__keyboard-hide-container--dark' ]\n\t\t),\n\t\tshadowStyle,\n\t\t{\n\t\t\tshadowColor: Platform.isAndroid\n\t\t\t\t? styles[ 'header-toolbar__keyboard-hide-shadow--solid' ].color\n\t\t\t\t: shadowColor.color,\n\t\t},\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tref={ anchorNodeRef }\n\t\t\ttestID={ toolbarAriaLabel }\n\t\t\taccessibilityLabel={ toolbarAriaLabel }\n\t\t\tstyle={ containerStyle }\n\t\t>\n\t\t\t<ScrollView\n\t\t\t\tref={ scrollViewRef }\n\t\t\t\tonContentSizeChange={ scrollToStart }\n\t\t\t\thorizontal={ true }\n\t\t\t\tshowsHorizontalScrollIndicator={ false }\n\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\talwaysBounceHorizontal={ false }\n\t\t\t\tcontentContainerStyle={\n\t\t\t\t\tstyles[ 'header-toolbar__scrollable-content' ]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<Inserter disabled={ ! showInserter } />\n\n\t\t\t\t{ noContentSelected && renderMediaButtons }\n\t\t\t\t<BlockToolbar anchorNodeRef={ anchorNodeRef.current } />\n\t\t\t</ScrollView>\n\t\t\t{ showKeyboardHideButton && (\n\t\t\t\t<ToolbarGroup passedStyle={ showKeyboardButtonStyles }>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ttitle={ __( 'Hide keyboard' ) }\n\t\t\t\t\t\ticon={ keyboardClose }\n\t\t\t\t\t\tonClick={ onHideKeyboard }\n\t\t\t\t\t\textraProps={ {\n\t\t\t\t\t\t\thint: __( 'Tap to hide the keyboard' ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</ToolbarGroup>\n\t\t\t) }\n\t\t</View>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockRootClientId,\n\t\t\tgetBlockSelectionEnd,\n\t\t\thasInserterItems,\n\t\t\thasSelectedBlock,\n\t\t} = select( blockEditorStore );\n\t\tconst { getEditorSettings } = select( editorStore );\n\t\tconst isAnyBlockSelected = hasSelectedBlock();\n\t\treturn {\n\t\t\thasRedo: select( editorStore ).hasEditorRedo(),\n\t\t\thasUndo: select( editorStore ).hasEditorUndo(),\n\t\t\t// This setting (richEditingEnabled) should not live in the block editor's setting.\n\t\t\tshowInserter:\n\t\t\t\tselect( editPostStore ).getEditorMode() === 'visual' &&\n\t\t\t\tgetEditorSettings().richEditingEnabled &&\n\t\t\t\thasInserterItems(\n\t\t\t\t\tgetBlockRootClientId( getBlockSelectionEnd() )\n\t\t\t\t),\n\t\t\tisTextModeEnabled:\n\t\t\t\tselect( editPostStore ).getEditorMode() === 'text',\n\t\t\tisRTL: select( blockEditorStore ).getSettings().isRTL,\n\t\t\tnoContentSelected: ! isAnyBlockSelected,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\tconst { clearSelectedBlock, insertBlock } =\n\t\t\tdispatch( blockEditorStore );\n\t\tconst { togglePostTitleSelection } = dispatch( editorStore );\n\n\t\treturn {\n\t\t\tredo: dispatch( editorStore ).redo,\n\t\t\tundo: dispatch( editorStore ).undo,\n\t\t\tonHideKeyboard() {\n\t\t\t\tclearSelectedBlock();\n\t\t\t\ttogglePostTitleSelection( false );\n\t\t\t},\n\t\t\tinsertBlock,\n\t\t};\n\t} ),\n\twithViewportMatch( { isLargeViewport: 'medium' } ),\n] )( HeaderToolbar );\n"]}
+{"version":3,"names":["ScrollView","StyleSheet","View","useCallback","useRef","useEffect","Platform","compose","usePreferredColorSchemeStyle","withSelect","withDispatch","withViewportMatch","__","Inserter","BlockToolbar","store","blockEditorStore","ToolbarGroup","ToolbarButton","keyboardClose","audio","audioIcon","media","imageIcon","video","videoIcon","gallery","galleryIcon","editorStore","createBlock","toggleUndoButton","toggleRedoButton","subscribeOnUndoPressed","subscribeOnRedoPressed","styles","editPostStore","shadowStyle","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","HeaderToolbar","hasRedo","hasUndo","redo","undo","showInserter","showKeyboardHideButton","insertBlock","onHideKeyboard","isRTL","noContentSelected","anchorNodeRef","containerStyle","borderTopWidth","hairlineWidth","onUndoSubscription","onRedoSubscription","remove","scrollViewRef","scrollToStart","isAndroid","current","scrollToEnd","scrollTo","x","onInsertBlock","blockType","undefined","source","inserterMethod","renderMediaButtons","createElement","key","title","icon","onClick","testID","extraProps","hint","toolbarAriaLabel","shadowColor","showKeyboardButtonStyles","color","ref","accessibilityLabel","style","onContentSizeChange","horizontal","showsHorizontalScrollIndicator","keyboardShouldPersistTaps","alwaysBounceHorizontal","contentContainerStyle","disabled","passedStyle","select","getBlockRootClientId","getBlockSelectionEnd","hasInserterItems","hasSelectedBlock","getEditorSettings","isAnyBlockSelected","hasEditorRedo","hasEditorUndo","getEditorMode","richEditingEnabled","isTextModeEnabled","getSettings","dispatch","clearSelectedBlock","togglePostTitleSelection","isLargeViewport"],"sources":["@wordpress/edit-post/src/components/header/header-toolbar/index.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { ScrollView, StyleSheet, View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useRef, useEffect, Platform } from '@wordpress/element';\nimport { compose, usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { withViewportMatch } from '@wordpress/viewport';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tInserter,\n\tBlockToolbar,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { ToolbarGroup, ToolbarButton } from '@wordpress/components';\nimport {\n\tkeyboardClose,\n\taudio as audioIcon,\n\tmedia as imageIcon,\n\tvideo as videoIcon,\n\tgallery as galleryIcon,\n} from '@wordpress/icons';\nimport { store as editorStore } from '@wordpress/editor';\nimport { createBlock } from '@wordpress/blocks';\nimport {\n\ttoggleUndoButton,\n\ttoggleRedoButton,\n\tsubscribeOnUndoPressed,\n\tsubscribeOnRedoPressed,\n} from '@wordpress/react-native-bridge';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { store as editPostStore } from '../../../store';\n\nconst shadowStyle = {\n\tshadowOffset: { width: 2, height: 2 },\n\tshadowOpacity: 1,\n\tshadowRadius: 6,\n\televation: 18,\n};\n\nfunction HeaderToolbar( {\n\thasRedo,\n\thasUndo,\n\tredo,\n\tundo,\n\tshowInserter,\n\tshowKeyboardHideButton,\n\tinsertBlock,\n\tonHideKeyboard,\n\tisRTL,\n\tnoContentSelected,\n} ) {\n\tconst anchorNodeRef = useRef();\n\n\tconst containerStyle = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'header-toolbar__container' ],\n\t\t\tstyles[ 'header-toolbar__container--dark' ]\n\t\t),\n\t\t{ borderTopWidth: StyleSheet.hairlineWidth },\n\t];\n\n\tuseEffect( () => {\n\t\tconst onUndoSubscription = subscribeOnUndoPressed( undo );\n\t\tconst onRedoSubscription = subscribeOnRedoPressed( redo );\n\n\t\treturn () => {\n\t\t\tonUndoSubscription?.remove();\n\t\t\tonRedoSubscription?.remove();\n\t\t};\n\t}, [ undo, redo ] );\n\n\tuseEffect( () => {\n\t\ttoggleUndoButton( ! hasUndo );\n\t}, [ hasUndo ] );\n\n\tuseEffect( () => {\n\t\ttoggleRedoButton( ! hasRedo );\n\t}, [ hasRedo ] );\n\n\tconst scrollViewRef = useRef( null );\n\tconst scrollToStart = () => {\n\t\t// scrollview doesn't seem to automatically adjust to RTL on Android so, scroll to end when Android\n\t\tif ( Platform.isAndroid && isRTL ) {\n\t\t\tscrollViewRef.current.scrollToEnd();\n\t\t} else {\n\t\t\tscrollViewRef.current.scrollTo( { x: 0 } );\n\t\t}\n\t};\n\n\tconst onInsertBlock = useCallback(\n\t\t( blockType ) => () => {\n\t\t\tinsertBlock( createBlock( blockType ), undefined, undefined, true, {\n\t\t\t\tsource: 'inserter_menu',\n\t\t\t\tinserterMethod: 'quick-inserter',\n\t\t\t} );\n\t\t},\n\t\t[ insertBlock ]\n\t);\n\n\tconst renderMediaButtons = (\n\t\t<ToolbarGroup>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"imageButton\"\n\t\t\t\ttitle={ __( 'Image' ) }\n\t\t\t\ticon={ imageIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/image' ) }\n\t\t\t\ttestID=\"insert-image-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Image Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"videoButton\"\n\t\t\t\ttitle={ __( 'Video' ) }\n\t\t\t\ticon={ videoIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/video' ) }\n\t\t\t\ttestID=\"insert-video-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Video Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"galleryButton\"\n\t\t\t\ttitle={ __( 'Gallery' ) }\n\t\t\t\ticon={ galleryIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/gallery' ) }\n\t\t\t\ttestID=\"insert-gallery-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Gallery Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<ToolbarButton\n\t\t\t\tkey=\"audioButton\"\n\t\t\t\ttitle={ __( 'Audio' ) }\n\t\t\t\ticon={ audioIcon }\n\t\t\t\tonClick={ onInsertBlock( 'core/audio' ) }\n\t\t\t\ttestID=\"insert-audio-button\"\n\t\t\t\textraProps={ {\n\t\t\t\t\thint: __( 'Insert Audio Block' ),\n\t\t\t\t} }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n\n\t/* translators: accessibility text for the editor toolbar */\n\tconst toolbarAriaLabel = __( 'Document tools' );\n\n\tconst shadowColor = usePreferredColorSchemeStyle(\n\t\tstyles[ 'header-toolbar__keyboard-hide-shadow--light' ],\n\t\tstyles[ 'header-toolbar__keyboard-hide-shadow--dark' ]\n\t);\n\tconst showKeyboardButtonStyles = [\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles[ 'header-toolbar__keyboard-hide-container' ],\n\t\t\tstyles[ 'header-toolbar__keyboard-hide-container--dark' ]\n\t\t),\n\t\tshadowStyle,\n\t\t{\n\t\t\tshadowColor: Platform.isAndroid\n\t\t\t\t? styles[ 'header-toolbar__keyboard-hide-shadow--solid' ].color\n\t\t\t\t: shadowColor.color,\n\t\t},\n\t];\n\n\treturn (\n\t\t<View\n\t\t\tref={ anchorNodeRef }\n\t\t\ttestID={ toolbarAriaLabel }\n\t\t\taccessibilityLabel={ toolbarAriaLabel }\n\t\t\tstyle={ containerStyle }\n\t\t>\n\t\t\t<ScrollView\n\t\t\t\tref={ scrollViewRef }\n\t\t\t\tonContentSizeChange={ scrollToStart }\n\t\t\t\thorizontal={ true }\n\t\t\t\tshowsHorizontalScrollIndicator={ false }\n\t\t\t\tkeyboardShouldPersistTaps=\"always\"\n\t\t\t\talwaysBounceHorizontal={ false }\n\t\t\t\tcontentContainerStyle={\n\t\t\t\t\tstyles[ 'header-toolbar__scrollable-content' ]\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t<Inserter disabled={ ! showInserter } />\n\n\t\t\t\t{ noContentSelected && renderMediaButtons }\n\t\t\t\t<BlockToolbar anchorNodeRef={ anchorNodeRef.current } />\n\t\t\t</ScrollView>\n\t\t\t{ showKeyboardHideButton && (\n\t\t\t\t<ToolbarGroup passedStyle={ showKeyboardButtonStyles }>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ttitle={ __( 'Hide keyboard' ) }\n\t\t\t\t\t\ticon={ keyboardClose }\n\t\t\t\t\t\tonClick={ onHideKeyboard }\n\t\t\t\t\t\textraProps={ {\n\t\t\t\t\t\t\thint: __( 'Tap to hide the keyboard' ),\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</ToolbarGroup>\n\t\t\t) }\n\t\t</View>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select ) => {\n\t\tconst {\n\t\t\tgetBlockRootClientId,\n\t\t\tgetBlockSelectionEnd,\n\t\t\thasInserterItems,\n\t\t\thasSelectedBlock,\n\t\t} = select( blockEditorStore );\n\t\tconst { getEditorSettings } = select( editorStore );\n\t\tconst isAnyBlockSelected = hasSelectedBlock();\n\t\treturn {\n\t\t\thasRedo: select( editorStore ).hasEditorRedo(),\n\t\t\thasUndo: select( editorStore ).hasEditorUndo(),\n\t\t\t// This setting (richEditingEnabled) should not live in the block editor's setting.\n\t\t\tshowInserter:\n\t\t\t\tselect( editPostStore ).getEditorMode() === 'visual' &&\n\t\t\t\tgetEditorSettings().richEditingEnabled &&\n\t\t\t\thasInserterItems(\n\t\t\t\t\tgetBlockRootClientId( getBlockSelectionEnd() )\n\t\t\t\t),\n\t\t\tisTextModeEnabled:\n\t\t\t\tselect( editPostStore ).getEditorMode() === 'text',\n\t\t\tisRTL: select( blockEditorStore ).getSettings().isRTL,\n\t\t\tnoContentSelected: ! isAnyBlockSelected,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch ) => {\n\t\tconst { clearSelectedBlock, insertBlock } =\n\t\t\tdispatch( blockEditorStore );\n\t\tconst { togglePostTitleSelection } = dispatch( editorStore );\n\n\t\treturn {\n\t\t\tredo: dispatch( editorStore ).redo,\n\t\t\tundo: dispatch( editorStore ).undo,\n\t\t\tonHideKeyboard() {\n\t\t\t\tclearSelectedBlock();\n\t\t\t\ttogglePostTitleSelection( false );\n\t\t\t},\n\t\t\tinsertBlock,\n\t\t};\n\t} ),\n\twithViewportMatch( { isLargeViewport: 'medium' } ),\n] )( HeaderToolbar );\n"],"mappings":"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"}

package/build-module/components/header/index.js

@@ -1,5 +1,4 @@
 import { createElement, Fragment } from "@wordpress/element";
-
 /**
  * WordPress dependencies
  */
@@ -8,10 +7,10 @@ import { useSelect } from '@wordpress/data';
 import { PinnedItems } from '@wordpress/interface';
 import { useViewportMatch } from '@wordpress/compose';
 import { __unstableMotion as motion } from '@wordpress/components';
+
 /**
  * Internal dependencies
  */
-
 import FullscreenModeClose from './fullscreen-mode-close';
 import HeaderToolbar from './header-toolbar';
 import MoreMenu from './more-menu';
@@ -20,7 +19,7 @@ import { default as DevicePreview } from '../device-preview';
 import ViewLink from '../view-link';
 import MainDashboardButton from './main-dashboard-button';
 import { store as editPostStore } from '../../store';
-import DocumentTitle from './document-title';
+import DocumentActions from './document-actions';
 const slideY = {
   hidden: {
     y: '-50px'
@@ -45,7 +44,6 @@ const slideX = {
     }
   }
 };
-
 function Header({
   setEntitiesSavedStatesCallback
 }) {
@@ -77,15 +75,16 @@ function Header({
     },
     className: "edit-post-header__toolbar"
   }, createElement(HeaderToolbar, null), createElement("div", {
-    className: "edit-post-header__document-title"
-  }, createElement(DocumentTitle, null))), createElement(motion.div, {
+    className: "edit-post-header__center"
+  }, createElement(DocumentActions, null))), createElement(motion.div, {
     variants: slideY,
     transition: {
       type: 'tween',
       delay: 0.8
     },
     className: "edit-post-header__settings"
-  }, !isPublishSidebarOpened && // This button isn't completely hidden by the publish sidebar.
+  }, !isPublishSidebarOpened &&
+  // This button isn't completely hidden by the publish sidebar.
   // We can't hide the whole toolbar when the publish sidebar is open because
   // we want to prevent mounting/unmounting the PostPublishButtonOrToggle DOM node.
   // We track that DOM node to return focus to the PostPublishButtonOrToggle
@@ -106,6 +105,5 @@ function Header({
     showIconLabels: showIconLabels
   })));
 }
-
 export default Header;
 //# sourceMappingURL=index.js.map