@wordpress/editor 13.14.0 → 13.15.0

package/build-module/components/global-keyboard-shortcuts/visual-editor-shortcuts.js

@@ -1,32 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { useShortcut } from '@wordpress/keyboard-shortcuts';
-import { useDispatch } from '@wordpress/data';
-/**
- * Internal dependencies
- */
-
-import SaveShortcut from './save-shortcut';
-import { store as editorStore } from '../../store';
-
-function VisualEditorGlobalKeyboardShortcuts() {
-  const {
-    redo,
-    undo
-  } = useDispatch(editorStore);
-  useShortcut('core/editor/undo', event => {
-    undo();
-    event.preventDefault();
-  });
-  useShortcut('core/editor/redo', event => {
-    redo();
-    event.preventDefault();
-  });
-  return createElement(SaveShortcut, null);
-}
-
-export default VisualEditorGlobalKeyboardShortcuts;
-//# sourceMappingURL=visual-editor-shortcuts.js.map

package/build-module/components/global-keyboard-shortcuts/visual-editor-shortcuts.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/editor/src/components/global-keyboard-shortcuts/visual-editor-shortcuts.js"],"names":["useShortcut","useDispatch","SaveShortcut","store","editorStore","VisualEditorGlobalKeyboardShortcuts","redo","undo","event","preventDefault"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,+BAA5B;AACA,SAASC,WAAT,QAA4B,iBAA5B;AAEA;AACA;AACA;;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,SAASC,KAAK,IAAIC,WAAlB,QAAqC,aAArC;;AAEA,SAASC,mCAAT,GAA+C;AAC9C,QAAM;AAAEC,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAiBN,WAAW,CAAEG,WAAF,CAAlC;AAEAJ,EAAAA,WAAW,CAAE,kBAAF,EAAwBQ,KAAF,IAAa;AAC7CD,IAAAA,IAAI;AACJC,IAAAA,KAAK,CAACC,cAAN;AACA,GAHU,CAAX;AAKAT,EAAAA,WAAW,CAAE,kBAAF,EAAwBQ,KAAF,IAAa;AAC7CF,IAAAA,IAAI;AACJE,IAAAA,KAAK,CAACC,cAAN;AACA,GAHU,CAAX;AAKA,SAAO,cAAC,YAAD,OAAP;AACA;;AAED,eAAeJ,mCAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport SaveShortcut from './save-shortcut';\nimport { store as editorStore } from '../../store';\n\nfunction VisualEditorGlobalKeyboardShortcuts() {\n\tconst { redo, undo } = useDispatch( editorStore );\n\n\tuseShortcut( 'core/editor/undo', ( event ) => {\n\t\tundo();\n\t\tevent.preventDefault();\n\t} );\n\n\tuseShortcut( 'core/editor/redo', ( event ) => {\n\t\tredo();\n\t\tevent.preventDefault();\n\t} );\n\n\treturn <SaveShortcut />;\n}\n\nexport default VisualEditorGlobalKeyboardShortcuts;\n"]}

package/src/components/global-keyboard-shortcuts/save-shortcut.js

@@ -1,55 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useShortcut } from '@wordpress/keyboard-shortcuts';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { parse } from '@wordpress/blocks';
-
-/**
- * Internal dependencies
- */
-import { store as editorStore } from '../../store';
-
-function SaveShortcut( { resetBlocksOnSave } ) {
-	const { resetEditorBlocks, savePost } = useDispatch( editorStore );
-	const { isEditedPostDirty, getPostEdits, isPostSavingLocked } =
-		useSelect( editorStore );
-
-	useShortcut( 'core/editor/save', ( event ) => {
-		event.preventDefault();
-
-		/**
-		 * Do not save the post if post saving is locked.
-		 */
-		if ( isPostSavingLocked() ) {
-			return;
-		}
-
-		// TODO: This should be handled in the `savePost` effect in
-		// considering `isSaveable`. See note on `isEditedPostSaveable`
-		// selector about dirtiness and meta-boxes.
-		//
-		// See: `isEditedPostSaveable`
-		if ( ! isEditedPostDirty() ) {
-			return;
-		}
-
-		// The text editor requires that editor blocks are updated for a
-		// save to work correctly. Usually this happens when the textarea
-		// for the code editors blurs, but the shortcut can be used without
-		// blurring the textarea.
-		if ( resetBlocksOnSave ) {
-			const postEdits = getPostEdits();
-			if ( postEdits.content && typeof postEdits.content === 'string' ) {
-				const blocks = parse( postEdits.content );
-				resetEditorBlocks( blocks );
-			}
-		}
-
-		savePost();
-	} );
-
-	return null;
-}
-
-export default SaveShortcut;

package/src/components/global-keyboard-shortcuts/text-editor-shortcuts.js

@@ -1,8 +0,0 @@
-/**
- * Internal dependencies
- */
-import SaveShortcut from './save-shortcut';
-
-export default function TextEditorGlobalKeyboardShortcuts() {
-	return <SaveShortcut resetBlocksOnSave />;
-}

package/src/components/global-keyboard-shortcuts/visual-editor-shortcuts.js

