@wordpress/block-library 8.11.0 → 8.12.0

package/build/cover/save.js

@@ -26,10 +26,9 @@ var _shared = require("./shared");
 /**
  * Internal dependencies
  */
-function save(_ref) {
-  let {
-    attributes
-  } = _ref;
+function save({
+  attributes
+}) {
   const {
     backgroundType,
     gradient,

package/build/cover/save.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/save.js"],"names":["save","attributes","backgroundType","gradient","contentPosition","customGradient","customOverlayColor","dimRatio","focalPoint","useFeaturedImage","hasParallax","isDark","isRepeated","overlayColor","url","alt","id","minHeight","minHeightProp","minHeightUnit","tagName","Tag","overlayColorClass","gradientClass","isImageBackground","IMAGE_BACKGROUND_TYPE","isVideoBackground","VIDEO_BACKGROUND_TYPE","isImgElement","style","undefined","bgStyle","backgroundColor","background","objectPosition","backgroundImage","backgroundPosition","classes","imgClasses","gradientValue","useBlockProps","className","useInnerBlocksProps"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseInnerBlocksProps,\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n} from './shared';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tbackgroundType,\n\t\tgradient,\n\t\tcontentPosition,\n\t\tcustomGradient,\n\t\tcustomOverlayColor,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tuseFeaturedImage,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\toverlayColor,\n\t\turl,\n\t\talt,\n\t\tid,\n\t\tminHeight: minHeightProp,\n\t\tminHeightUnit,\n\t\ttagName: Tag,\n\t} = attributes;\n\tconst overlayColorClass = getColorClassName(\n\t\t'background-color',\n\t\toverlayColor\n\t);\n\tconst gradientClass = __experimentalGetGradientClass( gradient );\n\tconst minHeight =\n\t\tminHeightProp && minHeightUnit\n\t\t\t? `${ minHeightProp }${ minHeightUnit }`\n\t\t\t: minHeightProp;\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeight || undefined,\n\t};\n\n\tconst bgStyle = {\n\t\tbackgroundColor: ! overlayColorClass ? customOverlayColor : undefined,\n\t\tbackground: customGradient ? customGradient : undefined,\n\t};\n\n\tconst objectPosition =\n\t\t// prettier-ignore\n\t\tfocalPoint && isImgElement\n\t\t\t  ? mediaPosition(focalPoint)\n\t\t\t  : undefined;\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-light': ! isDark,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position':\n\t\t\t\t! isContentPositionCenter( contentPosition ),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\tconst imgClasses = classnames(\n\t\t'wp-block-cover__image-background',\n\t\tid ? `wp-image-${ id }` : null,\n\t\t{\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t}\n\t);\n\n\tconst gradientValue = gradient || customGradient;\n\n\treturn (\n\t\t<Tag { ...useBlockProps.save( { className: classes, style } ) }>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\toverlayColorClass,\n\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tstyle={ bgStyle }\n\t\t\t/>\n\n\t\t\t{ ! useFeaturedImage &&\n\t\t\t\tisImageBackground &&\n\t\t\t\turl &&\n\t\t\t\t( isImgElement ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\tstyle={ { backgroundPosition, backgroundImage } }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t{ isVideoBackground && url && (\n\t\t\t\t<video\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'wp-block-cover__video-background',\n\t\t\t\t\t\t'intrinsic-ignore'\n\t\t\t\t\t) }\n\t\t\t\t\tautoPlay\n\t\t\t\t\tmuted\n\t\t\t\t\tloop\n\t\t\t\t\tplaysInline\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</Tag>\n\t);\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/save.js"],"names":["save","attributes","backgroundType","gradient","contentPosition","customGradient","customOverlayColor","dimRatio","focalPoint","useFeaturedImage","hasParallax","isDark","isRepeated","overlayColor","url","alt","id","minHeight","minHeightProp","minHeightUnit","tagName","Tag","overlayColorClass","gradientClass","isImageBackground","IMAGE_BACKGROUND_TYPE","isVideoBackground","VIDEO_BACKGROUND_TYPE","isImgElement","style","undefined","bgStyle","backgroundColor","background","objectPosition","backgroundImage","backgroundPosition","classes","imgClasses","gradientValue","useBlockProps","className","useInnerBlocksProps"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tuseInnerBlocksProps,\n\tgetColorClassName,\n\t__experimentalGetGradientClass,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n} from './shared';\n\nexport default function save( { attributes } ) {\n\tconst {\n\t\tbackgroundType,\n\t\tgradient,\n\t\tcontentPosition,\n\t\tcustomGradient,\n\t\tcustomOverlayColor,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tuseFeaturedImage,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\toverlayColor,\n\t\turl,\n\t\talt,\n\t\tid,\n\t\tminHeight: minHeightProp,\n\t\tminHeightUnit,\n\t\ttagName: Tag,\n\t} = attributes;\n\tconst overlayColorClass = getColorClassName(\n\t\t'background-color',\n\t\toverlayColor\n\t);\n\tconst gradientClass = __experimentalGetGradientClass( gradient );\n\tconst minHeight =\n\t\tminHeightProp && minHeightUnit\n\t\t\t? `${ minHeightProp }${ minHeightUnit }`\n\t\t\t: minHeightProp;\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeight || undefined,\n\t};\n\n\tconst bgStyle = {\n\t\tbackgroundColor: ! overlayColorClass ? customOverlayColor : undefined,\n\t\tbackground: customGradient ? customGradient : undefined,\n\t};\n\n\tconst objectPosition =\n\t\t// prettier-ignore\n\t\tfocalPoint && isImgElement\n\t\t\t  ? mediaPosition(focalPoint)\n\t\t\t  : undefined;\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-light': ! isDark,\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t\t'has-custom-content-position':\n\t\t\t\t! isContentPositionCenter( contentPosition ),\n\t\t},\n\t\tgetPositionClassName( contentPosition )\n\t);\n\n\tconst imgClasses = classnames(\n\t\t'wp-block-cover__image-background',\n\t\tid ? `wp-image-${ id }` : null,\n\t\t{\n\t\t\t'has-parallax': hasParallax,\n\t\t\t'is-repeated': isRepeated,\n\t\t}\n\t);\n\n\tconst gradientValue = gradient || customGradient;\n\n\treturn (\n\t\t<Tag { ...useBlockProps.save( { className: classes, style } ) }>\n\t\t\t<span\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\toverlayColorClass,\n\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t{\n\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t}\n\t\t\t\t) }\n\t\t\t\tstyle={ bgStyle }\n\t\t\t/>\n\n\t\t\t{ ! useFeaturedImage &&\n\t\t\t\tisImageBackground &&\n\t\t\t\turl &&\n\t\t\t\t( isImgElement ? (\n\t\t\t\t\t<img\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t\t/>\n\t\t\t\t) : (\n\t\t\t\t\t<div\n\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\tclassName={ imgClasses }\n\t\t\t\t\t\tstyle={ { backgroundPosition, backgroundImage } }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t{ isVideoBackground && url && (\n\t\t\t\t<video\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'wp-block-cover__video-background',\n\t\t\t\t\t\t'intrinsic-ignore'\n\t\t\t\t\t) }\n\t\t\t\t\tautoPlay\n\t\t\t\t\tmuted\n\t\t\t\t\tloop\n\t\t\t\t\tplaysInline\n\t\t\t\t\tsrc={ url }\n\t\t\t\t\tstyle={ { objectPosition } }\n\t\t\t\t\tdata-object-fit=\"cover\"\n\t\t\t\t\tdata-object-position={ objectPosition }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<div\n\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t\t\t} ) }\n\t\t\t/>\n\t\t</Tag>\n\t);\n}\n"]}

package/build/cover/shared.js

@@ -45,11 +45,10 @@ exports.DEFAULT_FOCAL_POINT = DEFAULT_FOCAL_POINT;
 const ALLOWED_MEDIA_TYPES = ['image', 'video'];
 exports.ALLOWED_MEDIA_TYPES = ALLOWED_MEDIA_TYPES;
 
-function mediaPosition() {
-  let {
-    x,
-    y
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : DEFAULT_FOCAL_POINT;
+function mediaPosition({
+  x,
+  y
+} = DEFAULT_FOCAL_POINT) {
   return `${Math.round(x * 100)}% ${Math.round(y * 100)}%`;
 }
 
@@ -94,7 +93,7 @@ function attributesFromMedia(setAttributes, dimRatio) {
       dimRatio: dimRatio === 100 ? 50 : dimRatio,
       url: media.url,
       id: media.id,
-      alt: media === null || media === void 0 ? void 0 : media.alt,
+      alt: media?.alt,
       backgroundType: mediaType,
       focalPoint: undefined,
       ...(mediaType === VIDEO_BACKGROUND_TYPE ? {

package/build/cover/shared.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/shared.js"],"names":["POSITION_CLASSNAMES","center","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","COVER_MIN_HEIGHT","COVER_MAX_HEIGHT","COVER_DEFAULT_HEIGHT","DEFAULT_FOCAL_POINT","x","y","ALLOWED_MEDIA_TYPES","mediaPosition","Math","round","dimRatioToClass","ratio","undefined","attributesFromMedia","setAttributes","dimRatio","media","url","id","type","mediaType","media_type","alt","backgroundType","focalPoint","hasParallax","isContentPositionCenter","contentPosition","getPositionClassName"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlobTypeByURL, isBlobURL } from '@wordpress/blob';\n\nconst POSITION_CLASSNAMES = {\n\t'top left': 'is-position-top-left',\n\t'top center': 'is-position-top-center',\n\t'top right': 'is-position-top-right',\n\t'center left': 'is-position-center-left',\n\t'center center': 'is-position-center-center',\n\tcenter: 'is-position-center-center',\n\t'center right': 'is-position-center-right',\n\t'bottom left': 'is-position-bottom-left',\n\t'bottom center': 'is-position-bottom-center',\n\t'bottom right': 'is-position-bottom-right',\n};\n\nexport const IMAGE_BACKGROUND_TYPE = 'image';\nexport const VIDEO_BACKGROUND_TYPE = 'video';\nexport const COVER_MIN_HEIGHT = 50;\nexport const COVER_MAX_HEIGHT = 1000;\nexport const COVER_DEFAULT_HEIGHT = 300;\nexport const DEFAULT_FOCAL_POINT = { x: 0.5, y: 0.5 };\nexport const ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\n\nexport function mediaPosition( { x, y } = DEFAULT_FOCAL_POINT ) {\n\treturn `${ Math.round( x * 100 ) }% ${ Math.round( y * 100 ) }%`;\n}\n\nexport function dimRatioToClass( ratio ) {\n\treturn ratio === 50 || ! ratio === undefined\n\t\t? null\n\t\t: 'has-background-dim-' + 10 * Math.round( ratio / 10 );\n}\n\nexport function attributesFromMedia( setAttributes, dimRatio ) {\n\treturn ( media ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( { url: undefined, id: undefined } );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === IMAGE_BACKGROUND_TYPE ) {\n\t\t\t\tmediaType = IMAGE_BACKGROUND_TYPE;\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// Videos contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = VIDEO_BACKGROUND_TYPE;\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tif (\n\t\t\t\tmedia.type !== IMAGE_BACKGROUND_TYPE &&\n\t\t\t\tmedia.type !== VIDEO_BACKGROUND_TYPE\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\turl: media.url,\n\t\t\tid: media.id,\n\t\t\talt: media?.alt,\n\t\t\tbackgroundType: mediaType,\n\t\t\tfocalPoint: undefined,\n\t\t\t...( mediaType === VIDEO_BACKGROUND_TYPE\n\t\t\t\t? { hasParallax: undefined }\n\t\t\t\t: {} ),\n\t\t} );\n\t};\n}\n\n/**\n * Checks of the contentPosition is the center (default) position.\n *\n * @param {string} contentPosition The current content position.\n * @return {boolean} Whether the contentPosition is center.\n */\nexport function isContentPositionCenter( contentPosition ) {\n\treturn (\n\t\t! contentPosition ||\n\t\tcontentPosition === 'center center' ||\n\t\tcontentPosition === 'center'\n\t);\n}\n\n/**\n * Retrieves the className for the current contentPosition.\n * The default position (center) will not have a className.\n *\n * @param {string} contentPosition The current content position.\n * @return {string} The className assigned to the contentPosition.\n */\nexport function getPositionClassName( contentPosition ) {\n\t/*\n\t * Only render a className if the contentPosition is not center (the default).\n\t */\n\tif ( isContentPositionCenter( contentPosition ) ) return '';\n\n\treturn POSITION_CLASSNAMES[ contentPosition ];\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/shared.js"],"names":["POSITION_CLASSNAMES","center","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","COVER_MIN_HEIGHT","COVER_MAX_HEIGHT","COVER_DEFAULT_HEIGHT","DEFAULT_FOCAL_POINT","x","y","ALLOWED_MEDIA_TYPES","mediaPosition","Math","round","dimRatioToClass","ratio","undefined","attributesFromMedia","setAttributes","dimRatio","media","url","id","type","mediaType","media_type","alt","backgroundType","focalPoint","hasParallax","isContentPositionCenter","contentPosition","getPositionClassName"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { getBlobTypeByURL, isBlobURL } from '@wordpress/blob';\n\nconst POSITION_CLASSNAMES = {\n\t'top left': 'is-position-top-left',\n\t'top center': 'is-position-top-center',\n\t'top right': 'is-position-top-right',\n\t'center left': 'is-position-center-left',\n\t'center center': 'is-position-center-center',\n\tcenter: 'is-position-center-center',\n\t'center right': 'is-position-center-right',\n\t'bottom left': 'is-position-bottom-left',\n\t'bottom center': 'is-position-bottom-center',\n\t'bottom right': 'is-position-bottom-right',\n};\n\nexport const IMAGE_BACKGROUND_TYPE = 'image';\nexport const VIDEO_BACKGROUND_TYPE = 'video';\nexport const COVER_MIN_HEIGHT = 50;\nexport const COVER_MAX_HEIGHT = 1000;\nexport const COVER_DEFAULT_HEIGHT = 300;\nexport const DEFAULT_FOCAL_POINT = { x: 0.5, y: 0.5 };\nexport const ALLOWED_MEDIA_TYPES = [ 'image', 'video' ];\n\nexport function mediaPosition( { x, y } = DEFAULT_FOCAL_POINT ) {\n\treturn `${ Math.round( x * 100 ) }% ${ Math.round( y * 100 ) }%`;\n}\n\nexport function dimRatioToClass( ratio ) {\n\treturn ratio === 50 || ! ratio === undefined\n\t\t? null\n\t\t: 'has-background-dim-' + 10 * Math.round( ratio / 10 );\n}\n\nexport function attributesFromMedia( setAttributes, dimRatio ) {\n\treturn ( media ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( { url: undefined, id: undefined } );\n\t\t\treturn;\n\t\t}\n\n\t\tif ( isBlobURL( media.url ) ) {\n\t\t\tmedia.type = getBlobTypeByURL( media.url );\n\t\t}\n\n\t\tlet mediaType;\n\t\t// For media selections originated from a file upload.\n\t\tif ( media.media_type ) {\n\t\t\tif ( media.media_type === IMAGE_BACKGROUND_TYPE ) {\n\t\t\t\tmediaType = IMAGE_BACKGROUND_TYPE;\n\t\t\t} else {\n\t\t\t\t// only images and videos are accepted so if the media_type is not an image we can assume it is a video.\n\t\t\t\t// Videos contain the media type of 'file' in the object returned from the rest api.\n\t\t\t\tmediaType = VIDEO_BACKGROUND_TYPE;\n\t\t\t}\n\t\t} else {\n\t\t\t// For media selections originated from existing files in the media library.\n\t\t\tif (\n\t\t\t\tmedia.type !== IMAGE_BACKGROUND_TYPE &&\n\t\t\t\tmedia.type !== VIDEO_BACKGROUND_TYPE\n\t\t\t) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tmediaType = media.type;\n\t\t}\n\n\t\tsetAttributes( {\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\turl: media.url,\n\t\t\tid: media.id,\n\t\t\talt: media?.alt,\n\t\t\tbackgroundType: mediaType,\n\t\t\tfocalPoint: undefined,\n\t\t\t...( mediaType === VIDEO_BACKGROUND_TYPE\n\t\t\t\t? { hasParallax: undefined }\n\t\t\t\t: {} ),\n\t\t} );\n\t};\n}\n\n/**\n * Checks of the contentPosition is the center (default) position.\n *\n * @param {string} contentPosition The current content position.\n * @return {boolean} Whether the contentPosition is center.\n */\nexport function isContentPositionCenter( contentPosition ) {\n\treturn (\n\t\t! contentPosition ||\n\t\tcontentPosition === 'center center' ||\n\t\tcontentPosition === 'center'\n\t);\n}\n\n/**\n * Retrieves the className for the current contentPosition.\n * The default position (center) will not have a className.\n *\n * @param {string} contentPosition The current content position.\n * @return {string} The className assigned to the contentPosition.\n */\nexport function getPositionClassName( contentPosition ) {\n\t/*\n\t * Only render a className if the contentPosition is not center (the default).\n\t */\n\tif ( isContentPositionCenter( contentPosition ) ) return '';\n\n\treturn POSITION_CLASSNAMES[ contentPosition ];\n}\n"]}

package/build/cover/transforms.js

@@ -27,66 +27,56 @@ const transforms = {
   from: [{
     type: 'block',
     blocks: ['core/image'],
-    transform: _ref => {
-      var _style$color;
-
-      let {
-        caption,
-        url,
-        alt,
-        align,
-        id,
-        anchor,
-        style
-      } = _ref;
-      return (0, _blocks.createBlock)('core/cover', {
-        dimRatio: 50,
-        url,
-        alt,
-        align,
-        id,
-        anchor,
-        style: {
-          color: {
-            duotone: style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.duotone
-          }
+    transform: ({
+      caption,
+      url,
+      alt,
+      align,
+      id,
+      anchor,
+      style
+    }) => (0, _blocks.createBlock)('core/cover', {
+      dimRatio: 50,
+      url,
+      alt,
+      align,
+      id,
+      anchor,
+      style: {
+        color: {
+          duotone: style?.color?.duotone
         }
-      }, [(0, _blocks.createBlock)('core/paragraph', {
-        content: caption,
-        fontSize: 'large',
-        align: 'center'
-      })]);
-    }
+      }
+    }, [(0, _blocks.createBlock)('core/paragraph', {
+      content: caption,
+      fontSize: 'large',
+      align: 'center'
+    })])
   }, {
     type: 'block',
     blocks: ['core/video'],
-    transform: _ref2 => {
-      let {
-        caption,
-        src,
-        align,
-        id,
-        anchor
-      } = _ref2;
-      return (0, _blocks.createBlock)('core/cover', {
-        dimRatio: 50,
-        url: src,
-        align,
-        id,
-        backgroundType: _shared.VIDEO_BACKGROUND_TYPE,
-        anchor
-      }, [(0, _blocks.createBlock)('core/paragraph', {
-        content: caption,
-        fontSize: 'large',
-        align: 'center'
-      })]);
-    }
+    transform: ({
+      caption,
+      src,
+      align,
+      id,
+      anchor
+    }) => (0, _blocks.createBlock)('core/cover', {
+      dimRatio: 50,
+      url: src,
+      align,
+      id,
+      backgroundType: _shared.VIDEO_BACKGROUND_TYPE,
+      anchor
+    }, [(0, _blocks.createBlock)('core/paragraph', {
+      content: caption,
+      fontSize: 'large',
+      align: 'center'
+    })])
   }, {
     type: 'block',
     blocks: ['core/group'],
     transform: (attributes, innerBlocks) => {
-      var _innerBlocks$, _style$color2, _style$color3, _style$color4, _style$color5;
-
       const {
         align,
         anchor,
@@ -96,29 +86,29 @@ const transforms = {
       } = attributes; // If the Group block being transformed has a Cover block as its
       // only child return that Cover block.
 
-      if ((innerBlocks === null || innerBlocks === void 0 ? void 0 : innerBlocks.length) === 1 && ((_innerBlocks$ = innerBlocks[0]) === null || _innerBlocks$ === void 0 ? void 0 : _innerBlocks$.name) === 'core/cover') {
+      if (innerBlocks?.length === 1 && innerBlocks[0]?.name === 'core/cover') {
         return (0, _blocks.createBlock)('core/cover', innerBlocks[0].attributes, innerBlocks[0].innerBlocks);
       } // If no background or gradient color is provided, default to 50% opacity.
       // This matches the styling of a Cover block with a background image,
       // in the state where a background image has been removed.
 
 
-      const dimRatio = backgroundColor || gradient || style !== null && style !== void 0 && (_style$color2 = style.color) !== null && _style$color2 !== void 0 && _style$color2.background || style !== null && style !== void 0 && (_style$color3 = style.color) !== null && _style$color3 !== void 0 && _style$color3.gradient ? undefined : 50; // Move the background or gradient color to the parent Cover block.
+      const dimRatio = backgroundColor || gradient || style?.color?.background || style?.color?.gradient ? undefined : 50; // Move the background or gradient color to the parent Cover block.
 
       const parentAttributes = {
         align,
         anchor,
         dimRatio,
         overlayColor: backgroundColor,
-        customOverlayColor: style === null || style === void 0 ? void 0 : (_style$color4 = style.color) === null || _style$color4 === void 0 ? void 0 : _style$color4.background,
+        customOverlayColor: style?.color?.background,
         gradient,
-        customGradient: style === null || style === void 0 ? void 0 : (_style$color5 = style.color) === null || _style$color5 === void 0 ? void 0 : _style$color5.gradient
+        customGradient: style?.color?.gradient
       };
       const attributesWithoutBackgroundColors = { ...attributes,
         backgroundColor: undefined,
         gradient: undefined,
-        style: cleanEmptyObject({ ...(attributes === null || attributes === void 0 ? void 0 : attributes.style),
-          color: style !== null && style !== void 0 && style.color ? { ...(style === null || style === void 0 ? void 0 : style.color),
+        style: cleanEmptyObject({ ...attributes?.style,
+          color: style?.color ? { ...style?.color,
             background: undefined,
             gradient: undefined
           } : undefined
@@ -132,16 +122,14 @@ const transforms = {
   to: [{
     type: 'block',
     blocks: ['core/image'],
-    isMatch: _ref3 => {
-      let {
-        backgroundType,
-        url,
-        overlayColor,
-        customOverlayColor,
-        gradient,
-        customGradient
-      } = _ref3;
-
+    isMatch: ({
+      backgroundType,
+      url,
+      overlayColor,
+      customOverlayColor,
+      gradient,
+      customGradient
+    }) => {
       if (url) {
         // If a url exists the transform could happen if that URL represents an image background.
         return backgroundType === _shared.IMAGE_BACKGROUND_TYPE;
@@ -150,45 +138,38 @@ const transforms = {
 
       return !overlayColor && !customOverlayColor && !gradient && !customGradient;
     },
-    transform: _ref4 => {
-      var _style$color6;
-
-      let {
-        title,
-        url,
-        alt,
-        align,
-        id,
-        anchor,
-        style
-      } = _ref4;
-      return (0, _blocks.createBlock)('core/image', {
-        caption: title,
-        url,
-        alt,
-        align,
-        id,
-        anchor,
-        style: {
-          color: {
-            duotone: style === null || style === void 0 ? void 0 : (_style$color6 = style.color) === null || _style$color6 === void 0 ? void 0 : _style$color6.duotone
-          }
+    transform: ({
+      title,
+      url,
+      alt,
+      align,
+      id,
+      anchor,
+      style
+    }) => (0, _blocks.createBlock)('core/image', {
+      caption: title,
+      url,
+      alt,
+      align,
+      id,
+      anchor,
+      style: {
+        color: {
+          duotone: style?.color?.duotone
         }
-      });
-    }
+      }
+    })
   }, {
     type: 'block',
     blocks: ['core/video'],
-    isMatch: _ref5 => {
-      let {
-        backgroundType,
-        url,
-        overlayColor,
-        customOverlayColor,
-        gradient,
-        customGradient
-      } = _ref5;
-
+    isMatch: ({
+      backgroundType,
+      url,
+      overlayColor,
+      customOverlayColor,
+      gradient,
+      customGradient
+    }) => {
       if (url) {
         // If a url exists the transform could happen if that URL represents a video background.
         return backgroundType === _shared.VIDEO_BACKGROUND_TYPE;
@@ -197,31 +178,26 @@ const transforms = {
 
       return !overlayColor && !customOverlayColor && !gradient && !customGradient;
     },
-    transform: _ref6 => {
-      let {
-        title,
-        url,
-        align,
-        id,
-        anchor
-      } = _ref6;
-      return (0, _blocks.createBlock)('core/video', {
-        caption: title,
-        src: url,
-        id,
-        align,
-        anchor
-      });
-    }
+    transform: ({
+      title,
+      url,
+      align,
+      id,
+      anchor
+    }) => (0, _blocks.createBlock)('core/video', {
+      caption: title,
+      src: url,
+      id,
+      align,
+      anchor
+    })
   }, {
     type: 'block',
     blocks: ['core/group'],
-    isMatch: _ref7 => {
-      let {
-        url,
-        useFeaturedImage
-      } = _ref7;
-
+    isMatch: ({
+      url,
+      useFeaturedImage
+    }) => {
       // If the Cover block uses background media, skip this transform,
       // and instead use the Group block's default transform.
       if (url || useFeaturedImage) {
@@ -231,43 +207,37 @@ const transforms = {
       return true;
     },
     transform: (attributes, innerBlocks) => {
-      var _attributes$style, _attributes$style2, _innerBlocks$2;
-
       // Convert Cover overlay colors to comparable Group background colors.
       const transformedColorAttributes = {
-        backgroundColor: attributes === null || attributes === void 0 ? void 0 : attributes.overlayColor,
-        gradient: attributes === null || attributes === void 0 ? void 0 : attributes.gradient,
-        style: cleanEmptyObject({ ...(attributes === null || attributes === void 0 ? void 0 : attributes.style),
-          color: attributes !== null && attributes !== void 0 && attributes.customOverlayColor || attributes !== null && attributes !== void 0 && attributes.customGradient || attributes !== null && attributes !== void 0 && (_attributes$style = attributes.style) !== null && _attributes$style !== void 0 && _attributes$style.color ? {
-            background: attributes === null || attributes === void 0 ? void 0 : attributes.customOverlayColor,
-            gradient: attributes === null || attributes === void 0 ? void 0 : attributes.customGradient,
-            ...(attributes === null || attributes === void 0 ? void 0 : (_attributes$style2 = attributes.style) === null || _attributes$style2 === void 0 ? void 0 : _attributes$style2.color)
+        backgroundColor: attributes?.overlayColor,
+        gradient: attributes?.gradient,
+        style: cleanEmptyObject({ ...attributes?.style,
+          color: attributes?.customOverlayColor || attributes?.customGradient || attributes?.style?.color ? {
+            background: attributes?.customOverlayColor,
+            gradient: attributes?.customGradient,
+            ...attributes?.style?.color
           } : undefined
         })
       }; // If the Cover block contains only a single Group block as a direct child,
       // then attempt to merge the Cover's background colors with the child Group block,
       // and remove the Cover block as the wrapper.
 
-      if ((innerBlocks === null || innerBlocks === void 0 ? void 0 : innerBlocks.length) === 1 && ((_innerBlocks$2 = innerBlocks[0]) === null || _innerBlocks$2 === void 0 ? void 0 : _innerBlocks$2.name) === 'core/group') {
-        var _groupAttributes$styl, _groupAttributes$styl2, _groupAttributes$styl3, _groupAttributes$styl4, _transformedColorAttr, _groupAttributes$styl5, _transformedColorAttr2, _groupAttributes$styl6, _innerBlocks$4;
-
+      if (innerBlocks?.length === 1 && innerBlocks[0]?.name === 'core/group') {
         const groupAttributes = cleanEmptyObject(innerBlocks[0].attributes || {}); // If the Group block contains any kind of background color or gradient,
         // skip merging Cover background colors, and preserve the Group block's colors.
 
-        if (groupAttributes !== null && groupAttributes !== void 0 && groupAttributes.backgroundColor || groupAttributes !== null && groupAttributes !== void 0 && groupAttributes.gradient || groupAttributes !== null && groupAttributes !== void 0 && (_groupAttributes$styl = groupAttributes.style) !== null && _groupAttributes$styl !== void 0 && (_groupAttributes$styl2 = _groupAttributes$styl.color) !== null && _groupAttributes$styl2 !== void 0 && _groupAttributes$styl2.background || groupAttributes !== null && groupAttributes !== void 0 && (_groupAttributes$styl3 = groupAttributes.style) !== null && _groupAttributes$styl3 !== void 0 && (_groupAttributes$styl4 = _groupAttributes$styl3.color) !== null && _groupAttributes$styl4 !== void 0 && _groupAttributes$styl4.gradient) {
-          var _innerBlocks$3;
-
-          return (0, _blocks.createBlock)('core/group', groupAttributes, (_innerBlocks$3 = innerBlocks[0]) === null || _innerBlocks$3 === void 0 ? void 0 : _innerBlocks$3.innerBlocks);
+        if (groupAttributes?.backgroundColor || groupAttributes?.gradient || groupAttributes?.style?.color?.background || groupAttributes?.style?.color?.gradient) {
+          return (0, _blocks.createBlock)('core/group', groupAttributes, innerBlocks[0]?.innerBlocks);
         }
 
         return (0, _blocks.createBlock)('core/group', { ...transformedColorAttributes,
           ...groupAttributes,
-          style: cleanEmptyObject({ ...(groupAttributes === null || groupAttributes === void 0 ? void 0 : groupAttributes.style),
-            color: transformedColorAttributes !== null && transformedColorAttributes !== void 0 && (_transformedColorAttr = transformedColorAttributes.style) !== null && _transformedColorAttr !== void 0 && _transformedColorAttr.color || groupAttributes !== null && groupAttributes !== void 0 && (_groupAttributes$styl5 = groupAttributes.style) !== null && _groupAttributes$styl5 !== void 0 && _groupAttributes$styl5.color ? { ...(transformedColorAttributes === null || transformedColorAttributes === void 0 ? void 0 : (_transformedColorAttr2 = transformedColorAttributes.style) === null || _transformedColorAttr2 === void 0 ? void 0 : _transformedColorAttr2.color),
-              ...(groupAttributes === null || groupAttributes === void 0 ? void 0 : (_groupAttributes$styl6 = groupAttributes.style) === null || _groupAttributes$styl6 === void 0 ? void 0 : _groupAttributes$styl6.color)
+          style: cleanEmptyObject({ ...groupAttributes?.style,
+            color: transformedColorAttributes?.style?.color || groupAttributes?.style?.color ? { ...transformedColorAttributes?.style?.color,
+              ...groupAttributes?.style?.color
             } : undefined
           })
-        }, (_innerBlocks$4 = innerBlocks[0]) === null || _innerBlocks$4 === void 0 ? void 0 : _innerBlocks$4.innerBlocks);
+        }, innerBlocks[0]?.innerBlocks);
       } // In all other cases, transform the Cover block directly to a Group block.
 
 

package/build/cover/transforms.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/transforms.js"],"names":["cleanEmptyObject","blockEditorPrivateApis","transforms","from","type","blocks","transform","caption","url","alt","align","id","anchor","style","dimRatio","color","duotone","content","fontSize","src","backgroundType","VIDEO_BACKGROUND_TYPE","attributes","innerBlocks","backgroundColor","gradient","length","name","background","undefined","parentAttributes","overlayColor","customOverlayColor","customGradient","attributesWithoutBackgroundColors","to","isMatch","IMAGE_BACKGROUND_TYPE","title","useFeaturedImage","transformedColorAttributes","groupAttributes"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { IMAGE_BACKGROUND_TYPE, VIDEO_BACKGROUND_TYPE } from './shared';\nimport { unlock } from '../private-apis';\n\nconst { cleanEmptyObject } = unlock( blockEditorPrivateApis );\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/image' ],\n\t\t\ttransform: ( { caption, url, alt, align, id, anchor, style } ) =>\n\t\t\t\tcreateBlock(\n\t\t\t\t\t'core/cover',\n\t\t\t\t\t{\n\t\t\t\t\t\tdimRatio: 50,\n\t\t\t\t\t\turl,\n\t\t\t\t\t\talt,\n\t\t\t\t\t\talign,\n\t\t\t\t\t\tid,\n\t\t\t\t\t\tanchor,\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\t\tduotone: style?.color?.duotone,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\tcreateBlock( 'core/paragraph', {\n\t\t\t\t\t\t\tcontent: caption,\n\t\t\t\t\t\t\tfontSize: 'large',\n\t\t\t\t\t\t\talign: 'center',\n\t\t\t\t\t\t} ),\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/video' ],\n\t\t\ttransform: ( { caption, src, align, id, anchor } ) =>\n\t\t\t\tcreateBlock(\n\t\t\t\t\t'core/cover',\n\t\t\t\t\t{\n\t\t\t\t\t\tdimRatio: 50,\n\t\t\t\t\t\turl: src,\n\t\t\t\t\t\talign,\n\t\t\t\t\t\tid,\n\t\t\t\t\t\tbackgroundType: VIDEO_BACKGROUND_TYPE,\n\t\t\t\t\t\tanchor,\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\tcreateBlock( 'core/paragraph', {\n\t\t\t\t\t\t\tcontent: caption,\n\t\t\t\t\t\t\tfontSize: 'large',\n\t\t\t\t\t\t\talign: 'center',\n\t\t\t\t\t\t} ),\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/group' ],\n\t\t\ttransform: ( attributes, innerBlocks ) => {\n\t\t\t\tconst { align, anchor, backgroundColor, gradient, style } =\n\t\t\t\t\tattributes;\n\n\t\t\t\t// If the Group block being transformed has a Cover block as its\n\t\t\t\t// only child return that Cover block.\n\t\t\t\tif (\n\t\t\t\t\tinnerBlocks?.length === 1 &&\n\t\t\t\t\tinnerBlocks[ 0 ]?.name === 'core/cover'\n\t\t\t\t) {\n\t\t\t\t\treturn createBlock(\n\t\t\t\t\t\t'core/cover',\n\t\t\t\t\t\tinnerBlocks[ 0 ].attributes,\n\t\t\t\t\t\tinnerBlocks[ 0 ].innerBlocks\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// If no background or gradient color is provided, default to 50% opacity.\n\t\t\t\t// This matches the styling of a Cover block with a background image,\n\t\t\t\t// in the state where a background image has been removed.\n\t\t\t\tconst dimRatio =\n\t\t\t\t\tbackgroundColor ||\n\t\t\t\t\tgradient ||\n\t\t\t\t\tstyle?.color?.background ||\n\t\t\t\t\tstyle?.color?.gradient\n\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t: 50;\n\n\t\t\t\t// Move the background or gradient color to the parent Cover block.\n\t\t\t\tconst parentAttributes = {\n\t\t\t\t\talign,\n\t\t\t\t\tanchor,\n\t\t\t\t\tdimRatio,\n\t\t\t\t\toverlayColor: backgroundColor,\n\t\t\t\t\tcustomOverlayColor: style?.color?.background,\n\t\t\t\t\tgradient,\n\t\t\t\t\tcustomGradient: style?.color?.gradient,\n\t\t\t\t};\n\n\t\t\t\tconst attributesWithoutBackgroundColors = {\n\t\t\t\t\t...attributes,\n\t\t\t\t\tbackgroundColor: undefined,\n\t\t\t\t\tgradient: undefined,\n\t\t\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t\t\t...attributes?.style,\n\t\t\t\t\t\tcolor: style?.color\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t...style?.color,\n\t\t\t\t\t\t\t\t\tbackground: undefined,\n\t\t\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t} ),\n\t\t\t\t};\n\n\t\t\t\t// Preserve the block by nesting it within the Cover block,\n\t\t\t\t// instead of converting the Group block directly to the Cover block.\n\t\t\t\treturn createBlock( 'core/cover', parentAttributes, [\n\t\t\t\t\tcreateBlock(\n\t\t\t\t\t\t'core/group',\n\t\t\t\t\t\tattributesWithoutBackgroundColors,\n\t\t\t\t\t\tinnerBlocks\n\t\t\t\t\t),\n\t\t\t\t] );\n\t\t\t},\n\t\t},\n\t],\n\tto: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/image' ],\n\t\t\tisMatch: ( {\n\t\t\t\tbackgroundType,\n\t\t\t\turl,\n\t\t\t\toverlayColor,\n\t\t\t\tcustomOverlayColor,\n\t\t\t\tgradient,\n\t\t\t\tcustomGradient,\n\t\t\t} ) => {\n\t\t\t\tif ( url ) {\n\t\t\t\t\t// If a url exists the transform could happen if that URL represents an image background.\n\t\t\t\t\treturn backgroundType === IMAGE_BACKGROUND_TYPE;\n\t\t\t\t}\n\t\t\t\t// If a url is not set the transform could happen if the cover has no background color or gradient;\n\t\t\t\treturn (\n\t\t\t\t\t! overlayColor &&\n\t\t\t\t\t! customOverlayColor &&\n\t\t\t\t\t! gradient &&\n\t\t\t\t\t! customGradient\n\t\t\t\t);\n\t\t\t},\n\t\t\ttransform: ( { title, url, alt, align, id, anchor, style } ) =>\n\t\t\t\tcreateBlock( 'core/image', {\n\t\t\t\t\tcaption: title,\n\t\t\t\t\turl,\n\t\t\t\t\talt,\n\t\t\t\t\talign,\n\t\t\t\t\tid,\n\t\t\t\t\tanchor,\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\tduotone: style?.color?.duotone,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t} ),\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/video' ],\n\t\t\tisMatch: ( {\n\t\t\t\tbackgroundType,\n\t\t\t\turl,\n\t\t\t\toverlayColor,\n\t\t\t\tcustomOverlayColor,\n\t\t\t\tgradient,\n\t\t\t\tcustomGradient,\n\t\t\t} ) => {\n\t\t\t\tif ( url ) {\n\t\t\t\t\t// If a url exists the transform could happen if that URL represents a video background.\n\t\t\t\t\treturn backgroundType === VIDEO_BACKGROUND_TYPE;\n\t\t\t\t}\n\t\t\t\t// If a url is not set the transform could happen if the cover has no background color or gradient;\n\t\t\t\treturn (\n\t\t\t\t\t! overlayColor &&\n\t\t\t\t\t! customOverlayColor &&\n\t\t\t\t\t! gradient &&\n\t\t\t\t\t! customGradient\n\t\t\t\t);\n\t\t\t},\n\t\t\ttransform: ( { title, url, align, id, anchor } ) =>\n\t\t\t\tcreateBlock( 'core/video', {\n\t\t\t\t\tcaption: title,\n\t\t\t\t\tsrc: url,\n\t\t\t\t\tid,\n\t\t\t\t\talign,\n\t\t\t\t\tanchor,\n\t\t\t\t} ),\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/group' ],\n\t\t\tisMatch: ( { url, useFeaturedImage } ) => {\n\t\t\t\t// If the Cover block uses background media, skip this transform,\n\t\t\t\t// and instead use the Group block's default transform.\n\t\t\t\tif ( url || useFeaturedImage ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t},\n\t\t\ttransform: ( attributes, innerBlocks ) => {\n\t\t\t\t// Convert Cover overlay colors to comparable Group background colors.\n\t\t\t\tconst transformedColorAttributes = {\n\t\t\t\t\tbackgroundColor: attributes?.overlayColor,\n\t\t\t\t\tgradient: attributes?.gradient,\n\t\t\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t\t\t...attributes?.style,\n\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\tattributes?.customOverlayColor ||\n\t\t\t\t\t\t\tattributes?.customGradient ||\n\t\t\t\t\t\t\tattributes?.style?.color\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\tattributes?.customOverlayColor,\n\t\t\t\t\t\t\t\t\t\tgradient: attributes?.customGradient,\n\t\t\t\t\t\t\t\t\t\t...attributes?.style?.color,\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t} ),\n\t\t\t\t};\n\n\t\t\t\t// If the Cover block contains only a single Group block as a direct child,\n\t\t\t\t// then attempt to merge the Cover's background colors with the child Group block,\n\t\t\t\t// and remove the Cover block as the wrapper.\n\t\t\t\tif (\n\t\t\t\t\tinnerBlocks?.length === 1 &&\n\t\t\t\t\tinnerBlocks[ 0 ]?.name === 'core/group'\n\t\t\t\t) {\n\t\t\t\t\tconst groupAttributes = cleanEmptyObject(\n\t\t\t\t\t\tinnerBlocks[ 0 ].attributes || {}\n\t\t\t\t\t);\n\n\t\t\t\t\t// If the Group block contains any kind of background color or gradient,\n\t\t\t\t\t// skip merging Cover background colors, and preserve the Group block's colors.\n\t\t\t\t\tif (\n\t\t\t\t\t\tgroupAttributes?.backgroundColor ||\n\t\t\t\t\t\tgroupAttributes?.gradient ||\n\t\t\t\t\t\tgroupAttributes?.style?.color?.background ||\n\t\t\t\t\t\tgroupAttributes?.style?.color?.gradient\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn createBlock(\n\t\t\t\t\t\t\t'core/group',\n\t\t\t\t\t\t\tgroupAttributes,\n\t\t\t\t\t\t\tinnerBlocks[ 0 ]?.innerBlocks\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn createBlock(\n\t\t\t\t\t\t'core/group',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t...transformedColorAttributes,\n\t\t\t\t\t\t\t...groupAttributes,\n\t\t\t\t\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t\t\t\t\t...groupAttributes?.style,\n\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\ttransformedColorAttributes?.style?.color ||\n\t\t\t\t\t\t\t\t\tgroupAttributes?.style?.color\n\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t...transformedColorAttributes\n\t\t\t\t\t\t\t\t\t\t\t\t\t?.style?.color,\n\t\t\t\t\t\t\t\t\t\t\t\t...groupAttributes?.style\n\t\t\t\t\t\t\t\t\t\t\t\t\t?.color,\n\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t},\n\t\t\t\t\t\tinnerBlocks[ 0 ]?.innerBlocks\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// In all other cases, transform the Cover block directly to a Group block.\n\t\t\t\treturn createBlock(\n\t\t\t\t\t'core/group',\n\t\t\t\t\t{ ...attributes, ...transformedColorAttributes },\n\t\t\t\t\tinnerBlocks\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/transforms.js"],"names":["cleanEmptyObject","blockEditorPrivateApis","transforms","from","type","blocks","transform","caption","url","alt","align","id","anchor","style","dimRatio","color","duotone","content","fontSize","src","backgroundType","VIDEO_BACKGROUND_TYPE","attributes","innerBlocks","backgroundColor","gradient","length","name","background","undefined","parentAttributes","overlayColor","customOverlayColor","customGradient","attributesWithoutBackgroundColors","to","isMatch","IMAGE_BACKGROUND_TYPE","title","useFeaturedImage","transformedColorAttributes","groupAttributes"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { IMAGE_BACKGROUND_TYPE, VIDEO_BACKGROUND_TYPE } from './shared';\nimport { unlock } from '../private-apis';\n\nconst { cleanEmptyObject } = unlock( blockEditorPrivateApis );\n\nconst transforms = {\n\tfrom: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/image' ],\n\t\t\ttransform: ( { caption, url, alt, align, id, anchor, style } ) =>\n\t\t\t\tcreateBlock(\n\t\t\t\t\t'core/cover',\n\t\t\t\t\t{\n\t\t\t\t\t\tdimRatio: 50,\n\t\t\t\t\t\turl,\n\t\t\t\t\t\talt,\n\t\t\t\t\t\talign,\n\t\t\t\t\t\tid,\n\t\t\t\t\t\tanchor,\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\t\tduotone: style?.color?.duotone,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\tcreateBlock( 'core/paragraph', {\n\t\t\t\t\t\t\tcontent: caption,\n\t\t\t\t\t\t\tfontSize: 'large',\n\t\t\t\t\t\t\talign: 'center',\n\t\t\t\t\t\t} ),\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/video' ],\n\t\t\ttransform: ( { caption, src, align, id, anchor } ) =>\n\t\t\t\tcreateBlock(\n\t\t\t\t\t'core/cover',\n\t\t\t\t\t{\n\t\t\t\t\t\tdimRatio: 50,\n\t\t\t\t\t\turl: src,\n\t\t\t\t\t\talign,\n\t\t\t\t\t\tid,\n\t\t\t\t\t\tbackgroundType: VIDEO_BACKGROUND_TYPE,\n\t\t\t\t\t\tanchor,\n\t\t\t\t\t},\n\t\t\t\t\t[\n\t\t\t\t\t\tcreateBlock( 'core/paragraph', {\n\t\t\t\t\t\t\tcontent: caption,\n\t\t\t\t\t\t\tfontSize: 'large',\n\t\t\t\t\t\t\talign: 'center',\n\t\t\t\t\t\t} ),\n\t\t\t\t\t]\n\t\t\t\t),\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/group' ],\n\t\t\ttransform: ( attributes, innerBlocks ) => {\n\t\t\t\tconst { align, anchor, backgroundColor, gradient, style } =\n\t\t\t\t\tattributes;\n\n\t\t\t\t// If the Group block being transformed has a Cover block as its\n\t\t\t\t// only child return that Cover block.\n\t\t\t\tif (\n\t\t\t\t\tinnerBlocks?.length === 1 &&\n\t\t\t\t\tinnerBlocks[ 0 ]?.name === 'core/cover'\n\t\t\t\t) {\n\t\t\t\t\treturn createBlock(\n\t\t\t\t\t\t'core/cover',\n\t\t\t\t\t\tinnerBlocks[ 0 ].attributes,\n\t\t\t\t\t\tinnerBlocks[ 0 ].innerBlocks\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// If no background or gradient color is provided, default to 50% opacity.\n\t\t\t\t// This matches the styling of a Cover block with a background image,\n\t\t\t\t// in the state where a background image has been removed.\n\t\t\t\tconst dimRatio =\n\t\t\t\t\tbackgroundColor ||\n\t\t\t\t\tgradient ||\n\t\t\t\t\tstyle?.color?.background ||\n\t\t\t\t\tstyle?.color?.gradient\n\t\t\t\t\t\t? undefined\n\t\t\t\t\t\t: 50;\n\n\t\t\t\t// Move the background or gradient color to the parent Cover block.\n\t\t\t\tconst parentAttributes = {\n\t\t\t\t\talign,\n\t\t\t\t\tanchor,\n\t\t\t\t\tdimRatio,\n\t\t\t\t\toverlayColor: backgroundColor,\n\t\t\t\t\tcustomOverlayColor: style?.color?.background,\n\t\t\t\t\tgradient,\n\t\t\t\t\tcustomGradient: style?.color?.gradient,\n\t\t\t\t};\n\n\t\t\t\tconst attributesWithoutBackgroundColors = {\n\t\t\t\t\t...attributes,\n\t\t\t\t\tbackgroundColor: undefined,\n\t\t\t\t\tgradient: undefined,\n\t\t\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t\t\t...attributes?.style,\n\t\t\t\t\t\tcolor: style?.color\n\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t...style?.color,\n\t\t\t\t\t\t\t\t\tbackground: undefined,\n\t\t\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t} ),\n\t\t\t\t};\n\n\t\t\t\t// Preserve the block by nesting it within the Cover block,\n\t\t\t\t// instead of converting the Group block directly to the Cover block.\n\t\t\t\treturn createBlock( 'core/cover', parentAttributes, [\n\t\t\t\t\tcreateBlock(\n\t\t\t\t\t\t'core/group',\n\t\t\t\t\t\tattributesWithoutBackgroundColors,\n\t\t\t\t\t\tinnerBlocks\n\t\t\t\t\t),\n\t\t\t\t] );\n\t\t\t},\n\t\t},\n\t],\n\tto: [\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/image' ],\n\t\t\tisMatch: ( {\n\t\t\t\tbackgroundType,\n\t\t\t\turl,\n\t\t\t\toverlayColor,\n\t\t\t\tcustomOverlayColor,\n\t\t\t\tgradient,\n\t\t\t\tcustomGradient,\n\t\t\t} ) => {\n\t\t\t\tif ( url ) {\n\t\t\t\t\t// If a url exists the transform could happen if that URL represents an image background.\n\t\t\t\t\treturn backgroundType === IMAGE_BACKGROUND_TYPE;\n\t\t\t\t}\n\t\t\t\t// If a url is not set the transform could happen if the cover has no background color or gradient;\n\t\t\t\treturn (\n\t\t\t\t\t! overlayColor &&\n\t\t\t\t\t! customOverlayColor &&\n\t\t\t\t\t! gradient &&\n\t\t\t\t\t! customGradient\n\t\t\t\t);\n\t\t\t},\n\t\t\ttransform: ( { title, url, alt, align, id, anchor, style } ) =>\n\t\t\t\tcreateBlock( 'core/image', {\n\t\t\t\t\tcaption: title,\n\t\t\t\t\turl,\n\t\t\t\t\talt,\n\t\t\t\t\talign,\n\t\t\t\t\tid,\n\t\t\t\t\tanchor,\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\tduotone: style?.color?.duotone,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t} ),\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/video' ],\n\t\t\tisMatch: ( {\n\t\t\t\tbackgroundType,\n\t\t\t\turl,\n\t\t\t\toverlayColor,\n\t\t\t\tcustomOverlayColor,\n\t\t\t\tgradient,\n\t\t\t\tcustomGradient,\n\t\t\t} ) => {\n\t\t\t\tif ( url ) {\n\t\t\t\t\t// If a url exists the transform could happen if that URL represents a video background.\n\t\t\t\t\treturn backgroundType === VIDEO_BACKGROUND_TYPE;\n\t\t\t\t}\n\t\t\t\t// If a url is not set the transform could happen if the cover has no background color or gradient;\n\t\t\t\treturn (\n\t\t\t\t\t! overlayColor &&\n\t\t\t\t\t! customOverlayColor &&\n\t\t\t\t\t! gradient &&\n\t\t\t\t\t! customGradient\n\t\t\t\t);\n\t\t\t},\n\t\t\ttransform: ( { title, url, align, id, anchor } ) =>\n\t\t\t\tcreateBlock( 'core/video', {\n\t\t\t\t\tcaption: title,\n\t\t\t\t\tsrc: url,\n\t\t\t\t\tid,\n\t\t\t\t\talign,\n\t\t\t\t\tanchor,\n\t\t\t\t} ),\n\t\t},\n\t\t{\n\t\t\ttype: 'block',\n\t\t\tblocks: [ 'core/group' ],\n\t\t\tisMatch: ( { url, useFeaturedImage } ) => {\n\t\t\t\t// If the Cover block uses background media, skip this transform,\n\t\t\t\t// and instead use the Group block's default transform.\n\t\t\t\tif ( url || useFeaturedImage ) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\treturn true;\n\t\t\t},\n\t\t\ttransform: ( attributes, innerBlocks ) => {\n\t\t\t\t// Convert Cover overlay colors to comparable Group background colors.\n\t\t\t\tconst transformedColorAttributes = {\n\t\t\t\t\tbackgroundColor: attributes?.overlayColor,\n\t\t\t\t\tgradient: attributes?.gradient,\n\t\t\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t\t\t...attributes?.style,\n\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\tattributes?.customOverlayColor ||\n\t\t\t\t\t\t\tattributes?.customGradient ||\n\t\t\t\t\t\t\tattributes?.style?.color\n\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\tbackground:\n\t\t\t\t\t\t\t\t\t\t\tattributes?.customOverlayColor,\n\t\t\t\t\t\t\t\t\t\tgradient: attributes?.customGradient,\n\t\t\t\t\t\t\t\t\t\t...attributes?.style?.color,\n\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t} ),\n\t\t\t\t};\n\n\t\t\t\t// If the Cover block contains only a single Group block as a direct child,\n\t\t\t\t// then attempt to merge the Cover's background colors with the child Group block,\n\t\t\t\t// and remove the Cover block as the wrapper.\n\t\t\t\tif (\n\t\t\t\t\tinnerBlocks?.length === 1 &&\n\t\t\t\t\tinnerBlocks[ 0 ]?.name === 'core/group'\n\t\t\t\t) {\n\t\t\t\t\tconst groupAttributes = cleanEmptyObject(\n\t\t\t\t\t\tinnerBlocks[ 0 ].attributes || {}\n\t\t\t\t\t);\n\n\t\t\t\t\t// If the Group block contains any kind of background color or gradient,\n\t\t\t\t\t// skip merging Cover background colors, and preserve the Group block's colors.\n\t\t\t\t\tif (\n\t\t\t\t\t\tgroupAttributes?.backgroundColor ||\n\t\t\t\t\t\tgroupAttributes?.gradient ||\n\t\t\t\t\t\tgroupAttributes?.style?.color?.background ||\n\t\t\t\t\t\tgroupAttributes?.style?.color?.gradient\n\t\t\t\t\t) {\n\t\t\t\t\t\treturn createBlock(\n\t\t\t\t\t\t\t'core/group',\n\t\t\t\t\t\t\tgroupAttributes,\n\t\t\t\t\t\t\tinnerBlocks[ 0 ]?.innerBlocks\n\t\t\t\t\t\t);\n\t\t\t\t\t}\n\n\t\t\t\t\treturn createBlock(\n\t\t\t\t\t\t'core/group',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t...transformedColorAttributes,\n\t\t\t\t\t\t\t...groupAttributes,\n\t\t\t\t\t\t\tstyle: cleanEmptyObject( {\n\t\t\t\t\t\t\t\t...groupAttributes?.style,\n\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\ttransformedColorAttributes?.style?.color ||\n\t\t\t\t\t\t\t\t\tgroupAttributes?.style?.color\n\t\t\t\t\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\t\t\t\t\t...transformedColorAttributes\n\t\t\t\t\t\t\t\t\t\t\t\t\t?.style?.color,\n\t\t\t\t\t\t\t\t\t\t\t\t...groupAttributes?.style\n\t\t\t\t\t\t\t\t\t\t\t\t\t?.color,\n\t\t\t\t\t\t\t\t\t\t  }\n\t\t\t\t\t\t\t\t\t\t: undefined,\n\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t},\n\t\t\t\t\t\tinnerBlocks[ 0 ]?.innerBlocks\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\t// In all other cases, transform the Cover block directly to a Group block.\n\t\t\t\treturn createBlock(\n\t\t\t\t\t'core/group',\n\t\t\t\t\t{ ...attributes, ...transformedColorAttributes },\n\t\t\t\t\tinnerBlocks\n\t\t\t\t);\n\t\t\t},\n\t\t},\n\t],\n};\n\nexport default transforms;\n"]}

package/build/cover/use-cover-is-dark.native.js

@@ -30,11 +30,7 @@ var _element = require("@wordpress/element");
  *
  * @return {boolean} True if the cover background is considered "dark" and false otherwise.
  */
-function useCoverIsDark() {
-  let initialValue = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  let url = arguments.length > 1 ? arguments[1] : undefined;
-  let dimRatio = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 50;
-  let overlayColor = arguments.length > 3 ? arguments[3] : undefined;
+function useCoverIsDark(initialValue = false, url, dimRatio = 50, overlayColor) {
   const [isDark, setIsDark] = (0, _element.useState)(initialValue);
   (0, _element.useEffect)(() => {
     // If opacity is greater than 50 the dominant color is the overlay color,

package/build/cover/use-cover-is-dark.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/use-cover-is-dark.native.js"],"names":["useCoverIsDark","initialValue","url","dimRatio","overlayColor","isDark","setIsDark"],"mappings":";;;;;;;AAIA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,cAAT,GAKb;AAAA,MAJDC,YAIC,uEAJc,KAId;AAAA,MAHDC,GAGC;AAAA,MAFDC,QAEC,uEAFU,EAEV;AAAA,MADDC,YACC;AACD,QAAM,CAAEC,MAAF,EAAUC,SAAV,IAAwB,uBAAUL,YAAV,CAA9B;AACA,0BAAW,MAAM;AAChB;AACA;AACA,QAAKE,QAAQ,GAAG,EAAX,IAAiB,CAAED,GAAxB,EAA8B;AAC7B,UAAK,CAAEE,YAAP,EAAsB;AACrB;AACAE,QAAAA,SAAS,CAAE,IAAF,CAAT;AACA;AACA;;AACDA,MAAAA,SAAS,CAAE,oBAAQF,YAAR,EAAuBC,MAAvB,EAAF,CAAT;AACA;AACD,GAXD,EAWG,CAAED,YAAF,EAAgBD,QAAQ,GAAG,EAAX,IAAiB,CAAED,GAAnC,EAAwCI,SAAxC,CAXH;AAYA,0BAAW,MAAM;AAChB,QAAK,CAAEJ,GAAF,IAAS,CAAEE,YAAhB,EAA+B;AAC9B;AACAE,MAAAA,SAAS,CAAE,KAAF,CAAT;AACA;AACD,GALD,EAKG,CAAE,CAAEJ,GAAF,IAAS,CAAEE,YAAb,EAA2BE,SAA3B,CALH;AAMA,SAAOD,MAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\n\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\n\n/**\n * useCoverIsDark is a hook that returns a boolean variable specifying if the cover\n * background is dark or not.\n *\n * @param {?boolean} initialValue Initial value.\n * @param {?string}  url          Url of the media background.\n * @param {?number}  dimRatio     Transparency of the overlay color. If an image and\n *                                color are set, dimRatio is used to decide what is used\n *                                for background darkness checking purposes.\n * @param {?string}  overlayColor String containing the overlay color value if one exists.\n *\n * @return {boolean} True if the cover background is considered \"dark\" and false otherwise.\n */\nexport default function useCoverIsDark(\n\tinitialValue = false,\n\turl,\n\tdimRatio = 50,\n\toverlayColor\n) {\n\tconst [ isDark, setIsDark ] = useState( initialValue );\n\tuseEffect( () => {\n\t\t// If opacity is greater than 50 the dominant color is the overlay color,\n\t\t// so use that color for the dark mode computation.\n\t\tif ( dimRatio > 50 || ! url ) {\n\t\t\tif ( ! overlayColor ) {\n\t\t\t\t// If no overlay color exists the overlay color is black (isDark )\n\t\t\t\tsetIsDark( true );\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetIsDark( colord( overlayColor ).isDark() );\n\t\t}\n\t}, [ overlayColor, dimRatio > 50 || ! url, setIsDark ] );\n\tuseEffect( () => {\n\t\tif ( ! url && ! overlayColor ) {\n\t\t\t// Reset isDark.\n\t\t\tsetIsDark( false );\n\t\t}\n\t}, [ ! url && ! overlayColor, setIsDark ] );\n\treturn isDark;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/use-cover-is-dark.native.js"],"names":["useCoverIsDark","initialValue","url","dimRatio","overlayColor","isDark","setIsDark"],"mappings":";;;;;;;AAIA;;AAKA;;AATA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACe,SAASA,cAAT,CACdC,YAAY,GAAG,KADD,EAEdC,GAFc,EAGdC,QAAQ,GAAG,EAHG,EAIdC,YAJc,EAKb;AACD,QAAM,CAAEC,MAAF,EAAUC,SAAV,IAAwB,uBAAUL,YAAV,CAA9B;AACA,0BAAW,MAAM;AAChB;AACA;AACA,QAAKE,QAAQ,GAAG,EAAX,IAAiB,CAAED,GAAxB,EAA8B;AAC7B,UAAK,CAAEE,YAAP,EAAsB;AACrB;AACAE,QAAAA,SAAS,CAAE,IAAF,CAAT;AACA;AACA;;AACDA,MAAAA,SAAS,CAAE,oBAAQF,YAAR,EAAuBC,MAAvB,EAAF,CAAT;AACA;AACD,GAXD,EAWG,CAAED,YAAF,EAAgBD,QAAQ,GAAG,EAAX,IAAiB,CAAED,GAAnC,EAAwCI,SAAxC,CAXH;AAYA,0BAAW,MAAM;AAChB,QAAK,CAAEJ,GAAF,IAAS,CAAEE,YAAhB,EAA+B;AAC9B;AACAE,MAAAA,SAAS,CAAE,KAAF,CAAT;AACA;AACD,GALD,EAKG,CAAE,CAAEJ,GAAF,IAAS,CAAEE,YAAb,EAA2BE,SAA3B,CALH;AAMA,SAAOD,MAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\n\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect, useState } from '@wordpress/element';\n\n/**\n * useCoverIsDark is a hook that returns a boolean variable specifying if the cover\n * background is dark or not.\n *\n * @param {?boolean} initialValue Initial value.\n * @param {?string}  url          Url of the media background.\n * @param {?number}  dimRatio     Transparency of the overlay color. If an image and\n *                                color are set, dimRatio is used to decide what is used\n *                                for background darkness checking purposes.\n * @param {?string}  overlayColor String containing the overlay color value if one exists.\n *\n * @return {boolean} True if the cover background is considered \"dark\" and false otherwise.\n */\nexport default function useCoverIsDark(\n\tinitialValue = false,\n\turl,\n\tdimRatio = 50,\n\toverlayColor\n) {\n\tconst [ isDark, setIsDark ] = useState( initialValue );\n\tuseEffect( () => {\n\t\t// If opacity is greater than 50 the dominant color is the overlay color,\n\t\t// so use that color for the dark mode computation.\n\t\tif ( dimRatio > 50 || ! url ) {\n\t\t\tif ( ! overlayColor ) {\n\t\t\t\t// If no overlay color exists the overlay color is black (isDark )\n\t\t\t\tsetIsDark( true );\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tsetIsDark( colord( overlayColor ).isDark() );\n\t\t}\n\t}, [ overlayColor, dimRatio > 50 || ! url, setIsDark ] );\n\tuseEffect( () => {\n\t\tif ( ! url && ! overlayColor ) {\n\t\t\t// Reset isDark.\n\t\t\tsetIsDark( false );\n\t\t}\n\t}, [ ! url && ! overlayColor, setIsDark ] );\n\treturn isDark;\n}\n"]}

package/build/details/edit.js

@@ -26,12 +26,11 @@ const TEMPLATE = [['core/paragraph', {
   placeholder: (0, _i18n.__)('Type / to add a hidden block')
 }]];
 
-function DetailsEdit(_ref) {
-  let {
-    attributes,
-    setAttributes,
-    clientId
-  } = _ref;
+function DetailsEdit({
+  attributes,
+  setAttributes,
+  clientId
+}) {
   const {
     showContent,
     summary

package/build/details/edit.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/details/edit.js"],"names":["TEMPLATE","placeholder","DetailsEdit","attributes","setAttributes","clientId","showContent","summary","blockProps","innerBlocksProps","template","__experimentalCaptureToolbars","hasSelection","select","isBlockSelected","hasSelectedInnerBlock","blockEditorStore","event","preventDefault","newSummary","children"],"mappings":";;;;;;;;;;;;;AAGA;;AAOA;;AACA;;AACA;;AAZA;AACA;AACA;AAYA,MAAMA,QAAQ,GAAG,CAChB,CACC,gBADD,EAEC;AACCC,EAAAA,WAAW,EAAE,cAAI,8BAAJ;AADd,CAFD,CADgB,CAAjB;;AASA,SAASC,WAAT,OAAgE;AAAA,MAA1C;AAAEC,IAAAA,UAAF;AAAcC,IAAAA,aAAd;AAA6BC,IAAAA;AAA7B,GAA0C;AAC/D,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAA2BJ,UAAjC;AACA,QAAMK,UAAU,GAAG,iCAAnB;AACA,QAAMC,gBAAgB,GAAG,sCAAqBD,UAArB,EAAiC;AACzDE,IAAAA,QAAQ,EAAEV,QAD+C;AAEzDW,IAAAA,6BAA6B,EAAE;AAF0B,GAAjC,CAAzB,CAH+D,CAQ/D;;AACA,QAAMC,YAAY,GAAG,qBAAaC,MAAF,IAAc;AAC7C,UAAM;AAAEC,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,QACLF,MAAM,CAAEG,kBAAF,CADP;AAEA;;AACA,WACCD,qBAAqB,CAAEV,QAAF,EAAY,IAAZ,CAArB,IACAS,eAAe,CAAET,QAAF,CAFhB;AAIA,GARoB,EAQlB,EARkB,CAArB;AAUA,SACC,qDACC,4BAAC,8BAAD,QACC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,UAAJ;AAAnB,KACC,4BAAC,yBAAD;AACC,IAAA,KAAK,EAAG,cAAI,iBAAJ,CADT;AAEC,IAAA,OAAO,EAAGC,WAFX;AAGC,IAAA,QAAQ,EAAG,MACVF,aAAa,CAAE;AACdE,MAAAA,WAAW,EAAE,CAAEA;AADD,KAAF;AAJf,IADD,CADD,CADD,EAcC,kEACMG,gBADN;AAEC,IAAA,IAAI,EAAGG,YAAY,IAAIN;AAFxB,MAIC;AAAS,IAAA,OAAO,EAAKW,KAAF,IAAaA,KAAK,CAACC,cAAN;AAAhC,KACC,4BAAC,qBAAD;AACC,kBAAa,cAAI,eAAJ,CADd;AAEC,IAAA,WAAW,EAAG,cAAI,gBAAJ,CAFf;AAGC,IAAA,cAAc,EAAG,EAHlB;AAIC,IAAA,4BAA4B,MAJ7B;AAKC,IAAA,KAAK,EAAGX,OALT;AAMC,IAAA,QAAQ,EAAKY,UAAF,IACVf,aAAa,CAAE;AAAEG,MAAAA,OAAO,EAAEY;AAAX,KAAF,CAPf;AASC,IAAA,SAAS,EAAG;AATb,IADD,CAJD,EAiBGV,gBAAgB,CAACW,QAjBpB,CAdD,CADD;AAoCA;;eAEclB,W","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n\tInspectorControls,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\tplaceholder: __( 'Type / to add a hidden block' ),\n\t\t},\n\t],\n];\n\nfunction DetailsEdit( { attributes, setAttributes, clientId } ) {\n\tconst { showContent, summary } = attributes;\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t\t__experimentalCaptureToolbars: true,\n\t} );\n\n\t// Check if either the block or the inner blocks are selected.\n\tconst hasSelection = useSelect( ( select ) => {\n\t\tconst { isBlockSelected, hasSelectedInnerBlock } =\n\t\t\tselect( blockEditorStore );\n\t\t/* Sets deep to true to also find blocks inside the details content block. */\n\t\treturn (\n\t\t\thasSelectedInnerBlock( clientId, true ) ||\n\t\t\tisBlockSelected( clientId )\n\t\t);\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\tchecked={ showContent }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowContent: ! showContent,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<details\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t\topen={ hasSelection || showContent }\n\t\t\t>\n\t\t\t\t<summary onClick={ ( event ) => event.preventDefault() }>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\taria-label={ __( 'Write summary' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Write summary…' ) }\n\t\t\t\t\t\tallowedFormats={ [] }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tvalue={ summary }\n\t\t\t\t\t\tonChange={ ( newSummary ) =>\n\t\t\t\t\t\t\tsetAttributes( { summary: newSummary } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmultiline={ false }\n\t\t\t\t\t/>\n\t\t\t\t</summary>\n\t\t\t\t{ innerBlocksProps.children }\n\t\t\t</details>\n\t\t</>\n\t);\n}\n\nexport default DetailsEdit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/details/edit.js"],"names":["TEMPLATE","placeholder","DetailsEdit","attributes","setAttributes","clientId","showContent","summary","blockProps","innerBlocksProps","template","__experimentalCaptureToolbars","hasSelection","select","isBlockSelected","hasSelectedInnerBlock","blockEditorStore","event","preventDefault","newSummary","children"],"mappings":";;;;;;;;;;;;;AAGA;;AAOA;;AACA;;AACA;;AAZA;AACA;AACA;AAYA,MAAMA,QAAQ,GAAG,CAChB,CACC,gBADD,EAEC;AACCC,EAAAA,WAAW,EAAE,cAAI,8BAAJ;AADd,CAFD,CADgB,CAAjB;;AASA,SAASC,WAAT,CAAsB;AAAEC,EAAAA,UAAF;AAAcC,EAAAA,aAAd;AAA6BC,EAAAA;AAA7B,CAAtB,EAAgE;AAC/D,QAAM;AAAEC,IAAAA,WAAF;AAAeC,IAAAA;AAAf,MAA2BJ,UAAjC;AACA,QAAMK,UAAU,GAAG,iCAAnB;AACA,QAAMC,gBAAgB,GAAG,sCAAqBD,UAArB,EAAiC;AACzDE,IAAAA,QAAQ,EAAEV,QAD+C;AAEzDW,IAAAA,6BAA6B,EAAE;AAF0B,GAAjC,CAAzB,CAH+D,CAQ/D;;AACA,QAAMC,YAAY,GAAG,qBAAaC,MAAF,IAAc;AAC7C,UAAM;AAAEC,MAAAA,eAAF;AAAmBC,MAAAA;AAAnB,QACLF,MAAM,CAAEG,kBAAF,CADP;AAEA;;AACA,WACCD,qBAAqB,CAAEV,QAAF,EAAY,IAAZ,CAArB,IACAS,eAAe,CAAET,QAAF,CAFhB;AAIA,GARoB,EAQlB,EARkB,CAArB;AAUA,SACC,qDACC,4BAAC,8BAAD,QACC,4BAAC,qBAAD;AAAW,IAAA,KAAK,EAAG,cAAI,UAAJ;AAAnB,KACC,4BAAC,yBAAD;AACC,IAAA,KAAK,EAAG,cAAI,iBAAJ,CADT;AAEC,IAAA,OAAO,EAAGC,WAFX;AAGC,IAAA,QAAQ,EAAG,MACVF,aAAa,CAAE;AACdE,MAAAA,WAAW,EAAE,CAAEA;AADD,KAAF;AAJf,IADD,CADD,CADD,EAcC,kEACMG,gBADN;AAEC,IAAA,IAAI,EAAGG,YAAY,IAAIN;AAFxB,MAIC;AAAS,IAAA,OAAO,EAAKW,KAAF,IAAaA,KAAK,CAACC,cAAN;AAAhC,KACC,4BAAC,qBAAD;AACC,kBAAa,cAAI,eAAJ,CADd;AAEC,IAAA,WAAW,EAAG,cAAI,gBAAJ,CAFf;AAGC,IAAA,cAAc,EAAG,EAHlB;AAIC,IAAA,4BAA4B,MAJ7B;AAKC,IAAA,KAAK,EAAGX,OALT;AAMC,IAAA,QAAQ,EAAKY,UAAF,IACVf,aAAa,CAAE;AAAEG,MAAAA,OAAO,EAAEY;AAAX,KAAF,CAPf;AASC,IAAA,SAAS,EAAG;AATb,IADD,CAJD,EAiBGV,gBAAgB,CAACW,QAjBpB,CAdD,CADD;AAoCA;;eAEclB,W","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tRichText,\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\tstore as blockEditorStore,\n\tInspectorControls,\n} from '@wordpress/block-editor';\nimport { useSelect } from '@wordpress/data';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\tplaceholder: __( 'Type / to add a hidden block' ),\n\t\t},\n\t],\n];\n\nfunction DetailsEdit( { attributes, setAttributes, clientId } ) {\n\tconst { showContent, summary } = attributes;\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps( blockProps, {\n\t\ttemplate: TEMPLATE,\n\t\t__experimentalCaptureToolbars: true,\n\t} );\n\n\t// Check if either the block or the inner blocks are selected.\n\tconst hasSelection = useSelect( ( select ) => {\n\t\tconst { isBlockSelected, hasSelectedInnerBlock } =\n\t\t\tselect( blockEditorStore );\n\t\t/* Sets deep to true to also find blocks inside the details content block. */\n\t\treturn (\n\t\t\thasSelectedInnerBlock( clientId, true ) ||\n\t\t\tisBlockSelected( clientId )\n\t\t);\n\t}, [] );\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\tlabel={ __( 'Open by default' ) }\n\t\t\t\t\t\tchecked={ showContent }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowContent: ! showContent,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<details\n\t\t\t\t{ ...innerBlocksProps }\n\t\t\t\topen={ hasSelection || showContent }\n\t\t\t>\n\t\t\t\t<summary onClick={ ( event ) => event.preventDefault() }>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\taria-label={ __( 'Write summary' ) }\n\t\t\t\t\t\tplaceholder={ __( 'Write summary…' ) }\n\t\t\t\t\t\tallowedFormats={ [] }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tvalue={ summary }\n\t\t\t\t\t\tonChange={ ( newSummary ) =>\n\t\t\t\t\t\t\tsetAttributes( { summary: newSummary } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmultiline={ false }\n\t\t\t\t\t/>\n\t\t\t\t</summary>\n\t\t\t\t{ innerBlocksProps.children }\n\t\t\t</details>\n\t\t</>\n\t);\n}\n\nexport default DetailsEdit;\n"]}