@wordpress/edit-post 7.24.1 → 7.26.0

package/src/store/test/selectors.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import deepFreeze from 'deep-freeze';
-
 /**
  * Internal dependencies
  */
@@ -11,32 +6,9 @@ import {
 	isSavingMetaBoxes,
 	getActiveMetaBoxLocations,
 	isMetaBoxLocationActive,
-	isEditorPanelRemoved,
-	isInserterOpened,
-	isListViewOpened,
 } from '../selectors';
 
 describe( 'selectors', () => {
-	describe( 'isEditorPanelRemoved', () => {
-		it( 'should return false by default', () => {
-			const state = deepFreeze( {
-				removedPanels: [],
-			} );
-
-			expect( isEditorPanelRemoved( state, 'post-status' ) ).toBe(
-				false
-			);
-		} );
-
-		it( 'should return true when panel was removed', () => {
-			const state = deepFreeze( {
-				removedPanels: [ 'post-status' ],
-			} );
-
-			expect( isEditorPanelRemoved( state, 'post-status' ) ).toBe( true );
-		} );
-	} );
-
 	describe( 'hasMetaBoxes', () => {
 		it( 'should return true if there are active meta boxes', () => {
 			const state = {
@@ -133,26 +105,4 @@ describe( 'selectors', () => {
 			expect( result ).toBe( true );
 		} );
 	} );
-
-	describe( 'isInserterOpened', () => {
-		it( 'returns the block inserter panel isOpened state', () => {
-			const state = {
-				blockInserterPanel: true,
-			};
-			expect( isInserterOpened( state ) ).toBe( true );
-			state.blockInserterPanel = false;
-			expect( isInserterOpened( state ) ).toBe( false );
-		} );
-	} );
-
-	describe( 'isListViewOpened', () => {
-		it( 'returns the list view panel isOpened state', () => {
-			const state = {
-				listViewPanel: true,
-			};
-			expect( isListViewOpened( state ) ).toBe( true );
-			state.listViewPanel = false;
-			expect( isListViewOpened( state ) ).toBe( false );
-		} );
-	} );
 } );

package/src/style.scss

@@ -1,20 +1,14 @@
 @import "../../interface/src/style.scss";
 @import "./components/header/style.scss";
 @import "./components/header/fullscreen-mode-close/style.scss";
-@import "./components/header/header-toolbar/style.scss";
-@import "./components/header/document-actions/style.scss";
 @import "./components/keyboard-shortcut-help-modal/style.scss";
 @import "./components/layout/style.scss";
 @import "./components/block-manager/style.scss";
 @import "./components/meta-boxes/meta-boxes-area/style.scss";
-@import "./components/secondary-sidebar/style.scss";
 @import "./components/sidebar/style.scss";
-@import "./components/sidebar/last-revision/style.scss";
 @import "./components/sidebar/post-format/style.scss";
 @import "./components/sidebar/post-slug/style.scss";
-@import "./components/sidebar/post-template/style.scss";
 @import "./components/sidebar/post-visibility/style.scss";
-@import "./components/sidebar/settings-header/style.scss";
 @import "./components/sidebar/template-summary/style.scss";
 @import "./components/text-editor/style.scss";
 @import "./components/visual-editor/style.scss";
@@ -55,8 +49,7 @@ body.js.block-editor-page {
 .edit-post-sidebar,
 .editor-post-publish-panel,
 .components-popover,
-.components-modal__frame,
-.edit-post-editor__inserter-panel {
+.components-modal__frame {
 	@include reset;
 }
 

package/src/test/__snapshots__/editor.native.js.snap

@@ -0,0 +1,21 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Editor appends media correctly for allowed types 1`] = `
+"<!-- wp:image -->
+<figure class="wp-block-image"><img src="https://test-site.files.wordpress.com/local-image-1.jpeg" alt=""/></figure>
+<!-- /wp:image -->
+
+<!-- wp:image -->
+<figure class="wp-block-image"><img src="https://test-site.files.wordpress.com/local-image-3.jpeg" alt=""/></figure>
+<!-- /wp:image -->"
+`;
+
+exports[`Editor appends media correctly for allowed types and skips unsupported ones 1`] = `
+"<!-- wp:image -->
+<figure class="wp-block-image"><img src="https://test-site.files.wordpress.com/local-image-1.jpeg" alt=""/></figure>
+<!-- /wp:image -->
+
+<!-- wp:video -->
+<figure class="wp-block-video"><video controls src="file:///local-video-4.mp4"></video></figure>
+<!-- /wp:video -->"
+`;

package/src/test/editor.native.js

@@ -6,93 +6,144 @@ import {
 	addBlock,
 	fireEvent,
 	getBlock,
+	getEditorHtml,
 	initializeEditor,
-	render,
+	screen,
 	setupCoreBlocks,
 } from 'test/helpers';
+import { BackHandler } from 'react-native';
 
 /**
  * WordPress dependencies
  */
-import RNReactNativeGutenbergBridge, {
+import {
+	requestMediaImport,
+	subscribeMediaAppend,
 	subscribeParentToggleHTMLMode,
 } from '@wordpress/react-native-bridge';
-// Force register 'core/editor' store.
-import { store } from '@wordpress/editor'; // eslint-disable-line no-unused-vars
 
-/**
- * Internal dependencies
- */
-import '..';
-import Editor from '../editor';
-
-const unsupportedBlock = `
-<!-- wp:notablock -->
-<p>Not supported</p>
-<!-- /wp:notablock -->
-`;
+setupCoreBlocks();
 
-beforeAll( () => {
-	jest.useFakeTimers( { legacyFakeTimers: true } );
+let toggleModeCallback;
+subscribeParentToggleHTMLMode.mockImplementation( ( callback ) => {
+	toggleModeCallback = callback;
 } );
 
-afterAll( () => {
-	jest.runOnlyPendingTimers();
-	jest.useRealTimers();
+let mediaAppendCallback;
+subscribeMediaAppend.mockImplementation( ( callback ) => {
+	mediaAppendCallback = callback;
 } );
 
-setupCoreBlocks();
+const MEDIA = [
+	{
+		localId: 1,
+		mediaUrl: 'file:///local-image-1.jpeg',
+		mediaType: 'image',
+		serverId: 2000,
+		serverUrl: 'https://test-site.files.wordpress.com/local-image-1.jpeg',
+	},
+	{
+		localId: 2,
+		mediaUrl: 'file:///local-file-1.pdf',
+		mediaType: 'other',
+		serverId: 2001,
+		serverUrl: 'https://test-site.files.wordpress.com/local-file-1.pdf',
+	},
+	{
+		localId: 3,
+		mediaUrl: 'file:///local-image-3.jpeg',
+		mediaType: 'image',
+		serverId: 2002,
+		serverUrl: 'https://test-site.files.wordpress.com/local-image-3.jpeg',
+	},
+	{
+		localId: 4,
+		mediaUrl: 'file:///local-video-4.mp4',
+		mediaType: 'video',
+		serverId: 2003,
+		serverUrl: 'https://test-site.files.wordpress.com/local-video-4.mp4',
+	},
+];
 
 describe( 'Editor', () => {
-	it( 'detects unsupported block and sends hasUnsupportedBlocks true to native', () => {
-		RNReactNativeGutenbergBridge.editorDidMount = jest.fn();
-
-		const appContainer = renderEditorWith( unsupportedBlock );
-		// For some reason resetEditorBlocks() is asynchronous when dispatching editEntityRecord.
-		act( () => {
-			jest.runAllTicks();
-		} );
-		appContainer.unmount();
-
-		expect(
-			RNReactNativeGutenbergBridge.editorDidMount
-		).toHaveBeenCalledTimes( 1 );
-		expect(
-			RNReactNativeGutenbergBridge.editorDidMount
-		).toHaveBeenCalledWith( [ 'core/notablock' ] );
+	afterEach( () => {
+		jest.clearAllMocks();
 	} );
 
 	it( 'toggles the editor from Visual to HTML mode', async () => {
 		// Arrange
-		let toggleMode;
-		subscribeParentToggleHTMLMode.mockImplementation( ( callback ) => {
-			toggleMode = callback;
-		} );
-		const screen = await initializeEditor();
+		await initializeEditor();
 		await addBlock( screen, 'Paragraph' );
 
 		// Act
 		const paragraphBlock = getBlock( screen, 'Paragraph' );
 		fireEvent.press( paragraphBlock );
 		act( () => {
-			toggleMode();
+			toggleModeCallback();
 		} );
 
 		// Assert
 		const htmlEditor = screen.getByLabelText( 'html-view-content' );
 		expect( htmlEditor ).toBeVisible();
+
+		act( () => {
+			toggleModeCallback();
+		} );
 	} );
-} );
 
-// Utilities.
-const renderEditorWith = ( content ) => {
-	return render(
-		<Editor
-			initialHtml={ content }
-			initialHtmlModeEnabled={ false }
-			initialTitle={ '' }
-			postType="post"
-			postId="1"
-		/>
-	);
-};
+	it( 'appends media correctly for allowed types', async () => {
+		// Arrange
+		requestMediaImport
+			.mockImplementationOnce( ( _, callback ) =>
+				callback( MEDIA[ 0 ].id, MEDIA[ 0 ].serverUrl )
+			)
+			.mockImplementationOnce( ( _, callback ) =>
+				callback( MEDIA[ 2 ].id, MEDIA[ 2 ].serverUrl )
+			);
+		await initializeEditor();
+
+		// Act
+		await act( () => mediaAppendCallback( MEDIA[ 0 ] ) );
+		await act( () => mediaAppendCallback( MEDIA[ 2 ] ) );
+
+		// Assert
+		expect( getEditorHtml() ).toMatchSnapshot();
+	} );
+
+	it( 'appends media correctly for allowed types and skips unsupported ones', async () => {
+		// Arrange
+		requestMediaImport
+			.mockImplementationOnce( ( _, callback ) =>
+				callback( MEDIA[ 0 ].id, MEDIA[ 0 ].serverUrl )
+			)
+			.mockImplementationOnce( ( _, callback ) =>
+				callback( MEDIA[ 3 ].id, MEDIA[ 3 ].serverUrl )
+			);
+		await initializeEditor();
+
+		// Act
+		await act( () => mediaAppendCallback( MEDIA[ 0 ] ) );
+		// Unsupported type (PDF file)
+		await act( () => mediaAppendCallback( MEDIA[ 1 ] ) );
+		await act( () => mediaAppendCallback( MEDIA[ 3 ] ) );
+
+		// Assert
+		expect( getEditorHtml() ).toMatchSnapshot();
+	} );
+
+	it( 'unselects current block when tapping on the hardware back button', async () => {
+		// Arrange
+		await initializeEditor();
+		await addBlock( screen, 'Spacer' );
+
+		// Act
+		act( () => {
+			BackHandler.mockPressBack();
+		} );
+
+		// Assert
+		const openBlockSettingsButton =
+			screen.queryAllByLabelText( 'Open Settings' );
+		expect( openBlockSettingsButton.length ).toBe( 0 );
+	} );
+} );

package/build/components/device-preview/index.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = DevicePreview;
-var _react = require("react");
-var _components = require("@wordpress/components");
-var _editor = require("@wordpress/editor");
-var _icons = require("@wordpress/icons");
-var _i18n = require("@wordpress/i18n");
-var _blockEditor = require("@wordpress/block-editor");
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _store = require("../../store");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function DevicePreview() {
-  const {
-    hasActiveMetaboxes,
-    isPostSaveable,
-    isViewable,
-    deviceType,
-    showIconLabels
-  } = (0, _data.useSelect)(select => {
-    var _postType$viewable;
-    const {
-      getEditedPostAttribute
-    } = select(_editor.store);
-    const {
-      getPostType
-    } = select(_coreData.store);
-    const postType = getPostType(getEditedPostAttribute('type'));
-    return {
-      hasActiveMetaboxes: select(_store.store).hasMetaBoxes(),
-      isPostSaveable: select(_editor.store).isEditedPostSaveable(),
-      isViewable: (_postType$viewable = postType?.viewable) !== null && _postType$viewable !== void 0 ? _postType$viewable : false,
-      deviceType: select(_store.store).__experimentalGetPreviewDeviceType(),
-      showIconLabels: select(_store.store).isFeatureActive('showIconLabels')
-    };
-  }, []);
-  const {
-    __experimentalSetPreviewDeviceType: setPreviewDeviceType
-  } = (0, _data.useDispatch)(_store.store);
-  return (0, _react.createElement)(_blockEditor.__experimentalPreviewOptions, {
-    isEnabled: isPostSaveable,
-    className: "edit-post-post-preview-dropdown",
-    deviceType: deviceType,
-    setDeviceType: setPreviewDeviceType,
-    label: (0, _i18n.__)('Preview'),
-    showIconLabels: showIconLabels
-  }, ({
-    onClose
-  }) => isViewable && (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)("div", {
-    className: "edit-post-header-preview__grouping-external"
-  }, (0, _react.createElement)(_editor.PostPreviewButton, {
-    className: "edit-post-header-preview__button-external",
-    role: "menuitem",
-    forceIsAutosaveable: hasActiveMetaboxes,
-    textContent: (0, _react.createElement)(_react.Fragment, null, (0, _i18n.__)('Preview in new tab'), (0, _react.createElement)(_components.Icon, {
-      icon: _icons.external
-    })),
-    onPreview: onClose
-  }))));
-}
-//# sourceMappingURL=index.js.map

package/build/components/device-preview/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_components","require","_editor","_icons","_i18n","_blockEditor","_data","_coreData","_store","DevicePreview","hasActiveMetaboxes","isPostSaveable","isViewable","deviceType","showIconLabels","useSelect","select","_postType$viewable","getEditedPostAttribute","editorStore","getPostType","coreStore","postType","editPostStore","hasMetaBoxes","isEditedPostSaveable","viewable","__experimentalGetPreviewDeviceType","isFeatureActive","__experimentalSetPreviewDeviceType","setPreviewDeviceType","useDispatch","_react","createElement","__experimentalPreviewOptions","isEnabled","className","setDeviceType","label","__","onClose","MenuGroup","PostPreviewButton","role","forceIsAutosaveable","textContent","Fragment","Icon","icon","external","onPreview"],"sources":["@wordpress/edit-post/src/components/device-preview/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Icon, MenuGroup } from '@wordpress/components';\nimport { PostPreviewButton, store as editorStore } from '@wordpress/editor';\nimport { external } from '@wordpress/icons';\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalPreviewOptions as PreviewOptions } from '@wordpress/block-editor';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../store';\n\nexport default function DevicePreview() {\n\tconst {\n\t\thasActiveMetaboxes,\n\t\tisPostSaveable,\n\t\tisViewable,\n\t\tdeviceType,\n\t\tshowIconLabels,\n\t} = useSelect( ( select ) => {\n\t\tconst { getEditedPostAttribute } = select( editorStore );\n\t\tconst { getPostType } = select( coreStore );\n\t\tconst postType = getPostType( getEditedPostAttribute( 'type' ) );\n\n\t\treturn {\n\t\t\thasActiveMetaboxes: select( editPostStore ).hasMetaBoxes(),\n\t\t\tisPostSaveable: select( editorStore ).isEditedPostSaveable(),\n\t\t\tisViewable: postType?.viewable ?? false,\n\t\t\tdeviceType:\n\t\t\t\tselect( editPostStore ).__experimentalGetPreviewDeviceType(),\n\t\t\tshowIconLabels:\n\t\t\t\tselect( editPostStore ).isFeatureActive( 'showIconLabels' ),\n\t\t};\n\t}, [] );\n\tconst { __experimentalSetPreviewDeviceType: setPreviewDeviceType } =\n\t\tuseDispatch( editPostStore );\n\n\treturn (\n\t\t<PreviewOptions\n\t\t\tisEnabled={ isPostSaveable }\n\t\t\tclassName=\"edit-post-post-preview-dropdown\"\n\t\t\tdeviceType={ deviceType }\n\t\t\tsetDeviceType={ setPreviewDeviceType }\n\t\t\tlabel={ __( 'Preview' ) }\n\t\t\tshowIconLabels={ showIconLabels }\n\t\t>\n\t\t\t{ ( { onClose } ) =>\n\t\t\t\tisViewable && (\n\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t<div className=\"edit-post-header-preview__grouping-external\">\n\t\t\t\t\t\t\t<PostPreviewButton\n\t\t\t\t\t\t\t\tclassName=\"edit-post-header-preview__button-external\"\n\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\tforceIsAutosaveable={ hasActiveMetaboxes }\n\t\t\t\t\t\t\t\ttextContent={\n\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Preview in new tab' ) }\n\t\t\t\t\t\t\t\t\t\t<Icon icon={ external } />\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\tonPreview={ onClose }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</MenuGroup>\n\t\t\t\t)\n\t\t\t}\n\t\t</PreviewOptions>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,YAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAKA,IAAAO,MAAA,GAAAP,OAAA;AAdA;AACA;AACA;;AASA;AACA;AACA;;AAGe,SAASQ,aAAaA,CAAA,EAAG;EACvC,MAAM;IACLC,kBAAkB;IAClBC,cAAc;IACdC,UAAU;IACVC,UAAU;IACVC;EACD,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAAA,IAAAC,kBAAA;IAC5B,MAAM;MAAEC;IAAuB,CAAC,GAAGF,MAAM,CAAEG,aAAY,CAAC;IACxD,MAAM;MAAEC;IAAY,CAAC,GAAGJ,MAAM,CAAEK,eAAU,CAAC;IAC3C,MAAMC,QAAQ,GAAGF,WAAW,CAAEF,sBAAsB,CAAE,MAAO,CAAE,CAAC;IAEhE,OAAO;MACNR,kBAAkB,EAAEM,MAAM,CAAEO,YAAc,CAAC,CAACC,YAAY,CAAC,CAAC;MAC1Db,cAAc,EAAEK,MAAM,CAAEG,aAAY,CAAC,CAACM,oBAAoB,CAAC,CAAC;MAC5Db,UAAU,GAAAK,kBAAA,GAAEK,QAAQ,EAAEI,QAAQ,cAAAT,kBAAA,cAAAA,kBAAA,GAAI,KAAK;MACvCJ,UAAU,EACTG,MAAM,CAAEO,YAAc,CAAC,CAACI,kCAAkC,CAAC,CAAC;MAC7Db,cAAc,EACbE,MAAM,CAAEO,YAAc,CAAC,CAACK,eAAe,CAAE,gBAAiB;IAC5D,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEC,kCAAkC,EAAEC;EAAqB,CAAC,GACjE,IAAAC,iBAAW,EAAER,YAAc,CAAC;EAE7B,OACC,IAAAS,MAAA,CAAAC,aAAA,EAAC5B,YAAA,CAAA6B,4BAAc;IACdC,SAAS,EAAGxB,cAAgB;IAC5ByB,SAAS,EAAC,iCAAiC;IAC3CvB,UAAU,EAAGA,UAAY;IACzBwB,aAAa,EAAGP,oBAAsB;IACtCQ,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBzB,cAAc,EAAGA;EAAgB,GAE/B,CAAE;IAAE0B;EAAQ,CAAC,KACd5B,UAAU,IACT,IAAAoB,MAAA,CAAAC,aAAA,EAACjC,WAAA,CAAAyC,SAAS,QACT,IAAAT,MAAA,CAAAC,aAAA;IAAKG,SAAS,EAAC;EAA6C,GAC3D,IAAAJ,MAAA,CAAAC,aAAA,EAAC/B,OAAA,CAAAwC,iBAAiB;IACjBN,SAAS,EAAC,2CAA2C;IACrDO,IAAI,EAAC,UAAU;IACfC,mBAAmB,EAAGlC,kBAAoB;IAC1CmC,WAAW,EACV,IAAAb,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAc,QAAA,QACG,IAAAP,QAAE,EAAE,oBAAqB,CAAC,EAC5B,IAAAP,MAAA,CAAAC,aAAA,EAACjC,WAAA,CAAA+C,IAAI;MAACC,IAAI,EAAGC;IAAU,CAAE,CACxB,CACF;IACDC,SAAS,EAAGV;EAAS,CACrB,CACG,CACK,CAGE,CAAC;AAEnB"}

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

@@ -1,82 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _i18n = require("@wordpress/i18n");
-var _data = require("@wordpress/data");
-var _blockEditor = require("@wordpress/block-editor");
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _commands = require("@wordpress/commands");
-var _keycodes = require("@wordpress/keycodes");
-var _store = require("../../../store");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function DocumentActions() {
-  const {
-    template
-  } = (0, _data.useSelect)(select => {
-    const {
-      getEditedPostTemplate
-    } = select(_store.store);
-    return {
-      template: getEditedPostTemplate()
-    };
-  }, []);
-  const {
-    clearSelectedBlock
-  } = (0, _data.useDispatch)(_blockEditor.store);
-  const {
-    setIsEditingTemplate
-  } = (0, _data.useDispatch)(_store.store);
-  const {
-    open: openCommandCenter
-  } = (0, _data.useDispatch)(_commands.store);
-  if (!template) {
-    return null;
-  }
-  let templateTitle = (0, _i18n.__)('Default');
-  if (template?.title) {
-    templateTitle = template.title;
-  } else if (!!template) {
-    templateTitle = template.slug;
-  }
-  return (0, _react.createElement)("div", {
-    className: "edit-post-document-actions"
-  }, (0, _react.createElement)(_components.Button, {
-    className: "edit-post-document-actions__back",
-    onClick: () => {
-      clearSelectedBlock();
-      setIsEditingTemplate(false);
-    },
-    icon: (0, _i18n.isRTL)() ? _icons.chevronRightSmall : _icons.chevronLeftSmall
-  }, (0, _i18n.__)('Back')), (0, _react.createElement)(_components.Button, {
-    className: "edit-post-document-actions__command",
-    onClick: () => openCommandCenter()
-  }, (0, _react.createElement)(_components.__experimentalHStack, {
-    className: "edit-post-document-actions__title",
-    spacing: 1,
-    justify: "center"
-  }, (0, _react.createElement)(_blockEditor.BlockIcon, {
-    icon: _icons.layout
-  }), (0, _react.createElement)(_components.__experimentalText, {
-    size: "body",
-    as: "h1"
-  }, (0, _react.createElement)(_components.VisuallyHidden, {
-    as: "span"
-  }, (0, _i18n.__)('Editing template: ')), templateTitle)), (0, _react.createElement)("span", {
-    className: "edit-post-document-actions__shortcut"
-  }, _keycodes.displayShortcut.primary('k'))));
-}
-var _default = DocumentActions;
-exports.default = _default;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_i18n","require","_data","_blockEditor","_components","_icons","_commands","_keycodes","_store","DocumentActions","template","useSelect","select","getEditedPostTemplate","editPostStore","clearSelectedBlock","useDispatch","blockEditorStore","setIsEditingTemplate","open","openCommandCenter","commandsStore","templateTitle","__","title","slug","_react","createElement","className","Button","onClick","icon","isRTL","chevronRightSmall","chevronLeftSmall","__experimentalHStack","spacing","justify","BlockIcon","layout","__experimentalText","size","as","VisuallyHidden","displayShortcut","primary","_default","exports","default"],"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 } = useSelect( ( select ) => {\n\t\tconst { getEditedPostTemplate } = select( editPostStore );\n\n\t\treturn {\n\t\t\ttemplate: getEditedPostTemplate(),\n\t\t};\n\t}, [] );\n\tconst { clearSelectedBlock } = useDispatch( blockEditorStore );\n\tconst { setIsEditingTemplate } = useDispatch( editPostStore );\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\n\tif ( ! 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":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAMA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAKA,IAAAO,MAAA,GAAAP,OAAA;AAnBA;AACA;AACA;;AAcA;AACA;AACA;;AAGA,SAASQ,eAAeA,CAAA,EAAG;EAC1B,MAAM;IAAEC;EAAS,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC7C,MAAM;MAAEC;IAAsB,CAAC,GAAGD,MAAM,CAAEE,YAAc,CAAC;IAEzD,OAAO;MACNJ,QAAQ,EAAEG,qBAAqB,CAAC;IACjC,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EACP,MAAM;IAAEE;EAAmB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,kBAAiB,CAAC;EAC9D,MAAM;IAAEC;EAAqB,CAAC,GAAG,IAAAF,iBAAW,EAAEF,YAAc,CAAC;EAC7D,MAAM;IAAEK,IAAI,EAAEC;EAAkB,CAAC,GAAG,IAAAJ,iBAAW,EAAEK,eAAc,CAAC;EAEhE,IAAK,CAAEX,QAAQ,EAAG;IACjB,OAAO,IAAI;EACZ;EAEA,IAAIY,aAAa,GAAG,IAAAC,QAAE,EAAE,SAAU,CAAC;EACnC,IAAKb,QAAQ,EAAEc,KAAK,EAAG;IACtBF,aAAa,GAAGZ,QAAQ,CAACc,KAAK;EAC/B,CAAC,MAAM,IAAK,CAAC,CAAEd,QAAQ,EAAG;IACzBY,aAAa,GAAGZ,QAAQ,CAACe,IAAI;EAC9B;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC;EAA4B,GAC1C,IAAAF,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAyB,MAAM;IACND,SAAS,EAAC,kCAAkC;IAC5CE,OAAO,EAAGA,CAAA,KAAM;MACff,kBAAkB,CAAC,CAAC;MACpBG,oBAAoB,CAAE,KAAM,CAAC;IAC9B,CAAG;IACHa,IAAI,EAAG,IAAAC,WAAK,EAAC,CAAC,GAAGC,wBAAiB,GAAGC;EAAkB,GAErD,IAAAX,QAAE,EAAE,MAAO,CACN,CAAC,EACT,IAAAG,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAyB,MAAM;IACND,SAAS,EAAC,qCAAqC;IAC/CE,OAAO,EAAGA,CAAA,KAAMV,iBAAiB,CAAC;EAAG,GAErC,IAAAM,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAA+B,oBAAM;IACNP,SAAS,EAAC,mCAAmC;IAC7CQ,OAAO,EAAG,CAAG;IACbC,OAAO,EAAC;EAAQ,GAEhB,IAAAX,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAmC,SAAS;IAACP,IAAI,EAAGQ;EAAQ,CAAE,CAAC,EAC7B,IAAAb,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAoC,kBAAI;IAACC,IAAI,EAAC,MAAM;IAACC,EAAE,EAAC;EAAI,GACxB,IAAAhB,MAAA,CAAAC,aAAA,EAACvB,WAAA,CAAAuC,cAAc;IAACD,EAAE,EAAC;EAAM,GACtB,IAAAnB,QAAE,EAAE,oBAAqB,CACZ,CAAC,EACfD,aACG,CACC,CAAC,EACT,IAAAI,MAAA,CAAAC,aAAA;IAAMC,SAAS,EAAC;EAAsC,GACnDgB,yBAAe,CAACC,OAAO,CAAE,GAAI,CAC1B,CACC,CACJ,CAAC;AAER;AAAC,IAAAC,QAAA,GAEcrC,eAAe;AAAAsC,OAAA,CAAAC,OAAA,GAAAF,QAAA"}

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

@@ -1,156 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _compose = require("@wordpress/compose");
-var _data = require("@wordpress/data");
-var _i18n = require("@wordpress/i18n");
-var _blockEditor = require("@wordpress/block-editor");
-var _editor = require("@wordpress/editor");
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _element = require("@wordpress/element");
-var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
-var _store = require("../../../store");
-var _lockUnlock = require("../../../lock-unlock");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-const {
-  useShouldContextualToolbarShow
-} = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
-const preventDefault = event => {
-  event.preventDefault();
-};
-function HeaderToolbar({
-  hasFixedToolbar,
-  setListViewToggleElement
-}) {
-  const inserterButton = (0, _element.useRef)();
-  const {
-    setIsInserterOpened,
-    setIsListViewOpened
-  } = (0, _data.useDispatch)(_store.store);
-  const {
-    isInserterEnabled,
-    isInserterOpened,
-    isTextModeEnabled,
-    showIconLabels,
-    isListViewOpen,
-    listViewShortcut
-  } = (0, _data.useSelect)(select => {
-    const {
-      hasInserterItems,
-      getBlockRootClientId,
-      getBlockSelectionEnd
-    } = select(_blockEditor.store);
-    const {
-      getEditorSettings
-    } = select(_editor.store);
-    const {
-      getEditorMode,
-      isFeatureActive,
-      isListViewOpened
-    } = select(_store.store);
-    const {
-      getShortcutRepresentation
-    } = select(_keyboardShortcuts.store);
-    return {
-      // This setting (richEditingEnabled) should not live in the block editor's setting.
-      isInserterEnabled: getEditorMode() === 'visual' && getEditorSettings().richEditingEnabled && hasInserterItems(getBlockRootClientId(getBlockSelectionEnd())),
-      isInserterOpened: select(_store.store).isInserterOpened(),
-      isTextModeEnabled: getEditorMode() === 'text',
-      showIconLabels: isFeatureActive('showIconLabels'),
-      isListViewOpen: isListViewOpened(),
-      listViewShortcut: getShortcutRepresentation('core/edit-post/toggle-list-view')
-    };
-  }, []);
-  const isLargeViewport = (0, _compose.useViewportMatch)('medium');
-  const isWideViewport = (0, _compose.useViewportMatch)('wide');
-  const {
-    shouldShowContextualToolbar,
-    canFocusHiddenToolbar,
-    fixedToolbarCanBeFocused
-  } = 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 = (0, _i18n.__)('Document tools');
-  const toggleListView = (0, _element.useCallback)(() => setIsListViewOpened(!isListViewOpen), [setIsListViewOpened, isListViewOpen]);
-  const overflowItems = (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToolbarItem, {
-    as: _components.Button,
-    className: "edit-post-header-toolbar__document-overview-toggle",
-    icon: _icons.listView,
-    disabled: isTextModeEnabled,
-    isPressed: isListViewOpen
-    /* translators: button label text should, if possible, be under 16 characters. */,
-    label: (0, _i18n.__)('Document Overview'),
-    onClick: toggleListView,
-    shortcut: listViewShortcut,
-    showTooltip: !showIconLabels,
-    variant: showIconLabels ? 'tertiary' : undefined,
-    "aria-expanded": isListViewOpen,
-    ref: setListViewToggleElement
-  }));
-  const toggleInserter = (0, _element.useCallback)(() => {
-    if (isInserterOpened) {
-      // Focusing the inserter button should close the inserter popover.
-      // However, there are some cases it won't close when the focus is lost.
-      // See https://github.com/WordPress/gutenberg/issues/43090 for more details.
-      inserterButton.current.focus();
-      setIsInserterOpened(false);
-    } else {
-      setIsInserterOpened(true);
-    }
-  }, [isInserterOpened, setIsInserterOpened]);
-
-  /* translators: button label text should, if possible, be under 16 characters. */
-  const longLabel = (0, _i18n._x)('Toggle block inserter', 'Generic label for block inserter button');
-  const shortLabel = !isInserterOpened ? (0, _i18n.__)('Add') : (0, _i18n.__)('Close');
-  return (0, _react.createElement)(_blockEditor.NavigableToolbar, {
-    className: "edit-post-header-toolbar",
-    "aria-label": toolbarAriaLabel,
-    shouldUseKeyboardFocusShortcut: !blockToolbarCanBeFocused,
-    variant: "unstyled"
-  }, (0, _react.createElement)("div", {
-    className: "edit-post-header-toolbar__left"
-  }, (0, _react.createElement)(_components.ToolbarItem, {
-    ref: inserterButton,
-    as: _components.Button,
-    className: "edit-post-header-toolbar__inserter-toggle",
-    variant: "primary",
-    isPressed: isInserterOpened,
-    onMouseDown: preventDefault,
-    onClick: toggleInserter,
-    disabled: !isInserterEnabled,
-    icon: _icons.plus,
-    label: showIconLabels ? shortLabel : longLabel,
-    showTooltip: !showIconLabels,
-    "aria-expanded": isInserterOpened
-  }), (isWideViewport || !showIconLabels) && (0, _react.createElement)(_react.Fragment, null, isLargeViewport && !hasFixedToolbar && (0, _react.createElement)(_components.ToolbarItem, {
-    as: _blockEditor.ToolSelector,
-    showTooltip: !showIconLabels,
-    variant: showIconLabels ? 'tertiary' : undefined,
-    disabled: isTextModeEnabled
-  }), (0, _react.createElement)(_components.ToolbarItem, {
-    as: _editor.EditorHistoryUndo,
-    showTooltip: !showIconLabels,
-    variant: showIconLabels ? 'tertiary' : undefined
-  }), (0, _react.createElement)(_components.ToolbarItem, {
-    as: _editor.EditorHistoryRedo,
-    showTooltip: !showIconLabels,
-    variant: showIconLabels ? 'tertiary' : undefined
-  }), overflowItems)));
-}
-var _default = HeaderToolbar;
-exports.default = _default;
-//# sourceMappingURL=index.js.map