@wordpress/block-library 8.11.0 → 8.12.1

package/build/cover/controls.native.js

@@ -42,18 +42,15 @@ var _shared = require("./shared");
 /**
  * Internal dependencies
  */
-function Controls(_ref) {
-  var _styles$focalPointHin;
-
-  let {
-    attributes,
-    didUploadFail,
-    hasOnlyColorBackground,
-    isUploadInProgress,
-    onClearMedia,
-    onSelectMedia,
-    setAttributes
-  } = _ref;
+function Controls({
+  attributes,
+  didUploadFail,
+  hasOnlyColorBackground,
+  isUploadInProgress,
+  onClearMedia,
+  onSelectMedia,
+  setAttributes
+}) {
   const {
     backgroundType,
     dimRatio,
@@ -113,11 +110,10 @@ function Controls(_ref) {
 
   const addMediaButtonStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.addMediaButton, _style.default.addMediaButtonDark);
 
-  function focalPointPosition() {
-    let {
-      x,
-      y
-    } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _components.IMAGE_DEFAULT_FOCAL_POINT;
+  function focalPointPosition({
+    x,
+    y
+  } = _components.IMAGE_DEFAULT_FOCAL_POINT) {
     return {
       left: `${(hasParallax ? 0.5 : x) * 100}%`,
       top: `${(hasParallax ? 0.5 : y) * 100}%`
@@ -135,94 +131,89 @@ function Controls(_ref) {
   }, _style.default.video, displayPlaceholder && _style.default.imagePlaceholder];
   const focalPointHint = !hasParallax && !displayPlaceholder && (0, _element.createElement)(_components.Icon, {
     icon: _icons.plus,
-    size: (_styles$focalPointHin = _style.default.focalPointHint) === null || _styles$focalPointHin === void 0 ? void 0 : _styles$focalPointHin.width,
+    size: _style.default.focalPointHint?.width,
     style: [_style.default.focalPointHint, focalPointPosition(focalPoint)]
   });
 
-  const renderMediaSection = _ref2 => {
-    var _styles$image;
-
-    let {
-      open: openMediaOptions,
-      getMediaOptions
-    } = _ref2;
-    return (0, _element.createElement)(_element.Fragment, null, getMediaOptions(), url ? (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.BottomSheet.Cell, {
-      accessible: false,
-      cellContainerStyle: [_style.default.mediaPreview, mediaBackground]
-    }, (0, _element.createElement)(_reactNative.View, {
-      style: _style.default.mediaInner
-    }, _shared.IMAGE_BACKGROUND_TYPE === backgroundType && (0, _element.createElement)(_components.Image, {
-      editButton: !displayPlaceholder,
-      highlightSelected: false,
-      isSelected: !displayPlaceholder,
-      isUploadFailed: didUploadFail,
-      isUploadInProgress: isUploadInProgress,
-      mediaPickerOptions: [{
-        destructiveButton: true,
-        id: 'clearMedia',
-        label: (0, _i18n.__)('Clear Media'),
-        onPress: onClearMedia,
-        separated: true,
-        value: 'clearMedia'
-      }],
-      onImageDataLoad: () => {
-        setDisplayPlaceholder(false);
-      },
-      onSelectMediaUploadOption: onSelectMedia,
-      openMediaOptions: openMediaOptions,
-      url: url,
-      height: "100%",
-      style: imagePreviewStyles,
-      width: (_styles$image = _style.default.image) === null || _styles$image === void 0 ? void 0 : _styles$image.width
-    }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && (0, _element.createElement)(_reactNativeVideo.default, {
-      muted: true,
-      paused: true,
-      disableFocus: true,
-      onLoadStart: () => {
-        setDisplayPlaceholder(true);
-      },
-      onLoad: event => {
-        const {
-          height,
-          width
-        } = event.naturalSize;
-        setVideoNaturalSize({
-          height,
-          width
-        });
-        setDisplayPlaceholder(false); // Avoid invisible, paused video on Android, presumably
-        // related to https://github.com/react-native-video/react-native-video/issues/1979
-
-        videoRef === null || videoRef === void 0 ? void 0 : videoRef.current.seek(0);
-      },
-      ref: videoRef,
-      resizeMode: 'cover',
-      source: {
-        uri: url
-      },
-      style: videoPreviewStyles
-    }), displayPlaceholder ? null : focalPointHint)), (0, _element.createElement)(_focalPointSettingsButton.default, {
-      disabled: hasParallax,
-      focalPoint: focalPoint || _components.IMAGE_DEFAULT_FOCAL_POINT,
-      onFocalPointChange: setFocalPoint,
-      url: url
-    }), _shared.IMAGE_BACKGROUND_TYPE === backgroundType && (0, _element.createElement)(_components.ToggleControl, {
-      label: (0, _i18n.__)('Fixed background'),
-      checked: hasParallax,
-      onChange: toggleParallax
-    }), (0, _element.createElement)(_components.TextControl, {
-      leftAlign: true,
+  const renderMediaSection = ({
+    open: openMediaOptions,
+    getMediaOptions
+  }) => (0, _element.createElement)(_element.Fragment, null, getMediaOptions(), url ? (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.BottomSheet.Cell, {
+    accessible: false,
+    cellContainerStyle: [_style.default.mediaPreview, mediaBackground]
+  }, (0, _element.createElement)(_reactNative.View, {
+    style: _style.default.mediaInner
+  }, _shared.IMAGE_BACKGROUND_TYPE === backgroundType && (0, _element.createElement)(_components.Image, {
+    editButton: !displayPlaceholder,
+    highlightSelected: false,
+    isSelected: !displayPlaceholder,
+    isUploadFailed: didUploadFail,
+    isUploadInProgress: isUploadInProgress,
+    mediaPickerOptions: [{
+      destructiveButton: true,
+      id: 'clearMedia',
       label: (0, _i18n.__)('Clear Media'),
-      labelStyle: _style.default.clearMediaButton,
-      onPress: onClearMedia
-    })) : (0, _element.createElement)(_components.TextControl, {
-      accessibilityLabel: (0, _i18n.__)('Add image or video'),
-      label: (0, _i18n.__)('Add image or video'),
-      labelStyle: addMediaButtonStyle,
-      leftAlign: true,
-      onPress: openMediaOptions
-    }));
-  };
+      onPress: onClearMedia,
+      separated: true,
+      value: 'clearMedia'
+    }],
+    onImageDataLoad: () => {
+      setDisplayPlaceholder(false);
+    },
+    onSelectMediaUploadOption: onSelectMedia,
+    openMediaOptions: openMediaOptions,
+    url: url,
+    height: "100%",
+    style: imagePreviewStyles,
+    width: _style.default.image?.width
+  }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && (0, _element.createElement)(_reactNativeVideo.default, {
+    muted: true,
+    paused: true,
+    disableFocus: true,
+    onLoadStart: () => {
+      setDisplayPlaceholder(true);
+    },
+    onLoad: event => {
+      const {
+        height,
+        width
+      } = event.naturalSize;
+      setVideoNaturalSize({
+        height,
+        width
+      });
+      setDisplayPlaceholder(false); // Avoid invisible, paused video on Android, presumably
+      // related to https://github.com/react-native-video/react-native-video/issues/1979
+
+      videoRef?.current.seek(0);
+    },
+    ref: videoRef,
+    resizeMode: 'cover',
+    source: {
+      uri: url
+    },
+    style: videoPreviewStyles
+  }), displayPlaceholder ? null : focalPointHint)), (0, _element.createElement)(_focalPointSettingsButton.default, {
+    disabled: hasParallax,
+    focalPoint: focalPoint || _components.IMAGE_DEFAULT_FOCAL_POINT,
+    onFocalPointChange: setFocalPoint,
+    url: url
+  }), _shared.IMAGE_BACKGROUND_TYPE === backgroundType && (0, _element.createElement)(_components.ToggleControl, {
+    label: (0, _i18n.__)('Fixed background'),
+    checked: hasParallax,
+    onChange: toggleParallax
+  }), (0, _element.createElement)(_components.TextControl, {
+    leftAlign: true,
+    label: (0, _i18n.__)('Clear Media'),
+    labelStyle: _style.default.clearMediaButton,
+    onPress: onClearMedia
+  })) : (0, _element.createElement)(_components.TextControl, {
+    accessibilityLabel: (0, _i18n.__)('Add image or video'),
+    label: (0, _i18n.__)('Add image or video'),
+    labelStyle: addMediaButtonStyle,
+    leftAlign: true,
+    onPress: openMediaOptions
+  }));
 
   return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Media')

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/cover/controls.native.js"],"names":["Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","COVER_DEFAULT_HEIGHT","onHeightChange","value","units","availableUnits","defaultValues","px","em","rem","vw","vh","onOpacityChange","onChangeUnit","nextUnit","Math","max","COVER_MIN_HEIGHT","displayPlaceholder","setDisplayPlaceholder","setFocalPoint","toggleParallax","undefined","IMAGE_DEFAULT_FOCAL_POINT","addMediaButtonStyle","styles","addMediaButton","addMediaButtonDark","focalPointPosition","x","y","left","top","videoNaturalSize","setVideoNaturalSize","videoRef","mediaBackground","mediaBackgroundDark","imagePreviewStyles","imagePlaceholder","videoPreviewStyles","aspectRatio","width","height","opacity","video","focalPointHint","plus","renderMediaSection","open","openMediaOptions","getMediaOptions","mediaPreview","mediaInner","IMAGE_BACKGROUND_TYPE","destructiveButton","id","label","onPress","separated","image","VIDEO_BACKGROUND_TYPE","event","naturalSize","current","seek","uri","clearMediaButton","ALLOWED_MEDIA_TYPES","overlayColor","customOverlayColor","gradient","customGradient","rangeCellContainer","COVER_MAX_HEIGHT"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport Video from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tImage,\n\tIcon,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tPanelBody,\n\tRangeControl,\n\tUnitControl,\n\tTextControl,\n\tBottomSheet,\n\tToggleControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { plus } from '@wordpress/icons';\nimport { useState, useCallback, useRef } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useSetting, MediaUpload } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport OverlayColorSettings from './overlay-color-settings';\nimport FocalPointSettingsButton from './focal-point-settings-button';\nimport {\n\tALLOWED_MEDIA_TYPES,\n\tCOVER_MIN_HEIGHT,\n\tCOVER_MAX_HEIGHT,\n\tCOVER_DEFAULT_HEIGHT,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n} from './shared';\n\nfunction Controls( {\n\tattributes,\n\tdidUploadFail,\n\thasOnlyColorBackground,\n\tisUploadInProgress,\n\tonClearMedia,\n\tonSelectMedia,\n\tsetAttributes,\n} ) {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\thasParallax,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\tminHeightUnit = 'px',\n\t\turl,\n\t} = attributes;\n\tconst CONTAINER_HEIGHT = minHeight || COVER_DEFAULT_HEIGHT;\n\tconst onHeightChange = useCallback(\n\t\t( value ) => {\n\t\t\tif ( minHeight || value !== COVER_DEFAULT_HEIGHT ) {\n\t\t\t\tsetAttributes( { minHeight: value } );\n\t\t\t}\n\t\t},\n\t\t[ minHeight ]\n\t);\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t\t'vh',\n\t\t],\n\t\tdefaultValues: { px: 430, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst onOpacityChange = useCallback( ( value ) => {\n\t\tsetAttributes( { dimRatio: value } );\n\t}, [] );\n\n\tconst onChangeUnit = useCallback( ( nextUnit ) => {\n\t\tsetAttributes( {\n\t\t\tminHeightUnit: nextUnit,\n\t\t\tminHeight:\n\t\t\t\tnextUnit === 'px'\n\t\t\t\t\t? Math.max( CONTAINER_HEIGHT, COVER_MIN_HEIGHT )\n\t\t\t\t\t: CONTAINER_HEIGHT,\n\t\t} );\n\t}, [] );\n\n\tconst [ displayPlaceholder, setDisplayPlaceholder ] = useState( true );\n\n\tfunction setFocalPoint( value ) {\n\t\tsetAttributes( { focalPoint: value } );\n\t}\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax\n\t\t\t\t? { focalPoint: undefined }\n\t\t\t\t: { focalPoint: IMAGE_DEFAULT_FOCAL_POINT } ),\n\t\t} );\n\t};\n\n\tconst addMediaButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.addMediaButton,\n\t\tstyles.addMediaButtonDark\n\t);\n\n\tfunction focalPointPosition( { x, y } = IMAGE_DEFAULT_FOCAL_POINT ) {\n\t\treturn {\n\t\t\tleft: `${ ( hasParallax ? 0.5 : x ) * 100 }%`,\n\t\t\ttop: `${ ( hasParallax ? 0.5 : y ) * 100 }%`,\n\t\t};\n\t}\n\n\tconst [ videoNaturalSize, setVideoNaturalSize ] = useState( null );\n\tconst videoRef = useRef( null );\n\n\tconst mediaBackground = usePreferredColorSchemeStyle(\n\t\tstyles.mediaBackground,\n\t\tstyles.mediaBackgroundDark\n\t);\n\tconst imagePreviewStyles = [\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\tconst videoPreviewStyles = [\n\t\t{\n\t\t\taspectRatio:\n\t\t\t\tvideoNaturalSize &&\n\t\t\t\tvideoNaturalSize.width / videoNaturalSize.height,\n\t\t\t// Hide Video component since it has black background while loading the source\n\t\t\topacity: displayPlaceholder ? 0 : 1,\n\t\t},\n\t\tstyles.video,\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\n\tconst focalPointHint = ! hasParallax && ! displayPlaceholder && (\n\t\t<Icon\n\t\t\ticon={ plus }\n\t\t\tsize={ styles.focalPointHint?.width }\n\t\t\tstyle={ [\n\t\t\t\tstyles.focalPointHint,\n\t\t\t\tfocalPointPosition( focalPoint ),\n\t\t\t] }\n\t\t/>\n\t);\n\n\tconst renderMediaSection = ( {\n\t\topen: openMediaOptions,\n\t\tgetMediaOptions,\n\t} ) => (\n\t\t<>\n\t\t\t{ getMediaOptions() }\n\t\t\t{ url ? (\n\t\t\t\t<>\n\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.mediaPreview,\n\t\t\t\t\t\t\tmediaBackground,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ styles.mediaInner }>\n\t\t\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\teditButton={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\thighlightSelected={ false }\n\t\t\t\t\t\t\t\t\tisSelected={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\t\t\tmediaPickerOptions={ [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\tonImageDataLoad={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\t\tstyle={ imagePreviewStyles }\n\t\t\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Video\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\t\t\t\tonLoadStart={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( true );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tconst { height, width } =\n\t\t\t\t\t\t\t\t\t\t\tevent.naturalSize;\n\t\t\t\t\t\t\t\t\t\tsetVideoNaturalSize( {\n\t\t\t\t\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t\t// Avoid invisible, paused video on Android, presumably\n\t\t\t\t\t\t\t\t\t\t// related to https://github.com/react-native-video/react-native-video/issues/1979\n\t\t\t\t\t\t\t\t\t\tvideoRef?.current.seek( 0 );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tref={ videoRef }\n\t\t\t\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\t\t\t\tstyle={ videoPreviewStyles }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ displayPlaceholder ? null : focalPointHint }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t<FocalPointSettingsButton\n\t\t\t\t\t\tdisabled={ hasParallax }\n\t\t\t\t\t\tfocalPoint={ focalPoint || IMAGE_DEFAULT_FOCAL_POINT }\n\t\t\t\t\t\tonFocalPointChange={ setFocalPoint }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t/>\n\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tlabel={ __( 'Clear Media' ) }\n\t\t\t\t\t\tlabelStyle={ styles.clearMediaButton }\n\t\t\t\t\t\tonPress={ onClearMedia }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<TextControl\n\t\t\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabelStyle={ addMediaButtonStyle }\n\t\t\t\t\tleftAlign\n\t\t\t\t\tonPress={ openMediaOptions }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Media' ) }>\n\t\t\t\t<MediaUpload\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\trender={ renderMediaSection }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\n\t\t\t<OverlayColorSettings\n\t\t\t\toverlayColor={ attributes.overlayColor }\n\t\t\t\tcustomOverlayColor={ attributes.customOverlayColor }\n\t\t\t\tgradient={ attributes.gradient }\n\t\t\t\tcustomGradient={ attributes.customGradient }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\n\t\t\t{ url ? (\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Opacity' ) }\n\t\t\t\t\t\tminimumValue={ 0 }\n\t\t\t\t\t\tmaximumValue={ 100 }\n\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\tonChange={ onOpacityChange }\n\t\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\t\tseparatorType={ 'topFullWidth' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) : null }\n\n\t\t\t<PanelBody title={ __( 'Dimensions' ) }>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tmin={ minHeightUnit === 'px' ? COVER_MIN_HEIGHT : 1 }\n\t\t\t\t\tmax={ COVER_MAX_HEIGHT }\n\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\tvalue={ CONTAINER_HEIGHT }\n\t\t\t\t\tonChange={ onHeightChange }\n\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\tkey={ minHeightUnit }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default Controls;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/cover/controls.native.js"],"names":["Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","COVER_DEFAULT_HEIGHT","onHeightChange","value","units","availableUnits","defaultValues","px","em","rem","vw","vh","onOpacityChange","onChangeUnit","nextUnit","Math","max","COVER_MIN_HEIGHT","displayPlaceholder","setDisplayPlaceholder","setFocalPoint","toggleParallax","undefined","IMAGE_DEFAULT_FOCAL_POINT","addMediaButtonStyle","styles","addMediaButton","addMediaButtonDark","focalPointPosition","x","y","left","top","videoNaturalSize","setVideoNaturalSize","videoRef","mediaBackground","mediaBackgroundDark","imagePreviewStyles","imagePlaceholder","videoPreviewStyles","aspectRatio","width","height","opacity","video","focalPointHint","plus","renderMediaSection","open","openMediaOptions","getMediaOptions","mediaPreview","mediaInner","IMAGE_BACKGROUND_TYPE","destructiveButton","id","label","onPress","separated","image","VIDEO_BACKGROUND_TYPE","event","naturalSize","current","seek","uri","clearMediaButton","ALLOWED_MEDIA_TYPES","overlayColor","customOverlayColor","gradient","customGradient","rangeCellContainer","COVER_MAX_HEIGHT"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport Video from 'react-native-video';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tImage,\n\tIcon,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tPanelBody,\n\tRangeControl,\n\tUnitControl,\n\tTextControl,\n\tBottomSheet,\n\tToggleControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n} from '@wordpress/components';\nimport { plus } from '@wordpress/icons';\nimport { useState, useCallback, useRef } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { useSetting, MediaUpload } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport OverlayColorSettings from './overlay-color-settings';\nimport FocalPointSettingsButton from './focal-point-settings-button';\nimport {\n\tALLOWED_MEDIA_TYPES,\n\tCOVER_MIN_HEIGHT,\n\tCOVER_MAX_HEIGHT,\n\tCOVER_DEFAULT_HEIGHT,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n} from './shared';\n\nfunction Controls( {\n\tattributes,\n\tdidUploadFail,\n\thasOnlyColorBackground,\n\tisUploadInProgress,\n\tonClearMedia,\n\tonSelectMedia,\n\tsetAttributes,\n} ) {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\thasParallax,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\tminHeightUnit = 'px',\n\t\turl,\n\t} = attributes;\n\tconst CONTAINER_HEIGHT = minHeight || COVER_DEFAULT_HEIGHT;\n\tconst onHeightChange = useCallback(\n\t\t( value ) => {\n\t\t\tif ( minHeight || value !== COVER_DEFAULT_HEIGHT ) {\n\t\t\t\tsetAttributes( { minHeight: value } );\n\t\t\t}\n\t\t},\n\t\t[ minHeight ]\n\t);\n\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || [\n\t\t\t'px',\n\t\t\t'em',\n\t\t\t'rem',\n\t\t\t'vw',\n\t\t\t'vh',\n\t\t],\n\t\tdefaultValues: { px: 430, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst onOpacityChange = useCallback( ( value ) => {\n\t\tsetAttributes( { dimRatio: value } );\n\t}, [] );\n\n\tconst onChangeUnit = useCallback( ( nextUnit ) => {\n\t\tsetAttributes( {\n\t\t\tminHeightUnit: nextUnit,\n\t\t\tminHeight:\n\t\t\t\tnextUnit === 'px'\n\t\t\t\t\t? Math.max( CONTAINER_HEIGHT, COVER_MIN_HEIGHT )\n\t\t\t\t\t: CONTAINER_HEIGHT,\n\t\t} );\n\t}, [] );\n\n\tconst [ displayPlaceholder, setDisplayPlaceholder ] = useState( true );\n\n\tfunction setFocalPoint( value ) {\n\t\tsetAttributes( { focalPoint: value } );\n\t}\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax\n\t\t\t\t? { focalPoint: undefined }\n\t\t\t\t: { focalPoint: IMAGE_DEFAULT_FOCAL_POINT } ),\n\t\t} );\n\t};\n\n\tconst addMediaButtonStyle = usePreferredColorSchemeStyle(\n\t\tstyles.addMediaButton,\n\t\tstyles.addMediaButtonDark\n\t);\n\n\tfunction focalPointPosition( { x, y } = IMAGE_DEFAULT_FOCAL_POINT ) {\n\t\treturn {\n\t\t\tleft: `${ ( hasParallax ? 0.5 : x ) * 100 }%`,\n\t\t\ttop: `${ ( hasParallax ? 0.5 : y ) * 100 }%`,\n\t\t};\n\t}\n\n\tconst [ videoNaturalSize, setVideoNaturalSize ] = useState( null );\n\tconst videoRef = useRef( null );\n\n\tconst mediaBackground = usePreferredColorSchemeStyle(\n\t\tstyles.mediaBackground,\n\t\tstyles.mediaBackgroundDark\n\t);\n\tconst imagePreviewStyles = [\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\tconst videoPreviewStyles = [\n\t\t{\n\t\t\taspectRatio:\n\t\t\t\tvideoNaturalSize &&\n\t\t\t\tvideoNaturalSize.width / videoNaturalSize.height,\n\t\t\t// Hide Video component since it has black background while loading the source\n\t\t\topacity: displayPlaceholder ? 0 : 1,\n\t\t},\n\t\tstyles.video,\n\t\tdisplayPlaceholder && styles.imagePlaceholder,\n\t];\n\n\tconst focalPointHint = ! hasParallax && ! displayPlaceholder && (\n\t\t<Icon\n\t\t\ticon={ plus }\n\t\t\tsize={ styles.focalPointHint?.width }\n\t\t\tstyle={ [\n\t\t\t\tstyles.focalPointHint,\n\t\t\t\tfocalPointPosition( focalPoint ),\n\t\t\t] }\n\t\t/>\n\t);\n\n\tconst renderMediaSection = ( {\n\t\topen: openMediaOptions,\n\t\tgetMediaOptions,\n\t} ) => (\n\t\t<>\n\t\t\t{ getMediaOptions() }\n\t\t\t{ url ? (\n\t\t\t\t<>\n\t\t\t\t\t<BottomSheet.Cell\n\t\t\t\t\t\taccessible={ false }\n\t\t\t\t\t\tcellContainerStyle={ [\n\t\t\t\t\t\t\tstyles.mediaPreview,\n\t\t\t\t\t\t\tmediaBackground,\n\t\t\t\t\t\t] }\n\t\t\t\t\t>\n\t\t\t\t\t\t<View style={ styles.mediaInner }>\n\t\t\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\t\t\teditButton={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\thighlightSelected={ false }\n\t\t\t\t\t\t\t\t\tisSelected={ ! displayPlaceholder }\n\t\t\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\t\t\tmediaPickerOptions={ [\n\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\t\t\tonImageDataLoad={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\t\t\topenMediaOptions={ openMediaOptions }\n\t\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\t\theight=\"100%\"\n\t\t\t\t\t\t\t\t\tstyle={ imagePreviewStyles }\n\t\t\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t\t\t<Video\n\t\t\t\t\t\t\t\t\tmuted\n\t\t\t\t\t\t\t\t\tpaused\n\t\t\t\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\t\t\t\tonLoadStart={ () => {\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( true );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tonLoad={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\tconst { height, width } =\n\t\t\t\t\t\t\t\t\t\t\tevent.naturalSize;\n\t\t\t\t\t\t\t\t\t\tsetVideoNaturalSize( {\n\t\t\t\t\t\t\t\t\t\t\theight,\n\t\t\t\t\t\t\t\t\t\t\twidth,\n\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\tsetDisplayPlaceholder( false );\n\t\t\t\t\t\t\t\t\t\t// Avoid invisible, paused video on Android, presumably\n\t\t\t\t\t\t\t\t\t\t// related to https://github.com/react-native-video/react-native-video/issues/1979\n\t\t\t\t\t\t\t\t\t\tvideoRef?.current.seek( 0 );\n\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\tref={ videoRef }\n\t\t\t\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\t\t\t\tstyle={ videoPreviewStyles }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t{ displayPlaceholder ? null : focalPointHint }\n\t\t\t\t\t\t</View>\n\t\t\t\t\t</BottomSheet.Cell>\n\t\t\t\t\t<FocalPointSettingsButton\n\t\t\t\t\t\tdisabled={ hasParallax }\n\t\t\t\t\t\tfocalPoint={ focalPoint || IMAGE_DEFAULT_FOCAL_POINT }\n\t\t\t\t\t\tonFocalPointChange={ setFocalPoint }\n\t\t\t\t\t\turl={ url }\n\t\t\t\t\t/>\n\t\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\tleftAlign\n\t\t\t\t\t\tlabel={ __( 'Clear Media' ) }\n\t\t\t\t\t\tlabelStyle={ styles.clearMediaButton }\n\t\t\t\t\t\tonPress={ onClearMedia }\n\t\t\t\t\t/>\n\t\t\t\t</>\n\t\t\t) : (\n\t\t\t\t<TextControl\n\t\t\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabel={ __( 'Add image or video' ) }\n\t\t\t\t\tlabelStyle={ addMediaButtonStyle }\n\t\t\t\t\tleftAlign\n\t\t\t\t\tonPress={ openMediaOptions }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</>\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<PanelBody title={ __( 'Media' ) }>\n\t\t\t\t<MediaUpload\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\trender={ renderMediaSection }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\n\t\t\t<OverlayColorSettings\n\t\t\t\toverlayColor={ attributes.overlayColor }\n\t\t\t\tcustomOverlayColor={ attributes.customOverlayColor }\n\t\t\t\tgradient={ attributes.gradient }\n\t\t\t\tcustomGradient={ attributes.customGradient }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t/>\n\n\t\t\t{ url ? (\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\tlabel={ __( 'Opacity' ) }\n\t\t\t\t\t\tminimumValue={ 0 }\n\t\t\t\t\t\tmaximumValue={ 100 }\n\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\tonChange={ onOpacityChange }\n\t\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\t\tseparatorType={ 'topFullWidth' }\n\t\t\t\t\t/>\n\t\t\t\t</PanelBody>\n\t\t\t) : null }\n\n\t\t\t<PanelBody title={ __( 'Dimensions' ) }>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tmin={ minHeightUnit === 'px' ? COVER_MIN_HEIGHT : 1 }\n\t\t\t\t\tmax={ COVER_MAX_HEIGHT }\n\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\tvalue={ CONTAINER_HEIGHT }\n\t\t\t\t\tonChange={ onHeightChange }\n\t\t\t\t\tonUnitChange={ onChangeUnit }\n\t\t\t\t\tunits={ units }\n\t\t\t\t\tstyle={ styles.rangeCellContainer }\n\t\t\t\t\tkey={ minHeightUnit }\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</>\n\t);\n}\n\nexport default Controls;\n"]}

package/build/cover/deprecated.js

@@ -184,10 +184,9 @@ const v11 = {
   attributes: v8ToV10BlockAttributes,
   supports: v7toV10BlockSupports,
 
-  save(_ref) {
-    let {
-      attributes
-    } = _ref;
+  save({
+    attributes
+  }) {
     const {
       backgroundType,
       gradient,
@@ -235,10 +234,11 @@ const v11 = {
       'is-repeated': isRepeated
     });
     const gradientValue = gradient || customGradient;
-    return (0, _element.createElement)("div", _blockEditor.useBlockProps.save({
-      className: classes,
-      style
-    }), (0, _element.createElement)("span", {
+    return (0, _element.createElement)("div", { ..._blockEditor.useBlockProps.save({
+        className: classes,
+        style
+      })
+    }, (0, _element.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
         'has-background-dim': dimRatio !== undefined,
@@ -278,9 +278,10 @@ const v11 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), (0, _element.createElement)("div", _blockEditor.useInnerBlocksProps.save({
-      className: 'wp-block-cover__inner-container'
-    })));
+    }), (0, _element.createElement)("div", { ..._blockEditor.useInnerBlocksProps.save({
+        className: 'wp-block-cover__inner-container'
+      })
+    }));
   }
 
 }; // Deprecation for blocks that renders fixed background as backgroud from the main block container.
@@ -289,10 +290,9 @@ const v10 = {
   attributes: v8ToV10BlockAttributes,
   supports: v7toV10BlockSupports,
 
-  save(_ref2) {
-    let {
-      attributes
-    } = _ref2;
+  save({
+    attributes
+  }) {
     const {
       backgroundType,
       gradient,
@@ -334,10 +334,11 @@ const v10 = {
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
     const gradientValue = gradient || customGradient;
-    return (0, _element.createElement)("div", _blockEditor.useBlockProps.save({
-      className: classes,
-      style
-    }), (0, _element.createElement)("span", {
+    return (0, _element.createElement)("div", { ..._blockEditor.useBlockProps.save({
+        className: classes,
+        style
+      })
+    }, (0, _element.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
         'has-background-dim': dimRatio !== undefined,
@@ -370,9 +371,10 @@ const v10 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), (0, _element.createElement)("div", _blockEditor.useInnerBlocksProps.save({
-      className: 'wp-block-cover__inner-container'
-    })));
+    }), (0, _element.createElement)("div", { ..._blockEditor.useInnerBlocksProps.save({
+        className: 'wp-block-cover__inner-container'
+      })
+    }));
   }
 
 }; // Deprecation for blocks with `minHeightUnit` set but no `minHeight`.
@@ -381,10 +383,9 @@ const v9 = {
   attributes: v8ToV10BlockAttributes,
   supports: v7toV10BlockSupports,
 
-  save(_ref3) {
-    let {
-      attributes
-    } = _ref3;
+  save({
+    attributes
+  }) {
     const {
       backgroundType,
       gradient,
@@ -425,10 +426,11 @@ const v9 = {
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
     const gradientValue = gradient || customGradient;
-    return (0, _element.createElement)("div", _blockEditor.useBlockProps.save({
-      className: classes,
-      style
-    }), (0, _element.createElement)("span", {
+    return (0, _element.createElement)("div", { ..._blockEditor.useBlockProps.save({
+        className: classes,
+        style
+      })
+    }, (0, _element.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
         'has-background-dim': dimRatio !== undefined,
@@ -461,9 +463,10 @@ const v9 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), (0, _element.createElement)("div", _blockEditor.useInnerBlocksProps.save({
-      className: 'wp-block-cover__inner-container'
-    })));
+    }), (0, _element.createElement)("div", { ..._blockEditor.useInnerBlocksProps.save({
+        className: 'wp-block-cover__inner-container'
+      })
+    }));
   },
 
   migrate: migrateTag
@@ -473,10 +476,9 @@ const v8 = {
   attributes: v8ToV10BlockAttributes,
   supports: v7toV10BlockSupports,
 
-  save(_ref4) {
-    let {
-      attributes
-    } = _ref4;
+  save({
+    attributes
+  }) {
     const {
       backgroundType,
       gradient,
@@ -516,10 +518,11 @@ const v8 = {
       'is-repeated': isRepeated,
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
-    return (0, _element.createElement)("div", _blockEditor.useBlockProps.save({
-      className: classes,
-      style
-    }), (0, _element.createElement)("span", {
+    return (0, _element.createElement)("div", { ..._blockEditor.useBlockProps.save({
+        className: classes,
+        style
+      })
+    }, (0, _element.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)(overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), 'wp-block-cover__gradient-background', gradientClass, {
         'has-background-dim': dimRatio !== undefined,
@@ -548,9 +551,10 @@ const v8 = {
       },
       "data-object-fit": "cover",
       "data-object-position": objectPosition
-    }), (0, _element.createElement)("div", _blockEditor.useInnerBlocksProps.save({
-      className: 'wp-block-cover__inner-container'
-    })));
+    }), (0, _element.createElement)("div", { ..._blockEditor.useInnerBlocksProps.save({
+        className: 'wp-block-cover__inner-container'
+      })
+    }));
   },
 
   migrate: migrateTag
@@ -586,10 +590,9 @@ const v7 = {
   },
   supports: v7toV10BlockSupports,
 
-  save(_ref5) {
-    let {
-      attributes
-    } = _ref5;
+  save({
+    attributes
+  }) {
     const {
       backgroundType,
       gradient,
@@ -628,10 +631,11 @@ const v7 = {
       [gradientClass]: !url && gradientClass,
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
-    return (0, _element.createElement)("div", _blockEditor.useBlockProps.save({
-      className: classes,
-      style
-    }), url && (gradient || customGradient) && dimRatio !== 0 && (0, _element.createElement)("span", {
+    return (0, _element.createElement)("div", { ..._blockEditor.useBlockProps.save({
+        className: classes,
+        style
+      })
+    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _element.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
@@ -691,10 +695,9 @@ const v6 = {
     align: true
   },
 
-  save(_ref6) {
-    let {
-      attributes
-    } = _ref6;
+  save({
+    attributes
+  }) {
     const {
       backgroundType,
       gradient,
@@ -749,10 +752,11 @@ const v6 = {
       [gradientClass]: !url && gradientClass,
       'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
     }, (0, _shared.getPositionClassName)(contentPosition));
-    return (0, _element.createElement)("div", _blockEditor.useBlockProps.save({
-      className: classes,
-      style
-    }), url && (gradient || customGradient) && dimRatio !== 0 && (0, _element.createElement)("span", {
+    return (0, _element.createElement)("div", { ..._blockEditor.useBlockProps.save({
+        className: classes,
+        style
+      })
+    }, url && (gradient || customGradient) && dimRatio !== 0 && (0, _element.createElement)("span", {
       "aria-hidden": "true",
       className: (0, _classnames.default)('wp-block-cover__gradient-background', gradientClass),
       style: customGradient ? {
@@ -789,10 +793,9 @@ const v5 = {
     align: true
   },
 
-  save(_ref7) {
-    let {
-      attributes
-    } = _ref7;
+  save({
+    attributes
+  }) {
     const {
       backgroundType,
       gradient,
@@ -866,10 +869,9 @@ const v4 = {
     align: true
   },
 
-  save(_ref8) {
-    let {
-      attributes
-    } = _ref8;
+  save({
+    attributes
+  }) {
     const {
       backgroundType,
       gradient,
@@ -943,10 +945,9 @@ const v3 = {
     align: true
   },
 
-  save(_ref9) {
-    let {
-      attributes
-    } = _ref9;
+  save({
+    attributes
+  }) {
     const {
       backgroundType,
       contentAlign,
@@ -1028,10 +1029,9 @@ const v2 = {
     className: false
   },
 
-  save(_ref10) {
-    let {
-      attributes
-    } = _ref10;
+  save({
+    attributes
+  }) {
     const {
       url,
       title,
@@ -1103,10 +1103,9 @@ const v1 = {
     className: false
   },
 
-  save(_ref11) {
-    let {
-      attributes
-    } = _ref11;
+  save({
+    attributes
+  }) {
     const {
       url,
       title,