@wordpress/block-editor 12.10.0 → 12.10.1

package/src/components/inserter/style.scss

@@ -299,13 +299,10 @@ $block-inserter-tabs-height: 44px;
 	border-left: $border-width solid $gray-200;
 	border-right: $border-width solid $gray-200;
 	position: absolute;
-	padding: $grid-unit-40 $grid-unit-30;
 	top: 0;
 	left: 0;
 	height: 100%;
 	width: 100%;
-	overflow-y: auto;
-	scrollbar-gutter: stable both-edges;
 
 	@include break-medium {
 		left: 100%;
@@ -314,7 +311,10 @@ $block-inserter-tabs-height: 44px;
 	}
 
 	.block-editor-block-patterns-list {
-		margin-top: $grid-unit-30;
+		overflow-y: auto;
+		flex-grow: 1;
+		height: 100%;
+		padding: $grid-unit-40 $grid-unit-30;
 	}
 }
 
@@ -331,10 +331,18 @@ $block-inserter-tabs-height: 44px;
 
 .block-editor-inserter__patterns-category-panel {
 	padding: 0 $grid-unit-20;
-
+	display: flex;
+	flex-direction: column;
+	height: 100%;
 	@include break-medium {
 		padding: 0;
 	}
+	.block-editor-inserter__patterns-category-panel-header {
+		padding: 16px $grid-unit-30;
+	}
+	.block-editor-inserter__patterns-category-no-results {
+		margin-top: $grid-unit-30;
+	}
 }
 
 .block-editor-inserter__preview-content {

package/src/components/inspector-controls-tabs/styles-tab.js

@@ -34,7 +34,7 @@ const StylesTab = ( { blockName, clientId, hasBlockStyles } ) => {
 			/>
 			<InspectorControls.Slot
 				group="background"
-				label={ __( 'Background image' ) }
+				label={ __( 'Background' ) }
 			/>
 			<InspectorControls.Slot group="filter" />
 			<InspectorControls.Slot

package/src/hooks/background.js

@@ -1,3 +1,8 @@
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+
 /**
  * WordPress dependencies
  */
@@ -5,17 +10,17 @@ import { isBlobURL } from '@wordpress/blob';
 import { getBlockSupport } from '@wordpress/blocks';
 import {
 	__experimentalToolsPanelItem as ToolsPanelItem,
-	Button,
 	DropZone,
 	FlexItem,
 	MenuItem,
+	VisuallyHidden,
 	__experimentalItemGroup as ItemGroup,
 	__experimentalHStack as HStack,
 	__experimentalTruncate as Truncate,
 } from '@wordpress/components';
 import { useDispatch, useSelect } from '@wordpress/data';
 import { Platform, useCallback } from '@wordpress/element';
-import { __ } from '@wordpress/i18n';
+import { __, sprintf } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
 import { getFilename } from '@wordpress/url';
 
@@ -24,8 +29,6 @@ import { getFilename } from '@wordpress/url';
  */
 import InspectorControls from '../components/inspector-controls';
 import MediaReplaceFlow from '../components/media-replace-flow';
-import MediaUpload from '../components/media-upload';
-import MediaUploadCheck from '../components/media-upload/check';
 import useSetting from '../components/use-setting';
 import { cleanEmptyObject } from './utils';
 import { store as blockEditorStore } from '../store';
@@ -96,12 +99,29 @@ export function resetBackgroundImage( { attributes = {}, setAttributes } ) {
 	} );
 }
 
