@wordpress/block-editor 7.0.4 → 8.0.0

package/src/store/test/selectors.js

@@ -70,8 +70,8 @@ const {
 	__experimentalGetLastBlockAttributeChanges,
 	getLowestCommonAncestorWithSelectedBlock,
 	__experimentalGetActiveBlockIdByBlockNames: getActiveBlockIdByBlockNames,
-	__experimentalGetParsedReusableBlock,
 	__experimentalGetAllowedPatterns,
+	__experimentalGetParsedPattern,
 	__experimentalGetPatternsByBlockTypes,
 	__unstableGetClientIdWithClientIdsTree,
 	__unstableGetClientIdsTree,
@@ -3331,6 +3331,13 @@ describe( 'selectors', () => {
 						content:
 							'<!-- wp:test-block-b --><!-- /wp:test-block-b -->',
 					},
+					{
+						name: 'pattern-c',
+						title: 'pattern hidden from UI',
+						inserter: false,
+						content:
+							'<!-- wp:test-block-a --><!-- /wp:test-block-a -->',
+					},
 				],
 			},
 		};
@@ -3350,6 +3357,77 @@ describe( 'selectors', () => {
 				__experimentalGetAllowedPatterns( state, 'block2' )
 			).toHaveLength( 0 );
 		} );
