@wordpress/block-editor 12.9.0 → 12.10.0

package/src/store/test/actions.js

@@ -219,8 +219,9 @@ describe( 'actions', () => {
 			};
 			const dispatch = jest.fn();
 			dispatch.ensureDefaultBlock = jest.fn();
+			const registry = createRegistry();
 
-			replaceBlock( 'chicken', block )( { select, dispatch } );
+			replaceBlock( 'chicken', block )( { select, dispatch, registry } );
 
 			expect( dispatch ).toHaveBeenCalledWith( {
 				type: 'REPLACE_BLOCKS',
@@ -285,8 +286,12 @@ describe( 'actions', () => {
 			};
 			const dispatch = jest.fn();
 			dispatch.ensureDefaultBlock = jest.fn();
+			const registry = createRegistry();
 
-			replaceBlocks( [ 'chicken' ], blocks )( { select, dispatch } );
+			replaceBlocks(
+				[ 'chicken' ],
+				blocks
+			)( { select, dispatch, registry } );
 
 			expect( dispatch ).toHaveBeenCalledWith( {
 				type: 'REPLACE_BLOCKS',
@@ -319,6 +324,7 @@ describe( 'actions', () => {
 			};
 			const dispatch = jest.fn();
 			dispatch.ensureDefaultBlock = jest.fn();
+			const registry = createRegistry();
 
 			replaceBlocks(
 				[ 'chicken' ],
@@ -326,7 +332,7 @@ describe( 'actions', () => {
 				null,
 				null,
 				meta
-			)( { select, dispatch } );
+			)( { select, dispatch, registry } );
 
 			expect( dispatch ).toHaveBeenCalledWith( {
 				type: 'REPLACE_BLOCKS',
@@ -628,8 +634,9 @@ describe( 'actions', () => {
 			const dispatch = Object.assign( jest.fn(), {
 				selectPreviousBlock: jest.fn(),
 			} );
+			const registry = createRegistry();
 
-			removeBlocks( clientIds )( { select, dispatch } );
+			removeBlocks( clientIds )( { select, dispatch, registry } );
 
 			expect( dispatch.selectPreviousBlock ).toHaveBeenCalledWith(
 				clientId,
@@ -739,8 +746,8 @@ describe( 'actions', () => {
 			const dispatch = Object.assign( jest.fn(), {
 				selectPreviousBlock: jest.fn(),
 			} );
-
-			removeBlock( clientId )( { select, dispatch } );
+			const registry = createRegistry();
+			removeBlock( clientId )( { select, dispatch, registry } );
 
 			expect( dispatch.selectPreviousBlock ).toHaveBeenCalledWith(
 				clientId,
@@ -753,7 +760,7 @@ describe( 'actions', () => {
 			} );
 		} );
 
-		it( 'should dispatch REMOVE_BLOCKS action, opting out of select previous', () => {
+		it( 'should dispatch REMOVE_BLOCKS action, opting out of select previous', async () => {
 			const clientId = 'myclientid';
 
 			const select = {
@@ -765,7 +772,11 @@ describe( 'actions', () => {
 				selectPreviousBlock: jest.fn(),
 			} );
 
-			removeBlocks( [ clientId ], false )( { select, dispatch } );
+			const registry = createRegistry();
+			removeBlocks(
+				[ clientId ],
+				false
+			)( { select, dispatch, registry } );
 
 			expect( dispatch.selectPreviousBlock ).not.toHaveBeenCalled();
 

package/src/store/test/private-actions.js

@@ -5,6 +5,7 @@ import {
 	hideBlockInterface,
 	showBlockInterface,
 	__experimentalUpdateSettings,
+	setOpenedBlockSettingsMenu,
 } from '../private-actions';
 
 describe( 'private actions', () => {
@@ -78,4 +79,20 @@ describe( 'private actions', () => {
 			} );
 		} );
 	} );
+
+	describe( 'setOpenedBlockSettingsMenu', () => {
+		it( 'should return the SET_OPENED_BLOCK_SETTINGS_MENU action', () => {
+			expect( setOpenedBlockSettingsMenu() ).toEqual( {
+				clientId: undefined,
+				type: 'SET_OPENED_BLOCK_SETTINGS_MENU',
+			} );
+		} );
+
+		it( 'should return the SET_OPENED_BLOCK_SETTINGS_MENU action with client id if provided', () => {
+			expect( setOpenedBlockSettingsMenu( 'abcd' ) ).toEqual( {
+				clientId: 'abcd',
+				type: 'SET_OPENED_BLOCK_SETTINGS_MENU',
+			} );
+		} );
+	} );
 } );

package/src/store/test/reducer.js

@@ -33,6 +33,7 @@ import {
 	lastBlockAttributesChange,
 	lastBlockInserted,
 	blockEditingModes,
+	openedBlockSettingsMenu,
 } from '../reducer';
 
 const noop = () => {};
@@ -3415,4 +3416,28 @@ describe( 'state', () => {
 			);
 		} );
 	} );
+
+	describe( 'openedBlockSettingsMenu', () => {
+		it( 'should return null by default', () => {
+			expect( openedBlockSettingsMenu( undefined, {} ) ).toBe( null );
+		} );
+
+		it( 'should set client id for opened block settings menu', () => {
+			const state = openedBlockSettingsMenu( null, {
+				type: 'SET_OPENED_BLOCK_SETTINGS_MENU',
+				clientId: '14501cc2-90a6-4f52-aa36-ab6e896135d1',
+			} );
+			expect( state ).toBe( '14501cc2-90a6-4f52-aa36-ab6e896135d1' );
+		} );
+
+		it( 'should clear the state when no client id is passed', () => {
+			const state = openedBlockSettingsMenu(
+				'14501cc2-90a6-4f52-aa36-ab6e896135d1',
+				{
+					type: 'SET_OPENED_BLOCK_SETTINGS_MENU',
+				}
+			);
+			expect( state ).toBe( null );
+		} );
+	} );
 } );

package/src/store/test/selectors.js

@@ -526,130 +526,131 @@ describe( 'selectors', () => {
 	} );
 
 	describe( 'getClientIdsOfDescendants', () => {
+		const state = {
+			blocks: {
+				byClientId: new Map(
+					Object.entries( {
+						'uuid-2': {
+							clientId: 'uuid-2',
+							name: 'core/image',
+						},
+						'uuid-4': {
+							clientId: 'uuid-4',
+							name: 'core/paragraph',
+						},
+						'uuid-6': {
+							clientId: 'uuid-6',
+							name: 'core/paragraph',
+						},
+						'uuid-8': {
+							clientId: 'uuid-8',
+							name: 'core/block',
+						},
+						'uuid-10': {
+							clientId: 'uuid-10',
+							name: 'core/columns',
+						},
+						'uuid-12': {
+							clientId: 'uuid-12',
+							name: 'core/column',
+						},
+						'uuid-14': {
+							clientId: 'uuid-14',
+							name: 'core/column',
+						},
+						'uuid-16': {
+							clientId: 'uuid-16',
+							name: 'core/quote',
+						},
+						'uuid-18': {
+							clientId: 'uuid-18',
+							name: 'core/block',
+						},
+						'uuid-20': {
+							clientId: 'uuid-20',
+							name: 'core/gallery',
+						},
+						'uuid-22': {
+							clientId: 'uuid-22',
+							name: 'core/block',
+						},
+						'uuid-24': {
+							clientId: 'uuid-24',
+							name: 'core/columns',
+						},
+						'uuid-26': {
+							clientId: 'uuid-26',
+							name: 'core/column',
+						},
+						'uuid-28': {
+							clientId: 'uuid-28',
+							name: 'core/column',
+						},
+						'uuid-30': {
+							clientId: 'uuid-30',
+							name: 'core/paragraph',
+						},
+					} )
+				),
+				attributes: new Map(
+					Object.entries( {
+						'uuid-2': {},
+						'uuid-4': {},
+						'uuid-6': {},
+						'uuid-8': {},
+						'uuid-10': {},
+						'uuid-12': {},
+						'uuid-14': {},
+						'uuid-16': {},
+						'uuid-18': {},
+						'uuid-20': {},
+						'uuid-22': {},
+						'uuid-24': {},
+						'uuid-26': {},
+						'uuid-28': {},
+						'uuid-30': {},
+					} )
+				),
+				order: new Map(
+					Object.entries( {
+						'': [ 'uuid-6', 'uuid-8', 'uuid-10', 'uuid-22' ],
+						'uuid-2': [],
+						'uuid-4': [],
+						'uuid-6': [],
+						'uuid-8': [],
+						'uuid-10': [ 'uuid-12', 'uuid-14' ],
+						'uuid-12': [ 'uuid-16' ],
+						'uuid-14': [ 'uuid-18' ],
+						'uuid-16': [],
+						'uuid-18': [ 'uuid-24' ],
+						'uuid-20': [],
+						'uuid-22': [],
+						'uuid-24': [ 'uuid-26', 'uuid-28' ],
+						'uuid-26': [],
+						'uuid-28': [ 'uuid-30' ],
+					} )
+				),
+				parents: new Map(
+					Object.entries( {
+						'uuid-6': '',
+						'uuid-8': '',
+						'uuid-10': '',
+						'uuid-22': '',
+						'uuid-12': 'uuid-10',
+						'uuid-14': 'uuid-10',
+						'uuid-16': 'uuid-12',
+						'uuid-18': 'uuid-14',
+						'uuid-24': 'uuid-18',
+						'uuid-26': 'uuid-24',
+						'uuid-28': 'uuid-24',
+						'uuid-30': 'uuid-28',
+					} )
+				),
+				controlledInnerBlocks: {},
+			},
+		};
+
 		it( 'should return the ids of any descendants in sequential order, given an array of clientIds', () => {
-			const state = {
-				blocks: {
-					byClientId: new Map(
-						Object.entries( {
-							'uuid-2': {
-								clientId: 'uuid-2',
-								name: 'core/image',
-							},
-							'uuid-4': {
-								clientId: 'uuid-4',
-								name: 'core/paragraph',
-							},
-							'uuid-6': {
-								clientId: 'uuid-6',
-								name: 'core/paragraph',
-							},
-							'uuid-8': {
-								clientId: 'uuid-8',
-								name: 'core/block',
-							},
-							'uuid-10': {
-								clientId: 'uuid-10',
-								name: 'core/columns',
-							},
-							'uuid-12': {
-								clientId: 'uuid-12',
-								name: 'core/column',
-							},
-							'uuid-14': {
-								clientId: 'uuid-14',
-								name: 'core/column',
-							},
-							'uuid-16': {
-								clientId: 'uuid-16',
-								name: 'core/quote',
-							},
-							'uuid-18': {
-								clientId: 'uuid-18',
-								name: 'core/block',
-							},
-							'uuid-20': {
-								clientId: 'uuid-20',
-								name: 'core/gallery',
-							},
-							'uuid-22': {
-								clientId: 'uuid-22',
-								name: 'core/block',
-							},
-							'uuid-24': {
-								clientId: 'uuid-24',
-								name: 'core/columns',
-							},
-							'uuid-26': {
-								clientId: 'uuid-26',
-								name: 'core/column',
-							},
-							'uuid-28': {
-								clientId: 'uuid-28',
-								name: 'core/column',
-							},
-							'uuid-30': {
-								clientId: 'uuid-30',
-								name: 'core/paragraph',
-							},
-						} )
-					),
-					attributes: new Map(
-						Object.entries( {
-							'uuid-2': {},
-							'uuid-4': {},
-							'uuid-6': {},
-							'uuid-8': {},
-							'uuid-10': {},
-							'uuid-12': {},
-							'uuid-14': {},
-							'uuid-16': {},
-							'uuid-18': {},
-							'uuid-20': {},
-							'uuid-22': {},
-							'uuid-24': {},
-							'uuid-26': {},
-							'uuid-28': {},
-							'uuid-30': {},
-						} )
-					),
-					order: new Map(
-						Object.entries( {
-							'': [ 'uuid-6', 'uuid-8', 'uuid-10', 'uuid-22' ],
-							'uuid-2': [],
-							'uuid-4': [],
-							'uuid-6': [],
-							'uuid-8': [],
-							'uuid-10': [ 'uuid-12', 'uuid-14' ],
-							'uuid-12': [ 'uuid-16' ],
-							'uuid-14': [ 'uuid-18' ],
-							'uuid-16': [],
-							'uuid-18': [ 'uuid-24' ],
-							'uuid-20': [],
-							'uuid-22': [],
-							'uuid-24': [ 'uuid-26', 'uuid-28' ],
-							'uuid-26': [],
-							'uuid-28': [ 'uuid-30' ],
-						} )
-					),
-					parents: new Map(
-						Object.entries( {
-							'uuid-6': '',
-							'uuid-8': '',
-							'uuid-10': '',
-							'uuid-22': '',
-							'uuid-12': 'uuid-10',
-							'uuid-14': 'uuid-10',
-							'uuid-16': 'uuid-12',
-							'uuid-18': 'uuid-14',
-							'uuid-24': 'uuid-18',
-							'uuid-26': 'uuid-24',
-							'uuid-28': 'uuid-24',
-							'uuid-30': 'uuid-28',
-						} )
-					),
-					controlledInnerBlocks: {},
-				},
-			};
 			expect( getClientIdsOfDescendants( state, [ 'uuid-10' ] ) ).toEqual(
 				[
 					'uuid-12',
@@ -663,6 +664,12 @@ describe( 'selectors', () => {
 				]
 			);
 		} );
+
+		it( 'should return same value when called with same state and argument', () => {
+			expect( getClientIdsOfDescendants( state, 'uuid-10' ) ).toBe(
+				getClientIdsOfDescendants( state, 'uuid-10' )
+			);
+		} );
 	} );
 
 	describe( 'getClientIdsWithDescendants', () => {

package/src/store/utils.js

@@ -6,14 +6,7 @@
  * @return {Object} The mapped object.
  */
 export function mapRichTextSettings( attributeDefinition ) {
-	const {
-		multiline: multilineTag,
-		__unstableMultilineWrapperTags: multilineWrapperTags,
-		__unstablePreserveWhiteSpace: preserveWhiteSpace,
-	} = attributeDefinition;
-	return {
-		multilineTag,
-		multilineWrapperTags,
-		preserveWhiteSpace,
-	};
+	const { __unstablePreserveWhiteSpace: preserveWhiteSpace } =
+		attributeDefinition;
+	return { preserveWhiteSpace };
 }

package/src/style.scss

@@ -12,6 +12,7 @@
 @import "./components/block-navigation/style.scss";
 @import "./components/block-parent-selector/style.scss";
 @import "./components/block-patterns-list/style.scss";
+@import "./components/block-patterns-paging/style.scss";
 @import "./components/block-popover/style.scss";
 @import "./components/block-preview/style.scss";
 @import "./components/block-settings-menu/style.scss";
@@ -46,6 +47,8 @@
 @import "./components/url-input/style.scss";
 @import "./components/url-popover/style.scss";
 @import "./hooks/anchor.scss";
+@import "./hooks/block-hooks.scss";
+@import "./hooks/background.scss";
 @import "./hooks/border.scss";
 @import "./hooks/color.scss";
 @import "./hooks/dimensions.scss";
@@ -53,6 +56,7 @@
 @import "./hooks/padding.scss";
 @import "./hooks/position.scss";
 @import "./hooks/typography.scss";
+@import "./hooks/block-rename-ui.scss";
 
 @import "./components/block-toolbar/style.scss";
 @import "./components/inserter/style.scss";

package/build/components/duotone/components.js

@@ -1,135 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DuotoneFilter = DuotoneFilter;
-exports.DuotoneStylesheet = DuotoneStylesheet;
-exports.DuotoneUnsetStylesheet = DuotoneUnsetStylesheet;
-exports.PresetDuotoneFilter = PresetDuotoneFilter;
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _index = require("./index");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-/**
- * SVG and stylesheet needed for rendering the duotone filter.
- *
- * @param {Object} props          Duotone props.
- * @param {string} props.selector Selector to apply the filter to.
- * @param {string} props.id       Unique id for this duotone filter.
- *
- * @return {WPElement} Duotone element.
- */
-function DuotoneStylesheet({
-  selector,
-  id
-}) {
-  const css = `
-${selector} {
-	filter: url( #${id} );
-}
-`;
-  return (0, _element.createElement)("style", null, css);
-}
-
-/**
- * Stylesheet for disabling a global styles duotone filter.
- *
- * @param {Object} props          Duotone props.
- * @param {string} props.selector Selector to disable the filter for.
- *
- * @return {WPElement} Filter none style element.
- */
-function DuotoneUnsetStylesheet({
-  selector
-}) {
-  const css = `
-${selector} {
-	filter: none;
-}
-`;
-  return (0, _element.createElement)("style", null, css);
-}
-
-/**
- * The SVG part of the duotone filter.
- *
- * @param {Object}   props        Duotone props.
- * @param {string}   props.id     Unique id for this duotone filter.
- * @param {string[]} props.colors Color strings from dark to light.
- *
- * @return {WPElement} Duotone SVG.
- */
-function DuotoneFilter({
-  id,
-  colors
-}) {
-  const values = (0, _index.__unstableGetValuesFromColors)(colors);
-  return (0, _element.createElement)(_components.SVG, {
-    xmlnsXlink: "http://www.w3.org/1999/xlink",
-    viewBox: "0 0 0 0",
-    width: "0",
-    height: "0",
-    focusable: "false",
-    role: "none",
-    style: {
-      visibility: 'hidden',
-      position: 'absolute',
-      left: '-9999px',
-      overflow: 'hidden'
-    }
-  }, (0, _element.createElement)("defs", null, (0, _element.createElement)("filter", {
-    id: id
-  }, (0, _element.createElement)("feColorMatrix", {
-    // Use sRGB instead of linearRGB so transparency looks correct.
-    colorInterpolationFilters: "sRGB",
-    type: "matrix"
-    // Use perceptual brightness to convert to grayscale.
-    ,
-    values: " .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 .299 .587 .114 0 0 "
-  }), (0, _element.createElement)("feComponentTransfer", {
-    // Use sRGB instead of linearRGB to be consistent with how CSS gradients work.
-    colorInterpolationFilters: "sRGB"
-  }, (0, _element.createElement)("feFuncR", {
-    type: "table",
-    tableValues: values.r.join(' ')
-  }), (0, _element.createElement)("feFuncG", {
-    type: "table",
-    tableValues: values.g.join(' ')
-  }), (0, _element.createElement)("feFuncB", {
-    type: "table",
-    tableValues: values.b.join(' ')
-  }), (0, _element.createElement)("feFuncA", {
-    type: "table",
-    tableValues: values.a.join(' ')
-  })), (0, _element.createElement)("feComposite", {
-    // Re-mask the image with the original transparency since the feColorMatrix above loses that information.
-    in2: "SourceGraphic",
-    operator: "in"
-  }))));
-}
-
-/**
- * SVG from a duotone preset
- *
- * @param {Object} props        Duotone props.
- * @param {Object} props.preset Duotone preset settings.
- *
- * @return {WPElement} Duotone element.
- */
-function PresetDuotoneFilter({
-  preset
-}) {
-  return (0, _element.createElement)(DuotoneFilter, {
-    id: `wp-duotone-${preset.slug}`,
-    colors: preset.colors
-  });
-}
-//# sourceMappingURL=components.js.map

package/build/components/duotone/components.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_components","require","_index","DuotoneStylesheet","selector","id","css","_element","createElement","DuotoneUnsetStylesheet","DuotoneFilter","colors","values","getValuesFromColors","SVG","xmlnsXlink","viewBox","width","height","focusable","role","style","visibility","position","left","overflow","colorInterpolationFilters","type","tableValues","r","join","g","b","a","in2","operator","PresetDuotoneFilter","preset","slug"],"sources":["@wordpress/block-editor/src/components/duotone/components.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SVG } from '@wordpress/components';\n\n/**\n * Internal dependencies\n */\nimport { __unstableGetValuesFromColors as getValuesFromColors } from './index';\n\n/**\n * SVG and stylesheet needed for rendering the duotone filter.\n *\n * @param {Object} props          Duotone props.\n * @param {string} props.selector Selector to apply the filter to.\n * @param {string} props.id       Unique id for this duotone filter.\n *\n * @return {WPElement} Duotone element.\n */\nexport function DuotoneStylesheet( { selector, id } ) {\n\tconst css = `\n${ selector } {\n\tfilter: url( #${ id } );\n}\n`;\n\treturn <style>{ css }</style>;\n}\n\n/**\n * Stylesheet for disabling a global styles duotone filter.\n *\n * @param {Object} props          Duotone props.\n * @param {string} props.selector Selector to disable the filter for.\n *\n * @return {WPElement} Filter none style element.\n */\nexport function DuotoneUnsetStylesheet( { selector } ) {\n\tconst css = `\n${ selector } {\n\tfilter: none;\n}\n`;\n\treturn <style>{ css }</style>;\n}\n\n/**\n * The SVG part of the duotone filter.\n *\n * @param {Object}   props        Duotone props.\n * @param {string}   props.id     Unique id for this duotone filter.\n * @param {string[]} props.colors Color strings from dark to light.\n *\n * @return {WPElement} Duotone SVG.\n */\nexport function DuotoneFilter( { id, colors } ) {\n\tconst values = getValuesFromColors( colors );\n\treturn (\n\t\t<SVG\n\t\t\txmlnsXlink=\"http://www.w3.org/1999/xlink\"\n\t\t\tviewBox=\"0 0 0 0\"\n\t\t\twidth=\"0\"\n\t\t\theight=\"0\"\n\t\t\tfocusable=\"false\"\n\t\t\trole=\"none\"\n\t\t\tstyle={ {\n\t\t\t\tvisibility: 'hidden',\n\t\t\t\tposition: 'absolute',\n\t\t\t\tleft: '-9999px',\n\t\t\t\toverflow: 'hidden',\n\t\t\t} }\n\t\t>\n\t\t\t<defs>\n\t\t\t\t<filter id={ id }>\n\t\t\t\t\t<feColorMatrix\n\t\t\t\t\t\t// Use sRGB instead of linearRGB so transparency looks correct.\n\t\t\t\t\t\tcolorInterpolationFilters=\"sRGB\"\n\t\t\t\t\t\ttype=\"matrix\"\n\t\t\t\t\t\t// Use perceptual brightness to convert to grayscale.\n\t\t\t\t\t\tvalues=\"\n\t\t\t\t\t\t\t.299 .587 .114 0 0\n\t\t\t\t\t\t\t.299 .587 .114 0 0\n\t\t\t\t\t\t\t.299 .587 .114 0 0\n\t\t\t\t\t\t\t.299 .587 .114 0 0\n\t\t\t\t\t\t\"\n\t\t\t\t\t/>\n\t\t\t\t\t<feComponentTransfer\n\t\t\t\t\t\t// Use sRGB instead of linearRGB to be consistent with how CSS gradients work.\n\t\t\t\t\t\tcolorInterpolationFilters=\"sRGB\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<feFuncR\n\t\t\t\t\t\t\ttype=\"table\"\n\t\t\t\t\t\t\ttableValues={ values.r.join( ' ' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<feFuncG\n\t\t\t\t\t\t\ttype=\"table\"\n\t\t\t\t\t\t\ttableValues={ values.g.join( ' ' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<feFuncB\n\t\t\t\t\t\t\ttype=\"table\"\n\t\t\t\t\t\t\ttableValues={ values.b.join( ' ' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<feFuncA\n\t\t\t\t\t\t\ttype=\"table\"\n\t\t\t\t\t\t\ttableValues={ values.a.join( ' ' ) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</feComponentTransfer>\n\t\t\t\t\t<feComposite\n\t\t\t\t\t\t// Re-mask the image with the original transparency since the feColorMatrix above loses that information.\n\t\t\t\t\t\tin2=\"SourceGraphic\"\n\t\t\t\t\t\toperator=\"in\"\n\t\t\t\t\t/>\n\t\t\t\t</filter>\n\t\t\t</defs>\n\t\t</SVG>\n\t);\n}\n\n/**\n * SVG from a duotone preset\n *\n * @param {Object} props        Duotone props.\n * @param {Object} props.preset Duotone preset settings.\n *\n * @return {WPElement} Duotone element.\n */\nexport function PresetDuotoneFilter( { preset } ) {\n\treturn (\n\t\t<DuotoneFilter\n\t\t\tid={ `wp-duotone-${ preset.slug }` }\n\t\t\tcolors={ preset.colors }\n\t\t/>\n\t);\n}\n"],"mappings":"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"}

package/build/components/duotone/index.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "__unstableDuotoneFilter", {
-  enumerable: true,
-  get: function () {
-    return _components.DuotoneFilter;
-  }
-});
-Object.defineProperty(exports, "__unstableDuotoneStylesheet", {
-  enumerable: true,
-  get: function () {
-    return _components.DuotoneStylesheet;
-  }
-});
-Object.defineProperty(exports, "__unstableDuotoneUnsetStylesheet", {
-  enumerable: true,
-  get: function () {
-    return _components.DuotoneUnsetStylesheet;
-  }
-});
-Object.defineProperty(exports, "__unstableGetValuesFromColors", {
-  enumerable: true,
-  get: function () {
-    return _utils.getValuesFromColors;
-  }
-});
-Object.defineProperty(exports, "__unstablePresetDuotoneFilter", {
-  enumerable: true,
-  get: function () {
-    return _components.PresetDuotoneFilter;
-  }
-});
-var _utils = require("./utils");
-var _components = require("./components");
-//# sourceMappingURL=index.js.map

package/build/components/duotone/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_utils","require","_components"],"sources":["@wordpress/block-editor/src/components/duotone/index.js"],"sourcesContent":["export { getValuesFromColors as __unstableGetValuesFromColors } from './utils';\nexport {\n\tDuotoneFilter as __unstableDuotoneFilter,\n\tPresetDuotoneFilter as __unstablePresetDuotoneFilter,\n\tDuotoneStylesheet as __unstableDuotoneStylesheet,\n\tDuotoneUnsetStylesheet as __unstableDuotoneUnsetStylesheet,\n} from './components';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA"}