@wordpress/block-library 8.17.1 → 8.18.0

package/build/social-link/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_blockEditor","_components","_compose","_i18n","_icons","_data","_socialList","_editor","_interopRequireDefault","DEFAULT_ACTIVE_ICON_STYLES","backgroundColor","color","DEFAULT_INACTIVE_ICON_STYLES","ANIMATION_DELAY","ANIMATION_DURATION","linkSettingsOptions","url","label","__","placeholder","autoFocus","linkLabel","footer","SocialLinkEdit","attributes","setAttributes","isSelected","onFocus","name","service","isLinkSheetVisible","setIsLinkSheetVisible","useState","hasUrl","setHasUrl","activeIcon","styles","inactiveIcon","usePreferredColorSchemeStyle","inactiveIconDark","animatedValue","useRef","Animated","Value","current","IconComponent","getIconBySite","socialLinkName","getNameBySite","useEffect","setValue","animateColors","interpolationColors","interpolate","inputRange","outputRange","stroke","sequence","delay","timing","toValue","duration","easing","Easing","circle","useNativeDriver","start","onCloseSettingsSheet","useCallback","onOpenSettingsSheet","onEmptyURL","onIconPress","accessibilityHint","sprintf","createElement","View","style","container","Fragment","BlockControls","ToolbarGroup","ToolbarButton","title","icon","link","onClick","isActive","LinkSettingsNavigation","isVisible","rel","onClose","options","withBottomSheet","TouchableWithoutFeedback","onPress","accessibilityRole","accessibilityLabel","iconContainer","Icon","animated","_default","compose","withSelect","select","clientId","getBlock","blockEditorStore","block","substring","exports","default"],"sources":["@wordpress/block-library/src/social-link/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Animated, Easing, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useEffect, useState, useRef, useCallback } from '@wordpress/element';\nimport {\n\tToolbarGroup,\n\tToolbarButton,\n\tLinkSettingsNavigation,\n} from '@wordpress/components';\nimport { compose, usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { link, Icon } from '@wordpress/icons';\nimport { withSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { getIconBySite, getNameBySite } from './social-list';\nimport styles from './editor.scss';\n\nconst DEFAULT_ACTIVE_ICON_STYLES = {\n\tbackgroundColor: '#f0f0f0',\n\tcolor: '#444',\n};\nconst DEFAULT_INACTIVE_ICON_STYLES = {\n\tbackgroundColor: '#0000003f',\n\tcolor: '#fff',\n};\nconst ANIMATION_DELAY = 300;\nconst ANIMATION_DURATION = 400;\n\nconst linkSettingsOptions = {\n\turl: {\n\t\tlabel: __( 'URL' ),\n\t\tplaceholder: __( 'Add URL' ),\n\t\tautoFocus: true,\n\t},\n\tlinkLabel: {\n\t\tlabel: __( 'Link label' ),\n\t\tplaceholder: __( 'None' ),\n\t},\n\tfooter: {\n\t\tlabel: __( 'Briefly describe the link to help screen reader user' ),\n\t},\n};\n\nconst SocialLinkEdit = ( {\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tonFocus,\n\tname,\n} ) => {\n\tconst { url, service = name } = attributes;\n\tconst [ isLinkSheetVisible, setIsLinkSheetVisible ] = useState( false );\n\tconst [ hasUrl, setHasUrl ] = useState( !! url );\n\tconst activeIcon =\n\t\tstyles[ `wp-social-link-${ service }` ] ||\n\t\tstyles[ `wp-social-link` ] ||\n\t\tDEFAULT_ACTIVE_ICON_STYLES;\n\tconst inactiveIcon =\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.inactiveIcon,\n\t\t\tstyles.inactiveIconDark\n\t\t) || DEFAULT_INACTIVE_ICON_STYLES;\n\n\tconst animatedValue = useRef( new Animated.Value( 0 ) ).current;\n\n\tconst IconComponent = getIconBySite( service )();\n\tconst socialLinkName = getNameBySite( service );\n\n\t// When new social icon is added link sheet is opened automatically.\n\tuseEffect( () => {\n\t\tif ( isSelected && ! url ) {\n\t\t\tsetIsLinkSheetVisible( true );\n\t\t}\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! url ) {\n\t\t\tsetHasUrl( false );\n\t\t\tanimatedValue.setValue( 0 );\n\t\t} else if ( url ) {\n\t\t\tanimateColors();\n\t\t}\n\t}, [ url ] );\n\n\tconst interpolationColors = {\n\t\tbackgroundColor: animatedValue.interpolate( {\n\t\t\tinputRange: [ 0, 1 ],\n\t\t\toutputRange: [\n\t\t\t\tinactiveIcon.backgroundColor,\n\t\t\t\tactiveIcon.backgroundColor,\n\t\t\t],\n\t\t} ),\n\t\tcolor: animatedValue.interpolate( {\n\t\t\tinputRange: [ 0, 1 ],\n\t\t\toutputRange: [ inactiveIcon.color, activeIcon.color ],\n\t\t} ),\n\t\tstroke: '',\n\t};\n\n\tconst { backgroundColor, color, stroke } = hasUrl\n\t\t? activeIcon\n\t\t: interpolationColors;\n\n\tfunction animateColors() {\n\t\tAnimated.sequence( [\n\t\t\tAnimated.delay( ANIMATION_DELAY ),\n\t\t\tAnimated.timing( animatedValue, {\n\t\t\t\ttoValue: 1,\n\t\t\t\tduration: ANIMATION_DURATION,\n\t\t\t\teasing: Easing.circle,\n\t\t\t\tuseNativeDriver: false,\n\t\t\t} ),\n\t\t] ).start( () => setHasUrl( true ) );\n\t}\n\n\tconst onCloseSettingsSheet = useCallback( () => {\n\t\tsetIsLinkSheetVisible( false );\n\t}, [] );\n\n\tconst onOpenSettingsSheet = useCallback( () => {\n\t\tsetIsLinkSheetVisible( true );\n\t}, [] );\n\n\tconst onEmptyURL = useCallback( () => {\n\t\tanimatedValue.setValue( 0 );\n\t\tsetHasUrl( false );\n\t}, [ animatedValue ] );\n\n\tfunction onIconPress() {\n\t\tif ( isSelected ) {\n\t\t\tsetIsLinkSheetVisible( true );\n\t\t} else {\n\t\t\tonFocus();\n\t\t}\n\t}\n\n\tconst accessibilityHint = url\n\t\t? sprintf(\n\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t__( '%s has URL set' ),\n\t\t\t\tsocialLinkName\n\t\t  )\n\t\t: sprintf(\n\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t__( '%s has no URL set' ),\n\t\t\t\tsocialLinkName\n\t\t  );\n\n\treturn (\n\t\t<View style={ styles.container }>\n\t\t\t{ isSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\ttitle={ sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t\t\t\t\t\t__( 'Add link to %s' ),\n\t\t\t\t\t\t\t\t\tsocialLinkName\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ticon={ link }\n\t\t\t\t\t\t\t\tonClick={ onOpenSettingsSheet }\n\t\t\t\t\t\t\t\tisActive={ url }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<LinkSettingsNavigation\n\t\t\t\t\t\tisVisible={ isLinkSheetVisible }\n\t\t\t\t\t\turl={ attributes.url }\n\t\t\t\t\t\tlabel={ attributes.label }\n\t\t\t\t\t\trel={ attributes.rel }\n\t\t\t\t\t\tonEmptyURL={ onEmptyURL }\n\t\t\t\t\t\tonClose={ onCloseSettingsSheet }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\toptions={ linkSettingsOptions }\n\t\t\t\t\t\twithBottomSheet\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ onIconPress }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t\t__( '%s social icon' ),\n\t\t\t\t\tsocialLinkName\n\t\t\t\t) }\n\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t>\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={ [ styles.iconContainer, { backgroundColor } ] }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tanimated\n\t\t\t\t\t\ticon={ IconComponent }\n\t\t\t\t\t\tstyle={ { stroke, color } }\n\t\t\t\t\t/>\n\t\t\t\t</Animated.View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getBlock } = select( blockEditorStore );\n\n\t\tconst block = getBlock( clientId );\n\t\tconst name = block?.name.substring( 17 );\n\n\t\treturn {\n\t\t\tname,\n\t\t};\n\t} ),\n] )( SocialLinkEdit );\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_reactNative","_blockEditor","_components","_compose","_i18n","_icons","_data","_socialList","_editor","_interopRequireDefault","DEFAULT_ACTIVE_ICON_STYLES","backgroundColor","color","DEFAULT_INACTIVE_ICON_STYLES","ANIMATION_DELAY","ANIMATION_DURATION","linkSettingsOptions","url","label","__","placeholder","autoFocus","linkLabel","footer","SocialLinkEdit","attributes","setAttributes","isSelected","onFocus","name","service","isLinkSheetVisible","setIsLinkSheetVisible","useState","hasUrl","setHasUrl","activeIcon","styles","inactiveIcon","usePreferredColorSchemeStyle","inactiveIconDark","animatedValue","useRef","Animated","Value","current","IconComponent","getIconBySite","socialLinkName","getNameBySite","useEffect","setValue","animateColors","interpolationColors","interpolate","inputRange","outputRange","stroke","sequence","delay","timing","toValue","duration","easing","Easing","circle","useNativeDriver","start","onCloseSettingsSheet","useCallback","onOpenSettingsSheet","onEmptyURL","onIconPress","accessibilityHint","sprintf","createElement","View","Fragment","BlockControls","ToolbarGroup","ToolbarButton","title","icon","link","onClick","isActive","LinkSettingsNavigation","isVisible","rel","onClose","options","withBottomSheet","TouchableWithoutFeedback","onPress","accessibilityRole","accessibilityLabel","style","iconContainer","Icon","animated","_default","compose","withSelect","select","clientId","getBlock","blockEditorStore","block","substring","exports","default"],"sources":["@wordpress/block-library/src/social-link/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View, Animated, Easing, TouchableWithoutFeedback } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tBlockControls,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useEffect, useState, useRef, useCallback } from '@wordpress/element';\nimport {\n\tToolbarGroup,\n\tToolbarButton,\n\tLinkSettingsNavigation,\n} from '@wordpress/components';\nimport { compose, usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { link, Icon } from '@wordpress/icons';\nimport { withSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { getIconBySite, getNameBySite } from './social-list';\nimport styles from './editor.scss';\n\nconst DEFAULT_ACTIVE_ICON_STYLES = {\n\tbackgroundColor: '#f0f0f0',\n\tcolor: '#444',\n};\nconst DEFAULT_INACTIVE_ICON_STYLES = {\n\tbackgroundColor: '#0000003f',\n\tcolor: '#fff',\n};\nconst ANIMATION_DELAY = 300;\nconst ANIMATION_DURATION = 400;\n\nconst linkSettingsOptions = {\n\turl: {\n\t\tlabel: __( 'URL' ),\n\t\tplaceholder: __( 'Add URL' ),\n\t\tautoFocus: true,\n\t},\n\tlinkLabel: {\n\t\tlabel: __( 'Link label' ),\n\t\tplaceholder: __( 'None' ),\n\t},\n\tfooter: {\n\t\tlabel: __( 'Briefly describe the link to help screen reader user' ),\n\t},\n};\n\nconst SocialLinkEdit = ( {\n\tattributes,\n\tsetAttributes,\n\tisSelected,\n\tonFocus,\n\tname,\n} ) => {\n\tconst { url, service = name } = attributes;\n\tconst [ isLinkSheetVisible, setIsLinkSheetVisible ] = useState( false );\n\tconst [ hasUrl, setHasUrl ] = useState( !! url );\n\tconst activeIcon =\n\t\tstyles[ `wp-social-link-${ service }` ] ||\n\t\tstyles[ `wp-social-link` ] ||\n\t\tDEFAULT_ACTIVE_ICON_STYLES;\n\tconst inactiveIcon =\n\t\tusePreferredColorSchemeStyle(\n\t\t\tstyles.inactiveIcon,\n\t\t\tstyles.inactiveIconDark\n\t\t) || DEFAULT_INACTIVE_ICON_STYLES;\n\n\tconst animatedValue = useRef( new Animated.Value( 0 ) ).current;\n\n\tconst IconComponent = getIconBySite( service )();\n\tconst socialLinkName = getNameBySite( service );\n\n\t// When new social icon is added link sheet is opened automatically.\n\tuseEffect( () => {\n\t\tif ( isSelected && ! url ) {\n\t\t\tsetIsLinkSheetVisible( true );\n\t\t}\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! url ) {\n\t\t\tsetHasUrl( false );\n\t\t\tanimatedValue.setValue( 0 );\n\t\t} else if ( url ) {\n\t\t\tanimateColors();\n\t\t}\n\t}, [ url ] );\n\n\tconst interpolationColors = {\n\t\tbackgroundColor: animatedValue.interpolate( {\n\t\t\tinputRange: [ 0, 1 ],\n\t\t\toutputRange: [\n\t\t\t\tinactiveIcon.backgroundColor,\n\t\t\t\tactiveIcon.backgroundColor,\n\t\t\t],\n\t\t} ),\n\t\tcolor: animatedValue.interpolate( {\n\t\t\tinputRange: [ 0, 1 ],\n\t\t\toutputRange: [ inactiveIcon.color, activeIcon.color ],\n\t\t} ),\n\t\tstroke: '',\n\t};\n\n\tconst { backgroundColor, color, stroke } = hasUrl\n\t\t? activeIcon\n\t\t: interpolationColors;\n\n\tfunction animateColors() {\n\t\tAnimated.sequence( [\n\t\t\tAnimated.delay( ANIMATION_DELAY ),\n\t\t\tAnimated.timing( animatedValue, {\n\t\t\t\ttoValue: 1,\n\t\t\t\tduration: ANIMATION_DURATION,\n\t\t\t\teasing: Easing.circle,\n\t\t\t\tuseNativeDriver: false,\n\t\t\t} ),\n\t\t] ).start( () => setHasUrl( true ) );\n\t}\n\n\tconst onCloseSettingsSheet = useCallback( () => {\n\t\tsetIsLinkSheetVisible( false );\n\t}, [] );\n\n\tconst onOpenSettingsSheet = useCallback( () => {\n\t\tsetIsLinkSheetVisible( true );\n\t}, [] );\n\n\tconst onEmptyURL = useCallback( () => {\n\t\tanimatedValue.setValue( 0 );\n\t\tsetHasUrl( false );\n\t}, [ animatedValue ] );\n\n\tfunction onIconPress() {\n\t\tif ( isSelected ) {\n\t\t\tsetIsLinkSheetVisible( true );\n\t\t} else {\n\t\t\tonFocus();\n\t\t}\n\t}\n\n\tconst accessibilityHint = url\n\t\t? sprintf(\n\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t__( '%s has URL set' ),\n\t\t\t\tsocialLinkName\n\t\t  )\n\t\t: sprintf(\n\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t__( '%s has no URL set' ),\n\t\t\t\tsocialLinkName\n\t\t  );\n\n\treturn (\n\t\t<View>\n\t\t\t{ isSelected && (\n\t\t\t\t<>\n\t\t\t\t\t<BlockControls>\n\t\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\t\ttitle={ sprintf(\n\t\t\t\t\t\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t\t\t\t\t\t__( 'Add link to %s' ),\n\t\t\t\t\t\t\t\t\tsocialLinkName\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ticon={ link }\n\t\t\t\t\t\t\t\tonClick={ onOpenSettingsSheet }\n\t\t\t\t\t\t\t\tisActive={ url }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t\t</BlockControls>\n\t\t\t\t\t<LinkSettingsNavigation\n\t\t\t\t\t\tisVisible={ isLinkSheetVisible }\n\t\t\t\t\t\turl={ attributes.url }\n\t\t\t\t\t\tlabel={ attributes.label }\n\t\t\t\t\t\trel={ attributes.rel }\n\t\t\t\t\t\tonEmptyURL={ onEmptyURL }\n\t\t\t\t\t\tonClose={ onCloseSettingsSheet }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\toptions={ linkSettingsOptions }\n\t\t\t\t\t\twithBottomSheet\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) }\n\n\t\t\t<TouchableWithoutFeedback\n\t\t\t\tonPress={ onIconPress }\n\t\t\t\taccessibilityRole={ 'button' }\n\t\t\t\taccessibilityLabel={ sprintf(\n\t\t\t\t\t// translators: %s: social link name e.g: \"Instagram\".\n\t\t\t\t\t__( '%s social icon' ),\n\t\t\t\t\tsocialLinkName\n\t\t\t\t) }\n\t\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\t>\n\t\t\t\t<Animated.View\n\t\t\t\t\tstyle={ [ styles.iconContainer, { backgroundColor } ] }\n\t\t\t\t>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tanimated\n\t\t\t\t\t\ticon={ IconComponent }\n\t\t\t\t\t\tstyle={ { stroke, color } }\n\t\t\t\t\t/>\n\t\t\t\t</Animated.View>\n\t\t\t</TouchableWithoutFeedback>\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getBlock } = select( blockEditorStore );\n\n\t\tconst block = getBlock( clientId );\n\t\tconst name = block?.name.substring( 17 );\n\n\t\treturn {\n\t\t\tname,\n\t\t};\n\t} ),\n] )( SocialLinkEdit );\n"],"mappings":"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"}

package/build-module/cover/edit/index.js

@@ -116,7 +116,9 @@ function CoverEdit({
   } = __experimentalUseGradient();
   const setMedia = attributesFromMedia(setAttributes, dimRatio);
   const onSelectMedia = async newMedia => {
-    const isDarkSetting = await getCoverIsDark(newMedia.url, dimRatio, overlayColor.color);
+    // Only pass the url to getCoverIsDark if the media is an image as video is not handled.
+    const newUrl = newMedia?.type === 'image' ? newMedia.url : undefined;
+    const isDarkSetting = await getCoverIsDark(newUrl, dimRatio, overlayColor.color);
     setMedia(newMedia, isDarkSetting);
   };
   const onClearMedia = async () => {

package/build-module/cover/edit/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","extend","namesPlugin","useEntityProp","store","coreStore","useEffect","useMemo","useRef","Placeholder","Spinner","compose","useResizeObserver","withColors","ColorPalette","useBlockProps","useSetting","useInnerBlocksProps","__experimentalUseGradient","blockEditorStore","__","useSelect","useDispatch","isBlobURL","noticesStore","attributesFromMedia","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","dimRatioToClass","isContentPositionCenter","getPositionClassName","mediaPosition","getCoverIsDark","CoverInspectorControls","CoverBlockControls","CoverPlaceholder","ResizableCoverPopover","getInnerBlocksTemplate","attributes","align","placeholder","isTemporaryMedia","id","url","CoverEdit","clientId","isSelected","overlayColor","setAttributes","setOverlayColor","toggleSelection","context","postId","postType","contentPosition","useFeaturedImage","dimRatio","focalPoint","hasParallax","isDark","isRepeated","minHeight","minHeightUnit","alt","allowedBlocks","templateLock","tagName","TagName","featuredImage","__unstableMarkNextChangeAsNotPersistent","media","select","getMedia","mediaUrl","source_url","setIsDark","isDarkSetting","color","replaceAll","backgroundType","createErrorNotice","gradientClass","gradientValue","setMedia","onSelectMedia","newMedia","onClearMedia","undefined","onSetOverlayColor","colorValue","onUpdateDimRatio","newDimRatio","isUploadingMedia","onUploadError","message","type","isImageBackground","isVideoBackground","resizeListener","height","width","resizableBoxDimensions","minHeightWithUnit","isImgElement","style","backgroundImage","backgroundPosition","bgStyle","backgroundColor","mediaStyle","objectPosition","hasBackground","hasInnerBlocks","getBlock","innerBlocks","length","ref","blockProps","hasFontSizes","innerBlocksTemplate","fontSize","innerBlocksProps","className","template","templateInsertUpdatesSelection","mediaElement","currentSettings","toggleUseFeaturedImage","blockControls","createElement","inspectorControls","coverRef","updateDimRatio","resizableCoverProps","onResizeStart","onResize","value","onResizeStop","newMinHeight","showHandle","size","Fragment","onError","disableCustomColors","onChange","clearable","classes","class","withIllustration","src","role","autoPlay","muted","loop","disableMediaButtons"],"sources":["@wordpress/block-library/src/cover/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useEffect, useMemo, useRef } from '@wordpress/element';\nimport { Placeholder, Spinner } from '@wordpress/components';\nimport { compose, useResizeObserver } from '@wordpress/compose';\nimport {\n\twithColors,\n\tColorPalette,\n\tuseBlockProps,\n\tuseSetting,\n\tuseInnerBlocksProps,\n\t__experimentalUseGradient,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport {\n\tattributesFromMedia,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n\tgetCoverIsDark,\n} from '../shared';\nimport CoverInspectorControls from './inspector-controls';\nimport CoverBlockControls from './block-controls';\nimport CoverPlaceholder from './cover-placeholder';\nimport ResizableCoverPopover from './resizable-cover-popover';\n\nextend( [ namesPlugin ] );\n\nfunction getInnerBlocksTemplate( attributes ) {\n\treturn [\n\t\t[\n\t\t\t'core/paragraph',\n\t\t\t{\n\t\t\t\talign: 'center',\n\t\t\t\tplaceholder: __( 'Write title…' ),\n\t\t\t\t...attributes,\n\t\t\t},\n\t\t],\n\t];\n}\n\n/**\n * Is the URL a temporary blob URL? A blob URL is one that is used temporarily while\n * the media (image or video) is being uploaded and will not have an id allocated yet.\n *\n * @param {number} id  The id of the media.\n * @param {string} url The url of the media.\n *\n * @return {boolean} Is the URL a Blob URL.\n */\nconst isTemporaryMedia = ( id, url ) => ! id && isBlobURL( url );\n\nfunction CoverEdit( {\n\tattributes,\n\tclientId,\n\tisSelected,\n\toverlayColor,\n\tsetAttributes,\n\tsetOverlayColor,\n\ttoggleSelection,\n\tcontext: { postId, postType },\n} ) {\n\tconst {\n\t\tcontentPosition,\n\t\tid,\n\t\tuseFeaturedImage,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\ttagName: TagName = 'div',\n\t} = attributes;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst media = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\tconst mediaUrl = media?.source_url;\n\n\tuseEffect( () => {\n\t\tasync function setIsDark() {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\t\tmediaUrl,\n\t\t\t\tdimRatio,\n\t\t\t\toverlayColor.color\n\t\t\t);\n\t\t\tsetAttributes( {\n\t\t\t\tisDark: isDarkSetting,\n\t\t\t} );\n\t\t}\n\t\tif ( useFeaturedImage ) {\n\t\t\tsetIsDark();\n\t\t}\n\t\t// We only ever want to run this effect if the mediaUrl changes.\n\t\t// All other changes to the isDark state are handled in the appropriate event handlers.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ mediaUrl ] );\n\n\t// instead of destructuring the attributes\n\t// we define the url and background type\n\t// depending on the value of the useFeaturedImage flag\n\t// to preview in edit the dynamic featured image\n\tconst url = useFeaturedImage\n\t\t? mediaUrl\n\t\t: // Ensure the url is not malformed due to sanitization through `wp_kses`.\n\t\t  attributes.url?.replaceAll( '&amp;', '&' );\n\tconst backgroundType = useFeaturedImage\n\t\t? IMAGE_BACKGROUND_TYPE\n\t\t: attributes.backgroundType;\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { gradientClass, gradientValue } = __experimentalUseGradient();\n\tconst setMedia = attributesFromMedia( setAttributes, dimRatio );\n\n\tconst onSelectMedia = async ( newMedia ) => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\tnewMedia.url,\n\t\t\tdimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\t\tsetMedia( newMedia, isDarkSetting );\n\t};\n\n\tconst onClearMedia = async () => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\tundefined,\n\t\t\tdimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tid: undefined,\n\t\t\tbackgroundType: undefined,\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tisRepeated: undefined,\n\t\t\tuseFeaturedImage: false,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst onSetOverlayColor = async ( colorValue ) => {\n\t\tconst isDarkSetting = await getCoverIsDark( url, dimRatio, colorValue );\n\t\tsetOverlayColor( colorValue );\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tsetAttributes( {\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst onUpdateDimRatio = async ( newDimRatio ) => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\turl,\n\t\t\tnewDimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\tdimRatio: newDimRatio,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst isUploadingMedia = isTemporaryMedia( id, url );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst [ resizeListener, { height, width } ] = useResizeObserver();\n\tconst resizableBoxDimensions = useMemo( () => {\n\t\treturn {\n\t\t\theight: minHeightUnit === 'px' ? minHeight : 'auto',\n\t\t\twidth: 'auto',\n\t\t};\n\t}, [ minHeight, minHeightUnit ] );\n\n\tconst minHeightWithUnit =\n\t\tminHeight && minHeightUnit\n\t\t\t? `${ minHeight }${ minHeightUnit }`\n\t\t\t: minHeight;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeightWithUnit || undefined,\n\t};\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst bgStyle = { backgroundColor: overlayColor.color };\n\tconst mediaStyle = {\n\t\tobjectPosition:\n\t\t\tfocalPoint && isImgElement\n\t\t\t\t? mediaPosition( focalPoint )\n\t\t\t\t: undefined,\n\t};\n\n\tconst hasBackground = !! ( url || overlayColor.color || gradientValue );\n\n\tconst hasInnerBlocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlock( clientId ).innerBlocks.length >\n\t\t\t0,\n\t\t[ clientId ]\n\t);\n\n\tconst ref = useRef();\n\tconst blockProps = useBlockProps( { ref } );\n\n\t// Check for fontSize support before we pass a fontSize attribute to the innerBlocks.\n\tconst hasFontSizes = !! useSetting( 'typography.fontSizes' )?.length;\n\tconst innerBlocksTemplate = getInnerBlocksTemplate( {\n\t\tfontSize: hasFontSizes ? 'large' : undefined,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t},\n\t\t{\n\t\t\t// Avoid template sync when the `templateLock` value is `all` or `contentOnly`.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/45632\n\t\t\ttemplate: ! hasInnerBlocks ? innerBlocksTemplate : undefined,\n\t\t\ttemplateInsertUpdatesSelection: true,\n\t\t\tallowedBlocks,\n\t\t\ttemplateLock,\n\t\t}\n\t);\n\n\tconst mediaElement = useRef();\n\tconst currentSettings = {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\thasInnerBlocks,\n\t\turl,\n\t\tisImgElement,\n\t\toverlayColor,\n\t};\n\n\tconst toggleUseFeaturedImage = async () => {\n\t\tconst isDarkSetting = await ( useFeaturedImage\n\t\t\t? getCoverIsDark( undefined, dimRatio, overlayColor.color )\n\t\t\t: getCoverIsDark( mediaUrl, dimRatio, overlayColor.color ) );\n\t\tsetAttributes( {\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t\tuseFeaturedImage: ! useFeaturedImage,\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\tbackgroundType: useFeaturedImage\n\t\t\t\t? IMAGE_BACKGROUND_TYPE\n\t\t\t\t: undefined,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst blockControls = (\n\t\t<CoverBlockControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t/>\n\t);\n\n\tconst inspectorControls = (\n\t\t<CoverInspectorControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tclientId={ clientId }\n\t\t\tsetOverlayColor={ onSetOverlayColor }\n\t\t\tcoverRef={ ref }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tupdateDimRatio={ onUpdateDimRatio }\n\t\t\tonClearMedia={ onClearMedia }\n\t\t/>\n\t);\n\n\tconst resizableCoverProps = {\n\t\tclassName: 'block-library-cover__resize-container',\n\t\tclientId,\n\t\theight,\n\t\tminHeight: minHeightWithUnit,\n\t\tonResizeStart: () => {\n\t\t\tsetAttributes( { minHeightUnit: 'px' } );\n\t\t\ttoggleSelection( false );\n\t\t},\n\t\tonResize: ( value ) => {\n\t\t\tsetAttributes( { minHeight: value } );\n\t\t},\n\t\tonResizeStop: ( newMinHeight ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tsetAttributes( { minHeight: newMinHeight } );\n\t\t},\n\t\tshowHandle: true,\n\t\tsize: resizableBoxDimensions,\n\t\twidth,\n\t};\n\n\tif ( ! useFeaturedImage && ! hasInnerBlocks && ! hasBackground ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ blockControls }\n\t\t\t\t{ inspectorControls }\n\t\t\t\t{ isSelected && (\n\t\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t\t) }\n\t\t\t\t<TagName\n\t\t\t\t\t{ ...blockProps }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'is-placeholder',\n\t\t\t\t\t\tblockProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...blockProps.style,\n\t\t\t\t\t\tminHeight: minHeightWithUnit || undefined,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t<CoverPlaceholder\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wp-block-cover__placeholder-background-options\">\n\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\tdisableCustomColors={ true }\n\t\t\t\t\t\t\t\tvalue={ overlayColor.color }\n\t\t\t\t\t\t\t\tonChange={ onSetOverlayColor }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</CoverPlaceholder>\n\t\t\t\t</TagName>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-dark-theme': isDark,\n\t\t\t'is-light': ! isDark,\n\t\t\t'is-transient': isUploadingMedia,\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\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ classnames( classes, blockProps.className ) }\n\t\t\t\tstyle={ { ...style, ...blockProps.style } }\n\t\t\t\tdata-url={ url }\n\t\t\t>\n\t\t\t\t{ resizeListener }\n\t\t\t\t{ ( ! useFeaturedImage || url ) && (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[ overlayColor.class ]: overlayColor.class,\n\t\t\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ { backgroundImage: gradientValue, ...bgStyle } }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ ! url && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-cover__image--placeholder-image\"\n\t\t\t\t\t\twithIllustration={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ url &&\n\t\t\t\t\tisImageBackground &&\n\t\t\t\t\t( isImgElement ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\tclassName=\"wp-block-cover__image-background\"\n\t\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\tclasses,\n\t\t\t\t\t\t\t\t'wp-block-cover__image-background'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ { backgroundImage, backgroundPosition } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t{ url && isVideoBackground && (\n\t\t\t\t\t<video\n\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\tclassName=\"wp-block-cover__video-background\"\n\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tloop\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isUploadingMedia && <Spinner /> }\n\t\t\t\t<CoverPlaceholder\n\t\t\t\t\tdisableMediaButtons\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t</TagName>\n\t\t\t{ isSelected && (\n\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( CoverEdit );\n"],"mappings":"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"}
+{"version":3,"names":["classnames","extend","namesPlugin","useEntityProp","store","coreStore","useEffect","useMemo","useRef","Placeholder","Spinner","compose","useResizeObserver","withColors","ColorPalette","useBlockProps","useSetting","useInnerBlocksProps","__experimentalUseGradient","blockEditorStore","__","useSelect","useDispatch","isBlobURL","noticesStore","attributesFromMedia","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","dimRatioToClass","isContentPositionCenter","getPositionClassName","mediaPosition","getCoverIsDark","CoverInspectorControls","CoverBlockControls","CoverPlaceholder","ResizableCoverPopover","getInnerBlocksTemplate","attributes","align","placeholder","isTemporaryMedia","id","url","CoverEdit","clientId","isSelected","overlayColor","setAttributes","setOverlayColor","toggleSelection","context","postId","postType","contentPosition","useFeaturedImage","dimRatio","focalPoint","hasParallax","isDark","isRepeated","minHeight","minHeightUnit","alt","allowedBlocks","templateLock","tagName","TagName","featuredImage","__unstableMarkNextChangeAsNotPersistent","media","select","getMedia","mediaUrl","source_url","setIsDark","isDarkSetting","color","replaceAll","backgroundType","createErrorNotice","gradientClass","gradientValue","setMedia","onSelectMedia","newMedia","newUrl","type","undefined","onClearMedia","onSetOverlayColor","colorValue","onUpdateDimRatio","newDimRatio","isUploadingMedia","onUploadError","message","isImageBackground","isVideoBackground","resizeListener","height","width","resizableBoxDimensions","minHeightWithUnit","isImgElement","style","backgroundImage","backgroundPosition","bgStyle","backgroundColor","mediaStyle","objectPosition","hasBackground","hasInnerBlocks","getBlock","innerBlocks","length","ref","blockProps","hasFontSizes","innerBlocksTemplate","fontSize","innerBlocksProps","className","template","templateInsertUpdatesSelection","mediaElement","currentSettings","toggleUseFeaturedImage","blockControls","createElement","inspectorControls","coverRef","updateDimRatio","resizableCoverProps","onResizeStart","onResize","value","onResizeStop","newMinHeight","showHandle","size","Fragment","onError","disableCustomColors","onChange","clearable","classes","class","withIllustration","src","role","autoPlay","muted","loop","disableMediaButtons"],"sources":["@wordpress/block-library/src/cover/edit/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { extend } from 'colord';\nimport namesPlugin from 'colord/plugins/names';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useEffect, useMemo, useRef } from '@wordpress/element';\nimport { Placeholder, Spinner } from '@wordpress/components';\nimport { compose, useResizeObserver } from '@wordpress/compose';\nimport {\n\twithColors,\n\tColorPalette,\n\tuseBlockProps,\n\tuseSetting,\n\tuseInnerBlocksProps,\n\t__experimentalUseGradient,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { isBlobURL } from '@wordpress/blob';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport {\n\tattributesFromMedia,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tdimRatioToClass,\n\tisContentPositionCenter,\n\tgetPositionClassName,\n\tmediaPosition,\n\tgetCoverIsDark,\n} from '../shared';\nimport CoverInspectorControls from './inspector-controls';\nimport CoverBlockControls from './block-controls';\nimport CoverPlaceholder from './cover-placeholder';\nimport ResizableCoverPopover from './resizable-cover-popover';\n\nextend( [ namesPlugin ] );\n\nfunction getInnerBlocksTemplate( attributes ) {\n\treturn [\n\t\t[\n\t\t\t'core/paragraph',\n\t\t\t{\n\t\t\t\talign: 'center',\n\t\t\t\tplaceholder: __( 'Write title…' ),\n\t\t\t\t...attributes,\n\t\t\t},\n\t\t],\n\t];\n}\n\n/**\n * Is the URL a temporary blob URL? A blob URL is one that is used temporarily while\n * the media (image or video) is being uploaded and will not have an id allocated yet.\n *\n * @param {number} id  The id of the media.\n * @param {string} url The url of the media.\n *\n * @return {boolean} Is the URL a Blob URL.\n */\nconst isTemporaryMedia = ( id, url ) => ! id && isBlobURL( url );\n\nfunction CoverEdit( {\n\tattributes,\n\tclientId,\n\tisSelected,\n\toverlayColor,\n\tsetAttributes,\n\tsetOverlayColor,\n\ttoggleSelection,\n\tcontext: { postId, postType },\n} ) {\n\tconst {\n\t\tcontentPosition,\n\t\tid,\n\t\tuseFeaturedImage,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisDark,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\ttagName: TagName = 'div',\n\t} = attributes;\n\n\tconst [ featuredImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst media = useSelect(\n\t\t( select ) =>\n\t\t\tfeaturedImage &&\n\t\t\tselect( coreStore ).getMedia( featuredImage, { context: 'view' } ),\n\t\t[ featuredImage ]\n\t);\n\tconst mediaUrl = media?.source_url;\n\n\tuseEffect( () => {\n\t\tasync function setIsDark() {\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\t\tmediaUrl,\n\t\t\t\tdimRatio,\n\t\t\t\toverlayColor.color\n\t\t\t);\n\t\t\tsetAttributes( {\n\t\t\t\tisDark: isDarkSetting,\n\t\t\t} );\n\t\t}\n\t\tif ( useFeaturedImage ) {\n\t\t\tsetIsDark();\n\t\t}\n\t\t// We only ever want to run this effect if the mediaUrl changes.\n\t\t// All other changes to the isDark state are handled in the appropriate event handlers.\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [ mediaUrl ] );\n\n\t// instead of destructuring the attributes\n\t// we define the url and background type\n\t// depending on the value of the useFeaturedImage flag\n\t// to preview in edit the dynamic featured image\n\tconst url = useFeaturedImage\n\t\t? mediaUrl\n\t\t: // Ensure the url is not malformed due to sanitization through `wp_kses`.\n\t\t  attributes.url?.replaceAll( '&amp;', '&' );\n\tconst backgroundType = useFeaturedImage\n\t\t? IMAGE_BACKGROUND_TYPE\n\t\t: attributes.backgroundType;\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { gradientClass, gradientValue } = __experimentalUseGradient();\n\tconst setMedia = attributesFromMedia( setAttributes, dimRatio );\n\n\tconst onSelectMedia = async ( newMedia ) => {\n\t\t// Only pass the url to getCoverIsDark if the media is an image as video is not handled.\n\t\tconst newUrl = newMedia?.type === 'image' ? newMedia.url : undefined;\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\tnewUrl,\n\t\t\tdimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\t\tsetMedia( newMedia, isDarkSetting );\n\t};\n\n\tconst onClearMedia = async () => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\tundefined,\n\t\t\tdimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\t\tsetAttributes( {\n\t\t\turl: undefined,\n\t\t\tid: undefined,\n\t\t\tbackgroundType: undefined,\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tisRepeated: undefined,\n\t\t\tuseFeaturedImage: false,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst onSetOverlayColor = async ( colorValue ) => {\n\t\tconst isDarkSetting = await getCoverIsDark( url, dimRatio, colorValue );\n\t\tsetOverlayColor( colorValue );\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\tsetAttributes( {\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst onUpdateDimRatio = async ( newDimRatio ) => {\n\t\tconst isDarkSetting = await getCoverIsDark(\n\t\t\turl,\n\t\t\tnewDimRatio,\n\t\t\toverlayColor.color\n\t\t);\n\n\t\tsetAttributes( {\n\t\t\tdimRatio: newDimRatio,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst isUploadingMedia = isTemporaryMedia( id, url );\n\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst isImageBackground = IMAGE_BACKGROUND_TYPE === backgroundType;\n\tconst isVideoBackground = VIDEO_BACKGROUND_TYPE === backgroundType;\n\n\tconst [ resizeListener, { height, width } ] = useResizeObserver();\n\tconst resizableBoxDimensions = useMemo( () => {\n\t\treturn {\n\t\t\theight: minHeightUnit === 'px' ? minHeight : 'auto',\n\t\t\twidth: 'auto',\n\t\t};\n\t}, [ minHeight, minHeightUnit ] );\n\n\tconst minHeightWithUnit =\n\t\tminHeight && minHeightUnit\n\t\t\t? `${ minHeight }${ minHeightUnit }`\n\t\t\t: minHeight;\n\n\tconst isImgElement = ! ( hasParallax || isRepeated );\n\n\tconst style = {\n\t\tminHeight: minHeightWithUnit || undefined,\n\t};\n\n\tconst backgroundImage = url ? `url(${ url })` : undefined;\n\n\tconst backgroundPosition = mediaPosition( focalPoint );\n\n\tconst bgStyle = { backgroundColor: overlayColor.color };\n\tconst mediaStyle = {\n\t\tobjectPosition:\n\t\t\tfocalPoint && isImgElement\n\t\t\t\t? mediaPosition( focalPoint )\n\t\t\t\t: undefined,\n\t};\n\n\tconst hasBackground = !! ( url || overlayColor.color || gradientValue );\n\n\tconst hasInnerBlocks = useSelect(\n\t\t( select ) =>\n\t\t\tselect( blockEditorStore ).getBlock( clientId ).innerBlocks.length >\n\t\t\t0,\n\t\t[ clientId ]\n\t);\n\n\tconst ref = useRef();\n\tconst blockProps = useBlockProps( { ref } );\n\n\t// Check for fontSize support before we pass a fontSize attribute to the innerBlocks.\n\tconst hasFontSizes = !! useSetting( 'typography.fontSizes' )?.length;\n\tconst innerBlocksTemplate = getInnerBlocksTemplate( {\n\t\tfontSize: hasFontSizes ? 'large' : undefined,\n\t} );\n\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\t{\n\t\t\tclassName: 'wp-block-cover__inner-container',\n\t\t},\n\t\t{\n\t\t\t// Avoid template sync when the `templateLock` value is `all` or `contentOnly`.\n\t\t\t// See: https://github.com/WordPress/gutenberg/pull/45632\n\t\t\ttemplate: ! hasInnerBlocks ? innerBlocksTemplate : undefined,\n\t\t\ttemplateInsertUpdatesSelection: true,\n\t\t\tallowedBlocks,\n\t\t\ttemplateLock,\n\t\t}\n\t);\n\n\tconst mediaElement = useRef();\n\tconst currentSettings = {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\thasInnerBlocks,\n\t\turl,\n\t\tisImgElement,\n\t\toverlayColor,\n\t};\n\n\tconst toggleUseFeaturedImage = async () => {\n\t\tconst isDarkSetting = await ( useFeaturedImage\n\t\t\t? getCoverIsDark( undefined, dimRatio, overlayColor.color )\n\t\t\t: getCoverIsDark( mediaUrl, dimRatio, overlayColor.color ) );\n\t\tsetAttributes( {\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t\tuseFeaturedImage: ! useFeaturedImage,\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\tbackgroundType: useFeaturedImage\n\t\t\t\t? IMAGE_BACKGROUND_TYPE\n\t\t\t\t: undefined,\n\t\t\tisDark: isDarkSetting,\n\t\t} );\n\t};\n\n\tconst blockControls = (\n\t\t<CoverBlockControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t/>\n\t);\n\n\tconst inspectorControls = (\n\t\t<CoverInspectorControls\n\t\t\tattributes={ attributes }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\tclientId={ clientId }\n\t\t\tsetOverlayColor={ onSetOverlayColor }\n\t\t\tcoverRef={ ref }\n\t\t\tcurrentSettings={ currentSettings }\n\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\tupdateDimRatio={ onUpdateDimRatio }\n\t\t\tonClearMedia={ onClearMedia }\n\t\t/>\n\t);\n\n\tconst resizableCoverProps = {\n\t\tclassName: 'block-library-cover__resize-container',\n\t\tclientId,\n\t\theight,\n\t\tminHeight: minHeightWithUnit,\n\t\tonResizeStart: () => {\n\t\t\tsetAttributes( { minHeightUnit: 'px' } );\n\t\t\ttoggleSelection( false );\n\t\t},\n\t\tonResize: ( value ) => {\n\t\t\tsetAttributes( { minHeight: value } );\n\t\t},\n\t\tonResizeStop: ( newMinHeight ) => {\n\t\t\ttoggleSelection( true );\n\t\t\tsetAttributes( { minHeight: newMinHeight } );\n\t\t},\n\t\tshowHandle: true,\n\t\tsize: resizableBoxDimensions,\n\t\twidth,\n\t};\n\n\tif ( ! useFeaturedImage && ! hasInnerBlocks && ! hasBackground ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ blockControls }\n\t\t\t\t{ inspectorControls }\n\t\t\t\t{ isSelected && (\n\t\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t\t) }\n\t\t\t\t<TagName\n\t\t\t\t\t{ ...blockProps }\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'is-placeholder',\n\t\t\t\t\t\tblockProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ {\n\t\t\t\t\t\t...blockProps.style,\n\t\t\t\t\t\tminHeight: minHeightWithUnit || undefined,\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ resizeListener }\n\t\t\t\t\t<CoverPlaceholder\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className=\"wp-block-cover__placeholder-background-options\">\n\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\tdisableCustomColors={ true }\n\t\t\t\t\t\t\t\tvalue={ overlayColor.color }\n\t\t\t\t\t\t\t\tonChange={ onSetOverlayColor }\n\t\t\t\t\t\t\t\tclearable={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</CoverPlaceholder>\n\t\t\t\t</TagName>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst classes = classnames(\n\t\t{\n\t\t\t'is-dark-theme': isDark,\n\t\t\t'is-light': ! isDark,\n\t\t\t'is-transient': isUploadingMedia,\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\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName\n\t\t\t\t{ ...blockProps }\n\t\t\t\tclassName={ classnames( classes, blockProps.className ) }\n\t\t\t\tstyle={ { ...style, ...blockProps.style } }\n\t\t\t\tdata-url={ url }\n\t\t\t>\n\t\t\t\t{ resizeListener }\n\t\t\t\t{ ( ! useFeaturedImage || url ) && (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'wp-block-cover__background',\n\t\t\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t[ overlayColor.class ]: overlayColor.class,\n\t\t\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t\t\t// For backwards compatibility. Former versions of the Cover Block applied\n\t\t\t\t\t\t\t\t// `.wp-block-cover__gradient-background` in the presence of\n\t\t\t\t\t\t\t\t// media, a gradient and a dim.\n\t\t\t\t\t\t\t\t'wp-block-cover__gradient-background':\n\t\t\t\t\t\t\t\t\turl && gradientValue && dimRatio !== 0,\n\t\t\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tstyle={ { backgroundImage: gradientValue, ...bgStyle } }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ ! url && useFeaturedImage && (\n\t\t\t\t\t<Placeholder\n\t\t\t\t\t\tclassName=\"wp-block-cover__image--placeholder-image\"\n\t\t\t\t\t\twithIllustration={ true }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\n\t\t\t\t{ url &&\n\t\t\t\t\tisImageBackground &&\n\t\t\t\t\t( isImgElement ? (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\tclassName=\"wp-block-cover__image-background\"\n\t\t\t\t\t\t\talt={ alt }\n\t\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\t\trole=\"img\"\n\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\tclasses,\n\t\t\t\t\t\t\t\t'wp-block-cover__image-background'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tstyle={ { backgroundImage, backgroundPosition } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) ) }\n\t\t\t\t{ url && isVideoBackground && (\n\t\t\t\t\t<video\n\t\t\t\t\t\tref={ mediaElement }\n\t\t\t\t\t\tclassName=\"wp-block-cover__video-background\"\n\t\t\t\t\t\tautoPlay\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tloop\n\t\t\t\t\t\tsrc={ url }\n\t\t\t\t\t\tstyle={ mediaStyle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isUploadingMedia && <Spinner /> }\n\t\t\t\t<CoverPlaceholder\n\t\t\t\t\tdisableMediaButtons\n\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\ttoggleUseFeaturedImage={ toggleUseFeaturedImage }\n\t\t\t\t/>\n\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t</TagName>\n\t\t\t{ isSelected && (\n\t\t\t\t<ResizableCoverPopover { ...resizableCoverProps } />\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( CoverEdit );\n"],"mappings":"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"}

package/build-module/cover/shared.js

@@ -155,27 +155,32 @@ function retrieveFastAverageColor() {
 export async function getCoverIsDark(url, dimRatio = 50, overlayColor) {
   const overlay = colord(overlayColor).alpha(dimRatio / 100).toRgb();
   if (url) {
-    const imgCrossOrigin = applyFilters('media.crossOrigin', undefined, url);
-    const {
-      value: [r, g, b, a]
-    } = await retrieveFastAverageColor().getColorAsync(url, {
-      // Previously the default color was white, but that changed
-      // in v6.0.0 so it has to be manually set now.
-      defaultColor: [255, 255, 255, 255],
-      // Errors that come up don't reject the promise, so error
-      // logging has to be silenced with this option.
-      silent: process.env.NODE_ENV === 'production',
-      crossOrigin: imgCrossOrigin
-    });
-    // FAC uses 0-255 for alpha, but colord expects 0-1.
-    const media = {
-      r,
-      g,
-      b,
-      a: a / 255
-    };
-    const composite = compositeSourceOver(overlay, media);
-    return colord(composite).isDark();
+    try {
+      const imgCrossOrigin = applyFilters('media.crossOrigin', undefined, url);
+      const {
+        value: [r, g, b, a]
+      } = await retrieveFastAverageColor().getColorAsync(url, {
+        // Previously the default color was white, but that changed
+        // in v6.0.0 so it has to be manually set now.
+        defaultColor: [255, 255, 255, 255],
+        // Errors that come up don't reject the promise, so error
+        // logging has to be silenced with this option.
+        silent: process.env.NODE_ENV === 'production',
+        crossOrigin: imgCrossOrigin
+      });
+      // FAC uses 0-255 for alpha, but colord expects 0-1.
+      const media = {
+        r,
+        g,
+        b,
+        a: a / 255
+      };
+      const composite = compositeSourceOver(overlay, media);
+      return colord(composite).isDark();
+    } catch (error) {
+      // If there's an error, just assume the image is dark.
+      return true;
+    }
   }
 
   // Assume a white background because it isn't easy to get the actual

package/build-module/cover/shared.js.map

@@ -1 +1 @@
-{"version":3,"names":["FastAverageColor","colord","getBlobTypeByURL","isBlobURL","applyFilters","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","isDark","url","id","type","mediaType","media_type","alt","backgroundType","focalPoint","hasParallax","isContentPositionCenter","contentPosition","getPositionClassName","compositeSourceOver","source","dest","r","a","g","b","retrieveFastAverageColor","fastAverageColor","getCoverIsDark","overlayColor","overlay","alpha","toRgb","imgCrossOrigin","value","getColorAsync","defaultColor","silent","process","env","NODE_ENV","crossOrigin","composite","background"],"sources":["@wordpress/block-library/src/cover/shared.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { FastAverageColor } from 'fast-average-color';\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { getBlobTypeByURL, isBlobURL } from '@wordpress/blob';\nimport { applyFilters } from '@wordpress/hooks';\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, isDark ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( { url: undefined, id: undefined, isDark } );\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\tisDark,\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\n/**\n * Performs a Porter Duff composite source over operation on two rgba colors.\n *\n * @see https://www.w3.org/TR/compositing-1/#porterduffcompositingoperators_srcover\n *\n * @param {import('colord').RgbaColor} source Source color.\n * @param {import('colord').RgbaColor} dest   Destination color.\n * @return {import('colord').RgbaColor} Composite color.\n */\nfunction compositeSourceOver( source, dest ) {\n\treturn {\n\t\tr: source.r * source.a + dest.r * dest.a * ( 1 - source.a ),\n\t\tg: source.g * source.a + dest.g * dest.a * ( 1 - source.a ),\n\t\tb: source.b * source.a + dest.b * dest.a * ( 1 - source.a ),\n\t\ta: source.a + dest.a * ( 1 - source.a ),\n\t};\n}\n\nfunction retrieveFastAverageColor() {\n\tif ( ! retrieveFastAverageColor.fastAverageColor ) {\n\t\tretrieveFastAverageColor.fastAverageColor = new FastAverageColor();\n\t}\n\treturn retrieveFastAverageColor.fastAverageColor;\n}\n\n/**\n * This method evaluates if the cover block's background is dark or not and this boolean\n * can then be applied to the relevant attribute to help ensure that text is visible by default.\n * This needs to be recalculated in all of the following Cover block scenarios:\n * - When an overlay image is added, changed or removed\n * - When the featured image is selected as the overlay image, or removed from the overlay\n * - When the overlay color is changed\n * - When the overlay color is removed\n * - When the dimRatio is changed\n *\n * See the comments below for more details about which aspects take priority when\n * calculating the relative darkness of the Cover.\n *\n * @param {string} url\n * @param {number} dimRatio\n * @param {string} overlayColor\n * @return {Promise<boolean>} True if cover should be considered to be dark.\n */\nexport async function getCoverIsDark( url, dimRatio = 50, overlayColor ) {\n\tconst overlay = colord( overlayColor )\n\t\t.alpha( dimRatio / 100 )\n\t\t.toRgb();\n\n\tif ( url ) {\n\t\tconst imgCrossOrigin = applyFilters(\n\t\t\t'media.crossOrigin',\n\t\t\tundefined,\n\t\t\turl\n\t\t);\n\t\tconst {\n\t\t\tvalue: [ r, g, b, a ],\n\t\t} = await retrieveFastAverageColor().getColorAsync( url, {\n\t\t\t// Previously the default color was white, but that changed\n\t\t\t// in v6.0.0 so it has to be manually set now.\n\t\t\tdefaultColor: [ 255, 255, 255, 255 ],\n\t\t\t// Errors that come up don't reject the promise, so error\n\t\t\t// logging has to be silenced with this option.\n\t\t\tsilent: process.env.NODE_ENV === 'production',\n\t\t\tcrossOrigin: imgCrossOrigin,\n\t\t} );\n\t\t// FAC uses 0-255 for alpha, but colord expects 0-1.\n\t\tconst media = { r, g, b, a: a / 255 };\n\t\tconst composite = compositeSourceOver( overlay, media );\n\t\treturn colord( composite ).isDark();\n\t}\n\n\t// Assume a white background because it isn't easy to get the actual\n\t// parent background color.\n\tconst background = { r: 255, g: 255, b: 255, a: 1 };\n\tconst composite = compositeSourceOver( overlay, background );\n\treturn colord( composite ).isDark();\n}\n"],"mappings":"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"}
+{"version":3,"names":["FastAverageColor","colord","getBlobTypeByURL","isBlobURL","applyFilters","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","isDark","url","id","type","mediaType","media_type","alt","backgroundType","focalPoint","hasParallax","isContentPositionCenter","contentPosition","getPositionClassName","compositeSourceOver","source","dest","r","a","g","b","retrieveFastAverageColor","fastAverageColor","getCoverIsDark","overlayColor","overlay","alpha","toRgb","imgCrossOrigin","value","getColorAsync","defaultColor","silent","process","env","NODE_ENV","crossOrigin","composite","error","background"],"sources":["@wordpress/block-library/src/cover/shared.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { FastAverageColor } from 'fast-average-color';\nimport { colord } from 'colord';\n\n/**\n * WordPress dependencies\n */\nimport { getBlobTypeByURL, isBlobURL } from '@wordpress/blob';\nimport { applyFilters } from '@wordpress/hooks';\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, isDark ) => {\n\t\tif ( ! media || ! media.url ) {\n\t\t\tsetAttributes( { url: undefined, id: undefined, isDark } );\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\tisDark,\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\n/**\n * Performs a Porter Duff composite source over operation on two rgba colors.\n *\n * @see https://www.w3.org/TR/compositing-1/#porterduffcompositingoperators_srcover\n *\n * @param {import('colord').RgbaColor} source Source color.\n * @param {import('colord').RgbaColor} dest   Destination color.\n * @return {import('colord').RgbaColor} Composite color.\n */\nfunction compositeSourceOver( source, dest ) {\n\treturn {\n\t\tr: source.r * source.a + dest.r * dest.a * ( 1 - source.a ),\n\t\tg: source.g * source.a + dest.g * dest.a * ( 1 - source.a ),\n\t\tb: source.b * source.a + dest.b * dest.a * ( 1 - source.a ),\n\t\ta: source.a + dest.a * ( 1 - source.a ),\n\t};\n}\n\nfunction retrieveFastAverageColor() {\n\tif ( ! retrieveFastAverageColor.fastAverageColor ) {\n\t\tretrieveFastAverageColor.fastAverageColor = new FastAverageColor();\n\t}\n\treturn retrieveFastAverageColor.fastAverageColor;\n}\n\n/**\n * This method evaluates if the cover block's background is dark or not and this boolean\n * can then be applied to the relevant attribute to help ensure that text is visible by default.\n * This needs to be recalculated in all of the following Cover block scenarios:\n * - When an overlay image is added, changed or removed\n * - When the featured image is selected as the overlay image, or removed from the overlay\n * - When the overlay color is changed\n * - When the overlay color is removed\n * - When the dimRatio is changed\n *\n * See the comments below for more details about which aspects take priority when\n * calculating the relative darkness of the Cover.\n *\n * @param {string} url\n * @param {number} dimRatio\n * @param {string} overlayColor\n * @return {Promise<boolean>} True if cover should be considered to be dark.\n */\nexport async function getCoverIsDark( url, dimRatio = 50, overlayColor ) {\n\tconst overlay = colord( overlayColor )\n\t\t.alpha( dimRatio / 100 )\n\t\t.toRgb();\n\n\tif ( url ) {\n\t\ttry {\n\t\t\tconst imgCrossOrigin = applyFilters(\n\t\t\t\t'media.crossOrigin',\n\t\t\t\tundefined,\n\t\t\t\turl\n\t\t\t);\n\t\t\tconst {\n\t\t\t\tvalue: [ r, g, b, a ],\n\t\t\t} = await retrieveFastAverageColor().getColorAsync( url, {\n\t\t\t\t// Previously the default color was white, but that changed\n\t\t\t\t// in v6.0.0 so it has to be manually set now.\n\t\t\t\tdefaultColor: [ 255, 255, 255, 255 ],\n\t\t\t\t// Errors that come up don't reject the promise, so error\n\t\t\t\t// logging has to be silenced with this option.\n\t\t\t\tsilent: process.env.NODE_ENV === 'production',\n\t\t\t\tcrossOrigin: imgCrossOrigin,\n\t\t\t} );\n\t\t\t// FAC uses 0-255 for alpha, but colord expects 0-1.\n\t\t\tconst media = { r, g, b, a: a / 255 };\n\t\t\tconst composite = compositeSourceOver( overlay, media );\n\t\t\treturn colord( composite ).isDark();\n\t\t} catch ( error ) {\n\t\t\t// If there's an error, just assume the image is dark.\n\t\t\treturn true;\n\t\t}\n\t}\n\n\t// Assume a white background because it isn't easy to get the actual\n\t// parent background color.\n\tconst background = { r: 255, g: 255, b: 255, a: 1 };\n\tconst composite = compositeSourceOver( overlay, background );\n\treturn colord( composite ).isDark();\n}\n"],"mappings":"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"}

package/build-module/embed/embed-link-settings.native.js

@@ -76,7 +76,6 @@ const EmbedLinkSettings = ({
     onDismiss: onDismiss,
     setAttributes: onSetAttributes,
     options: linkSettingsOptions,
-    testID: "embed-edit-url-modal",
     withBottomSheet: withBottomSheet,
     showIcon: true
   });

package/build-module/embed/embed-link-settings.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","sprintf","LinkSettingsNavigation","FooterMessageLink","isURL","useDispatch","store","noticesStore","useCallback","useEffect","useRef","useState","EmbedLinkSettings","autoFocus","value","label","isVisible","onClose","onSubmit","withBottomSheet","url","inputURL","setInputURL","createErrorNotice","linkSettingsOptions","placeholder","autoFill","footer","createElement","href","separatorType","onDismiss","current","performOnCloseOperations","onSetAttributes","attributes","setAttributes","options","testID","showIcon"],"sources":["@wordpress/block-library/src/embed/embed-link-settings.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tLinkSettingsNavigation,\n\tFooterMessageLink,\n} from '@wordpress/components';\nimport { isURL } from '@wordpress/url';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useCallback, useEffect, useRef, useState } from '@wordpress/element';\n\nconst EmbedLinkSettings = ( {\n\tautoFocus,\n\tvalue,\n\tlabel,\n\tisVisible,\n\tonClose,\n\tonSubmit,\n\twithBottomSheet,\n} ) => {\n\tconst url = useRef( value );\n\tconst [ inputURL, setInputURL ] = useState( value );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst linkSettingsOptions = {\n\t\turl: {\n\t\t\tlabel: sprintf(\n\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t__( '%s link' ),\n\t\t\t\tlabel\n\t\t\t),\n\t\t\tplaceholder: __( 'Add link' ),\n\t\t\tautoFocus,\n\t\t\tautoFill: true,\n\t\t},\n\t\tfooter: {\n\t\t\tlabel: (\n\t\t\t\t<FooterMessageLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/embeds/'\n\t\t\t\t\t) }\n\t\t\t\t\tvalue={ __( 'Learn more about embeds' ) }\n\t\t\t\t/>\n\t\t\t),\n\t\t\tseparatorType: 'topFullWidth',\n\t\t},\n\t};\n\n\tconst onDismiss = useCallback( () => {\n\t\tif ( ! isURL( url.current ) && url.current !== '' ) {\n\t\t\tcreateErrorNotice( __( 'Invalid URL. Please enter a valid URL.' ) );\n\t\t\t// If the URL was already defined, we submit it to stop showing the embed placeholder.\n\t\t\tonSubmit( value );\n\t\t\treturn;\n\t\t}\n\t\tonSubmit( url.current );\n\t}, [ onSubmit, value ] );\n\n\tuseEffect( () => {\n\t\turl.current = value;\n\t\tsetInputURL( value );\n\t}, [ value ] );\n\n\t/**\n\t * If the Embed Bottom Sheet component does not utilize a bottom sheet then the onDismiss action is not\n\t * called. Here we are wiring the onDismiss to the onClose callback that gets triggered when input is submitted.\n\t */\n\tconst performOnCloseOperations = useCallback( () => {\n\t\tif ( onClose ) {\n\t\t\tonClose();\n\t\t}\n\n\t\tif ( ! withBottomSheet ) {\n\t\t\tonDismiss();\n\t\t}\n\t}, [ onClose ] );\n\n\tconst onSetAttributes = useCallback( ( attributes ) => {\n\t\turl.current = attributes.url;\n\t\tsetInputURL( attributes.url );\n\t}, [] );\n\n\treturn (\n\t\t<LinkSettingsNavigation\n\t\t\tisVisible={ isVisible }\n\t\t\turl={ inputURL }\n\t\t\tonClose={ performOnCloseOperations }\n\t\t\tonDismiss={ onDismiss }\n\t\t\tsetAttributes={ onSetAttributes }\n\t\t\toptions={ linkSettingsOptions }\n\t\t\ttestID=\"embed-edit-url-modal\"\n\t\t\twithBottomSheet={ withBottomSheet }\n\t\t\tshowIcon\n\t\t/>\n\t);\n};\n\nexport default EmbedLinkSettings;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SACCC,sBAAsB,EACtBC,iBAAiB,QACX,uBAAuB;AAC9B,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;AAC1D,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,oBAAoB;AAE7E,MAAMC,iBAAiB,GAAGA,CAAE;EAC3BC,SAAS;EACTC,KAAK;EACLC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,GAAG,GAAGV,MAAM,CAAEI,KAAM,CAAC;EAC3B,MAAM,CAAEO,QAAQ,EAAEC,WAAW,CAAE,GAAGX,QAAQ,CAAEG,KAAM,CAAC;EACnD,MAAM;IAAES;EAAkB,CAAC,GAAGlB,WAAW,CAAEE,YAAa,CAAC;EAEzD,MAAMiB,mBAAmB,GAAG;IAC3BJ,GAAG,EAAE;MACJL,KAAK,EAAEd,OAAO;MACb;MACAD,EAAE,CAAE,SAAU,CAAC,EACfe,KACD,CAAC;MACDU,WAAW,EAAEzB,EAAE,CAAE,UAAW,CAAC;MAC7Ba,SAAS;MACTa,QAAQ,EAAE;IACX,CAAC;IACDC,MAAM,EAAE;MACPZ,KAAK,EACJa,aAAA,CAACzB,iBAAiB;QACjB0B,IAAI,EAAG7B,EAAE,CACR,qDACD,CAAG;QACHc,KAAK,EAAGd,EAAE,CAAE,yBAA0B;MAAG,CACzC,CACD;MACD8B,aAAa,EAAE;IAChB;EACD,CAAC;EAED,MAAMC,SAAS,GAAGvB,WAAW,CAAE,MAAM;IACpC,IAAK,CAAEJ,KAAK,CAAEgB,GAAG,CAACY,OAAQ,CAAC,IAAIZ,GAAG,CAACY,OAAO,KAAK,EAAE,EAAG;MACnDT,iBAAiB,CAAEvB,EAAE,CAAE,wCAAyC,CAAE,CAAC;MACnE;MACAkB,QAAQ,CAAEJ,KAAM,CAAC;MACjB;IACD;IACAI,QAAQ,CAAEE,GAAG,CAACY,OAAQ,CAAC;EACxB,CAAC,EAAE,CAAEd,QAAQ,EAAEJ,KAAK,CAAG,CAAC;EAExBL,SAAS,CAAE,MAAM;IAChBW,GAAG,CAACY,OAAO,GAAGlB,KAAK;IACnBQ,WAAW,CAAER,KAAM,CAAC;EACrB,CAAC,EAAE,CAAEA,KAAK,CAAG,CAAC;;EAEd;AACD;AACA;AACA;EACC,MAAMmB,wBAAwB,GAAGzB,WAAW,CAAE,MAAM;IACnD,IAAKS,OAAO,EAAG;MACdA,OAAO,CAAC,CAAC;IACV;IAEA,IAAK,CAAEE,eAAe,EAAG;MACxBY,SAAS,CAAC,CAAC;IACZ;EACD,CAAC,EAAE,CAAEd,OAAO,CAAG,CAAC;EAEhB,MAAMiB,eAAe,GAAG1B,WAAW,CAAI2B,UAAU,IAAM;IACtDf,GAAG,CAACY,OAAO,GAAGG,UAAU,CAACf,GAAG;IAC5BE,WAAW,CAAEa,UAAU,CAACf,GAAI,CAAC;EAC9B,CAAC,EAAE,EAAG,CAAC;EAEP,OACCQ,aAAA,CAAC1B,sBAAsB;IACtBc,SAAS,EAAGA,SAAW;IACvBI,GAAG,EAAGC,QAAU;IAChBJ,OAAO,EAAGgB,wBAA0B;IACpCF,SAAS,EAAGA,SAAW;IACvBK,aAAa,EAAGF,eAAiB;IACjCG,OAAO,EAAGb,mBAAqB;IAC/Bc,MAAM,EAAC,sBAAsB;IAC7BnB,eAAe,EAAGA,eAAiB;IACnCoB,QAAQ;EAAA,CACR,CAAC;AAEJ,CAAC;AAED,eAAe3B,iBAAiB"}
+{"version":3,"names":["__","sprintf","LinkSettingsNavigation","FooterMessageLink","isURL","useDispatch","store","noticesStore","useCallback","useEffect","useRef","useState","EmbedLinkSettings","autoFocus","value","label","isVisible","onClose","onSubmit","withBottomSheet","url","inputURL","setInputURL","createErrorNotice","linkSettingsOptions","placeholder","autoFill","footer","createElement","href","separatorType","onDismiss","current","performOnCloseOperations","onSetAttributes","attributes","setAttributes","options","showIcon"],"sources":["@wordpress/block-library/src/embed/embed-link-settings.native.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tLinkSettingsNavigation,\n\tFooterMessageLink,\n} from '@wordpress/components';\nimport { isURL } from '@wordpress/url';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useCallback, useEffect, useRef, useState } from '@wordpress/element';\n\nconst EmbedLinkSettings = ( {\n\tautoFocus,\n\tvalue,\n\tlabel,\n\tisVisible,\n\tonClose,\n\tonSubmit,\n\twithBottomSheet,\n} ) => {\n\tconst url = useRef( value );\n\tconst [ inputURL, setInputURL ] = useState( value );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst linkSettingsOptions = {\n\t\turl: {\n\t\t\tlabel: sprintf(\n\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t__( '%s link' ),\n\t\t\t\tlabel\n\t\t\t),\n\t\t\tplaceholder: __( 'Add link' ),\n\t\t\tautoFocus,\n\t\t\tautoFill: true,\n\t\t},\n\t\tfooter: {\n\t\t\tlabel: (\n\t\t\t\t<FooterMessageLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/documentation/article/embeds/'\n\t\t\t\t\t) }\n\t\t\t\t\tvalue={ __( 'Learn more about embeds' ) }\n\t\t\t\t/>\n\t\t\t),\n\t\t\tseparatorType: 'topFullWidth',\n\t\t},\n\t};\n\n\tconst onDismiss = useCallback( () => {\n\t\tif ( ! isURL( url.current ) && url.current !== '' ) {\n\t\t\tcreateErrorNotice( __( 'Invalid URL. Please enter a valid URL.' ) );\n\t\t\t// If the URL was already defined, we submit it to stop showing the embed placeholder.\n\t\t\tonSubmit( value );\n\t\t\treturn;\n\t\t}\n\t\tonSubmit( url.current );\n\t}, [ onSubmit, value ] );\n\n\tuseEffect( () => {\n\t\turl.current = value;\n\t\tsetInputURL( value );\n\t}, [ value ] );\n\n\t/**\n\t * If the Embed Bottom Sheet component does not utilize a bottom sheet then the onDismiss action is not\n\t * called. Here we are wiring the onDismiss to the onClose callback that gets triggered when input is submitted.\n\t */\n\tconst performOnCloseOperations = useCallback( () => {\n\t\tif ( onClose ) {\n\t\t\tonClose();\n\t\t}\n\n\t\tif ( ! withBottomSheet ) {\n\t\t\tonDismiss();\n\t\t}\n\t}, [ onClose ] );\n\n\tconst onSetAttributes = useCallback( ( attributes ) => {\n\t\turl.current = attributes.url;\n\t\tsetInputURL( attributes.url );\n\t}, [] );\n\n\treturn (\n\t\t<LinkSettingsNavigation\n\t\t\tisVisible={ isVisible }\n\t\t\turl={ inputURL }\n\t\t\tonClose={ performOnCloseOperations }\n\t\t\tonDismiss={ onDismiss }\n\t\t\tsetAttributes={ onSetAttributes }\n\t\t\toptions={ linkSettingsOptions }\n\t\t\twithBottomSheet={ withBottomSheet }\n\t\t\tshowIcon\n\t\t/>\n\t);\n};\n\nexport default EmbedLinkSettings;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SACCC,sBAAsB,EACtBC,iBAAiB,QACX,uBAAuB;AAC9B,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,WAAW,QAAQ,iBAAiB;AAC7C,SAASC,KAAK,IAAIC,YAAY,QAAQ,oBAAoB;AAC1D,SAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,oBAAoB;AAE7E,MAAMC,iBAAiB,GAAGA,CAAE;EAC3BC,SAAS;EACTC,KAAK;EACLC,KAAK;EACLC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC;AACD,CAAC,KAAM;EACN,MAAMC,GAAG,GAAGV,MAAM,CAAEI,KAAM,CAAC;EAC3B,MAAM,CAAEO,QAAQ,EAAEC,WAAW,CAAE,GAAGX,QAAQ,CAAEG,KAAM,CAAC;EACnD,MAAM;IAAES;EAAkB,CAAC,GAAGlB,WAAW,CAAEE,YAAa,CAAC;EAEzD,MAAMiB,mBAAmB,GAAG;IAC3BJ,GAAG,EAAE;MACJL,KAAK,EAAEd,OAAO;MACb;MACAD,EAAE,CAAE,SAAU,CAAC,EACfe,KACD,CAAC;MACDU,WAAW,EAAEzB,EAAE,CAAE,UAAW,CAAC;MAC7Ba,SAAS;MACTa,QAAQ,EAAE;IACX,CAAC;IACDC,MAAM,EAAE;MACPZ,KAAK,EACJa,aAAA,CAACzB,iBAAiB;QACjB0B,IAAI,EAAG7B,EAAE,CACR,qDACD,CAAG;QACHc,KAAK,EAAGd,EAAE,CAAE,yBAA0B;MAAG,CACzC,CACD;MACD8B,aAAa,EAAE;IAChB;EACD,CAAC;EAED,MAAMC,SAAS,GAAGvB,WAAW,CAAE,MAAM;IACpC,IAAK,CAAEJ,KAAK,CAAEgB,GAAG,CAACY,OAAQ,CAAC,IAAIZ,GAAG,CAACY,OAAO,KAAK,EAAE,EAAG;MACnDT,iBAAiB,CAAEvB,EAAE,CAAE,wCAAyC,CAAE,CAAC;MACnE;MACAkB,QAAQ,CAAEJ,KAAM,CAAC;MACjB;IACD;IACAI,QAAQ,CAAEE,GAAG,CAACY,OAAQ,CAAC;EACxB,CAAC,EAAE,CAAEd,QAAQ,EAAEJ,KAAK,CAAG,CAAC;EAExBL,SAAS,CAAE,MAAM;IAChBW,GAAG,CAACY,OAAO,GAAGlB,KAAK;IACnBQ,WAAW,CAAER,KAAM,CAAC;EACrB,CAAC,EAAE,CAAEA,KAAK,CAAG,CAAC;;EAEd;AACD;AACA;AACA;EACC,MAAMmB,wBAAwB,GAAGzB,WAAW,CAAE,MAAM;IACnD,IAAKS,OAAO,EAAG;MACdA,OAAO,CAAC,CAAC;IACV;IAEA,IAAK,CAAEE,eAAe,EAAG;MACxBY,SAAS,CAAC,CAAC;IACZ;EACD,CAAC,EAAE,CAAEd,OAAO,CAAG,CAAC;EAEhB,MAAMiB,eAAe,GAAG1B,WAAW,CAAI2B,UAAU,IAAM;IACtDf,GAAG,CAACY,OAAO,GAAGG,UAAU,CAACf,GAAG;IAC5BE,WAAW,CAAEa,UAAU,CAACf,GAAI,CAAC;EAC9B,CAAC,EAAE,EAAG,CAAC;EAEP,OACCQ,aAAA,CAAC1B,sBAAsB;IACtBc,SAAS,EAAGA,SAAW;IACvBI,GAAG,EAAGC,QAAU;IAChBJ,OAAO,EAAGgB,wBAA0B;IACpCF,SAAS,EAAGA,SAAW;IACvBK,aAAa,EAAGF,eAAiB;IACjCG,OAAO,EAAGb,mBAAqB;IAC/BL,eAAe,EAAGA,eAAiB;IACnCmB,QAAQ;EAAA,CACR,CAAC;AAEJ,CAAC;AAED,eAAe1B,iBAAiB"}

package/build-module/post-content/edit.js

@@ -83,7 +83,7 @@ function Placeholder({
   });
   return createElement("div", {
     ...blockProps
-  }, createElement("p", null, __('This is the Post Content block, it will display all the blocks in any single post or page.')), createElement("p", null, __('That might be a simple arrangement like consecutive paragraphs in a blog post, or a more elaborate composition that includes image galleries, videos, tables, columns, and any other block types.')), createElement("p", null, __('If there are any Custom Post Types registered at your site, the Post Content block can display the contents of those entries as well.')));
+  }, createElement("p", null, __('This is the Content block, it will display all the blocks in any single post or page.')), createElement("p", null, __('That might be a simple arrangement like consecutive paragraphs in a blog post, or a more elaborate composition that includes image galleries, videos, tables, columns, and any other block types.')), createElement("p", null, __('If there are any Custom Post Types registered at your site, the Content block can display the contents of those entries as well.')));
 }
 function RecursionError() {
   const blockProps = useBlockProps();

package/build-module/post-content/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","useBlockProps","useInnerBlocksProps","__experimentalRecursionProvider","RecursionProvider","__experimentalUseHasRecursion","useHasRecursion","Warning","useEntityProp","useEntityBlockEditor","store","coreStore","useSelect","useCanEditEntity","ReadOnlyContent","userCanEdit","postType","postId","content","blockProps","protected","createElement","dangerouslySetInnerHTML","__html","rendered","EditableContent","context","blocks","onInput","onChange","id","entityRecord","select","getEntityRecord","hasInnerBlocks","raw","length","initialInnerBlocks","props","className","value","template","undefined","Content","queryId","isDescendentOfQueryLoop","Number","isFinite","isEditable","Placeholder","layoutClassNames","RecursionError","PostContentEdit","attributes","__unstableLayoutClassNames","contextPostId","contextPostType","layout","hasAlreadyRendered","uniqueId"],"sources":["@wordpress/block-library/src/post-content/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\t__experimentalRecursionProvider as RecursionProvider,\n\t__experimentalUseHasRecursion as useHasRecursion,\n\tWarning,\n} from '@wordpress/block-editor';\nimport {\n\tuseEntityProp,\n\tuseEntityBlockEditor,\n\tstore as coreStore,\n} from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { useCanEditEntity } from '../utils/hooks';\n\nfunction ReadOnlyContent( { userCanEdit, postType, postId } ) {\n\tconst [ , , content ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'content',\n\t\tpostId\n\t);\n\tconst blockProps = useBlockProps();\n\treturn content?.protected && ! userCanEdit ? (\n\t\t<div { ...blockProps }>\n\t\t\t<Warning>{ __( 'This content is password protected.' ) }</Warning>\n\t\t</div>\n\t) : (\n\t\t<div\n\t\t\t{ ...blockProps }\n\t\t\tdangerouslySetInnerHTML={ { __html: content?.rendered } }\n\t\t></div>\n\t);\n}\n\nfunction EditableContent( { context = {} } ) {\n\tconst { postType, postId } = context;\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\tpostType,\n\t\t{ id: postId }\n\t);\n\n\tconst entityRecord = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( coreStore ).getEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\t\t},\n\t\t[ postType, postId ]\n\t);\n\n\tconst hasInnerBlocks = !! entityRecord?.content?.raw || blocks?.length;\n\n\tconst initialInnerBlocks = [ [ 'core/paragraph' ] ];\n\n\tconst props = useInnerBlocksProps(\n\t\tuseBlockProps( { className: 'entry-content' } ),\n\t\t{\n\t\t\tvalue: blocks,\n\t\t\tonInput,\n\t\t\tonChange,\n\t\t\ttemplate: ! hasInnerBlocks ? initialInnerBlocks : undefined,\n\t\t}\n\t);\n\treturn <div { ...props } />;\n}\n\nfunction Content( props ) {\n\tconst { context: { queryId, postType, postId } = {} } = props;\n\tconst userCanEdit = useCanEditEntity( 'postType', postType, postId );\n\tif ( userCanEdit === undefined ) {\n\t\treturn null;\n\t}\n\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst isEditable = userCanEdit && ! isDescendentOfQueryLoop;\n\n\treturn isEditable ? (\n\t\t<EditableContent { ...props } />\n\t) : (\n\t\t<ReadOnlyContent\n\t\t\tuserCanEdit={ userCanEdit }\n\t\t\tpostType={ postType }\n\t\t\tpostId={ postId }\n\t\t/>\n\t);\n}\n\nfunction Placeholder( { layoutClassNames } ) {\n\tconst blockProps = useBlockProps( { className: layoutClassNames } );\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'This is the Post Content block, it will display all the blocks in any single post or page.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'That might be a simple arrangement like consecutive paragraphs in a blog post, or a more elaborate composition that includes image galleries, videos, tables, columns, and any other block types.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'If there are any Custom Post Types registered at your site, the Post Content block can display the contents of those entries as well.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n\nfunction RecursionError() {\n\tconst blockProps = useBlockProps();\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<Warning>\n\t\t\t\t{ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t</Warning>\n\t\t</div>\n\t);\n}\n\nexport default function PostContentEdit( {\n\tcontext,\n\tattributes,\n\t__unstableLayoutClassNames: layoutClassNames,\n} ) {\n\tconst { postId: contextPostId, postType: contextPostType } = context;\n\tconst { layout = {} } = attributes;\n\tconst hasAlreadyRendered = useHasRecursion( contextPostId );\n\n\tif ( contextPostId && contextPostType && hasAlreadyRendered ) {\n\t\treturn <RecursionError />;\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ contextPostId }>\n\t\t\t{ contextPostId && contextPostType ? (\n\t\t\t\t<Content context={ context } layout={ layout } />\n\t\t\t) : (\n\t\t\t\t<Placeholder layoutClassNames={ layoutClassNames } />\n\t\t\t) }\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["__","useBlockProps","useInnerBlocksProps","__experimentalRecursionProvider","RecursionProvider","__experimentalUseHasRecursion","useHasRecursion","Warning","useEntityProp","useEntityBlockEditor","store","coreStore","useSelect","useCanEditEntity","ReadOnlyContent","userCanEdit","postType","postId","content","blockProps","protected","createElement","dangerouslySetInnerHTML","__html","rendered","EditableContent","context","blocks","onInput","onChange","id","entityRecord","select","getEntityRecord","hasInnerBlocks","raw","length","initialInnerBlocks","props","className","value","template","undefined","Content","queryId","isDescendentOfQueryLoop","Number","isFinite","isEditable","Placeholder","layoutClassNames","RecursionError","PostContentEdit","attributes","__unstableLayoutClassNames","contextPostId","contextPostType","layout","hasAlreadyRendered","uniqueId"],"sources":["@wordpress/block-library/src/post-content/edit.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseBlockProps,\n\tuseInnerBlocksProps,\n\t__experimentalRecursionProvider as RecursionProvider,\n\t__experimentalUseHasRecursion as useHasRecursion,\n\tWarning,\n} from '@wordpress/block-editor';\nimport {\n\tuseEntityProp,\n\tuseEntityBlockEditor,\n\tstore as coreStore,\n} from '@wordpress/core-data';\nimport { useSelect } from '@wordpress/data';\n/**\n * Internal dependencies\n */\nimport { useCanEditEntity } from '../utils/hooks';\n\nfunction ReadOnlyContent( { userCanEdit, postType, postId } ) {\n\tconst [ , , content ] = useEntityProp(\n\t\t'postType',\n\t\tpostType,\n\t\t'content',\n\t\tpostId\n\t);\n\tconst blockProps = useBlockProps();\n\treturn content?.protected && ! userCanEdit ? (\n\t\t<div { ...blockProps }>\n\t\t\t<Warning>{ __( 'This content is password protected.' ) }</Warning>\n\t\t</div>\n\t) : (\n\t\t<div\n\t\t\t{ ...blockProps }\n\t\t\tdangerouslySetInnerHTML={ { __html: content?.rendered } }\n\t\t></div>\n\t);\n}\n\nfunction EditableContent( { context = {} } ) {\n\tconst { postType, postId } = context;\n\n\tconst [ blocks, onInput, onChange ] = useEntityBlockEditor(\n\t\t'postType',\n\t\tpostType,\n\t\t{ id: postId }\n\t);\n\n\tconst entityRecord = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( coreStore ).getEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\t\t},\n\t\t[ postType, postId ]\n\t);\n\n\tconst hasInnerBlocks = !! entityRecord?.content?.raw || blocks?.length;\n\n\tconst initialInnerBlocks = [ [ 'core/paragraph' ] ];\n\n\tconst props = useInnerBlocksProps(\n\t\tuseBlockProps( { className: 'entry-content' } ),\n\t\t{\n\t\t\tvalue: blocks,\n\t\t\tonInput,\n\t\t\tonChange,\n\t\t\ttemplate: ! hasInnerBlocks ? initialInnerBlocks : undefined,\n\t\t}\n\t);\n\treturn <div { ...props } />;\n}\n\nfunction Content( props ) {\n\tconst { context: { queryId, postType, postId } = {} } = props;\n\tconst userCanEdit = useCanEditEntity( 'postType', postType, postId );\n\tif ( userCanEdit === undefined ) {\n\t\treturn null;\n\t}\n\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst isEditable = userCanEdit && ! isDescendentOfQueryLoop;\n\n\treturn isEditable ? (\n\t\t<EditableContent { ...props } />\n\t) : (\n\t\t<ReadOnlyContent\n\t\t\tuserCanEdit={ userCanEdit }\n\t\t\tpostType={ postType }\n\t\t\tpostId={ postId }\n\t\t/>\n\t);\n}\n\nfunction Placeholder( { layoutClassNames } ) {\n\tconst blockProps = useBlockProps( { className: layoutClassNames } );\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'This is the Content block, it will display all the blocks in any single post or page.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'That might be a simple arrangement like consecutive paragraphs in a blog post, or a more elaborate composition that includes image galleries, videos, tables, columns, and any other block types.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t\t<p>\n\t\t\t\t{ __(\n\t\t\t\t\t'If there are any Custom Post Types registered at your site, the Content block can display the contents of those entries as well.'\n\t\t\t\t) }\n\t\t\t</p>\n\t\t</div>\n\t);\n}\n\nfunction RecursionError() {\n\tconst blockProps = useBlockProps();\n\treturn (\n\t\t<div { ...blockProps }>\n\t\t\t<Warning>\n\t\t\t\t{ __( 'Block cannot be rendered inside itself.' ) }\n\t\t\t</Warning>\n\t\t</div>\n\t);\n}\n\nexport default function PostContentEdit( {\n\tcontext,\n\tattributes,\n\t__unstableLayoutClassNames: layoutClassNames,\n} ) {\n\tconst { postId: contextPostId, postType: contextPostType } = context;\n\tconst { layout = {} } = attributes;\n\tconst hasAlreadyRendered = useHasRecursion( contextPostId );\n\n\tif ( contextPostId && contextPostType && hasAlreadyRendered ) {\n\t\treturn <RecursionError />;\n\t}\n\n\treturn (\n\t\t<RecursionProvider uniqueId={ contextPostId }>\n\t\t\t{ contextPostId && contextPostType ? (\n\t\t\t\t<Content context={ context } layout={ layout } />\n\t\t\t) : (\n\t\t\t\t<Placeholder layoutClassNames={ layoutClassNames } />\n\t\t\t) }\n\t\t</RecursionProvider>\n\t);\n}\n"],"mappings":"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"}

package/build-module/post-template/index.js

@@ -16,7 +16,7 @@ const metadata = {
   parent: ["core/query"],
   description: "Contains the block elements used to render a post, like the title, date, featured image, content or excerpt, and more.",
   textdomain: "default",
-  usesContext: ["queryId", "query", "queryContext", "displayLayout", "templateSlug", "previewPostType"],
+  usesContext: ["queryId", "query", "queryContext", "displayLayout", "templateSlug", "previewPostType", "enhancedPagination"],
   supports: {
     reusable: false,
     html: false,

package/build-module/query/edit/inspector-controls/index.js

@@ -6,7 +6,8 @@ import { PanelBody, TextControl, SelectControl, RangeControl, ToggleControl, Not
 import { __ } from '@wordpress/i18n';
 import { InspectorControls, privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
 import { debounce } from '@wordpress/compose';
-import { useEffect, useState, useCallback } from '@wordpress/element';
+import { useEffect, useState, useCallback, useRef } from '@wordpress/element';
+import { speak } from '@wordpress/a11y';
 
 /**
  * Internal dependencies
@@ -26,11 +27,13 @@ export default function QueryInspectorControls(props) {
   const {
     attributes,
     setQuery,
-    setDisplayLayout
+    setDisplayLayout,
+    setAttributes
   } = props;
   const {
     query,
-    displayLayout
+    displayLayout,
+    enhancedPagination
   } = attributes;
   const {
     order,
@@ -96,6 +99,14 @@ export default function QueryInspectorControls(props) {
   const showAuthorControl = isControlAllowed(allowedControls, 'author');
   const showSearchControl = isControlAllowed(allowedControls, 'search');
   const showParentControl = isControlAllowed(allowedControls, 'parents') && isPostTypeHierarchical;
+  const enhancedPaginationNotice = __('Enhanced Pagination might cause interactive blocks within the Post Template to stop working. Disable it if you experience any issues.');
+  const isFirstRender = useRef(true); // Don't speak on first render.
+  useEffect(() => {
+    if (!isFirstRender.current && enhancedPagination) {
+      speak(enhancedPaginationNotice);
+    }
+    isFirstRender.current = false;
+  }, [enhancedPagination, enhancedPaginationNotice]);
   const showFiltersPanel = showTaxControl || showAuthorControl || showSearchControl || showParentControl;
   return createElement(Fragment, null, createElement(BlockInfo, null, createElement(CreateNewPostLink, {
     ...props
@@ -186,6 +197,20 @@ export default function QueryInspectorControls(props) {
     parents: parents,
     postType: postType,
     onChange: setQuery
-  })))));
+  })))), createElement(InspectorControls, null, createElement(PanelBody, {
+    title: __('User Experience'),
+    initialOpen: false
+  }, createElement(ToggleControl, {
+    label: __('Enhanced pagination'),
+    help: __("Don't refresh the page when paginating to another page."),
+    checked: !!enhancedPagination,
+    onChange: value => setAttributes({
+      enhancedPagination: !!value
+    })
+  }), enhancedPagination && createElement("div", null, createElement(Notice, {
+    spokenMessage: null,
+    status: "warning",
+    isDismissible: false
+  }, enhancedPaginationNotice)))));
 }
 //# sourceMappingURL=index.js.map