@wordpress/block-library 6.0.20 → 6.1.0

package/build/cover/edit.native.js

@@ -67,13 +67,13 @@ const Cover = _ref => {
     getStylesFromColorScheme,
     isParentSelected,
     onFocus,
-    overlayColor,
     setAttributes,
     openGeneralSidebar,
     closeSettingsBottomSheet,
     isSelected,
     selectBlock,
-    blockWidth
+    blockWidth,
+    hasInnerBlocks
   } = _ref;
   const {
     backgroundType,
@@ -86,7 +86,10 @@ const Cover = _ref => {
     customOverlayColor,
     minHeightUnit = 'px',
     allowedBlocks,
-    templateLock
+    templateLock,
+    customGradient,
+    gradient,
+    overlayColor
   } = attributes;
   const [isScreenReaderEnabled, setIsScreenReaderEnabled] = (0, _element.useState)(false);
   (0, _element.useEffect)(() => {
@@ -94,7 +97,7 @@ const Cover = _ref => {
 
     (0, _reactNativeBridge.mediaUploadSync)();
 
-    _reactNative.AccessibilityInfo.addEventListener('screenReaderChanged', setIsScreenReaderEnabled);
+    const a11yInfoChangeSubscription = _reactNative.AccessibilityInfo.addEventListener('screenReaderChanged', setIsScreenReaderEnabled);
 
     _reactNative.AccessibilityInfo.isScreenReaderEnabled().then(() => {
       if (isCurrent) {
@@ -104,8 +107,7 @@ const Cover = _ref => {
 
     return () => {
       isCurrent = false;
-
-      _reactNative.AccessibilityInfo.removeEventListener('screenReaderChanged', setIsScreenReaderEnabled);
+      a11yInfoChangeSubscription.remove();
     };
   }, []);
   const convertedMinHeight = (0, _components.useConvertUnitToMobile)(minHeight || _shared.COVER_DEFAULT_HEIGHT, minHeightUnit);
@@ -115,11 +117,11 @@ const Cover = _ref => {
   const coverDefaultPalette = {
     colors: colorsDefault.slice(0, THEME_COLORS_COUNT)
   };
-  const {
-    gradientValue
-  } = (0, _blockEditor.__experimentalUseGradient)();
-  const hasBackground = !!(url || style && style.color && style.color.background || attributes.overlayColor || overlayColor.color || gradientValue);
-  const hasOnlyColorBackground = !url && hasBackground;
+  const gradients = (0, _blockEditor.useSetting)('color.gradients') || [];
+  const gradientValue = customGradient || (0, _blockEditor.getGradientValueBySlug)(gradients, gradient);
+  const overlayColorValue = (0, _blockEditor.getColorObjectByAttributeValues)(colorsDefault, overlayColor);
+  const hasBackground = !!(url || style && style.color && style.color.background || attributes.overlayColor || overlayColorValue.color || customOverlayColor || gradientValue);
+  const hasOnlyColorBackground = !url && (hasBackground || hasInnerBlocks);
   const [isCustomColorPickerShowing, setCustomColorPickerShowing] = (0, _element.useState)(false);
   const openMediaOptionsRef = (0, _element.useRef)(); // Used to set a default color for its InnerBlocks
   // since there's no system to inherit styles yet
@@ -179,10 +181,13 @@ const Cover = _ref => {
   }, [closeSettingsBottomSheet]);
 
   function setColor(color) {
+    var _colorValue$slug, _ref2;
+
+    const colorValue = (0, _blockEditor.getColorObjectByColorValue)(colorsDefault, color);
     setAttributes({
       // clear all related attributes (only one should be set)
-      overlayColor: undefined,
-      customOverlayColor: color,
+      overlayColor: (_colorValue$slug = colorValue === null || colorValue === void 0 ? void 0 : colorValue.slug) !== null && _colorValue$slug !== void 0 ? _colorValue$slug : undefined,
+      customOverlayColor: (_ref2 = !(colorValue !== null && colorValue !== void 0 && colorValue.slug) && color) !== null && _ref2 !== void 0 ? _ref2 : undefined,
       gradient: undefined,
       customGradient: undefined
     });
@@ -198,9 +203,9 @@ const Cover = _ref => {
   const overlayStyles = [_style.default.overlay, url && {
     opacity: dimRatio / 100
   }, !gradientValue && {
-    backgroundColor: customOverlayColor || (overlayColor === null || overlayColor === void 0 ? void 0 : overlayColor.color) || (style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.background) || ((_styles$overlay = _style.default.overlay) === null || _styles$overlay === void 0 ? void 0 : _styles$overlay.color)
+    backgroundColor: customOverlayColor || (overlayColorValue === null || overlayColorValue === void 0 ? void 0 : overlayColorValue.color) || (style === null || style === void 0 ? void 0 : (_style$color = style.color) === null || _style$color === void 0 ? void 0 : _style$color.background) || ((_styles$overlay = _style.default.overlay) === null || _styles$overlay === void 0 ? void 0 : _styles$overlay.color)
   }, // While we don't support theme colors we add a default bg color
-  !overlayColor.color && !url ? backgroundColor : {}, isImage && isParentSelected && !isUploadInProgress && !didUploadFail && _style.default.overlaySelected];
+  !overlayColorValue.color && !url ? backgroundColor : {}, isImage && isParentSelected && !isUploadInProgress && !didUploadFail && _style.default.overlaySelected];
   const placeholderIconStyle = getStylesFromColorScheme(_style.default.icon, _style.default.iconDark);
   const placeholderIcon = (0, _element.createElement)(_components.Icon, (0, _extends2.default)({
     icon: _icons.cover
@@ -235,14 +240,14 @@ const Cover = _ref => {
       setCustomColorPickerShowing(false);
     });
   }, []);
-  const colorPickerControls = (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.BottomSheetConsumer, null, _ref2 => {
+  const colorPickerControls = (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.BottomSheetConsumer, null, _ref3 => {
     let {
       shouldEnableBottomSheetScroll,
       shouldEnableBottomSheetMaxHeight,
       onHandleClosingBottomSheet,
       onHandleHardwareButtonPress,
       isBottomSheetContentScrolling
-    } = _ref2;
+    } = _ref3;
     return (0, _element.createElement)(_components.ColorPicker, {
       shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
       shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
@@ -273,11 +278,11 @@ const Cover = _ref => {
       onUpdateMediaProgress: () => {
         setIsUploadInProgress(true);
       },
-      onFinishMediaUploadWithSuccess: _ref3 => {
+      onFinishMediaUploadWithSuccess: _ref4 => {
         let {
           mediaServerId,
           mediaUrl
-        } = _ref3;
+        } = _ref4;
         setIsUploadInProgress(false);
         setDidUploadFail(false);
         setAttributes({
@@ -327,7 +332,7 @@ const Cover = _ref => {
     })));
   };
 
-  if (!hasBackground || isCustomColorPickerShowing) {
+  if (!hasBackground && !hasInnerBlocks || isCustomColorPickerShowing) {
     var _styles$mediaPlacehol;
 
     return (0, _element.createElement)(_reactNative.View, null, isCustomColorPickerShowing && colorPickerControls, (0, _element.createElement)(_blockEditor.MediaPlaceholder, {
@@ -344,10 +349,10 @@ const Cover = _ref => {
     }, (0, _element.createElement)(_reactNative.View, {
       style: _style.default.colorPaletteWrapper,
       pointerEvents: isScreenReaderEnabled ? 'none' : 'auto'
-    }, (0, _element.createElement)(_components.BottomSheetConsumer, null, _ref4 => {
+    }, (0, _element.createElement)(_components.BottomSheetConsumer, null, _ref5 => {
       let {
         shouldEnableBottomSheetScroll
-      } = _ref4;
+      } = _ref5;
       return (0, _element.createElement)(_components.ColorPalette, {
         customColorIndicatorStyles: _style.default.paletteColorIndicator,
         customIndicatorWrapperStyles: _style.default.paletteCustomIndicatorWrapper,
@@ -394,11 +399,11 @@ const Cover = _ref => {
     allowedTypes: _shared.ALLOWED_MEDIA_TYPES,
     isReplacingMedia: !hasOnlyColorBackground,
     onSelect: onSelectMedia,
-    render: _ref5 => {
+    render: _ref6 => {
       let {
         open,
         getMediaOptions
-      } = _ref5;
+      } = _ref6;
       openMediaOptionsRef.current = open;
       return renderContent(getMediaOptions);
     }
@@ -426,27 +431,30 @@ const Cover = _ref => {
   }, _style.default.uploadFailedIcon)))));
 };
 
-var _default = (0, _compose.compose)([(0, _blockEditor.withColors)({
-  overlayColor: 'background-color'
-}), (0, _data.withSelect)((select, _ref6) => {
+var _default = (0, _compose.compose)([(0, _data.withSelect)((select, _ref7) => {
+  var _getBlock;
+
   let {
     clientId
-  } = _ref6;
+  } = _ref7;
   const {
-    getSelectedBlockClientId
+    getSelectedBlockClientId,
+    getBlock
   } = select(_blockEditor.store);
   const selectedBlockClientId = getSelectedBlockClientId();
   const {
     getSettings
   } = select(_blockEditor.store);
+  const hasInnerBlocks = ((_getBlock = getBlock(clientId)) === null || _getBlock === void 0 ? void 0 : _getBlock.innerBlocks.length) > 0;
   return {
     settings: getSettings(),
-    isParentSelected: selectedBlockClientId === clientId
+    isParentSelected: selectedBlockClientId === clientId,
+    hasInnerBlocks
   };
-}), (0, _data.withDispatch)((dispatch, _ref7) => {
+}), (0, _data.withDispatch)((dispatch, _ref8) => {
   let {
     clientId
-  } = _ref7;
+  } = _ref8;
   const {
     openGeneralSidebar
   } = dispatch(_editPost.store);

package/build/cover/edit.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/edit.native.js"],"names":["INNER_BLOCKS_TEMPLATE","align","placeholder","Cover","attributes","getStylesFromColorScheme","isParentSelected","onFocus","overlayColor","setAttributes","openGeneralSidebar","closeSettingsBottomSheet","isSelected","selectBlock","blockWidth","backgroundType","dimRatio","focalPoint","minHeight","url","id","style","customOverlayColor","minHeightUnit","allowedBlocks","templateLock","isScreenReaderEnabled","setIsScreenReaderEnabled","isCurrent","AccessibilityInfo","addEventListener","then","removeEventListener","convertedMinHeight","COVER_DEFAULT_HEIGHT","isImage","MEDIA_TYPE_IMAGE","THEME_COLORS_COUNT","colorsDefault","coverDefaultPalette","colors","slice","gradientValue","hasBackground","color","background","hasOnlyColorBackground","isCustomColorPickerShowing","setCustomColorPickerShowing","openMediaOptionsRef","overlay","childrenStyles","styles","defaultColor","isUploadInProgress","setIsUploadInProgress","didUploadFail","setDidUploadFail","shouldShowFailure","onSelectMedia","media","onSelect","onMediaPressed","isVideoLoading","setIsVideoLoading","onVideoLoadStart","onVideoLoad","onClearMedia","undefined","hasParallax","setColor","gradient","customGradient","openColorPicker","backgroundColor","backgroundSolid","backgroundSolidDark","overlayStyles","opacity","overlaySelected","placeholderIconStyle","icon","iconDark","placeholderIcon","toolbarControls","open","replace","accessibilityHint","Platform","OS","addMediaButton","current","selectImageContainer","selectImage","image","selectImageIcon","onBottomSheetClosed","InteractionManager","runAfterInteractions","colorPickerControls","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","isBottomSheetContentScrolling","renderContent","getMediaOptions","renderBackground","VIDEO_BACKGROUND_TYPE","mediaServerId","mediaUrl","IMAGE_BACKGROUND_TYPE","imageContainer","IMAGE_DEFAULT_FOCAL_POINT","width","uri","mediaPlaceholderEmptyStateContainer","height","title","ALLOWED_MEDIA_TYPES","colorPaletteWrapper","paletteColorIndicator","paletteCustomIndicatorWrapper","backgroundContainer","content","overlayContainer","imageEditButton","destructiveButton","label","onPress","separated","value","uploadFailedContainer","uploadFailed","warning","uploadFailedIcon","select","clientId","getSelectedBlockClientId","blockEditorStore","selectedBlockClientId","getSettings","settings","dispatch","editPostStore","closeGeneralSidebar","withPreferredColorScheme"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tInteractionManager,\n\tAccessibilityInfo,\n\tPlatform,\n} from 'react-native';\nimport Video from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n\tmediaUploadSync,\n} from '@wordpress/react-native-bridge';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tIcon,\n\tImage,\n\tImageEditingButton,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tToolbarButton,\n\tGradient,\n\tColorPalette,\n\tColorPicker,\n\tBottomSheetConsumer,\n\tuseConvertUnitToMobile,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tInnerBlocks,\n\tInspectorControls,\n\tMEDIA_TYPE_IMAGE,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\twithColors,\n\t__experimentalUseGradient,\n\tuseSetting,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { useEffect, useState, useRef, useCallback } from '@wordpress/element';\nimport { cover as icon, replace, image, warning } from '@wordpress/icons';\nimport { getProtocol } from '@wordpress/url';\nimport { store as editPostStore } from '@wordpress/edit-post';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tattributesFromMedia,\n\tALLOWED_MEDIA_TYPES,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tCOVER_DEFAULT_HEIGHT,\n} from './shared';\nimport Controls from './controls';\n\n/**\n * Constants\n */\nconst INNER_BLOCKS_TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\talign: 'center',\n\t\t\tplaceholder: __( 'Write title…' ),\n\t\t},\n\t],\n];\n\nconst Cover = ( {\n\tattributes,\n\tgetStylesFromColorScheme,\n\tisParentSelected,\n\tonFocus,\n\toverlayColor,\n\tsetAttributes,\n\topenGeneralSidebar,\n\tcloseSettingsBottomSheet,\n\tisSelected,\n\tselectBlock,\n\tblockWidth,\n} ) => {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\turl,\n\t\tid,\n\t\tstyle,\n\t\tcustomOverlayColor,\n\t\tminHeightUnit = 'px',\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t} = attributes;\n\tconst [ isScreenReaderEnabled, setIsScreenReaderEnabled ] = useState(\n\t\tfalse\n\t);\n\n\tuseEffect( () => {\n\t\tlet isCurrent = true;\n\n\t\t// sync with local media store\n\t\tmediaUploadSync();\n\t\tAccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\tsetIsScreenReaderEnabled\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then( () => {\n\t\t\tif ( isCurrent ) {\n\t\t\t\tsetIsScreenReaderEnabled();\n\t\t\t}\n\t\t} );\n\n\t\treturn () => {\n\t\t\tisCurrent = false;\n\t\t\tAccessibilityInfo.removeEventListener(\n\t\t\t\t'screenReaderChanged',\n\t\t\t\tsetIsScreenReaderEnabled\n\t\t\t);\n\t\t};\n\t}, [] );\n\n\tconst convertedMinHeight = useConvertUnitToMobile(\n\t\tminHeight || COVER_DEFAULT_HEIGHT,\n\t\tminHeightUnit\n\t);\n\n\tconst isImage = backgroundType === MEDIA_TYPE_IMAGE;\n\n\tconst THEME_COLORS_COUNT = 4;\n\tconst colorsDefault = useSetting( 'color.palette' ) || [];\n\tconst coverDefaultPalette = {\n\t\tcolors: colorsDefault.slice( 0, THEME_COLORS_COUNT ),\n\t};\n\n\tconst { gradientValue } = __experimentalUseGradient();\n\n\tconst hasBackground = !! (\n\t\turl ||\n\t\t( style && style.color && style.color.background ) ||\n\t\tattributes.overlayColor ||\n\t\toverlayColor.color ||\n\t\tgradientValue\n\t);\n\n\tconst hasOnlyColorBackground = ! url && hasBackground;\n\n\tconst [\n\t\tisCustomColorPickerShowing,\n\t\tsetCustomColorPickerShowing,\n\t] = useState( false );\n\n\tconst openMediaOptionsRef = useRef();\n\n\t// Used to set a default color for its InnerBlocks\n\t// since there's no system to inherit styles yet\n\t// the RichText component will check if there are\n\t// parent styles for the current block. If there are,\n\t// it will use that color instead.\n\tuseEffect( () => {\n\t\t// While we don't support theme colors\n\t\tif ( ! attributes.overlayColor || ( ! attributes.overlay && url ) ) {\n\t\t\tsetAttributes( { childrenStyles: styles.defaultColor } );\n\t\t}\n\t}, [ setAttributes ] );\n\n\t// initialize uploading flag to false, awaiting sync\n\tconst [ isUploadInProgress, setIsUploadInProgress ] = useState( false );\n\n\t// initialize upload failure flag to true if url is local\n\tconst [ didUploadFail, setDidUploadFail ] = useState(\n\t\tid && getProtocol( url ) === 'file:'\n\t);\n\n\t// don't show failure if upload is in progress\n\tconst shouldShowFailure = didUploadFail && ! isUploadInProgress;\n\n\tconst onSelectMedia = ( media ) => {\n\t\tsetDidUploadFail( false );\n\t\tconst onSelect = attributesFromMedia( setAttributes, dimRatio );\n\t\tonSelect( media );\n\t};\n\n\tconst onMediaPressed = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( shouldShowFailure ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t} else if ( isImage && url ) {\n\t\t\trequestImageFullscreenPreview( url );\n\t\t}\n\t};\n\n\tconst [ isVideoLoading, setIsVideoLoading ] = useState( true );\n\n\tconst onVideoLoadStart = () => {\n\t\tsetIsVideoLoading( true );\n\t};\n\n\tconst onVideoLoad = () => {\n\t\tsetIsVideoLoading( false );\n\t};\n\n\tconst onClearMedia = useCallback( () => {\n\t\tsetAttributes( {\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t} );\n\t\tcloseSettingsBottomSheet();\n\t}, [ closeSettingsBottomSheet ] );\n\n\tfunction setColor( color ) {\n\t\tsetAttributes( {\n\t\t\t// clear all related attributes (only one should be set)\n\t\t\toverlayColor: undefined,\n\t\t\tcustomOverlayColor: color,\n\t\t\tgradient: undefined,\n\t\t\tcustomGradient: undefined,\n\t\t} );\n\t}\n\n\tfunction openColorPicker() {\n\t\tselectBlock();\n\t\tsetCustomColorPickerShowing( true );\n\t\topenGeneralSidebar();\n\t}\n\n\tconst backgroundColor = getStylesFromColorScheme(\n\t\tstyles.backgroundSolid,\n\t\tstyles.backgroundSolidDark\n\t);\n\n\tconst overlayStyles = [\n\t\tstyles.overlay,\n\t\turl && { opacity: dimRatio / 100 },\n\t\t! gradientValue && {\n\t\t\tbackgroundColor:\n\t\t\t\tcustomOverlayColor ||\n\t\t\t\toverlayColor?.color ||\n\t\t\t\tstyle?.color?.background ||\n\t\t\t\tstyles.overlay?.color,\n\t\t},\n\t\t// While we don't support theme colors we add a default bg color\n\t\t! overlayColor.color && ! url ? backgroundColor : {},\n\t\tisImage &&\n\t\t\tisParentSelected &&\n\t\t\t! isUploadInProgress &&\n\t\t\t! didUploadFail &&\n\t\t\tstyles.overlaySelected,\n\t];\n\n\tconst placeholderIconStyle = getStylesFromColorScheme(\n\t\tstyles.icon,\n\t\tstyles.iconDark\n\t);\n\n\tconst placeholderIcon = <Icon icon={ icon } { ...placeholderIconStyle } />;\n\n\tconst toolbarControls = ( open ) => (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ __( 'Edit cover media' ) }\n\t\t\t\ticon={ replace }\n\t\t\t\tonClick={ open }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst accessibilityHint =\n\t\tPlatform.OS === 'ios'\n\t\t\t? __( 'Double tap to open Action Sheet to add image or video' )\n\t\t\t: __( 'Double tap to open Bottom Sheet to add image or video' );\n\n\tconst addMediaButton = () => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\taccessibilityRole=\"button\"\n\t\t\tonPress={ openMediaOptionsRef.current }\n\t\t>\n\t\t\t<View style={ styles.selectImageContainer }>\n\t\t\t\t<View style={ styles.selectImage }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\ticon={ image }\n\t\t\t\t\t\t{ ...styles.selectImageIcon }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tconst onBottomSheetClosed = useCallback( () => {\n\t\tInteractionManager.runAfterInteractions( () => {\n\t\t\tsetCustomColorPickerShowing( false );\n\t\t} );\n\t}, [] );\n\n\tconst colorPickerControls = (\n\t\t<InspectorControls>\n\t\t\t<BottomSheetConsumer>\n\t\t\t\t{ ( {\n\t\t\t\t\tshouldEnableBottomSheetScroll,\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight,\n\t\t\t\t\tonHandleClosingBottomSheet,\n\t\t\t\t\tonHandleHardwareButtonPress,\n\t\t\t\t\tisBottomSheetContentScrolling,\n\t\t\t\t} ) => (\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t}\n\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\tonNavigationBack={ closeSettingsBottomSheet }\n\t\t\t\t\t\tonHandleClosingBottomSheet={\n\t\t\t\t\t\t\tonHandleClosingBottomSheet\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonHandleHardwareButtonPress={\n\t\t\t\t\t\t\tonHandleHardwareButtonPress\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonBottomSheetClosed={ onBottomSheetClosed }\n\t\t\t\t\t\tisBottomSheetContentScrolling={\n\t\t\t\t\t\t\tisBottomSheetContentScrolling\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbottomLabelText={ __( 'Select a color' ) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BottomSheetConsumer>\n\t\t</InspectorControls>\n\t);\n\n\tconst renderContent = ( getMediaOptions ) => (\n\t\t<>\n\t\t\t{ renderBackground( getMediaOptions ) }\n\t\t\t{ isParentSelected && hasOnlyColorBackground && addMediaButton() }\n\t\t</>\n\t);\n\n\tconst renderBackground = ( getMediaOptions ) => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isParentSelected }\n\t\t\tonPress={ onMediaPressed }\n\t\t\tonLongPress={ openMediaOptionsRef.current }\n\t\t\tdisabled={ ! isParentSelected }\n\t\t>\n\t\t\t<View style={ [ styles.background, backgroundColor ] }>\n\t\t\t\t{ getMediaOptions() }\n\t\t\t\t{ isParentSelected &&\n\t\t\t\t\tbackgroundType === VIDEO_BACKGROUND_TYPE &&\n\t\t\t\t\ttoolbarControls( openMediaOptionsRef.current ) }\n\t\t\t\t<MediaUploadProgress\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tonUpdateMediaProgress={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithSuccess={ ( {\n\t\t\t\t\t\tmediaServerId,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t} ) => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tid: mediaServerId,\n\t\t\t\t\t\t\turl: mediaUrl,\n\t\t\t\t\t\t\tbackgroundType,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithFailure={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonMediaUploadStateReset={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( { id: undefined, url: undefined } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\n\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<View style={ styles.imageContainer }>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\teditButton={ false }\n\t\t\t\t\t\t\tfocalPoint={\n\t\t\t\t\t\t\t\tfocalPoint || IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisSelected={ isParentSelected }\n\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<Video\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\trepeat\n\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\tonLoad={ onVideoLoad }\n\t\t\t\t\t\tonLoadStart={ onVideoLoadStart }\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tstyles.background,\n\t\t\t\t\t\t\t// Hide Video component since it has black background while loading the source\n\t\t\t\t\t\t\t{ opacity: isVideoLoading ? 0 : 1 },\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tif ( ! hasBackground || isCustomColorPickerShowing ) {\n\t\treturn (\n\t\t\t<View>\n\t\t\t\t{ isCustomColorPickerShowing && colorPickerControls }\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\theight={\n\t\t\t\t\t\tstyles.mediaPlaceholderEmptyStateContainer?.height\n\t\t\t\t\t}\n\t\t\t\t\tbackgroundColor={ customOverlayColor }\n\t\t\t\t\thideContent={\n\t\t\t\t\t\tcustomOverlayColor !== '' &&\n\t\t\t\t\t\tcustomOverlayColor !== undefined\n\t\t\t\t\t}\n\t\t\t\t\ticon={ placeholderIcon }\n\t\t\t\t\tlabels={ {\n\t\t\t\t\t\ttitle: __( 'Cover' ),\n\t\t\t\t\t} }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ styles.colorPaletteWrapper }\n\t\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\t\tisScreenReaderEnabled ? 'none' : 'auto'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t\t{ ( { shouldEnableBottomSheetScroll } ) => (\n\t\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteColorIndicator\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcustomIndicatorWrapperStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteCustomIndicatorWrapper\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\t\t\t\tonCustomPress={ openColorPicker }\n\t\t\t\t\t\t\t\t\tdefaultSettings={ coverDefaultPalette }\n\t\t\t\t\t\t\t\t\tshouldShowCustomLabel={ false }\n\t\t\t\t\t\t\t\t\tshouldShowCustomVerticalSeparator={ false }\n\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BottomSheetConsumer>\n\t\t\t\t\t</View>\n\t\t\t\t</MediaPlaceholder>\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ styles.backgroundContainer }>\n\t\t\t{ isSelected && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<Controls\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tdidUploadFail={ didUploadFail }\n\t\t\t\t\t\thasOnlyColorBackground={ hasOnlyColorBackground }\n\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\tonClearMedia={ onClearMedia }\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\n\t\t\t<View\n\t\t\t\tpointerEvents=\"box-none\"\n\t\t\t\tstyle={ [ styles.content, { minHeight: convertedMinHeight } ] }\n\t\t\t>\n\t\t\t\t<InnerBlocks\n\t\t\t\t\tallowedBlocks={ allowedBlocks }\n\t\t\t\t\ttemplate={ INNER_BLOCKS_TEMPLATE }\n\t\t\t\t\ttemplateLock={ templateLock }\n\t\t\t\t\ttemplateInsertUpdatesSelection\n\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t/>\n\t\t\t</View>\n\n\t\t\t<View pointerEvents=\"none\" style={ styles.overlayContainer }>\n\t\t\t\t<View style={ overlayStyles }>\n\t\t\t\t\t{ gradientValue && (\n\t\t\t\t\t\t<Gradient\n\t\t\t\t\t\t\tgradientValue={ gradientValue }\n\t\t\t\t\t\t\tstyle={ styles.background }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t</View>\n\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\topenMediaOptionsRef.current = open;\n\t\t\t\t\treturn renderContent( getMediaOptions );\n\t\t\t\t} }\n\t\t\t/>\n\n\t\t\t{ isImage &&\n\t\t\t\turl &&\n\t\t\t\topenMediaOptionsRef.current &&\n\t\t\t\tisParentSelected &&\n\t\t\t\t! isUploadInProgress &&\n\t\t\t\t! didUploadFail && (\n\t\t\t\t\t<View style={ styles.imageEditButton }>\n\t\t\t\t\t\t<ImageEditingButton\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\tpickerOptions={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t{ shouldShowFailure && (\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\tstyle={ styles.uploadFailedContainer }\n\t\t\t\t>\n\t\t\t\t\t<View style={ styles.uploadFailed }>\n\t\t\t\t\t\t<Icon icon={ warning } { ...styles.uploadFailedIcon } />\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getSelectedBlockClientId } = select( blockEditorStore );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\n\t\tconst { getSettings } = select( blockEditorStore );\n\n\t\treturn {\n\t\t\tsettings: getSettings(),\n\t\t\tisParentSelected: selectedBlockClientId === clientId,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { openGeneralSidebar } = dispatch( editPostStore );\n\t\tconst { selectBlock } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t\t\tcloseSettingsBottomSheet() {\n\t\t\t\tdispatch( editPostStore ).closeGeneralSidebar();\n\t\t\t},\n\t\t\tselectBlock: () => selectBlock( clientId ),\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( Cover );\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/edit.native.js"],"names":["INNER_BLOCKS_TEMPLATE","align","placeholder","Cover","attributes","getStylesFromColorScheme","isParentSelected","onFocus","setAttributes","openGeneralSidebar","closeSettingsBottomSheet","isSelected","selectBlock","blockWidth","hasInnerBlocks","backgroundType","dimRatio","focalPoint","minHeight","url","id","style","customOverlayColor","minHeightUnit","allowedBlocks","templateLock","customGradient","gradient","overlayColor","isScreenReaderEnabled","setIsScreenReaderEnabled","isCurrent","a11yInfoChangeSubscription","AccessibilityInfo","addEventListener","then","remove","convertedMinHeight","COVER_DEFAULT_HEIGHT","isImage","MEDIA_TYPE_IMAGE","THEME_COLORS_COUNT","colorsDefault","coverDefaultPalette","colors","slice","gradients","gradientValue","overlayColorValue","hasBackground","color","background","hasOnlyColorBackground","isCustomColorPickerShowing","setCustomColorPickerShowing","openMediaOptionsRef","overlay","childrenStyles","styles","defaultColor","isUploadInProgress","setIsUploadInProgress","didUploadFail","setDidUploadFail","shouldShowFailure","onSelectMedia","media","onSelect","onMediaPressed","isVideoLoading","setIsVideoLoading","onVideoLoadStart","onVideoLoad","onClearMedia","undefined","hasParallax","setColor","colorValue","slug","openColorPicker","backgroundColor","backgroundSolid","backgroundSolidDark","overlayStyles","opacity","overlaySelected","placeholderIconStyle","icon","iconDark","placeholderIcon","toolbarControls","open","replace","accessibilityHint","Platform","OS","addMediaButton","current","selectImageContainer","selectImage","image","selectImageIcon","onBottomSheetClosed","InteractionManager","runAfterInteractions","colorPickerControls","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","isBottomSheetContentScrolling","renderContent","getMediaOptions","renderBackground","VIDEO_BACKGROUND_TYPE","mediaServerId","mediaUrl","IMAGE_BACKGROUND_TYPE","imageContainer","IMAGE_DEFAULT_FOCAL_POINT","width","uri","mediaPlaceholderEmptyStateContainer","height","title","ALLOWED_MEDIA_TYPES","colorPaletteWrapper","paletteColorIndicator","paletteCustomIndicatorWrapper","backgroundContainer","content","overlayContainer","imageEditButton","destructiveButton","label","onPress","separated","value","uploadFailedContainer","uploadFailed","warning","uploadFailedIcon","select","clientId","getSelectedBlockClientId","getBlock","blockEditorStore","selectedBlockClientId","getSettings","innerBlocks","length","settings","dispatch","editPostStore","closeGeneralSidebar","withPreferredColorScheme"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tInteractionManager,\n\tAccessibilityInfo,\n\tPlatform,\n} from 'react-native';\nimport Video from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n\tmediaUploadSync,\n} from '@wordpress/react-native-bridge';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tIcon,\n\tImage,\n\tImageEditingButton,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tToolbarButton,\n\tGradient,\n\tColorPalette,\n\tColorPicker,\n\tBottomSheetConsumer,\n\tuseConvertUnitToMobile,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tInnerBlocks,\n\tInspectorControls,\n\tMEDIA_TYPE_IMAGE,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tuseSetting,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { withSelect, withDispatch } from '@wordpress/data';\nimport { useEffect, useState, useRef, useCallback } from '@wordpress/element';\nimport { cover as icon, replace, image, warning } from '@wordpress/icons';\nimport { getProtocol } from '@wordpress/url';\nimport { store as editPostStore } from '@wordpress/edit-post';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tattributesFromMedia,\n\tALLOWED_MEDIA_TYPES,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tCOVER_DEFAULT_HEIGHT,\n} from './shared';\nimport Controls from './controls';\n\n/**\n * Constants\n */\nconst INNER_BLOCKS_TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\talign: 'center',\n\t\t\tplaceholder: __( 'Write title…' ),\n\t\t},\n\t],\n];\n\nconst Cover = ( {\n\tattributes,\n\tgetStylesFromColorScheme,\n\tisParentSelected,\n\tonFocus,\n\tsetAttributes,\n\topenGeneralSidebar,\n\tcloseSettingsBottomSheet,\n\tisSelected,\n\tselectBlock,\n\tblockWidth,\n\thasInnerBlocks,\n} ) => {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\turl,\n\t\tid,\n\t\tstyle,\n\t\tcustomOverlayColor,\n\t\tminHeightUnit = 'px',\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\tcustomGradient,\n\t\tgradient,\n\t\toverlayColor,\n\t} = attributes;\n\tconst [ isScreenReaderEnabled, setIsScreenReaderEnabled ] = useState(\n\t\tfalse\n\t);\n\n\tuseEffect( () => {\n\t\tlet isCurrent = true;\n\n\t\t// sync with local media store\n\t\tmediaUploadSync();\n\t\tconst a11yInfoChangeSubscription = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\tsetIsScreenReaderEnabled\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then( () => {\n\t\t\tif ( isCurrent ) {\n\t\t\t\tsetIsScreenReaderEnabled();\n\t\t\t}\n\t\t} );\n\n\t\treturn () => {\n\t\t\tisCurrent = false;\n\t\t\ta11yInfoChangeSubscription.remove();\n\t\t};\n\t}, [] );\n\n\tconst convertedMinHeight = useConvertUnitToMobile(\n\t\tminHeight || COVER_DEFAULT_HEIGHT,\n\t\tminHeightUnit\n\t);\n\n\tconst isImage = backgroundType === MEDIA_TYPE_IMAGE;\n\n\tconst THEME_COLORS_COUNT = 4;\n\tconst colorsDefault = useSetting( 'color.palette' ) || [];\n\tconst coverDefaultPalette = {\n\t\tcolors: colorsDefault.slice( 0, THEME_COLORS_COUNT ),\n\t};\n\tconst gradients = useSetting( 'color.gradients' ) || [];\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\tconst overlayColorValue = getColorObjectByAttributeValues(\n\t\tcolorsDefault,\n\t\toverlayColor\n\t);\n\n\tconst hasBackground = !! (\n\t\turl ||\n\t\t( style && style.color && style.color.background ) ||\n\t\tattributes.overlayColor ||\n\t\toverlayColorValue.color ||\n\t\tcustomOverlayColor ||\n\t\tgradientValue\n\t);\n\n\tconst hasOnlyColorBackground = ! url && ( hasBackground || hasInnerBlocks );\n\n\tconst [\n\t\tisCustomColorPickerShowing,\n\t\tsetCustomColorPickerShowing,\n\t] = useState( false );\n\n\tconst openMediaOptionsRef = useRef();\n\n\t// Used to set a default color for its InnerBlocks\n\t// since there's no system to inherit styles yet\n\t// the RichText component will check if there are\n\t// parent styles for the current block. If there are,\n\t// it will use that color instead.\n\tuseEffect( () => {\n\t\t// While we don't support theme colors\n\t\tif ( ! attributes.overlayColor || ( ! attributes.overlay && url ) ) {\n\t\t\tsetAttributes( { childrenStyles: styles.defaultColor } );\n\t\t}\n\t}, [ setAttributes ] );\n\n\t// initialize uploading flag to false, awaiting sync\n\tconst [ isUploadInProgress, setIsUploadInProgress ] = useState( false );\n\n\t// initialize upload failure flag to true if url is local\n\tconst [ didUploadFail, setDidUploadFail ] = useState(\n\t\tid && getProtocol( url ) === 'file:'\n\t);\n\n\t// don't show failure if upload is in progress\n\tconst shouldShowFailure = didUploadFail && ! isUploadInProgress;\n\n\tconst onSelectMedia = ( media ) => {\n\t\tsetDidUploadFail( false );\n\t\tconst onSelect = attributesFromMedia( setAttributes, dimRatio );\n\t\tonSelect( media );\n\t};\n\n\tconst onMediaPressed = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( shouldShowFailure ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t} else if ( isImage && url ) {\n\t\t\trequestImageFullscreenPreview( url );\n\t\t}\n\t};\n\n\tconst [ isVideoLoading, setIsVideoLoading ] = useState( true );\n\n\tconst onVideoLoadStart = () => {\n\t\tsetIsVideoLoading( true );\n\t};\n\n\tconst onVideoLoad = () => {\n\t\tsetIsVideoLoading( false );\n\t};\n\n\tconst onClearMedia = useCallback( () => {\n\t\tsetAttributes( {\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t} );\n\t\tcloseSettingsBottomSheet();\n\t}, [ closeSettingsBottomSheet ] );\n\n\tfunction setColor( color ) {\n\t\tconst colorValue = getColorObjectByColorValue( colorsDefault, color );\n\n\t\tsetAttributes( {\n\t\t\t// clear all related attributes (only one should be set)\n\t\t\toverlayColor: colorValue?.slug ?? undefined,\n\t\t\tcustomOverlayColor: ( ! colorValue?.slug && color ) ?? undefined,\n\t\t\tgradient: undefined,\n\t\t\tcustomGradient: undefined,\n\t\t} );\n\t}\n\n\tfunction openColorPicker() {\n\t\tselectBlock();\n\t\tsetCustomColorPickerShowing( true );\n\t\topenGeneralSidebar();\n\t}\n\n\tconst backgroundColor = getStylesFromColorScheme(\n\t\tstyles.backgroundSolid,\n\t\tstyles.backgroundSolidDark\n\t);\n\n\tconst overlayStyles = [\n\t\tstyles.overlay,\n\t\turl && { opacity: dimRatio / 100 },\n\t\t! gradientValue && {\n\t\t\tbackgroundColor:\n\t\t\t\tcustomOverlayColor ||\n\t\t\t\toverlayColorValue?.color ||\n\t\t\t\tstyle?.color?.background ||\n\t\t\t\tstyles.overlay?.color,\n\t\t},\n\t\t// While we don't support theme colors we add a default bg color\n\t\t! overlayColorValue.color && ! url ? backgroundColor : {},\n\t\tisImage &&\n\t\t\tisParentSelected &&\n\t\t\t! isUploadInProgress &&\n\t\t\t! didUploadFail &&\n\t\t\tstyles.overlaySelected,\n\t];\n\n\tconst placeholderIconStyle = getStylesFromColorScheme(\n\t\tstyles.icon,\n\t\tstyles.iconDark\n\t);\n\n\tconst placeholderIcon = <Icon icon={ icon } { ...placeholderIconStyle } />;\n\n\tconst toolbarControls = ( open ) => (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ __( 'Edit cover media' ) }\n\t\t\t\ticon={ replace }\n\t\t\t\tonClick={ open }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst accessibilityHint =\n\t\tPlatform.OS === 'ios'\n\t\t\t? __( 'Double tap to open Action Sheet to add image or video' )\n\t\t\t: __( 'Double tap to open Bottom Sheet to add image or video' );\n\n\tconst addMediaButton = () => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\taccessibilityRole=\"button\"\n\t\t\tonPress={ openMediaOptionsRef.current }\n\t\t>\n\t\t\t<View style={ styles.selectImageContainer }>\n\t\t\t\t<View style={ styles.selectImage }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\ticon={ image }\n\t\t\t\t\t\t{ ...styles.selectImageIcon }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tconst onBottomSheetClosed = useCallback( () => {\n\t\tInteractionManager.runAfterInteractions( () => {\n\t\t\tsetCustomColorPickerShowing( false );\n\t\t} );\n\t}, [] );\n\n\tconst colorPickerControls = (\n\t\t<InspectorControls>\n\t\t\t<BottomSheetConsumer>\n\t\t\t\t{ ( {\n\t\t\t\t\tshouldEnableBottomSheetScroll,\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight,\n\t\t\t\t\tonHandleClosingBottomSheet,\n\t\t\t\t\tonHandleHardwareButtonPress,\n\t\t\t\t\tisBottomSheetContentScrolling,\n\t\t\t\t} ) => (\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t}\n\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\tonNavigationBack={ closeSettingsBottomSheet }\n\t\t\t\t\t\tonHandleClosingBottomSheet={\n\t\t\t\t\t\t\tonHandleClosingBottomSheet\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonHandleHardwareButtonPress={\n\t\t\t\t\t\t\tonHandleHardwareButtonPress\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonBottomSheetClosed={ onBottomSheetClosed }\n\t\t\t\t\t\tisBottomSheetContentScrolling={\n\t\t\t\t\t\t\tisBottomSheetContentScrolling\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbottomLabelText={ __( 'Select a color' ) }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BottomSheetConsumer>\n\t\t</InspectorControls>\n\t);\n\n\tconst renderContent = ( getMediaOptions ) => (\n\t\t<>\n\t\t\t{ renderBackground( getMediaOptions ) }\n\t\t\t{ isParentSelected && hasOnlyColorBackground && addMediaButton() }\n\t\t</>\n\t);\n\n\tconst renderBackground = ( getMediaOptions ) => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isParentSelected }\n\t\t\tonPress={ onMediaPressed }\n\t\t\tonLongPress={ openMediaOptionsRef.current }\n\t\t\tdisabled={ ! isParentSelected }\n\t\t>\n\t\t\t<View style={ [ styles.background, backgroundColor ] }>\n\t\t\t\t{ getMediaOptions() }\n\t\t\t\t{ isParentSelected &&\n\t\t\t\t\tbackgroundType === VIDEO_BACKGROUND_TYPE &&\n\t\t\t\t\ttoolbarControls( openMediaOptionsRef.current ) }\n\t\t\t\t<MediaUploadProgress\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tonUpdateMediaProgress={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithSuccess={ ( {\n\t\t\t\t\t\tmediaServerId,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t} ) => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tid: mediaServerId,\n\t\t\t\t\t\t\turl: mediaUrl,\n\t\t\t\t\t\t\tbackgroundType,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithFailure={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonMediaUploadStateReset={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( { id: undefined, url: undefined } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\n\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<View style={ styles.imageContainer }>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\teditButton={ false }\n\t\t\t\t\t\t\tfocalPoint={\n\t\t\t\t\t\t\t\tfocalPoint || IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisSelected={ isParentSelected }\n\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<Video\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\trepeat\n\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\tonLoad={ onVideoLoad }\n\t\t\t\t\t\tonLoadStart={ onVideoLoadStart }\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tstyles.background,\n\t\t\t\t\t\t\t// Hide Video component since it has black background while loading the source\n\t\t\t\t\t\t\t{ opacity: isVideoLoading ? 0 : 1 },\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tif (\n\t\t( ! hasBackground && ! hasInnerBlocks ) ||\n\t\tisCustomColorPickerShowing\n\t) {\n\t\treturn (\n\t\t\t<View>\n\t\t\t\t{ isCustomColorPickerShowing && colorPickerControls }\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\theight={\n\t\t\t\t\t\tstyles.mediaPlaceholderEmptyStateContainer?.height\n\t\t\t\t\t}\n\t\t\t\t\tbackgroundColor={ customOverlayColor }\n\t\t\t\t\thideContent={\n\t\t\t\t\t\tcustomOverlayColor !== '' &&\n\t\t\t\t\t\tcustomOverlayColor !== undefined\n\t\t\t\t\t}\n\t\t\t\t\ticon={ placeholderIcon }\n\t\t\t\t\tlabels={ {\n\t\t\t\t\t\ttitle: __( 'Cover' ),\n\t\t\t\t\t} }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ styles.colorPaletteWrapper }\n\t\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\t\tisScreenReaderEnabled ? 'none' : 'auto'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t\t{ ( { shouldEnableBottomSheetScroll } ) => (\n\t\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteColorIndicator\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcustomIndicatorWrapperStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteCustomIndicatorWrapper\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\t\t\t\tonCustomPress={ openColorPicker }\n\t\t\t\t\t\t\t\t\tdefaultSettings={ coverDefaultPalette }\n\t\t\t\t\t\t\t\t\tshouldShowCustomLabel={ false }\n\t\t\t\t\t\t\t\t\tshouldShowCustomVerticalSeparator={ false }\n\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BottomSheetConsumer>\n\t\t\t\t\t</View>\n\t\t\t\t</MediaPlaceholder>\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ styles.backgroundContainer }>\n\t\t\t{ isSelected && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<Controls\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tdidUploadFail={ didUploadFail }\n\t\t\t\t\t\thasOnlyColorBackground={ hasOnlyColorBackground }\n\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\tonClearMedia={ onClearMedia }\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\n\t\t\t<View\n\t\t\t\tpointerEvents=\"box-none\"\n\t\t\t\tstyle={ [ styles.content, { minHeight: convertedMinHeight } ] }\n\t\t\t>\n\t\t\t\t<InnerBlocks\n\t\t\t\t\tallowedBlocks={ allowedBlocks }\n\t\t\t\t\ttemplate={ INNER_BLOCKS_TEMPLATE }\n\t\t\t\t\ttemplateLock={ templateLock }\n\t\t\t\t\ttemplateInsertUpdatesSelection\n\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t/>\n\t\t\t</View>\n\n\t\t\t<View pointerEvents=\"none\" style={ styles.overlayContainer }>\n\t\t\t\t<View style={ overlayStyles }>\n\t\t\t\t\t{ gradientValue && (\n\t\t\t\t\t\t<Gradient\n\t\t\t\t\t\t\tgradientValue={ gradientValue }\n\t\t\t\t\t\t\tstyle={ styles.background }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t</View>\n\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\topenMediaOptionsRef.current = open;\n\t\t\t\t\treturn renderContent( getMediaOptions );\n\t\t\t\t} }\n\t\t\t/>\n\n\t\t\t{ isImage &&\n\t\t\t\turl &&\n\t\t\t\topenMediaOptionsRef.current &&\n\t\t\t\tisParentSelected &&\n\t\t\t\t! isUploadInProgress &&\n\t\t\t\t! didUploadFail && (\n\t\t\t\t\t<View style={ styles.imageEditButton }>\n\t\t\t\t\t\t<ImageEditingButton\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\tpickerOptions={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t{ shouldShowFailure && (\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\tstyle={ styles.uploadFailedContainer }\n\t\t\t\t>\n\t\t\t\t\t<View style={ styles.uploadFailed }>\n\t\t\t\t\t\t<Icon icon={ warning } { ...styles.uploadFailedIcon } />\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getSelectedBlockClientId, getBlock } = select(\n\t\t\tblockEditorStore\n\t\t);\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\n\t\tconst { getSettings } = select( blockEditorStore );\n\n\t\tconst hasInnerBlocks = getBlock( clientId )?.innerBlocks.length > 0;\n\n\t\treturn {\n\t\t\tsettings: getSettings(),\n\t\t\tisParentSelected: selectedBlockClientId === clientId,\n\t\t\thasInnerBlocks,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { openGeneralSidebar } = dispatch( editPostStore );\n\t\tconst { selectBlock } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t\t\tcloseSettingsBottomSheet() {\n\t\t\t\tdispatch( editPostStore ).closeGeneralSidebar();\n\t\t\t},\n\t\t\tselectBlock: () => selectBlock( clientId ),\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( Cover );\n"]}

package/build/cover/index.js

@@ -27,6 +27,7 @@ var _transforms = _interopRequireDefault(require("./transforms"));
  * Internal dependencies
  */
 const metadata = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
   apiVersion: 2,
   name: "core/cover",
   title: "Cover",

package/build/cover/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/index.js"],"names":["name","metadata","settings","icon","example","attributes","customOverlayColor","dimRatio","url","innerBlocks","customFontSize","content","align","transforms","save","edit","deprecated"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAEA;;AACA;;AAbA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,YADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,kBAAkB,EAAE,SADT;AAEXC,MAAAA,QAAQ,EAAE,EAFC;AAGXC,MAAAA,GAAG,EAAE;AAHM,KADJ;AAMRC,IAAAA,WAAW,EAAE,CACZ;AACCT,MAAAA,IAAI,EAAE,gBADP;AAECK,MAAAA,UAAU,EAAE;AACXK,QAAAA,cAAc,EAAE,EADL;AAEXC,QAAAA,OAAO,EAAE,cAAI,8BAAJ,CAFE;AAGXC,QAAAA,KAAK,EAAE;AAHI;AAFb,KADY;AANL,GAFc;AAmBvBC,EAAAA,UAAU,EAAVA,mBAnBuB;AAoBvBC,EAAAA,IAAI,EAAJA,aApBuB;AAqBvBC,EAAAA,IAAI,EAAJA,aArBuB;AAsBvBC,EAAAA,UAAU,EAAVA;AAtBuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { cover as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcustomOverlayColor: '#065174',\n\t\t\tdimRatio: 40,\n\t\t\turl: 'https://s.w.org/images/core/5.3/Windbuchencom.jpg',\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcustomFontSize: 48,\n\t\t\t\t\tcontent: __( '<strong>Snow Patrol</strong>' ),\n\t\t\t\t\talign: 'center',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ttransforms,\n\tsave,\n\tedit,\n\tdeprecated,\n};\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/index.js"],"names":["name","metadata","settings","icon","example","attributes","customOverlayColor","dimRatio","url","innerBlocks","customFontSize","content","align","transforms","save","edit","deprecated"],"mappings":";;;;;;;;;AAGA;;AACA;;AAKA;;AACA;;AAEA;;AACA;;AAbA;AACA;AACA;;AAIA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAM;AAAEA,EAAAA;AAAF,IAAWC,QAAjB;;AAIO,MAAMC,QAAQ,GAAG;AACvBC,EAAAA,IAAI,EAAJA,YADuB;AAEvBC,EAAAA,OAAO,EAAE;AACRC,IAAAA,UAAU,EAAE;AACXC,MAAAA,kBAAkB,EAAE,SADT;AAEXC,MAAAA,QAAQ,EAAE,EAFC;AAGXC,MAAAA,GAAG,EAAE;AAHM,KADJ;AAMRC,IAAAA,WAAW,EAAE,CACZ;AACCT,MAAAA,IAAI,EAAE,gBADP;AAECK,MAAAA,UAAU,EAAE;AACXK,QAAAA,cAAc,EAAE,EADL;AAEXC,QAAAA,OAAO,EAAE,cAAI,8BAAJ,CAFE;AAGXC,QAAAA,KAAK,EAAE;AAHI;AAFb,KADY;AANL,GAFc;AAmBvBC,EAAAA,UAAU,EAAVA,mBAnBuB;AAoBvBC,EAAAA,IAAI,EAAJA,aApBuB;AAqBvBC,EAAAA,IAAI,EAAJA,aArBuB;AAsBvBC,EAAAA,UAAU,EAAVA;AAtBuB,CAAjB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\nimport { cover as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport deprecated from './deprecated';\nimport edit from './edit';\nimport metadata from './block.json';\nimport save from './save';\nimport transforms from './transforms';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\ticon,\n\texample: {\n\t\tattributes: {\n\t\t\tcustomOverlayColor: '#065174',\n\t\t\tdimRatio: 40,\n\t\t\turl: 'https://s.w.org/images/core/5.3/Windbuchencom.jpg',\n\t\t},\n\t\tinnerBlocks: [\n\t\t\t{\n\t\t\t\tname: 'core/paragraph',\n\t\t\t\tattributes: {\n\t\t\t\t\tcustomFontSize: 48,\n\t\t\t\t\tcontent: __( '<strong>Snow Patrol</strong>' ),\n\t\t\t\t\talign: 'center',\n\t\t\t\t},\n\t\t\t},\n\t\t],\n\t},\n\ttransforms,\n\tsave,\n\tedit,\n\tdeprecated,\n};\n"]}

package/build/cover/overlay-color-settings.native.js

@@ -73,12 +73,22 @@ function OverlayColorSettings(_ref) {
       }
     };
 
+    const onColorCleared = () => {
+      setAttributes({
+        overlayColor: undefined,
+        customOverlayColor: undefined,
+        gradient: undefined,
+        customGradient: undefined
+      });
+    };
+
     return [{
       label: (0, _i18n.__)('Color'),
       onColorChange,
       colorValue,
       gradientValue,
-      onGradientChange
+      onGradientChange,
+      onColorCleared
     }];
   }, [colorValue, gradientValue, colors, gradients]);
   return (0, _element.createElement)(_blockEditor.__experimentalPanelColorGradientSettings, {

package/build/cover/overlay-color-settings.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/overlay-color-settings.native.js"],"names":["OverlayColorSettings","overlayColor","customOverlayColor","gradient","customGradient","setAttributes","EMPTY_ARRAY","colors","gradients","gradientValue","colorValue","color","settings","setOverlayAttribute","attributeName","value","undefined","onColorChange","colorObject","slug","onGradientChange","label"],"mappings":";;;;;;;AAgBA;;AAbA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAWA,SAASA,oBAAT,OAMI;AAAA,MAN2B;AAC9BC,IAAAA,YAD8B;AAE9BC,IAAAA,kBAF8B;AAG9BC,IAAAA,QAH8B;AAI9BC,IAAAA,cAJ8B;AAK9BC,IAAAA;AAL8B,GAM3B;AACH,QAAMC,WAAW,GAAG,EAApB;AACA,QAAMC,MAAM,GAAG,6BAAY,eAAZ,KAAiCD,WAAhD;AACA,QAAME,SAAS,GAAG,6BAAY,iBAAZ,KAAmCF,WAArD;AAEA,QAAMG,aAAa,GAClBL,cAAc,IAAI,yCAAwBI,SAAxB,EAAmCL,QAAnC,CADnB;AAGA,QAAMO,UAAU,GAAG,kDAClBH,MADkB,EAElBN,YAFkB,EAGlBC,kBAHkB,EAIjBS,KAJF;AAMA,QAAMC,QAAQ,GAAG,sBAAS,MAAM;AAC/B,UAAMC,mBAAmB,GAAG,CAAEC,aAAF,EAAiBC,KAAjB,KAA4B;AACvDV,MAAAA,aAAa,CAAE;AACd;AACAJ,QAAAA,YAAY,EAAEe,SAFA;AAGdd,QAAAA,kBAAkB,EAAEc,SAHN;AAIdb,QAAAA,QAAQ,EAAEa,SAJI;AAKdZ,QAAAA,cAAc,EAAEY,SALF;AAMd,SAAEF,aAAF,GAAmBC;AANL,OAAF,CAAb;AAQA,KATD;;AAWA,UAAME,aAAa,GAAKF,KAAF,IAAa;AAClC;AACA,UAAK,CAAEA,KAAP,EAAe;AACd;AACA;;AACD,YAAMG,WAAW,GAAG,6CAA4BX,MAA5B,EAAoCQ,KAApC,CAApB;;AACA,UAAKG,WAAL,aAAKA,WAAL,eAAKA,WAAW,CAAEC,IAAlB,EAAyB;AACxBN,QAAAA,mBAAmB,CAAE,cAAF,EAAkBK,WAAW,CAACC,IAA9B,CAAnB;AACA,OAFD,MAEO;AACNN,QAAAA,mBAAmB,CAAE,oBAAF,EAAwBE,KAAxB,CAAnB;AACA;AACD,KAXD;;AAaA,UAAMK,gBAAgB,GAAKL,KAAF,IAAa;AACrC;AACA,UAAK,CAAEA,KAAP,EAAe;AACd;AACA;;AACD,YAAMI,IAAI,GAAG,yCAAwBX,SAAxB,EAAmCO,KAAnC,CAAb;;AACA,UAAKI,IAAL,EAAY;AACXN,QAAAA,mBAAmB,CAAE,UAAF,EAAcM,IAAd,CAAnB;AACA,OAFD,MAEO;AACNN,QAAAA,mBAAmB,CAAE,gBAAF,EAAoBE,KAApB,CAAnB;AACA;AACD,KAXD;;AAaA,WAAO,CACN;AACCM,MAAAA,KAAK,EAAE,cAAI,OAAJ,CADR;AAECJ,MAAAA,aAFD;AAGCP,MAAAA,UAHD;AAICD,MAAAA,aAJD;AAKCW,MAAAA;AALD,KADM,CAAP;AASA,GA/CgB,EA+Cd,CAAEV,UAAF,EAAcD,aAAd,EAA6BF,MAA7B,EAAqCC,SAArC,CA/Cc,CAAjB;AAiDA,SACC,4BAAC,qDAAD;AACC,IAAA,KAAK,EAAG,cAAI,SAAJ,CADT;AAEC,IAAA,WAAW,EAAG,KAFf;AAGC,IAAA,QAAQ,EAAGI;AAHZ,IADD;AAOA;;eAEcZ,oB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tgetGradientSlugByValue,\n\t__experimentalPanelColorGradientSettings as PanelColorGradientSettings,\n\tuseSetting,\n} from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\n\nfunction OverlayColorSettings( {\n\toverlayColor,\n\tcustomOverlayColor,\n\tgradient,\n\tcustomGradient,\n\tsetAttributes,\n} ) {\n\tconst EMPTY_ARRAY = [];\n\tconst colors = useSetting( 'color.palette' ) || EMPTY_ARRAY;\n\tconst gradients = useSetting( 'color.gradients' ) || EMPTY_ARRAY;\n\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\n\tconst colorValue = getColorObjectByAttributeValues(\n\t\tcolors,\n\t\toverlayColor,\n\t\tcustomOverlayColor\n\t).color;\n\n\tconst settings = useMemo( () => {\n\t\tconst setOverlayAttribute = ( attributeName, value ) => {\n\t\t\tsetAttributes( {\n\t\t\t\t// clear all related attributes (only one should be set)\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t\t[ attributeName ]: value,\n\t\t\t} );\n\t\t};\n\n\t\tconst onColorChange = ( value ) => {\n\t\t\t// do nothing for falsy values\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst colorObject = getColorObjectByColorValue( colors, value );\n\t\t\tif ( colorObject?.slug ) {\n\t\t\t\tsetOverlayAttribute( 'overlayColor', colorObject.slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customOverlayColor', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onGradientChange = ( value ) => {\n\t\t\t// do nothing for falsy values\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst slug = getGradientSlugByValue( gradients, value );\n\t\t\tif ( slug ) {\n\t\t\t\tsetOverlayAttribute( 'gradient', slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customGradient', value );\n\t\t\t}\n\t\t};\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: __( 'Color' ),\n\t\t\t\tonColorChange,\n\t\t\t\tcolorValue,\n\t\t\t\tgradientValue,\n\t\t\t\tonGradientChange,\n\t\t\t},\n\t\t];\n\t}, [ colorValue, gradientValue, colors, gradients ] );\n\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\ttitle={ __( 'Overlay' ) }\n\t\t\tinitialOpen={ false }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n\nexport default OverlayColorSettings;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/overlay-color-settings.native.js"],"names":["OverlayColorSettings","overlayColor","customOverlayColor","gradient","customGradient","setAttributes","EMPTY_ARRAY","colors","gradients","gradientValue","colorValue","color","settings","setOverlayAttribute","attributeName","value","undefined","onColorChange","colorObject","slug","onGradientChange","onColorCleared","label"],"mappings":";;;;;;;AAgBA;;AAbA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAWA,SAASA,oBAAT,OAMI;AAAA,MAN2B;AAC9BC,IAAAA,YAD8B;AAE9BC,IAAAA,kBAF8B;AAG9BC,IAAAA,QAH8B;AAI9BC,IAAAA,cAJ8B;AAK9BC,IAAAA;AAL8B,GAM3B;AACH,QAAMC,WAAW,GAAG,EAApB;AACA,QAAMC,MAAM,GAAG,6BAAY,eAAZ,KAAiCD,WAAhD;AACA,QAAME,SAAS,GAAG,6BAAY,iBAAZ,KAAmCF,WAArD;AAEA,QAAMG,aAAa,GAClBL,cAAc,IAAI,yCAAwBI,SAAxB,EAAmCL,QAAnC,CADnB;AAGA,QAAMO,UAAU,GAAG,kDAClBH,MADkB,EAElBN,YAFkB,EAGlBC,kBAHkB,EAIjBS,KAJF;AAMA,QAAMC,QAAQ,GAAG,sBAAS,MAAM;AAC/B,UAAMC,mBAAmB,GAAG,CAAEC,aAAF,EAAiBC,KAAjB,KAA4B;AACvDV,MAAAA,aAAa,CAAE;AACd;AACAJ,QAAAA,YAAY,EAAEe,SAFA;AAGdd,QAAAA,kBAAkB,EAAEc,SAHN;AAIdb,QAAAA,QAAQ,EAAEa,SAJI;AAKdZ,QAAAA,cAAc,EAAEY,SALF;AAMd,SAAEF,aAAF,GAAmBC;AANL,OAAF,CAAb;AAQA,KATD;;AAWA,UAAME,aAAa,GAAKF,KAAF,IAAa;AAClC;AACA,UAAK,CAAEA,KAAP,EAAe;AACd;AACA;;AACD,YAAMG,WAAW,GAAG,6CAA4BX,MAA5B,EAAoCQ,KAApC,CAApB;;AACA,UAAKG,WAAL,aAAKA,WAAL,eAAKA,WAAW,CAAEC,IAAlB,EAAyB;AACxBN,QAAAA,mBAAmB,CAAE,cAAF,EAAkBK,WAAW,CAACC,IAA9B,CAAnB;AACA,OAFD,MAEO;AACNN,QAAAA,mBAAmB,CAAE,oBAAF,EAAwBE,KAAxB,CAAnB;AACA;AACD,KAXD;;AAaA,UAAMK,gBAAgB,GAAKL,KAAF,IAAa;AACrC;AACA,UAAK,CAAEA,KAAP,EAAe;AACd;AACA;;AACD,YAAMI,IAAI,GAAG,yCAAwBX,SAAxB,EAAmCO,KAAnC,CAAb;;AACA,UAAKI,IAAL,EAAY;AACXN,QAAAA,mBAAmB,CAAE,UAAF,EAAcM,IAAd,CAAnB;AACA,OAFD,MAEO;AACNN,QAAAA,mBAAmB,CAAE,gBAAF,EAAoBE,KAApB,CAAnB;AACA;AACD,KAXD;;AAaA,UAAMM,cAAc,GAAG,MAAM;AAC5BhB,MAAAA,aAAa,CAAE;AACdJ,QAAAA,YAAY,EAAEe,SADA;AAEdd,QAAAA,kBAAkB,EAAEc,SAFN;AAGdb,QAAAA,QAAQ,EAAEa,SAHI;AAIdZ,QAAAA,cAAc,EAAEY;AAJF,OAAF,CAAb;AAMA,KAPD;;AASA,WAAO,CACN;AACCM,MAAAA,KAAK,EAAE,cAAI,OAAJ,CADR;AAECL,MAAAA,aAFD;AAGCP,MAAAA,UAHD;AAICD,MAAAA,aAJD;AAKCW,MAAAA,gBALD;AAMCC,MAAAA;AAND,KADM,CAAP;AAUA,GAzDgB,EAyDd,CAAEX,UAAF,EAAcD,aAAd,EAA6BF,MAA7B,EAAqCC,SAArC,CAzDc,CAAjB;AA2DA,SACC,4BAAC,qDAAD;AACC,IAAA,KAAK,EAAG,cAAI,SAAJ,CADT;AAEC,IAAA,WAAW,EAAG,KAFf;AAGC,IAAA,QAAQ,EAAGI;AAHZ,IADD;AAOA;;eAEcZ,oB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tgetGradientSlugByValue,\n\t__experimentalPanelColorGradientSettings as PanelColorGradientSettings,\n\tuseSetting,\n} from '@wordpress/block-editor';\nimport { useMemo } from '@wordpress/element';\n\nfunction OverlayColorSettings( {\n\toverlayColor,\n\tcustomOverlayColor,\n\tgradient,\n\tcustomGradient,\n\tsetAttributes,\n} ) {\n\tconst EMPTY_ARRAY = [];\n\tconst colors = useSetting( 'color.palette' ) || EMPTY_ARRAY;\n\tconst gradients = useSetting( 'color.gradients' ) || EMPTY_ARRAY;\n\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\n\tconst colorValue = getColorObjectByAttributeValues(\n\t\tcolors,\n\t\toverlayColor,\n\t\tcustomOverlayColor\n\t).color;\n\n\tconst settings = useMemo( () => {\n\t\tconst setOverlayAttribute = ( attributeName, value ) => {\n\t\t\tsetAttributes( {\n\t\t\t\t// clear all related attributes (only one should be set)\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t\t[ attributeName ]: value,\n\t\t\t} );\n\t\t};\n\n\t\tconst onColorChange = ( value ) => {\n\t\t\t// do nothing for falsy values\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst colorObject = getColorObjectByColorValue( colors, value );\n\t\t\tif ( colorObject?.slug ) {\n\t\t\t\tsetOverlayAttribute( 'overlayColor', colorObject.slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customOverlayColor', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onGradientChange = ( value ) => {\n\t\t\t// do nothing for falsy values\n\t\t\tif ( ! value ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst slug = getGradientSlugByValue( gradients, value );\n\t\t\tif ( slug ) {\n\t\t\t\tsetOverlayAttribute( 'gradient', slug );\n\t\t\t} else {\n\t\t\t\tsetOverlayAttribute( 'customGradient', value );\n\t\t\t}\n\t\t};\n\n\t\tconst onColorCleared = () => {\n\t\t\tsetAttributes( {\n\t\t\t\toverlayColor: undefined,\n\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\tgradient: undefined,\n\t\t\t\tcustomGradient: undefined,\n\t\t\t} );\n\t\t};\n\n\t\treturn [\n\t\t\t{\n\t\t\t\tlabel: __( 'Color' ),\n\t\t\t\tonColorChange,\n\t\t\t\tcolorValue,\n\t\t\t\tgradientValue,\n\t\t\t\tonGradientChange,\n\t\t\t\tonColorCleared,\n\t\t\t},\n\t\t];\n\t}, [ colorValue, gradientValue, colors, gradients ] );\n\n\treturn (\n\t\t<PanelColorGradientSettings\n\t\t\ttitle={ __( 'Overlay' ) }\n\t\t\tinitialOpen={ false }\n\t\t\tsettings={ settings }\n\t\t/>\n\t);\n}\n\nexport default OverlayColorSettings;\n"]}

package/build/embed/deprecated.js

@@ -21,6 +21,7 @@ var _blockEditor = require("@wordpress/block-editor");
  * Internal dependencies
  */
 const metadata = {
+  $schema: "https://schemas.wp.org/trunk/block.json",
   apiVersion: 2,
   name: "core/embed",
   title: "Embed",

package/build/embed/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/deprecated.js"],"names":["attributes","blockAttributes","metadata","deprecated","save","url","caption","type","providerNameSlug","embedClassName","RichText","isEmpty"],"mappings":";;;;;;;;;;;AAGA;;AAUA;;AAbA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;;AAGA,MAAM;AAAEA,EAAAA,UAAU,EAAEC;AAAd,IAAkCC,QAAxC;AAEA,MAAMC,UAAU,GAAG,CAClB;AACCH,EAAAA,UAAU,EAAEC,eADb;;AAECG,EAAAA,IAAI,OAA6D;AAAA,QAA3D;AAAEJ,MAAAA,UAAU,EAAE;AAAEK,QAAAA,GAAF;AAAOC,QAAAA,OAAP;AAAgBC,QAAAA,IAAhB;AAAsBC,QAAAA;AAAtB;AAAd,KAA2D;;AAChE,QAAK,CAAEH,GAAP,EAAa;AACZ,aAAO,IAAP;AACA;;AAED,UAAMI,cAAc,GAAG,yBAAY,gBAAZ,EAA8B;AACpD,OAAG,WAAWF,IAAM,EAApB,GAAyBA,IAD2B;AAEpD,OAAG,eAAeC,gBAAkB,EAApC,GAAyCA;AAFW,KAA9B,CAAvB;AAKA,WACC;AAAQ,MAAA,SAAS,EAAGC;AAApB,OACI,KAAKJ,GAAK;AAAI;AADlB,MAEG,CAAEK,sBAASC,OAAT,CAAkBL,OAAlB,CAAF,IACD,4BAAC,qBAAD,CAAU,OAAV;AACC,MAAA,OAAO,EAAC,YADT;AAEC,MAAA,KAAK,EAAGA;AAFT,MAHF,CADD;AAWA;;AAvBF,CADkB,CAAnB;eA4BeH,U","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\n\n/**\n * WordPress dependencies\n */\nimport { RichText } from '@wordpress/block-editor';\n\nconst { attributes: blockAttributes } = metadata;\n\nconst deprecated = [\n\t{\n\t\tattributes: blockAttributes,\n\t\tsave( { attributes: { url, caption, type, providerNameSlug } } ) {\n\t\t\tif ( ! url ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst embedClassName = classnames( 'wp-block-embed', {\n\t\t\t\t[ `is-type-${ type }` ]: type,\n\t\t\t\t[ `is-provider-${ providerNameSlug }` ]: providerNameSlug,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<figure className={ embedClassName }>\n\t\t\t\t\t{ `\\n${ url }\\n` /* URL needs to be on its own line. */ }\n\t\t\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</figure>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/embed/deprecated.js"],"names":["attributes","blockAttributes","metadata","deprecated","save","url","caption","type","providerNameSlug","embedClassName","RichText","isEmpty"],"mappings":";;;;;;;;;;;AAGA;;AAUA;;AAbA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;;AAGA,MAAM;AAAEA,EAAAA,UAAU,EAAEC;AAAd,IAAkCC,QAAxC;AAEA,MAAMC,UAAU,GAAG,CAClB;AACCH,EAAAA,UAAU,EAAEC,eADb;;AAECG,EAAAA,IAAI,OAA6D;AAAA,QAA3D;AAAEJ,MAAAA,UAAU,EAAE;AAAEK,QAAAA,GAAF;AAAOC,QAAAA,OAAP;AAAgBC,QAAAA,IAAhB;AAAsBC,QAAAA;AAAtB;AAAd,KAA2D;;AAChE,QAAK,CAAEH,GAAP,EAAa;AACZ,aAAO,IAAP;AACA;;AAED,UAAMI,cAAc,GAAG,yBAAY,gBAAZ,EAA8B;AACpD,OAAG,WAAWF,IAAM,EAApB,GAAyBA,IAD2B;AAEpD,OAAG,eAAeC,gBAAkB,EAApC,GAAyCA;AAFW,KAA9B,CAAvB;AAKA,WACC;AAAQ,MAAA,SAAS,EAAGC;AAApB,OACI,KAAKJ,GAAK;AAAI;AADlB,MAEG,CAAEK,sBAASC,OAAT,CAAkBL,OAAlB,CAAF,IACD,4BAAC,qBAAD,CAAU,OAAV;AACC,MAAA,OAAO,EAAC,YADT;AAEC,MAAA,KAAK,EAAGA;AAFT,MAHF,CADD;AAWA;;AAvBF,CADkB,CAAnB;eA4BeH,U","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\n\n/**\n * WordPress dependencies\n */\nimport { RichText } from '@wordpress/block-editor';\n\nconst { attributes: blockAttributes } = metadata;\n\nconst deprecated = [\n\t{\n\t\tattributes: blockAttributes,\n\t\tsave( { attributes: { url, caption, type, providerNameSlug } } ) {\n\t\t\tif ( ! url ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst embedClassName = classnames( 'wp-block-embed', {\n\t\t\t\t[ `is-type-${ type }` ]: type,\n\t\t\t\t[ `is-provider-${ providerNameSlug }` ]: providerNameSlug,\n\t\t\t} );\n\n\t\t\treturn (\n\t\t\t\t<figure className={ embedClassName }>\n\t\t\t\t\t{ `\\n${ url }\\n` /* URL needs to be on its own line. */ }\n\t\t\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\t\tvalue={ caption }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</figure>\n\t\t\t);\n\t\t},\n\t},\n];\n\nexport default deprecated;\n"]}

package/build/embed/edit.native.js

@@ -21,7 +21,7 @@ var _embedPlaceholder = _interopRequireDefault(require("./embed-placeholder"));
 
 var _embedPreview = _interopRequireDefault(require("./embed-preview"));
 
-var _embedBottomSheet = _interopRequireDefault(require("./embed-bottom-sheet"));
+var _embedLinkSettings = _interopRequireDefault(require("./embed-link-settings"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
@@ -192,6 +192,15 @@ const EmbedEdit = props => {
     }
   }, [preview, isEditingURL]);
   (0, _element.useEffect)(() => setShowEmbedBottomSheet(isEditingURL), [isEditingURL]);
+  const onEditURL = (0, _element.useCallback)(value => {
+    // The order of the following calls is important, we need to update the URL attribute before changing `isEditingURL`,
+    // otherwise the side-effect that potentially replaces the block when updating the local state won't use the new URL
+    // for creating the new block.
+    setAttributes({
+      url: value
+    });
+    setIsEditingURL(false);
+  }, []);
   const blockProps = (0, _blockEditor.useBlockProps)();
 
   if (fetching) {
@@ -216,11 +225,8 @@ const EmbedEdit = props => {
   const isProviderPreviewable = PREVIEWABLE_PROVIDERS.includes(providerNameSlug) || // For WordPress embeds, we enable the inline preview for all its providers
   // except the ones that are not supported yet.
   WP_EMBED_TYPE === type && !NOT_PREVIEWABLE_WP_EMBED_PROVIDERS.includes(providerNameSlug);
-  const bottomSheetLabel = WP_EMBED_TYPE === type ? 'WordPress' : title;
-  return (0, _element.createElement)(_element.Fragment, null, showEmbedPlaceholder ? (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_embedControls.default, {
-    showEditButton: cannotEmbed,
-    switchBackToURLInput: () => setIsEditingURL(true)
-  }), (0, _element.createElement)(_primitives.View, blockProps, (0, _element.createElement)(_embedPlaceholder.default, {
+  const linkLabel = WP_EMBED_TYPE === type ? 'WordPress' : title;
+  return (0, _element.createElement)(_element.Fragment, null, showEmbedPlaceholder ? (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_primitives.View, blockProps, (0, _element.createElement)(_embedPlaceholder.default, {
     icon: icon,
     isSelected: isSelected,
     label: title,
@@ -232,14 +238,16 @@ const EmbedEdit = props => {
     fallback: () => (0, _util.fallback)(url, onReplace),
     tryAgain: () => {
       invalidateResolution('getEmbedPreview', [url]);
-    }
+    },
+    openEmbedLinkSettings: () => setShowEmbedBottomSheet(true)
   }))) : (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_embedControls.default, {
-    showEditButton: preview && !cannotEmbed,
     themeSupportsResponsive: themeSupportsResponsive,
     blockSupportsResponsive: responsive,
     allowResponsive: allowResponsive,
     toggleResponsive: toggleResponsive,
-    switchBackToURLInput: () => setIsEditingURL(true)
+    url: url,
+    linkLabel: linkLabel,
+    onEditURL: onEditURL
   }), (0, _element.createElement)(_primitives.View, blockProps, (0, _element.createElement)(_embedPreview.default, {
     align: align,
     className: className,
@@ -255,20 +263,15 @@ const EmbedEdit = props => {
     type: type,
     url: url,
     isDefaultEmbedInfo: !embedInfoByProvider
-  }))), (0, _element.createElement)(_embedBottomSheet.default, {
+  }))), (0, _element.createElement)(_embedLinkSettings.default // eslint-disable-next-line jsx-a11y/no-autofocus
+  , {
+    autoFocus: true,
     value: url,
-    label: bottomSheetLabel,
+    label: linkLabel,
     isVisible: showEmbedBottomSheet,
     onClose: () => setShowEmbedBottomSheet(false),
-    onSubmit: value => {
-      // The order of the following calls is important, we need to update the URL attribute before changing `isEditingURL`,
-      // otherwise the side-effect that potentially replaces the block when updating the local state won't use the new URL
-      // for creating the new block.
-      setAttributes({
-        url: value
-      });
-      setIsEditingURL(false);
-    }
+    onSubmit: onEditURL,
+    withBottomSheet: true
   }));
 };