@wordpress/edit-post 7.28.3 → 7.29.0

package/src/store/actions.js

@@ -1,13 +1,9 @@
 /**
  * WordPress dependencies
  */
-import { __ } from '@wordpress/i18n';
 import apiFetch from '@wordpress/api-fetch';
 import { store as interfaceStore } from '@wordpress/interface';
 import { store as preferencesStore } from '@wordpress/preferences';
-import { speak } from '@wordpress/a11y';
-import { store as noticesStore } from '@wordpress/notices';
-import { store as blockEditorStore } from '@wordpress/block-editor';
 import { store as editorStore } from '@wordpress/editor';
 import deprecated from '@wordpress/deprecated';
 import { addFilter } from '@wordpress/hooks';
@@ -26,13 +22,7 @@ import { unlock } from '../lock-unlock';
  */
 export const openGeneralSidebar =
 	( name ) =>
-	( { dispatch, registry } ) => {
-		const isDistractionFree = registry
-			.select( preferencesStore )
-			.get( 'core', 'distractionFree' );
-		if ( isDistractionFree ) {
-			dispatch.toggleDistractionFree();
-		}
+	( { registry } ) => {
 		registry
 			.dispatch( interfaceStore )
 			.enableComplementaryArea( editPostStore.name, name );
@@ -190,30 +180,18 @@ export const toggleFeature =
 /**
  * Triggers an action used to switch editor mode.
  *
+ * @deprecated
+ *
  * @param {string} mode The editor mode.
  */
 export const switchEditorMode =
 	( mode ) =>
-	( { dispatch, registry } ) => {
-		registry.dispatch( preferencesStore ).set( 'core', 'editorMode', mode );
-
-		// Unselect blocks when we switch to the code editor.
-		if ( mode !== 'visual' ) {
-			registry.dispatch( blockEditorStore ).clearSelectedBlock();
-		}
-
-		if (
-			mode === 'text' &&
-			registry.select( preferencesStore ).get( 'core', 'distractionFree' )
-		) {
-			dispatch.toggleDistractionFree();
-		}
-
-		const message =
-			mode === 'visual'
-				? __( 'Visual editor selected' )
-				: __( 'Code editor selected' );
-		speak( message, 'assertive' );
+	( { registry } ) => {
+		deprecated( "dispatch( 'core/edit-post' ).switchEditorMode", {
+			since: '6.6',
+			alternative: "dispatch( 'core/editor').switchEditorMode",
+		} );
+		registry.dispatch( editorStore ).switchEditorMode( mode );
 	};
 
 /**
@@ -239,46 +217,15 @@ export const togglePinnedPluginItem =
 /**
  * Returns an action object used in signaling that a style should be auto-applied when a block is created.
  *
- * @param {string}  blockName  Name of the block.
- * @param {?string} blockStyle Name of the style that should be auto applied. If undefined, the "auto apply" setting of the block is removed.
+ * @deprecated
  */
-export const updatePreferredStyleVariations =
-	( blockName, blockStyle ) =>
-	( { registry } ) => {
-		if ( ! blockName ) {
-			return;
-		}
-
-		const existingVariations =
-			registry
-				.select( preferencesStore )
-				.get( 'core/edit-post', 'preferredStyleVariations' ) ?? {};
-
-		// When the blockStyle is omitted, remove the block's preferred variation.
-		if ( ! blockStyle ) {
-			const updatedVariations = {
-				...existingVariations,
-			};
-
-			delete updatedVariations[ blockName ];
-
-			registry
-				.dispatch( preferencesStore )
-				.set(
-					'core/edit-post',
-					'preferredStyleVariations',
-					updatedVariations
-				);
-		} else {
-			// Else add the variation.
-			registry
-				.dispatch( preferencesStore )
-				.set( 'core/edit-post', 'preferredStyleVariations', {
-					...existingVariations,
-					[ blockName ]: blockStyle,
-				} );
-		}
-	};
+export function updatePreferredStyleVariations() {
+	deprecated( "dispatch( 'core/edit-post' ).updatePreferredStyleVariations", {
+		since: '6.6',
+		hint: 'Preferred Style Variations are not supported anymore.',
+	} );
+	return { type: 'NOTHING' };
+}
 
 /**
  * Update the provided block types to be visible.
@@ -534,64 +481,15 @@ export const initializeMetaBoxes =
  * Action that toggles Distraction free mode.
  * Distraction free mode expects there are no sidebars, as due to the
  * z-index values set, you can't close sidebars.
+ *
+ * @deprecated
  */
 export const toggleDistractionFree =
 	() =>
-	( { dispatch, registry } ) => {
-		const isDistractionFree = registry
-			.select( preferencesStore )
-			.get( 'core', 'distractionFree' );
-		if ( isDistractionFree ) {
-			registry
-				.dispatch( preferencesStore )
-				.set( 'core', 'fixedToolbar', false );
-		}
-		if ( ! isDistractionFree ) {
-			registry.batch( () => {
-				registry
-					.dispatch( preferencesStore )
-					.set( 'core', 'fixedToolbar', true );
-				registry.dispatch( editorStore ).setIsInserterOpened( false );
-				registry.dispatch( editorStore ).setIsListViewOpened( false );
-				dispatch.closeGeneralSidebar();
-			} );
-		}
-		registry.batch( () => {
-			registry
-				.dispatch( preferencesStore )
-				.set( 'core', 'distractionFree', ! isDistractionFree );
-			registry
-				.dispatch( noticesStore )
-				.createInfoNotice(
-					isDistractionFree
-						? __( 'Distraction free off.' )
-						: __( 'Distraction free on.' ),
-					{
-						id: 'core/edit-post/distraction-free-mode/notice',
-						type: 'snackbar',
-						actions: [
-							{
-								label: __( 'Undo' ),
-								onClick: () => {
-									registry.batch( () => {
-										registry
-											.dispatch( preferencesStore )
-											.set(
-												'core',
-												'fixedToolbar',
-												isDistractionFree ? true : false
-											);
-										registry
-											.dispatch( preferencesStore )
-											.toggle(
-												'core',
-												'distractionFree'
-											);
-									} );
-								},
-							},
-						],
-					}
-				);
+	( { registry } ) => {
+		deprecated( "dispatch( 'core/edit-post' ).toggleDistractionFree", {
+			since: '6.6',
+			alternative: "dispatch( 'core/editor').toggleDistractionFree",
 		} );
+		registry.dispatch( editorStore ).toggleDistractionFree();
 	};

package/src/store/selectors.js

@@ -161,23 +161,6 @@ export const getPreferences = createRegistrySelector( ( select ) => () => {
 		alternative: `select( 'core/preferences' ).get`,
 	} );
 
-	// These preferences now exist in the preferences store.
-	// Fetch them so that they can be merged into the post
-	// editor preferences.
-	const preferences = [ 'preferredStyleVariations' ].reduce(
-		( accumulatedPrefs, preferenceKey ) => {
-			const value = select( preferencesStore ).get(
-				'core/edit-post',
-				preferenceKey
-			);
-
-			return {
-				...accumulatedPrefs,
-				[ preferenceKey ]: value,
-			};
-		},
-		{}
-	);
 	const corePreferences = [ 'editorMode', 'hiddenBlockTypes' ].reduce(
 		( accumulatedPrefs, preferenceKey ) => {
 			const value = select( preferencesStore ).get(
@@ -205,7 +188,6 @@ export const getPreferences = createRegistrySelector( ( select ) => () => {
 	const panels = convertPanelsToOldFormat( inactivePanels, openPanels );
 
 	return {
-		...preferences,
 		...corePreferences,
 		panels,
 	};

package/src/store/test/actions.js

@@ -53,18 +53,6 @@ describe( 'actions', () => {
 		).toBeNull();
 	} );
 
-	it( 'openGeneralSidebar - should turn off distraction free mode when opening a general sidebar', () => {
-		registry
-			.dispatch( preferencesStore )
-			.set( 'core', 'distractionFree', true );
-		registry
-			.dispatch( editPostStore )
-			.openGeneralSidebar( 'edit-post/block' );
-		expect(
-			registry.select( preferencesStore ).get( 'core', 'distractionFree' )
-		).toBe( false );
-	} );
-
 	it( 'toggleFeature', () => {
 		registry.dispatch( editPostStore ).toggleFeature( 'welcomeGuide' );
 		expect(
@@ -81,52 +69,6 @@ describe( 'actions', () => {
 		).toBe( false );
 	} );
 
-	describe( 'switchEditorMode', () => {
-		it( 'to visual', () => {
-			// Switch to text first, since the default is visual.
-			registry.dispatch( editPostStore ).switchEditorMode( 'text' );
-			expect( registry.select( editPostStore ).getEditorMode() ).toEqual(
-				'text'
-			);
-			registry.dispatch( editPostStore ).switchEditorMode( 'visual' );
-			expect( registry.select( editPostStore ).getEditorMode() ).toEqual(
-				'visual'
-			);
-		} );
-
-		it( 'to text', () => {
-			// It defaults to visual.
-			expect( registry.select( editPostStore ).getEditorMode() ).toEqual(
-				'visual'
-			);
-			// Add a selected client id and make sure it's there.
-			const clientId = 'clientId_1';
-			registry.dispatch( blockEditorStore ).selectionChange( clientId );
-			expect(
-				registry.select( blockEditorStore ).getSelectedBlockClientId()
-			).toEqual( clientId );
-
-			registry.dispatch( editPostStore ).switchEditorMode( 'text' );
-			expect(
-				registry.select( blockEditorStore ).getSelectedBlockClientId()
-			).toBeNull();
-			expect( registry.select( editPostStore ).getEditorMode() ).toEqual(
-				'text'
-			);
-		} );
-		it( 'should turn off distraction free mode when switching to code editor', () => {
-			registry
-				.dispatch( preferencesStore )
-				.set( 'core', 'distractionFree', true );
-			registry.dispatch( editPostStore ).switchEditorMode( 'text' );
-			expect(
-				registry
-					.select( preferencesStore )
-					.get( 'core', 'distractionFree' )
-			).toBe( false );
-		} );
-	} );
-
 	it( 'togglePinnedPluginItem', () => {
 		registry.dispatch( editPostStore ).togglePinnedPluginItem( 'rigatoni' );
 		// Sidebars are pinned by default.
@@ -199,92 +141,4 @@ describe( 'actions', () => {
 			).toEqual( expectedB );
 		} );
 	} );
-
-	describe( 'updatePreferredStyleVariations', () => {
-		it( 'sets a preferred style variation for a block when a style name is passed', () => {
-			registry
-				.dispatch( 'core/edit-post' )
-				.updatePreferredStyleVariations( 'core/paragraph', 'fancy' );
-			registry
-				.dispatch( 'core/edit-post' )
-				.updatePreferredStyleVariations( 'core/quote', 'posh' );
-
-			expect(
-				registry
-					.select( editPostStore )
-					.getPreference( 'preferredStyleVariations' )
-			).toEqual( {
-				'core/paragraph': 'fancy',
-				'core/quote': 'posh',
-			} );
-
-			// Expect a deprecation message for `getPreference`.
-			expect( console ).toHaveWarned();
-		} );
-
-		it( 'removes a preferred style variation for a block when a style name is omitted', () => {
-			registry
-				.dispatch( 'core/edit-post' )
-				.updatePreferredStyleVariations( 'core/paragraph', 'fancy' );
-			registry
-				.dispatch( 'core/edit-post' )
-				.updatePreferredStyleVariations( 'core/quote', 'posh' );
-			expect(
-				registry
-					.select( editPostStore )
-					.getPreference( 'preferredStyleVariations' )
-			).toEqual( {
-				'core/paragraph': 'fancy',
-				'core/quote': 'posh',
-			} );
-
-			registry
-				.dispatch( 'core/edit-post' )
-				.updatePreferredStyleVariations( 'core/paragraph' );
-
-			expect(
-				registry
-					.select( editPostStore )
-					.getPreference( 'preferredStyleVariations' )
-			).toEqual( {
-				'core/quote': 'posh',
-			} );
-		} );
-	} );
-
-	describe( 'toggleDistractionFree', () => {
-		it( 'should properly update settings to prevent layout corruption when enabling distraction free mode', () => {
-			// Enable everything that shouldn't be enabled in distraction free mode.
-			registry
-				.dispatch( preferencesStore )
-				.set( 'core', 'fixedToolbar', true );
-			registry.dispatch( editorStore ).setIsListViewOpened( true );
-			registry
-				.dispatch( editPostStore )
-				.openGeneralSidebar( 'edit-post/block' );
-			// Initial state is falsy.
-			registry.dispatch( editPostStore ).toggleDistractionFree();
-			expect(
-				registry
-					.select( preferencesStore )
-					.get( 'core', 'fixedToolbar' )
-			).toBe( true );
-			expect( registry.select( editorStore ).isListViewOpened() ).toBe(
-				false
-			);
-			expect( registry.select( editorStore ).isInserterOpened() ).toBe(
-				false
-			);
-			expect(
-				registry
-					.select( interfaceStore )
-					.getActiveComplementaryArea( editPostStore.name )
-			).toBeNull();
-			expect(
-				registry
-					.select( preferencesStore )
-					.get( 'core', 'distractionFree' )
-			).toBe( true );
-		} );
-	} );
 } );

package/src/style.scss

@@ -46,8 +46,7 @@ body.js.block-editor-page {
 .edit-post-header,
 .edit-post-text-editor,
 .edit-post-sidebar,
-.editor-post-publish-panel,
-.components-modal__frame {
+.editor-post-publish-panel {
 	@include reset;
 }
 

package/build/components/header/mode-switcher/index.js

@@ -1,87 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-var _data = require("@wordpress/data");
-var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
-var _editor = require("@wordpress/editor");
-var _store = require("../../../store");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * Set of available mode options.
- *
- * @type {Array}
- */
-const MODES = [{
-  value: 'visual',
-  label: (0, _i18n.__)('Visual editor')
-}, {
-  value: 'text',
-  label: (0, _i18n.__)('Code editor')
-}];
-function ModeSwitcher() {
-  const {
-    shortcut,
-    isRichEditingEnabled,
-    isCodeEditingEnabled,
-    mode
-  } = (0, _data.useSelect)(select => ({
-    shortcut: select(_keyboardShortcuts.store).getShortcutRepresentation('core/edit-post/toggle-mode'),
-    isRichEditingEnabled: select(_editor.store).getEditorSettings().richEditingEnabled,
-    isCodeEditingEnabled: select(_editor.store).getEditorSettings().codeEditingEnabled,
-    mode: select(_store.store).getEditorMode()
-  }), []);
-  const {
-    switchEditorMode
-  } = (0, _data.useDispatch)(_store.store);
-  let selectedMode = mode;
-  if (!isRichEditingEnabled && mode === 'visual') {
-    selectedMode = 'text';
-  }
-  if (!isCodeEditingEnabled && mode === 'text') {
-    selectedMode = 'visual';
-  }
-  const choices = MODES.map(choice => {
-    if (!isCodeEditingEnabled && choice.value === 'text') {
-      choice = {
-        ...choice,
-        disabled: true
-      };
-    }
-    if (!isRichEditingEnabled && choice.value === 'visual') {
-      choice = {
-        ...choice,
-        disabled: true,
-        info: (0, _i18n.__)('You can enable the visual editor in your profile settings.')
-      };
-    }
-    if (choice.value !== selectedMode && !choice.disabled) {
-      return {
-        ...choice,
-        shortcut
-      };
-    }
-    return choice;
-  });
-  return (0, _react.createElement)(_components.MenuGroup, {
-    label: (0, _i18n.__)('Editor')
-  }, (0, _react.createElement)(_components.MenuItemsChoice, {
-    choices: choices,
-    value: selectedMode,
-    onSelect: switchEditorMode
-  }));
-}
-var _default = exports.default = ModeSwitcher;
-//# sourceMappingURL=index.js.map

package/build/components/header/mode-switcher/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_i18n","require","_components","_data","_keyboardShortcuts","_editor","_store","MODES","value","label","__","ModeSwitcher","shortcut","isRichEditingEnabled","isCodeEditingEnabled","mode","useSelect","select","keyboardShortcutsStore","getShortcutRepresentation","editorStore","getEditorSettings","richEditingEnabled","codeEditingEnabled","editPostStore","getEditorMode","switchEditorMode","useDispatch","selectedMode","choices","map","choice","disabled","info","_react","createElement","MenuGroup","MenuItemsChoice","onSelect","_default","exports","default"],"sources":["@wordpress/edit-post/src/components/header/mode-switcher/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItemsChoice, MenuGroup } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\n/**\n * Set of available mode options.\n *\n * @type {Array}\n */\nconst MODES = [\n\t{\n\t\tvalue: 'visual',\n\t\tlabel: __( 'Visual editor' ),\n\t},\n\t{\n\t\tvalue: 'text',\n\t\tlabel: __( 'Code editor' ),\n\t},\n];\n\nfunction ModeSwitcher() {\n\tconst { shortcut, isRichEditingEnabled, isCodeEditingEnabled, mode } =\n\t\tuseSelect(\n\t\t\t( select ) => ( {\n\t\t\t\tshortcut: select(\n\t\t\t\t\tkeyboardShortcutsStore\n\t\t\t\t).getShortcutRepresentation( 'core/edit-post/toggle-mode' ),\n\t\t\t\tisRichEditingEnabled:\n\t\t\t\t\tselect( editorStore ).getEditorSettings()\n\t\t\t\t\t\t.richEditingEnabled,\n\t\t\t\tisCodeEditingEnabled:\n\t\t\t\t\tselect( editorStore ).getEditorSettings()\n\t\t\t\t\t\t.codeEditingEnabled,\n\t\t\t\tmode: select( editPostStore ).getEditorMode(),\n\t\t\t} ),\n\t\t\t[]\n\t\t);\n\tconst { switchEditorMode } = useDispatch( editPostStore );\n\n\tlet selectedMode = mode;\n\tif ( ! isRichEditingEnabled && mode === 'visual' ) {\n\t\tselectedMode = 'text';\n\t}\n\tif ( ! isCodeEditingEnabled && mode === 'text' ) {\n\t\tselectedMode = 'visual';\n\t}\n\n\tconst choices = MODES.map( ( choice ) => {\n\t\tif ( ! isCodeEditingEnabled && choice.value === 'text' ) {\n\t\t\tchoice = {\n\t\t\t\t...choice,\n\t\t\t\tdisabled: true,\n\t\t\t};\n\t\t}\n\t\tif ( ! isRichEditingEnabled && choice.value === 'visual' ) {\n\t\t\tchoice = {\n\t\t\t\t...choice,\n\t\t\t\tdisabled: true,\n\t\t\t\tinfo: __(\n\t\t\t\t\t'You can enable the visual editor in your profile settings.'\n\t\t\t\t),\n\t\t\t};\n\t\t}\n\t\tif ( choice.value !== selectedMode && ! choice.disabled ) {\n\t\t\treturn { ...choice, shortcut };\n\t\t}\n\t\treturn choice;\n\t} );\n\n\treturn (\n\t\t<MenuGroup label={ __( 'Editor' ) }>\n\t\t\t<MenuItemsChoice\n\t\t\t\tchoices={ choices }\n\t\t\t\tvalue={ selectedMode }\n\t\t\t\tonSelect={ switchEditorMode }\n\t\t\t/>\n\t\t</MenuGroup>\n\t);\n}\n\nexport default ModeSwitcher;\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA,MAAMM,KAAK,GAAG,CACb;EACCC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAE,IAAAC,QAAE,EAAE,eAAgB;AAC5B,CAAC,EACD;EACCF,KAAK,EAAE,MAAM;EACbC,KAAK,EAAE,IAAAC,QAAE,EAAE,aAAc;AAC1B,CAAC,CACD;AAED,SAASC,YAAYA,CAAA,EAAG;EACvB,MAAM;IAAEC,QAAQ;IAAEC,oBAAoB;IAAEC,oBAAoB;IAAEC;EAAK,CAAC,GACnE,IAAAC,eAAS,EACNC,MAAM,KAAQ;IACfL,QAAQ,EAAEK,MAAM,CACfC,wBACD,CAAC,CAACC,yBAAyB,CAAE,4BAA6B,CAAC;IAC3DN,oBAAoB,EACnBI,MAAM,CAAEG,aAAY,CAAC,CAACC,iBAAiB,CAAC,CAAC,CACvCC,kBAAkB;IACrBR,oBAAoB,EACnBG,MAAM,CAAEG,aAAY,CAAC,CAACC,iBAAiB,CAAC,CAAC,CACvCE,kBAAkB;IACrBR,IAAI,EAAEE,MAAM,CAAEO,YAAc,CAAC,CAACC,aAAa,CAAC;EAC7C,CAAC,CAAE,EACH,EACD,CAAC;EACF,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,iBAAW,EAAEH,YAAc,CAAC;EAEzD,IAAII,YAAY,GAAGb,IAAI;EACvB,IAAK,CAAEF,oBAAoB,IAAIE,IAAI,KAAK,QAAQ,EAAG;IAClDa,YAAY,GAAG,MAAM;EACtB;EACA,IAAK,CAAEd,oBAAoB,IAAIC,IAAI,KAAK,MAAM,EAAG;IAChDa,YAAY,GAAG,QAAQ;EACxB;EAEA,MAAMC,OAAO,GAAGtB,KAAK,CAACuB,GAAG,CAAIC,MAAM,IAAM;IACxC,IAAK,CAAEjB,oBAAoB,IAAIiB,MAAM,CAACvB,KAAK,KAAK,MAAM,EAAG;MACxDuB,MAAM,GAAG;QACR,GAAGA,MAAM;QACTC,QAAQ,EAAE;MACX,CAAC;IACF;IACA,IAAK,CAAEnB,oBAAoB,IAAIkB,MAAM,CAACvB,KAAK,KAAK,QAAQ,EAAG;MAC1DuB,MAAM,GAAG;QACR,GAAGA,MAAM;QACTC,QAAQ,EAAE,IAAI;QACdC,IAAI,EAAE,IAAAvB,QAAE,EACP,4DACD;MACD,CAAC;IACF;IACA,IAAKqB,MAAM,CAACvB,KAAK,KAAKoB,YAAY,IAAI,CAAEG,MAAM,CAACC,QAAQ,EAAG;MACzD,OAAO;QAAE,GAAGD,MAAM;QAAEnB;MAAS,CAAC;IAC/B;IACA,OAAOmB,MAAM;EACd,CAAE,CAAC;EAEH,OACC,IAAAG,MAAA,CAAAC,aAAA,EAACjC,WAAA,CAAAkC,SAAS;IAAC3B,KAAK,EAAG,IAAAC,QAAE,EAAE,QAAS;EAAG,GAClC,IAAAwB,MAAA,CAAAC,aAAA,EAACjC,WAAA,CAAAmC,eAAe;IACfR,OAAO,EAAGA,OAAS;IACnBrB,KAAK,EAAGoB,YAAc;IACtBU,QAAQ,EAAGZ;EAAkB,CAC7B,CACS,CAAC;AAEd;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc9B,YAAY"}

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

@@ -1,81 +0,0 @@
-import { createElement } from "react";
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { MenuItemsChoice, MenuGroup } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
-import { store as editorStore } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import { store as editPostStore } from '../../../store';
-
-/**
- * Set of available mode options.
- *
- * @type {Array}
- */
-const MODES = [{
-  value: 'visual',
-  label: __('Visual editor')
-}, {
-  value: 'text',
-  label: __('Code editor')
-}];
-function ModeSwitcher() {
-  const {
-    shortcut,
-    isRichEditingEnabled,
-    isCodeEditingEnabled,
-    mode
-  } = useSelect(select => ({
-    shortcut: select(keyboardShortcutsStore).getShortcutRepresentation('core/edit-post/toggle-mode'),
-    isRichEditingEnabled: select(editorStore).getEditorSettings().richEditingEnabled,
-    isCodeEditingEnabled: select(editorStore).getEditorSettings().codeEditingEnabled,
-    mode: select(editPostStore).getEditorMode()
-  }), []);
-  const {
-    switchEditorMode
-  } = useDispatch(editPostStore);
-  let selectedMode = mode;
-  if (!isRichEditingEnabled && mode === 'visual') {
-    selectedMode = 'text';
-  }
-  if (!isCodeEditingEnabled && mode === 'text') {
-    selectedMode = 'visual';
-  }
-  const choices = MODES.map(choice => {
-    if (!isCodeEditingEnabled && choice.value === 'text') {
-      choice = {
-        ...choice,
-        disabled: true
-      };
-    }
-    if (!isRichEditingEnabled && choice.value === 'visual') {
-      choice = {
-        ...choice,
-        disabled: true,
-        info: __('You can enable the visual editor in your profile settings.')
-      };
-    }
-    if (choice.value !== selectedMode && !choice.disabled) {
-      return {
-        ...choice,
-        shortcut
-      };
-    }
-    return choice;
-  });
-  return createElement(MenuGroup, {
-    label: __('Editor')
-  }, createElement(MenuItemsChoice, {
-    choices: choices,
-    value: selectedMode,
-    onSelect: switchEditorMode
-  }));
-}
-export default ModeSwitcher;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__","MenuItemsChoice","MenuGroup","useSelect","useDispatch","store","keyboardShortcutsStore","editorStore","editPostStore","MODES","value","label","ModeSwitcher","shortcut","isRichEditingEnabled","isCodeEditingEnabled","mode","select","getShortcutRepresentation","getEditorSettings","richEditingEnabled","codeEditingEnabled","getEditorMode","switchEditorMode","selectedMode","choices","map","choice","disabled","info","createElement","onSelect"],"sources":["@wordpress/edit-post/src/components/header/mode-switcher/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { MenuItemsChoice, MenuGroup } from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\n/**\n * Set of available mode options.\n *\n * @type {Array}\n */\nconst MODES = [\n\t{\n\t\tvalue: 'visual',\n\t\tlabel: __( 'Visual editor' ),\n\t},\n\t{\n\t\tvalue: 'text',\n\t\tlabel: __( 'Code editor' ),\n\t},\n];\n\nfunction ModeSwitcher() {\n\tconst { shortcut, isRichEditingEnabled, isCodeEditingEnabled, mode } =\n\t\tuseSelect(\n\t\t\t( select ) => ( {\n\t\t\t\tshortcut: select(\n\t\t\t\t\tkeyboardShortcutsStore\n\t\t\t\t).getShortcutRepresentation( 'core/edit-post/toggle-mode' ),\n\t\t\t\tisRichEditingEnabled:\n\t\t\t\t\tselect( editorStore ).getEditorSettings()\n\t\t\t\t\t\t.richEditingEnabled,\n\t\t\t\tisCodeEditingEnabled:\n\t\t\t\t\tselect( editorStore ).getEditorSettings()\n\t\t\t\t\t\t.codeEditingEnabled,\n\t\t\t\tmode: select( editPostStore ).getEditorMode(),\n\t\t\t} ),\n\t\t\t[]\n\t\t);\n\tconst { switchEditorMode } = useDispatch( editPostStore );\n\n\tlet selectedMode = mode;\n\tif ( ! isRichEditingEnabled && mode === 'visual' ) {\n\t\tselectedMode = 'text';\n\t}\n\tif ( ! isCodeEditingEnabled && mode === 'text' ) {\n\t\tselectedMode = 'visual';\n\t}\n\n\tconst choices = MODES.map( ( choice ) => {\n\t\tif ( ! isCodeEditingEnabled && choice.value === 'text' ) {\n\t\t\tchoice = {\n\t\t\t\t...choice,\n\t\t\t\tdisabled: true,\n\t\t\t};\n\t\t}\n\t\tif ( ! isRichEditingEnabled && choice.value === 'visual' ) {\n\t\t\tchoice = {\n\t\t\t\t...choice,\n\t\t\t\tdisabled: true,\n\t\t\t\tinfo: __(\n\t\t\t\t\t'You can enable the visual editor in your profile settings.'\n\t\t\t\t),\n\t\t\t};\n\t\t}\n\t\tif ( choice.value !== selectedMode && ! choice.disabled ) {\n\t\t\treturn { ...choice, shortcut };\n\t\t}\n\t\treturn choice;\n\t} );\n\n\treturn (\n\t\t<MenuGroup label={ __( 'Editor' ) }>\n\t\t\t<MenuItemsChoice\n\t\t\t\tchoices={ choices }\n\t\t\t\tvalue={ selectedMode }\n\t\t\t\tonSelect={ switchEditorMode }\n\t\t\t/>\n\t\t</MenuGroup>\n\t);\n}\n\nexport default ModeSwitcher;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,eAAe,EAAEC,SAAS,QAAQ,uBAAuB;AAClE,SAASC,SAAS,EAAEC,WAAW,QAAQ,iBAAiB;AACxD,SAASC,KAAK,IAAIC,sBAAsB,QAAQ,+BAA+B;AAC/E,SAASD,KAAK,IAAIE,WAAW,QAAQ,mBAAmB;;AAExD;AACA;AACA;AACA,SAASF,KAAK,IAAIG,aAAa,QAAQ,gBAAgB;;AAEvD;AACA;AACA;AACA;AACA;AACA,MAAMC,KAAK,GAAG,CACb;EACCC,KAAK,EAAE,QAAQ;EACfC,KAAK,EAAEX,EAAE,CAAE,eAAgB;AAC5B,CAAC,EACD;EACCU,KAAK,EAAE,MAAM;EACbC,KAAK,EAAEX,EAAE,CAAE,aAAc;AAC1B,CAAC,CACD;AAED,SAASY,YAAYA,CAAA,EAAG;EACvB,MAAM;IAAEC,QAAQ;IAAEC,oBAAoB;IAAEC,oBAAoB;IAAEC;EAAK,CAAC,GACnEb,SAAS,CACNc,MAAM,KAAQ;IACfJ,QAAQ,EAAEI,MAAM,CACfX,sBACD,CAAC,CAACY,yBAAyB,CAAE,4BAA6B,CAAC;IAC3DJ,oBAAoB,EACnBG,MAAM,CAAEV,WAAY,CAAC,CAACY,iBAAiB,CAAC,CAAC,CACvCC,kBAAkB;IACrBL,oBAAoB,EACnBE,MAAM,CAAEV,WAAY,CAAC,CAACY,iBAAiB,CAAC,CAAC,CACvCE,kBAAkB;IACrBL,IAAI,EAAEC,MAAM,CAAET,aAAc,CAAC,CAACc,aAAa,CAAC;EAC7C,CAAC,CAAE,EACH,EACD,CAAC;EACF,MAAM;IAAEC;EAAiB,CAAC,GAAGnB,WAAW,CAAEI,aAAc,CAAC;EAEzD,IAAIgB,YAAY,GAAGR,IAAI;EACvB,IAAK,CAAEF,oBAAoB,IAAIE,IAAI,KAAK,QAAQ,EAAG;IAClDQ,YAAY,GAAG,MAAM;EACtB;EACA,IAAK,CAAET,oBAAoB,IAAIC,IAAI,KAAK,MAAM,EAAG;IAChDQ,YAAY,GAAG,QAAQ;EACxB;EAEA,MAAMC,OAAO,GAAGhB,KAAK,CAACiB,GAAG,CAAIC,MAAM,IAAM;IACxC,IAAK,CAAEZ,oBAAoB,IAAIY,MAAM,CAACjB,KAAK,KAAK,MAAM,EAAG;MACxDiB,MAAM,GAAG;QACR,GAAGA,MAAM;QACTC,QAAQ,EAAE;MACX,CAAC;IACF;IACA,IAAK,CAAEd,oBAAoB,IAAIa,MAAM,CAACjB,KAAK,KAAK,QAAQ,EAAG;MAC1DiB,MAAM,GAAG;QACR,GAAGA,MAAM;QACTC,QAAQ,EAAE,IAAI;QACdC,IAAI,EAAE7B,EAAE,CACP,4DACD;MACD,CAAC;IACF;IACA,IAAK2B,MAAM,CAACjB,KAAK,KAAKc,YAAY,IAAI,CAAEG,MAAM,CAACC,QAAQ,EAAG;MACzD,OAAO;QAAE,GAAGD,MAAM;QAAEd;MAAS,CAAC;IAC/B;IACA,OAAOc,MAAM;EACd,CAAE,CAAC;EAEH,OACCG,aAAA,CAAC5B,SAAS;IAACS,KAAK,EAAGX,EAAE,CAAE,QAAS;EAAG,GAClC8B,aAAA,CAAC7B,eAAe;IACfwB,OAAO,EAAGA,OAAS;IACnBf,KAAK,EAAGc,YAAc;IACtBO,QAAQ,EAAGR;EAAkB,CAC7B,CACS,CAAC;AAEd;AAEA,eAAeX,YAAY"}

package/src/components/header/mode-switcher/index.js

@@ -1,91 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { MenuItemsChoice, MenuGroup } from '@wordpress/components';
-import { useSelect, useDispatch } from '@wordpress/data';
-import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
-import { store as editorStore } from '@wordpress/editor';
-
-/**
- * Internal dependencies
- */
-import { store as editPostStore } from '../../../store';
-
-/**
- * Set of available mode options.
- *
- * @type {Array}
- */
-const MODES = [
-	{
-		value: 'visual',
-		label: __( 'Visual editor' ),
-	},
-	{
-		value: 'text',
-		label: __( 'Code editor' ),
-	},
-];
-
-function ModeSwitcher() {
-	const { shortcut, isRichEditingEnabled, isCodeEditingEnabled, mode } =
-		useSelect(
-			( select ) => ( {
-				shortcut: select(
-					keyboardShortcutsStore
-				).getShortcutRepresentation( 'core/edit-post/toggle-mode' ),
-				isRichEditingEnabled:
-					select( editorStore ).getEditorSettings()
-						.richEditingEnabled,
-				isCodeEditingEnabled:
-					select( editorStore ).getEditorSettings()
-						.codeEditingEnabled,
-				mode: select( editPostStore ).getEditorMode(),
-			} ),
-			[]
-		);
-	const { switchEditorMode } = useDispatch( editPostStore );
-
-	let selectedMode = mode;
-	if ( ! isRichEditingEnabled && mode === 'visual' ) {
-		selectedMode = 'text';
-	}
-	if ( ! isCodeEditingEnabled && mode === 'text' ) {
-		selectedMode = 'visual';
-	}
-
-	const choices = MODES.map( ( choice ) => {
-		if ( ! isCodeEditingEnabled && choice.value === 'text' ) {
-			choice = {
-				...choice,
-				disabled: true,
-			};
-		}
-		if ( ! isRichEditingEnabled && choice.value === 'visual' ) {
-			choice = {
-				...choice,
-				disabled: true,
-				info: __(
-					'You can enable the visual editor in your profile settings.'
-				),
-			};
-		}
-		if ( choice.value !== selectedMode && ! choice.disabled ) {
-			return { ...choice, shortcut };
-		}
-		return choice;
-	} );
-
-	return (
-		<MenuGroup label={ __( 'Editor' ) }>
-			<MenuItemsChoice
-				choices={ choices }
-				value={ selectedMode }
-				onSelect={ switchEditorMode }
-			/>
-		</MenuGroup>
-	);
-}
-
-export default ModeSwitcher;