@wordpress/block-editor 11.1.0 → 11.3.0

package/src/utils/block-variation-transforms.js

@@ -22,7 +22,7 @@ function matchesAttributes( blockAttributes, variation ) {
  *
  * @param {Object}             blockAttributes - The block attributes to try to find a match.
  * @param {WPBlockVariation[]} variations      - A list of block variations to test for a match.
- * @return {?WPBlockVariation} - If a match is found returns it. If not or more than one matches are found returns `undefined`.
+ * @return {WPBlockVariation | undefined} - If a match is found returns it. If not or more than one matches are found returns `undefined`.
  */
 export const __experimentalGetMatchingVariation = (
 	blockAttributes,

package/src/utils/parse-css-unit-to-px.js

@@ -117,7 +117,9 @@ function isMathExpression( cssUnit ) {
 function evalMathExpression( cssUnit ) {
 	let errorFound = false;
 	// Convert every part of the expression to px values.
-	const cssUnitsBits = cssUnit.split( /[+-/*/]/g ).filter( Boolean );
+	const cssUnitsBits = cssUnit
+		.split( /(?!^-)[+*\/-](\s?-)?/g )
+		.filter( Boolean );
 	for ( const unit of cssUnitsBits ) {
 		// Standardize the unit to px and extract the value.
 		const parsedUnit = parseUnit( getPxFromCssUnit( unit ) );

package/src/utils/test/parse-css-unit-to-px.js

@@ -22,20 +22,17 @@ describe( 'getPxFromCssUnit', () => {
 			[ '40Q', '38px' ], // 40 Q should be 1 cm.
 		];
 
+		test.each( testData )( 'getPxFromCssUnit( %s )', ( unit, expected ) => {
+			expect( getPxFromCssUnit( unit ) ).toBe( expected );
+		} );
 		test.each( testData )(
-			'test getPxFromCssUnit( %s )',
-			( unit, expected ) => {
-				expect( getPxFromCssUnit( unit ) ).toBe( expected );
-			}
-		);
-		test.each( testData )(
-			'test memoizedGetPxFromCssUnit( %s )',
+			'memoizedGetPxFromCssUnit( %s )',
 			( unit, expected ) => {
 				expect( memoizedGetPxFromCssUnit( unit ) ).toBe( expected );
 			}
 		);
 		test.each( testData )(
-			'test cached memoizedGetPxFromCssUnit( %s )',
+			'cached memoizedGetPxFromCssUnit( %s )',
 			( unit, expected ) => {
 				expect( memoizedGetPxFromCssUnit( unit ) ).toBe( expected );
 			}
@@ -63,14 +60,11 @@ describe( 'getPxFromCssUnit', () => {
 			[ '120%', '12px' ],
 		];
 
+		test.each( testData )( 'getPxFromCssUnit( %s )', ( unit, expected ) => {
+			expect( getPxFromCssUnit( unit, settings ) ).toBe( expected );
+		} );
 		test.each( testData )(
-			'test getPxFromCssUnit( %s )',
-			( unit, expected ) => {
-				expect( getPxFromCssUnit( unit, settings ) ).toBe( expected );
-			}
-		);
-		test.each( testData )(
-			'test memoizedGetPxFromCssUnit( %s )',
+			'memoizedGetPxFromCssUnit( %s )',
 			( unit, expected ) => {
 				expect( memoizedGetPxFromCssUnit( unit, settings ) ).toBe(
 					expected
@@ -78,7 +72,7 @@ describe( 'getPxFromCssUnit', () => {
 			}
 		);
 		test.each( testData )(
-			'test cached memoizedGetPxFromCssUnit( %s )',
+			'cached memoizedGetPxFromCssUnit( %s )',
 			( unit, expected ) => {
 				expect( memoizedGetPxFromCssUnit( unit, settings ) ).toBe(
 					expected
@@ -121,16 +115,14 @@ describe( 'getPxFromCssUnit', () => {
 			[ 'abc', null ],
 			[ 'console.log("howdy"); + 10px', null ],
 			[ 'calc(12vw * 10px', null ], // Missing closing bracket.
+			[ 'calc( 1em + 0.875rem )', '30px' ], // Decimals
 		];
 
+		test.each( testData )( 'getPxFromCssUnit( %s )', ( unit, expected ) => {
+			expect( getPxFromCssUnit( unit, settings ) ).toBe( expected );
+		} );
 		test.each( testData )(
-			'test getPxFromCssUnit( %s )',
-			( unit, expected ) => {
-				expect( getPxFromCssUnit( unit, settings ) ).toBe( expected );
-			}
-		);
-		test.each( testData )(
-			'test memoizedGetPxFromCssUnit( %s )',
+			'memoizedGetPxFromCssUnit( %s )',
 			( unit, expected ) => {
 				expect( memoizedGetPxFromCssUnit( unit, settings ) ).toBe(
 					expected
@@ -138,7 +130,7 @@ describe( 'getPxFromCssUnit', () => {
 			}
 		);
 		test.each( testData )(
-			'test cached memoizedGetPxFromCssUnit( %s )',
+			'cached memoizedGetPxFromCssUnit( %s )',
 			( unit, expected ) => {
 				expect( memoizedGetPxFromCssUnit( unit, settings ) ).toBe(
 					expected

package/src/utils/transform-styles/index.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { map } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -23,7 +18,7 @@ import wrap from './transforms/wrap';
  * @return {Array} converted rules.
  */
 const transformStyles = ( styles, wrapperClassName = '' ) => {
-	return map( styles, ( { css, baseURL } ) => {
+	return Object.values( styles ?? [] ).map( ( { css, baseURL } ) => {
 		const transforms = [];
 		if ( wrapperClassName ) {
 			transforms.push( wrap( wrapperClassName ) );

package/build/components/inner-blocks/get-block-context.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = getBlockContext;
-
-var _lodash = require("lodash");
-
-/**
- * External dependencies
- */
-
-/**
- * Block context cache, implemented as a WeakMap mapping block types to a
- * WeakMap mapping attributes object to context value.
- *
- * @type {WeakMap<string,WeakMap<string,*>>}
- */
-const BLOCK_CONTEXT_CACHE = new WeakMap();
-/**
- * Returns a cached context object value for a given set of attributes for the
- * block type.
- *
- * @param {Record<string,*>} attributes Block attributes object.
- * @param {WPBlockType}      blockType  Block type settings.
- *
- * @return {Record<string,*>} Context value.
- */
-
-function getBlockContext(attributes, blockType) {
-  if (!BLOCK_CONTEXT_CACHE.has(blockType)) {
-    BLOCK_CONTEXT_CACHE.set(blockType, new WeakMap());
-  }
-
-  const blockTypeCache = BLOCK_CONTEXT_CACHE.get(blockType);
-
-  if (!blockTypeCache.has(attributes)) {
-    const context = (0, _lodash.mapValues)(blockType.providesContext, attributeName => attributes[attributeName]);
-    blockTypeCache.set(attributes, context);
-  }
-
-  return blockTypeCache.get(attributes);
-}
-//# sourceMappingURL=get-block-context.js.map

package/build/components/inner-blocks/get-block-context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inner-blocks/get-block-context.js"],"names":["BLOCK_CONTEXT_CACHE","WeakMap","getBlockContext","attributes","blockType","has","set","blockTypeCache","get","context","providesContext","attributeName"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,mBAAmB,GAAG,IAAIC,OAAJ,EAA5B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACe,SAASC,eAAT,CAA0BC,UAA1B,EAAsCC,SAAtC,EAAkD;AAChE,MAAK,CAAEJ,mBAAmB,CAACK,GAApB,CAAyBD,SAAzB,CAAP,EAA8C;AAC7CJ,IAAAA,mBAAmB,CAACM,GAApB,CAAyBF,SAAzB,EAAoC,IAAIH,OAAJ,EAApC;AACA;;AAED,QAAMM,cAAc,GAAGP,mBAAmB,CAACQ,GAApB,CAAyBJ,SAAzB,CAAvB;;AACA,MAAK,CAAEG,cAAc,CAACF,GAAf,CAAoBF,UAApB,CAAP,EAA0C;AACzC,UAAMM,OAAO,GAAG,uBACfL,SAAS,CAACM,eADK,EAEbC,aAAF,IAAqBR,UAAU,CAAEQ,aAAF,CAFhB,CAAhB;AAKAJ,IAAAA,cAAc,CAACD,GAAf,CAAoBH,UAApB,EAAgCM,OAAhC;AACA;;AAED,SAAOF,cAAc,CAACC,GAAf,CAAoBL,UAApB,CAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport { mapValues } from 'lodash';\n\n/**\n * Block context cache, implemented as a WeakMap mapping block types to a\n * WeakMap mapping attributes object to context value.\n *\n * @type {WeakMap<string,WeakMap<string,*>>}\n */\nconst BLOCK_CONTEXT_CACHE = new WeakMap();\n\n/**\n * Returns a cached context object value for a given set of attributes for the\n * block type.\n *\n * @param {Record<string,*>} attributes Block attributes object.\n * @param {WPBlockType}      blockType  Block type settings.\n *\n * @return {Record<string,*>} Context value.\n */\nexport default function getBlockContext( attributes, blockType ) {\n\tif ( ! BLOCK_CONTEXT_CACHE.has( blockType ) ) {\n\t\tBLOCK_CONTEXT_CACHE.set( blockType, new WeakMap() );\n\t}\n\n\tconst blockTypeCache = BLOCK_CONTEXT_CACHE.get( blockType );\n\tif ( ! blockTypeCache.has( attributes ) ) {\n\t\tconst context = mapValues(\n\t\t\tblockType.providesContext,\n\t\t\t( attributeName ) => attributes[ attributeName ]\n\t\t);\n\n\t\tblockTypeCache.set( attributes, context );\n\t}\n\n\treturn blockTypeCache.get( attributes );\n}\n"]}

package/build/components/off-canvas-editor/block-edit-button.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _icons = require("@wordpress/icons");
-
-var _components = require("@wordpress/components");
-
-var _data = require("@wordpress/data");
-
-var _store = require("../../store");
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-var _default = (0, _element.forwardRef)(function BlockEditButton(_ref, ref) {
-  let {
-    clientId,
-    ...props
-  } = _ref;
-  const {
-    selectBlock
-  } = (0, _data.useDispatch)(_store.store);
-
-  const onClick = () => {
-    selectBlock(clientId);
-  };
-
-  return (0, _element.createElement)(_components.Button, (0, _extends2.default)({}, props, {
-    ref: ref,
-    icon: _icons.edit,
-    onClick: onClick
-  }));
-});
-
-exports.default = _default;
-//# sourceMappingURL=block-edit-button.js.map

package/build/components/off-canvas-editor/block-edit-button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/off-canvas-editor/block-edit-button.js"],"names":["BlockEditButton","ref","clientId","props","selectBlock","blockEditorStore","onClick","edit"],"mappings":";;;;;;;;;AAMA;;;;AAHA;;AACA;;AACA;;AAMA;;AAXA;AACA;AACA;;AAMA;AACA;AACA;eAGe,yBAAY,SAASA,eAAT,OAE1BC,GAF0B,EAGzB;AAAA,MAFD;AAAEC,IAAAA,QAAF;AAAY,OAAGC;AAAf,GAEC;AACD,QAAM;AAAEC,IAAAA;AAAF,MAAkB,uBAAaC,YAAb,CAAxB;;AAEA,QAAMC,OAAO,GAAG,MAAM;AACrBF,IAAAA,WAAW,CAAEF,QAAF,CAAX;AACA,GAFD;;AAIA,SACC,4BAAC,kBAAD,6BAAaC,KAAb;AAAqB,IAAA,GAAG,EAAGF,GAA3B;AAAiC,IAAA,IAAI,EAAGM,WAAxC;AAA+C,IAAA,OAAO,EAAGD;AAAzD,KADD;AAGA,CAbc,C","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { edit } from '@wordpress/icons';\nimport { Button } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport default forwardRef( function BlockEditButton(\n\t{ clientId, ...props },\n\tref\n) {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\tconst onClick = () => {\n\t\tselectBlock( clientId );\n\t};\n\n\treturn (\n\t\t<Button { ...props } ref={ ref } icon={ edit } onClick={ onClick } />\n\t);\n} );\n"]}

package/build-module/components/inner-blocks/get-block-context.js

@@ -1,37 +0,0 @@
-/**
- * External dependencies
- */
-import { mapValues } from 'lodash';
-/**
- * Block context cache, implemented as a WeakMap mapping block types to a
- * WeakMap mapping attributes object to context value.
- *
- * @type {WeakMap<string,WeakMap<string,*>>}
- */
-
-const BLOCK_CONTEXT_CACHE = new WeakMap();
-/**
- * Returns a cached context object value for a given set of attributes for the
- * block type.
- *
- * @param {Record<string,*>} attributes Block attributes object.
- * @param {WPBlockType}      blockType  Block type settings.
- *
- * @return {Record<string,*>} Context value.
- */
-
-export default function getBlockContext(attributes, blockType) {
-  if (!BLOCK_CONTEXT_CACHE.has(blockType)) {
-    BLOCK_CONTEXT_CACHE.set(blockType, new WeakMap());
-  }
-
-  const blockTypeCache = BLOCK_CONTEXT_CACHE.get(blockType);
-
-  if (!blockTypeCache.has(attributes)) {
-    const context = mapValues(blockType.providesContext, attributeName => attributes[attributeName]);
-    blockTypeCache.set(attributes, context);
-  }
-
-  return blockTypeCache.get(attributes);
-}
-//# sourceMappingURL=get-block-context.js.map

package/build-module/components/inner-blocks/get-block-context.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/inner-blocks/get-block-context.js"],"names":["mapValues","BLOCK_CONTEXT_CACHE","WeakMap","getBlockContext","attributes","blockType","has","set","blockTypeCache","get","context","providesContext","attributeName"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,SAAT,QAA0B,QAA1B;AAEA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,mBAAmB,GAAG,IAAIC,OAAJ,EAA5B;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,eAAT,CAA0BC,UAA1B,EAAsCC,SAAtC,EAAkD;AAChE,MAAK,CAAEJ,mBAAmB,CAACK,GAApB,CAAyBD,SAAzB,CAAP,EAA8C;AAC7CJ,IAAAA,mBAAmB,CAACM,GAApB,CAAyBF,SAAzB,EAAoC,IAAIH,OAAJ,EAApC;AACA;;AAED,QAAMM,cAAc,GAAGP,mBAAmB,CAACQ,GAApB,CAAyBJ,SAAzB,CAAvB;;AACA,MAAK,CAAEG,cAAc,CAACF,GAAf,CAAoBF,UAApB,CAAP,EAA0C;AACzC,UAAMM,OAAO,GAAGV,SAAS,CACxBK,SAAS,CAACM,eADc,EAEtBC,aAAF,IAAqBR,UAAU,CAAEQ,aAAF,CAFP,CAAzB;AAKAJ,IAAAA,cAAc,CAACD,GAAf,CAAoBH,UAApB,EAAgCM,OAAhC;AACA;;AAED,SAAOF,cAAc,CAACC,GAAf,CAAoBL,UAApB,CAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport { mapValues } from 'lodash';\n\n/**\n * Block context cache, implemented as a WeakMap mapping block types to a\n * WeakMap mapping attributes object to context value.\n *\n * @type {WeakMap<string,WeakMap<string,*>>}\n */\nconst BLOCK_CONTEXT_CACHE = new WeakMap();\n\n/**\n * Returns a cached context object value for a given set of attributes for the\n * block type.\n *\n * @param {Record<string,*>} attributes Block attributes object.\n * @param {WPBlockType}      blockType  Block type settings.\n *\n * @return {Record<string,*>} Context value.\n */\nexport default function getBlockContext( attributes, blockType ) {\n\tif ( ! BLOCK_CONTEXT_CACHE.has( blockType ) ) {\n\t\tBLOCK_CONTEXT_CACHE.set( blockType, new WeakMap() );\n\t}\n\n\tconst blockTypeCache = BLOCK_CONTEXT_CACHE.get( blockType );\n\tif ( ! blockTypeCache.has( attributes ) ) {\n\t\tconst context = mapValues(\n\t\t\tblockType.providesContext,\n\t\t\t( attributeName ) => attributes[ attributeName ]\n\t\t);\n\n\t\tblockTypeCache.set( attributes, context );\n\t}\n\n\treturn blockTypeCache.get( attributes );\n}\n"]}

package/build-module/components/off-canvas-editor/block-edit-button.js

@@ -1,35 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { edit } from '@wordpress/icons';
-import { Button } from '@wordpress/components';
-import { useDispatch } from '@wordpress/data';
-import { forwardRef } from '@wordpress/element';
-/**
- * Internal dependencies
- */
-
-import { store as blockEditorStore } from '../../store';
-export default forwardRef(function BlockEditButton(_ref, ref) {
-  let {
-    clientId,
-    ...props
-  } = _ref;
-  const {
-    selectBlock
-  } = useDispatch(blockEditorStore);
-
-  const onClick = () => {
-    selectBlock(clientId);
-  };
-
-  return createElement(Button, _extends({}, props, {
-    ref: ref,
-    icon: edit,
-    onClick: onClick
-  }));
-});
-//# sourceMappingURL=block-edit-button.js.map

package/build-module/components/off-canvas-editor/block-edit-button.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/off-canvas-editor/block-edit-button.js"],"names":["edit","Button","useDispatch","forwardRef","store","blockEditorStore","BlockEditButton","ref","clientId","props","selectBlock","onClick"],"mappings":";;;AAAA;AACA;AACA;AACA,SAASA,IAAT,QAAqB,kBAArB;AACA,SAASC,MAAT,QAAuB,uBAAvB;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,UAAT,QAA2B,oBAA3B;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,aAA1C;AAEA,eAAeF,UAAU,CAAE,SAASG,eAAT,OAE1BC,GAF0B,EAGzB;AAAA,MAFD;AAAEC,IAAAA,QAAF;AAAY,OAAGC;AAAf,GAEC;AACD,QAAM;AAAEC,IAAAA;AAAF,MAAkBR,WAAW,CAAEG,gBAAF,CAAnC;;AAEA,QAAMM,OAAO,GAAG,MAAM;AACrBD,IAAAA,WAAW,CAAEF,QAAF,CAAX;AACA,GAFD;;AAIA,SACC,cAAC,MAAD,eAAaC,KAAb;AAAqB,IAAA,GAAG,EAAGF,GAA3B;AAAiC,IAAA,IAAI,EAAGP,IAAxC;AAA+C,IAAA,OAAO,EAAGW;AAAzD,KADD;AAGA,CAbwB,CAAzB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { edit } from '@wordpress/icons';\nimport { Button } from '@wordpress/components';\nimport { useDispatch } from '@wordpress/data';\nimport { forwardRef } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../../store';\n\nexport default forwardRef( function BlockEditButton(\n\t{ clientId, ...props },\n\tref\n) {\n\tconst { selectBlock } = useDispatch( blockEditorStore );\n\n\tconst onClick = () => {\n\t\tselectBlock( clientId );\n\t};\n\n\treturn (\n\t\t<Button { ...props } ref={ ref } icon={ edit } onClick={ onClick } />\n\t);\n} );\n"]}

package/src/components/inner-blocks/get-block-context.js

@@ -1,39 +0,0 @@
-/**
- * External dependencies
- */
-import { mapValues } from 'lodash';
-
-/**
- * Block context cache, implemented as a WeakMap mapping block types to a
- * WeakMap mapping attributes object to context value.
- *
- * @type {WeakMap<string,WeakMap<string,*>>}
- */
-const BLOCK_CONTEXT_CACHE = new WeakMap();
-
-/**
- * Returns a cached context object value for a given set of attributes for the
- * block type.
- *
- * @param {Record<string,*>} attributes Block attributes object.
- * @param {WPBlockType}      blockType  Block type settings.
- *
- * @return {Record<string,*>} Context value.
- */
-export default function getBlockContext( attributes, blockType ) {
-	if ( ! BLOCK_CONTEXT_CACHE.has( blockType ) ) {
-		BLOCK_CONTEXT_CACHE.set( blockType, new WeakMap() );
-	}
-
-	const blockTypeCache = BLOCK_CONTEXT_CACHE.get( blockType );
-	if ( ! blockTypeCache.has( attributes ) ) {
-		const context = mapValues(
-			blockType.providesContext,
-			( attributeName ) => attributes[ attributeName ]
-		);
-
-		blockTypeCache.set( attributes, context );
-	}
-
-	return blockTypeCache.get( attributes );
-}

package/src/components/off-canvas-editor/block-edit-button.js

@@ -1,27 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { edit } from '@wordpress/icons';
-import { Button } from '@wordpress/components';
-import { useDispatch } from '@wordpress/data';
-import { forwardRef } from '@wordpress/element';
-
-/**
- * Internal dependencies
- */
-import { store as blockEditorStore } from '../../store';
-
-export default forwardRef( function BlockEditButton(
-	{ clientId, ...props },
-	ref
-) {
-	const { selectBlock } = useDispatch( blockEditorStore );
-
-	const onClick = () => {
-		selectBlock( clientId );
-	};
-
-	return (
-		<Button { ...props } ref={ ref } icon={ edit } onClick={ onClick } />
-	);
-} );