@wordpress/block-library 9.32.0 → 9.33.0

package/build/cover/controls.native.js

@@ -1,248 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _reactNative = require("react-native");
-var _reactNativeVideo = _interopRequireDefault(require("react-native-video"));
-var _components = require("@wordpress/components");
-var _icons = require("@wordpress/icons");
-var _element = require("@wordpress/element");
-var _compose = require("@wordpress/compose");
-var _blockEditor = require("@wordpress/block-editor");
-var _i18n = require("@wordpress/i18n");
-var _style = _interopRequireDefault(require("./style.scss"));
-var _overlayColorSettings = _interopRequireDefault(require("./overlay-color-settings"));
-var _focalPointSettingsButton = _interopRequireDefault(require("./focal-point-settings-button"));
-var _shared = require("./shared");
-var _jsxRuntime = require("react/jsx-runtime");
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-
-function Controls({
-  attributes,
-  didUploadFail,
-  hasOnlyColorBackground,
-  isUploadInProgress,
-  onClearMedia,
-  onSelectMedia,
-  setAttributes
-}) {
-  const {
-    backgroundType,
-    dimRatio,
-    hasParallax,
-    focalPoint,
-    minHeight,
-    minHeightUnit = 'px',
-    url
-  } = attributes;
-  const CONTAINER_HEIGHT = minHeight || _shared.COVER_DEFAULT_HEIGHT;
-  const onHeightChange = (0, _element.useCallback)(value => {
-    if (minHeight || value !== _shared.COVER_DEFAULT_HEIGHT) {
-      setAttributes({
-        minHeight: value
-      });
-    }
-  }, [minHeight]);
-  const [availableUnits] = (0, _blockEditor.useSettings)('spacing.units');
-  const units = (0, _components.__experimentalUseCustomUnits)({
-    availableUnits: availableUnits || ['px', 'em', 'rem', 'vw', 'vh'],
-    defaultValues: {
-      px: 430,
-      em: 20,
-      rem: 20,
-      vw: 20,
-      vh: 50
-    }
-  });
-  const onOpacityChange = (0, _element.useCallback)(value => {
-    setAttributes({
-      dimRatio: value
-    });
-  }, []);
-  const onChangeUnit = (0, _element.useCallback)(nextUnit => {
-    setAttributes({
-      minHeightUnit: nextUnit,
-      minHeight: nextUnit === 'px' ? Math.max(CONTAINER_HEIGHT, _shared.COVER_MIN_HEIGHT) : CONTAINER_HEIGHT
-    });
-  }, []);
-  const [displayPlaceholder, setDisplayPlaceholder] = (0, _element.useState)(true);
-  function setFocalPoint(value) {
-    setAttributes({
-      focalPoint: value
-    });
-  }
-  const toggleParallax = () => {
-    setAttributes({
-      hasParallax: !hasParallax,
-      ...(!hasParallax ? {
-        focalPoint: undefined
-      } : {
-        focalPoint: _components.IMAGE_DEFAULT_FOCAL_POINT
-      })
-    });
-  };
-  const addMediaButtonStyle = (0, _compose.usePreferredColorSchemeStyle)(_style.default.addMediaButton, _style.default.addMediaButtonDark);
-  function focalPointPosition({
-    x,
-    y
-  } = _components.IMAGE_DEFAULT_FOCAL_POINT) {
-    return {
-      left: `${(hasParallax ? 0.5 : x) * 100}%`,
-      top: `${(hasParallax ? 0.5 : y) * 100}%`
-    };
-  }
-  const [videoNaturalSize, setVideoNaturalSize] = (0, _element.useState)(null);
-  const videoRef = (0, _element.useRef)(null);
-  const mediaBackground = (0, _compose.usePreferredColorSchemeStyle)(_style.default.mediaBackground, _style.default.mediaBackgroundDark);
-  const imagePreviewStyles = [displayPlaceholder && _style.default.imagePlaceholder];
-  const videoPreviewStyles = [{
-    aspectRatio: videoNaturalSize && videoNaturalSize.width / videoNaturalSize.height,
-    // Hide Video component since it has black background while loading the source
-    opacity: displayPlaceholder ? 0 : 1
-  }, _style.default.video, displayPlaceholder && _style.default.imagePlaceholder];
-  const focalPointHint = !hasParallax && !displayPlaceholder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Icon, {
-    icon: _icons.plus,
-    size: _style.default.focalPointHint?.width,
-    style: [_style.default.focalPointHint, focalPointPosition(focalPoint)]
-  });
-  const renderMediaSection = ({
-    open: openMediaOptions,
-    getMediaOptions
-  }) => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [getMediaOptions(), url ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BottomSheet.Cell, {
-        accessible: false,
-        cellContainerStyle: [_style.default.mediaPreview, mediaBackground],
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-          style: _style.default.mediaInner,
-          children: [_shared.IMAGE_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_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: _style.default.image?.width
-          }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_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]
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_focalPointSettingsButton.default, {
-        disabled: hasParallax,
-        focalPoint: focalPoint || _components.IMAGE_DEFAULT_FOCAL_POINT,
-        onFocalPointChange: setFocalPoint,
-        url: url
-      }), _shared.IMAGE_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.ToggleControl, {
-        label: (0, _i18n.__)('Fixed background'),
-        checked: hasParallax,
-        onChange: toggleParallax
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
-        leftAlign: true,
-        label: (0, _i18n.__)('Clear Media'),
-        labelStyle: _style.default.clearMediaButton,
-        onPress: onClearMedia
-      })]
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.TextControl, {
-      accessibilityLabel: (0, _i18n.__)('Add image or video'),
-      label: (0, _i18n.__)('Add image or video'),
-      labelStyle: addMediaButtonStyle,
-      leftAlign: true,
-      onPress: openMediaOptions
-    })]
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
-      title: (0, _i18n.__)('Media'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUpload, {
-        allowedTypes: _shared.ALLOWED_MEDIA_TYPES,
-        isReplacingMedia: !hasOnlyColorBackground,
-        onSelect: onSelectMedia,
-        render: renderMediaSection
-      })
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_overlayColorSettings.default, {
-      overlayColor: attributes.overlayColor,
-      customOverlayColor: attributes.customOverlayColor,
-      gradient: attributes.gradient,
-      customGradient: attributes.customGradient,
-      setAttributes: setAttributes
-    }), url ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.RangeControl, {
-        label: (0, _i18n.__)('Opacity'),
-        minimumValue: 0,
-        maximumValue: 100,
-        value: dimRatio,
-        onChange: onOpacityChange,
-        style: _style.default.rangeCellContainer,
-        separatorType: "topFullWidth"
-      })
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.PanelBody, {
-      title: (0, _i18n.__)('Dimensions'),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.UnitControl, {
-        label: (0, _i18n.__)('Minimum height'),
-        min: minHeightUnit === 'px' ? _shared.COVER_MIN_HEIGHT : 1,
-        max: _shared.COVER_MAX_HEIGHT,
-        unit: minHeightUnit,
-        value: CONTAINER_HEIGHT,
-        onChange: onHeightChange,
-        onUnitChange: onChangeUnit,
-        units: units,
-        style: _style.default.rangeCellContainer
-      }, minHeightUnit)
-    })]
-  });
-}
-var _default = exports.default = Controls;
-//# sourceMappingURL=controls.native.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_components","_icons","_element","_compose","_blockEditor","_i18n","_style","_overlayColorSettings","_focalPointSettingsButton","_shared","_jsxRuntime","Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","COVER_DEFAULT_HEIGHT","onHeightChange","useCallback","value","availableUnits","useSettings","units","useCustomUnits","defaultValues","px","em","rem","vw","vh","onOpacityChange","onChangeUnit","nextUnit","Math","max","COVER_MIN_HEIGHT","displayPlaceholder","setDisplayPlaceholder","useState","setFocalPoint","toggleParallax","undefined","IMAGE_DEFAULT_FOCAL_POINT","addMediaButtonStyle","usePreferredColorSchemeStyle","styles","addMediaButton","addMediaButtonDark","focalPointPosition","x","y","left","top","videoNaturalSize","setVideoNaturalSize","videoRef","useRef","mediaBackground","mediaBackgroundDark","imagePreviewStyles","imagePlaceholder","videoPreviewStyles","aspectRatio","width","height","opacity","video","focalPointHint","jsx","Icon","icon","plus","size","style","renderMediaSection","open","openMediaOptions","getMediaOptions","jsxs","Fragment","children","BottomSheet","Cell","accessible","cellContainerStyle","mediaPreview","View","mediaInner","IMAGE_BACKGROUND_TYPE","Image","editButton","highlightSelected","isSelected","isUploadFailed","mediaPickerOptions","destructiveButton","id","label","__","onPress","separated","onImageDataLoad","onSelectMediaUploadOption","image","VIDEO_BACKGROUND_TYPE","default","muted","paused","disableFocus","onLoadStart","onLoad","event","naturalSize","current","seek","ref","resizeMode","source","uri","disabled","onFocalPointChange","ToggleControl","checked","onChange","TextControl","leftAlign","labelStyle","clearMediaButton","accessibilityLabel","PanelBody","title","MediaUpload","allowedTypes","ALLOWED_MEDIA_TYPES","isReplacingMedia","onSelect","render","overlayColor","customOverlayColor","gradient","customGradient","RangeControl","minimumValue","maximumValue","rangeCellContainer","separatorType","UnitControl","min","COVER_MAX_HEIGHT","unit","onUnitChange","_default","exports"],"sources":["@wordpress/block-library/src/cover/controls.native.js"],"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 { useSettings, 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 [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem', 'vw', 'vh' ],\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"],"mappings":"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","ignoreList":[]}