@wordpress/block-editor 8.1.2 → 8.2.0

package/src/components/list-view/utils.js

@@ -30,3 +30,34 @@ export const isClientIdSelected = ( clientId, selectedBlockClientIds ) =>
 	isArray( selectedBlockClientIds ) && selectedBlockClientIds.length
 		? selectedBlockClientIds.indexOf( clientId ) !== -1
 		: selectedBlockClientIds === clientId;
+
+/**
+ * From a start and end clientId of potentially different nesting levels,
+ * return the nearest-depth ids that have a common level of depth in the
+ * nesting hierarchy. For multiple block selection, this ensure that the
+ * selection is always at the same nesting level, and not split across
+ * separate levels.
+ *
+ * @param {string}   startId      The first id of a selection.
+ * @param {string}   endId        The end id of a selection, usually one that has been clicked on.
+ * @param {string[]} startParents An array of ancestor ids for the start id, in descending order.
+ * @param {string[]} endParents   An array of ancestor ids for the end id, in descending order.
+ * @return {Object} An object containing the start and end ids.
+ */
+export function getCommonDepthClientIds(
+	startId,
+	endId,
+	startParents,
+	endParents
+) {
+	const startPath = [ ...startParents, startId ];
+	const endPath = [ ...endParents, endId ];
+	const depth = Math.min( startPath.length, endPath.length ) - 1;
+	const start = startPath[ depth ];
+	const end = endPath[ depth ];
+
+	return {
+		start,
+		end,
+	};
+}

package/src/components/rich-text/index.js

