@wordpress/block-library 8.34.0 → 9.0.0

package/build-module/cover/controls.native.js

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * External dependencies
  */
@@ -22,6 +21,9 @@ import styles from './style.scss';
 import OverlayColorSettings from './overlay-color-settings';
 import FocalPointSettingsButton from './focal-point-settings-button';
 import { ALLOWED_MEDIA_TYPES, COVER_MIN_HEIGHT, COVER_MAX_HEIGHT, COVER_DEFAULT_HEIGHT, IMAGE_BACKGROUND_TYPE, VIDEO_BACKGROUND_TYPE } from './shared';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 function Controls({
   attributes,
   didUploadFail,
@@ -105,7 +107,7 @@ function Controls({
     // Hide Video component since it has black background while loading the source
     opacity: displayPlaceholder ? 0 : 1
   }, styles.video, displayPlaceholder && styles.imagePlaceholder];
-  const focalPointHint = !hasParallax && !displayPlaceholder && createElement(Icon, {
+  const focalPointHint = !hasParallax && !displayPlaceholder && /*#__PURE__*/_jsx(Icon, {
     icon: plus,
     size: styles.focalPointHint?.width,
     style: [styles.focalPointHint, focalPointPosition(focalPoint)]
@@ -113,117 +115,128 @@ function Controls({
   const renderMediaSection = ({
     open: openMediaOptions,
     getMediaOptions
-  }) => createElement(Fragment, null, getMediaOptions(), url ? createElement(Fragment, null, createElement(BottomSheet.Cell, {
-    accessible: false,
-    cellContainerStyle: [styles.mediaPreview, mediaBackground]
-  }, createElement(View, {
-    style: styles.mediaInner
-  }, IMAGE_BACKGROUND_TYPE === backgroundType && createElement(Image, {
-    editButton: !displayPlaceholder,
-    highlightSelected: false,
-    isSelected: !displayPlaceholder,
-    isUploadFailed: didUploadFail,
-    isUploadInProgress: isUploadInProgress,
-    mediaPickerOptions: [{
-      destructiveButton: true,
-      id: 'clearMedia',
-      label: __('Clear Media'),
-      onPress: onClearMedia,
-      separated: true,
-      value: 'clearMedia'
-    }],
-    onImageDataLoad: () => {
-      setDisplayPlaceholder(false);
-    },
-    onSelectMediaUploadOption: onSelectMedia,
-    openMediaOptions: openMediaOptions,
-    url: url,
-    height: "100%",
-    style: imagePreviewStyles,
-    width: styles.image?.width
-  }), VIDEO_BACKGROUND_TYPE === backgroundType && createElement(Video, {
-    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)), createElement(FocalPointSettingsButton, {
-    disabled: hasParallax,
-    focalPoint: focalPoint || IMAGE_DEFAULT_FOCAL_POINT,
-    onFocalPointChange: setFocalPoint,
-    url: url
-  }), IMAGE_BACKGROUND_TYPE === backgroundType && createElement(ToggleControl, {
-    label: __('Fixed background'),
-    checked: hasParallax,
-    onChange: toggleParallax
-  }), createElement(TextControl, {
-    leftAlign: true,
-    label: __('Clear Media'),
-    labelStyle: styles.clearMediaButton,
-    onPress: onClearMedia
-  })) : createElement(TextControl, {
-    accessibilityLabel: __('Add image or video'),
-    label: __('Add image or video'),
-    labelStyle: addMediaButtonStyle,
-    leftAlign: true,
-    onPress: openMediaOptions
-  }));
-  return createElement(Fragment, null, createElement(PanelBody, {
-    title: __('Media')
-  }, createElement(MediaUpload, {
-    allowedTypes: ALLOWED_MEDIA_TYPES,
-    isReplacingMedia: !hasOnlyColorBackground,
-    onSelect: onSelectMedia,
-    render: renderMediaSection
-  })), createElement(OverlayColorSettings, {
-    overlayColor: attributes.overlayColor,
-    customOverlayColor: attributes.customOverlayColor,
-    gradient: attributes.gradient,
-    customGradient: attributes.customGradient,
-    setAttributes: setAttributes
-  }), url ? createElement(PanelBody, null, createElement(RangeControl, {
-    label: __('Opacity'),
-    minimumValue: 0,
-    maximumValue: 100,
-    value: dimRatio,
-    onChange: onOpacityChange,
-    style: styles.rangeCellContainer,
-    separatorType: 'topFullWidth'
-  })) : null, createElement(PanelBody, {
-    title: __('Dimensions')
-  }, createElement(UnitControl, {
-    label: __('Minimum height'),
-    min: minHeightUnit === 'px' ? COVER_MIN_HEIGHT : 1,
-    max: COVER_MAX_HEIGHT,
-    unit: minHeightUnit,
-    value: CONTAINER_HEIGHT,
-    onChange: onHeightChange,
-    onUnitChange: onChangeUnit,
-    units: units,
-    style: styles.rangeCellContainer,
-    key: minHeightUnit
-  })));
+  }) => /*#__PURE__*/_jsxs(_Fragment, {
+    children: [getMediaOptions(), url ? /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsx(BottomSheet.Cell, {
+        accessible: false,
+        cellContainerStyle: [styles.mediaPreview, mediaBackground],
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.mediaInner,
+          children: [IMAGE_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/_jsx(Image, {
+            editButton: !displayPlaceholder,
+            highlightSelected: false,
+            isSelected: !displayPlaceholder,
+            isUploadFailed: didUploadFail,
+            isUploadInProgress: isUploadInProgress,
+            mediaPickerOptions: [{
+              destructiveButton: true,
+              id: 'clearMedia',
+              label: __('Clear Media'),
+              onPress: onClearMedia,
+              separated: true,
+              value: 'clearMedia'
+            }],
+            onImageDataLoad: () => {
+              setDisplayPlaceholder(false);
+            },
+            onSelectMediaUploadOption: onSelectMedia,
+            openMediaOptions: openMediaOptions,
+            url: url,
+            height: "100%",
+            style: imagePreviewStyles,
+            width: styles.image?.width
+          }), VIDEO_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/_jsx(Video, {
+            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__*/_jsx(FocalPointSettingsButton, {
+        disabled: hasParallax,
+        focalPoint: focalPoint || IMAGE_DEFAULT_FOCAL_POINT,
+        onFocalPointChange: setFocalPoint,
+        url: url
+      }), IMAGE_BACKGROUND_TYPE === backgroundType && /*#__PURE__*/_jsx(ToggleControl, {
+        label: __('Fixed background'),
+        checked: hasParallax,
+        onChange: toggleParallax
+      }), /*#__PURE__*/_jsx(TextControl, {
+        leftAlign: true,
+        label: __('Clear Media'),
+        labelStyle: styles.clearMediaButton,
+        onPress: onClearMedia
+      })]
+    }) : /*#__PURE__*/_jsx(TextControl, {
+      accessibilityLabel: __('Add image or video'),
+      label: __('Add image or video'),
+      labelStyle: addMediaButtonStyle,
+      leftAlign: true,
+      onPress: openMediaOptions
+    })]
+  });
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(PanelBody, {
+      title: __('Media'),
+      children: /*#__PURE__*/_jsx(MediaUpload, {
+        allowedTypes: ALLOWED_MEDIA_TYPES,
+        isReplacingMedia: !hasOnlyColorBackground,
+        onSelect: onSelectMedia,
+        render: renderMediaSection
+      })
+    }), /*#__PURE__*/_jsx(OverlayColorSettings, {
+      overlayColor: attributes.overlayColor,
+      customOverlayColor: attributes.customOverlayColor,
+      gradient: attributes.gradient,
+      customGradient: attributes.customGradient,
+      setAttributes: setAttributes
+    }), url ? /*#__PURE__*/_jsx(PanelBody, {
+      children: /*#__PURE__*/_jsx(RangeControl, {
+        label: __('Opacity'),
+        minimumValue: 0,
+        maximumValue: 100,
+        value: dimRatio,
+        onChange: onOpacityChange,
+        style: styles.rangeCellContainer,
+        separatorType: "topFullWidth"
+      })
+    }) : null, /*#__PURE__*/_jsx(PanelBody, {
+      title: __('Dimensions'),
+      children: /*#__PURE__*/_jsx(UnitControl, {
+        label: __('Minimum height'),
+        min: minHeightUnit === 'px' ? COVER_MIN_HEIGHT : 1,
+        max: COVER_MAX_HEIGHT,
+        unit: minHeightUnit,
+        value: CONTAINER_HEIGHT,
+        onChange: onHeightChange,
+        onUnitChange: onChangeUnit,
+        units: units,
+        style: styles.rangeCellContainer
+      }, minHeightUnit)
+    })]
+  });
 }
 export default Controls;
 //# sourceMappingURL=controls.native.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["View","Video","Image","Icon","IMAGE_DEFAULT_FOCAL_POINT","PanelBody","RangeControl","UnitControl","TextControl","BottomSheet","ToggleControl","__experimentalUseCustomUnits","useCustomUnits","plus","useState","useCallback","useRef","usePreferredColorSchemeStyle","useSettings","MediaUpload","__","styles","OverlayColorSettings","FocalPointSettingsButton","ALLOWED_MEDIA_TYPES","COVER_MIN_HEIGHT","COVER_MAX_HEIGHT","COVER_DEFAULT_HEIGHT","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","onHeightChange","value","availableUnits","units","defaultValues","px","em","rem","vw","vh","onOpacityChange","onChangeUnit","nextUnit","Math","max","displayPlaceholder","setDisplayPlaceholder","setFocalPoint","toggleParallax","undefined","addMediaButtonStyle","addMediaButton","addMediaButtonDark","focalPointPosition","x","y","left","top","videoNaturalSize","setVideoNaturalSize","videoRef","mediaBackground","mediaBackgroundDark","imagePreviewStyles","imagePlaceholder","videoPreviewStyles","aspectRatio","width","height","opacity","video","focalPointHint","createElement","icon","size","style","renderMediaSection","open","openMediaOptions","getMediaOptions","Fragment","Cell","accessible","cellContainerStyle","mediaPreview","mediaInner","editButton","highlightSelected","isSelected","isUploadFailed","mediaPickerOptions","destructiveButton","id","label","onPress","separated","onImageDataLoad","onSelectMediaUploadOption","image","muted","paused","disableFocus","onLoadStart","onLoad","event","naturalSize","current","seek","ref","resizeMode","source","uri","disabled","onFocalPointChange","checked","onChange","leftAlign","labelStyle","clearMediaButton","accessibilityLabel","title","allowedTypes","isReplacingMedia","onSelect","render","overlayColor","customOverlayColor","gradient","customGradient","minimumValue","maximumValue","rangeCellContainer","separatorType","min","unit","onUnitChange","key"],"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":[]}
+{"version":3,"names":["View","Video","Image","Icon","IMAGE_DEFAULT_FOCAL_POINT","PanelBody","RangeControl","UnitControl","TextControl","BottomSheet","ToggleControl","__experimentalUseCustomUnits","useCustomUnits","plus","useState","useCallback","useRef","usePreferredColorSchemeStyle","useSettings","MediaUpload","__","styles","OverlayColorSettings","FocalPointSettingsButton","ALLOWED_MEDIA_TYPES","COVER_MIN_HEIGHT","COVER_MAX_HEIGHT","COVER_DEFAULT_HEIGHT","IMAGE_BACKGROUND_TYPE","VIDEO_BACKGROUND_TYPE","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","onHeightChange","value","availableUnits","units","defaultValues","px","em","rem","vw","vh","onOpacityChange","onChangeUnit","nextUnit","Math","max","displayPlaceholder","setDisplayPlaceholder","setFocalPoint","toggleParallax","undefined","addMediaButtonStyle","addMediaButton","addMediaButtonDark","focalPointPosition","x","y","left","top","videoNaturalSize","setVideoNaturalSize","videoRef","mediaBackground","mediaBackgroundDark","imagePreviewStyles","imagePlaceholder","videoPreviewStyles","aspectRatio","width","height","opacity","video","focalPointHint","icon","size","style","renderMediaSection","open","openMediaOptions","getMediaOptions","children","Cell","accessible","cellContainerStyle","mediaPreview","mediaInner","editButton","highlightSelected","isSelected","isUploadFailed","mediaPickerOptions","destructiveButton","id","label","onPress","separated","onImageDataLoad","onSelectMediaUploadOption","image","muted","paused","disableFocus","onLoadStart","onLoad","event","naturalSize","current","seek","ref","resizeMode","source","uri","disabled","onFocalPointChange","checked","onChange","leftAlign","labelStyle","clearMediaButton","accessibilityLabel","title","allowedTypes","isReplacingMedia","onSelect","render","overlayColor","customOverlayColor","gradient","customGradient","minimumValue","maximumValue","rangeCellContainer","separatorType","min","unit","onUnitChange"],"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":[]}