@wordpress/block-library 8.19.6 → 8.20.1

package/build/comments-title/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_blockEditor","_i18n","_coreData","_components","_data","_apiFetch","_url","Edit","attributes","textAlign","showPostTitle","showCommentsCount","level","setAttributes","context","postType","postId","TagName","commentsCount","setCommentsCount","useState","rawTitle","useEntityProp","isSiteEditor","blockProps","useBlockProps","className","classnames","threadCommentsDepth","threadComments","commentsPerPage","pageComments","useSelect","select","getSettings","blockEditorStore","__experimentalDiscussionSettings","useEffect","nestedCommentsNumber","Math","min","topLevelCommentsNumber","commentsNumber","parseInt","currentPostId","apiFetch","path","addQueryArgs","post","_fields","method","parse","then","res","headers","get","catch","blockControls","createElement","BlockControls","group","AlignmentControl","value","onChange","newAlign","HeadingLevelDropdown","newLevel","inspectorControls","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","checked","postTitle","placeholder","undefined","sprintf","_n","Fragment"],"sources":["@wordpress/block-library/src/comments-title/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tHeadingLevelDropdown,\n} from '@wordpress/block-editor';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function Edit( {\n\tattributes: { textAlign, showPostTitle, showCommentsCount, level },\n\tsetAttributes,\n\tcontext: { postType, postId },\n} ) {\n\tconst TagName = 'h' + level;\n\tconst [ commentsCount, setCommentsCount ] = useState();\n\tconst [ rawTitle ] = useEntityProp( 'postType', postType, 'title', postId );\n\tconst isSiteEditor = typeof postId === 'undefined';\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\tconst {\n\t\tthreadCommentsDepth,\n\t\tthreadComments,\n\t\tcommentsPerPage,\n\t\tpageComments,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().__experimentalDiscussionSettings;\n\t} );\n\n\tuseEffect( () => {\n\t\tif ( isSiteEditor ) {\n\t\t\t// Match the number of comments that will be shown in the comment-template/edit.js placeholder\n\n\t\t\tconst nestedCommentsNumber = threadComments\n\t\t\t\t? Math.min( threadCommentsDepth, 3 ) - 1\n\t\t\t\t: 0;\n\t\t\tconst topLevelCommentsNumber = pageComments ? commentsPerPage : 3;\n\n\t\t\tconst commentsNumber =\n\t\t\t\tparseInt( nestedCommentsNumber ) +\n\t\t\t\tparseInt( topLevelCommentsNumber );\n\n\t\t\tsetCommentsCount( Math.min( commentsNumber, 3 ) );\n\t\t\treturn;\n\t\t}\n\t\tconst currentPostId = postId;\n\t\tapiFetch( {\n\t\t\tpath: addQueryArgs( '/wp/v2/comments', {\n\t\t\t\tpost: postId,\n\t\t\t\t_fields: 'id',\n\t\t\t} ),\n\t\t\tmethod: 'HEAD',\n\t\t\tparse: false,\n\t\t} )\n\t\t\t.then( ( res ) => {\n\t\t\t\t// Stale requests will have the `currentPostId` of an older closure.\n\t\t\t\tif ( currentPostId === postId ) {\n\t\t\t\t\tsetCommentsCount(\n\t\t\t\t\t\tparseInt( res.headers.get( 'X-WP-Total' ) )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\tsetCommentsCount( 0 );\n\t\t\t} );\n\t}, [ postId ] );\n\n\tconst blockControls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ textAlign }\n\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<HeadingLevelDropdown\n\t\t\t\tvalue={ level }\n\t\t\t\tonChange={ ( newLevel ) =>\n\t\t\t\t\tsetAttributes( { level: newLevel } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Show post title' ) }\n\t\t\t\t\tchecked={ showPostTitle }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { showPostTitle: value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Show comments count' ) }\n\t\t\t\t\tchecked={ showCommentsCount }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { showCommentsCount: value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\tconst postTitle = isSiteEditor ? __( '“Post Title”' ) : `\"${ rawTitle }\"`;\n\n\tlet placeholder;\n\tif ( showCommentsCount && commentsCount !== undefined ) {\n\t\tif ( showPostTitle ) {\n\t\t\tif ( commentsCount === 1 ) {\n\t\t\t\t/* translators: %s: Post title. */\n\t\t\t\tplaceholder = sprintf( __( 'One response to %s' ), postTitle );\n\t\t\t} else {\n\t\t\t\tplaceholder = sprintf(\n\t\t\t\t\t/* translators: 1: Number of comments, 2: Post title. */\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'%1$s response to %2$s',\n\t\t\t\t\t\t'%1$s responses to %2$s',\n\t\t\t\t\t\tcommentsCount\n\t\t\t\t\t),\n\t\t\t\t\tcommentsCount,\n\t\t\t\t\tpostTitle\n\t\t\t\t);\n\t\t\t}\n\t\t} else if ( commentsCount === 1 ) {\n\t\t\tplaceholder = __( 'One response' );\n\t\t} else {\n\t\t\tplaceholder = sprintf(\n\t\t\t\t/* translators: %s: Number of comments. */\n\t\t\t\t_n( '%s response', '%s responses', commentsCount ),\n\t\t\t\tcommentsCount\n\t\t\t);\n\t\t}\n\t} else if ( showPostTitle ) {\n\t\tif ( commentsCount === 1 ) {\n\t\t\t/* translators: %s: Post title. */\n\t\t\tplaceholder = sprintf( __( 'Response to %s' ), postTitle );\n\t\t} else {\n\t\t\t/* translators: %s: Post title. */\n\t\t\tplaceholder = sprintf( __( 'Responses to %s' ), postTitle );\n\t\t}\n\t} else if ( commentsCount === 1 ) {\n\t\tplaceholder = __( 'Response' );\n\t} else {\n\t\tplaceholder = __( 'Responses' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName { ...blockProps }>{ placeholder }</TagName>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_blockEditor","_i18n","_coreData","_components","_element","_data","_apiFetch","_url","Edit","attributes","textAlign","showPostTitle","showCommentsCount","level","setAttributes","context","postType","postId","TagName","commentsCount","setCommentsCount","useState","rawTitle","useEntityProp","isSiteEditor","blockProps","useBlockProps","className","classnames","threadCommentsDepth","threadComments","commentsPerPage","pageComments","useSelect","select","getSettings","blockEditorStore","__experimentalDiscussionSettings","useEffect","nestedCommentsNumber","Math","min","topLevelCommentsNumber","commentsNumber","parseInt","currentPostId","apiFetch","path","addQueryArgs","post","_fields","method","parse","then","res","headers","get","catch","blockControls","_react","createElement","BlockControls","group","AlignmentControl","value","onChange","newAlign","HeadingLevelDropdown","newLevel","inspectorControls","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","label","checked","postTitle","placeholder","undefined","sprintf","_n","Fragment"],"sources":["@wordpress/block-library/src/comments-title/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tAlignmentControl,\n\tBlockControls,\n\tuseBlockProps,\n\tInspectorControls,\n\tstore as blockEditorStore,\n\tHeadingLevelDropdown,\n} from '@wordpress/block-editor';\nimport { __, _n, sprintf } from '@wordpress/i18n';\nimport { useEntityProp } from '@wordpress/core-data';\nimport { PanelBody, ToggleControl } from '@wordpress/components';\nimport { useState, useEffect } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport apiFetch from '@wordpress/api-fetch';\nimport { addQueryArgs } from '@wordpress/url';\n\nexport default function Edit( {\n\tattributes: { textAlign, showPostTitle, showCommentsCount, level },\n\tsetAttributes,\n\tcontext: { postType, postId },\n} ) {\n\tconst TagName = 'h' + level;\n\tconst [ commentsCount, setCommentsCount ] = useState();\n\tconst [ rawTitle ] = useEntityProp( 'postType', postType, 'title', postId );\n\tconst isSiteEditor = typeof postId === 'undefined';\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\n\tconst {\n\t\tthreadCommentsDepth,\n\t\tthreadComments,\n\t\tcommentsPerPage,\n\t\tpageComments,\n\t} = useSelect( ( select ) => {\n\t\tconst { getSettings } = select( blockEditorStore );\n\t\treturn getSettings().__experimentalDiscussionSettings;\n\t} );\n\n\tuseEffect( () => {\n\t\tif ( isSiteEditor ) {\n\t\t\t// Match the number of comments that will be shown in the comment-template/edit.js placeholder\n\n\t\t\tconst nestedCommentsNumber = threadComments\n\t\t\t\t? Math.min( threadCommentsDepth, 3 ) - 1\n\t\t\t\t: 0;\n\t\t\tconst topLevelCommentsNumber = pageComments ? commentsPerPage : 3;\n\n\t\t\tconst commentsNumber =\n\t\t\t\tparseInt( nestedCommentsNumber ) +\n\t\t\t\tparseInt( topLevelCommentsNumber );\n\n\t\t\tsetCommentsCount( Math.min( commentsNumber, 3 ) );\n\t\t\treturn;\n\t\t}\n\t\tconst currentPostId = postId;\n\t\tapiFetch( {\n\t\t\tpath: addQueryArgs( '/wp/v2/comments', {\n\t\t\t\tpost: postId,\n\t\t\t\t_fields: 'id',\n\t\t\t} ),\n\t\t\tmethod: 'HEAD',\n\t\t\tparse: false,\n\t\t} )\n\t\t\t.then( ( res ) => {\n\t\t\t\t// Stale requests will have the `currentPostId` of an older closure.\n\t\t\t\tif ( currentPostId === postId ) {\n\t\t\t\t\tsetCommentsCount(\n\t\t\t\t\t\tparseInt( res.headers.get( 'X-WP-Total' ) )\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t} )\n\t\t\t.catch( () => {\n\t\t\t\tsetCommentsCount( 0 );\n\t\t\t} );\n\t}, [ postId ] );\n\n\tconst blockControls = (\n\t\t<BlockControls group=\"block\">\n\t\t\t<AlignmentControl\n\t\t\t\tvalue={ textAlign }\n\t\t\t\tonChange={ ( newAlign ) =>\n\t\t\t\t\tsetAttributes( { textAlign: newAlign } )\n\t\t\t\t}\n\t\t\t/>\n\t\t\t<HeadingLevelDropdown\n\t\t\t\tvalue={ level }\n\t\t\t\tonChange={ ( newLevel ) =>\n\t\t\t\t\tsetAttributes( { level: newLevel } )\n\t\t\t\t}\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst inspectorControls = (\n\t\t<InspectorControls>\n\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Show post title' ) }\n\t\t\t\t\tchecked={ showPostTitle }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { showPostTitle: value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Show comments count' ) }\n\t\t\t\t\tchecked={ showCommentsCount }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { showCommentsCount: value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</PanelBody>\n\t\t</InspectorControls>\n\t);\n\n\tconst postTitle = isSiteEditor ? __( '“Post Title”' ) : `\"${ rawTitle }\"`;\n\n\tlet placeholder;\n\tif ( showCommentsCount && commentsCount !== undefined ) {\n\t\tif ( showPostTitle ) {\n\t\t\tif ( commentsCount === 1 ) {\n\t\t\t\t/* translators: %s: Post title. */\n\t\t\t\tplaceholder = sprintf( __( 'One response to %s' ), postTitle );\n\t\t\t} else {\n\t\t\t\tplaceholder = sprintf(\n\t\t\t\t\t/* translators: 1: Number of comments, 2: Post title. */\n\t\t\t\t\t_n(\n\t\t\t\t\t\t'%1$s response to %2$s',\n\t\t\t\t\t\t'%1$s responses to %2$s',\n\t\t\t\t\t\tcommentsCount\n\t\t\t\t\t),\n\t\t\t\t\tcommentsCount,\n\t\t\t\t\tpostTitle\n\t\t\t\t);\n\t\t\t}\n\t\t} else if ( commentsCount === 1 ) {\n\t\t\tplaceholder = __( 'One response' );\n\t\t} else {\n\t\t\tplaceholder = sprintf(\n\t\t\t\t/* translators: %s: Number of comments. */\n\t\t\t\t_n( '%s response', '%s responses', commentsCount ),\n\t\t\t\tcommentsCount\n\t\t\t);\n\t\t}\n\t} else if ( showPostTitle ) {\n\t\tif ( commentsCount === 1 ) {\n\t\t\t/* translators: %s: Post title. */\n\t\t\tplaceholder = sprintf( __( 'Response to %s' ), postTitle );\n\t\t} else {\n\t\t\t/* translators: %s: Post title. */\n\t\t\tplaceholder = sprintf( __( 'Responses to %s' ), postTitle );\n\t\t}\n\t} else if ( commentsCount === 1 ) {\n\t\tplaceholder = __( 'Response' );\n\t} else {\n\t\tplaceholder = __( 'Responses' );\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ blockControls }\n\t\t\t{ inspectorControls }\n\t\t\t<TagName { ...blockProps }>{ placeholder }</TagName>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/cover/controls.native.js

@@ -5,11 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 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");
@@ -111,7 +112,7 @@ function Controls({
     // 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 && (0, _element.createElement)(_components.Icon, {
+  const focalPointHint = !hasParallax && !displayPlaceholder && (0, _react.createElement)(_components.Icon, {
     icon: _icons.plus,
     size: _style.default.focalPointHint?.width,
     style: [_style.default.focalPointHint, focalPointPosition(focalPoint)]
@@ -119,12 +120,12 @@ function Controls({
   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, {
+  }) => (0, _react.createElement)(_react.Fragment, null, getMediaOptions(), url ? (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.BottomSheet.Cell, {
     accessible: false,
     cellContainerStyle: [_style.default.mediaPreview, mediaBackground]
-  }, (0, _element.createElement)(_reactNative.View, {
+  }, (0, _react.createElement)(_reactNative.View, {
     style: _style.default.mediaInner
-  }, _shared.IMAGE_BACKGROUND_TYPE === backgroundType && (0, _element.createElement)(_components.Image, {
+  }, _shared.IMAGE_BACKGROUND_TYPE === backgroundType && (0, _react.createElement)(_components.Image, {
     editButton: !displayPlaceholder,
     highlightSelected: false,
     isSelected: !displayPlaceholder,
@@ -147,7 +148,7 @@ function Controls({
     height: "100%",
     style: imagePreviewStyles,
     width: _style.default.image?.width
-  }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && (0, _element.createElement)(_reactNativeVideo.default, {
+  }), _shared.VIDEO_BACKGROUND_TYPE === backgroundType && (0, _react.createElement)(_reactNativeVideo.default, {
     muted: true,
     paused: true,
     disableFocus: true,
@@ -174,41 +175,41 @@ function Controls({
       uri: url
     },
     style: videoPreviewStyles
-  }), displayPlaceholder ? null : focalPointHint)), (0, _element.createElement)(_focalPointSettingsButton.default, {
+  }), displayPlaceholder ? null : focalPointHint)), (0, _react.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, {
+  }), _shared.IMAGE_BACKGROUND_TYPE === backgroundType && (0, _react.createElement)(_components.ToggleControl, {
     label: (0, _i18n.__)('Fixed background'),
     checked: hasParallax,
     onChange: toggleParallax
-  }), (0, _element.createElement)(_components.TextControl, {
+  }), (0, _react.createElement)(_components.TextControl, {
     leftAlign: true,
     label: (0, _i18n.__)('Clear Media'),
     labelStyle: _style.default.clearMediaButton,
     onPress: onClearMedia
-  })) : (0, _element.createElement)(_components.TextControl, {
+  })) : (0, _react.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, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Media')
-  }, (0, _element.createElement)(_blockEditor.MediaUpload, {
+  }, (0, _react.createElement)(_blockEditor.MediaUpload, {
     allowedTypes: _shared.ALLOWED_MEDIA_TYPES,
     isReplacingMedia: !hasOnlyColorBackground,
     onSelect: onSelectMedia,
     render: renderMediaSection
-  })), (0, _element.createElement)(_overlayColorSettings.default, {
+  })), (0, _react.createElement)(_overlayColorSettings.default, {
     overlayColor: attributes.overlayColor,
     customOverlayColor: attributes.customOverlayColor,
     gradient: attributes.gradient,
     customGradient: attributes.customGradient,
     setAttributes: setAttributes
-  }), url ? (0, _element.createElement)(_components.PanelBody, null, (0, _element.createElement)(_components.RangeControl, {
+  }), url ? (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)(_components.RangeControl, {
     label: (0, _i18n.__)('Opacity'),
     minimumValue: 0,
     maximumValue: 100,
@@ -216,9 +217,9 @@ function Controls({
     onChange: onOpacityChange,
     style: _style.default.rangeCellContainer,
     separatorType: 'topFullWidth'
-  })) : null, (0, _element.createElement)(_components.PanelBody, {
+  })) : null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Dimensions')
-  }, (0, _element.createElement)(_components.UnitControl, {
+  }, (0, _react.createElement)(_components.UnitControl, {
     label: (0, _i18n.__)('Minimum height'),
     min: minHeightUnit === 'px' ? _shared.COVER_MIN_HEIGHT : 1,
     max: _shared.COVER_MAX_HEIGHT,

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_reactNativeVideo","_interopRequireDefault","_components","_icons","_compose","_blockEditor","_i18n","_style","_overlayColorSettings","_focalPointSettingsButton","_shared","Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","COVER_DEFAULT_HEIGHT","onHeightChange","useCallback","value","units","useCustomUnits","availableUnits","useSetting","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","createElement","Icon","icon","plus","size","style","renderMediaSection","open","openMediaOptions","getMediaOptions","Fragment","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","key","_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 { 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"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_components","_icons","_element","_compose","_blockEditor","_i18n","_style","_overlayColorSettings","_focalPointSettingsButton","_shared","Controls","attributes","didUploadFail","hasOnlyColorBackground","isUploadInProgress","onClearMedia","onSelectMedia","setAttributes","backgroundType","dimRatio","hasParallax","focalPoint","minHeight","minHeightUnit","url","CONTAINER_HEIGHT","COVER_DEFAULT_HEIGHT","onHeightChange","useCallback","value","units","useCustomUnits","availableUnits","useSetting","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","_react","createElement","Icon","icon","plus","size","style","renderMediaSection","open","openMediaOptions","getMediaOptions","Fragment","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","key","_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 { 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"],"mappings":"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"}