@@ -120,12 +120,9 @@ function RichTextWrapper(
 	const anchorRef = useRef();
 	const { clientId } = useBlockEditContext();
 	const selector = ( select ) => {
-		const {
-			getSelectionStart,
-			getSelectionEnd,
-			isMultiSelecting,
-			hasMultiSelection,
-		} = select( blockEditorStore );
+		const { getSelectionStart, getSelectionEnd } = select(
+			blockEditorStore
+		);
 		const selectionStart = getSelectionStart();
 		const selectionEnd = getSelectionEnd();
 
@@ -143,15 +140,12 @@ function RichTextWrapper(
 			selectionStart: isSelected ? selectionStart.offset : undefined,
 			selectionEnd: isSelected ? selectionEnd.offset : undefined,
 			isSelected,
-			disabled: isMultiSelecting() || hasMultiSelection(),
 		};
 	};
 	// This selector must run on every render so the right selection state is
 	// retreived from the store on merge.
 	// To do: fix this somehow.
-	const { selectionStart, selectionEnd, isSelected, disabled } = useSelect(
-		selector
-	);
+	const { selectionStart, selectionEnd, isSelected } = useSelect( selector );
 	const { selectionChange } = useDispatch( blockEditorStore );
 	const multilineTag = getMultilineTag( multiline );
 	const adjustedAllowedFormats = getAllowedFormats( {
@@ -331,7 +325,7 @@ function RichTextWrapper(
 			<TagName
 				// Overridable props.
 				role="textbox"
-				aria-multiline={ true }
+				aria-multiline={ ! disableLineBreaks }
 				aria-label={ placeholder }
 				{ ...props }
 				{ ...autocompleteProps }
@@ -379,9 +373,8 @@ function RichTextWrapper(
 					anchorRef,
 					forwardedRef,
 				] ) }
-				// Do not set the attribute if disabled.
-				contentEditable={ disabled ? undefined : true }
-				suppressContentEditableWarning={ ! disabled }
+				contentEditable={ true }
+				suppressContentEditableWarning={ true }
 				className={ classnames(
 					'block-editor-rich-text__editable',
 					props.className,

package/src/components/rich-text/use-paste-handler.js

@@ -62,7 +62,6 @@ export function usePasteHandler( props ) {
 			} = propsRef.current;
 
 			if ( ! isSelected ) {
-				event.preventDefault();
 				return;
 			}
 

package/src/components/writing-flow/index.js

@@ -37,6 +37,7 @@ export function useWritingFlow() {
 			useRefEffect(
 				( node ) => {
 					node.tabIndex = -1;
+					node.contentEditable = hasMultiSelection;
 
 					if ( ! hasMultiSelection ) {
 						return;

package/src/components/writing-flow/use-multi-selection.js

@@ -15,21 +15,6 @@ import { useSelect } from '@wordpress/data';
 import { store as blockEditorStore } from '../../store';
 import { __unstableUseBlockRef as useBlockRef } from '../block-list/use-block-props/use-block-refs';
 
-export function toggleRichText( container, toggle ) {
-	Array.from(
-		container.querySelectorAll(
-			// Exclude the Post Title from multi-select disable.
-			'.rich-text:not( .editor-post-title__input )'
-		)
-	).forEach( ( node ) => {
-		if ( toggle ) {
-			node.setAttribute( 'contenteditable', true );
-		} else {
-			node.removeAttribute( 'contenteditable' );
-		}
-	} );
-}
-
 /**
  * Returns for the deepest node at the start or end of a container node. Ignores
  * any text nodes that only contain HTML formatting whitespace.
@@ -62,6 +47,7 @@ function selector( select ) {
 		getMultiSelectedBlockClientIds,
 		hasMultiSelection,
 		getSelectedBlockClientId,
+		getSelectedBlocksInitialCaretPosition,
 	} = select( blockEditorStore );
 
 	return {
@@ -69,11 +55,13 @@ function selector( select ) {
 		multiSelectedBlockClientIds: getMultiSelectedBlockClientIds(),
 		hasMultiSelection: hasMultiSelection(),
 		selectedBlockClientId: getSelectedBlockClientId(),
+		initialPosition: getSelectedBlocksInitialCaretPosition(),
 	};
 }
 
 export default function useMultiSelection() {
 	const {
+		initialPosition,
 		isMultiSelecting,
 		multiSelectedBlockClientIds,
 		hasMultiSelection,
@@ -93,6 +81,13 @@ export default function useMultiSelection() {
 			const { ownerDocument } = node;
 			const { defaultView } = ownerDocument;
 
+			// Allow initialPosition to bypass focus behavior. This is useful
+			// for the list view or other areas where we don't want to transfer
+			// focus to the editor canvas.
+			if ( initialPosition === undefined || initialPosition === null ) {
+				return;
+			}
+
 			if ( ! hasMultiSelection || isMultiSelecting ) {
 				if ( ! selectedBlockClientId || isMultiSelecting ) {
 					return;
@@ -131,6 +126,12 @@ export default function useMultiSelection() {
 				return;
 			}
 
+			// Allow cross contentEditable selection by temporarily making
+			// all content editable. We can't rely on using the store and
+			// React because re-rending happens too slowly. We need to be
+			// able to select across instances immediately.
+			node.contentEditable = true;
+
 			// For some browsers, like Safari, it is important that focus happens
 			// BEFORE selection.
 			node.focus();
@@ -144,11 +145,6 @@ export default function useMultiSelection() {
 			const startNode = getDeepestNode( startRef.current, 'start' );
 			const endNode = getDeepestNode( endRef.current, 'end' );
 
-			// While rich text will be disabled with a delay when there is a multi
-			// selection, we must do it immediately because it's not possible to set
-			// selection across editable hosts.
-			toggleRichText( node, false );
-
 			range.setStartBefore( startNode );
 			range.setEndAfter( endNode );
 
@@ -160,6 +156,7 @@ export default function useMultiSelection() {
 			isMultiSelecting,
 			multiSelectedBlockClientIds,
 			selectedBlockClientId,
+			initialPosition,
 		]
 	);
 }

package/src/components/writing-flow/use-select-all.js

@@ -31,11 +31,15 @@ export default function useSelectAll() {
 				return;
 			}
 
-			if ( ! isEntirelySelected( event.target ) ) {
+			const selectedClientIds = getSelectedBlockClientIds();
+
+			if (
+				selectedClientIds.length < 2 &&
+				! isEntirelySelected( event.target )
+			) {
 				return;
 			}
 
-			const selectedClientIds = getSelectedBlockClientIds();
 			const [ firstSelectedClientId ] = selectedClientIds;
 			const rootClientId = getBlockRootClientId( firstSelectedClientId );
 			let blockClientIds = getBlockOrder( rootClientId );

package/src/hooks/custom-class-name.js

@@ -112,6 +112,45 @@ export function addSaveProps( extraProps, blockType, attributes ) {
 	return extraProps;
 }
 
+export function addTransforms( result, source, index, results ) {
+	if ( ! hasBlockSupport( result.name, 'customClassName', true ) ) {
+		return result;
+	}
+
+	// If the condition verifies we are probably in the presence of a wrapping transform
+	// e.g: nesting paragraphs in a group or columns and in that case the class should not be kept.
+	if ( results.length === 1 && result.innerBlocks.length === source.length ) {
+		return result;
+	}
+
+	// If we are transforming one block to multiple blocks or multiple blocks to one block,
+	// we ignore the class during the transform.
+	if (
+		( results.length === 1 && source.length > 1 ) ||
+		( results.length > 1 && source.length === 1 )
+	) {
+		return result;
+	}
+
+	// If we are in presence of transform between one or more block in the source
+	// that have one or more blocks in the result
+	// we apply the class on source N to the result N,
+	// if source N does not exists we do nothing.
+	if ( source[ index ] ) {
+		const originClassName = source[ index ]?.attributes.className;
+		if ( originClassName ) {
+			return {
+				...result,
+				attributes: {
+					...result.attributes,
+					className: originClassName,
+				},
+			};
+		}
+	}
+	return result;
+}
+
 addFilter(
 	'blocks.registerBlockType',
 	'core/custom-class-name/attribute',
@@ -127,3 +166,9 @@ addFilter(
 	'core/custom-class-name/save-props',
 	addSaveProps
 );
+
+addFilter(
+	'blocks.switchToBlockType.transformedBlock',
+	'core/color/addTransforms',
+	addTransforms
+);

package/src/hooks/line-height.js

@@ -38,6 +38,8 @@ export function LineHeightEdit( props ) {
 	};
 	return (
 		<LineHeightControl
+			__unstableInputWidth="100%"
+			__nextHasNoMarginBottom={ true }
 			value={ style?.typography?.lineHeight }
 			onChange={ onChange }
 		/>

package/src/hooks/style.js

@@ -27,6 +27,7 @@ import {
 	__EXPERIMENTAL_ELEMENTS as ELEMENTS,
 } from '@wordpress/blocks';
 import { createHigherOrderComponent, useInstanceId } from '@wordpress/compose';
+import { getCSSRules } from '@wordpress/style-engine';
 
 /**
  * Internal dependencies
@@ -85,21 +86,35 @@ export function getInlineStyles( styles = {} ) {
 			// option and backwards compatibility for border radius support.
 			const styleValue = get( styles, path );
 
-			if ( !! subPaths && ! isString( styleValue ) ) {
-				Object.entries( subPaths ).forEach( ( entry ) => {
-					const [ name, subPath ] = entry;
-					const value = get( styleValue, [ subPath ] );
-
-					if ( value ) {
-						output[ name ] = compileStyleValue( value );
-					}
-				} );
-			} else if ( ! ignoredStyles.includes( path.join( '.' ) ) ) {
-				output[ propKey ] = compileStyleValue( get( styles, path ) );
+			if ( ! STYLE_PROPERTY[ propKey ].useEngine ) {
+				if ( !! subPaths && ! isString( styleValue ) ) {
+					Object.entries( subPaths ).forEach( ( entry ) => {
+						const [ name, subPath ] = entry;
+						const value = get( styleValue, [ subPath ] );
+
+						if ( value ) {
+							output[ name ] = compileStyleValue( value );
+						}
+					} );
+				} else if ( ! ignoredStyles.includes( path.join( '.' ) ) ) {
+					output[ propKey ] = compileStyleValue(
+						get( styles, path )
+					);
+				}
 			}
 		}
 	} );
 
+	// The goal is to move everything to server side generated engine styles
+	// This is temporary as we absorb more and more styles into the engine.
+	const extraRules = getCSSRules( styles, { selector: 'self' } );
+	extraRules.forEach( ( rule ) => {
+		if ( rule.selector !== 'self' ) {
+			throw "This style can't be added as inline style";
+		}
+		output[ rule.key ] = rule.value;
+	} );
+
 	return output;
 }
 

package/src/hooks/typography.scss

@@ -6,10 +6,6 @@
 		margin-bottom: 0;
 	}
 
-	.block-editor-line-height-control input {
-		max-width: 100%;
-	}
-
 	.single-column {
 		grid-column: span 1;
 	}

package/src/layouts/flow.js

@@ -115,31 +115,36 @@ export default {
 		let output =
 			!! contentSize || !! wideSize
 				? `
-					${ appendSelectors( selector, '> *' ) } {
+					${ appendSelectors(
+						selector,
+						'> :where(:not(.alignleft):not(.alignright))'
+					) } {
 						max-width: ${ contentSize ?? wideSize };
 						margin-left: auto !important;
 						margin-right: auto !important;
 					}
 
-					${ appendSelectors( selector, '> [data-align="wide"]' ) }  {
+					${ appendSelectors( selector, '> .alignwide' ) }  {
 						max-width: ${ wideSize ?? contentSize };
 					}
 
-					${ appendSelectors( selector, '> [data-align="full"]' ) } {
+					${ appendSelectors( selector, '> .alignfull' ) } {
 						max-width: none;
 					}
 				`
 				: '';
 
 		output += `
-			${ appendSelectors( selector, '> [data-align="left"]' ) } {
+			${ appendSelectors( selector, '> .alignleft' ) } {
 				float: left;
 				margin-right: 2em;
+				margin-left: 0;
 			}
 
-			${ appendSelectors( selector, '> [data-align="right"]' ) } {
+			${ appendSelectors( selector, '> .alignright' ) } {
 				float: right;
 				margin-left: 2em;
+				margin-right: 0;
 			}
 
 		`;

package/src/store/actions.js

@@ -259,10 +259,15 @@ export function stopMultiSelect() {
 /**
  * Action that changes block multi-selection.
  *
- * @param {string} start First block of the multi selection.
- * @param {string} end   Last block of the multiselection.
+ * @param {string}      start                         First block of the multi selection.
+ * @param {string}      end                           Last block of the multiselection.
+ * @param {number|null} __experimentalInitialPosition Optional initial position. Pass as null to skip focus within editor canvas.
  */
-export const multiSelect = ( start, end ) => ( { select, dispatch } ) => {
+export const multiSelect = (
+	start,
+	end,
+	__experimentalInitialPosition = 0
+) => ( { select, dispatch } ) => {
 	const startBlockRootClientId = select.getBlockRootClientId( start );
 	const endBlockRootClientId = select.getBlockRootClientId( end );
 
@@ -271,7 +276,12 @@ export const multiSelect = ( start, end ) => ( { select, dispatch } ) => {
 		return;
 	}
 
-	dispatch( { type: 'MULTI_SELECT', start, end } );
+	dispatch( {
+		type: 'MULTI_SELECT',
+		start,
+		end,
+		initialPosition: __experimentalInitialPosition,
+	} );
 
 	const blockCount = select.getSelectedBlockCount();
 
@@ -996,11 +1006,11 @@ export function selectionChange(
  * @param {?Object} attributes   Optional attributes of the block to assign.
  * @param {?string} rootClientId Optional root client ID of block list on which
  *                               to append.
- * @param {?number} index        Optional index where to insert the default block
- *
- * @return {Object} Action object
+ * @param {?number} index        Optional index where to insert the default block.
  */
-export function insertDefaultBlock( attributes, rootClientId, index ) {
+export const insertDefaultBlock = ( attributes, rootClientId, index ) => ( {
+	dispatch,
+} ) => {
 	// Abort if there is no default block type (if it has been unregistered).
 	const defaultBlockName = getDefaultBlockName();
 	if ( ! defaultBlockName ) {
@@ -1009,8 +1019,8 @@ export function insertDefaultBlock( attributes, rootClientId, index ) {
 
 	const block = createBlock( defaultBlockName, attributes );
 
-	return insertBlock( block, index, rootClientId );
-}
+	return dispatch.insertBlock( block, index, rootClientId );
+};
 
 /**
  * Action that changes the nested settings of a given block.

package/src/store/defaults.js

@@ -156,6 +156,7 @@ export const SETTINGS_DEFAULTS = {
 	__experimentalBlockPatterns: [],
 	__experimentalBlockPatternCategories: [],
 	__experimentalSpotlightEntityBlocks: [],
+	__experimentalGenerateAnchors: false,
 	__unstableGalleryWithImageBlocks: false,
 
 	// gradients setting is not used anymore now defaults are passed from theme.json on the server and core has its own defaults.

package/src/store/index.js

@@ -22,7 +22,6 @@ export const storeConfig = {
 	reducer,
 	selectors,
 	actions,
-	__experimentalUseThunks: true,
 };
 
 /**

package/src/store/reducer.js

@@ -1380,7 +1380,7 @@ export function isSelectionEnabled( state = true, action ) {
 }
 
 /**
- * Reducer returning the intial block selection.
+ * Reducer returning the initial block selection.
  *
  * Currently this in only used to restore the selection after block deletion and
  * pasting new content.This reducer should eventually be removed in favour of setting
@@ -1399,6 +1399,7 @@ export function initialPosition( state = null, action ) {
 		return action.initialPosition;
 	} else if (
 		[
+			'MULTI_SELECT',
 			'SELECT_BLOCK',
 			'RESET_SELECTION',
 			'INSERT_BLOCKS',

package/src/store/test/actions.js

@@ -165,6 +165,7 @@ describe( 'actions', () => {
 				type: 'MULTI_SELECT',
 				start,
 				end,
+				initialPosition: 0,
 			} );
 		} );
 
@@ -1166,7 +1167,6 @@ describe( 'actions', () => {
 				actions,
 				selectors,
 				reducer,
-				__experimentalUseThunks: true,
 			} );
 
 			registerBlockType( 'core/test-block', defaultBlockSettings );

package/src/store/test/reducer.js

@@ -2187,6 +2187,15 @@ describe( 'state', () => {
 
 			expect( state ).toBe( -1 );
 		} );
+
+		it( 'should allow setting null value in multi selection', () => {
+			const state = initialPosition( undefined, {
+				type: 'MULTI_SELECT',
+				initialPosition: null,
+			} );
+
+			expect( state ).toBe( null );
+		} );
 	} );
 
 	describe( 'isMultiSelecting()', () => {

package/src/style.scss

@@ -36,7 +36,6 @@
 @import "./components/inner-blocks/style.scss";
 @import "./components/inserter-list-item/style.scss";
 @import "./components/justify-content-control/style.scss";
-@import "./components/line-height-control/style.scss";
 @import "./components/link-control/style.scss";
 @import "./components/list-view/style.scss";
 @import "./components/media-replace-flow/style.scss";

package/src/utils/index.js

@@ -1,4 +1,3 @@
 export { default as transformStyles } from './transform-styles';
-export * from './theme';
 export * from './block-variation-transforms';
 export { default as getPxFromCssUnit } from './parse-css-unit-to-px';

package/build/utils/theme.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.validateThemeColors = validateThemeColors;
-exports.validateThemeGradients = validateThemeGradients;
-
-var _defaults = require("../store/defaults");
-
-/**
- * Internal dependencies
- */
-
-/**
- * Given an array of theme colors checks colors for validity
- *
- * @param {Array} colors The array of theme colors
- *
- * @return {Array} The array of valid theme colors or the default colors
- */
-function validateThemeColors(colors) {
-  if (colors === undefined) {
-    colors = _defaults.SETTINGS_DEFAULTS.colors;
-  } else {
-    const validColors = colors.filter(c => c.color);
-
-    if (validColors.length === 0) {
-      colors = _defaults.SETTINGS_DEFAULTS.colors;
-    } else if (validColors.length < colors.length) {
-      // Filter out invalid colors
-      colors = validColors;
-    }
-  }
-
-  return colors;
-}
-/**
- * Given an array of theme gradients checks gradients for validity
- *
- * @param {Array} gradients The array of theme gradients
- *
- * @return {Array} The array of valid theme gradients or the default gradients
- */
-
-
-function validateThemeGradients(gradients) {
-  if (gradients === undefined) {
-    gradients = _defaults.SETTINGS_DEFAULTS.gradients;
-  } else {
-    const validGradients = gradients.filter(c => c.gradient);
-
-    if (validGradients.length === 0) {
-      gradients = _defaults.SETTINGS_DEFAULTS.gradients;
-    } else if (validGradients.length < gradients.length) {
-      // Filter out invalid gradients
-      gradients = validGradients;
-    }
-  }
-
-  return gradients;
-}
-//# sourceMappingURL=theme.js.map

package/build/utils/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/utils/theme.js"],"names":["validateThemeColors","colors","undefined","SETTINGS_DEFAULTS","validColors","filter","c","color","length","validateThemeGradients","gradients","validGradients","gradient"],"mappings":";;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAT,CAA8BC,MAA9B,EAAuC;AAC7C,MAAKA,MAAM,KAAKC,SAAhB,EAA4B;AAC3BD,IAAAA,MAAM,GAAGE,4BAAkBF,MAA3B;AACA,GAFD,MAEO;AACN,UAAMG,WAAW,GAAGH,MAAM,CAACI,MAAP,CAAiBC,CAAF,IAASA,CAAC,CAACC,KAA1B,CAApB;;AACA,QAAKH,WAAW,CAACI,MAAZ,KAAuB,CAA5B,EAAgC;AAC/BP,MAAAA,MAAM,GAAGE,4BAAkBF,MAA3B;AACA,KAFD,MAEO,IAAKG,WAAW,CAACI,MAAZ,GAAqBP,MAAM,CAACO,MAAjC,EAA0C;AAChD;AACAP,MAAAA,MAAM,GAAGG,WAAT;AACA;AACD;;AACD,SAAOH,MAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;;AACO,SAASQ,sBAAT,CAAiCC,SAAjC,EAA6C;AACnD,MAAKA,SAAS,KAAKR,SAAnB,EAA+B;AAC9BQ,IAAAA,SAAS,GAAGP,4BAAkBO,SAA9B;AACA,GAFD,MAEO;AACN,UAAMC,cAAc,GAAGD,SAAS,CAACL,MAAV,CAAoBC,CAAF,IAASA,CAAC,CAACM,QAA7B,CAAvB;;AACA,QAAKD,cAAc,CAACH,MAAf,KAA0B,CAA/B,EAAmC;AAClCE,MAAAA,SAAS,GAAGP,4BAAkBO,SAA9B;AACA,KAFD,MAEO,IAAKC,cAAc,CAACH,MAAf,GAAwBE,SAAS,CAACF,MAAvC,EAAgD;AACtD;AACAE,MAAAA,SAAS,GAAGC,cAAZ;AACA;AACD;;AACD,SAAOD,SAAP;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { SETTINGS_DEFAULTS } from '../store/defaults';\n\n/**\n * Given an array of theme colors checks colors for validity\n *\n * @param {Array} colors The array of theme colors\n *\n * @return {Array} The array of valid theme colors or the default colors\n */\nexport function validateThemeColors( colors ) {\n\tif ( colors === undefined ) {\n\t\tcolors = SETTINGS_DEFAULTS.colors;\n\t} else {\n\t\tconst validColors = colors.filter( ( c ) => c.color );\n\t\tif ( validColors.length === 0 ) {\n\t\t\tcolors = SETTINGS_DEFAULTS.colors;\n\t\t} else if ( validColors.length < colors.length ) {\n\t\t\t// Filter out invalid colors\n\t\t\tcolors = validColors;\n\t\t}\n\t}\n\treturn colors;\n}\n\n/**\n * Given an array of theme gradients checks gradients for validity\n *\n * @param {Array} gradients The array of theme gradients\n *\n * @return {Array} The array of valid theme gradients or the default gradients\n */\nexport function validateThemeGradients( gradients ) {\n\tif ( gradients === undefined ) {\n\t\tgradients = SETTINGS_DEFAULTS.gradients;\n\t} else {\n\t\tconst validGradients = gradients.filter( ( c ) => c.gradient );\n\t\tif ( validGradients.length === 0 ) {\n\t\t\tgradients = SETTINGS_DEFAULTS.gradients;\n\t\t} else if ( validGradients.length < gradients.length ) {\n\t\t\t// Filter out invalid gradients\n\t\t\tgradients = validGradients;\n\t\t}\n\t}\n\treturn gradients;\n}\n"]}

package/build-module/utils/theme.js

@@ -1,53 +0,0 @@
-/**
- * Internal dependencies
- */
-import { SETTINGS_DEFAULTS } from '../store/defaults';
-/**
- * Given an array of theme colors checks colors for validity
- *
- * @param {Array} colors The array of theme colors
- *
- * @return {Array} The array of valid theme colors or the default colors
- */
-
-export function validateThemeColors(colors) {
-  if (colors === undefined) {
-    colors = SETTINGS_DEFAULTS.colors;
-  } else {
-    const validColors = colors.filter(c => c.color);
-
-    if (validColors.length === 0) {
-      colors = SETTINGS_DEFAULTS.colors;
-    } else if (validColors.length < colors.length) {
-      // Filter out invalid colors
-      colors = validColors;
-    }
-  }
-
-  return colors;
-}
-/**
- * Given an array of theme gradients checks gradients for validity
- *
- * @param {Array} gradients The array of theme gradients
- *
- * @return {Array} The array of valid theme gradients or the default gradients
- */
-
-export function validateThemeGradients(gradients) {
-  if (gradients === undefined) {
-    gradients = SETTINGS_DEFAULTS.gradients;
-  } else {
-    const validGradients = gradients.filter(c => c.gradient);
-
-    if (validGradients.length === 0) {
-      gradients = SETTINGS_DEFAULTS.gradients;
-    } else if (validGradients.length < gradients.length) {
-      // Filter out invalid gradients
-      gradients = validGradients;
-    }
-  }
-
-  return gradients;
-}
-//# sourceMappingURL=theme.js.map

package/build-module/utils/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/utils/theme.js"],"names":["SETTINGS_DEFAULTS","validateThemeColors","colors","undefined","validColors","filter","c","color","length","validateThemeGradients","gradients","validGradients","gradient"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,iBAAT,QAAkC,mBAAlC;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASC,mBAAT,CAA8BC,MAA9B,EAAuC;AAC7C,MAAKA,MAAM,KAAKC,SAAhB,EAA4B;AAC3BD,IAAAA,MAAM,GAAGF,iBAAiB,CAACE,MAA3B;AACA,GAFD,MAEO;AACN,UAAME,WAAW,GAAGF,MAAM,CAACG,MAAP,CAAiBC,CAAF,IAASA,CAAC,CAACC,KAA1B,CAApB;;AACA,QAAKH,WAAW,CAACI,MAAZ,KAAuB,CAA5B,EAAgC;AAC/BN,MAAAA,MAAM,GAAGF,iBAAiB,CAACE,MAA3B;AACA,KAFD,MAEO,IAAKE,WAAW,CAACI,MAAZ,GAAqBN,MAAM,CAACM,MAAjC,EAA0C;AAChD;AACAN,MAAAA,MAAM,GAAGE,WAAT;AACA;AACD;;AACD,SAAOF,MAAP;AACA;AAED;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,OAAO,SAASO,sBAAT,CAAiCC,SAAjC,EAA6C;AACnD,MAAKA,SAAS,KAAKP,SAAnB,EAA+B;AAC9BO,IAAAA,SAAS,GAAGV,iBAAiB,CAACU,SAA9B;AACA,GAFD,MAEO;AACN,UAAMC,cAAc,GAAGD,SAAS,CAACL,MAAV,CAAoBC,CAAF,IAASA,CAAC,CAACM,QAA7B,CAAvB;;AACA,QAAKD,cAAc,CAACH,MAAf,KAA0B,CAA/B,EAAmC;AAClCE,MAAAA,SAAS,GAAGV,iBAAiB,CAACU,SAA9B;AACA,KAFD,MAEO,IAAKC,cAAc,CAACH,MAAf,GAAwBE,SAAS,CAACF,MAAvC,EAAgD;AACtD;AACAE,MAAAA,SAAS,GAAGC,cAAZ;AACA;AACD;;AACD,SAAOD,SAAP;AACA","sourcesContent":["/**\n * Internal dependencies\n */\nimport { SETTINGS_DEFAULTS } from '../store/defaults';\n\n/**\n * Given an array of theme colors checks colors for validity\n *\n * @param {Array} colors The array of theme colors\n *\n * @return {Array} The array of valid theme colors or the default colors\n */\nexport function validateThemeColors( colors ) {\n\tif ( colors === undefined ) {\n\t\tcolors = SETTINGS_DEFAULTS.colors;\n\t} else {\n\t\tconst validColors = colors.filter( ( c ) => c.color );\n\t\tif ( validColors.length === 0 ) {\n\t\t\tcolors = SETTINGS_DEFAULTS.colors;\n\t\t} else if ( validColors.length < colors.length ) {\n\t\t\t// Filter out invalid colors\n\t\t\tcolors = validColors;\n\t\t}\n\t}\n\treturn colors;\n}\n\n/**\n * Given an array of theme gradients checks gradients for validity\n *\n * @param {Array} gradients The array of theme gradients\n *\n * @return {Array} The array of valid theme gradients or the default gradients\n */\nexport function validateThemeGradients( gradients ) {\n\tif ( gradients === undefined ) {\n\t\tgradients = SETTINGS_DEFAULTS.gradients;\n\t} else {\n\t\tconst validGradients = gradients.filter( ( c ) => c.gradient );\n\t\tif ( validGradients.length === 0 ) {\n\t\t\tgradients = SETTINGS_DEFAULTS.gradients;\n\t\t} else if ( validGradients.length < gradients.length ) {\n\t\t\t// Filter out invalid gradients\n\t\t\tgradients = validGradients;\n\t\t}\n\t}\n\treturn gradients;\n}\n"]}