@wordpress/block-library 11.1.0 → 11.2.0

package/src/term-template/README.md

@@ -38,6 +38,9 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 - [`typography`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography):
   - [`fontSize`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-fontsize): `true`
   - [`lineHeight`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-lineheight): `true`
+- [`dimensions`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#dimensions):
+  - `minHeight`: `true`
+  - `minWidth`: `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `true`
   - `padding`: `true`

package/src/term-template/block.json

@@ -43,6 +43,10 @@
 				"fontSize": true
 			}
 		},
+		"dimensions": {
+			"minHeight": true,
+			"minWidth": true
+		},
 		"spacing": {
 			"margin": true,
 			"padding": true,

package/src/utils/test/waveform-player-auto-init.jsdom.test.js

@@ -0,0 +1,25 @@
+import { afterEach, describe, expect, it, vi } from 'vitest';
+
+/*
+ * Kept in a file of its own: the dependency is evaluated once per file and CI
+ * shuffles test order, so any sibling test importing it first would leave this
+ * one asserting an already scanned document.
+ */
+describe( 'Waveform Player auto-initialization', () => {
+	afterEach( () => {
+		vi.resetModules();
+		document.body.innerHTML = '';
+		delete window.WaveformPlayer;
+	} );
+
+	it( 'leaves declarative markup it does not own uninitialized', async () => {
+		const element = document.createElement( 'div' );
+		element.setAttribute( 'data-waveform-player', '' );
+		document.body.appendChild( element );
+
+		await import( '../waveform-utils' );
+
+		expect( element ).not.toHaveAttribute( 'data-waveform-initialized' );
+		expect( element ).toBeEmptyDOMElement();
+	} );
+} );

package/src/utils/test/waveform-player-dependency.jsdom.test.js

@@ -1,25 +1,17 @@
 import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 
-const FIXTURE_ATTRIBUTE = 'data-player-fixture';
-
-function createDeclarativePlayer( attributes = {} ) {
+function createDeclarativePlayer() {
 	const element = document.createElement( 'div' );
 	element.setAttribute( 'data-waveform-player', '' );
-
-	for ( const [ name, value ] of Object.entries( attributes ) ) {
-		element.setAttribute( name, value );
-	}
-
 	document.body.appendChild( element );
 	return element;
 }
 
-async function loadWaveformPlayer() {
-	return ( await import( '@arraypress/waveform-player' ) ).default;
+async function loadWaveformUtils() {
+	await import( '../waveform-utils' );
 }
 
 describe( 'Waveform Player dependency', () => {
-	let WaveformPlayer;
 	let originalReadyState;
 	let jsdomStubs;
 
@@ -48,12 +40,11 @@ describe( 'Waveform Player dependency', () => {
 	} );
 
 	afterEach( () => {
-		WaveformPlayer?.destroyAll();
+		window.WaveformPlayer?.destroyAll();
 		jsdomStubs.forEach( ( stub ) => stub.mockRestore() );
 		vi.useRealTimers();
 		vi.resetModules();
 		document.body.innerHTML = '';
-		delete window.WaveformPlayer;
 
 		if ( originalReadyState ) {
 			Object.defineProperty( document, 'readyState', originalReadyState );
@@ -62,55 +53,11 @@ describe( 'Waveform Player dependency', () => {
 		}
 	} );
 
-	it( 'uses the default control icons when declarative icon values are unsupported', async () => {
-		const iconValue = `<span ${ FIXTURE_ATTRIBUTE }></span>`;
-		const element = createDeclarativePlayer( {
-			'data-play-icon': iconValue,
-			'data-pause-icon': iconValue,
-		} );
-
-		WaveformPlayer = await loadWaveformPlayer();
-		WaveformPlayer.init();
-
-		expect(
-			element.querySelector( `[${ FIXTURE_ATTRIBUTE }]` )
-		).toBeNull();
-		expect(
-			element.querySelector( '.waveform-icon-play svg' )
-		).not.toBeNull();
-		expect(
-			element.querySelector( '.waveform-icon-pause svg' )
-		).not.toBeNull();
-	} );
-
-	it( 'supports custom control icons passed to the constructor', async () => {
-		const element = document.createElement( 'div' );
-		const icon = document.createElementNS(
-			'http://www.w3.org/2000/svg',
-			'svg'
-		);
-		icon.setAttribute( FIXTURE_ATTRIBUTE, 'constructor' );
-		document.body.appendChild( element );
-
-		WaveformPlayer = await loadWaveformPlayer();
-		new WaveformPlayer( element, {
-			playIcon: icon.outerHTML,
-		} );
-
-		expect(
-			element.querySelector( `[${ FIXTURE_ATTRIBUTE }="constructor"]` )
-		).not.toBeNull();
-	} );
-
-	it( 'initializes declarative players only after an explicit request', async () => {
+	it( 'initializes declarative markup that is requested explicitly', async () => {
 		const element = createDeclarativePlayer();
 
-		WaveformPlayer = await loadWaveformPlayer();
-
-		expect( element ).not.toHaveAttribute( 'data-waveform-initialized' );
-		expect( element ).toBeEmptyDOMElement();
-
-		WaveformPlayer.init();
+		await loadWaveformUtils();
+		window.WaveformPlayer.init( element );
 
 		expect( element ).toHaveAttribute(
 			'data-waveform-initialized',

package/src/utils/test/waveform-utils.browser.test.js

@@ -757,24 +757,12 @@ describe( 'Waveform utilities', () => {
 	} );
 
 	describe( 'logPlayError', () => {
-		let consoleErrorSpy;
-
-		beforeEach( () => {
-			consoleErrorSpy = vi
-				.spyOn( console, 'error' )
-				.mockImplementation( () => {} );
-		} );
-
-		afterEach( () => {
-			consoleErrorSpy.mockRestore();
-		} );
-
 		it( 'should not log AbortError', () => {
 			const abortError = new DOMException( 'Aborted', 'AbortError' );
 
 			logPlayError( abortError );
 
-			expect( consoleErrorSpy ).not.toHaveBeenCalled();
+			expect( console ).not.toHaveErrored();
 		} );
 
 		it( 'should log other errors', () => {
@@ -782,7 +770,7 @@ describe( 'Waveform utilities', () => {
 
 			logPlayError( otherError );
 
-			expect( consoleErrorSpy ).toHaveBeenCalledWith(
+			expect( console ).toHaveErroredWith(
 				'Playlist play error:',
 				otherError
 			);
@@ -796,7 +784,7 @@ describe( 'Waveform utilities', () => {
 
 			logPlayError( notAllowedError );
 
-			expect( consoleErrorSpy ).toHaveBeenCalledWith(
+			expect( console ).toHaveErroredWith(
 				'Playlist play error:',
 				notAllowedError
 			);

package/src/utils/waveform-utils.js

@@ -3,7 +3,7 @@
  * Used by both the WaveformPlayer component (editor) and view.js (frontend).
  */
 import { colord } from 'colord';
-import WaveformPlayerLib from '@arraypress/waveform-player';
+import WaveformPlayerLib from '@arraypress/waveform-player/no-autoinit';
 
 /**
  * Configuration constants.

package/src/verse/README.md

@@ -31,10 +31,14 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
   - [`link`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#color-link): `true`
 - [`dimensions`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#dimensions):
   - `minHeight`: `true`
+  - `minWidth`: `true`
 - [`typography`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography):
   - [`fontSize`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-fontsize): `true`
   - [`lineHeight`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-lineheight): `true`
   - [`textAlign`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#typography-textalign): `true`
+  - `textColumns`: `true`
+  - `textIndent`: `true`
+  - `fitText`: `true`
 - [`shadow`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#shadow): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `true`

package/src/verse/block.json

@@ -37,6 +37,7 @@
 		},
 		"dimensions": {
 			"minHeight": true,
+			"minWidth": true,
 			"__experimentalDefaultControls": {
 				"minHeight": false
 			}
@@ -46,12 +47,15 @@
 			"__experimentalFontFamily": true,
 			"lineHeight": true,
 			"textAlign": true,
+			"textColumns": true,
+			"textIndent": true,
 			"__experimentalFontStyle": true,
 			"__experimentalFontWeight": true,
 			"__experimentalLetterSpacing": true,
 			"__experimentalTextTransform": true,
 			"__experimentalTextDecoration": true,
 			"__experimentalWritingMode": true,
+			"fitText": true,
 			"__experimentalDefaultControls": {
 				"fontSize": true
 			}

package/src/verse/style.scss

@@ -2,13 +2,22 @@ pre.wp-block-verse {
 	box-sizing: border-box;
 	overflow: auto;
 	white-space: pre-wrap;
+	word-break: normal;
+	overflow-wrap: break-word;
+}
 
+:root :where(pre.wp-block-verse) {
 	// Prevent text overflow off-screen when the previous block has float.
+	// :root :where() matches Global Styles specificity so a minimum width set
+	// there can win, since block library styles load first.
 	min-width: 1em;
-	word-break: normal;
-	overflow-wrap: break-word;
 }
 
 :where(pre.wp-block-verse) {
 	font-family: inherit;
 }
+
+// Fit text sets `white-space: nowrap`, which collapses the spacing poetry relies on.
+pre.wp-block-verse.has-fit-text {
+	white-space: pre !important;
+}

package/src/video/README.md

@@ -36,6 +36,8 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 
 - [`anchor`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#anchor): `true`
 - [`align`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#align): `true`
+- [`filter`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#filter):
+  - [`duotone`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#filter-duotone): `true`
 - [`spacing`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-supports/#spacing):
   - `margin`: `true`
   - `padding`: `true`
@@ -48,6 +50,8 @@ _Defined via the [`supports`](https://developer.wordpress.org/block-editor/refer
 _Defined via the [`selectors`](https://developer.wordpress.org/block-editor/reference-guides/block-api/block-selectors/) property in block.json._
 
 - **shadow**: `.wp-block-video video`
+- **filter**:
+  - duotone: `.wp-block-video video`
 
 ## Block Markup
 

package/src/video/block.json

@@ -91,6 +91,9 @@
 	"supports": {
 		"anchor": true,
 		"align": true,
+		"filter": {
+			"duotone": true
+		},
 		"spacing": {
 			"margin": true,
 			"padding": true,
@@ -107,7 +110,10 @@
 		}
 	},
 	"selectors": {
-		"shadow": ".wp-block-video video"
+		"shadow": ".wp-block-video video",
+		"filter": {
+			"duotone": ".wp-block-video video"
+		}
 	},
 	"editorStyle": "wp-block-video-editor",
 	"style": "wp-block-video"

package/src/video/edit.jsx

@@ -16,7 +16,9 @@ import {
 	__experimentalGetShadowClassesAndStyles as getShadowClassesAndStyles,
 } from '@wordpress/block-editor';
 import { useRef, useEffect, useState } from '@wordpress/element';
+import { useReducedMotion } from '@wordpress/compose';
 import { __ } from '@wordpress/i18n';
+import { inertValue } from '@wordpress/react-inert-value';
 import { useDispatch } from '@wordpress/data';
 import { video as icon } from '@wordpress/icons';
 import { store as noticesStore } from '@wordpress/notices';
@@ -73,6 +75,7 @@ function VideoEdit( {
 	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
 	const blockEditingMode = useBlockEditingMode();
 	const hasNonContentControls = blockEditingMode === 'default';
+	const prefersReducedMotion = useReducedMotion();
 
 	useUploadMediaFromBlobURL( {
 		url: temporaryURL,
@@ -87,6 +90,14 @@ function VideoEdit( {
 			videoPlayer.current.load();
 		}
 	}, [ poster ] );
+
+	// `autoPlay` only applies when the video loads, so pause a video that is
+	// already playing when the user turns on reduced motion.
+	useEffect( () => {
+		if ( prefersReducedMotion ) {
+			videoPlayer.current?.pause();
+		}
+	}, [ prefersReducedMotion ] );
 	// TODO: Whether the video was obtained from the media library or was provided by URL, obtain the `videoWidth` and `videoHeight` of the video once its metadata has loaded and persist in the block attributes.
 	function onSelectVideo( media ) {
 		if ( ! media || ! media.url ) {
@@ -250,11 +261,11 @@ function VideoEdit( {
 			<figure { ...blockProps }>
 				<video
 					controls={ controls }
-					inert={ ! isSingleSelected ? 'true' : undefined }
+					inert={ inertValue( ! isSingleSelected ) }
 					poster={ poster }
 					src={ src || temporaryURL }
 					ref={ videoPlayer }
-					autoPlay={ autoplay }
+					autoPlay={ autoplay && ! prefersReducedMotion }
 					loop={ loop }
 					muted={ muted }
 					playsInline={ playsInline }

package/build/columns/utils.cjs

@@ -1,112 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// packages/block-library/src/columns/utils.js
-var utils_exports = {};
-__export(utils_exports, {
-  getColumnWidths: () => getColumnWidths,
-  getEffectiveColumnWidth: () => getEffectiveColumnWidth,
-  getMappedColumnWidths: () => getMappedColumnWidths,
-  getRedistributedColumnWidths: () => getRedistributedColumnWidths,
-  getTotalColumnsWidth: () => getTotalColumnsWidth,
-  getWidthWithUnit: () => getWidthWithUnit,
-  getWidths: () => getWidths,
-  hasExplicitPercentColumnWidths: () => hasExplicitPercentColumnWidths,
-  isPercentageUnit: () => isPercentageUnit,
-  toWidthPrecision: () => toWidthPrecision
-});
-module.exports = __toCommonJS(utils_exports);
-var toWidthPrecision = (value) => {
-  const unitlessValue = parseFloat(value);
-  return Number.isFinite(unitlessValue) ? parseFloat(unitlessValue.toFixed(2)) : void 0;
-};
-function getEffectiveColumnWidth(block, totalBlockCount) {
-  const { width = 100 / totalBlockCount } = block.attributes;
-  return toWidthPrecision(width);
-}
-function getTotalColumnsWidth(blocks, totalBlockCount = blocks.length) {
-  return blocks.reduce(
-    (sum, block) => sum + getEffectiveColumnWidth(block, totalBlockCount),
-    0
-  );
-}
-function getColumnWidths(blocks, totalBlockCount = blocks.length) {
-  return blocks.reduce((accumulator, block) => {
-    const width = getEffectiveColumnWidth(block, totalBlockCount);
-    return Object.assign(accumulator, { [block.clientId]: width });
-  }, {});
-}
-function getRedistributedColumnWidths(blocks, availableWidth, totalBlockCount = blocks.length) {
-  const totalWidth = getTotalColumnsWidth(blocks, totalBlockCount);
-  return Object.fromEntries(
-    Object.entries(getColumnWidths(blocks, totalBlockCount)).map(
-      ([clientId, width]) => {
-        const newWidth = availableWidth * width / totalWidth;
-        return [clientId, toWidthPrecision(newWidth)];
-      }
-    )
-  );
-}
-function hasExplicitPercentColumnWidths(blocks) {
-  return blocks.every((block) => {
-    const blockWidth = block.attributes.width;
-    return Number.isFinite(
-      blockWidth?.endsWith?.("%") ? parseFloat(blockWidth) : blockWidth
-    );
-  });
-}
-function getMappedColumnWidths(blocks, widths) {
-  return blocks.map((block) => ({
-    ...block,
-    attributes: {
-      ...block.attributes,
-      width: `${widths[block.clientId]}%`
-    }
-  }));
-}
-function getWidths(blocks, withParsing = true) {
-  return blocks.map((innerColumn) => {
-    const innerColumnWidth = innerColumn.attributes.width || 100 / blocks.length;
-    return withParsing ? parseFloat(innerColumnWidth) : innerColumnWidth;
-  });
-}
-function getWidthWithUnit(width, unit) {
-  width = 0 > parseFloat(width) ? "0" : width;
-  if (isPercentageUnit(unit)) {
-    width = Math.min(width, 100);
-  }
-  return `${width}${unit}`;
-}
-function isPercentageUnit(unit) {
-  return unit === "%";
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  getColumnWidths,
-  getEffectiveColumnWidth,
-  getMappedColumnWidths,
-  getRedistributedColumnWidths,
-  getTotalColumnsWidth,
-  getWidthWithUnit,
-  getWidths,
-  hasExplicitPercentColumnWidths,
-  isPercentageUnit,
-  toWidthPrecision
-});
-//# sourceMappingURL=utils.cjs.map

package/build/columns/utils.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/columns/utils.js"],
-  "sourcesContent": ["/**\n * Returns a column width attribute value rounded to standard precision.\n * Returns `undefined` if the value is not a valid finite number.\n *\n * @param {?number} value Raw value.\n *\n * @return {number} Value rounded to standard precision.\n */\nexport const toWidthPrecision = ( value ) => {\n\tconst unitlessValue = parseFloat( value );\n\treturn Number.isFinite( unitlessValue )\n\t\t? parseFloat( unitlessValue.toFixed( 2 ) )\n\t\t: undefined;\n};\n/**\n * Returns an effective width for a given block. An effective width is equal to\n * its attribute value if set, or a computed value assuming equal distribution.\n *\n * @param {WPBlock} block           Block object.\n * @param {number}  totalBlockCount Total number of blocks in Columns.\n *\n * @return {number} Effective column width.\n */\nexport function getEffectiveColumnWidth( block, totalBlockCount ) {\n\tconst { width = 100 / totalBlockCount } = block.attributes;\n\treturn toWidthPrecision( width );\n}\n\n/**\n * Returns the total width occupied by the given set of column blocks.\n *\n * @param {WPBlock[]} blocks          Block objects.\n * @param {?number}   totalBlockCount Total number of blocks in Columns.\n *                                    Defaults to number of blocks passed.\n *\n * @return {number} Total width occupied by blocks.\n */\nexport function getTotalColumnsWidth(\n\tblocks,\n\ttotalBlockCount = blocks.length\n) {\n\treturn blocks.reduce(\n\t\t( sum, block ) =>\n\t\t\tsum + getEffectiveColumnWidth( block, totalBlockCount ),\n\t\t0\n\t);\n}\n\n/**\n * Returns an object of `clientId` → `width` of effective column widths.\n *\n * @param {WPBlock[]} blocks          Block objects.\n * @param {?number}   totalBlockCount Total number of blocks in Columns.\n *                                    Defaults to number of blocks passed.\n *\n * @return {Object<string,number>} Column widths.\n */\nexport function getColumnWidths( blocks, totalBlockCount = blocks.length ) {\n\treturn blocks.reduce( ( accumulator, block ) => {\n\t\tconst width = getEffectiveColumnWidth( block, totalBlockCount );\n\t\treturn Object.assign( accumulator, { [ block.clientId ]: width } );\n\t}, {} );\n}\n\n/**\n * Returns an object of `clientId` → `width` of column widths as redistributed\n * proportional to their current widths, constrained or expanded to fit within\n * the given available width.\n *\n * @param {WPBlock[]} blocks          Block objects.\n * @param {number}    availableWidth  Maximum width to fit within.\n * @param {?number}   totalBlockCount Total number of blocks in Columns.\n *                                    Defaults to number of blocks passed.\n *\n * @return {Object<string,number>} Redistributed column widths.\n */\nexport function getRedistributedColumnWidths(\n\tblocks,\n\tavailableWidth,\n\ttotalBlockCount = blocks.length\n) {\n\tconst totalWidth = getTotalColumnsWidth( blocks, totalBlockCount );\n\n\treturn Object.fromEntries(\n\t\tObject.entries( getColumnWidths( blocks, totalBlockCount ) ).map(\n\t\t\t( [ clientId, width ] ) => {\n\t\t\t\tconst newWidth = ( availableWidth * width ) / totalWidth;\n\t\t\t\treturn [ clientId, toWidthPrecision( newWidth ) ];\n\t\t\t}\n\t\t)\n\t);\n}\n\n/**\n * Returns true if column blocks within the provided set are assigned with\n * explicit widths, or false otherwise.\n *\n * @param {WPBlock[]} blocks Block objects.\n *\n * @return {boolean} Whether columns have explicit widths.\n */\nexport function hasExplicitPercentColumnWidths( blocks ) {\n\treturn blocks.every( ( block ) => {\n\t\tconst blockWidth = block.attributes.width;\n\t\treturn Number.isFinite(\n\t\t\tblockWidth?.endsWith?.( '%' )\n\t\t\t\t? parseFloat( blockWidth )\n\t\t\t\t: blockWidth\n\t\t);\n\t} );\n}\n\n/**\n * Returns a copy of the given set of blocks with new widths assigned from the\n * provided object of redistributed column widths.\n *\n * @param {WPBlock[]}             blocks Block objects.\n * @param {Object<string,number>} widths Redistributed column widths.\n *\n * @return {WPBlock[]} blocks Mapped block objects.\n */\nexport function getMappedColumnWidths( blocks, widths ) {\n\treturn blocks.map( ( block ) => ( {\n\t\t...block,\n\t\tattributes: {\n\t\t\t...block.attributes,\n\t\t\twidth: `${ widths[ block.clientId ] }%`,\n\t\t},\n\t} ) );\n}\n\n/**\n * Returns an array with columns widths values, parsed or no depends on `withParsing` flag.\n *\n * @param {WPBlock[]} blocks      Block objects.\n * @param {?boolean}  withParsing Whether value has to be parsed.\n *\n * @return {Array<number,string>} Column widths.\n */\nexport function getWidths( blocks, withParsing = true ) {\n\treturn blocks.map( ( innerColumn ) => {\n\t\tconst innerColumnWidth =\n\t\t\tinnerColumn.attributes.width || 100 / blocks.length;\n\n\t\treturn withParsing ? parseFloat( innerColumnWidth ) : innerColumnWidth;\n\t} );\n}\n\n/**\n * Returns a column width with unit.\n *\n * @param {string} width Column width.\n * @param {string} unit  Column width unit.\n *\n * @return {string} Column width with unit.\n */\nexport function getWidthWithUnit( width, unit ) {\n\twidth = 0 > parseFloat( width ) ? '0' : width;\n\n\tif ( isPercentageUnit( unit ) ) {\n\t\twidth = Math.min( width, 100 );\n\t}\n\n\treturn `${ width }${ unit }`;\n}\n\n/**\n * Returns a boolean whether passed unit is percentage\n *\n * @param {string} unit Column width unit.\n *\n * @return {boolean} \tWhether unit is '%'.\n */\nexport function isPercentageUnit( unit ) {\n\treturn unit === '%';\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQO,IAAM,mBAAmB,CAAE,UAAW;AAC5C,QAAM,gBAAgB,WAAY,KAAM;AACxC,SAAO,OAAO,SAAU,aAAc,IACnC,WAAY,cAAc,QAAS,CAAE,CAAE,IACvC;AACJ;AAUO,SAAS,wBAAyB,OAAO,iBAAkB;AACjE,QAAM,EAAE,QAAQ,MAAM,gBAAgB,IAAI,MAAM;AAChD,SAAO,iBAAkB,KAAM;AAChC;AAWO,SAAS,qBACf,QACA,kBAAkB,OAAO,QACxB;AACD,SAAO,OAAO;AAAA,IACb,CAAE,KAAK,UACN,MAAM,wBAAyB,OAAO,eAAgB;AAAA,IACvD;AAAA,EACD;AACD;AAWO,SAAS,gBAAiB,QAAQ,kBAAkB,OAAO,QAAS;AAC1E,SAAO,OAAO,OAAQ,CAAE,aAAa,UAAW;AAC/C,UAAM,QAAQ,wBAAyB,OAAO,eAAgB;AAC9D,WAAO,OAAO,OAAQ,aAAa,EAAE,CAAE,MAAM,QAAS,GAAG,MAAM,CAAE;AAAA,EAClE,GAAG,CAAC,CAAE;AACP;AAcO,SAAS,6BACf,QACA,gBACA,kBAAkB,OAAO,QACxB;AACD,QAAM,aAAa,qBAAsB,QAAQ,eAAgB;AAEjE,SAAO,OAAO;AAAA,IACb,OAAO,QAAS,gBAAiB,QAAQ,eAAgB,CAAE,EAAE;AAAA,MAC5D,CAAE,CAAE,UAAU,KAAM,MAAO;AAC1B,cAAM,WAAa,iBAAiB,QAAU;AAC9C,eAAO,CAAE,UAAU,iBAAkB,QAAS,CAAE;AAAA,MACjD;AAAA,IACD;AAAA,EACD;AACD;AAUO,SAAS,+BAAgC,QAAS;AACxD,SAAO,OAAO,MAAO,CAAE,UAAW;AACjC,UAAM,aAAa,MAAM,WAAW;AACpC,WAAO,OAAO;AAAA,MACb,YAAY,WAAY,GAAI,IACzB,WAAY,UAAW,IACvB;AAAA,IACJ;AAAA,EACD,CAAE;AACH;AAWO,SAAS,sBAAuB,QAAQ,QAAS;AACvD,SAAO,OAAO,IAAK,CAAE,WAAa;AAAA,IACjC,GAAG;AAAA,IACH,YAAY;AAAA,MACX,GAAG,MAAM;AAAA,MACT,OAAO,GAAI,OAAQ,MAAM,QAAS,CAAE;AAAA,IACrC;AAAA,EACD,EAAI;AACL;AAUO,SAAS,UAAW,QAAQ,cAAc,MAAO;AACvD,SAAO,OAAO,IAAK,CAAE,gBAAiB;AACrC,UAAM,mBACL,YAAY,WAAW,SAAS,MAAM,OAAO;AAE9C,WAAO,cAAc,WAAY,gBAAiB,IAAI;AAAA,EACvD,CAAE;AACH;AAUO,SAAS,iBAAkB,OAAO,MAAO;AAC/C,UAAQ,IAAI,WAAY,KAAM,IAAI,MAAM;AAExC,MAAK,iBAAkB,IAAK,GAAI;AAC/B,YAAQ,KAAK,IAAK,OAAO,GAAI;AAAA,EAC9B;AAEA,SAAO,GAAI,KAAM,GAAI,IAAK;AAC3B;AASO,SAAS,iBAAkB,MAAO;AACxC,SAAO,SAAS;AACjB;",
-  "names": []
-}

package/build-module/columns/utils.mjs

@@ -1,78 +0,0 @@
-// packages/block-library/src/columns/utils.js
-var toWidthPrecision = (value) => {
-  const unitlessValue = parseFloat(value);
-  return Number.isFinite(unitlessValue) ? parseFloat(unitlessValue.toFixed(2)) : void 0;
-};
-function getEffectiveColumnWidth(block, totalBlockCount) {
-  const { width = 100 / totalBlockCount } = block.attributes;
-  return toWidthPrecision(width);
-}
-function getTotalColumnsWidth(blocks, totalBlockCount = blocks.length) {
-  return blocks.reduce(
-    (sum, block) => sum + getEffectiveColumnWidth(block, totalBlockCount),
-    0
-  );
-}
-function getColumnWidths(blocks, totalBlockCount = blocks.length) {
-  return blocks.reduce((accumulator, block) => {
-    const width = getEffectiveColumnWidth(block, totalBlockCount);
-    return Object.assign(accumulator, { [block.clientId]: width });
-  }, {});
-}
-function getRedistributedColumnWidths(blocks, availableWidth, totalBlockCount = blocks.length) {
-  const totalWidth = getTotalColumnsWidth(blocks, totalBlockCount);
-  return Object.fromEntries(
-    Object.entries(getColumnWidths(blocks, totalBlockCount)).map(
-      ([clientId, width]) => {
-        const newWidth = availableWidth * width / totalWidth;
-        return [clientId, toWidthPrecision(newWidth)];
-      }
-    )
-  );
-}
-function hasExplicitPercentColumnWidths(blocks) {
-  return blocks.every((block) => {
-    const blockWidth = block.attributes.width;
-    return Number.isFinite(
-      blockWidth?.endsWith?.("%") ? parseFloat(blockWidth) : blockWidth
-    );
-  });
-}
-function getMappedColumnWidths(blocks, widths) {
-  return blocks.map((block) => ({
-    ...block,
-    attributes: {
-      ...block.attributes,
-      width: `${widths[block.clientId]}%`
-    }
-  }));
-}
-function getWidths(blocks, withParsing = true) {
-  return blocks.map((innerColumn) => {
-    const innerColumnWidth = innerColumn.attributes.width || 100 / blocks.length;
-    return withParsing ? parseFloat(innerColumnWidth) : innerColumnWidth;
-  });
-}
-function getWidthWithUnit(width, unit) {
-  width = 0 > parseFloat(width) ? "0" : width;
-  if (isPercentageUnit(unit)) {
-    width = Math.min(width, 100);
-  }
-  return `${width}${unit}`;
-}
-function isPercentageUnit(unit) {
-  return unit === "%";
-}
-export {
-  getColumnWidths,
-  getEffectiveColumnWidth,
-  getMappedColumnWidths,
-  getRedistributedColumnWidths,
-  getTotalColumnsWidth,
-  getWidthWithUnit,
-  getWidths,
-  hasExplicitPercentColumnWidths,
-  isPercentageUnit,
-  toWidthPrecision
-};
-//# sourceMappingURL=utils.mjs.map

package/build-module/columns/utils.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/columns/utils.js"],
-  "sourcesContent": ["/**\n * Returns a column width attribute value rounded to standard precision.\n * Returns `undefined` if the value is not a valid finite number.\n *\n * @param {?number} value Raw value.\n *\n * @return {number} Value rounded to standard precision.\n */\nexport const toWidthPrecision = ( value ) => {\n\tconst unitlessValue = parseFloat( value );\n\treturn Number.isFinite( unitlessValue )\n\t\t? parseFloat( unitlessValue.toFixed( 2 ) )\n\t\t: undefined;\n};\n/**\n * Returns an effective width for a given block. An effective width is equal to\n * its attribute value if set, or a computed value assuming equal distribution.\n *\n * @param {WPBlock} block           Block object.\n * @param {number}  totalBlockCount Total number of blocks in Columns.\n *\n * @return {number} Effective column width.\n */\nexport function getEffectiveColumnWidth( block, totalBlockCount ) {\n\tconst { width = 100 / totalBlockCount } = block.attributes;\n\treturn toWidthPrecision( width );\n}\n\n/**\n * Returns the total width occupied by the given set of column blocks.\n *\n * @param {WPBlock[]} blocks          Block objects.\n * @param {?number}   totalBlockCount Total number of blocks in Columns.\n *                                    Defaults to number of blocks passed.\n *\n * @return {number} Total width occupied by blocks.\n */\nexport function getTotalColumnsWidth(\n\tblocks,\n\ttotalBlockCount = blocks.length\n) {\n\treturn blocks.reduce(\n\t\t( sum, block ) =>\n\t\t\tsum + getEffectiveColumnWidth( block, totalBlockCount ),\n\t\t0\n\t);\n}\n\n/**\n * Returns an object of `clientId` → `width` of effective column widths.\n *\n * @param {WPBlock[]} blocks          Block objects.\n * @param {?number}   totalBlockCount Total number of blocks in Columns.\n *                                    Defaults to number of blocks passed.\n *\n * @return {Object<string,number>} Column widths.\n */\nexport function getColumnWidths( blocks, totalBlockCount = blocks.length ) {\n\treturn blocks.reduce( ( accumulator, block ) => {\n\t\tconst width = getEffectiveColumnWidth( block, totalBlockCount );\n\t\treturn Object.assign( accumulator, { [ block.clientId ]: width } );\n\t}, {} );\n}\n\n/**\n * Returns an object of `clientId` → `width` of column widths as redistributed\n * proportional to their current widths, constrained or expanded to fit within\n * the given available width.\n *\n * @param {WPBlock[]} blocks          Block objects.\n * @param {number}    availableWidth  Maximum width to fit within.\n * @param {?number}   totalBlockCount Total number of blocks in Columns.\n *                                    Defaults to number of blocks passed.\n *\n * @return {Object<string,number>} Redistributed column widths.\n */\nexport function getRedistributedColumnWidths(\n\tblocks,\n\tavailableWidth,\n\ttotalBlockCount = blocks.length\n) {\n\tconst totalWidth = getTotalColumnsWidth( blocks, totalBlockCount );\n\n\treturn Object.fromEntries(\n\t\tObject.entries( getColumnWidths( blocks, totalBlockCount ) ).map(\n\t\t\t( [ clientId, width ] ) => {\n\t\t\t\tconst newWidth = ( availableWidth * width ) / totalWidth;\n\t\t\t\treturn [ clientId, toWidthPrecision( newWidth ) ];\n\t\t\t}\n\t\t)\n\t);\n}\n\n/**\n * Returns true if column blocks within the provided set are assigned with\n * explicit widths, or false otherwise.\n *\n * @param {WPBlock[]} blocks Block objects.\n *\n * @return {boolean} Whether columns have explicit widths.\n */\nexport function hasExplicitPercentColumnWidths( blocks ) {\n\treturn blocks.every( ( block ) => {\n\t\tconst blockWidth = block.attributes.width;\n\t\treturn Number.isFinite(\n\t\t\tblockWidth?.endsWith?.( '%' )\n\t\t\t\t? parseFloat( blockWidth )\n\t\t\t\t: blockWidth\n\t\t);\n\t} );\n}\n\n/**\n * Returns a copy of the given set of blocks with new widths assigned from the\n * provided object of redistributed column widths.\n *\n * @param {WPBlock[]}             blocks Block objects.\n * @param {Object<string,number>} widths Redistributed column widths.\n *\n * @return {WPBlock[]} blocks Mapped block objects.\n */\nexport function getMappedColumnWidths( blocks, widths ) {\n\treturn blocks.map( ( block ) => ( {\n\t\t...block,\n\t\tattributes: {\n\t\t\t...block.attributes,\n\t\t\twidth: `${ widths[ block.clientId ] }%`,\n\t\t},\n\t} ) );\n}\n\n/**\n * Returns an array with columns widths values, parsed or no depends on `withParsing` flag.\n *\n * @param {WPBlock[]} blocks      Block objects.\n * @param {?boolean}  withParsing Whether value has to be parsed.\n *\n * @return {Array<number,string>} Column widths.\n */\nexport function getWidths( blocks, withParsing = true ) {\n\treturn blocks.map( ( innerColumn ) => {\n\t\tconst innerColumnWidth =\n\t\t\tinnerColumn.attributes.width || 100 / blocks.length;\n\n\t\treturn withParsing ? parseFloat( innerColumnWidth ) : innerColumnWidth;\n\t} );\n}\n\n/**\n * Returns a column width with unit.\n *\n * @param {string} width Column width.\n * @param {string} unit  Column width unit.\n *\n * @return {string} Column width with unit.\n */\nexport function getWidthWithUnit( width, unit ) {\n\twidth = 0 > parseFloat( width ) ? '0' : width;\n\n\tif ( isPercentageUnit( unit ) ) {\n\t\twidth = Math.min( width, 100 );\n\t}\n\n\treturn `${ width }${ unit }`;\n}\n\n/**\n * Returns a boolean whether passed unit is percentage\n *\n * @param {string} unit Column width unit.\n *\n * @return {boolean} \tWhether unit is '%'.\n */\nexport function isPercentageUnit( unit ) {\n\treturn unit === '%';\n}\n"],
-  "mappings": ";AAQO,IAAM,mBAAmB,CAAE,UAAW;AAC5C,QAAM,gBAAgB,WAAY,KAAM;AACxC,SAAO,OAAO,SAAU,aAAc,IACnC,WAAY,cAAc,QAAS,CAAE,CAAE,IACvC;AACJ;AAUO,SAAS,wBAAyB,OAAO,iBAAkB;AACjE,QAAM,EAAE,QAAQ,MAAM,gBAAgB,IAAI,MAAM;AAChD,SAAO,iBAAkB,KAAM;AAChC;AAWO,SAAS,qBACf,QACA,kBAAkB,OAAO,QACxB;AACD,SAAO,OAAO;AAAA,IACb,CAAE,KAAK,UACN,MAAM,wBAAyB,OAAO,eAAgB;AAAA,IACvD;AAAA,EACD;AACD;AAWO,SAAS,gBAAiB,QAAQ,kBAAkB,OAAO,QAAS;AAC1E,SAAO,OAAO,OAAQ,CAAE,aAAa,UAAW;AAC/C,UAAM,QAAQ,wBAAyB,OAAO,eAAgB;AAC9D,WAAO,OAAO,OAAQ,aAAa,EAAE,CAAE,MAAM,QAAS,GAAG,MAAM,CAAE;AAAA,EAClE,GAAG,CAAC,CAAE;AACP;AAcO,SAAS,6BACf,QACA,gBACA,kBAAkB,OAAO,QACxB;AACD,QAAM,aAAa,qBAAsB,QAAQ,eAAgB;AAEjE,SAAO,OAAO;AAAA,IACb,OAAO,QAAS,gBAAiB,QAAQ,eAAgB,CAAE,EAAE;AAAA,MAC5D,CAAE,CAAE,UAAU,KAAM,MAAO;AAC1B,cAAM,WAAa,iBAAiB,QAAU;AAC9C,eAAO,CAAE,UAAU,iBAAkB,QAAS,CAAE;AAAA,MACjD;AAAA,IACD;AAAA,EACD;AACD;AAUO,SAAS,+BAAgC,QAAS;AACxD,SAAO,OAAO,MAAO,CAAE,UAAW;AACjC,UAAM,aAAa,MAAM,WAAW;AACpC,WAAO,OAAO;AAAA,MACb,YAAY,WAAY,GAAI,IACzB,WAAY,UAAW,IACvB;AAAA,IACJ;AAAA,EACD,CAAE;AACH;AAWO,SAAS,sBAAuB,QAAQ,QAAS;AACvD,SAAO,OAAO,IAAK,CAAE,WAAa;AAAA,IACjC,GAAG;AAAA,IACH,YAAY;AAAA,MACX,GAAG,MAAM;AAAA,MACT,OAAO,GAAI,OAAQ,MAAM,QAAS,CAAE;AAAA,IACrC;AAAA,EACD,EAAI;AACL;AAUO,SAAS,UAAW,QAAQ,cAAc,MAAO;AACvD,SAAO,OAAO,IAAK,CAAE,gBAAiB;AACrC,UAAM,mBACL,YAAY,WAAW,SAAS,MAAM,OAAO;AAE9C,WAAO,cAAc,WAAY,gBAAiB,IAAI;AAAA,EACvD,CAAE;AACH;AAUO,SAAS,iBAAkB,OAAO,MAAO;AAC/C,UAAQ,IAAI,WAAY,KAAM,IAAI,MAAM;AAExC,MAAK,iBAAkB,IAAK,GAAI;AAC/B,YAAQ,KAAK,IAAK,OAAO,GAAI;AAAA,EAC9B;AAEA,SAAO,GAAI,KAAM,GAAI,IAAK;AAC3B;AASO,SAAS,iBAAkB,MAAO;AACxC,SAAO,SAAS;AACjB;",
-  "names": []
-}