@@ -1,29 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { useShortcut } from '@wordpress/keyboard-shortcuts';
-import { useDispatch } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import SaveShortcut from './save-shortcut';
-import { store as editorStore } from '../../store';
-
-function VisualEditorGlobalKeyboardShortcuts() {
-	const { redo, undo } = useDispatch( editorStore );
-
-	useShortcut( 'core/editor/undo', ( event ) => {
-		undo();
-		event.preventDefault();
-	} );
-
-	useShortcut( 'core/editor/redo', ( event ) => {
-		redo();
-		event.preventDefault();
-	} );
-
-	return <SaveShortcut />;
-}
-
-export default VisualEditorGlobalKeyboardShortcuts;

package/src/components/post-text-editor/test/index.js

@@ -1,156 +0,0 @@
-/**
- * External dependencies
- */
-import { act, render, screen } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-
-/**
- * WordPress dependencies
- */
-import { useSelect } from '@wordpress/data';
-
-/**
- * Internal dependencies
- */
-import PostTextEditor from '../';
-
-// "Downgrade" ReactAutosizeTextarea to a regular textarea. Assumes aligned
-// props interface.
-jest.mock( 'react-autosize-textarea', () => ( props ) => (
-	<textarea { ...props } />
-) );
-
-jest.mock( '@wordpress/data/src/components/use-select', () => {
-	// This allows us to tweak the returned value on each test.
-	const mock = jest.fn();
-	return mock;
-} );
-
-let mockEditPost = jest.fn();
-let mockResetEditorBlocks = jest.fn();
-
-jest.mock( '@wordpress/data/src/components/use-dispatch', () => {
-	return {
-		useDispatch: () => ( {
-			editPost: mockEditPost,
-			resetEditorBlocks: mockResetEditorBlocks,
-		} ),
-	};
-} );
-
-describe( 'PostTextEditor', () => {
-	beforeEach( () => {
-		useSelect.mockImplementation( () => 'Hello World' );
-
-		mockEditPost = jest.fn();
-		mockResetEditorBlocks = jest.fn();
-	} );
-
-	it( 'should render via the value from useSelect', () => {
-		render( <PostTextEditor /> );
-
-		expect( screen.getByLabelText( 'Type text or HTML' ) ).toHaveValue(
-			'Hello World'
-		);
-	} );
-
-	it( 'should render via the state value when edits made', async () => {
-		const user = userEvent.setup();
-		render( <PostTextEditor /> );
-
-		const textarea = screen.getByLabelText( 'Type text or HTML' );
-
-		await user.clear( textarea );
-		await user.type( textarea, 'Hello Chicken' );
-
-		expect( textarea ).toHaveValue( 'Hello Chicken' );
-		expect( mockEditPost ).toHaveBeenCalledWith( {
-			content: 'Hello Chicken',
-		} );
-	} );
-
-	it( 'should render via the state value when edits made, even if prop value changes', async () => {
-		const user = userEvent.setup();
-		const { rerender } = render( <PostTextEditor /> );
-
-		const textarea = screen.getByLabelText( 'Type text or HTML' );
-
-		await user.clear( textarea );
-		await user.type( textarea, 'Hello Chicken' );
-
-		useSelect.mockImplementation( () => 'Goodbye World' );
-
-		rerender( <PostTextEditor /> );
-
-		expect( textarea ).toHaveValue( 'Hello Chicken' );
-		expect( mockEditPost ).toHaveBeenCalledWith( {
-			content: 'Hello Chicken',
-		} );
-	} );
-
-	it( 'should render via the state value when edits made, even if prop value changes and state value empty', async () => {
-		const user = userEvent.setup();
-		const { rerender } = render( <PostTextEditor /> );
-
-		const textarea = screen.getByLabelText( 'Type text or HTML' );
-
-		await user.clear( textarea );
-
-		useSelect.mockImplementation( () => 'Goodbye World' );
-
-		rerender( <PostTextEditor /> );
-
-		expect( textarea ).toHaveValue( '' );
-		expect( mockEditPost ).toHaveBeenCalledWith( {
-			content: '',
-		} );
-	} );
-
-	it( 'calls onPersist after changes made and user stops editing', async () => {
-		const user = userEvent.setup();
-		render( <PostTextEditor /> );
-
-		const textarea = screen.getByLabelText( 'Type text or HTML' );
-
-		await user.clear( textarea );
-
-		// Stop editing.
-		act( () => {
-			textarea.blur();
-		} );
-
-		expect( mockResetEditorBlocks ).toHaveBeenCalledWith( [] );
-	} );
-
-	it( 'does not call onPersist after user stops editing without changes', () => {
-		render( <PostTextEditor /> );
-
-		// Stop editing.
-		screen.getByLabelText( 'Type text or HTML' ).blur();
-
-		expect( mockResetEditorBlocks ).not.toHaveBeenCalled();
-	} );
-
-	it( 'resets to prop value after user stops editing', async () => {
-		// This isn't the most realistic case, since typically we'd assume the
-		// parent renderer to pass the value as it had received onPersist. The
-		// test here is more an edge case to stress that it's intentionally
-		// differentiating between state and prop values.
-		const user = userEvent.setup();
-		const { rerender } = render( <PostTextEditor /> );
-
-		const textarea = screen.getByLabelText( 'Type text or HTML' );
-
-		await user.clear( textarea );
-
-		useSelect.mockImplementation( () => 'Goodbye World' );
-
-		rerender( <PostTextEditor /> );
-
-		act( () => {
-			textarea.blur();
-		} );
-
-		expect( textarea ).toHaveValue( 'Goodbye World' );
-	} );
-} );