+		it( 'should return empty array if only patterns hidden from UI exist', () => {
+			expect(
+				__experimentalGetAllowedPatterns( {
+					blocks: { byClientId: {} },
+					blockListSettings: {},
+					settings: {
+						__experimentalBlockPatterns: [
+							{
+								name: 'pattern-c',
+								title: 'pattern hidden from UI',
+								inserter: false,
+								content:
+									'<!-- wp:test-block-a --><!-- /wp:test-block-a -->',
+							},
+						],
+					},
+				} )
+			).toHaveLength( 0 );
+		} );
+	} );
+	describe( '__experimentalGetParsedPattern', () => {
+		const state = {
+			settings: {
+				__experimentalBlockPatterns: [
+					{
+						name: 'pattern-a',
+						title: 'pattern with a',
+						content: `<!-- wp:test-block-a --><!-- /wp:test-block-a -->`,
+					},
+					{
+						name: 'pattern-hidden-from-ui',
+						title: 'pattern hidden from UI',
+						inserter: false,
+						content:
+							'<!-- wp:test-block-a --><!-- /wp:test-block-a --><!-- wp:test-block-b --><!-- /wp:test-block-b -->',
+					},
+				],
+			},
+		};
+		it( 'should return proper results when pattern does not exist', () => {
+			expect(
+				__experimentalGetParsedPattern( state, 'not there' )
+			).toBeNull();
+		} );
+		it( 'should return existing pattern properly parsed', () => {
+			const { name, blocks } = __experimentalGetParsedPattern(
+				state,
+				'pattern-a'
+			);
+			expect( name ).toEqual( 'pattern-a' );
+			expect( blocks ).toHaveLength( 1 );
+			expect( blocks[ 0 ] ).toEqual(
+				expect.objectContaining( {
+					name: 'core/test-block-a',
+				} )
+			);
+		} );
+		it( 'should return hidden from UI pattern when requested', () => {
+			const { name, blocks, inserter } = __experimentalGetParsedPattern(
+				state,
+				'pattern-hidden-from-ui'
+			);
+			expect( name ).toEqual( 'pattern-hidden-from-ui' );
+			expect( inserter ).toBeFalsy();
+			expect( blocks ).toHaveLength( 2 );
+			expect( blocks[ 0 ] ).toEqual(
+				expect.objectContaining( {
+					name: 'core/test-block-a',
+				} )
+			);
+		} );
 	} );
 	describe( '__experimentalGetPatternsByBlockTypes', () => {
 		const state = {
@@ -3625,26 +3703,6 @@ describe( 'selectors', () => {
 	} );
 } );
 
-describe( '__experimentalGetParsedReusableBlock', () => {
-	const state = {
-		settings: {
-			__experimentalReusableBlocks: [
-				{
-					id: 1,
-					content: { raw: '' },
-				},
-			],
-		},
-	};
-
-	// Regression test for https://github.com/WordPress/gutenberg/issues/26485. See https://github.com/WordPress/gutenberg/issues/26548.
-	it( "Should return an empty array if reusable block's content.raw is an empty string", () => {
-		expect( __experimentalGetParsedReusableBlock( state, 1 ) ).toEqual(
-			[]
-		);
-	} );
-} );
-
 describe( 'getInserterItems with core blocks prioritization', () => {
 	// This test is in a seperate `describe` because all other tests register
 	// some test `core` blocks and interfere with the purpose of the specific test.

package/src/style.scss

@@ -46,7 +46,6 @@
 @import "./components/responsive-block-control/style.scss";
 @import "./components/rich-text/style.scss";
 @import "./components/skip-to-selected-block/style.scss";
-@import "./components/text-decoration-and-transform/style.scss";
 @import "./components/text-transform-control/style.scss";
 @import "./components/text-decoration-control/style.scss";
 @import "./components/tool-selector/style.scss";
@@ -56,6 +55,7 @@
 @import "./hooks/anchor.scss";
 @import "./hooks/layout.scss";
 @import "./hooks/border.scss";
+@import "./hooks/typography.scss";
 
 @import "./components/block-toolbar/style.scss";
 @import "./components/inserter/style.scss";

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

@@ -8,183 +8,143 @@ import {
 
 describe( 'getPxFromCssUnit', () => {
 	// Absolute units
-	it( 'test px return px unit', () => {
-		expect( getPxFromCssUnit( '25px' ) ).toBe( '25px' );
-	} );
-
-	it( 'test numeric float return px unit', () => {
-		expect( getPxFromCssUnit( '25.5' ) ).toBe( '26px' );
-	} );
-
-	it( 'test cm return px unit', () => {
-		expect( getPxFromCssUnit( '1cm' ) ).toBe( '38px' );
-	} );
-
-	it( 'test mm return px unit', () => {
-		expect( getPxFromCssUnit( '10mm' ) ).toBe( '38px' );
-	} );
-
-	it( 'test in return px unit', () => {
-		expect( getPxFromCssUnit( '1in' ) ).toBe( '96px' );
-	} );
-
-	it( 'test pt return px unit', () => {
-		expect( getPxFromCssUnit( '12pt' ) ).toBe( '16px' );
-	} );
-
-	it( 'test pc return px unit', () => {
-		expect( getPxFromCssUnit( '1pc' ) ).toBe( '16px' );
-	} );
-
-	it( 'test Q return px unit', () => {
-		expect( getPxFromCssUnit( '40Q' ) ).toBe( '38px' ); // 40 Q should be 1 cm
-	} );
-
-	// Relative units
-	it( 'test em return px unit', () => {
-		expect( getPxFromCssUnit( '2em', { fontSize: 10 } ) ).toBe( '20px' );
-	} );
-
-	it( 'test rem return px unit', () => {
-		expect( getPxFromCssUnit( '2rem', { fontSize: 10 } ) ).toBe( '20px' );
-	} );
-
-	it( 'test vw return px unit', () => {
-		expect( getPxFromCssUnit( '20vw', { width: 100 } ) ).toBe( '20px' );
-	} );
-
-	it( 'test vh return px unit', () => {
-		expect( getPxFromCssUnit( '20vh', { height: 200 } ) ).toBe( '40px' );
-	} );
-
-	it( 'test vmin return px unit', () => {
-		expect(
-			getPxFromCssUnit( '20vmin', { height: 200, width: 100 } )
-		).toBe( '20px' );
-	} );
-
-	it( 'test vmax return px unit', () => {
-		expect(
-			getPxFromCssUnit( '20vmax', { height: 200, width: 100 } )
-		).toBe( '40px' );
-	} );
-
-	it( 'test lh return px unit', () => {
-		expect( getPxFromCssUnit( '20lh', { lineHeight: 2 } ) ).toBe( '40px' );
-	} );
-
-	it( 'test % return px unit', () => {
-		expect(
-			getPxFromCssUnit( '120%', {
-				height: 200,
-				width: 100,
-				fontSize: 10,
-				type: 'font',
-			} )
-		).toBe( '12px' );
-	} );
-
-	// Function units
-	it( 'test min() return px unit', () => {
-		expect( getPxFromCssUnit( 'min(20px, 25px)' ) ).toBe( '20px' );
-	} );
-
-	it( 'test min() function with many arguments return px unit', () => {
-		expect( getPxFromCssUnit( 'min(20px, 9px, 12pt, 25px)' ) ).toBe(
-			'9px'
+	describe( 'absolute unites should return px values', () => {
+		const testData = [
+			[ '25px', '25px' ],
+			[ '25.5', '26px' ],
+			[ '1cm', '38px' ],
+			[ '10mm', '38px' ],
+			[ '1in', '96px' ],
+			[ '12pt', '16px' ],
+			[ '1pc', '16px' ],
+			[ '40Q', '38px' ], // 40 Q should be 1 cm
+		];
+
+		test.each( testData )(
+			'test getPxFromCssUnit( %s )',
+			( unit, expected ) => {
+				expect( getPxFromCssUnit( unit ) ).toBe( expected );
+			}
 		);
-	} );
-
-	it( 'test max() return px unit', () => {
-		expect( getPxFromCssUnit( 'max(20px, 25px)' ) ).toBe( '25px' );
-	} );
-
-	it( 'test clamp() lower return px unit', () => {
-		expect( getPxFromCssUnit( 'clamp(10px, 9px, 25px)' ) ).toBe( '10px' );
-	} );
-
-	it( 'test clamp() upper return px unit', () => {
-		expect( getPxFromCssUnit( 'clamp(10px, 35px, 25px)' ) ).toBe( '25px' );
-	} );
-
-	it( 'test clamp() middle return px unit', () => {
-		expect( getPxFromCssUnit( 'clamp(10px, 15px, 25px)' ) ).toBe( '15px' );
-	} );
-
-	it( 'test nested max min function return px unit', () => {
-		expect( getPxFromCssUnit( 'min(max(20px,25px), 35px)' ) ).toBe(
-			'25px'
+		test.each( testData )(
+			'test memoizedGetPxFromCssUnit( %s )',
+			( unit, expected ) => {
+				expect( memoizedGetPxFromCssUnit( unit ) ).toBe( expected );
+			}
 		);
-	} );
-
-	it( 'test nested min max function return px unit', () => {
-		expect( getPxFromCssUnit( 'max(min(20px,25px), 35px)' ) ).toBe(
-			'35px'
+		test.each( testData )(
+			'test cached memoizedGetPxFromCssUnit( %s )',
+			( unit, expected ) => {
+				expect( memoizedGetPxFromCssUnit( unit ) ).toBe( expected );
+			}
 		);
 	} );
 
-	it( 'test calculate function return px unit', () => {
-		expect( getPxFromCssUnit( '10px + 25px' ) ).toBe( '35px' );
-	} );
-
-	it( 'test calc(10px + 25px) function return px unit', () => {
-		expect( getPxFromCssUnit( 'calc(10px + 25px)' ) ).toBe( '35px' );
-	} );
-
-	it( 'test calc( number * cssUnit ) return px unit', () => {
-		expect( getPxFromCssUnit( 'calc( 2 * 20px)' ) ).toBe( '40px' );
-	} );
-
-	it( 'test calc(25px - 10px) function return px unit', () => {
-		expect( getPxFromCssUnit( 'calc(25px - 10px)' ) ).toBe( '15px' );
-	} );
-
-	it( 'test min(10px + 25px, 55pt) function return px unit', () => {
-		expect( getPxFromCssUnit( 'min(10px + 25px, 55pt)' ) ).toBe( '35px' );
-	} );
-
-	it( 'test calc(12vw * 10px) function return px unit', () => {
-		expect( getPxFromCssUnit( 'calc(12vw * 10px)' ) ).toBe( '450px' );
-	} );
-
-	it( 'test calc(42vw / 10px) function return px unit', () => {
-		expect( getPxFromCssUnit( 'calc(45vw / 10px)' ) ).toBe( '17px' );
-	} );
-
-	it( 'test empty string', () => {
-		expect( getPxFromCssUnit( '' ) ).toBe( null );
-	} );
-
-	it( 'test undefined string', () => {
-		expect( getPxFromCssUnit( undefined ) ).toBe( null );
-	} );
-	it( 'test integer string', () => {
-		expect( getPxFromCssUnit( 123 ) ).toBe( '123px' );
-	} );
-
-	it( 'test float string', () => {
-		expect( getPxFromCssUnit( 123.456 ) ).toBe( '123px' );
-	} );
-
-	it( 'test text string', () => {
-		expect( getPxFromCssUnit( 'abc' ) ).toBe( null );
+	describe( 'relative unites should return px values', () => {
+		const settings = {
+			fontSize: 10,
+			width: 100,
+			height: 200,
+			lineHeight: 2,
+			type: 'font',
+		};
+
+		const testData = [
+			[ '2em', '20px' ],
+			[ '2rem', '20px' ],
+			[ '20vw', '20px' ],
+			[ '20vh', '40px' ],
+			[ '20vmin', '20px' ],
+			[ '20vmax', '40px' ],
+			[ '20lh', '40px' ],
+			[ '120%', '12px' ],
+		];
+
+		test.each( testData )(
+			'test getPxFromCssUnit( %s )',
+			( unit, expected ) => {
+				expect( getPxFromCssUnit( unit, settings ) ).toBe( expected );
+			}
+		);
+		test.each( testData )(
+			'test memoizedGetPxFromCssUnit( %s )',
+			( unit, expected ) => {
+				expect( memoizedGetPxFromCssUnit( unit, settings ) ).toBe(
+					expected
+				);
+			}
+		);
+		test.each( testData )(
+			'test cached memoizedGetPxFromCssUnit( %s )',
+			( unit, expected ) => {
+				expect( memoizedGetPxFromCssUnit( unit, settings ) ).toBe(
+					expected
+				);
+			}
+		);
 	} );
 
-	it( 'test not non function return null', () => {
-		expect( getPxFromCssUnit( 'abc + num' ) ).toBe( null );
-	} );
+	// Function units
 
-	it( 'test not a fishy function return null', () => {
-		expect( getPxFromCssUnit( 'console.log("howdy"); + 10px' ) ).toBe(
-			null
+	describe( 'function unites should return px values', () => {
+		const settings = {
+			fontSize: 10,
+			width: 100,
+			height: 200,
+			lineHeight: 2,
+			type: 'font',
+		};
+
+		const testData = [
+			[ 'min(20px, 25px)', '20px' ],
+			[ 'min(20px, 9px, 12pt, 25px)', '9px' ],
+			[ 'max(20px, 25px)', '25px' ],
+			[ 'clamp(10px, 9px, 25px)', '10px' ],
+			[ 'clamp(10px, 35px, 25px)', '25px' ],
+			[ 'clamp(10px, 15px, 25px)', '15px' ],
+			[ 'min(max(20px,25px), 35px)', '25px' ],
+			[ 'max(min(20px,25px), 35px)', '35px' ],
+			[ '10px + 25px', '35px' ],
+			[ 'calc(10px + 25px)', '35px' ],
+			[ 'calc( 2 * 20px)', '40px' ],
+			[ 'calc(25px - 10px)', '15px' ],
+			[ 'min(10px + 25px, 55pt)', '35px' ],
+			[ 'calc(12vw * 10px)', '450px' ],
+			[ 'calc(45vw / 10px)', '17px' ],
+			[ '', null ],
+			[ undefined, null ],
+			[ 123, '123px' ],
+			[ 123.456, '123px' ],
+			[ 'abc', null ],
+			[ 'console.log("howdy"); + 10px', null ],
+			[ 'calc(12vw * 10px', null ], // missing closing bracket
+		];
+
+		test.each( testData )(
+			'test getPxFromCssUnit( %s )',
+			( unit, expected ) => {
+				expect( getPxFromCssUnit( unit, settings ) ).toBe( expected );
+			}
+		);
+		test.each( testData )(
+			'test memoizedGetPxFromCssUnit( %s )',
+			( unit, expected ) => {
+				expect( memoizedGetPxFromCssUnit( unit, settings ) ).toBe(
+					expected
+				);
+			}
+		);
+		test.each( testData )(
+			'test cached memoizedGetPxFromCssUnit( %s )',
+			( unit, expected ) => {
+				expect( memoizedGetPxFromCssUnit( unit, settings ) ).toBe(
+					expected
+				);
+			}
 		);
 	} );
-
-	it( 'test not a typo function return null', () => {
-		expect( getPxFromCssUnit( 'calc(12vw * 10px' ) ).toBe( null );
-	} );
-
-	it( 'test performance of memoizedGetPxFromCssUnit function', () => {
+	// Skip this test it might be useful in dev.
+	it.skip( 'test performance of memoizedGetPxFromCssUnit function', () => {
 		const start = Date.now();
 		let i = 0;
 		const intervals = 1000;

package/build/components/text-decoration-and-transform/index.js

@@ -1,39 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = TextDecorationAndTransformEdit;
-
-var _element = require("@wordpress/element");
-
-var _textDecoration = require("../../hooks/text-decoration");
-
-var _textTransform = require("../../hooks/text-transform");
-
-/**
- * Internal dependencies
- */
-
-/**
- * Handles grouping related text decoration and text transform edit components
- * so they can be laid out in a more flexible manner within the Typography
- * InspectorControls panel.
- *
- * @param {Object} props Block props to be passed on to individual controls.
- *
- * @return {WPElement} Component containing text decoration or transform controls.
- */
-function TextDecorationAndTransformEdit(props) {
-  const decorationAvailable = !(0, _textDecoration.useIsTextDecorationDisabled)(props);
-  const transformAvailable = !(0, _textTransform.useIsTextTransformDisabled)(props);
-
-  if (!decorationAvailable && !transformAvailable) {
-    return null;
-  }
-
-  return (0, _element.createElement)("div", {
-    className: "block-editor-text-decoration-and-transform"
-  }, decorationAvailable && (0, _element.createElement)(_textDecoration.TextDecorationEdit, props), transformAvailable && (0, _element.createElement)(_textTransform.TextTransformEdit, props));
-}
-//# sourceMappingURL=index.js.map

package/build/components/text-decoration-and-transform/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/text-decoration-and-transform/index.js"],"names":["TextDecorationAndTransformEdit","props","decorationAvailable","transformAvailable"],"mappings":";;;;;;;;;AAGA;;AAIA;;AAPA;AACA;AACA;;AAUA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,8BAAT,CAAyCC,KAAzC,EAAiD;AAC/D,QAAMC,mBAAmB,GAAG,CAAE,iDAA6BD,KAA7B,CAA9B;AACA,QAAME,kBAAkB,GAAG,CAAE,+CAA4BF,KAA5B,CAA7B;;AAEA,MAAK,CAAEC,mBAAF,IAAyB,CAAEC,kBAAhC,EAAqD;AACpD,WAAO,IAAP;AACA;;AAED,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,mBAAmB,IAAI,4BAAC,kCAAD,EAAyBD,KAAzB,CAD1B,EAEGE,kBAAkB,IAAI,4BAAC,gCAAD,EAAwBF,KAAxB,CAFzB,CADD;AAMA","sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tTextDecorationEdit,\n\tuseIsTextDecorationDisabled,\n} from '../../hooks/text-decoration';\nimport {\n\tTextTransformEdit,\n\tuseIsTextTransformDisabled,\n} from '../../hooks/text-transform';\n\n/**\n * Handles grouping related text decoration and text transform edit components\n * so they can be laid out in a more flexible manner within the Typography\n * InspectorControls panel.\n *\n * @param {Object} props Block props to be passed on to individual controls.\n *\n * @return {WPElement} Component containing text decoration or transform controls.\n */\nexport default function TextDecorationAndTransformEdit( props ) {\n\tconst decorationAvailable = ! useIsTextDecorationDisabled( props );\n\tconst transformAvailable = ! useIsTextTransformDisabled( props );\n\n\tif ( ! decorationAvailable && ! transformAvailable ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className=\"block-editor-text-decoration-and-transform\">\n\t\t\t{ decorationAvailable && <TextDecorationEdit { ...props } /> }\n\t\t\t{ transformAvailable && <TextTransformEdit { ...props } /> }\n\t\t</div>\n\t);\n}\n"]}

package/build/store/controls.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.__unstableMarkAutomaticChangeFinalControl = void 0;
-
-var _data = require("@wordpress/data");
-
-var _store = require("../store");
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-const __unstableMarkAutomaticChangeFinalControl = function () {
-  return {
-    type: 'MARK_AUTOMATIC_CHANGE_FINAL_CONTROL'
-  };
-};
-
-exports.__unstableMarkAutomaticChangeFinalControl = __unstableMarkAutomaticChangeFinalControl;
-const controls = {
-  SLEEP({
-    duration
-  }) {
-    return new Promise(resolve => {
-      setTimeout(resolve, duration);
-    });
-  },
-
-  MARK_AUTOMATIC_CHANGE_FINAL_CONTROL: (0, _data.createRegistryControl)(registry => () => {
-    const {
-      requestIdleCallback = callback => setTimeout(callback, 100)
-    } = window;
-    requestIdleCallback(() => registry.dispatch(_store.store).__unstableMarkAutomaticChangeFinal());
-  })
-};
-var _default = controls;
-exports.default = _default;
-//# sourceMappingURL=controls.js.map

package/build/store/controls.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/store/controls.js"],"names":["__unstableMarkAutomaticChangeFinalControl","type","controls","SLEEP","duration","Promise","resolve","setTimeout","MARK_AUTOMATIC_CHANGE_FINAL_CONTROL","registry","requestIdleCallback","callback","window","dispatch","blockEditorStore","__unstableMarkAutomaticChangeFinal"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAGO,MAAMA,yCAAyC,GAAG,YAAY;AACpE,SAAO;AACNC,IAAAA,IAAI,EAAE;AADA,GAAP;AAGA,CAJM;;;AAMP,MAAMC,QAAQ,GAAG;AAChBC,EAAAA,KAAK,CAAE;AAAEC,IAAAA;AAAF,GAAF,EAAiB;AACrB,WAAO,IAAIC,OAAJ,CAAeC,OAAF,IAAe;AAClCC,MAAAA,UAAU,CAAED,OAAF,EAAWF,QAAX,CAAV;AACA,KAFM,CAAP;AAGA,GALe;;AAOhBI,EAAAA,mCAAmC,EAAE,iCAClCC,QAAF,IAAgB,MAAM;AACrB,UAAM;AACLC,MAAAA,mBAAmB,GAAKC,QAAF,IACrBJ,UAAU,CAAEI,QAAF,EAAY,GAAZ;AAFN,QAGFC,MAHJ;AAIAF,IAAAA,mBAAmB,CAAE,MACpBD,QAAQ,CACNI,QADF,CACYC,YADZ,EAEEC,kCAFF,EADkB,CAAnB;AAKA,GAXmC;AAPrB,CAAjB;eAsBeb,Q","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createRegistryControl } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\n\nexport const __unstableMarkAutomaticChangeFinalControl = function () {\n\treturn {\n\t\ttype: 'MARK_AUTOMATIC_CHANGE_FINAL_CONTROL',\n\t};\n};\n\nconst controls = {\n\tSLEEP( { duration } ) {\n\t\treturn new Promise( ( resolve ) => {\n\t\t\tsetTimeout( resolve, duration );\n\t\t} );\n\t},\n\n\tMARK_AUTOMATIC_CHANGE_FINAL_CONTROL: createRegistryControl(\n\t\t( registry ) => () => {\n\t\t\tconst {\n\t\t\t\trequestIdleCallback = ( callback ) =>\n\t\t\t\t\tsetTimeout( callback, 100 ),\n\t\t\t} = window;\n\t\t\trequestIdleCallback( () =>\n\t\t\t\tregistry\n\t\t\t\t\t.dispatch( blockEditorStore )\n\t\t\t\t\t.__unstableMarkAutomaticChangeFinal()\n\t\t\t);\n\t\t}\n\t),\n};\n\nexport default controls;\n"]}

package/build-module/components/text-decoration-and-transform/index.js

@@ -1,30 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * Internal dependencies
- */
-import { TextDecorationEdit, useIsTextDecorationDisabled } from '../../hooks/text-decoration';
-import { TextTransformEdit, useIsTextTransformDisabled } from '../../hooks/text-transform';
-/**
- * Handles grouping related text decoration and text transform edit components
- * so they can be laid out in a more flexible manner within the Typography
- * InspectorControls panel.
- *
- * @param {Object} props Block props to be passed on to individual controls.
- *
- * @return {WPElement} Component containing text decoration or transform controls.
- */
-
-export default function TextDecorationAndTransformEdit(props) {
-  const decorationAvailable = !useIsTextDecorationDisabled(props);
-  const transformAvailable = !useIsTextTransformDisabled(props);
-
-  if (!decorationAvailable && !transformAvailable) {
-    return null;
-  }
-
-  return createElement("div", {
-    className: "block-editor-text-decoration-and-transform"
-  }, decorationAvailable && createElement(TextDecorationEdit, props), transformAvailable && createElement(TextTransformEdit, props));
-}
-//# sourceMappingURL=index.js.map

package/build-module/components/text-decoration-and-transform/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/components/text-decoration-and-transform/index.js"],"names":["TextDecorationEdit","useIsTextDecorationDisabled","TextTransformEdit","useIsTextTransformDisabled","TextDecorationAndTransformEdit","props","decorationAvailable","transformAvailable"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,kBADD,EAECC,2BAFD,QAGO,6BAHP;AAIA,SACCC,iBADD,EAECC,0BAFD,QAGO,4BAHP;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA,eAAe,SAASC,8BAAT,CAAyCC,KAAzC,EAAiD;AAC/D,QAAMC,mBAAmB,GAAG,CAAEL,2BAA2B,CAAEI,KAAF,CAAzD;AACA,QAAME,kBAAkB,GAAG,CAAEJ,0BAA0B,CAAEE,KAAF,CAAvD;;AAEA,MAAK,CAAEC,mBAAF,IAAyB,CAAEC,kBAAhC,EAAqD;AACpD,WAAO,IAAP;AACA;;AAED,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACGD,mBAAmB,IAAI,cAAC,kBAAD,EAAyBD,KAAzB,CAD1B,EAEGE,kBAAkB,IAAI,cAAC,iBAAD,EAAwBF,KAAxB,CAFzB,CADD;AAMA","sourcesContent":["/**\n * Internal dependencies\n */\nimport {\n\tTextDecorationEdit,\n\tuseIsTextDecorationDisabled,\n} from '../../hooks/text-decoration';\nimport {\n\tTextTransformEdit,\n\tuseIsTextTransformDisabled,\n} from '../../hooks/text-transform';\n\n/**\n * Handles grouping related text decoration and text transform edit components\n * so they can be laid out in a more flexible manner within the Typography\n * InspectorControls panel.\n *\n * @param {Object} props Block props to be passed on to individual controls.\n *\n * @return {WPElement} Component containing text decoration or transform controls.\n */\nexport default function TextDecorationAndTransformEdit( props ) {\n\tconst decorationAvailable = ! useIsTextDecorationDisabled( props );\n\tconst transformAvailable = ! useIsTextTransformDisabled( props );\n\n\tif ( ! decorationAvailable && ! transformAvailable ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className=\"block-editor-text-decoration-and-transform\">\n\t\t\t{ decorationAvailable && <TextDecorationEdit { ...props } /> }\n\t\t\t{ transformAvailable && <TextTransformEdit { ...props } /> }\n\t\t</div>\n\t);\n}\n"]}

package/build-module/store/controls.js

@@ -1,32 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { createRegistryControl } from '@wordpress/data';
-/**
- * Internal dependencies
- */
-
-import { store as blockEditorStore } from '../store';
-export const __unstableMarkAutomaticChangeFinalControl = function () {
-  return {
-    type: 'MARK_AUTOMATIC_CHANGE_FINAL_CONTROL'
-  };
-};
-const controls = {
-  SLEEP({
-    duration
-  }) {
-    return new Promise(resolve => {
-      setTimeout(resolve, duration);
-    });
-  },
-
-  MARK_AUTOMATIC_CHANGE_FINAL_CONTROL: createRegistryControl(registry => () => {
-    const {
-      requestIdleCallback = callback => setTimeout(callback, 100)
-    } = window;
-    requestIdleCallback(() => registry.dispatch(blockEditorStore).__unstableMarkAutomaticChangeFinal());
-  })
-};
-export default controls;
-//# sourceMappingURL=controls.js.map

package/build-module/store/controls.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-editor/src/store/controls.js"],"names":["createRegistryControl","store","blockEditorStore","__unstableMarkAutomaticChangeFinalControl","type","controls","SLEEP","duration","Promise","resolve","setTimeout","MARK_AUTOMATIC_CHANGE_FINAL_CONTROL","registry","requestIdleCallback","callback","window","dispatch","__unstableMarkAutomaticChangeFinal"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,qBAAT,QAAsC,iBAAtC;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,UAA1C;AAEA,OAAO,MAAMC,yCAAyC,GAAG,YAAY;AACpE,SAAO;AACNC,IAAAA,IAAI,EAAE;AADA,GAAP;AAGA,CAJM;AAMP,MAAMC,QAAQ,GAAG;AAChBC,EAAAA,KAAK,CAAE;AAAEC,IAAAA;AAAF,GAAF,EAAiB;AACrB,WAAO,IAAIC,OAAJ,CAAeC,OAAF,IAAe;AAClCC,MAAAA,UAAU,CAAED,OAAF,EAAWF,QAAX,CAAV;AACA,KAFM,CAAP;AAGA,GALe;;AAOhBI,EAAAA,mCAAmC,EAAEX,qBAAqB,CACvDY,QAAF,IAAgB,MAAM;AACrB,UAAM;AACLC,MAAAA,mBAAmB,GAAKC,QAAF,IACrBJ,UAAU,CAAEI,QAAF,EAAY,GAAZ;AAFN,QAGFC,MAHJ;AAIAF,IAAAA,mBAAmB,CAAE,MACpBD,QAAQ,CACNI,QADF,CACYd,gBADZ,EAEEe,kCAFF,EADkB,CAAnB;AAKA,GAXwD;AAP1C,CAAjB;AAsBA,eAAeZ,QAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createRegistryControl } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\n\nexport const __unstableMarkAutomaticChangeFinalControl = function () {\n\treturn {\n\t\ttype: 'MARK_AUTOMATIC_CHANGE_FINAL_CONTROL',\n\t};\n};\n\nconst controls = {\n\tSLEEP( { duration } ) {\n\t\treturn new Promise( ( resolve ) => {\n\t\t\tsetTimeout( resolve, duration );\n\t\t} );\n\t},\n\n\tMARK_AUTOMATIC_CHANGE_FINAL_CONTROL: createRegistryControl(\n\t\t( registry ) => () => {\n\t\t\tconst {\n\t\t\t\trequestIdleCallback = ( callback ) =>\n\t\t\t\t\tsetTimeout( callback, 100 ),\n\t\t\t} = window;\n\t\t\trequestIdleCallback( () =>\n\t\t\t\tregistry\n\t\t\t\t\t.dispatch( blockEditorStore )\n\t\t\t\t\t.__unstableMarkAutomaticChangeFinal()\n\t\t\t);\n\t\t}\n\t),\n};\n\nexport default controls;\n"]}

package/src/components/text-decoration-and-transform/index.js

@@ -1,36 +0,0 @@
-/**
- * Internal dependencies
- */
-import {
-	TextDecorationEdit,
-	useIsTextDecorationDisabled,
-} from '../../hooks/text-decoration';
-import {
-	TextTransformEdit,
-	useIsTextTransformDisabled,
-} from '../../hooks/text-transform';
-
-/**
- * Handles grouping related text decoration and text transform edit components
- * so they can be laid out in a more flexible manner within the Typography
- * InspectorControls panel.
- *
- * @param {Object} props Block props to be passed on to individual controls.
- *
- * @return {WPElement} Component containing text decoration or transform controls.
- */
-export default function TextDecorationAndTransformEdit( props ) {
-	const decorationAvailable = ! useIsTextDecorationDisabled( props );
-	const transformAvailable = ! useIsTextTransformDisabled( props );
-
-	if ( ! decorationAvailable && ! transformAvailable ) {
-		return null;
-	}
-
-	return (
-		<div className="block-editor-text-decoration-and-transform">
-			{ decorationAvailable && <TextDecorationEdit { ...props } /> }
-			{ transformAvailable && <TextTransformEdit { ...props } /> }
-		</div>
-	);
-}