@wordpress/core-data 4.2.0-next.e230fbab09.0 → 4.3.0

package/src/reducer.js

@@ -14,7 +14,7 @@ import isShallowEqual from '@wordpress/is-shallow-equal';
  */
 import { ifMatchingAction, replaceAction } from './utils';
 import { reducer as queriedDataReducer } from './queried-data';
-import { defaultEntities, DEFAULT_ENTITY_KEY } from './entities';
+import { rootEntitiesConfig, DEFAULT_ENTITY_KEY } from './entities';
 
 /**
  * Reducer managing terms state. Keyed by taxonomy slug, the value is either
@@ -105,10 +105,10 @@ export function taxonomies( state = [], action ) {
 /**
  * Reducer managing the current theme.
  *
- * @param {string} state  Current state.
- * @param {Object} action Dispatched action.
+ * @param {string|undefined} state  Current state.
+ * @param {Object}           action Dispatched action.
  *
- * @return {string} Updated state.
+ * @return {string|undefined} Updated state.
  */
 export function currentTheme( state = undefined, action ) {
 	switch ( action.type ) {
@@ -122,10 +122,10 @@ export function currentTheme( state = undefined, action ) {
 /**
  * Reducer managing the current global styles id.
  *
- * @param {string} state  Current state.
- * @param {Object} action Dispatched action.
+ * @param {string|undefined} state  Current state.
+ * @param {Object}           action Dispatched action.
  *
- * @return {string} Updated state.
+ * @return {string|undefined} Updated state.
  */
 export function currentGlobalStylesId( state = undefined, action ) {
 	switch ( action.type ) {
@@ -139,10 +139,10 @@ export function currentGlobalStylesId( state = undefined, action ) {
 /**
  * Reducer managing the theme base global styles.
  *
- * @param {string} state  Current state.
- * @param {Object} action Dispatched action.
+ * @param {Record<string, object>} state  Current state.
+ * @param {Object}                 action Dispatched action.
  *
- * @return {string} Updated state.
+ * @return {Record<string, object>} Updated state.
  */
 export function themeBaseGlobalStyles( state = {}, action ) {
 	switch ( action.type ) {
@@ -159,10 +159,10 @@ export function themeBaseGlobalStyles( state = {}, action ) {
 /**
  * Reducer managing the theme global styles variations.
  *
- * @param {string} state  Current state.
- * @param {Object} action Dispatched action.
+ * @param {Record<string, object>} state  Current state.
+ * @param {Object}                 action Dispatched action.
  *
- * @return {string} Updated state.
+ * @return {Record<string, object>} Updated state.
  */
 export function themeGlobalStyleVariations( state = {}, action ) {
 	switch ( action.type ) {
@@ -335,7 +335,7 @@ function entity( entityConfig ) {
  *
  * @return {Object} Updated state.
  */
-export function entitiesConfig( state = defaultEntities, action ) {
+export function entitiesConfig( state = rootEntitiesConfig, action ) {
 	switch ( action.type ) {
 		case 'ADD_ENTITIES':
 			return [ ...state, ...action.entities ];
@@ -380,10 +380,10 @@ export const entities = ( state = {}, action ) => {
 		);
 	}
 
-	const newData = entitiesDataReducer( state.data, action );
+	const newData = entitiesDataReducer( state.records, action );
 
 	if (
-		newData === state.data &&
+		newData === state.records &&
 		newConfig === state.config &&
 		entitiesDataReducer === state.reducer
 	) {
@@ -392,7 +392,7 @@ export const entities = ( state = {}, action ) => {
 
 	return {
 		reducer: entitiesDataReducer,
-		data: newData,
+		records: newData,
 		config: newConfig,
 	};
 };

package/src/resolvers.js

@@ -13,7 +13,7 @@ import apiFetch from '@wordpress/api-fetch';
  * Internal dependencies
  */
 import { STORE_NAME } from './name';
-import { getKindEntities, DEFAULT_ENTITY_KEY } from './entities';
+import { getOrLoadEntitiesConfig, DEFAULT_ENTITY_KEY } from './entities';
 import { forwardResolver, getNormalizedCommaSeparable } from './utils';
 
 /**
@@ -52,15 +52,15 @@ export const getEntityRecord = ( kind, name, key = '', query ) => async ( {
 	select,
 	dispatch,
 } ) => {
-	const entities = await dispatch( getKindEntities( kind ) );
-	const entity = find( entities, { kind, name } );
-	if ( ! entity || entity?.__experimentalNoFetch ) {
+	const configs = await dispatch( getOrLoadEntitiesConfig( kind ) );
+	const entityConfig = find( configs, { kind, name } );
+	if ( ! entityConfig || entityConfig?.__experimentalNoFetch ) {
 		return;
 	}
 
 	const lock = await dispatch.__unstableAcquireStoreLock(
 		STORE_NAME,
-		[ 'entities', 'data', kind, name, key ],
+		[ 'entities', 'records', kind, name, key ],
 		{ exclusive: false }
 	);
 
@@ -73,7 +73,7 @@ export const getEntityRecord = ( kind, name, key = '', query ) => async ( {
 				...query,
 				_fields: uniq( [
 					...( getNormalizedCommaSeparable( query._fields ) || [] ),
-					entity.key || DEFAULT_ENTITY_KEY,
+					entityConfig.key || DEFAULT_ENTITY_KEY,
 				] ).join(),
 			};
 		}
@@ -85,10 +85,13 @@ export const getEntityRecord = ( kind, name, key = '', query ) => async ( {
 		// for how the request is made to the REST API.
 
 		// eslint-disable-next-line @wordpress/no-unused-vars-before-return
-		const path = addQueryArgs( entity.baseURL + ( key ? '/' + key : '' ), {
-			...entity.baseURLParams,
-			...query,
-		} );
+		const path = addQueryArgs(
+			entityConfig.baseURL + ( key ? '/' + key : '' ),
+			{
+				...entityConfig.baseURLParams,
+				...query,
+			}
+		);
 
 		if ( query !== undefined ) {
 			query = { ...query, include: [ key ] };
@@ -104,10 +107,6 @@ export const getEntityRecord = ( kind, name, key = '', query ) => async ( {
 
 		const record = await apiFetch( { path } );
 		dispatch.receiveEntityRecords( kind, name, record, query );
-	} catch ( error ) {
-		// We need a way to handle and access REST API errors in state
-		// Until then, catching the error ensures the resolver is marked as resolved.
-		// See similar implementation in `getEntityRecords()`.
 	} finally {
 		dispatch.__unstableReleaseStoreLock( lock );
 	}
@@ -133,15 +132,15 @@ export const getEditedEntityRecord = forwardResolver( 'getEntityRecord' );
 export const getEntityRecords = ( kind, name, query = {} ) => async ( {
 	dispatch,
 } ) => {
-	const entities = await dispatch( getKindEntities( kind ) );
-	const entity = find( entities, { kind, name } );
-	if ( ! entity || entity?.__experimentalNoFetch ) {
+	const configs = await dispatch( getOrLoadEntitiesConfig( kind ) );
+	const entityConfig = find( configs, { kind, name } );
+	if ( ! entityConfig || entityConfig?.__experimentalNoFetch ) {
 		return;
 	}
 
 	const lock = await dispatch.__unstableAcquireStoreLock(
 		STORE_NAME,
-		[ 'entities', 'data', kind, name ],
+		[ 'entities', 'records', kind, name ],
 		{ exclusive: false }
 	);
 
@@ -154,13 +153,13 @@ export const getEntityRecords = ( kind, name, query = {} ) => async ( {
 				...query,
 				_fields: uniq( [
 					...( getNormalizedCommaSeparable( query._fields ) || [] ),
-					entity.key || DEFAULT_ENTITY_KEY,
+					entityConfig.key || DEFAULT_ENTITY_KEY,
 				] ).join(),
 			};
 		}
 
-		const path = addQueryArgs( entity.baseURL, {
-			...entity.baseURLParams,
+		const path = addQueryArgs( entityConfig.baseURL, {
+			...entityConfig.baseURLParams,
 			...query,
 		} );
 
@@ -186,7 +185,7 @@ export const getEntityRecords = ( kind, name, query = {} ) => async ( {
 		// resolve the `getEntityRecord` selector in addition to `getEntityRecords`.
 		// See https://github.com/WordPress/gutenberg/pull/26575
 		if ( ! query?._fields && ! query.context ) {
-			const key = entity.key || DEFAULT_ENTITY_KEY;
+			const key = entityConfig.key || DEFAULT_ENTITY_KEY;
 			const resolutionsArgs = records
 				.filter( ( record ) => record[ key ] )
 				.map( ( record ) => [ kind, name, record[ key ] ] );
@@ -202,10 +201,6 @@ export const getEntityRecords = ( kind, name, query = {} ) => async ( {
 				args: resolutionsArgs,
 			} );
 		}
-	} catch ( error ) {
-		// We need a way to handle and access REST API errors in state
-		// Until then, catching the error ensures the resolver is marked as resolved.
-		// See similar implementation in `getEntityRecord()`.
 	} finally {
 		dispatch.__unstableReleaseStoreLock( lock );
 	}
@@ -312,13 +307,13 @@ export const canUser = ( action, resource, id ) => async ( { dispatch } ) => {
 export const canUserEditEntityRecord = ( kind, name, recordId ) => async ( {
 	dispatch,
 } ) => {
-	const entities = await dispatch( getKindEntities( kind ) );
-	const entity = find( entities, { kind, name } );
-	if ( ! entity ) {
+	const configs = await dispatch( getOrLoadEntitiesConfig( kind ) );
+	const entityConfig = find( configs, { kind, name } );
+	if ( ! entityConfig ) {
 		return;
 	}
 
-	const resource = entity.__unstable_rest_base;
+	const resource = entityConfig.__unstable_rest_base;
 	await dispatch( canUser( 'update', resource, recordId ) );
 };
 

package/src/selectors.js

@@ -95,27 +95,62 @@ export const getUserQueryResults = createSelector(
 );
 
 /**
- * Returns whether the entities for the give kind are loaded.
+ * Returns the loaded entities for the given kind.
  *
+ * @deprecated since WordPress 6.0. Use getEntitiesConfig instead
  * @param {Object} state Data state.
  * @param {string} kind  Entity kind.
  *
  * @return {Array<Object>} Array of entities with config matching kind.
  */
 export function getEntitiesByKind( state, kind ) {
+	deprecated( "wp.data.select( 'core' ).getEntitiesByKind()", {
+		since: '6.0',
+		alternative: "wp.data.select( 'core' ).getEntitiesConfig()",
+	} );
+	return getEntitiesConfig( state, kind );
+}
+
+/**
+ * Returns the loaded entities for the given kind.
+ *
+ * @param {Object} state Data state.
+ * @param {string} kind  Entity kind.
+ *
+ * @return {Array<Object>} Array of entities with config matching kind.
+ */
+export function getEntitiesConfig( state, kind ) {
 	return filter( state.entities.config, { kind } );
 }
 
 /**
- * Returns the entity object given its kind and name.
+ * Returns the entity config given its kind and name.
  *
+ * @deprecated since WordPress 6.0. Use getEntityConfig instead
  * @param {Object} state Data state.
  * @param {string} kind  Entity kind.
  * @param {string} name  Entity name.
  *
- * @return {Object} Entity
+ * @return {Object} Entity config
  */
 export function getEntity( state, kind, name ) {
+	deprecated( "wp.data.select( 'core' ).getEntity()", {
+		since: '6.0',
+		alternative: "wp.data.select( 'core' ).getEntityConfig()",
+	} );
+	return getEntityConfig( state, kind, name );
+}
+
+/**
+ * Returns the entity config given its kind and name.
+ *
+ * @param {Object} state Data state.
+ * @param {string} kind  Entity kind.
+ * @param {string} name  Entity name.
+ *
+ * @return {Object} Entity config
+ */
+export function getEntityConfig( state, kind, name ) {
 	return find( state.entities.config, { kind, name } );
 }
 
@@ -130,11 +165,11 @@ export function getEntity( state, kind, name ) {
  * @param {number}  key   Record's key
  * @param {?Object} query Optional query.
  *
- * @return {Object?} Record.
+ * @return {Object|undefined} Record.
  */
 export const getEntityRecord = createSelector(
 	( state, kind, name, key, query ) => {
-		const queriedState = get( state.entities.data, [
+		const queriedState = get( state.entities.records, [
 			kind,
 			name,
 			'queriedData',
@@ -156,7 +191,7 @@ export const getEntityRecord = createSelector(
 		const item = queriedState.items[ context ]?.[ key ];
 		if ( item && query._fields ) {
 			const filteredItem = {};
-			const fields = getNormalizedCommaSeparable( query._fields );
+			const fields = getNormalizedCommaSeparable( query._fields ) ?? [];
 			for ( let f = 0; f < fields.length; f++ ) {
 				const field = fields[ f ].split( '.' );
 				const value = get( item, field );
@@ -170,7 +205,7 @@ export const getEntityRecord = createSelector(
 	( state, kind, name, recordId, query ) => {
 		const context = query?.context ?? 'default';
 		return [
-			get( state.entities.data, [
+			get( state.entities.records, [
 				kind,
 				name,
 				'queriedData',
@@ -178,7 +213,7 @@ export const getEntityRecord = createSelector(
 				context,
 				recordId,
 			] ),
-			get( state.entities.data, [
+			get( state.entities.records, [
 				kind,
 				name,
 				'queriedData',
@@ -191,7 +226,7 @@ export const getEntityRecord = createSelector(
 );
 
 /**
- * Returns the Entity's record object by key. Doesn't trigger a resolver nor requests the entity from the API if the entity record isn't available in the local state.
+ * Returns the Entity's record object by key. Doesn't trigger a resolver nor requests the entity records from the API if the entity record isn't available in the local state.
  *
  * @param {Object} state State tree
  * @param {string} kind  Entity kind.
@@ -226,7 +261,9 @@ export const getRawEntityRecord = createSelector(
 		return (
 			record &&
 			Object.keys( record ).reduce( ( accumulator, _key ) => {
-				if ( isRawAttribute( getEntity( state, kind, name ), _key ) ) {
+				if (
+					isRawAttribute( getEntityConfig( state, kind, name ), _key )
+				) {
 					// Because edits are the "raw" attribute values,
 					// we return those from record selectors to make rendering,
 					// comparisons, and joins with edits easier.
@@ -246,7 +283,7 @@ export const getRawEntityRecord = createSelector(
 		const context = query?.context ?? 'default';
 		return [
 			state.entities.config,
-			get( state.entities.data, [
+			get( state.entities.records, [
 				kind,
 				name,
 				'queriedData',
@@ -254,7 +291,7 @@ export const getRawEntityRecord = createSelector(
 				context,
 				recordId,
 			] ),
-			get( state.entities.data, [
+			get( state.entities.records, [
 				kind,
 				name,
 				'queriedData',
@@ -294,7 +331,7 @@ export function hasEntityRecords( state, kind, name, query ) {
 export function getEntityRecords( state, kind, name, query ) {
 	// Queried data state is prepopulated for all known entities. If this is not
 	// assigned for the given parameters, then it is known to not exist.
-	const queriedState = get( state.entities.data, [
+	const queriedState = get( state.entities.records, [
 		kind,
 		name,
 		'queriedData',
@@ -315,13 +352,13 @@ export function getEntityRecords( state, kind, name, query ) {
 export const __experimentalGetDirtyEntityRecords = createSelector(
 	( state ) => {
 		const {
-			entities: { data },
+			entities: { records },
 		} = state;
 		const dirtyRecords = [];
-		Object.keys( data ).forEach( ( kind ) => {
-			Object.keys( data[ kind ] ).forEach( ( name ) => {
+		Object.keys( records ).forEach( ( kind ) => {
+			Object.keys( records[ kind ] ).forEach( ( name ) => {
 				const primaryKeys = Object.keys(
-					data[ kind ][ name ].edits
+					records[ kind ][ name ].edits
 				).filter(
 					( primaryKey ) =>
 						// The entity record must exist (not be deleted),
@@ -331,7 +368,7 @@ export const __experimentalGetDirtyEntityRecords = createSelector(
 				);
 
 				if ( primaryKeys.length ) {
-					const entity = getEntity( state, kind, name );
+					const entityConfig = getEntityConfig( state, kind, name );
 					primaryKeys.forEach( ( primaryKey ) => {
 						const entityRecord = getEditedEntityRecord(
 							state,
@@ -344,9 +381,10 @@ export const __experimentalGetDirtyEntityRecords = createSelector(
 							// when it's used as an object key.
 							key:
 								entityRecord[
-									entity.key || DEFAULT_ENTITY_KEY
+									entityConfig.key || DEFAULT_ENTITY_KEY
 								],
-							title: entity?.getTitle?.( entityRecord ) || '',
+							title:
+								entityConfig?.getTitle?.( entityRecord ) || '',
 							name,
 							kind,
 						} );
@@ -357,7 +395,7 @@ export const __experimentalGetDirtyEntityRecords = createSelector(
 
 		return dirtyRecords;
 	},
-	( state ) => [ state.entities.data ]
+	( state ) => [ state.entities.records ]
 );
 
 /**
@@ -370,19 +408,19 @@ export const __experimentalGetDirtyEntityRecords = createSelector(
 export const __experimentalGetEntitiesBeingSaved = createSelector(
 	( state ) => {
 		const {
-			entities: { data },
+			entities: { records },
 		} = state;
 		const recordsBeingSaved = [];
-		Object.keys( data ).forEach( ( kind ) => {
-			Object.keys( data[ kind ] ).forEach( ( name ) => {
+		Object.keys( records ).forEach( ( kind ) => {
+			Object.keys( records[ kind ] ).forEach( ( name ) => {
 				const primaryKeys = Object.keys(
-					data[ kind ][ name ].saving
+					records[ kind ][ name ].saving
 				).filter( ( primaryKey ) =>
 					isSavingEntityRecord( state, kind, name, primaryKey )
 				);
 
 				if ( primaryKeys.length ) {
-					const entity = getEntity( state, kind, name );
+					const entityConfig = getEntityConfig( state, kind, name );
 					primaryKeys.forEach( ( primaryKey ) => {
 						const entityRecord = getEditedEntityRecord(
 							state,
@@ -395,9 +433,10 @@ export const __experimentalGetEntitiesBeingSaved = createSelector(
 							// when it's used as an object key.
 							key:
 								entityRecord[
-									entity.key || DEFAULT_ENTITY_KEY
+									entityConfig.key || DEFAULT_ENTITY_KEY
 								],
-							title: entity?.getTitle?.( entityRecord ) || '',
+							title:
+								entityConfig?.getTitle?.( entityRecord ) || '',
 							name,
 							kind,
 						} );
@@ -407,7 +446,7 @@ export const __experimentalGetEntitiesBeingSaved = createSelector(
 		} );
 		return recordsBeingSaved;
 	},
-	( state ) => [ state.entities.data ]
+	( state ) => [ state.entities.records ]
 );
 
 /**
@@ -421,7 +460,7 @@ export const __experimentalGetEntitiesBeingSaved = createSelector(
  * @return {Object?} The entity record's edits.
  */
 export function getEntityRecordEdits( state, kind, name, recordId ) {
-	return get( state.entities.data, [ kind, name, 'edits', recordId ] );
+	return get( state.entities.records, [ kind, name, 'edits', recordId ] );
 }
 
 /**
@@ -440,7 +479,7 @@ export function getEntityRecordEdits( state, kind, name, recordId ) {
  */
 export const getEntityRecordNonTransientEdits = createSelector(
 	( state, kind, name, recordId ) => {
-		const { transientEdits } = getEntity( state, kind, name ) || {};
+		const { transientEdits } = getEntityConfig( state, kind, name ) || {};
 		const edits = getEntityRecordEdits( state, kind, name, recordId ) || {};
 		if ( ! transientEdits ) {
 			return edits;
@@ -454,7 +493,7 @@ export const getEntityRecordNonTransientEdits = createSelector(
 	},
 	( state, kind, name, recordId ) => [
 		state.entities.config,
-		get( state.entities.data, [ kind, name, 'edits', recordId ] ),
+		get( state.entities.records, [ kind, name, 'edits', recordId ] ),
 	]
 );
 
@@ -481,10 +520,10 @@ export function hasEditsForEntityRecord( state, kind, name, recordId ) {
 /**
  * Returns the specified entity record, merged with its edits.
  *
- * @param {Object} state    State tree.
- * @param {string} kind     Entity kind.
- * @param {string} name     Entity name.
- * @param {number} recordId Record ID.
+ * @param {Object}        state    State tree.
+ * @param {string}        kind     Entity kind.
+ * @param {string}        name     Entity name.
+ * @param {number|string} recordId Record ID.
  *
  * @return {Object?} The entity record, merged with its edits.
  */
@@ -497,7 +536,7 @@ export const getEditedEntityRecord = createSelector(
 		const context = query?.context ?? 'default';
 		return [
 			state.entities.config,
-			get( state.entities.data, [
+			get( state.entities.records, [
 				kind,
 				name,
 				'queriedData',
@@ -505,7 +544,7 @@ export const getEditedEntityRecord = createSelector(
 				context,
 				recordId,
 			] ),
-			get( state.entities.data, [
+			get( state.entities.records, [
 				kind,
 				name,
 				'queriedData',
@@ -513,7 +552,7 @@ export const getEditedEntityRecord = createSelector(
 				context,
 				recordId,
 			] ),
-			get( state.entities.data, [ kind, name, 'edits', recordId ] ),
+			get( state.entities.records, [ kind, name, 'edits', recordId ] ),
 		];
 	}
 );
@@ -530,7 +569,7 @@ export const getEditedEntityRecord = createSelector(
  */
 export function isAutosavingEntityRecord( state, kind, name, recordId ) {
 	const { pending, isAutosave } = get(
-		state.entities.data,
+		state.entities.records,
 		[ kind, name, 'saving', recordId ],
 		{}
 	);
@@ -540,16 +579,16 @@ export function isAutosavingEntityRecord( state, kind, name, recordId ) {
 /**
  * Returns true if the specified entity record is saving, and false otherwise.
  *
- * @param {Object} state    State tree.
- * @param {string} kind     Entity kind.
- * @param {string} name     Entity name.
- * @param {number} recordId Record ID.
+ * @param {Object}        state    State tree.
+ * @param {string}        kind     Entity kind.
+ * @param {string}        name     Entity name.
+ * @param {number|string} recordId Record ID.
  *
  * @return {boolean} Whether the entity record is saving or not.
  */
 export function isSavingEntityRecord( state, kind, name, recordId ) {
 	return get(
-		state.entities.data,
+		state.entities.records,
 		[ kind, name, 'saving', recordId, 'pending' ],
 		false
 	);
@@ -567,7 +606,7 @@ export function isSavingEntityRecord( state, kind, name, recordId ) {
  */
 export function isDeletingEntityRecord( state, kind, name, recordId ) {
 	return get(
-		state.entities.data,
+		state.entities.records,
 		[ kind, name, 'deleting', recordId, 'pending' ],
 		false
 	);
@@ -584,7 +623,7 @@ export function isDeletingEntityRecord( state, kind, name, recordId ) {
  * @return {Object?} The entity record's save error.
  */
 export function getLastEntitySaveError( state, kind, name, recordId ) {
-	return get( state.entities.data, [
+	return get( state.entities.records, [
 		kind,
 		name,
 		'saving',
@@ -604,7 +643,7 @@ export function getLastEntitySaveError( state, kind, name, recordId ) {
  * @return {Object?} The entity record's save error.
  */
 export function getLastEntityDeleteError( state, kind, name, recordId ) {
-	return get( state.entities.data, [
+	return get( state.entities.records, [
 		kind,
 		name,
 		'deleting',
@@ -780,11 +819,11 @@ export function canUser( state, action, resource, id ) {
  * or `undefined` if the OPTIONS request is still being made.
  */
 export function canUserEditEntityRecord( state, kind, name, recordId ) {
-	const entity = getEntity( state, kind, name );
-	if ( ! entity ) {
+	const entityConfig = getEntityConfig( state, kind, name );
+	if ( ! entityConfig ) {
 		return false;
 	}
-	const resource = entity.__unstable_rest_base;
+	const resource = entityConfig.__unstable_rest_base;
 
 	return canUser( state, 'update', resource, recordId );
 }
@@ -899,7 +938,7 @@ export function __experimentalGetTemplateForLink( state, link ) {
  *
  * @param {Object} state Editor state.
  *
- * @return {Object?} The Global Styles object.
+ * @return {Object|null} The Global Styles object.
  */
 export function __experimentalGetCurrentThemeBaseGlobalStyles( state ) {
 	const currentTheme = getCurrentTheme( state );
@@ -914,7 +953,7 @@ export function __experimentalGetCurrentThemeBaseGlobalStyles( state ) {
  *
  * @param {Object} state Data state.
  *
- * @return {string} The current global styles ID.
+ * @return {string|null} The current global styles ID.
  */
 export function __experimentalGetCurrentThemeGlobalStylesVariations( state ) {
 	const currentTheme = getCurrentTheme( state );