-function InspectorImagePreview( { label, url: imgUrl } ) {
+function InspectorImagePreview( { label, filename, url: imgUrl } ) {
 	const imgLabel = label || getFilename( imgUrl );
 	return (
 		<ItemGroup as="span">
 			<HStack justify="flex-start" as="span">
-				<img src={ imgUrl } alt="" />
+				<span
+					className={ classnames(
+						'block-editor-hooks__background__inspector-image-indicator-wrapper',
+						{
+							'has-image': imgUrl,
+						}
+					) }
+					aria-hidden
+				>
+					{ imgUrl && (
+						<span
+							className="block-editor-hooks__background__inspector-image-indicator"
+							style={ {
+								backgroundImage: `url(${ imgUrl })`,
+							} }
+						/>
+					) }
+				</span>
 				<FlexItem as="span">
 					<Truncate
 						numberOfLines={ 1 }
@@ -109,6 +129,15 @@ function InspectorImagePreview( { label, url: imgUrl } ) {
 					>
 						{ imgLabel }
 					</Truncate>
+					<VisuallyHidden as="span">
+						{ filename
+							? sprintf(
+									/* translators: %s: file name */
+									__( 'Selected image: %s' ),
+									filename
+							  )
+							: __( 'No image selected' ) }
+					</VisuallyHidden>
 				</FlexItem>
 			</HStack>
 		</ItemGroup>
@@ -223,47 +252,29 @@ function BackgroundImagePanelItem( props ) {
 			panelId={ clientId }
 		>
 			<div className="block-editor-hooks__background__inspector-media-replace-container">
-				{ !! url && (
-					<MediaReplaceFlow
-						mediaId={ id }
-						mediaURL={ url }
-						allowedTypes={ [ IMAGE_BACKGROUND_TYPE ] }
-						accept="image/*"
-						onSelect={ onSelectMedia }
-						name={
-							<InspectorImagePreview
-								label={ title }
-								url={ url }
-							/>
-						}
-						variant="secondary"
-					>
-						<MenuItem
-							onClick={ () => resetBackgroundImage( props ) }
-						>
-							{ __( 'Reset ' ) }
-						</MenuItem>
-					</MediaReplaceFlow>
-				) }
-				{ ! url && (
-					<MediaUploadCheck>
-						<MediaUpload
-							onSelect={ onSelectMedia }
-							allowedTypes={ [ IMAGE_BACKGROUND_TYPE ] }
-							render={ ( { open } ) => (
-								<div className="block-editor-hooks__background__inspector-upload-container">
-									<Button
-										onClick={ open }
-										variant="secondary"
-									>
-										{ __( 'Add background image' ) }
-									</Button>
-									<DropZone onFilesDrop={ onFilesDrop } />
-								</div>
-							) }
+				<MediaReplaceFlow
+					mediaId={ id }
+					mediaURL={ url }
+					allowedTypes={ [ IMAGE_BACKGROUND_TYPE ] }
+					accept="image/*"
+					onSelect={ onSelectMedia }
+					name={
+						<InspectorImagePreview
+							label={ __( 'Background image' ) }
+							filename={ title }
+							url={ url }
 						/>
-					</MediaUploadCheck>
-				) }
+					}
+					variant="secondary"
+				>
+					<MenuItem onClick={ () => resetBackgroundImage( props ) }>
+						{ __( 'Reset ' ) }
+					</MenuItem>
+				</MediaReplaceFlow>
+				<DropZone
+					onFilesDrop={ onFilesDrop }
+					label={ __( 'Drop to upload' ) }
+				/>
 			</div>
 		</ToolsPanelItem>
 	);

package/src/hooks/background.scss

@@ -1,17 +1,14 @@
-.block-editor-hooks__background__inspector-upload-container {
+.block-editor-hooks__background__inspector-media-replace-container {
 	position: relative;
 	// Since there is no option to skip rendering the drag'n'drop icon in drop
 	// zone, we hide it for now.
 	.components-drop-zone__content-icon {
 		display: none;
 	}
-}
 
-.block-editor-hooks__background__inspector-upload-container,
-.block-editor-hooks__background__inspector-media-replace-container {
 	button.components-button {
 		color: $gray-900;
-		box-shadow: inset 0 0 0 1px $gray-400;
+		box-shadow: inset 0 0 0 $border-width $gray-300;
 		width: 100%;
 		display: block;
 		height: $grid-unit-50;
@@ -34,24 +31,45 @@
 		text-align: start;
 		text-align-last: center;
 	}
-}
 
-.block-editor-hooks__background__inspector-media-replace-container {
 	.components-dropdown {
 		display: block;
 	}
+}
 
-	img {
-		width: 20px;
-		min-width: 20px;
-		aspect-ratio: 1;
-		box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
-		border-radius: 50% !important;
-	}
+.block-editor-hooks__background__inspector-image-indicator-wrapper {
+	background: #fff linear-gradient(-45deg, transparent 48%, $gray-300 48%, $gray-300 52%, transparent 52%); // Show a diagonal line (crossed out) for empty background image.
+	border-radius: $radius-round !important; // Override the default border-radius inherited from FlexItem.
+	box-shadow: inset 0 0 0 $border-width rgba(0, 0, 0, 0.2);
+	display: block;
+	width: 20px;
+	height: 20px;
+	flex: none;
 
-	.block-editor-hooks__background__inspector-readonly-logo-preview {
-		padding: 6px 12px;
-		display: flex;
-		height: $grid-unit-50;
+	&.has-image {
+		background: #fff; // No diagonal line for non-empty background image. A background color is in use to account for partially transparent images.
 	}
 }
+
+.block-editor-hooks__background__inspector-image-indicator {
+	background-size: cover;
+	border-radius: $radius-round;
+	width: 20px;
+	height: 20px;
+	display: block;
+	position: relative;
+}
+
+.block-editor-hooks__background__inspector-image-indicator::after {
+	content: "";
+	position: absolute;
+	top: -1px;
+	left: -1px;
+	bottom: -1px;
+	right: -1px;
+	border-radius: $radius-round;
+	box-shadow: inset 0 0 0 $border-width rgba(0, 0, 0, 0.2);
+	// Show a thin outline in Windows high contrast mode, otherwise the button is invisible.
+	border: 1px solid transparent;
+	box-sizing: inherit;
+}

package/src/hooks/block-rename-ui.js

@@ -69,6 +69,7 @@ function RenameModal( { blockName, originalBlockName, onClose, onSave } ) {
 			aria={ {
 				describedby: dialogDescription,
 			} }
+			focusOnMount="firstContentElement"
 		>
 			<p id={ dialogDescription }>
 				{ __( 'Enter a custom name for this block.' ) }

package/src/store/private-selectors.js

@@ -45,9 +45,8 @@ export function getLastInsertedBlocksClientIds( state ) {
 export const isBlockSubtreeDisabled = createSelector(
 	( state, clientId ) => {
 		const isChildSubtreeDisabled = ( childClientId ) => {
-			const mode = state.blockEditingModes.get( childClientId );
 			return (
-				( mode === undefined || mode === 'disabled' ) &&
+				getBlockEditingMode( state, childClientId ) === 'disabled' &&
 				getBlockOrder( state, childClientId ).every(
 					isChildSubtreeDisabled
 				)
@@ -58,7 +57,12 @@ export const isBlockSubtreeDisabled = createSelector(
 			getBlockOrder( state, clientId ).every( isChildSubtreeDisabled )
 		);
 	},
-	( state ) => [ state.blockEditingModes, state.blocks.parents ]
+	( state ) => [
+		state.blocks.parents,
+		state.blocks.order,
+		state.blockEditingModes,
+		state.blockListSettings,
+	]
 );
 
 /**

package/build/components/inserter/block-patterns-source-filter.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PATTERN_TYPES = exports.PATTERN_SOURCE_FILTERS = void 0;
-exports.default = BlockPatternsSourceFilter;
-var _element = require("@wordpress/element");
-var _i18n = require("@wordpress/i18n");
-var _components = require("@wordpress/components");
-/**
- * WordPress dependencies
- */
-
-const PATTERN_TYPES = {
-  synced: 'synced',
-  unsynced: 'unsynced',
-  user: 'user',
-  theme: 'theme'
-};
-exports.PATTERN_TYPES = PATTERN_TYPES;
-const patternSourceOptions = [{
-  value: 'all',
-  label: (0, _i18n.__)('All pattern types')
-}, {
-  value: PATTERN_TYPES.theme,
-  label: (0, _i18n.__)('Theme patterns')
-}, {
-  value: PATTERN_TYPES.user,
-  label: (0, _i18n.__)('My patterns')
-}];
-const PATTERN_SOURCE_FILTERS = patternSourceOptions.reduce((patternSourceFilters, {
-  value,
-  label
-}) => {
-  patternSourceFilters[value] = label;
-  return patternSourceFilters;
-}, {});
-exports.PATTERN_SOURCE_FILTERS = PATTERN_SOURCE_FILTERS;
-function BlockPatternsSourceFilter({
-  onChange,
-  value
-}) {
-  return (0, _element.createElement)(_components.SelectControl, {
-    className: "block-editor-block-patterns__source-filter",
-    label: (0, _i18n.__)('Pattern source'),
-    options: patternSourceOptions,
-    value: value,
-    onChange: onChange,
-    "aria-label": (0, _i18n.__)('Filter patterns by type'),
-    hideLabelFromVision: true
-  });
-}
-//# sourceMappingURL=block-patterns-source-filter.js.map

package/build/components/inserter/block-patterns-source-filter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_i18n","require","_components","PATTERN_TYPES","synced","unsynced","user","theme","exports","patternSourceOptions","value","label","__","PATTERN_SOURCE_FILTERS","reduce","patternSourceFilters","BlockPatternsSourceFilter","onChange","_element","createElement","SelectControl","className","options","hideLabelFromVision"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-source-filter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { SelectControl } from '@wordpress/components';\n\nexport const PATTERN_TYPES = {\n\tsynced: 'synced',\n\tunsynced: 'unsynced',\n\tuser: 'user',\n\ttheme: 'theme',\n};\n\nconst patternSourceOptions = [\n\t{ value: 'all', label: __( 'All pattern types' ) },\n\t{ value: PATTERN_TYPES.theme, label: __( 'Theme patterns' ) },\n\t{ value: PATTERN_TYPES.user, label: __( 'My patterns' ) },\n];\n\nexport const PATTERN_SOURCE_FILTERS = patternSourceOptions.reduce(\n\t( patternSourceFilters, { value, label } ) => {\n\t\tpatternSourceFilters[ value ] = label;\n\t\treturn patternSourceFilters;\n\t},\n\t{}\n);\n\nexport default function BlockPatternsSourceFilter( { onChange, value } ) {\n\treturn (\n\t\t<SelectControl\n\t\t\tclassName=\"block-editor-block-patterns__source-filter\"\n\t\t\tlabel={ __( 'Pattern source' ) }\n\t\t\toptions={ patternSourceOptions }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\taria-label={ __( 'Filter patterns by type' ) }\n\t\t\thideLabelFromVision\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIO,MAAME,aAAa,GAAG;EAC5BC,MAAM,EAAE,QAAQ;EAChBC,QAAQ,EAAE,UAAU;EACpBC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACR,CAAC;AAACC,OAAA,CAAAL,aAAA,GAAAA,aAAA;AAEF,MAAMM,oBAAoB,GAAG,CAC5B;EAAEC,KAAK,EAAE,KAAK;EAAEC,KAAK,EAAE,IAAAC,QAAE,EAAE,mBAAoB;AAAE,CAAC,EAClD;EAAEF,KAAK,EAAEP,aAAa,CAACI,KAAK;EAAEI,KAAK,EAAE,IAAAC,QAAE,EAAE,gBAAiB;AAAE,CAAC,EAC7D;EAAEF,KAAK,EAAEP,aAAa,CAACG,IAAI;EAAEK,KAAK,EAAE,IAAAC,QAAE,EAAE,aAAc;AAAE,CAAC,CACzD;AAEM,MAAMC,sBAAsB,GAAGJ,oBAAoB,CAACK,MAAM,CAChE,CAAEC,oBAAoB,EAAE;EAAEL,KAAK;EAAEC;AAAM,CAAC,KAAM;EAC7CI,oBAAoB,CAAEL,KAAK,CAAE,GAAGC,KAAK;EACrC,OAAOI,oBAAoB;AAC5B,CAAC,EACD,CAAC,CACF,CAAC;AAACP,OAAA,CAAAK,sBAAA,GAAAA,sBAAA;AAEa,SAASG,yBAAyBA,CAAE;EAAEC,QAAQ;EAAEP;AAAM,CAAC,EAAG;EACxE,OACC,IAAAQ,QAAA,CAAAC,aAAA,EAACjB,WAAA,CAAAkB,aAAa;IACbC,SAAS,EAAC,4CAA4C;IACtDV,KAAK,EAAG,IAAAC,QAAE,EAAE,gBAAiB,CAAG;IAChCU,OAAO,EAAGb,oBAAsB;IAChCC,KAAK,EAAGA,KAAO;IACfO,QAAQ,EAAGA,QAAU;IACrB,cAAa,IAAAL,QAAE,EAAE,yBAA0B,CAAG;IAC9CW,mBAAmB;EAAA,CACnB,CAAC;AAEJ"}

package/build/components/inserter/block-patterns-sync-filter.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BlockPatternsSyncFilter = BlockPatternsSyncFilter;
-exports.SYNC_TYPES = void 0;
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-const SYNC_TYPES = {
-  full: 'fully',
-  unsynced: 'unsynced'
-};
-exports.SYNC_TYPES = SYNC_TYPES;
-const patternSyncOptions = [{
-  value: 'all',
-  label: (0, _i18n.__)('All')
-}, {
-  value: SYNC_TYPES.full,
-  label: (0, _i18n.__)('Synced')
-}, {
-  value: SYNC_TYPES.unsynced,
-  label: (0, _i18n.__)('Standard')
-}];
-function BlockPatternsSyncFilter({
-  setPatternSyncFilter,
-  patternSyncFilter
-}) {
-  return (0, _element.createElement)(_components.SelectControl, {
-    className: "block-editor-patterns__sync-status-filter",
-    label: (0, _i18n.__)('Syncing'),
-    options: patternSyncOptions,
-    value: patternSyncFilter,
-    onChange: setPatternSyncFilter,
-    "aria-label": (0, _i18n.__)('Filter patterns by sync type')
-  });
-}
-//# sourceMappingURL=block-patterns-sync-filter.js.map

package/build/components/inserter/block-patterns-sync-filter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_components","require","_i18n","SYNC_TYPES","full","unsynced","exports","patternSyncOptions","value","label","__","BlockPatternsSyncFilter","setPatternSyncFilter","patternSyncFilter","_element","createElement","SelectControl","className","options","onChange"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-sync-filter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nexport const SYNC_TYPES = {\n\tfull: 'fully',\n\tunsynced: 'unsynced',\n};\n\nconst patternSyncOptions = [\n\t{ value: 'all', label: __( 'All' ) },\n\t{ value: SYNC_TYPES.full, label: __( 'Synced' ) },\n\t{ value: SYNC_TYPES.unsynced, label: __( 'Standard' ) },\n];\n\nexport function BlockPatternsSyncFilter( {\n\tsetPatternSyncFilter,\n\tpatternSyncFilter,\n} ) {\n\treturn (\n\t\t<SelectControl\n\t\t\tclassName=\"block-editor-patterns__sync-status-filter\"\n\t\t\tlabel={ __( 'Syncing' ) }\n\t\t\toptions={ patternSyncOptions }\n\t\t\tvalue={ patternSyncFilter }\n\t\t\tonChange={ setPatternSyncFilter }\n\t\t\taria-label={ __( 'Filter patterns by sync type' ) }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAJA;AACA;AACA;;AAIA;AACA;AACA;AACO,MAAME,UAAU,GAAG;EACzBC,IAAI,EAAE,OAAO;EACbC,QAAQ,EAAE;AACX,CAAC;AAACC,OAAA,CAAAH,UAAA,GAAAA,UAAA;AAEF,MAAMI,kBAAkB,GAAG,CAC1B;EAAEC,KAAK,EAAE,KAAK;EAAEC,KAAK,EAAE,IAAAC,QAAE,EAAE,KAAM;AAAE,CAAC,EACpC;EAAEF,KAAK,EAAEL,UAAU,CAACC,IAAI;EAAEK,KAAK,EAAE,IAAAC,QAAE,EAAE,QAAS;AAAE,CAAC,EACjD;EAAEF,KAAK,EAAEL,UAAU,CAACE,QAAQ;EAAEI,KAAK,EAAE,IAAAC,QAAE,EAAE,UAAW;AAAE,CAAC,CACvD;AAEM,SAASC,uBAAuBA,CAAE;EACxCC,oBAAoB;EACpBC;AACD,CAAC,EAAG;EACH,OACC,IAAAC,QAAA,CAAAC,aAAA,EAACf,WAAA,CAAAgB,aAAa;IACbC,SAAS,EAAC,2CAA2C;IACrDR,KAAK,EAAG,IAAAC,QAAE,EAAE,SAAU,CAAG;IACzBQ,OAAO,EAAGX,kBAAoB;IAC9BC,KAAK,EAAGK,iBAAmB;IAC3BM,QAAQ,EAAGP,oBAAsB;IACjC,cAAa,IAAAF,QAAE,EAAE,8BAA+B;EAAG,CACnD,CAAC;AAEJ"}

package/build-module/components/inserter/block-patterns-source-filter.js

@@ -1,44 +0,0 @@
-import { createElement } from "@wordpress/element";
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { SelectControl } from '@wordpress/components';
-export const PATTERN_TYPES = {
-  synced: 'synced',
-  unsynced: 'unsynced',
-  user: 'user',
-  theme: 'theme'
-};
-const patternSourceOptions = [{
-  value: 'all',
-  label: __('All pattern types')
-}, {
-  value: PATTERN_TYPES.theme,
-  label: __('Theme patterns')
-}, {
-  value: PATTERN_TYPES.user,
-  label: __('My patterns')
-}];
-export const PATTERN_SOURCE_FILTERS = patternSourceOptions.reduce((patternSourceFilters, {
-  value,
-  label
-}) => {
-  patternSourceFilters[value] = label;
-  return patternSourceFilters;
-}, {});
-export default function BlockPatternsSourceFilter({
-  onChange,
-  value
-}) {
-  return createElement(SelectControl, {
-    className: "block-editor-block-patterns__source-filter",
-    label: __('Pattern source'),
-    options: patternSourceOptions,
-    value: value,
-    onChange: onChange,
-    "aria-label": __('Filter patterns by type'),
-    hideLabelFromVision: true
-  });
-}
-//# sourceMappingURL=block-patterns-source-filter.js.map

package/build-module/components/inserter/block-patterns-source-filter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__","SelectControl","PATTERN_TYPES","synced","unsynced","user","theme","patternSourceOptions","value","label","PATTERN_SOURCE_FILTERS","reduce","patternSourceFilters","BlockPatternsSourceFilter","onChange","createElement","className","options","hideLabelFromVision"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-source-filter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { SelectControl } from '@wordpress/components';\n\nexport const PATTERN_TYPES = {\n\tsynced: 'synced',\n\tunsynced: 'unsynced',\n\tuser: 'user',\n\ttheme: 'theme',\n};\n\nconst patternSourceOptions = [\n\t{ value: 'all', label: __( 'All pattern types' ) },\n\t{ value: PATTERN_TYPES.theme, label: __( 'Theme patterns' ) },\n\t{ value: PATTERN_TYPES.user, label: __( 'My patterns' ) },\n];\n\nexport const PATTERN_SOURCE_FILTERS = patternSourceOptions.reduce(\n\t( patternSourceFilters, { value, label } ) => {\n\t\tpatternSourceFilters[ value ] = label;\n\t\treturn patternSourceFilters;\n\t},\n\t{}\n);\n\nexport default function BlockPatternsSourceFilter( { onChange, value } ) {\n\treturn (\n\t\t<SelectControl\n\t\t\tclassName=\"block-editor-block-patterns__source-filter\"\n\t\t\tlabel={ __( 'Pattern source' ) }\n\t\t\toptions={ patternSourceOptions }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\taria-label={ __( 'Filter patterns by type' ) }\n\t\t\thideLabelFromVision\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,QAAQ,iBAAiB;AACpC,SAASC,aAAa,QAAQ,uBAAuB;AAErD,OAAO,MAAMC,aAAa,GAAG;EAC5BC,MAAM,EAAE,QAAQ;EAChBC,QAAQ,EAAE,UAAU;EACpBC,IAAI,EAAE,MAAM;EACZC,KAAK,EAAE;AACR,CAAC;AAED,MAAMC,oBAAoB,GAAG,CAC5B;EAAEC,KAAK,EAAE,KAAK;EAAEC,KAAK,EAAET,EAAE,CAAE,mBAAoB;AAAE,CAAC,EAClD;EAAEQ,KAAK,EAAEN,aAAa,CAACI,KAAK;EAAEG,KAAK,EAAET,EAAE,CAAE,gBAAiB;AAAE,CAAC,EAC7D;EAAEQ,KAAK,EAAEN,aAAa,CAACG,IAAI;EAAEI,KAAK,EAAET,EAAE,CAAE,aAAc;AAAE,CAAC,CACzD;AAED,OAAO,MAAMU,sBAAsB,GAAGH,oBAAoB,CAACI,MAAM,CAChE,CAAEC,oBAAoB,EAAE;EAAEJ,KAAK;EAAEC;AAAM,CAAC,KAAM;EAC7CG,oBAAoB,CAAEJ,KAAK,CAAE,GAAGC,KAAK;EACrC,OAAOG,oBAAoB;AAC5B,CAAC,EACD,CAAC,CACF,CAAC;AAED,eAAe,SAASC,yBAAyBA,CAAE;EAAEC,QAAQ;EAAEN;AAAM,CAAC,EAAG;EACxE,OACCO,aAAA,CAACd,aAAa;IACbe,SAAS,EAAC,4CAA4C;IACtDP,KAAK,EAAGT,EAAE,CAAE,gBAAiB,CAAG;IAChCiB,OAAO,EAAGV,oBAAsB;IAChCC,KAAK,EAAGA,KAAO;IACfM,QAAQ,EAAGA,QAAU;IACrB,cAAad,EAAE,CAAE,yBAA0B,CAAG;IAC9CkB,mBAAmB;EAAA,CACnB,CAAC;AAEJ"}

package/build-module/components/inserter/block-patterns-sync-filter.js

@@ -1,38 +0,0 @@
-import { createElement } from "@wordpress/element";
-/**
- * WordPress dependencies
- */
-import { SelectControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-export const SYNC_TYPES = {
-  full: 'fully',
-  unsynced: 'unsynced'
-};
-const patternSyncOptions = [{
-  value: 'all',
-  label: __('All')
-}, {
-  value: SYNC_TYPES.full,
-  label: __('Synced')
-}, {
-  value: SYNC_TYPES.unsynced,
-  label: __('Standard')
-}];
-export function BlockPatternsSyncFilter({
-  setPatternSyncFilter,
-  patternSyncFilter
-}) {
-  return createElement(SelectControl, {
-    className: "block-editor-patterns__sync-status-filter",
-    label: __('Syncing'),
-    options: patternSyncOptions,
-    value: patternSyncFilter,
-    onChange: setPatternSyncFilter,
-    "aria-label": __('Filter patterns by sync type')
-  });
-}
-//# sourceMappingURL=block-patterns-sync-filter.js.map

package/build-module/components/inserter/block-patterns-sync-filter.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["SelectControl","__","SYNC_TYPES","full","unsynced","patternSyncOptions","value","label","BlockPatternsSyncFilter","setPatternSyncFilter","patternSyncFilter","createElement","className","options","onChange"],"sources":["@wordpress/block-editor/src/components/inserter/block-patterns-sync-filter.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nexport const SYNC_TYPES = {\n\tfull: 'fully',\n\tunsynced: 'unsynced',\n};\n\nconst patternSyncOptions = [\n\t{ value: 'all', label: __( 'All' ) },\n\t{ value: SYNC_TYPES.full, label: __( 'Synced' ) },\n\t{ value: SYNC_TYPES.unsynced, label: __( 'Standard' ) },\n];\n\nexport function BlockPatternsSyncFilter( {\n\tsetPatternSyncFilter,\n\tpatternSyncFilter,\n} ) {\n\treturn (\n\t\t<SelectControl\n\t\t\tclassName=\"block-editor-patterns__sync-status-filter\"\n\t\t\tlabel={ __( 'Syncing' ) }\n\t\t\toptions={ patternSyncOptions }\n\t\t\tvalue={ patternSyncFilter }\n\t\t\tonChange={ setPatternSyncFilter }\n\t\t\taria-label={ __( 'Filter patterns by sync type' ) }\n\t\t/>\n\t);\n}\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,aAAa,QAAQ,uBAAuB;AACrD,SAASC,EAAE,QAAQ,iBAAiB;;AAEpC;AACA;AACA;AACA,OAAO,MAAMC,UAAU,GAAG;EACzBC,IAAI,EAAE,OAAO;EACbC,QAAQ,EAAE;AACX,CAAC;AAED,MAAMC,kBAAkB,GAAG,CAC1B;EAAEC,KAAK,EAAE,KAAK;EAAEC,KAAK,EAAEN,EAAE,CAAE,KAAM;AAAE,CAAC,EACpC;EAAEK,KAAK,EAAEJ,UAAU,CAACC,IAAI;EAAEI,KAAK,EAAEN,EAAE,CAAE,QAAS;AAAE,CAAC,EACjD;EAAEK,KAAK,EAAEJ,UAAU,CAACE,QAAQ;EAAEG,KAAK,EAAEN,EAAE,CAAE,UAAW;AAAE,CAAC,CACvD;AAED,OAAO,SAASO,uBAAuBA,CAAE;EACxCC,oBAAoB;EACpBC;AACD,CAAC,EAAG;EACH,OACCC,aAAA,CAACX,aAAa;IACbY,SAAS,EAAC,2CAA2C;IACrDL,KAAK,EAAGN,EAAE,CAAE,SAAU,CAAG;IACzBY,OAAO,EAAGR,kBAAoB;IAC9BC,KAAK,EAAGI,iBAAmB;IAC3BI,QAAQ,EAAGL,oBAAsB;IACjC,cAAaR,EAAE,CAAE,8BAA+B;EAAG,CACnD,CAAC;AAEJ"}

package/src/components/inserter/block-patterns-source-filter.js

@@ -1,40 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { __ } from '@wordpress/i18n';
-import { SelectControl } from '@wordpress/components';
-
-export const PATTERN_TYPES = {
-	synced: 'synced',
-	unsynced: 'unsynced',
-	user: 'user',
-	theme: 'theme',
-};
-
-const patternSourceOptions = [
-	{ value: 'all', label: __( 'All pattern types' ) },
-	{ value: PATTERN_TYPES.theme, label: __( 'Theme patterns' ) },
-	{ value: PATTERN_TYPES.user, label: __( 'My patterns' ) },
-];
-
-export const PATTERN_SOURCE_FILTERS = patternSourceOptions.reduce(
-	( patternSourceFilters, { value, label } ) => {
-		patternSourceFilters[ value ] = label;
-		return patternSourceFilters;
-	},
-	{}
-);
-
-export default function BlockPatternsSourceFilter( { onChange, value } ) {
-	return (
-		<SelectControl
-			className="block-editor-block-patterns__source-filter"
-			label={ __( 'Pattern source' ) }
-			options={ patternSourceOptions }
-			value={ value }
-			onChange={ onChange }
-			aria-label={ __( 'Filter patterns by type' ) }
-			hideLabelFromVision
-		/>
-	);
-}

package/src/components/inserter/block-patterns-sync-filter.js

@@ -1,35 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { SelectControl } from '@wordpress/components';
-import { __ } from '@wordpress/i18n';
-
-/**
- * Internal dependencies
- */
-export const SYNC_TYPES = {
-	full: 'fully',
-	unsynced: 'unsynced',
-};
-
-const patternSyncOptions = [
-	{ value: 'all', label: __( 'All' ) },
-	{ value: SYNC_TYPES.full, label: __( 'Synced' ) },
-	{ value: SYNC_TYPES.unsynced, label: __( 'Standard' ) },
-];
-
-export function BlockPatternsSyncFilter( {
-	setPatternSyncFilter,
-	patternSyncFilter,
-} ) {
-	return (
-		<SelectControl
-			className="block-editor-patterns__sync-status-filter"
-			label={ __( 'Syncing' ) }
-			options={ patternSyncOptions }
-			value={ patternSyncFilter }
-			onChange={ setPatternSyncFilter }
-			aria-label={ __( 'Filter patterns by sync type' ) }
-		/>
-	);
-}