@wordpress/edit-post 5.0.1 → 5.0.5

package/src/store/actions.js

@@ -9,7 +9,7 @@ import { castArray, reduce } from 'lodash';
 import { __ } from '@wordpress/i18n';
 import { apiFetch } from '@wordpress/data-controls';
 import { store as interfaceStore } from '@wordpress/interface';
-import { controls, dispatch, select, subscribe } from '@wordpress/data';
+import { controls, select, subscribe, dispatch } from '@wordpress/data';
 import { speak } from '@wordpress/a11y';
 import { store as noticesStore } from '@wordpress/notices';
 import { store as coreStore } from '@wordpress/core-data';
@@ -30,7 +30,7 @@ import { store as editPostStore } from '.';
  */
 export function* openGeneralSidebar( name ) {
 	yield controls.dispatch(
-		interfaceStore.name,
+		interfaceStore,
 		'enableComplementaryArea',
 		editPostStore.name,
 		name
@@ -44,7 +44,7 @@ export function* openGeneralSidebar( name ) {
  */
 export function* closeGeneralSidebar() {
 	yield controls.dispatch(
-		interfaceStore.name,
+		interfaceStore,
 		'disableComplementaryArea',
 		editPostStore.name
 	);
@@ -153,17 +153,17 @@ export function removeEditorPanel( panelName ) {
 }
 
 /**
- * Returns an action object used to toggle a feature flag.
+ * Triggers an action used to toggle a feature flag.
  *
  * @param {string} feature Feature name.
- *
- * @return {Object} Action object.
  */
-export function toggleFeature( feature ) {
-	return {
-		type: 'TOGGLE_FEATURE',
-		feature,
-	};
+export function* toggleFeature( feature ) {
+	yield controls.dispatch(
+		interfaceStore.name,
+		'toggleFeature',
+		'core/edit-post',
+		feature
+	);
 }
 
 export function* switchEditorMode( mode ) {
@@ -174,7 +174,7 @@ export function* switchEditorMode( mode ) {
 
 	// Unselect blocks when we switch to the code editor.
 	if ( mode !== 'visual' ) {
-		yield controls.dispatch( blockEditorStore.name, 'clearSelectedBlock' );
+		yield controls.dispatch( blockEditorStore, 'clearSelectedBlock' );
 	}
 
 	const message =
@@ -185,17 +185,24 @@ export function* switchEditorMode( mode ) {
 }
 
 /**
- * Returns an action object used to toggle a plugin name flag.
+ * Triggers an action object used to toggle a plugin name flag.
  *
  * @param {string} pluginName Plugin name.
- *
- * @return {Object} Action object.
  */
-export function togglePinnedPluginItem( pluginName ) {
-	return {
-		type: 'TOGGLE_PINNED_PLUGIN_ITEM',
-		pluginName,
-	};
+export function* togglePinnedPluginItem( pluginName ) {
+	const isPinned = yield controls.select(
+		interfaceStore,
+		'isItemPinned',
+		'core/edit-post',
+		pluginName
+	);
+
+	yield controls.dispatch(
+		interfaceStore,
+		isPinned ? 'unpinItem' : 'pinItem',
+		'core/edit-post',
+		pluginName
+	);
 }
 
 /**
@@ -258,8 +265,6 @@ export function showBlockTypes( blockNames ) {
 	};
 }
 
-let saveMetaboxUnsubscribe;
-
 /**
  * Returns an action object used in signaling
  * what Meta boxes are available in which location.
@@ -273,58 +278,6 @@ export function* setAvailableMetaBoxesPerLocation( metaBoxesPerLocation ) {
 		type: 'SET_META_BOXES_PER_LOCATIONS',
 		metaBoxesPerLocation,
 	};
-
-	const postType = yield controls.select(
-		editorStore.name,
-		'getCurrentPostType'
-	);
-	if ( window.postboxes.page !== postType ) {
-		window.postboxes.add_postbox_toggles( postType );
-	}
-
-	let wasSavingPost = yield controls.select(
-		editorStore.name,
-		'isSavingPost'
-	);
-	let wasAutosavingPost = yield controls.select(
-		editorStore.name,
-		'isAutosavingPost'
-	);
-
-	// Meta boxes are initialized once at page load. It is not necessary to
-	// account for updates on each state change.
-	//
-	// See: https://github.com/WordPress/WordPress/blob/5.1.1/wp-admin/includes/post.php#L2307-L2309
-	const hasActiveMetaBoxes = yield controls.select(
-		editPostStore.name,
-		'hasMetaBoxes'
-	);
-
-	// First remove any existing subscription in order to prevent multiple saves
-	if ( !! saveMetaboxUnsubscribe ) {
-		saveMetaboxUnsubscribe();
-	}
-
-	// Save metaboxes when performing a full save on the post.
-	saveMetaboxUnsubscribe = subscribe( () => {
-		const isSavingPost = select( editorStore.name ).isSavingPost();
-		const isAutosavingPost = select( editorStore.name ).isAutosavingPost();
-
-		// Save metaboxes on save completion, except for autosaves that are not a post preview.
-		const shouldTriggerMetaboxesSave =
-			hasActiveMetaBoxes &&
-			wasSavingPost &&
-			! isSavingPost &&
-			! wasAutosavingPost;
-
-		// Save current state for next inspection.
-		wasSavingPost = isSavingPost;
-		wasAutosavingPost = isAutosavingPost;
-
-		if ( shouldTriggerMetaboxesSave ) {
-			dispatch( editPostStore.name ).requestMetaBoxUpdates();
-		}
-	} );
 }
 
 /**
@@ -344,7 +297,7 @@ export function* requestMetaBoxUpdates() {
 
 	// Additional data needed for backward compatibility.
 	// If we do not provide this data, the post will be overridden with the default values.
-	const post = yield controls.select( editorStore.name, 'getCurrentPost' );
+	const post = yield controls.select( editorStore, 'getCurrentPost' );
 	const additionalData = [
 		post.comment_status ? [ 'comment_status', post.comment_status ] : false,
 		post.ping_status ? [ 'ping_status', post.ping_status ] : false,
@@ -357,7 +310,7 @@ export function* requestMetaBoxUpdates() {
 		document.querySelector( '.metabox-base-form' )
 	);
 	const activeMetaBoxLocations = yield controls.select(
-		editPostStore.name,
+		editPostStore,
 		'getActiveMetaBoxLocations'
 	);
 	const formDataToMerge = [
@@ -391,9 +344,9 @@ export function* requestMetaBoxUpdates() {
 			body: formData,
 			parse: false,
 		} );
-		yield controls.dispatch( editPostStore.name, 'metaBoxUpdatesSuccess' );
+		yield controls.dispatch( editPostStore, 'metaBoxUpdatesSuccess' );
 	} catch {
-		yield controls.dispatch( editPostStore.name, 'metaBoxUpdatesFailure' );
+		yield controls.dispatch( editPostStore, 'metaBoxUpdatesFailure' );
 	}
 }
 
@@ -487,7 +440,7 @@ export function* __unstableSwitchToTemplateMode( newTemplate = false ) {
 	yield setIsEditingTemplate( true );
 
 	const isWelcomeGuideActive = yield controls.select(
-		editPostStore.name,
+		editPostStore,
 		'isFeatureActive',
 		'welcomeGuideTemplate'
 	);
@@ -517,7 +470,7 @@ export function* __unstableCreateTemplate( template ) {
 		'wp_template',
 		template
 	);
-	const post = yield controls.select( editorStore.name, 'getCurrentPost' );
+	const post = yield controls.select( editorStore, 'getCurrentPost' );
 
 	yield controls.dispatch(
 		coreStore,
@@ -530,3 +483,69 @@ export function* __unstableCreateTemplate( template ) {
 		}
 	);
 }
+
+let metaBoxesInitialized = false;
+
+/**
+ * Initializes WordPress `postboxes` script and the logic for saving meta boxes.
+ */
+export function* initializeMetaBoxes() {
+	const isEditorReady = yield controls.select(
+		editorStore,
+		'__unstableIsEditorReady'
+	);
+
+	if ( ! isEditorReady ) {
+		return;
+	}
+
+	const postType = yield controls.select( editorStore, 'getCurrentPostType' );
+
+	// Only initialize once.
+	if ( metaBoxesInitialized ) {
+		return;
+	}
+
+	if ( window.postboxes.page !== postType ) {
+		window.postboxes.add_postbox_toggles( postType );
+	}
+
+	metaBoxesInitialized = true;
+
+	let wasSavingPost = yield controls.select( editorStore, 'isSavingPost' );
+	let wasAutosavingPost = yield controls.select(
+		editorStore,
+		'isAutosavingPost'
+	);
+	const hasMetaBoxes = yield controls.select( editPostStore, 'hasMetaBoxes' );
+
+	// Save metaboxes when performing a full save on the post.
+	subscribe( () => {
+		const isSavingPost = select( editorStore ).isSavingPost();
+		const isAutosavingPost = select( editorStore ).isAutosavingPost();
+
+		// Save metaboxes on save completion, except for autosaves that are not a post preview.
+		//
+		// Meta boxes are initialized once at page load. It is not necessary to
+		// account for updates on each state change.
+		//
+		// See: https://github.com/WordPress/WordPress/blob/5.1.1/wp-admin/includes/post.php#L2307-L2309
+		const shouldTriggerMetaboxesSave =
+			hasMetaBoxes &&
+			wasSavingPost &&
+			! isSavingPost &&
+			! wasAutosavingPost;
+
+		// Save current state for next inspection.
+		wasSavingPost = isSavingPost;
+		wasAutosavingPost = isAutosavingPost;
+
+		if ( shouldTriggerMetaboxesSave ) {
+			dispatch( editPostStore ).requestMetaBoxUpdates();
+		}
+	} );
+
+	return {
+		type: 'META_BOXES_INITIALIZED',
+	};
+}

package/src/store/defaults.js

@@ -5,15 +5,6 @@ export const PREFERENCES_DEFAULTS = {
 			opened: true,
 		},
 	},
-	features: {
-		fixedToolbar: false,
-		welcomeGuide: true,
-		fullscreenMode: true,
-		showIconLabels: false,
-		themeStyles: true,
-		showBlockBreadcrumbs: true,
-		welcomeGuideTemplate: true,
-	},
 	hiddenBlockTypes: [],
 	preferredStyleVariations: {},
 	localAutosaveInterval: 15,

package/src/store/reducer.js

@@ -78,16 +78,6 @@ export const preferences = flow( [
 
 		return state;
 	},
-	features( state, action ) {
-		if ( action.type === 'TOGGLE_FEATURE' ) {
-			return {
-				...state,
-				[ action.feature ]: ! state[ action.feature ],
-			};
-		}
-
-		return state;
-	},
 	editorMode( state, action ) {
 		if ( action.type === 'SWITCH_MODE' ) {
 			return action.mode;
@@ -291,9 +281,26 @@ function isEditingTemplate( state = false, action ) {
 	return state;
 }
 
+/**
+ * Reducer tracking whether meta boxes are initialized.
+ *
+ * @param {boolean} state
+ * @param {Object}  action
+ *
+ * @return {boolean} Updated state.
+ */
+function metaBoxesInitialized( state = false, action ) {
+	switch ( action.type ) {
+		case 'META_BOXES_INITIALIZED':
+			return true;
+	}
+	return state;
+}
+
 const metaBoxes = combineReducers( {
 	isSaving: isSavingMetaBoxes,
 	locations: metaBoxLocations,
+	initialized: metaBoxesInitialized,
 } );
 
 export default combineReducers( {

package/src/store/selectors.js

@@ -189,9 +189,14 @@ export function isModalActive( state, modalName ) {
  *
  * @return {boolean} Is active.
  */
-export function isFeatureActive( state, feature ) {
-	return get( state.preferences.features, [ feature ], false );
-}
+export const isFeatureActive = createRegistrySelector(
+	( select ) => ( state, feature ) => {
+		return select( interfaceStore ).isFeatureActive(
+			'core/edit-post',
+			feature
+		);
+	}
+);
 
 /**
  * Returns true if the plugin item is pinned to the header.
@@ -203,7 +208,7 @@ export function isFeatureActive( state, feature ) {
  * @return {boolean} Whether the plugin item is pinned.
  */
 export const isPluginItemPinned = createRegistrySelector(
-	( select ) => ( pluginName ) => {
+	( select ) => ( state, pluginName ) => {
 		return select( interfaceStore ).isItemPinned(
 			'core/edit-post',
 			pluginName
@@ -333,11 +338,15 @@ export function isInserterOpened( state ) {
  *
  * @param {Object} state Global application state.
  *
- * @return {Object} The root client ID and index to insert at.
+ * @return {Object} The root client ID, index to insert at and starting filter value.
  */
 export function __experimentalGetInsertionPoint( state ) {
-	const { rootClientId, insertionIndex } = state.blockInserterPanel;
-	return { rootClientId, insertionIndex };
+	const {
+		rootClientId,
+		insertionIndex,
+		filterValue,
+	} = state.blockInserterPanel;
+	return { rootClientId, insertionIndex, filterValue };
 }
 
 /**
@@ -362,6 +371,17 @@ export function isEditingTemplate( state ) {
 	return state.isEditingTemplate;
 }
 
+/**
+ * Returns true if meta boxes are initialized.
+ *
+ * @param {Object} state Global application state.
+ *
+ * @return {boolean} Whether meta boxes are initialized.
+ */
+export function areMetaBoxesInitialized( state ) {
+	return state.metaBoxes.initialized;
+}
+
 /**
  * Retrieves the template of the currently edited post.
  *

package/src/store/test/actions.js

@@ -15,7 +15,6 @@ import {
 	togglePublishSidebar,
 	openModal,
 	closeModal,
-	toggleFeature,
 	requestMetaBoxUpdates,
 	setIsListViewOpened,
 } from '../actions';
@@ -90,16 +89,6 @@ describe( 'actions', () => {
 		} );
 	} );
 
-	describe( 'toggleFeature', () => {
-		it( 'should return TOGGLE_FEATURE action', () => {
-			const feature = 'name';
-			expect( toggleFeature( feature ) ).toEqual( {
-				type: 'TOGGLE_FEATURE',
-				feature,
-			} );
-		} );
-	} );
-
 	describe( 'requestMetaBoxUpdates', () => {
 		it( 'should yield the REQUEST_META_BOX_UPDATES action', () => {
 			const fulfillment = requestMetaBoxUpdates();

package/src/store/test/reducer.js

@@ -152,18 +152,6 @@ describe( 'state', () => {
 			expect( state.editorMode ).toBe( 'text' );
 		} );
 
-		it( 'should toggle a feature flag', () => {
-			const state = preferences(
-				deepFreeze( { features: { chicken: true } } ),
-				{
-					type: 'TOGGLE_FEATURE',
-					feature: 'chicken',
-				}
-			);
-
-			expect( state.features ).toEqual( { chicken: false } );
-		} );
-
 		describe( 'hiddenBlockTypes', () => {
 			it( 'concatenates unique names on disable', () => {
 				const original = deepFreeze( {

package/src/store/test/selectors.js

@@ -11,7 +11,6 @@ import {
 	getPreference,
 	isEditorPanelOpened,
 	isModalActive,
-	isFeatureActive,
 	hasMetaBoxes,
 	isSavingMetaBoxes,
 	getActiveMetaBoxLocations,
@@ -239,51 +238,6 @@ describe( 'selectors', () => {
 		} );
 	} );
 
-	describe( 'isFeatureActive', () => {
-		it( 'is tolerant to an undefined features preference', () => {
-			// See: https://github.com/WordPress/gutenberg/issues/14580
-			const state = {
-				preferences: {},
-			};
-
-			expect( isFeatureActive( state, 'chicken' ) ).toBe( false );
-		} );
-
-		it( 'should return true if feature is active', () => {
-			const state = {
-				preferences: {
-					features: {
-						chicken: true,
-					},
-				},
-			};
-
-			expect( isFeatureActive( state, 'chicken' ) ).toBe( true );
-		} );
-
-		it( 'should return false if feature is not active', () => {
-			const state = {
-				preferences: {
-					features: {
-						chicken: false,
-					},
-				},
-			};
-
-			expect( isFeatureActive( state, 'chicken' ) ).toBe( false );
-		} );
-
-		it( 'should return false if feature is not referred', () => {
-			const state = {
-				preferences: {
-					features: {},
-				},
-			};
-
-			expect( isFeatureActive( state, 'chicken' ) ).toBe( false );
-		} );
-	} );
-
 	describe( 'hasMetaBoxes', () => {
 		it( 'should return true if there are active meta boxes', () => {
 			const state = {

package/build/components/header/feature-toggle/index.js

@@ -1,76 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _lodash = require("lodash");
-
-var _data = require("@wordpress/data");
-
-var _compose = require("@wordpress/compose");
-
-var _components = require("@wordpress/components");
-
-var _i18n = require("@wordpress/i18n");
-
-var _icons = require("@wordpress/icons");
-
-var _a11y = require("@wordpress/a11y");
-
-var _store = require("../../../store");
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-function FeatureToggle({
-  onToggle,
-  isActive,
-  label,
-  info,
-  messageActivated,
-  messageDeactivated,
-  shortcut
-}) {
-  const speakMessage = () => {
-    if (isActive) {
-      (0, _a11y.speak)(messageDeactivated || (0, _i18n.__)('Feature deactivated'));
-    } else {
-      (0, _a11y.speak)(messageActivated || (0, _i18n.__)('Feature activated'));
-    }
-  };
-
-  return (0, _element.createElement)(_components.MenuItem, {
-    icon: isActive && _icons.check,
-    isSelected: isActive,
-    onClick: (0, _lodash.flow)(onToggle, speakMessage),
-    role: "menuitemcheckbox",
-    info: info,
-    shortcut: shortcut
-  }, label);
-}
-
-var _default = (0, _compose.compose)([(0, _data.withSelect)((select, {
-  feature
-}) => ({
-  isActive: select(_store.store).isFeatureActive(feature)
-})), (0, _data.withDispatch)((dispatch, ownProps) => ({
-  onToggle() {
-    dispatch(_store.store).toggleFeature(ownProps.feature);
-  }
-
-}))])(FeatureToggle);
-
-exports.default = _default;
-//# sourceMappingURL=index.js.map

package/build/components/header/feature-toggle/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/header/feature-toggle/index.js"],"names":["FeatureToggle","onToggle","isActive","label","info","messageActivated","messageDeactivated","shortcut","speakMessage","check","select","feature","editPostStore","isFeatureActive","dispatch","ownProps","toggleFeature"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAlBA;AACA;AACA;;AAGA;AACA;AACA;;AAQA;AACA;AACA;AAGA,SAASA,aAAT,CAAwB;AACvBC,EAAAA,QADuB;AAEvBC,EAAAA,QAFuB;AAGvBC,EAAAA,KAHuB;AAIvBC,EAAAA,IAJuB;AAKvBC,EAAAA,gBALuB;AAMvBC,EAAAA,kBANuB;AAOvBC,EAAAA;AAPuB,CAAxB,EAQI;AACH,QAAMC,YAAY,GAAG,MAAM;AAC1B,QAAKN,QAAL,EAAgB;AACf,uBAAOI,kBAAkB,IAAI,cAAI,qBAAJ,CAA7B;AACA,KAFD,MAEO;AACN,uBAAOD,gBAAgB,IAAI,cAAI,mBAAJ,CAA3B;AACA;AACD,GAND;;AAQA,SACC,4BAAC,oBAAD;AACC,IAAA,IAAI,EAAGH,QAAQ,IAAIO,YADpB;AAEC,IAAA,UAAU,EAAGP,QAFd;AAGC,IAAA,OAAO,EAAG,kBAAMD,QAAN,EAAgBO,YAAhB,CAHX;AAIC,IAAA,IAAI,EAAC,kBAJN;AAKC,IAAA,IAAI,EAAGJ,IALR;AAMC,IAAA,QAAQ,EAAGG;AANZ,KAQGJ,KARH,CADD;AAYA;;eAEc,sBAAS,CACvB,sBAAY,CAAEO,MAAF,EAAU;AAAEC,EAAAA;AAAF,CAAV,MAA6B;AACxCT,EAAAA,QAAQ,EAAEQ,MAAM,CAAEE,YAAF,CAAN,CAAwBC,eAAxB,CAAyCF,OAAzC;AAD8B,CAA7B,CAAZ,CADuB,EAIvB,wBAAc,CAAEG,QAAF,EAAYC,QAAZ,MAA4B;AACzCd,EAAAA,QAAQ,GAAG;AACVa,IAAAA,QAAQ,CAAEF,YAAF,CAAR,CAA0BI,aAA1B,CAAyCD,QAAQ,CAACJ,OAAlD;AACA;;AAHwC,CAA5B,CAAd,CAJuB,CAAT,EASVX,aATU,C","sourcesContent":["/**\n * External dependencies\n */\nimport { flow } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nfunction FeatureToggle( {\n\tonToggle,\n\tisActive,\n\tlabel,\n\tinfo,\n\tmessageActivated,\n\tmessageDeactivated,\n\tshortcut,\n} ) {\n\tconst speakMessage = () => {\n\t\tif ( isActive ) {\n\t\t\tspeak( messageDeactivated || __( 'Feature deactivated' ) );\n\t\t} else {\n\t\t\tspeak( messageActivated || __( 'Feature activated' ) );\n\t\t}\n\t};\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ isActive && check }\n\t\t\tisSelected={ isActive }\n\t\t\tonClick={ flow( onToggle, speakMessage ) }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tinfo={ info }\n\t\t\tshortcut={ shortcut }\n\t\t>\n\t\t\t{ label }\n\t\t</MenuItem>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { feature } ) => ( {\n\t\tisActive: select( editPostStore ).isFeatureActive( feature ),\n\t} ) ),\n\twithDispatch( ( dispatch, ownProps ) => ( {\n\t\tonToggle() {\n\t\t\tdispatch( editPostStore ).toggleFeature( ownProps.feature );\n\t\t},\n\t} ) ),\n] )( FeatureToggle );\n"]}

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

@@ -1,60 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * External dependencies
- */
-import { flow } from 'lodash';
-/**
- * WordPress dependencies
- */
-
-import { withSelect, withDispatch } from '@wordpress/data';
-import { compose } from '@wordpress/compose';
-import { MenuItem } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-import { check } from '@wordpress/icons';
-import { speak } from '@wordpress/a11y';
-/**
- * Internal dependencies
- */
-
-import { store as editPostStore } from '../../../store';
-
-function FeatureToggle({
-  onToggle,
-  isActive,
-  label,
-  info,
-  messageActivated,
-  messageDeactivated,
-  shortcut
-}) {
-  const speakMessage = () => {
-    if (isActive) {
-      speak(messageDeactivated || __('Feature deactivated'));
-    } else {
-      speak(messageActivated || __('Feature activated'));
-    }
-  };
-
-  return createElement(MenuItem, {
-    icon: isActive && check,
-    isSelected: isActive,
-    onClick: flow(onToggle, speakMessage),
-    role: "menuitemcheckbox",
-    info: info,
-    shortcut: shortcut
-  }, label);
-}
-
-export default compose([withSelect((select, {
-  feature
-}) => ({
-  isActive: select(editPostStore).isFeatureActive(feature)
-})), withDispatch((dispatch, ownProps) => ({
-  onToggle() {
-    dispatch(editPostStore).toggleFeature(ownProps.feature);
-  }
-
-}))])(FeatureToggle);
-//# sourceMappingURL=index.js.map

package/build-module/components/header/feature-toggle/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/header/feature-toggle/index.js"],"names":["flow","withSelect","withDispatch","compose","MenuItem","__","check","speak","store","editPostStore","FeatureToggle","onToggle","isActive","label","info","messageActivated","messageDeactivated","shortcut","speakMessage","select","feature","isFeatureActive","dispatch","ownProps","toggleFeature"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,QAArB;AAEA;AACA;AACA;;AACA,SAASC,UAAT,EAAqBC,YAArB,QAAyC,iBAAzC;AACA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,QAAT,QAAyB,uBAAzB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,KAAT,QAAsB,kBAAtB;AACA,SAASC,KAAT,QAAsB,iBAAtB;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,gBAAvC;;AAEA,SAASC,aAAT,CAAwB;AACvBC,EAAAA,QADuB;AAEvBC,EAAAA,QAFuB;AAGvBC,EAAAA,KAHuB;AAIvBC,EAAAA,IAJuB;AAKvBC,EAAAA,gBALuB;AAMvBC,EAAAA,kBANuB;AAOvBC,EAAAA;AAPuB,CAAxB,EAQI;AACH,QAAMC,YAAY,GAAG,MAAM;AAC1B,QAAKN,QAAL,EAAgB;AACfL,MAAAA,KAAK,CAAES,kBAAkB,IAAIX,EAAE,CAAE,qBAAF,CAA1B,CAAL;AACA,KAFD,MAEO;AACNE,MAAAA,KAAK,CAAEQ,gBAAgB,IAAIV,EAAE,CAAE,mBAAF,CAAxB,CAAL;AACA;AACD,GAND;;AAQA,SACC,cAAC,QAAD;AACC,IAAA,IAAI,EAAGO,QAAQ,IAAIN,KADpB;AAEC,IAAA,UAAU,EAAGM,QAFd;AAGC,IAAA,OAAO,EAAGZ,IAAI,CAAEW,QAAF,EAAYO,YAAZ,CAHf;AAIC,IAAA,IAAI,EAAC,kBAJN;AAKC,IAAA,IAAI,EAAGJ,IALR;AAMC,IAAA,QAAQ,EAAGG;AANZ,KAQGJ,KARH,CADD;AAYA;;AAED,eAAeV,OAAO,CAAE,CACvBF,UAAU,CAAE,CAAEkB,MAAF,EAAU;AAAEC,EAAAA;AAAF,CAAV,MAA6B;AACxCR,EAAAA,QAAQ,EAAEO,MAAM,CAAEV,aAAF,CAAN,CAAwBY,eAAxB,CAAyCD,OAAzC;AAD8B,CAA7B,CAAF,CADa,EAIvBlB,YAAY,CAAE,CAAEoB,QAAF,EAAYC,QAAZ,MAA4B;AACzCZ,EAAAA,QAAQ,GAAG;AACVW,IAAAA,QAAQ,CAAEb,aAAF,CAAR,CAA0Be,aAA1B,CAAyCD,QAAQ,CAACH,OAAlD;AACA;;AAHwC,CAA5B,CAAF,CAJW,CAAF,CAAP,CASVV,aATU,CAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { flow } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { compose } from '@wordpress/compose';\nimport { MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { check } from '@wordpress/icons';\nimport { speak } from '@wordpress/a11y';\n\n/**\n * Internal dependencies\n */\nimport { store as editPostStore } from '../../../store';\n\nfunction FeatureToggle( {\n\tonToggle,\n\tisActive,\n\tlabel,\n\tinfo,\n\tmessageActivated,\n\tmessageDeactivated,\n\tshortcut,\n} ) {\n\tconst speakMessage = () => {\n\t\tif ( isActive ) {\n\t\t\tspeak( messageDeactivated || __( 'Feature deactivated' ) );\n\t\t} else {\n\t\t\tspeak( messageActivated || __( 'Feature activated' ) );\n\t\t}\n\t};\n\n\treturn (\n\t\t<MenuItem\n\t\t\ticon={ isActive && check }\n\t\t\tisSelected={ isActive }\n\t\t\tonClick={ flow( onToggle, speakMessage ) }\n\t\t\trole=\"menuitemcheckbox\"\n\t\t\tinfo={ info }\n\t\t\tshortcut={ shortcut }\n\t\t>\n\t\t\t{ label }\n\t\t</MenuItem>\n\t);\n}\n\nexport default compose( [\n\twithSelect( ( select, { feature } ) => ( {\n\t\tisActive: select( editPostStore ).isFeatureActive( feature ),\n\t} ) ),\n\twithDispatch( ( dispatch, ownProps ) => ( {\n\t\tonToggle() {\n\t\t\tdispatch( editPostStore ).toggleFeature( ownProps.feature );\n\t\t},\n\t} ) ),\n] )( FeatureToggle );\n"]}