@wordpress/block-editor 12.15.0 → 12.16.0

package/build-module/hooks/color.js

@@ -10,21 +10,23 @@ import classnames from 'classnames';
 import { addFilter } from '@wordpress/hooks';
 import { getBlockSupport } from '@wordpress/blocks';
 import { useMemo, Platform, useCallback } from '@wordpress/element';
-import { createHigherOrderComponent } from '@wordpress/compose';
+import { pure } from '@wordpress/compose';
+import { useSelect } from '@wordpress/data';
 
 /**
  * Internal dependencies
  */
 import { getColorClassName, getColorObjectByAttributeValues } from '../components/colors';
 import { __experimentalGetGradientClass } from '../components/gradients';
-import { cleanEmptyObject, transformStyles, shouldSkipSerialization, useBlockSettings } from './utils';
+import { cleanEmptyObject, transformStyles, shouldSkipSerialization } from './utils';
 import { useSettings } from '../components/use-settings';
 import InspectorControls from '../components/inspector-controls';
 import { useHasColorPanel, default as StylesColorPanel } from '../components/global-styles/color-panel';
 import BlockColorContrastChecker from './contrast-checker';
+import { store as blockEditorStore } from '../store';
 export const COLOR_SUPPORT_KEY = 'color';
-const hasColorSupport = blockType => {
-  const colorSupport = getBlockSupport(blockType, COLOR_SUPPORT_KEY);
+const hasColorSupport = blockNameOrType => {
+  const colorSupport = getBlockSupport(blockNameOrType, COLOR_SUPPORT_KEY);
   return colorSupport && (colorSupport.link === true || colorSupport.gradient === true || colorSupport.background !== false || colorSupport.text !== false);
 };
 const hasLinkColorSupport = blockType => {
@@ -34,8 +36,8 @@ const hasLinkColorSupport = blockType => {
   const colorSupport = getBlockSupport(blockType, COLOR_SUPPORT_KEY);
   return colorSupport !== null && typeof colorSupport === 'object' && !!colorSupport.link;
 };
-const hasGradientSupport = blockType => {
-  const colorSupport = getBlockSupport(blockType, COLOR_SUPPORT_KEY);
+const hasGradientSupport = blockNameOrType => {
+  const colorSupport = getBlockSupport(blockNameOrType, COLOR_SUPPORT_KEY);
   return colorSupport !== null && typeof colorSupport === 'object' && !!colorSupport.gradients;
 };
 const hasBackgroundColorSupport = blockType => {
@@ -88,17 +90,17 @@ function addAttributes(settings) {
 /**
  * Override props assigned to save component to inject colors classnames.
  *
- * @param {Object} props      Additional props applied to save element.
- * @param {Object} blockType  Block type.
- * @param {Object} attributes Block attributes.
+ * @param {Object}        props           Additional props applied to save element.
+ * @param {Object|string} blockNameOrType Block type.
+ * @param {Object}        attributes      Block attributes.
  *
  * @return {Object} Filtered props applied to save element.
  */
-export function addSaveProps(props, blockType, attributes) {
-  if (!hasColorSupport(blockType) || shouldSkipSerialization(blockType, COLOR_SUPPORT_KEY)) {
+export function addSaveProps(props, blockNameOrType, attributes) {
+  if (!hasColorSupport(blockNameOrType) || shouldSkipSerialization(blockNameOrType, COLOR_SUPPORT_KEY)) {
     return props;
   }
-  const hasGradient = hasGradientSupport(blockType);
+  const hasGradient = hasGradientSupport(blockNameOrType);
 
   // I'd have preferred to avoid the "style" attribute usage here
   const {
@@ -107,7 +109,7 @@ export function addSaveProps(props, blockType, attributes) {
     gradient,
     style
   } = attributes;
-  const shouldSerialize = feature => !shouldSkipSerialization(blockType, COLOR_SUPPORT_KEY, feature);
+  const shouldSerialize = feature => !shouldSkipSerialization(blockNameOrType, COLOR_SUPPORT_KEY, feature);
 
   // Primary color classes must come before the `has-text-color`,
   // `has-background` and `has-link-color` classes to maintain backwards
@@ -127,29 +129,6 @@ export function addSaveProps(props, blockType, attributes) {
   props.className = newClassName ? newClassName : undefined;
   return props;
 }
-
-/**
- * Filters registered block settings to extend the block edit wrapper
- * to apply the desired styles and classnames properly.
- *
- * @param {Object} settings Original block settings.
- *
- * @return {Object} Filtered block settings.
- */
-export function addEditProps(settings) {
-  if (!hasColorSupport(settings) || shouldSkipSerialization(settings, COLOR_SUPPORT_KEY)) {
-    return settings;
-  }
-  const existingGetEditWrapperProps = settings.getEditWrapperProps;
-  settings.getEditWrapperProps = attributes => {
-    let props = {};
-    if (existingGetEditWrapperProps) {
-      props = existingGetEditWrapperProps(attributes);
-    }
-    return addSaveProps(props, settings, attributes);
-  };
-  return settings;
-}
 function styleToAttributes(style) {
   const textColorValue = style?.color?.text;
   const textColorSlug = textColorValue?.startsWith('var:preset|color|') ? textColorValue.substring('var:preset|color|'.length) : undefined;
@@ -201,35 +180,53 @@ function ColorInspectorControl({
     resetAllFilter: attributesResetAllFilter
   }, children);
 }
-export function ColorEdit(props) {
-  const {
-    clientId,
-    name,
-    attributes,
-    setAttributes
-  } = props;
-  const settings = useBlockSettings(name);
+function ColorEditPure({
+  clientId,
+  name,
+  setAttributes,
+  settings
+}) {
   const isEnabled = useHasColorPanel(settings);
+  function selector(select) {
+    const {
+      style,
+      textColor,
+      backgroundColor,
+      gradient
+    } = select(blockEditorStore).getBlockAttributes(clientId) || {};
+    return {
+      style,
+      textColor,
+      backgroundColor,
+      gradient
+    };
+  }
+  const {
+    style,
+    textColor,
+    backgroundColor,
+    gradient
+  } = useSelect(selector, [clientId]);
   const value = useMemo(() => {
     return attributesToStyle({
-      style: attributes.style,
-      textColor: attributes.textColor,
-      backgroundColor: attributes.backgroundColor,
-      gradient: attributes.gradient
+      style,
+      textColor,
+      backgroundColor,
+      gradient
     });
-  }, [attributes.style, attributes.textColor, attributes.backgroundColor, attributes.gradient]);
+  }, [style, textColor, backgroundColor, gradient]);
   const onChange = newStyle => {
     setAttributes(styleToAttributes(newStyle));
   };
   if (!isEnabled) {
     return null;
   }
-  const defaultControls = getBlockSupport(props.name, [COLOR_SUPPORT_KEY, '__experimentalDefaultControls']);
+  const defaultControls = getBlockSupport(name, [COLOR_SUPPORT_KEY, '__experimentalDefaultControls']);
   const enableContrastChecking = Platform.OS === 'web' && !value?.color?.gradient && (settings?.color?.text || settings?.color?.link) &&
   // Contrast checking is enabled by default.
   // Deactivating it requires `enableContrastChecker` to have
   // an explicit value of `false`.
-  false !== getBlockSupport(props.name, [COLOR_SUPPORT_KEY, 'enableContrastChecker']);
+  false !== getBlockSupport(name, [COLOR_SUPPORT_KEY, 'enableContrastChecker']);
   return createElement(StylesColorPanel, {
     as: ColorInspectorControl,
     panelId: clientId,
@@ -237,35 +234,27 @@ export function ColorEdit(props) {
     value: value,
     onChange: onChange,
     defaultControls: defaultControls,
-    enableContrastChecker: false !== getBlockSupport(props.name, [COLOR_SUPPORT_KEY, 'enableContrastChecker'])
+    enableContrastChecker: false !== getBlockSupport(name, [COLOR_SUPPORT_KEY, 'enableContrastChecker'])
   }, enableContrastChecking && createElement(BlockColorContrastChecker, {
     clientId: clientId
   }));
 }
 
-/**
- * This adds inline styles for color palette colors.
- * Ideally, this is not needed and themes should load their palettes on the editor.
- *
- * @param {Function} BlockListBlock Original component.
- *
- * @return {Function} Wrapped component.
- */
-export const withColorPaletteStyles = createHigherOrderComponent(BlockListBlock => props => {
-  const {
-    name,
-    attributes
-  } = props;
-  const {
-    backgroundColor,
-    textColor
-  } = attributes;
+// We don't want block controls to re-render when typing inside a block. `pure`
+// will prevent re-renders unless props change, so only pass the needed props
+// and not the whole attributes object.
+export const ColorEdit = pure(ColorEditPure);
+function useBlockProps({
+  name,
+  backgroundColor,
+  textColor,
+  gradient,
+  style
+}) {
   const [userPalette, themePalette, defaultPalette] = useSettings('color.palette.custom', 'color.palette.theme', 'color.palette.default');
   const colors = useMemo(() => [...(userPalette || []), ...(themePalette || []), ...(defaultPalette || [])], [userPalette, themePalette, defaultPalette]);
   if (!hasColorSupport(name) || shouldSkipSerialization(name, COLOR_SUPPORT_KEY)) {
-    return createElement(BlockListBlock, {
-      ...props
-    });
+    return {};
   }
   const extraStyles = {};
   if (textColor && !shouldSkipSerialization(name, COLOR_SUPPORT_KEY, 'text')) {
@@ -274,19 +263,20 @@ export const withColorPaletteStyles = createHigherOrderComponent(BlockListBlock
   if (backgroundColor && !shouldSkipSerialization(name, COLOR_SUPPORT_KEY, 'background')) {
     extraStyles.backgroundColor = getColorObjectByAttributeValues(colors, backgroundColor)?.color;
   }
-  let wrapperProps = props.wrapperProps;
-  wrapperProps = {
-    ...props.wrapperProps,
-    style: {
-      ...extraStyles,
-      ...props.wrapperProps?.style
-    }
-  };
-  return createElement(BlockListBlock, {
-    ...props,
-    wrapperProps: wrapperProps
+  return addSaveProps({
+    style: extraStyles
+  }, name, {
+    textColor,
+    backgroundColor,
+    gradient,
+    style
   });
-}, 'withColorPaletteStyles');
+}
+export default {
+  useBlockProps,
+  attributeKeys: ['backgroundColor', 'textColor', 'gradient', 'style'],
+  hasSupport: hasColorSupport
+};
 const MIGRATION_PATHS = {
   linkColor: [['style', 'elements', 'link', 'color', 'text']],
   textColor: [['textColor'], ['style', 'color', 'text']],
@@ -305,7 +295,5 @@ export function addTransforms(result, source, index, results) {
 }
 addFilter('blocks.registerBlockType', 'core/color/addAttribute', addAttributes);
 addFilter('blocks.getSaveContent.extraProps', 'core/color/addSaveProps', addSaveProps);
-addFilter('blocks.registerBlockType', 'core/color/addEditProps', addEditProps);
-addFilter('editor.BlockListBlock', 'core/color/with-color-palette-styles', withColorPaletteStyles);
 addFilter('blocks.switchToBlockType.transformedBlock', 'core/color/addTransforms', addTransforms);
 //# sourceMappingURL=color.js.map

package/build-module/hooks/color.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","addFilter","getBlockSupport","useMemo","Platform","useCallback","createHigherOrderComponent","getColorClassName","getColorObjectByAttributeValues","__experimentalGetGradientClass","cleanEmptyObject","transformStyles","shouldSkipSerialization","useBlockSettings","useSettings","InspectorControls","useHasColorPanel","default","StylesColorPanel","BlockColorContrastChecker","COLOR_SUPPORT_KEY","hasColorSupport","blockType","colorSupport","link","gradient","background","text","hasLinkColorSupport","OS","hasGradientSupport","gradients","hasBackgroundColorSupport","hasTextColorSupport","addAttributes","settings","attributes","backgroundColor","Object","assign","type","textColor","addSaveProps","props","hasGradient","style","shouldSerialize","feature","textClass","undefined","gradientClass","backgroundClass","serializeHasBackground","hasBackground","color","newClassName","className","elements","addEditProps","existingGetEditWrapperProps","getEditWrapperProps","styleToAttributes","textColorValue","textColorSlug","startsWith","substring","length","backgroundColorValue","backgroundColorSlug","gradientValue","gradientSlug","updatedStyle","attributesToStyle","ColorInspectorControl","children","resetAllFilter","attributesResetAllFilter","existingStyle","createElement","group","ColorEdit","clientId","name","setAttributes","isEnabled","value","onChange","newStyle","defaultControls","enableContrastChecking","as","panelId","enableContrastChecker","withColorPaletteStyles","BlockListBlock","userPalette","themePalette","defaultPalette","colors","extraStyles","wrapperProps","MIGRATION_PATHS","linkColor","addTransforms","result","source","index","results","destinationBlockType","activeSupports"],"sources":["@wordpress/block-editor/src/hooks/color.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { getBlockSupport } from '@wordpress/blocks';\nimport { useMemo, Platform, useCallback } from '@wordpress/element';\nimport { createHigherOrderComponent } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetColorClassName,\n\tgetColorObjectByAttributeValues,\n} from '../components/colors';\nimport { __experimentalGetGradientClass } from '../components/gradients';\nimport {\n\tcleanEmptyObject,\n\ttransformStyles,\n\tshouldSkipSerialization,\n\tuseBlockSettings,\n} from './utils';\nimport { useSettings } from '../components/use-settings';\nimport InspectorControls from '../components/inspector-controls';\nimport {\n\tuseHasColorPanel,\n\tdefault as StylesColorPanel,\n} from '../components/global-styles/color-panel';\nimport BlockColorContrastChecker from './contrast-checker';\n\nexport const COLOR_SUPPORT_KEY = 'color';\n\nconst hasColorSupport = ( blockType ) => {\n\tconst colorSupport = getBlockSupport( blockType, COLOR_SUPPORT_KEY );\n\treturn (\n\t\tcolorSupport &&\n\t\t( colorSupport.link === true ||\n\t\t\tcolorSupport.gradient === true ||\n\t\t\tcolorSupport.background !== false ||\n\t\t\tcolorSupport.text !== false )\n\t);\n};\n\nconst hasLinkColorSupport = ( blockType ) => {\n\tif ( Platform.OS !== 'web' ) {\n\t\treturn false;\n\t}\n\n\tconst colorSupport = getBlockSupport( blockType, COLOR_SUPPORT_KEY );\n\n\treturn (\n\t\tcolorSupport !== null &&\n\t\ttypeof colorSupport === 'object' &&\n\t\t!! colorSupport.link\n\t);\n};\n\nconst hasGradientSupport = ( blockType ) => {\n\tconst colorSupport = getBlockSupport( blockType, COLOR_SUPPORT_KEY );\n\n\treturn (\n\t\tcolorSupport !== null &&\n\t\ttypeof colorSupport === 'object' &&\n\t\t!! colorSupport.gradients\n\t);\n};\n\nconst hasBackgroundColorSupport = ( blockType ) => {\n\tconst colorSupport = getBlockSupport( blockType, COLOR_SUPPORT_KEY );\n\n\treturn colorSupport && colorSupport.background !== false;\n};\n\nconst hasTextColorSupport = ( blockType ) => {\n\tconst colorSupport = getBlockSupport( blockType, COLOR_SUPPORT_KEY );\n\n\treturn colorSupport && colorSupport.text !== false;\n};\n\n/**\n * Filters registered block settings, extending attributes to include\n * `backgroundColor` and `textColor` attribute.\n *\n * @param {Object} settings Original block settings.\n *\n * @return {Object} Filtered block settings.\n */\nfunction addAttributes( settings ) {\n\tif ( ! hasColorSupport( settings ) ) {\n\t\treturn settings;\n\t}\n\n\t// Allow blocks to specify their own attribute definition with default values if needed.\n\tif ( ! settings.attributes.backgroundColor ) {\n\t\tObject.assign( settings.attributes, {\n\t\t\tbackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t} );\n\t}\n\tif ( ! settings.attributes.textColor ) {\n\t\tObject.assign( settings.attributes, {\n\t\t\ttextColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t} );\n\t}\n\n\tif ( hasGradientSupport( settings ) && ! settings.attributes.gradient ) {\n\t\tObject.assign( settings.attributes, {\n\t\t\tgradient: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn settings;\n}\n\n/**\n * Override props assigned to save component to inject colors classnames.\n *\n * @param {Object} props      Additional props applied to save element.\n * @param {Object} blockType  Block type.\n * @param {Object} attributes Block attributes.\n *\n * @return {Object} Filtered props applied to save element.\n */\nexport function addSaveProps( props, blockType, attributes ) {\n\tif (\n\t\t! hasColorSupport( blockType ) ||\n\t\tshouldSkipSerialization( blockType, COLOR_SUPPORT_KEY )\n\t) {\n\t\treturn props;\n\t}\n\n\tconst hasGradient = hasGradientSupport( blockType );\n\n\t// I'd have preferred to avoid the \"style\" attribute usage here\n\tconst { backgroundColor, textColor, gradient, style } = attributes;\n\n\tconst shouldSerialize = ( feature ) =>\n\t\t! shouldSkipSerialization( blockType, COLOR_SUPPORT_KEY, feature );\n\n\t// Primary color classes must come before the `has-text-color`,\n\t// `has-background` and `has-link-color` classes to maintain backwards\n\t// compatibility and avoid block invalidations.\n\tconst textClass = shouldSerialize( 'text' )\n\t\t? getColorClassName( 'color', textColor )\n\t\t: undefined;\n\n\tconst gradientClass = shouldSerialize( 'gradients' )\n\t\t? __experimentalGetGradientClass( gradient )\n\t\t: undefined;\n\n\tconst backgroundClass = shouldSerialize( 'background' )\n\t\t? getColorClassName( 'background-color', backgroundColor )\n\t\t: undefined;\n\n\tconst serializeHasBackground =\n\t\tshouldSerialize( 'background' ) || shouldSerialize( 'gradients' );\n\tconst hasBackground =\n\t\tbackgroundColor ||\n\t\tstyle?.color?.background ||\n\t\t( hasGradient && ( gradient || style?.color?.gradient ) );\n\n\tconst newClassName = classnames(\n\t\tprops.className,\n\t\ttextClass,\n\t\tgradientClass,\n\t\t{\n\t\t\t// Don't apply the background class if there's a custom gradient.\n\t\t\t[ backgroundClass ]:\n\t\t\t\t( ! hasGradient || ! style?.color?.gradient ) &&\n\t\t\t\t!! backgroundClass,\n\t\t\t'has-text-color':\n\t\t\t\tshouldSerialize( 'text' ) &&\n\t\t\t\t( textColor || style?.color?.text ),\n\t\t\t'has-background': serializeHasBackground && hasBackground,\n\t\t\t'has-link-color':\n\t\t\t\tshouldSerialize( 'link' ) && style?.elements?.link?.color,\n\t\t}\n\t);\n\tprops.className = newClassName ? newClassName : undefined;\n\n\treturn props;\n}\n\n/**\n * Filters registered block settings to extend the block edit wrapper\n * to apply the desired styles and classnames properly.\n *\n * @param {Object} settings Original block settings.\n *\n * @return {Object} Filtered block settings.\n */\nexport function addEditProps( settings ) {\n\tif (\n\t\t! hasColorSupport( settings ) ||\n\t\tshouldSkipSerialization( settings, COLOR_SUPPORT_KEY )\n\t) {\n\t\treturn settings;\n\t}\n\tconst existingGetEditWrapperProps = settings.getEditWrapperProps;\n\tsettings.getEditWrapperProps = ( attributes ) => {\n\t\tlet props = {};\n\t\tif ( existingGetEditWrapperProps ) {\n\t\t\tprops = existingGetEditWrapperProps( attributes );\n\t\t}\n\t\treturn addSaveProps( props, settings, attributes );\n\t};\n\n\treturn settings;\n}\n\nfunction styleToAttributes( style ) {\n\tconst textColorValue = style?.color?.text;\n\tconst textColorSlug = textColorValue?.startsWith( 'var:preset|color|' )\n\t\t? textColorValue.substring( 'var:preset|color|'.length )\n\t\t: undefined;\n\tconst backgroundColorValue = style?.color?.background;\n\tconst backgroundColorSlug = backgroundColorValue?.startsWith(\n\t\t'var:preset|color|'\n\t)\n\t\t? backgroundColorValue.substring( 'var:preset|color|'.length )\n\t\t: undefined;\n\tconst gradientValue = style?.color?.gradient;\n\tconst gradientSlug = gradientValue?.startsWith( 'var:preset|gradient|' )\n\t\t? gradientValue.substring( 'var:preset|gradient|'.length )\n\t\t: undefined;\n\tconst updatedStyle = { ...style };\n\tupdatedStyle.color = {\n\t\t...updatedStyle.color,\n\t\ttext: textColorSlug ? undefined : textColorValue,\n\t\tbackground: backgroundColorSlug ? undefined : backgroundColorValue,\n\t\tgradient: gradientSlug ? undefined : gradientValue,\n\t};\n\treturn {\n\t\tstyle: cleanEmptyObject( updatedStyle ),\n\t\ttextColor: textColorSlug,\n\t\tbackgroundColor: backgroundColorSlug,\n\t\tgradient: gradientSlug,\n\t};\n}\n\nfunction attributesToStyle( attributes ) {\n\treturn {\n\t\t...attributes.style,\n\t\tcolor: {\n\t\t\t...attributes.style?.color,\n\t\t\ttext: attributes.textColor\n\t\t\t\t? 'var:preset|color|' + attributes.textColor\n\t\t\t\t: attributes.style?.color?.text,\n\t\t\tbackground: attributes.backgroundColor\n\t\t\t\t? 'var:preset|color|' + attributes.backgroundColor\n\t\t\t\t: attributes.style?.color?.background,\n\t\t\tgradient: attributes.gradient\n\t\t\t\t? 'var:preset|gradient|' + attributes.gradient\n\t\t\t\t: attributes.style?.color?.gradient,\n\t\t},\n\t};\n}\n\nfunction ColorInspectorControl( { children, resetAllFilter } ) {\n\tconst attributesResetAllFilter = useCallback(\n\t\t( attributes ) => {\n\t\t\tconst existingStyle = attributesToStyle( attributes );\n\t\t\tconst updatedStyle = resetAllFilter( existingStyle );\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\t...styleToAttributes( updatedStyle ),\n\t\t\t};\n\t\t},\n\t\t[ resetAllFilter ]\n\t);\n\n\treturn (\n\t\t<InspectorControls\n\t\t\tgroup=\"color\"\n\t\t\tresetAllFilter={ attributesResetAllFilter }\n\t\t>\n\t\t\t{ children }\n\t\t</InspectorControls>\n\t);\n}\n\nexport function ColorEdit( props ) {\n\tconst { clientId, name, attributes, setAttributes } = props;\n\tconst settings = useBlockSettings( name );\n\tconst isEnabled = useHasColorPanel( settings );\n\tconst value = useMemo( () => {\n\t\treturn attributesToStyle( {\n\t\t\tstyle: attributes.style,\n\t\t\ttextColor: attributes.textColor,\n\t\t\tbackgroundColor: attributes.backgroundColor,\n\t\t\tgradient: attributes.gradient,\n\t\t} );\n\t}, [\n\t\tattributes.style,\n\t\tattributes.textColor,\n\t\tattributes.backgroundColor,\n\t\tattributes.gradient,\n\t] );\n\n\tconst onChange = ( newStyle ) => {\n\t\tsetAttributes( styleToAttributes( newStyle ) );\n\t};\n\n\tif ( ! isEnabled ) {\n\t\treturn null;\n\t}\n\n\tconst defaultControls = getBlockSupport( props.name, [\n\t\tCOLOR_SUPPORT_KEY,\n\t\t'__experimentalDefaultControls',\n\t] );\n\n\tconst enableContrastChecking =\n\t\tPlatform.OS === 'web' &&\n\t\t! value?.color?.gradient &&\n\t\t( settings?.color?.text || settings?.color?.link ) &&\n\t\t// Contrast checking is enabled by default.\n\t\t// Deactivating it requires `enableContrastChecker` to have\n\t\t// an explicit value of `false`.\n\t\tfalse !==\n\t\t\tgetBlockSupport( props.name, [\n\t\t\t\tCOLOR_SUPPORT_KEY,\n\t\t\t\t'enableContrastChecker',\n\t\t\t] );\n\n\treturn (\n\t\t<StylesColorPanel\n\t\t\tas={ ColorInspectorControl }\n\t\t\tpanelId={ clientId }\n\t\t\tsettings={ settings }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tdefaultControls={ defaultControls }\n\t\t\tenableContrastChecker={\n\t\t\t\tfalse !==\n\t\t\t\tgetBlockSupport( props.name, [\n\t\t\t\t\tCOLOR_SUPPORT_KEY,\n\t\t\t\t\t'enableContrastChecker',\n\t\t\t\t] )\n\t\t\t}\n\t\t>\n\t\t\t{ enableContrastChecking && (\n\t\t\t\t<BlockColorContrastChecker clientId={ clientId } />\n\t\t\t) }\n\t\t</StylesColorPanel>\n\t);\n}\n\n/**\n * This adds inline styles for color palette colors.\n * Ideally, this is not needed and themes should load their palettes on the editor.\n *\n * @param {Function} BlockListBlock Original component.\n *\n * @return {Function} Wrapped component.\n */\nexport const withColorPaletteStyles = createHigherOrderComponent(\n\t( BlockListBlock ) => ( props ) => {\n\t\tconst { name, attributes } = props;\n\t\tconst { backgroundColor, textColor } = attributes;\n\t\tconst [ userPalette, themePalette, defaultPalette ] = useSettings(\n\t\t\t'color.palette.custom',\n\t\t\t'color.palette.theme',\n\t\t\t'color.palette.default'\n\t\t);\n\n\t\tconst colors = useMemo(\n\t\t\t() => [\n\t\t\t\t...( userPalette || [] ),\n\t\t\t\t...( themePalette || [] ),\n\t\t\t\t...( defaultPalette || [] ),\n\t\t\t],\n\t\t\t[ userPalette, themePalette, defaultPalette ]\n\t\t);\n\t\tif (\n\t\t\t! hasColorSupport( name ) ||\n\t\t\tshouldSkipSerialization( name, COLOR_SUPPORT_KEY )\n\t\t) {\n\t\t\treturn <BlockListBlock { ...props } />;\n\t\t}\n\t\tconst extraStyles = {};\n\n\t\tif (\n\t\t\ttextColor &&\n\t\t\t! shouldSkipSerialization( name, COLOR_SUPPORT_KEY, 'text' )\n\t\t) {\n\t\t\textraStyles.color = getColorObjectByAttributeValues(\n\t\t\t\tcolors,\n\t\t\t\ttextColor\n\t\t\t)?.color;\n\t\t}\n\t\tif (\n\t\t\tbackgroundColor &&\n\t\t\t! shouldSkipSerialization( name, COLOR_SUPPORT_KEY, 'background' )\n\t\t) {\n\t\t\textraStyles.backgroundColor = getColorObjectByAttributeValues(\n\t\t\t\tcolors,\n\t\t\t\tbackgroundColor\n\t\t\t)?.color;\n\t\t}\n\n\t\tlet wrapperProps = props.wrapperProps;\n\t\twrapperProps = {\n\t\t\t...props.wrapperProps,\n\t\t\tstyle: {\n\t\t\t\t...extraStyles,\n\t\t\t\t...props.wrapperProps?.style,\n\t\t\t},\n\t\t};\n\n\t\treturn <BlockListBlock { ...props } wrapperProps={ wrapperProps } />;\n\t},\n\t'withColorPaletteStyles'\n);\n\nconst MIGRATION_PATHS = {\n\tlinkColor: [ [ 'style', 'elements', 'link', 'color', 'text' ] ],\n\ttextColor: [ [ 'textColor' ], [ 'style', 'color', 'text' ] ],\n\tbackgroundColor: [\n\t\t[ 'backgroundColor' ],\n\t\t[ 'style', 'color', 'background' ],\n\t],\n\tgradient: [ [ 'gradient' ], [ 'style', 'color', 'gradient' ] ],\n};\n\nexport function addTransforms( result, source, index, results ) {\n\tconst destinationBlockType = result.name;\n\tconst activeSupports = {\n\t\tlinkColor: hasLinkColorSupport( destinationBlockType ),\n\t\ttextColor: hasTextColorSupport( destinationBlockType ),\n\t\tbackgroundColor: hasBackgroundColorSupport( destinationBlockType ),\n\t\tgradient: hasGradientSupport( destinationBlockType ),\n\t};\n\treturn transformStyles(\n\t\tactiveSupports,\n\t\tMIGRATION_PATHS,\n\t\tresult,\n\t\tsource,\n\t\tindex,\n\t\tresults\n\t);\n}\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/color/addAttribute',\n\taddAttributes\n);\n\naddFilter(\n\t'blocks.getSaveContent.extraProps',\n\t'core/color/addSaveProps',\n\taddSaveProps\n);\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/color/addEditProps',\n\taddEditProps\n);\n\naddFilter(\n\t'editor.BlockListBlock',\n\t'core/color/with-color-palette-styles',\n\twithColorPaletteStyles\n);\n\naddFilter(\n\t'blocks.switchToBlockType.transformedBlock',\n\t'core/color/addTransforms',\n\taddTransforms\n);\n"],"mappings":"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"}
+{"version":3,"names":["classnames","addFilter","getBlockSupport","useMemo","Platform","useCallback","pure","useSelect","getColorClassName","getColorObjectByAttributeValues","__experimentalGetGradientClass","cleanEmptyObject","transformStyles","shouldSkipSerialization","useSettings","InspectorControls","useHasColorPanel","default","StylesColorPanel","BlockColorContrastChecker","store","blockEditorStore","COLOR_SUPPORT_KEY","hasColorSupport","blockNameOrType","colorSupport","link","gradient","background","text","hasLinkColorSupport","blockType","OS","hasGradientSupport","gradients","hasBackgroundColorSupport","hasTextColorSupport","addAttributes","settings","attributes","backgroundColor","Object","assign","type","textColor","addSaveProps","props","hasGradient","style","shouldSerialize","feature","textClass","undefined","gradientClass","backgroundClass","serializeHasBackground","hasBackground","color","newClassName","className","elements","styleToAttributes","textColorValue","textColorSlug","startsWith","substring","length","backgroundColorValue","backgroundColorSlug","gradientValue","gradientSlug","updatedStyle","attributesToStyle","ColorInspectorControl","children","resetAllFilter","attributesResetAllFilter","existingStyle","createElement","group","ColorEditPure","clientId","name","setAttributes","isEnabled","selector","select","getBlockAttributes","value","onChange","newStyle","defaultControls","enableContrastChecking","as","panelId","enableContrastChecker","ColorEdit","useBlockProps","userPalette","themePalette","defaultPalette","colors","extraStyles","attributeKeys","hasSupport","MIGRATION_PATHS","linkColor","addTransforms","result","source","index","results","destinationBlockType","activeSupports"],"sources":["@wordpress/block-editor/src/hooks/color.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { addFilter } from '@wordpress/hooks';\nimport { getBlockSupport } from '@wordpress/blocks';\nimport { useMemo, Platform, useCallback } from '@wordpress/element';\nimport { pure } from '@wordpress/compose';\nimport { useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetColorClassName,\n\tgetColorObjectByAttributeValues,\n} from '../components/colors';\nimport { __experimentalGetGradientClass } from '../components/gradients';\nimport {\n\tcleanEmptyObject,\n\ttransformStyles,\n\tshouldSkipSerialization,\n} from './utils';\nimport { useSettings } from '../components/use-settings';\nimport InspectorControls from '../components/inspector-controls';\nimport {\n\tuseHasColorPanel,\n\tdefault as StylesColorPanel,\n} from '../components/global-styles/color-panel';\nimport BlockColorContrastChecker from './contrast-checker';\nimport { store as blockEditorStore } from '../store';\n\nexport const COLOR_SUPPORT_KEY = 'color';\n\nconst hasColorSupport = ( blockNameOrType ) => {\n\tconst colorSupport = getBlockSupport( blockNameOrType, COLOR_SUPPORT_KEY );\n\treturn (\n\t\tcolorSupport &&\n\t\t( colorSupport.link === true ||\n\t\t\tcolorSupport.gradient === true ||\n\t\t\tcolorSupport.background !== false ||\n\t\t\tcolorSupport.text !== false )\n\t);\n};\n\nconst hasLinkColorSupport = ( blockType ) => {\n\tif ( Platform.OS !== 'web' ) {\n\t\treturn false;\n\t}\n\n\tconst colorSupport = getBlockSupport( blockType, COLOR_SUPPORT_KEY );\n\n\treturn (\n\t\tcolorSupport !== null &&\n\t\ttypeof colorSupport === 'object' &&\n\t\t!! colorSupport.link\n\t);\n};\n\nconst hasGradientSupport = ( blockNameOrType ) => {\n\tconst colorSupport = getBlockSupport( blockNameOrType, COLOR_SUPPORT_KEY );\n\n\treturn (\n\t\tcolorSupport !== null &&\n\t\ttypeof colorSupport === 'object' &&\n\t\t!! colorSupport.gradients\n\t);\n};\n\nconst hasBackgroundColorSupport = ( blockType ) => {\n\tconst colorSupport = getBlockSupport( blockType, COLOR_SUPPORT_KEY );\n\n\treturn colorSupport && colorSupport.background !== false;\n};\n\nconst hasTextColorSupport = ( blockType ) => {\n\tconst colorSupport = getBlockSupport( blockType, COLOR_SUPPORT_KEY );\n\n\treturn colorSupport && colorSupport.text !== false;\n};\n\n/**\n * Filters registered block settings, extending attributes to include\n * `backgroundColor` and `textColor` attribute.\n *\n * @param {Object} settings Original block settings.\n *\n * @return {Object} Filtered block settings.\n */\nfunction addAttributes( settings ) {\n\tif ( ! hasColorSupport( settings ) ) {\n\t\treturn settings;\n\t}\n\n\t// Allow blocks to specify their own attribute definition with default values if needed.\n\tif ( ! settings.attributes.backgroundColor ) {\n\t\tObject.assign( settings.attributes, {\n\t\t\tbackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t} );\n\t}\n\tif ( ! settings.attributes.textColor ) {\n\t\tObject.assign( settings.attributes, {\n\t\t\ttextColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t} );\n\t}\n\n\tif ( hasGradientSupport( settings ) && ! settings.attributes.gradient ) {\n\t\tObject.assign( settings.attributes, {\n\t\t\tgradient: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn settings;\n}\n\n/**\n * Override props assigned to save component to inject colors classnames.\n *\n * @param {Object}        props           Additional props applied to save element.\n * @param {Object|string} blockNameOrType Block type.\n * @param {Object}        attributes      Block attributes.\n *\n * @return {Object} Filtered props applied to save element.\n */\nexport function addSaveProps( props, blockNameOrType, attributes ) {\n\tif (\n\t\t! hasColorSupport( blockNameOrType ) ||\n\t\tshouldSkipSerialization( blockNameOrType, COLOR_SUPPORT_KEY )\n\t) {\n\t\treturn props;\n\t}\n\n\tconst hasGradient = hasGradientSupport( blockNameOrType );\n\n\t// I'd have preferred to avoid the \"style\" attribute usage here\n\tconst { backgroundColor, textColor, gradient, style } = attributes;\n\n\tconst shouldSerialize = ( feature ) =>\n\t\t! shouldSkipSerialization(\n\t\t\tblockNameOrType,\n\t\t\tCOLOR_SUPPORT_KEY,\n\t\t\tfeature\n\t\t);\n\n\t// Primary color classes must come before the `has-text-color`,\n\t// `has-background` and `has-link-color` classes to maintain backwards\n\t// compatibility and avoid block invalidations.\n\tconst textClass = shouldSerialize( 'text' )\n\t\t? getColorClassName( 'color', textColor )\n\t\t: undefined;\n\n\tconst gradientClass = shouldSerialize( 'gradients' )\n\t\t? __experimentalGetGradientClass( gradient )\n\t\t: undefined;\n\n\tconst backgroundClass = shouldSerialize( 'background' )\n\t\t? getColorClassName( 'background-color', backgroundColor )\n\t\t: undefined;\n\n\tconst serializeHasBackground =\n\t\tshouldSerialize( 'background' ) || shouldSerialize( 'gradients' );\n\tconst hasBackground =\n\t\tbackgroundColor ||\n\t\tstyle?.color?.background ||\n\t\t( hasGradient && ( gradient || style?.color?.gradient ) );\n\n\tconst newClassName = classnames(\n\t\tprops.className,\n\t\ttextClass,\n\t\tgradientClass,\n\t\t{\n\t\t\t// Don't apply the background class if there's a custom gradient.\n\t\t\t[ backgroundClass ]:\n\t\t\t\t( ! hasGradient || ! style?.color?.gradient ) &&\n\t\t\t\t!! backgroundClass,\n\t\t\t'has-text-color':\n\t\t\t\tshouldSerialize( 'text' ) &&\n\t\t\t\t( textColor || style?.color?.text ),\n\t\t\t'has-background': serializeHasBackground && hasBackground,\n\t\t\t'has-link-color':\n\t\t\t\tshouldSerialize( 'link' ) && style?.elements?.link?.color,\n\t\t}\n\t);\n\tprops.className = newClassName ? newClassName : undefined;\n\n\treturn props;\n}\n\nfunction styleToAttributes( style ) {\n\tconst textColorValue = style?.color?.text;\n\tconst textColorSlug = textColorValue?.startsWith( 'var:preset|color|' )\n\t\t? textColorValue.substring( 'var:preset|color|'.length )\n\t\t: undefined;\n\tconst backgroundColorValue = style?.color?.background;\n\tconst backgroundColorSlug = backgroundColorValue?.startsWith(\n\t\t'var:preset|color|'\n\t)\n\t\t? backgroundColorValue.substring( 'var:preset|color|'.length )\n\t\t: undefined;\n\tconst gradientValue = style?.color?.gradient;\n\tconst gradientSlug = gradientValue?.startsWith( 'var:preset|gradient|' )\n\t\t? gradientValue.substring( 'var:preset|gradient|'.length )\n\t\t: undefined;\n\tconst updatedStyle = { ...style };\n\tupdatedStyle.color = {\n\t\t...updatedStyle.color,\n\t\ttext: textColorSlug ? undefined : textColorValue,\n\t\tbackground: backgroundColorSlug ? undefined : backgroundColorValue,\n\t\tgradient: gradientSlug ? undefined : gradientValue,\n\t};\n\treturn {\n\t\tstyle: cleanEmptyObject( updatedStyle ),\n\t\ttextColor: textColorSlug,\n\t\tbackgroundColor: backgroundColorSlug,\n\t\tgradient: gradientSlug,\n\t};\n}\n\nfunction attributesToStyle( attributes ) {\n\treturn {\n\t\t...attributes.style,\n\t\tcolor: {\n\t\t\t...attributes.style?.color,\n\t\t\ttext: attributes.textColor\n\t\t\t\t? 'var:preset|color|' + attributes.textColor\n\t\t\t\t: attributes.style?.color?.text,\n\t\t\tbackground: attributes.backgroundColor\n\t\t\t\t? 'var:preset|color|' + attributes.backgroundColor\n\t\t\t\t: attributes.style?.color?.background,\n\t\t\tgradient: attributes.gradient\n\t\t\t\t? 'var:preset|gradient|' + attributes.gradient\n\t\t\t\t: attributes.style?.color?.gradient,\n\t\t},\n\t};\n}\n\nfunction ColorInspectorControl( { children, resetAllFilter } ) {\n\tconst attributesResetAllFilter = useCallback(\n\t\t( attributes ) => {\n\t\t\tconst existingStyle = attributesToStyle( attributes );\n\t\t\tconst updatedStyle = resetAllFilter( existingStyle );\n\t\t\treturn {\n\t\t\t\t...attributes,\n\t\t\t\t...styleToAttributes( updatedStyle ),\n\t\t\t};\n\t\t},\n\t\t[ resetAllFilter ]\n\t);\n\n\treturn (\n\t\t<InspectorControls\n\t\t\tgroup=\"color\"\n\t\t\tresetAllFilter={ attributesResetAllFilter }\n\t\t>\n\t\t\t{ children }\n\t\t</InspectorControls>\n\t);\n}\n\nfunction ColorEditPure( { clientId, name, setAttributes, settings } ) {\n\tconst isEnabled = useHasColorPanel( settings );\n\tfunction selector( select ) {\n\t\tconst { style, textColor, backgroundColor, gradient } =\n\t\t\tselect( blockEditorStore ).getBlockAttributes( clientId ) || {};\n\t\treturn { style, textColor, backgroundColor, gradient };\n\t}\n\tconst { style, textColor, backgroundColor, gradient } = useSelect(\n\t\tselector,\n\t\t[ clientId ]\n\t);\n\tconst value = useMemo( () => {\n\t\treturn attributesToStyle( {\n\t\t\tstyle,\n\t\t\ttextColor,\n\t\t\tbackgroundColor,\n\t\t\tgradient,\n\t\t} );\n\t}, [ style, textColor, backgroundColor, gradient ] );\n\n\tconst onChange = ( newStyle ) => {\n\t\tsetAttributes( styleToAttributes( newStyle ) );\n\t};\n\n\tif ( ! isEnabled ) {\n\t\treturn null;\n\t}\n\n\tconst defaultControls = getBlockSupport( name, [\n\t\tCOLOR_SUPPORT_KEY,\n\t\t'__experimentalDefaultControls',\n\t] );\n\n\tconst enableContrastChecking =\n\t\tPlatform.OS === 'web' &&\n\t\t! value?.color?.gradient &&\n\t\t( settings?.color?.text || settings?.color?.link ) &&\n\t\t// Contrast checking is enabled by default.\n\t\t// Deactivating it requires `enableContrastChecker` to have\n\t\t// an explicit value of `false`.\n\t\tfalse !==\n\t\t\tgetBlockSupport( name, [\n\t\t\t\tCOLOR_SUPPORT_KEY,\n\t\t\t\t'enableContrastChecker',\n\t\t\t] );\n\n\treturn (\n\t\t<StylesColorPanel\n\t\t\tas={ ColorInspectorControl }\n\t\t\tpanelId={ clientId }\n\t\t\tsettings={ settings }\n\t\t\tvalue={ value }\n\t\t\tonChange={ onChange }\n\t\t\tdefaultControls={ defaultControls }\n\t\t\tenableContrastChecker={\n\t\t\t\tfalse !==\n\t\t\t\tgetBlockSupport( name, [\n\t\t\t\t\tCOLOR_SUPPORT_KEY,\n\t\t\t\t\t'enableContrastChecker',\n\t\t\t\t] )\n\t\t\t}\n\t\t>\n\t\t\t{ enableContrastChecking && (\n\t\t\t\t<BlockColorContrastChecker clientId={ clientId } />\n\t\t\t) }\n\t\t</StylesColorPanel>\n\t);\n}\n\n// We don't want block controls to re-render when typing inside a block. `pure`\n// will prevent re-renders unless props change, so only pass the needed props\n// and not the whole attributes object.\nexport const ColorEdit = pure( ColorEditPure );\n\nfunction useBlockProps( {\n\tname,\n\tbackgroundColor,\n\ttextColor,\n\tgradient,\n\tstyle,\n} ) {\n\tconst [ userPalette, themePalette, defaultPalette ] = useSettings(\n\t\t'color.palette.custom',\n\t\t'color.palette.theme',\n\t\t'color.palette.default'\n\t);\n\n\tconst colors = useMemo(\n\t\t() => [\n\t\t\t...( userPalette || [] ),\n\t\t\t...( themePalette || [] ),\n\t\t\t...( defaultPalette || [] ),\n\t\t],\n\t\t[ userPalette, themePalette, defaultPalette ]\n\t);\n\tif (\n\t\t! hasColorSupport( name ) ||\n\t\tshouldSkipSerialization( name, COLOR_SUPPORT_KEY )\n\t) {\n\t\treturn {};\n\t}\n\tconst extraStyles = {};\n\n\tif (\n\t\ttextColor &&\n\t\t! shouldSkipSerialization( name, COLOR_SUPPORT_KEY, 'text' )\n\t) {\n\t\textraStyles.color = getColorObjectByAttributeValues(\n\t\t\tcolors,\n\t\t\ttextColor\n\t\t)?.color;\n\t}\n\tif (\n\t\tbackgroundColor &&\n\t\t! shouldSkipSerialization( name, COLOR_SUPPORT_KEY, 'background' )\n\t) {\n\t\textraStyles.backgroundColor = getColorObjectByAttributeValues(\n\t\t\tcolors,\n\t\t\tbackgroundColor\n\t\t)?.color;\n\t}\n\n\treturn addSaveProps( { style: extraStyles }, name, {\n\t\ttextColor,\n\t\tbackgroundColor,\n\t\tgradient,\n\t\tstyle,\n\t} );\n}\n\nexport default {\n\tuseBlockProps,\n\tattributeKeys: [ 'backgroundColor', 'textColor', 'gradient', 'style' ],\n\thasSupport: hasColorSupport,\n};\n\nconst MIGRATION_PATHS = {\n\tlinkColor: [ [ 'style', 'elements', 'link', 'color', 'text' ] ],\n\ttextColor: [ [ 'textColor' ], [ 'style', 'color', 'text' ] ],\n\tbackgroundColor: [\n\t\t[ 'backgroundColor' ],\n\t\t[ 'style', 'color', 'background' ],\n\t],\n\tgradient: [ [ 'gradient' ], [ 'style', 'color', 'gradient' ] ],\n};\n\nexport function addTransforms( result, source, index, results ) {\n\tconst destinationBlockType = result.name;\n\tconst activeSupports = {\n\t\tlinkColor: hasLinkColorSupport( destinationBlockType ),\n\t\ttextColor: hasTextColorSupport( destinationBlockType ),\n\t\tbackgroundColor: hasBackgroundColorSupport( destinationBlockType ),\n\t\tgradient: hasGradientSupport( destinationBlockType ),\n\t};\n\treturn transformStyles(\n\t\tactiveSupports,\n\t\tMIGRATION_PATHS,\n\t\tresult,\n\t\tsource,\n\t\tindex,\n\t\tresults\n\t);\n}\n\naddFilter(\n\t'blocks.registerBlockType',\n\t'core/color/addAttribute',\n\taddAttributes\n);\n\naddFilter(\n\t'blocks.getSaveContent.extraProps',\n\t'core/color/addSaveProps',\n\taddSaveProps\n);\n\naddFilter(\n\t'blocks.switchToBlockType.transformedBlock',\n\t'core/color/addTransforms',\n\taddTransforms\n);\n"],"mappings":"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"}

package/build-module/hooks/content-lock-ui.js

@@ -3,9 +3,7 @@ import { createElement, Fragment } from "react";
  * WordPress dependencies
  */
 import { ToolbarButton, MenuItem } from '@wordpress/components';
-import { createHigherOrderComponent } from '@wordpress/compose';
 import { useDispatch, useSelect } from '@wordpress/data';
-import { addFilter } from '@wordpress/hooks';
 import { __ } from '@wordpress/i18n';
 import { useEffect, useRef, useCallback } from '@wordpress/element';
 
@@ -32,7 +30,10 @@ function StopEditingAsBlocksOnOutsideSelect({
   }, [isBlockOrDescendantSelected, stopEditingAsBlock]);
   return null;
 }
-export const withContentLockControls = createHigherOrderComponent(BlockEdit => props => {
+function ContentLockControlsPure({
+  clientId,
+  isSelected
+}) {
   const {
     getBlockListSettings,
     getSettings
@@ -49,11 +50,11 @@ export const withContentLockControls = createHigherOrderComponent(BlockEdit => p
       __unstableGetTemporarilyEditingAsBlocks
     } = select(blockEditorStore);
     return {
-      templateLock: getTemplateLock(props.clientId),
-      isLockedByParent: !!__unstableGetContentLockingParent(props.clientId),
-      isEditingAsBlocks: __unstableGetTemporarilyEditingAsBlocks() === props.clientId
+      templateLock: getTemplateLock(clientId),
+      isLockedByParent: !!__unstableGetContentLockingParent(clientId),
+      isEditingAsBlocks: __unstableGetTemporarilyEditingAsBlocks() === clientId
     };
-  }, [props.clientId]);
+  }, [clientId]);
   const {
     updateSettings,
     updateBlockListSettings,
@@ -66,28 +67,25 @@ export const withContentLockControls = createHigherOrderComponent(BlockEdit => p
   } = useDispatch(blockEditorStore);
   const stopEditingAsBlock = useCallback(() => {
     __unstableMarkNextChangeAsNotPersistent();
-    updateBlockAttributes(props.clientId, {
+    updateBlockAttributes(clientId, {
       templateLock: 'contentOnly'
     });
-    updateBlockListSettings(props.clientId, {
-      ...getBlockListSettings(props.clientId),
+    updateBlockListSettings(clientId, {
+      ...getBlockListSettings(clientId),
       templateLock: 'contentOnly'
     });
     updateSettings({
       focusMode: focusModeToRevert.current
     });
     __unstableSetTemporarilyEditingAsBlocks();
-  }, [props.clientId, updateSettings, updateBlockListSettings, getBlockListSettings, __unstableMarkNextChangeAsNotPersistent, updateBlockAttributes, __unstableSetTemporarilyEditingAsBlocks]);
+  }, [clientId, updateSettings, updateBlockListSettings, getBlockListSettings, __unstableMarkNextChangeAsNotPersistent, updateBlockAttributes, __unstableSetTemporarilyEditingAsBlocks]);
   if (!isContentLocked && !isEditingAsBlocks) {
-    return createElement(BlockEdit, {
-      key: "edit",
-      ...props
-    });
+    return null;
   }
   const showStopEditingAsBlocks = isEditingAsBlocks && !isContentLocked;
-  const showStartEditingAsBlocks = !isEditingAsBlocks && isContentLocked && props.isSelected;
+  const showStartEditingAsBlocks = !isEditingAsBlocks && isContentLocked && isSelected;
   return createElement(Fragment, null, showStopEditingAsBlocks && createElement(Fragment, null, createElement(StopEditingAsBlocksOnOutsideSelect, {
-    clientId: props.clientId,
+    clientId: clientId,
     stopEditingAsBlock: stopEditingAsBlock
   }), createElement(BlockControls, {
     group: "other"
@@ -100,24 +98,26 @@ export const withContentLockControls = createHigherOrderComponent(BlockEdit => p
   }) => createElement(MenuItem, {
     onClick: () => {
       __unstableMarkNextChangeAsNotPersistent();
-      updateBlockAttributes(props.clientId, {
+      updateBlockAttributes(clientId, {
         templateLock: undefined
       });
-      updateBlockListSettings(props.clientId, {
-        ...getBlockListSettings(props.clientId),
+      updateBlockListSettings(clientId, {
+        ...getBlockListSettings(clientId),
         templateLock: false
       });
       focusModeToRevert.current = getSettings().focusMode;
       updateSettings({
         focusMode: true
       });
-      __unstableSetTemporarilyEditingAsBlocks(props.clientId);
+      __unstableSetTemporarilyEditingAsBlocks(clientId);
       onClose();
     }
-  }, __('Modify'))), createElement(BlockEdit, {
-    key: "edit",
-    ...props
-  }));
-}, 'withContentLockControls');
-addFilter('editor.BlockEdit', 'core/content-lock-ui/with-block-controls', withContentLockControls);
+  }, __('Modify'))));
+}
+export default {
+  edit: ContentLockControlsPure,
+  hasSupport() {
+    return true;
+  }
+};
 //# sourceMappingURL=content-lock-ui.js.map

package/build-module/hooks/content-lock-ui.js.map

@@ -1 +1 @@
-{"version":3,"names":["ToolbarButton","MenuItem","createHigherOrderComponent","useDispatch","useSelect","addFilter","__","useEffect","useRef","useCallback","store","blockEditorStore","BlockControls","BlockSettingsMenuControls","StopEditingAsBlocksOnOutsideSelect","clientId","stopEditingAsBlock","isBlockOrDescendantSelected","select","isBlockSelected","hasSelectedInnerBlock","withContentLockControls","BlockEdit","props","getBlockListSettings","getSettings","focusModeToRevert","templateLock","isLockedByParent","isEditingAsBlocks","__unstableGetContentLockingParent","getTemplateLock","__unstableGetTemporarilyEditingAsBlocks","updateSettings","updateBlockListSettings","__unstableSetTemporarilyEditingAsBlocks","isContentLocked","__unstableMarkNextChangeAsNotPersistent","updateBlockAttributes","focusMode","current","createElement","key","showStopEditingAsBlocks","showStartEditingAsBlocks","isSelected","Fragment","group","onClick","onClose","undefined"],"sources":["@wordpress/block-editor/src/hooks/content-lock-ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton, MenuItem } from '@wordpress/components';\nimport { createHigherOrderComponent } from '@wordpress/compose';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { addFilter } from '@wordpress/hooks';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useRef, useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\nimport { BlockControls, BlockSettingsMenuControls } from '../components';\n\nfunction StopEditingAsBlocksOnOutsideSelect( {\n\tclientId,\n\tstopEditingAsBlock,\n} ) {\n\tconst isBlockOrDescendantSelected = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isBlockSelected, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\treturn (\n\t\t\t\tisBlockSelected( clientId ) ||\n\t\t\t\thasSelectedInnerBlock( clientId, true )\n\t\t\t);\n\t\t},\n\t\t[ clientId ]\n\t);\n\tuseEffect( () => {\n\t\tif ( ! isBlockOrDescendantSelected ) {\n\t\t\tstopEditingAsBlock();\n\t\t}\n\t}, [ isBlockOrDescendantSelected, stopEditingAsBlock ] );\n\treturn null;\n}\n\nexport const withContentLockControls = createHigherOrderComponent(\n\t( BlockEdit ) => ( props ) => {\n\t\tconst { getBlockListSettings, getSettings } =\n\t\t\tuseSelect( blockEditorStore );\n\t\tconst focusModeToRevert = useRef();\n\t\tconst { templateLock, isLockedByParent, isEditingAsBlocks } = useSelect(\n\t\t\t( select ) => {\n\t\t\t\tconst {\n\t\t\t\t\t__unstableGetContentLockingParent,\n\t\t\t\t\tgetTemplateLock,\n\t\t\t\t\t__unstableGetTemporarilyEditingAsBlocks,\n\t\t\t\t} = select( blockEditorStore );\n\t\t\t\treturn {\n\t\t\t\t\ttemplateLock: getTemplateLock( props.clientId ),\n\t\t\t\t\tisLockedByParent: !! __unstableGetContentLockingParent(\n\t\t\t\t\t\tprops.clientId\n\t\t\t\t\t),\n\t\t\t\t\tisEditingAsBlocks:\n\t\t\t\t\t\t__unstableGetTemporarilyEditingAsBlocks() ===\n\t\t\t\t\t\tprops.clientId,\n\t\t\t\t};\n\t\t\t},\n\t\t\t[ props.clientId ]\n\t\t);\n\n\t\tconst {\n\t\t\tupdateSettings,\n\t\t\tupdateBlockListSettings,\n\t\t\t__unstableSetTemporarilyEditingAsBlocks,\n\t\t} = useDispatch( blockEditorStore );\n\t\tconst isContentLocked =\n\t\t\t! isLockedByParent && templateLock === 'contentOnly';\n\t\tconst {\n\t\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\t\tupdateBlockAttributes,\n\t\t} = useDispatch( blockEditorStore );\n\n\t\tconst stopEditingAsBlock = useCallback( () => {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tupdateBlockAttributes( props.clientId, {\n\t\t\t\ttemplateLock: 'contentOnly',\n\t\t\t} );\n\t\t\tupdateBlockListSettings( props.clientId, {\n\t\t\t\t...getBlockListSettings( props.clientId ),\n\t\t\t\ttemplateLock: 'contentOnly',\n\t\t\t} );\n\t\t\tupdateSettings( { focusMode: focusModeToRevert.current } );\n\t\t\t__unstableSetTemporarilyEditingAsBlocks();\n\t\t}, [\n\t\t\tprops.clientId,\n\t\t\tupdateSettings,\n\t\t\tupdateBlockListSettings,\n\t\t\tgetBlockListSettings,\n\t\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\t\tupdateBlockAttributes,\n\t\t\t__unstableSetTemporarilyEditingAsBlocks,\n\t\t] );\n\n\t\tif ( ! isContentLocked && ! isEditingAsBlocks ) {\n\t\t\treturn <BlockEdit key=\"edit\" { ...props } />;\n\t\t}\n\n\t\tconst showStopEditingAsBlocks = isEditingAsBlocks && ! isContentLocked;\n\t\tconst showStartEditingAsBlocks =\n\t\t\t! isEditingAsBlocks && isContentLocked && props.isSelected;\n\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ showStopEditingAsBlocks && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<StopEditingAsBlocksOnOutsideSelect\n\t\t\t\t\t\t\tclientId={ props.clientId }\n\t\t\t\t\t\t\tstopEditingAsBlock={ stopEditingAsBlock }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tstopEditingAsBlock();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Done' ) }\n\t\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t\t</BlockControls>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t\t{ showStartEditingAsBlocks && (\n\t\t\t\t\t<BlockSettingsMenuControls>\n\t\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\t\t\t\t\tupdateBlockAttributes( props.clientId, {\n\t\t\t\t\t\t\t\t\t\ttemplateLock: undefined,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\tupdateBlockListSettings( props.clientId, {\n\t\t\t\t\t\t\t\t\t\t...getBlockListSettings(\n\t\t\t\t\t\t\t\t\t\t\tprops.clientId\n\t\t\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t\t\ttemplateLock: false,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\tfocusModeToRevert.current =\n\t\t\t\t\t\t\t\t\t\tgetSettings().focusMode;\n\t\t\t\t\t\t\t\t\tupdateSettings( { focusMode: true } );\n\t\t\t\t\t\t\t\t\t__unstableSetTemporarilyEditingAsBlocks(\n\t\t\t\t\t\t\t\t\t\tprops.clientId\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Modify' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</BlockSettingsMenuControls>\n\t\t\t\t) }\n\t\t\t\t<BlockEdit key=\"edit\" { ...props } />\n\t\t\t</>\n\t\t);\n\t},\n\t'withContentLockControls'\n);\n\naddFilter(\n\t'editor.BlockEdit',\n\t'core/content-lock-ui/with-block-controls',\n\twithContentLockControls\n);\n"],"mappings":"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"}
+{"version":3,"names":["ToolbarButton","MenuItem","useDispatch","useSelect","__","useEffect","useRef","useCallback","store","blockEditorStore","BlockControls","BlockSettingsMenuControls","StopEditingAsBlocksOnOutsideSelect","clientId","stopEditingAsBlock","isBlockOrDescendantSelected","select","isBlockSelected","hasSelectedInnerBlock","ContentLockControlsPure","isSelected","getBlockListSettings","getSettings","focusModeToRevert","templateLock","isLockedByParent","isEditingAsBlocks","__unstableGetContentLockingParent","getTemplateLock","__unstableGetTemporarilyEditingAsBlocks","updateSettings","updateBlockListSettings","__unstableSetTemporarilyEditingAsBlocks","isContentLocked","__unstableMarkNextChangeAsNotPersistent","updateBlockAttributes","focusMode","current","showStopEditingAsBlocks","showStartEditingAsBlocks","createElement","Fragment","group","onClick","onClose","undefined","edit","hasSupport"],"sources":["@wordpress/block-editor/src/hooks/content-lock-ui.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToolbarButton, MenuItem } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { __ } from '@wordpress/i18n';\nimport { useEffect, useRef, useCallback } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as blockEditorStore } from '../store';\nimport { BlockControls, BlockSettingsMenuControls } from '../components';\n\nfunction StopEditingAsBlocksOnOutsideSelect( {\n\tclientId,\n\tstopEditingAsBlock,\n} ) {\n\tconst isBlockOrDescendantSelected = useSelect(\n\t\t( select ) => {\n\t\t\tconst { isBlockSelected, hasSelectedInnerBlock } =\n\t\t\t\tselect( blockEditorStore );\n\t\t\treturn (\n\t\t\t\tisBlockSelected( clientId ) ||\n\t\t\t\thasSelectedInnerBlock( clientId, true )\n\t\t\t);\n\t\t},\n\t\t[ clientId ]\n\t);\n\tuseEffect( () => {\n\t\tif ( ! isBlockOrDescendantSelected ) {\n\t\t\tstopEditingAsBlock();\n\t\t}\n\t}, [ isBlockOrDescendantSelected, stopEditingAsBlock ] );\n\treturn null;\n}\n\nfunction ContentLockControlsPure( { clientId, isSelected } ) {\n\tconst { getBlockListSettings, getSettings } = useSelect( blockEditorStore );\n\tconst focusModeToRevert = useRef();\n\tconst { templateLock, isLockedByParent, isEditingAsBlocks } = useSelect(\n\t\t( select ) => {\n\t\t\tconst {\n\t\t\t\t__unstableGetContentLockingParent,\n\t\t\t\tgetTemplateLock,\n\t\t\t\t__unstableGetTemporarilyEditingAsBlocks,\n\t\t\t} = select( blockEditorStore );\n\t\t\treturn {\n\t\t\t\ttemplateLock: getTemplateLock( clientId ),\n\t\t\t\tisLockedByParent:\n\t\t\t\t\t!! __unstableGetContentLockingParent( clientId ),\n\t\t\t\tisEditingAsBlocks:\n\t\t\t\t\t__unstableGetTemporarilyEditingAsBlocks() === clientId,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\n\tconst {\n\t\tupdateSettings,\n\t\tupdateBlockListSettings,\n\t\t__unstableSetTemporarilyEditingAsBlocks,\n\t} = useDispatch( blockEditorStore );\n\tconst isContentLocked =\n\t\t! isLockedByParent && templateLock === 'contentOnly';\n\tconst { __unstableMarkNextChangeAsNotPersistent, updateBlockAttributes } =\n\t\tuseDispatch( blockEditorStore );\n\n\tconst stopEditingAsBlock = useCallback( () => {\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tupdateBlockAttributes( clientId, {\n\t\t\ttemplateLock: 'contentOnly',\n\t\t} );\n\t\tupdateBlockListSettings( clientId, {\n\t\t\t...getBlockListSettings( clientId ),\n\t\t\ttemplateLock: 'contentOnly',\n\t\t} );\n\t\tupdateSettings( { focusMode: focusModeToRevert.current } );\n\t\t__unstableSetTemporarilyEditingAsBlocks();\n\t}, [\n\t\tclientId,\n\t\tupdateSettings,\n\t\tupdateBlockListSettings,\n\t\tgetBlockListSettings,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\tupdateBlockAttributes,\n\t\t__unstableSetTemporarilyEditingAsBlocks,\n\t] );\n\n\tif ( ! isContentLocked && ! isEditingAsBlocks ) {\n\t\treturn null;\n\t}\n\n\tconst showStopEditingAsBlocks = isEditingAsBlocks && ! isContentLocked;\n\tconst showStartEditingAsBlocks =\n\t\t! isEditingAsBlocks && isContentLocked && isSelected;\n\n\treturn (\n\t\t<>\n\t\t\t{ showStopEditingAsBlocks && (\n\t\t\t\t<>\n\t\t\t\t\t<StopEditingAsBlocksOnOutsideSelect\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t\tstopEditingAsBlock={ stopEditingAsBlock }\n\t\t\t\t\t/>\n\t\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tstopEditingAsBlock();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Done' ) }\n\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t</>\n\t\t\t) }\n\t\t\t{ showStartEditingAsBlocks && (\n\t\t\t\t<BlockSettingsMenuControls>\n\t\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\t\t\t\tupdateBlockAttributes( clientId, {\n\t\t\t\t\t\t\t\t\ttemplateLock: undefined,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\tupdateBlockListSettings( clientId, {\n\t\t\t\t\t\t\t\t\t...getBlockListSettings( clientId ),\n\t\t\t\t\t\t\t\t\ttemplateLock: false,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\tfocusModeToRevert.current =\n\t\t\t\t\t\t\t\t\tgetSettings().focusMode;\n\t\t\t\t\t\t\t\tupdateSettings( { focusMode: true } );\n\t\t\t\t\t\t\t\t__unstableSetTemporarilyEditingAsBlocks(\n\t\t\t\t\t\t\t\t\tclientId\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Modify' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t) }\n\t\t\t\t</BlockSettingsMenuControls>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default {\n\tedit: ContentLockControlsPure,\n\thasSupport() {\n\t\treturn true;\n\t},\n};\n"],"mappings":"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"}

package/build-module/hooks/custom-class-name.js

@@ -1,4 +1,4 @@
-import { createElement, Fragment } from "react";
+import { createElement } from "react";
 /**
  * External dependencies
  */
@@ -11,7 +11,6 @@ import { addFilter } from '@wordpress/hooks';
 import { TextControl } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
 import { hasBlockSupport } from '@wordpress/blocks';
-import { createHigherOrderComponent } from '@wordpress/compose';
 
 /**
  * Internal dependencies
@@ -38,8 +37,8 @@ export function addAttribute(settings) {
   }
   return settings;
 }
-function CustomClassNameControls({
-  attributes,
+function CustomClassNameControlsPure({
+  className,
   setAttributes
 }) {
   const blockEditingMode = useBlockEditingMode();
@@ -53,7 +52,7 @@ function CustomClassNameControls({
     __next40pxDefaultSize: true,
     autoComplete: "off",
     label: __('Additional CSS class(es)'),
-    value: attributes.className || '',
+    value: className || '',
     onChange: nextValue => {
       setAttributes({
         className: nextValue !== '' ? nextValue : undefined
@@ -62,27 +61,13 @@ function CustomClassNameControls({
     help: __('Separate multiple classes with spaces.')
   }));
 }
-
-/**
- * Override the default edit UI to include a new block inspector control for
- * assigning the custom class name, if block supports custom class name.
- * The control is displayed within the Advanced panel in the block inspector.
- *
- * @param {Component} BlockEdit Original component.
- *
- * @return {Component} Wrapped component.
- */
-export const withCustomClassNameControls = createHigherOrderComponent(BlockEdit => {
-  return props => {
-    const hasCustomClassName = hasBlockSupport(props.name, 'customClassName', true);
-    return createElement(Fragment, null, createElement(BlockEdit, {
-      ...props
-    }), hasCustomClassName && props.isSelected && createElement(CustomClassNameControls, {
-      attributes: props.attributes,
-      setAttributes: props.setAttributes
-    }));
-  };
-}, 'withCustomClassNameControls');
+export default {
+  edit: CustomClassNameControlsPure,
+  attributeKeys: ['className'],
+  hasSupport(name) {
+    return hasBlockSupport(name, 'customClassName', true);
+  }
+};
 
 /**
  * Override props assigned to save component to inject the className, if block
@@ -137,7 +122,6 @@ export function addTransforms(result, source, index, results) {
   return result;
 }
 addFilter('blocks.registerBlockType', 'core/editor/custom-class-name/attribute', addAttribute);
-addFilter('editor.BlockEdit', 'core/editor/custom-class-name/with-inspector-controls', withCustomClassNameControls);
 addFilter('blocks.getSaveContent.extraProps', 'core/editor/custom-class-name/save-props', addSaveProps);
 addFilter('blocks.switchToBlockType.transformedBlock', 'core/color/addTransforms', addTransforms);
 //# sourceMappingURL=custom-class-name.js.map