@wordpress/block-library 8.19.6 → 8.20.1

package/build/cover/edit/inspector-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_components","_compose","_blockEditor","_i18n","_shared","CoverHeightInput","onChange","onUnitChange","unit","value","instanceId","useInstanceId","UnitControl","inputId","isPx","units","useCustomUnits","availableUnits","useSetting","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","inputValue","parseFloat","undefined","isNaN","computedValue","useMemo","parsedQuantity","parseQuantityAndUnitFromRawValue","join","min","COVER_MIN_HEIGHT","createElement","__experimentalUnitControl","label","__","id","isResetValueOnUnitChange","__unstableInputWidth","CoverInspectorControls","attributes","setAttributes","clientId","setOverlayColor","coverRef","currentSettings","updateDimRatio","onClearMedia","useFeaturedImage","dimRatio","focalPoint","hasParallax","isRepeated","minHeight","minHeightUnit","alt","tagName","isVideoBackground","isImageBackground","mediaElement","url","isImgElement","overlayColor","gradientValue","setGradient","__experimentalUseGradient","toggleParallax","toggleIsRepeated","showFocalPointPicker","imperativeFocalPointPreview","styleOfRef","property","current","style","mediaPosition","colorGradientSettings","useMultipleOriginColorsAndGradients","htmlElementMessages","header","main","section","article","aside","footer","Fragment","InspectorControls","PanelBody","title","ToggleControl","__nextHasNoMarginBottom","checked","FocalPointPicker","onDragStart","onDrag","newFocalPoint","TextareaControl","newAlt","help","ExternalLink","href","PanelRow","Button","variant","isSmall","className","onClick","hasColorsOrGradients","group","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","colorValue","color","onColorChange","onGradientChange","isShownByDefault","resetAllFilter","customOverlayColor","gradient","customGradient","panelId","__experimentalToolsPanelItem","hasValue","onDeselect","RangeControl","newDimRatio","max","step","required","__next40pxDefaultSize","newMinHeight","nextUnit","SelectControl","options"],"sources":["@wordpress/block-library/src/cover/edit/inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\tButton,\n\tExternalLink,\n\tFocalPointPicker,\n\tPanelBody,\n\tPanelRow,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tSelectControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport {\n\tInspectorControls,\n\tuseSetting,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { COVER_MIN_HEIGHT, mediaPosition } from '../shared';\n\nfunction CoverHeightInput( {\n\tonChange,\n\tonUnitChange,\n\tunit = 'px',\n\tvalue = '',\n} ) {\n\tconst instanceId = useInstanceId( UnitControl );\n\tconst inputId = `block-cover-height-input-${ instanceId }`;\n\tconst isPx = unit === 'px';\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, '%': 20, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst handleOnChange = ( unprocessedValue ) => {\n\t\tconst inputValue =\n\t\t\tunprocessedValue !== ''\n\t\t\t\t? parseFloat( unprocessedValue )\n\t\t\t\t: undefined;\n\n\t\tif ( isNaN( inputValue ) && inputValue !== undefined ) {\n\t\t\treturn;\n\t\t}\n\t\tonChange( inputValue );\n\t};\n\n\tconst computedValue = useMemo( () => {\n\t\tconst [ parsedQuantity ] = parseQuantityAndUnitFromRawValue( value );\n\t\treturn [ parsedQuantity, unit ].join( '' );\n\t}, [ unit, value ] );\n\n\tconst min = isPx ? COVER_MIN_HEIGHT : 0;\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ __( 'Minimum height of cover' ) }\n\t\t\tid={ inputId }\n\t\t\tisResetValueOnUnitChange\n\t\t\tmin={ min }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ onUnitChange }\n\t\t\t__unstableInputWidth={ '80px' }\n\t\t\tunits={ units }\n\t\t\tvalue={ computedValue }\n\t\t/>\n\t);\n}\nexport default function CoverInspectorControls( {\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\tsetOverlayColor,\n\tcoverRef,\n\tcurrentSettings,\n\tupdateDimRatio,\n\tonClearMedia,\n} ) {\n\tconst {\n\t\tuseFeaturedImage,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\ttagName,\n\t} = attributes;\n\tconst {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\turl,\n\t\tisImgElement,\n\t\toverlayColor,\n\t} = currentSettings;\n\n\tconst { gradientValue, setGradient } = __experimentalUseGradient();\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax ? { focalPoint: undefined } : {} ),\n\t\t} );\n\t};\n\n\tconst toggleIsRepeated = () => {\n\t\tsetAttributes( {\n\t\t\tisRepeated: ! isRepeated,\n\t\t} );\n\t};\n\n\tconst showFocalPointPicker =\n\t\tisVideoBackground ||\n\t\t( isImageBackground && ( ! hasParallax || isRepeated ) );\n\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst [ styleOfRef, property ] = mediaElement.current\n\t\t\t? [ mediaElement.current.style, 'objectPosition' ]\n\t\t\t: [ coverRef.current.style, 'backgroundPosition' ];\n\t\tstyleOfRef[ property ] = mediaPosition( value );\n\t};\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tconst htmlElementMessages = {\n\t\theader: __(\n\t\t\t'The <header> element should represent introductory content, typically a group of introductory or navigational aids.'\n\t\t),\n\t\tmain: __(\n\t\t\t'The <main> element should be used for the primary content of your document only.'\n\t\t),\n\t\tsection: __(\n\t\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t\t),\n\t\tarticle: __(\n\t\t\t'The <article> element should represent a self-contained, syndicatable portion of the document.'\n\t\t),\n\t\taside: __(\n\t\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t\t),\n\t\tfooter: __(\n\t\t\t'The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).'\n\t\t),\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ !! url && (\n\t\t\t\t\t<PanelBody title={ __( 'Media settings' ) }>\n\t\t\t\t\t\t{ isImageBackground && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Repeated background' ) }\n\t\t\t\t\t\t\t\t\tchecked={ isRepeated }\n\t\t\t\t\t\t\t\t\tonChange={ toggleIsRepeated }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showFocalPointPicker && (\n\t\t\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Focal point picker' ) }\n\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\tonChange={ ( newFocalPoint ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tfocalPoint: newFocalPoint,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! useFeaturedImage &&\n\t\t\t\t\t\t\turl &&\n\t\t\t\t\t\t\tisImageBackground &&\n\t\t\t\t\t\t\tisImgElement && (\n\t\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\t\tonChange={ ( newAlt ) =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( { alt: newAlt } )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Leave empty if decorative.'\n\t\t\t\t\t\t\t\t\t\t\t) }\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/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t<PanelRow>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\tclassName=\"block-library-cover__reset-button\"\n\t\t\t\t\t\t\t\tonClick={ onClearMedia }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Clear Media' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</PanelRow>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcolorValue: overlayColor.color,\n\t\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay' ),\n\t\t\t\t\t\t\t\tonColorChange: setOverlayColor,\n\t\t\t\t\t\t\t\tonGradientChange: setGradient,\n\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\tresetAllFilter: () => ( {\n\t\t\t\t\t\t\t\t\toverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\t\t\tcustomGradient: undefined,\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => {\n\t\t\t\t\t\t\t// If there's a media background the dimRatio will be\n\t\t\t\t\t\t\t// defaulted to 50 whereas it will be 100 for colors.\n\t\t\t\t\t\t\treturn dimRatio === undefined\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: dimRatio !== ( url ? 50 : 100 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\tonDeselect={ () => updateDimRatio( url ? 50 : 100 ) }\n\t\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\t\tdimRatio: url ? 50 : 100,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\t\tonChange={ ( newDimRatio ) =>\n\t\t\t\t\t\t\t\tupdateDimRatio( newDimRatio )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\tstep={ 10 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<InspectorControls group=\"dimensions\">\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! minHeight }\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<CoverHeightInput\n\t\t\t\t\t\tvalue={ minHeight }\n\t\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\t\tonChange={ ( newMinHeight ) =>\n\t\t\t\t\t\t\tsetAttributes( { minHeight: newMinHeight } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonUnitChange={ ( nextUnit ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tminHeightUnit: nextUnit,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_element","require","_components","_compose","_blockEditor","_i18n","_shared","CoverHeightInput","onChange","onUnitChange","unit","value","instanceId","useInstanceId","UnitControl","inputId","isPx","units","useCustomUnits","availableUnits","useSetting","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","inputValue","parseFloat","undefined","isNaN","computedValue","useMemo","parsedQuantity","parseQuantityAndUnitFromRawValue","join","min","COVER_MIN_HEIGHT","_react","createElement","__experimentalUnitControl","label","__","id","isResetValueOnUnitChange","__unstableInputWidth","CoverInspectorControls","attributes","setAttributes","clientId","setOverlayColor","coverRef","currentSettings","updateDimRatio","onClearMedia","useFeaturedImage","dimRatio","focalPoint","hasParallax","isRepeated","minHeight","minHeightUnit","alt","tagName","isVideoBackground","isImageBackground","mediaElement","url","isImgElement","overlayColor","gradientValue","setGradient","__experimentalUseGradient","toggleParallax","toggleIsRepeated","showFocalPointPicker","imperativeFocalPointPreview","styleOfRef","property","current","style","mediaPosition","colorGradientSettings","useMultipleOriginColorsAndGradients","htmlElementMessages","header","main","section","article","aside","footer","Fragment","InspectorControls","PanelBody","title","ToggleControl","__nextHasNoMarginBottom","checked","FocalPointPicker","onDragStart","onDrag","newFocalPoint","TextareaControl","newAlt","help","ExternalLink","href","PanelRow","Button","variant","isSmall","className","onClick","hasColorsOrGradients","group","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","colorValue","color","onColorChange","onGradientChange","isShownByDefault","resetAllFilter","customOverlayColor","gradient","customGradient","panelId","__experimentalToolsPanelItem","hasValue","onDeselect","RangeControl","newDimRatio","max","step","required","__next40pxDefaultSize","newMinHeight","nextUnit","SelectControl","options"],"sources":["@wordpress/block-library/src/cover/edit/inspector-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo } from '@wordpress/element';\nimport {\n\tButton,\n\tExternalLink,\n\tFocalPointPicker,\n\tPanelBody,\n\tPanelRow,\n\tRangeControl,\n\tTextareaControl,\n\tToggleControl,\n\tSelectControl,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalParseQuantityAndUnitFromRawValue as parseQuantityAndUnitFromRawValue,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport {\n\tInspectorControls,\n\tuseSetting,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n} from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { COVER_MIN_HEIGHT, mediaPosition } from '../shared';\n\nfunction CoverHeightInput( {\n\tonChange,\n\tonUnitChange,\n\tunit = 'px',\n\tvalue = '',\n} ) {\n\tconst instanceId = useInstanceId( UnitControl );\n\tconst inputId = `block-cover-height-input-${ instanceId }`;\n\tconst isPx = unit === 'px';\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, '%': 20, em: 20, rem: 20, vw: 20, vh: 50 },\n\t} );\n\n\tconst handleOnChange = ( unprocessedValue ) => {\n\t\tconst inputValue =\n\t\t\tunprocessedValue !== ''\n\t\t\t\t? parseFloat( unprocessedValue )\n\t\t\t\t: undefined;\n\n\t\tif ( isNaN( inputValue ) && inputValue !== undefined ) {\n\t\t\treturn;\n\t\t}\n\t\tonChange( inputValue );\n\t};\n\n\tconst computedValue = useMemo( () => {\n\t\tconst [ parsedQuantity ] = parseQuantityAndUnitFromRawValue( value );\n\t\treturn [ parsedQuantity, unit ].join( '' );\n\t}, [ unit, value ] );\n\n\tconst min = isPx ? COVER_MIN_HEIGHT : 0;\n\n\treturn (\n\t\t<UnitControl\n\t\t\tlabel={ __( 'Minimum height of cover' ) }\n\t\t\tid={ inputId }\n\t\t\tisResetValueOnUnitChange\n\t\t\tmin={ min }\n\t\t\tonChange={ handleOnChange }\n\t\t\tonUnitChange={ onUnitChange }\n\t\t\t__unstableInputWidth={ '80px' }\n\t\t\tunits={ units }\n\t\t\tvalue={ computedValue }\n\t\t/>\n\t);\n}\nexport default function CoverInspectorControls( {\n\tattributes,\n\tsetAttributes,\n\tclientId,\n\tsetOverlayColor,\n\tcoverRef,\n\tcurrentSettings,\n\tupdateDimRatio,\n\tonClearMedia,\n} ) {\n\tconst {\n\t\tuseFeaturedImage,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\thasParallax,\n\t\tisRepeated,\n\t\tminHeight,\n\t\tminHeightUnit,\n\t\talt,\n\t\ttagName,\n\t} = attributes;\n\tconst {\n\t\tisVideoBackground,\n\t\tisImageBackground,\n\t\tmediaElement,\n\t\turl,\n\t\tisImgElement,\n\t\toverlayColor,\n\t} = currentSettings;\n\n\tconst { gradientValue, setGradient } = __experimentalUseGradient();\n\n\tconst toggleParallax = () => {\n\t\tsetAttributes( {\n\t\t\thasParallax: ! hasParallax,\n\t\t\t...( ! hasParallax ? { focalPoint: undefined } : {} ),\n\t\t} );\n\t};\n\n\tconst toggleIsRepeated = () => {\n\t\tsetAttributes( {\n\t\t\tisRepeated: ! isRepeated,\n\t\t} );\n\t};\n\n\tconst showFocalPointPicker =\n\t\tisVideoBackground ||\n\t\t( isImageBackground && ( ! hasParallax || isRepeated ) );\n\n\tconst imperativeFocalPointPreview = ( value ) => {\n\t\tconst [ styleOfRef, property ] = mediaElement.current\n\t\t\t? [ mediaElement.current.style, 'objectPosition' ]\n\t\t\t: [ coverRef.current.style, 'backgroundPosition' ];\n\t\tstyleOfRef[ property ] = mediaPosition( value );\n\t};\n\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tconst htmlElementMessages = {\n\t\theader: __(\n\t\t\t'The <header> element should represent introductory content, typically a group of introductory or navigational aids.'\n\t\t),\n\t\tmain: __(\n\t\t\t'The <main> element should be used for the primary content of your document only.'\n\t\t),\n\t\tsection: __(\n\t\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t\t),\n\t\tarticle: __(\n\t\t\t'The <article> element should represent a self-contained, syndicatable portion of the document.'\n\t\t),\n\t\taside: __(\n\t\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t\t),\n\t\tfooter: __(\n\t\t\t'The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).'\n\t\t),\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t{ !! url && (\n\t\t\t\t\t<PanelBody title={ __( 'Media settings' ) }>\n\t\t\t\t\t\t{ isImageBackground && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Fixed background' ) }\n\t\t\t\t\t\t\t\t\tchecked={ hasParallax }\n\t\t\t\t\t\t\t\t\tonChange={ toggleParallax }\n\t\t\t\t\t\t\t\t/>\n\n\t\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Repeated background' ) }\n\t\t\t\t\t\t\t\t\tchecked={ isRepeated }\n\t\t\t\t\t\t\t\t\tonChange={ toggleIsRepeated }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ showFocalPointPicker && (\n\t\t\t\t\t\t\t<FocalPointPicker\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Focal point picker' ) }\n\t\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\t\tvalue={ focalPoint }\n\t\t\t\t\t\t\t\tonDragStart={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\tonDrag={ imperativeFocalPointPreview }\n\t\t\t\t\t\t\t\tonChange={ ( newFocalPoint ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tfocalPoint: newFocalPoint,\n\t\t\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ ! useFeaturedImage &&\n\t\t\t\t\t\t\turl &&\n\t\t\t\t\t\t\tisImageBackground &&\n\t\t\t\t\t\t\tisImgElement && (\n\t\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\t\tonChange={ ( newAlt ) =>\n\t\t\t\t\t\t\t\t\t\tsetAttributes( { alt: newAlt } )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<ExternalLink href=\"https://www.w3.org/WAI/tutorials/images/decision-tree\">\n\t\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Describe the purpose of the image.'\n\t\t\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t\t\t'Leave empty if decorative.'\n\t\t\t\t\t\t\t\t\t\t\t) }\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/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t<PanelRow>\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\tisSmall\n\t\t\t\t\t\t\t\tclassName=\"block-library-cover__reset-button\"\n\t\t\t\t\t\t\t\tonClick={ onClearMedia }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Clear Media' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t</PanelRow>\n\t\t\t\t\t</PanelBody>\n\t\t\t\t) }\n\t\t\t</InspectorControls>\n\t\t\t{ colorGradientSettings.hasColorsOrGradients && (\n\t\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tcolorValue: overlayColor.color,\n\t\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\t\tlabel: __( 'Overlay' ),\n\t\t\t\t\t\t\t\tonColorChange: setOverlayColor,\n\t\t\t\t\t\t\t\tonGradientChange: setGradient,\n\t\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\t\tresetAllFilter: () => ( {\n\t\t\t\t\t\t\t\t\toverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\t\t\tcustomGradient: undefined,\n\t\t\t\t\t\t\t\t} ),\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t] }\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t\t/>\n\t\t\t\t\t<ToolsPanelItem\n\t\t\t\t\t\thasValue={ () => {\n\t\t\t\t\t\t\t// If there's a media background the dimRatio will be\n\t\t\t\t\t\t\t// defaulted to 50 whereas it will be 100 for colors.\n\t\t\t\t\t\t\treturn dimRatio === undefined\n\t\t\t\t\t\t\t\t? false\n\t\t\t\t\t\t\t\t: dimRatio !== ( url ? 50 : 100 );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\tonDeselect={ () => updateDimRatio( url ? 50 : 100 ) }\n\t\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\t\tdimRatio: url ? 50 : 100,\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t\tisShownByDefault\n\t\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t\t>\n\t\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\t\tonChange={ ( newDimRatio ) =>\n\t\t\t\t\t\t\t\tupdateDimRatio( newDimRatio )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\tstep={ 10 }\n\t\t\t\t\t\t\trequired\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToolsPanelItem>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\t\t\t<InspectorControls group=\"dimensions\">\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! minHeight }\n\t\t\t\t\tlabel={ __( 'Minimum height' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tminHeight: undefined,\n\t\t\t\t\t\tminHeightUnit: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ true }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<CoverHeightInput\n\t\t\t\t\t\tvalue={ minHeight }\n\t\t\t\t\t\tunit={ minHeightUnit }\n\t\t\t\t\t\tonChange={ ( newMinHeight ) =>\n\t\t\t\t\t\t\tsetAttributes( { minHeight: newMinHeight } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonUnitChange={ ( nextUnit ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tminHeightUnit: nextUnit,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</InspectorControls>\n\t\t\t<InspectorControls group=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ tagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ htmlElementMessages[ tagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/cover/edit/resizable-cover-popover.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = ResizableCoverPopover;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
+var _element = require("@wordpress/element");
 var _blockEditor = require("@wordpress/block-editor");
 var _lockUnlock = require("../../lock-unlock");
 /**
@@ -80,7 +81,7 @@ function ResizableCoverPopover({
       isVisible: isResizing
     }
   };
-  return (0, _element.createElement)(ResizableBoxPopover, {
+  return (0, _react.createElement)(ResizableBoxPopover, {
     className: "block-library-cover__resizable-box-popover",
     __unstableRefreshSize: dimensions,
     resizableBoxProps: resizableBoxProps,

package/build/cover/edit/resizable-cover-popover.js.map

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_classnames","_interopRequireDefault","_blockEditor","_lockUnlock","RESIZABLE_BOX_ENABLE_OPTION","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","ResizableBoxPopover","unlock","blockEditorPrivateApis","ResizableCoverPopover","className","height","minHeight","onResize","onResizeStart","onResizeStop","showHandle","size","width","props","isResizing","setIsResizing","useState","dimensions","useMemo","resizableBoxProps","classnames","enable","_event","_direction","elt","clientHeight","__experimentalShowTooltip","__experimentalTooltipProps","axis","position","isVisible","createElement","__unstableRefreshSize"],"sources":["@wordpress/block-library/src/cover/edit/resizable-cover-popover.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst RESIZABLE_BOX_ENABLE_OPTION = {\n\ttop: false,\n\tright: false,\n\tbottom: true,\n\tleft: false,\n\ttopRight: false,\n\tbottomRight: false,\n\tbottomLeft: false,\n\ttopLeft: false,\n};\n\nconst { ResizableBoxPopover } = unlock( blockEditorPrivateApis );\n\nexport default function ResizableCoverPopover( {\n\tclassName,\n\theight,\n\tminHeight,\n\tonResize,\n\tonResizeStart,\n\tonResizeStop,\n\tshowHandle,\n\tsize,\n\twidth,\n\t...props\n} ) {\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst dimensions = useMemo(\n\t\t() => ( { height, minHeight, width } ),\n\t\t[ minHeight, height, width ]\n\t);\n\n\tconst resizableBoxProps = {\n\t\tclassName: classnames( className, { 'is-resizing': isResizing } ),\n\t\tenable: RESIZABLE_BOX_ENABLE_OPTION,\n\t\tonResizeStart: ( _event, _direction, elt ) => {\n\t\t\tonResizeStart( elt.clientHeight );\n\t\t\tonResize( elt.clientHeight );\n\t\t},\n\t\tonResize: ( _event, _direction, elt ) => {\n\t\t\tonResize( elt.clientHeight );\n\t\t\tif ( ! isResizing ) {\n\t\t\t\tsetIsResizing( true );\n\t\t\t}\n\t\t},\n\t\tonResizeStop: ( _event, _direction, elt ) => {\n\t\t\tonResizeStop( elt.clientHeight );\n\t\t\tsetIsResizing( false );\n\t\t},\n\t\tshowHandle,\n\t\tsize,\n\t\t__experimentalShowTooltip: true,\n\t\t__experimentalTooltipProps: {\n\t\t\taxis: 'y',\n\t\t\tposition: 'bottom',\n\t\t\tisVisible: isResizing,\n\t\t},\n\t};\n\n\treturn (\n\t\t<ResizableBoxPopover\n\t\t\tclassName=\"block-library-cover__resizable-box-popover\"\n\t\t\t__unstableRefreshSize={ dimensions }\n\t\t\tresizableBoxProps={ resizableBoxProps }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;AAQA,IAAAA,QAAA,GAAAC,OAAA;AALA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAMA,IAAAG,YAAA,GAAAH,OAAA;AAKA,IAAAI,WAAA,GAAAJ,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMK,2BAA2B,GAAG;EACnCC,GAAG,EAAE,KAAK;EACVC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,IAAI;EACZC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE,KAAK;EACfC,WAAW,EAAE,KAAK;EAClBC,UAAU,EAAE,KAAK;EACjBC,OAAO,EAAE;AACV,CAAC;AAED,MAAM;EAAEC;AAAoB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEjD,SAASC,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa;EACbC,YAAY;EACZC,UAAU;EACVC,IAAI;EACJC,KAAK;EACL,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM,CAAEC,UAAU,EAAEC,aAAa,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACvD,MAAMC,UAAU,GAAG,IAAAC,gBAAO,EACzB,OAAQ;IAAEb,MAAM;IAAEC,SAAS;IAAEM;EAAM,CAAC,CAAE,EACtC,CAAEN,SAAS,EAAED,MAAM,EAAEO,KAAK,CAC3B,CAAC;EAED,MAAMO,iBAAiB,GAAG;IACzBf,SAAS,EAAE,IAAAgB,mBAAU,EAAEhB,SAAS,EAAE;MAAE,aAAa,EAAEU;IAAW,CAAE,CAAC;IACjEO,MAAM,EAAE9B,2BAA2B;IACnCiB,aAAa,EAAEA,CAAEc,MAAM,EAAEC,UAAU,EAAEC,GAAG,KAAM;MAC7ChB,aAAa,CAAEgB,GAAG,CAACC,YAAa,CAAC;MACjClB,QAAQ,CAAEiB,GAAG,CAACC,YAAa,CAAC;IAC7B,CAAC;IACDlB,QAAQ,EAAEA,CAAEe,MAAM,EAAEC,UAAU,EAAEC,GAAG,KAAM;MACxCjB,QAAQ,CAAEiB,GAAG,CAACC,YAAa,CAAC;MAC5B,IAAK,CAAEX,UAAU,EAAG;QACnBC,aAAa,CAAE,IAAK,CAAC;MACtB;IACD,CAAC;IACDN,YAAY,EAAEA,CAAEa,MAAM,EAAEC,UAAU,EAAEC,GAAG,KAAM;MAC5Cf,YAAY,CAAEe,GAAG,CAACC,YAAa,CAAC;MAChCV,aAAa,CAAE,KAAM,CAAC;IACvB,CAAC;IACDL,UAAU;IACVC,IAAI;IACJe,yBAAyB,EAAE,IAAI;IAC/BC,0BAA0B,EAAE;MAC3BC,IAAI,EAAE,GAAG;MACTC,QAAQ,EAAE,QAAQ;MAClBC,SAAS,EAAEhB;IACZ;EACD,CAAC;EAED,OACC,IAAA7B,QAAA,CAAA8C,aAAA,EAAC/B,mBAAmB;IACnBI,SAAS,EAAC,4CAA4C;IACtD4B,qBAAqB,EAAGf,UAAY;IACpCE,iBAAiB,EAAGA,iBAAmB;IAAA,GAClCN;EAAK,CACV,CAAC;AAEJ"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_blockEditor","_lockUnlock","RESIZABLE_BOX_ENABLE_OPTION","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","ResizableBoxPopover","unlock","blockEditorPrivateApis","ResizableCoverPopover","className","height","minHeight","onResize","onResizeStart","onResizeStop","showHandle","size","width","props","isResizing","setIsResizing","useState","dimensions","useMemo","resizableBoxProps","classnames","enable","_event","_direction","elt","clientHeight","__experimentalShowTooltip","__experimentalTooltipProps","axis","position","isVisible","_react","createElement","__unstableRefreshSize"],"sources":["@wordpress/block-library/src/cover/edit/resizable-cover-popover.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useMemo, useState } from '@wordpress/element';\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../../lock-unlock';\n\nconst RESIZABLE_BOX_ENABLE_OPTION = {\n\ttop: false,\n\tright: false,\n\tbottom: true,\n\tleft: false,\n\ttopRight: false,\n\tbottomRight: false,\n\tbottomLeft: false,\n\ttopLeft: false,\n};\n\nconst { ResizableBoxPopover } = unlock( blockEditorPrivateApis );\n\nexport default function ResizableCoverPopover( {\n\tclassName,\n\theight,\n\tminHeight,\n\tonResize,\n\tonResizeStart,\n\tonResizeStop,\n\tshowHandle,\n\tsize,\n\twidth,\n\t...props\n} ) {\n\tconst [ isResizing, setIsResizing ] = useState( false );\n\tconst dimensions = useMemo(\n\t\t() => ( { height, minHeight, width } ),\n\t\t[ minHeight, height, width ]\n\t);\n\n\tconst resizableBoxProps = {\n\t\tclassName: classnames( className, { 'is-resizing': isResizing } ),\n\t\tenable: RESIZABLE_BOX_ENABLE_OPTION,\n\t\tonResizeStart: ( _event, _direction, elt ) => {\n\t\t\tonResizeStart( elt.clientHeight );\n\t\t\tonResize( elt.clientHeight );\n\t\t},\n\t\tonResize: ( _event, _direction, elt ) => {\n\t\t\tonResize( elt.clientHeight );\n\t\t\tif ( ! isResizing ) {\n\t\t\t\tsetIsResizing( true );\n\t\t\t}\n\t\t},\n\t\tonResizeStop: ( _event, _direction, elt ) => {\n\t\t\tonResizeStop( elt.clientHeight );\n\t\t\tsetIsResizing( false );\n\t\t},\n\t\tshowHandle,\n\t\tsize,\n\t\t__experimentalShowTooltip: true,\n\t\t__experimentalTooltipProps: {\n\t\t\taxis: 'y',\n\t\t\tposition: 'bottom',\n\t\t\tisVisible: isResizing,\n\t\t},\n\t};\n\n\treturn (\n\t\t<ResizableBoxPopover\n\t\t\tclassName=\"block-library-cover__resizable-box-popover\"\n\t\t\t__unstableRefreshSize={ dimensions }\n\t\t\tresizableBoxProps={ resizableBoxProps }\n\t\t\t{ ...props }\n\t\t/>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAKA,IAAAG,WAAA,GAAAH,OAAA;AAdA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA,MAAMI,2BAA2B,GAAG;EACnCC,GAAG,EAAE,KAAK;EACVC,KAAK,EAAE,KAAK;EACZC,MAAM,EAAE,IAAI;EACZC,IAAI,EAAE,KAAK;EACXC,QAAQ,EAAE,KAAK;EACfC,WAAW,EAAE,KAAK;EAClBC,UAAU,EAAE,KAAK;EACjBC,OAAO,EAAE;AACV,CAAC;AAED,MAAM;EAAEC;AAAoB,CAAC,GAAG,IAAAC,kBAAM,EAAEC,wBAAuB,CAAC;AAEjD,SAASC,qBAAqBA,CAAE;EAC9CC,SAAS;EACTC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa;EACbC,YAAY;EACZC,UAAU;EACVC,IAAI;EACJC,KAAK;EACL,GAAGC;AACJ,CAAC,EAAG;EACH,MAAM,CAAEC,UAAU,EAAEC,aAAa,CAAE,GAAG,IAAAC,iBAAQ,EAAE,KAAM,CAAC;EACvD,MAAMC,UAAU,GAAG,IAAAC,gBAAO,EACzB,OAAQ;IAAEb,MAAM;IAAEC,SAAS;IAAEM;EAAM,CAAC,CAAE,EACtC,CAAEN,SAAS,EAAED,MAAM,EAAEO,KAAK,CAC3B,CAAC;EAED,MAAMO,iBAAiB,GAAG;IACzBf,SAAS,EAAE,IAAAgB,mBAAU,EAAEhB,SAAS,EAAE;MAAE,aAAa,EAAEU;IAAW,CAAE,CAAC;IACjEO,MAAM,EAAE9B,2BAA2B;IACnCiB,aAAa,EAAEA,CAAEc,MAAM,EAAEC,UAAU,EAAEC,GAAG,KAAM;MAC7ChB,aAAa,CAAEgB,GAAG,CAACC,YAAa,CAAC;MACjClB,QAAQ,CAAEiB,GAAG,CAACC,YAAa,CAAC;IAC7B,CAAC;IACDlB,QAAQ,EAAEA,CAAEe,MAAM,EAAEC,UAAU,EAAEC,GAAG,KAAM;MACxCjB,QAAQ,CAAEiB,GAAG,CAACC,YAAa,CAAC;MAC5B,IAAK,CAAEX,UAAU,EAAG;QACnBC,aAAa,CAAE,IAAK,CAAC;MACtB;IACD,CAAC;IACDN,YAAY,EAAEA,CAAEa,MAAM,EAAEC,UAAU,EAAEC,GAAG,KAAM;MAC5Cf,YAAY,CAAEe,GAAG,CAACC,YAAa,CAAC;MAChCV,aAAa,CAAE,KAAM,CAAC;IACvB,CAAC;IACDL,UAAU;IACVC,IAAI;IACJe,yBAAyB,EAAE,IAAI;IAC/BC,0BAA0B,EAAE;MAC3BC,IAAI,EAAE,GAAG;MACTC,QAAQ,EAAE,QAAQ;MAClBC,SAAS,EAAEhB;IACZ;EACD,CAAC;EAED,OACC,IAAAiB,MAAA,CAAAC,aAAA,EAAChC,mBAAmB;IACnBI,SAAS,EAAC,4CAA4C;IACtD6B,qBAAqB,EAAGhB,UAAY;IACpCE,iBAAiB,EAAGA,iBAAmB;IAAA,GAClCN;EAAK,CACV,CAAC;AAEJ"}

package/build/cover/edit.native.js

@@ -5,7 +5,7 @@ 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 _dedupe = _interopRequireDefault(require("classnames/dedupe"));
@@ -15,6 +15,7 @@ var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
 var _compose = require("@wordpress/compose");
 var _data = require("@wordpress/data");
+var _element = require("@wordpress/element");
 var _icons = require("@wordpress/icons");
 var _url = require("@wordpress/url");
 var _editPost = require("@wordpress/edit-post");
@@ -122,8 +123,14 @@ const Cover = ({
   const shouldShowFailure = didUploadFail && !isUploadInProgress;
   const onSelectMedia = media => {
     setDidUploadFail(false);
-    const onSelect = (0, _shared.attributesFromMedia)(setAttributes, dimRatio);
-    onSelect(media);
+    const mediaAttributes = (0, _shared.attributesFromMedia)(media);
+    setAttributes({
+      ...mediaAttributes,
+      focalPoint: undefined,
+      useFeaturedImage: undefined,
+      dimRatio: dimRatio === 100 ? 50 : dimRatio,
+      isDark: undefined
+    });
   };
   const onMediaPressed = () => {
     if (isUploadInProgress) {
@@ -202,28 +209,28 @@ const Cover = ({
   // While we don't support theme colors we add a default bg color.
   !overlayColorValue.color && !url ? backgroundColor : {}, isImage && isParentSelected && !isUploadInProgress && !didUploadFail && _style.default.overlaySelected];
   const placeholderIconStyle = getStylesFromColorScheme(_style.default.icon, _style.default.iconDark);
-  const placeholderIcon = (0, _element.createElement)(_components.Icon, {
+  const placeholderIcon = (0, _react.createElement)(_components.Icon, {
     icon: _icons.cover,
     ...placeholderIconStyle
   });
-  const toolbarControls = open => (0, _element.createElement)(_blockEditor.BlockControls, {
+  const toolbarControls = open => (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "other"
-  }, (0, _element.createElement)(_components.ToolbarButton, {
+  }, (0, _react.createElement)(_components.ToolbarButton, {
     title: (0, _i18n.__)('Edit cover media'),
     icon: _icons.replace,
     onClick: open
   }));
   const accessibilityHint = _reactNative.Platform.OS === 'ios' ? (0, _i18n.__)('Double tap to open Action Sheet to add image or video') : (0, _i18n.__)('Double tap to open Bottom Sheet to add image or video');
-  const addMediaButton = () => (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+  const addMediaButton = () => (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
     accessibilityHint: accessibilityHint,
     accessibilityLabel: (0, _i18n.__)('Add image or video'),
     accessibilityRole: "button",
     onPress: openMediaOptionsRef.current
-  }, (0, _element.createElement)(_reactNative.View, {
+  }, (0, _react.createElement)(_reactNative.View, {
     style: _style.default.selectImageContainer
-  }, (0, _element.createElement)(_reactNative.View, {
+  }, (0, _react.createElement)(_reactNative.View, {
     style: _style.default.selectImage
-  }, (0, _element.createElement)(_components.Icon, {
+  }, (0, _react.createElement)(_components.Icon, {
     size: 16,
     icon: _icons.image,
     ..._style.default.selectImageIcon
@@ -234,16 +241,16 @@ const Cover = ({
     });
   }, []);
   const selectedColorText = getStylesFromColorScheme(_style.default.selectedColorText, _style.default.selectedColorTextDark);
-  const bottomLabelText = customOverlayColor ? (0, _element.createElement)(_reactNative.Text, {
+  const bottomLabelText = customOverlayColor ? (0, _react.createElement)(_reactNative.Text, {
     style: selectedColorText
   }, customOverlayColor.toUpperCase()) : (0, _i18n.__)('Select a color');
-  const colorPickerControls = (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.BottomSheetConsumer, null, ({
+  const colorPickerControls = (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.BottomSheetConsumer, null, ({
     shouldEnableBottomSheetScroll,
     shouldEnableBottomSheetMaxHeight,
     onHandleClosingBottomSheet,
     onHandleHardwareButtonPress,
     isBottomSheetContentScrolling
-  }) => (0, _element.createElement)(_components.ColorPicker, {
+  }) => (0, _react.createElement)(_components.ColorPicker, {
     shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll,
     shouldEnableBottomSheetMaxHeight: shouldEnableBottomSheetMaxHeight,
     setColor: setColor,
@@ -254,14 +261,14 @@ const Cover = ({
     isBottomSheetContentScrolling: isBottomSheetContentScrolling,
     bottomLabelText: bottomLabelText
   })));
-  const renderContent = getMediaOptions => (0, _element.createElement)(_element.Fragment, null, renderBackground(getMediaOptions), isParentSelected && hasOnlyColorBackground && addMediaButton());
-  const renderBackground = getMediaOptions => (0, _element.createElement)(_reactNative.TouchableWithoutFeedback, {
+  const renderContent = getMediaOptions => (0, _react.createElement)(_react.Fragment, null, renderBackground(getMediaOptions), isParentSelected && hasOnlyColorBackground && addMediaButton());
+  const renderBackground = getMediaOptions => (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
     accessible: !isParentSelected,
     onPress: onMediaPressed,
     disabled: !isParentSelected
-  }, (0, _element.createElement)(_reactNative.View, {
+  }, (0, _react.createElement)(_reactNative.View, {
     style: [_style.default.background, backgroundColor]
-  }, getMediaOptions(), isParentSelected && backgroundType === _shared.VIDEO_BACKGROUND_TYPE && toolbarControls(openMediaOptionsRef.current), (0, _element.createElement)(_blockEditor.MediaUploadProgress, {
+  }, getMediaOptions(), isParentSelected && backgroundType === _shared.VIDEO_BACKGROUND_TYPE && toolbarControls(openMediaOptionsRef.current), (0, _react.createElement)(_blockEditor.MediaUploadProgress, {
     mediaId: id,
     onUpdateMediaProgress: () => {
       setIsUploadInProgress(true);
@@ -290,9 +297,9 @@ const Cover = ({
         url: undefined
       });
     }
-  }), _shared.IMAGE_BACKGROUND_TYPE === backgroundType && (0, _element.createElement)(_reactNative.View, {
+  }), _shared.IMAGE_BACKGROUND_TYPE === backgroundType && (0, _react.createElement)(_reactNative.View, {
     style: _style.default.imageContainer
-  }, (0, _element.createElement)(_components.Image, {
+  }, (0, _react.createElement)(_components.Image, {
     editButton: false,
     focalPoint: focalPoint || _components.IMAGE_DEFAULT_FOCAL_POINT,
     isSelected: isParentSelected,
@@ -302,7 +309,7 @@ const Cover = ({
     openMediaOptions: openMediaOptionsRef.current,
     url: url,
     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,
     disableFocus: true,
     repeat: true,
@@ -319,7 +326,7 @@ const Cover = ({
     }]
   })));
   if (!hasBackground && !hasInnerBlocks || isCustomColorPickerShowing) {
-    return (0, _element.createElement)(_reactNative.View, null, isCustomColorPickerShowing && colorPickerControls, (0, _element.createElement)(_blockEditor.MediaPlaceholder, {
+    return (0, _react.createElement)(_reactNative.View, null, isCustomColorPickerShowing && colorPickerControls, (0, _react.createElement)(_blockEditor.MediaPlaceholder, {
       height: _style.default.mediaPlaceholderEmptyStateContainer?.height,
       backgroundColor: customOverlayColor,
       hideContent: customOverlayColor !== '' && customOverlayColor !== undefined,
@@ -330,12 +337,12 @@ const Cover = ({
       onSelect: onSelectMedia,
       allowedTypes: _shared.ALLOWED_MEDIA_TYPES,
       onFocus: onFocus
-    }, (0, _element.createElement)(_reactNative.View, {
+    }, (0, _react.createElement)(_reactNative.View, {
       style: _style.default.colorPaletteWrapper,
       pointerEvents: isScreenReaderEnabled ? 'none' : 'auto'
-    }, (0, _element.createElement)(_components.BottomSheetConsumer, null, ({
+    }, (0, _react.createElement)(_components.BottomSheetConsumer, null, ({
       shouldEnableBottomSheetScroll
-    }) => (0, _element.createElement)(_components.ColorPalette, {
+    }) => (0, _react.createElement)(_components.ColorPalette, {
       customColorIndicatorStyles: _style.default.paletteColorIndicator,
       customIndicatorWrapperStyles: _style.default.paletteCustomIndicatorWrapper,
       setColor: setColor,
@@ -346,9 +353,9 @@ const Cover = ({
       shouldEnableBottomSheetScroll: shouldEnableBottomSheetScroll
     })))));
   }
-  return (0, _element.createElement)(_reactNative.View, {
+  return (0, _react.createElement)(_reactNative.View, {
     style: _style.default.backgroundContainer
-  }, isSelected && (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_controls.default, {
+  }, isSelected && (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_controls.default, {
     attributes: attributes,
     didUploadFail: didUploadFail,
     hasOnlyColorBackground: hasOnlyColorBackground,
@@ -356,26 +363,26 @@ const Cover = ({
     onClearMedia: onClearMedia,
     onSelectMedia: onSelectMedia,
     setAttributes: setAttributes
-  })), (0, _element.createElement)(_reactNative.View, {
+  })), (0, _react.createElement)(_reactNative.View, {
     pointerEvents: "box-none",
     style: [_style.default.content, {
       minHeight: convertedMinHeight
     }]
-  }, (0, _element.createElement)(_blockEditor.InnerBlocks, {
+  }, (0, _react.createElement)(_blockEditor.InnerBlocks, {
     allowedBlocks: allowedBlocks,
     template: INNER_BLOCKS_TEMPLATE,
     templateLock: templateLock,
     templateInsertUpdatesSelection: true,
     blockWidth: blockWidth
-  })), (0, _element.createElement)(_reactNative.View, {
+  })), (0, _react.createElement)(_reactNative.View, {
     pointerEvents: "none",
     style: _style.default.overlayContainer
-  }, (0, _element.createElement)(_reactNative.View, {
+  }, (0, _react.createElement)(_reactNative.View, {
     style: overlayStyles
-  }, gradientValue && (0, _element.createElement)(_components.Gradient, {
+  }, gradientValue && (0, _react.createElement)(_components.Gradient, {
     gradientValue: gradientValue,
     style: _style.default.background
-  }))), (0, _element.createElement)(_blockEditor.MediaUpload, {
+  }))), (0, _react.createElement)(_blockEditor.MediaUpload, {
     allowedTypes: _shared.ALLOWED_MEDIA_TYPES,
     isReplacingMedia: !hasOnlyColorBackground,
     onSelect: onSelectMedia,
@@ -386,9 +393,9 @@ const Cover = ({
       openMediaOptionsRef.current = open;
       return renderContent(getMediaOptions);
     }
-  }), isImage && url && openMediaOptionsRef.current && isParentSelected && !isUploadInProgress && !didUploadFail && (0, _element.createElement)(_reactNative.View, {
+  }), isImage && url && openMediaOptionsRef.current && isParentSelected && !isUploadInProgress && !didUploadFail && (0, _react.createElement)(_reactNative.View, {
     style: _style.default.imageEditButton
-  }, (0, _element.createElement)(_components.ImageEditingButton, {
+  }, (0, _react.createElement)(_components.ImageEditingButton, {
     onSelectMediaUploadOption: onSelectMedia,
     openMediaOptions: openMediaOptionsRef.current,
     pickerOptions: [{
@@ -400,12 +407,12 @@ const Cover = ({
       value: 'clearMedia'
     }],
     url: url
-  })), shouldShowFailure && (0, _element.createElement)(_reactNative.View, {
+  })), shouldShowFailure && (0, _react.createElement)(_reactNative.View, {
     pointerEvents: "none",
     style: _style.default.uploadFailedContainer
-  }, (0, _element.createElement)(_reactNative.View, {
+  }, (0, _react.createElement)(_reactNative.View, {
     style: _style.default.uploadFailed
-  }, (0, _element.createElement)(_components.Icon, {
+  }, (0, _react.createElement)(_components.Icon, {
     icon: _icons.warning,
     ..._style.default.uploadFailedIcon
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_element","require","_reactNative","_reactNativeVideo","_interopRequireDefault","_dedupe","_reactNativeBridge","_i18n","_components","_blockEditor","_compose","_data","_icons","_url","_editPost","_style","_shared","_controls","_useCoverIsDark","INNER_BLOCKS_TEMPLATE","align","placeholder","__","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","useState","useEffect","mounted","changeListener","AccessibilityInfo","addEventListener","enabled","then","screenReaderEnabled","remove","Cover","attributes","getStylesFromColorScheme","isParentSelected","onFocus","setAttributes","openGeneralSidebar","closeSettingsBottomSheet","isSelected","selectBlock","blockWidth","hasInnerBlocks","backgroundType","dimRatio","focalPoint","minHeight","url","id","style","customOverlayColor","minHeightUnit","allowedBlocks","templateLock","customGradient","gradient","overlayColor","isDark","mediaUploadSync","convertedMinHeight","useConvertUnitToMobile","COVER_DEFAULT_HEIGHT","isImage","MEDIA_TYPE_IMAGE","THEME_COLORS_COUNT","colorsDefault","useMobileGlobalStylesColors","coverDefaultPalette","useMemo","colors","slice","gradients","gradientValue","getGradientValueBySlug","overlayColorValue","getColorObjectByAttributeValues","hasBackground","color","background","hasOnlyColorBackground","isCustomColorPickerShowing","setCustomColorPickerShowing","openMediaOptionsRef","useRef","isUploadInProgress","setIsUploadInProgress","didUploadFail","setDidUploadFail","getProtocol","shouldShowFailure","onSelectMedia","media","onSelect","attributesFromMedia","onMediaPressed","requestImageUploadCancelDialog","requestImageFailedRetryDialog","requestImageFullscreenPreview","isVideoLoading","setIsVideoLoading","onVideoLoadStart","onVideoLoad","onClearMedia","useCallback","undefined","hasParallax","setColor","_colorValue$slug","_ref","colorValue","getColorObjectByColorValue","slug","openColorPicker","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","isCoverDark","useCoverIsDark","childrenStyles","styles","defaultColor","defaultColorLightMode","className","includes","classnames","backgroundColor","backgroundSolid","backgroundSolidDark","overlayStyles","overlay","opacity","overlaySelected","placeholderIconStyle","icon","iconDark","placeholderIcon","createElement","Icon","toolbarControls","open","BlockControls","group","ToolbarButton","title","replace","onClick","accessibilityHint","Platform","OS","addMediaButton","TouchableWithoutFeedback","accessibilityLabel","accessibilityRole","onPress","current","View","selectImageContainer","selectImage","size","image","selectImageIcon","onBottomSheetClosed","InteractionManager","runAfterInteractions","selectedColorText","selectedColorTextDark","bottomLabelText","Text","toUpperCase","colorPickerControls","InspectorControls","BottomSheetConsumer","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","isBottomSheetContentScrolling","ColorPicker","onNavigationBack","renderContent","getMediaOptions","Fragment","renderBackground","accessible","disabled","VIDEO_BACKGROUND_TYPE","MediaUploadProgress","mediaId","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","mediaServerId","mediaUrl","onFinishMediaUploadWithFailure","onMediaUploadStateReset","IMAGE_BACKGROUND_TYPE","imageContainer","Image","editButton","IMAGE_DEFAULT_FOCAL_POINT","isUploadFailed","onSelectMediaUploadOption","openMediaOptions","width","default","muted","disableFocus","repeat","resizeMode","source","uri","onLoad","onLoadStart","MediaPlaceholder","height","mediaPlaceholderEmptyStateContainer","hideContent","labels","allowedTypes","ALLOWED_MEDIA_TYPES","colorPaletteWrapper","pointerEvents","ColorPalette","customColorIndicatorStyles","paletteColorIndicator","customIndicatorWrapperStyles","paletteCustomIndicatorWrapper","onCustomPress","defaultSettings","shouldShowCustomLabel","shouldShowCustomVerticalSeparator","backgroundContainer","content","InnerBlocks","template","templateInsertUpdatesSelection","overlayContainer","Gradient","MediaUpload","isReplacingMedia","render","imageEditButton","ImageEditingButton","pickerOptions","destructiveButton","label","separated","value","uploadFailedContainer","uploadFailed","warning","uploadFailedIcon","_default","compose","withSelect","select","clientId","getSelectedBlockClientId","getBlock","selectedBlockClientId","innerBlocks","length","withDispatch","dispatch","editPostStore","closeGeneralSidebar","withPreferredColorScheme","exports"],"sources":["@wordpress/block-library/src/cover/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tInteractionManager,\n\tAccessibilityInfo,\n\tText,\n\tPlatform,\n} from 'react-native';\nimport Video from 'react-native-video';\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n\tmediaUploadSync,\n} from '@wordpress/react-native-bridge';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tIcon,\n\tImage,\n\tImageEditingButton,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tToolbarButton,\n\tGradient,\n\tColorPalette,\n\tColorPicker,\n\tBottomSheetConsumer,\n\tuseConvertUnitToMobile,\n\tuseMobileGlobalStylesColors,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tInnerBlocks,\n\tInspectorControls,\n\tMEDIA_TYPE_IMAGE,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { useDispatch, withSelect, withDispatch } from '@wordpress/data';\nimport {\n\tuseEffect,\n\tuseState,\n\tuseRef,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\nimport { cover as icon, replace, image, warning } from '@wordpress/icons';\nimport { getProtocol } from '@wordpress/url';\n// eslint-disable-next-line no-restricted-imports\nimport { store as editPostStore } from '@wordpress/edit-post';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tattributesFromMedia,\n\tALLOWED_MEDIA_TYPES,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tCOVER_DEFAULT_HEIGHT,\n} from './shared';\nimport Controls from './controls';\nimport useCoverIsDark from './use-cover-is-dark';\n\n/**\n * Constants\n */\nconst INNER_BLOCKS_TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\talign: 'center',\n\t\t\tplaceholder: __( 'Write title…' ),\n\t\t},\n\t],\n];\n\nfunction useIsScreenReaderEnabled() {\n\tconst [ isScreenReaderEnabled, setIsScreenReaderEnabled ] =\n\t\tuseState( false );\n\n\tuseEffect( () => {\n\t\tlet mounted = true;\n\n\t\tconst changeListener = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\t( enabled ) => setIsScreenReaderEnabled( enabled )\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( screenReaderEnabled ) => {\n\t\t\t\tif ( mounted && screenReaderEnabled ) {\n\t\t\t\t\tsetIsScreenReaderEnabled( screenReaderEnabled );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\treturn () => {\n\t\t\tmounted = false;\n\n\t\t\tchangeListener.remove();\n\t\t};\n\t}, [] );\n\n\treturn isScreenReaderEnabled;\n}\n\nconst Cover = ( {\n\tattributes,\n\tgetStylesFromColorScheme,\n\tisParentSelected,\n\tonFocus,\n\tsetAttributes,\n\topenGeneralSidebar,\n\tcloseSettingsBottomSheet,\n\tisSelected,\n\tselectBlock,\n\tblockWidth,\n\thasInnerBlocks,\n} ) => {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\turl,\n\t\tid,\n\t\tstyle,\n\t\tcustomOverlayColor,\n\t\tminHeightUnit = 'px',\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\tcustomGradient,\n\t\tgradient,\n\t\toverlayColor,\n\t\tisDark,\n\t} = attributes;\n\tconst isScreenReaderEnabled = useIsScreenReaderEnabled();\n\n\tuseEffect( () => {\n\t\t// Sync with local media store.\n\t\tmediaUploadSync();\n\t}, [] );\n\n\tconst convertedMinHeight = useConvertUnitToMobile(\n\t\tminHeight || COVER_DEFAULT_HEIGHT,\n\t\tminHeightUnit\n\t);\n\n\tconst isImage = backgroundType === MEDIA_TYPE_IMAGE;\n\n\tconst THEME_COLORS_COUNT = 4;\n\tconst colorsDefault = useMobileGlobalStylesColors();\n\tconst coverDefaultPalette = useMemo( () => {\n\t\treturn {\n\t\t\tcolors: colorsDefault.slice( 0, THEME_COLORS_COUNT ),\n\t\t};\n\t}, [ colorsDefault ] );\n\tconst gradients = useMobileGlobalStylesColors( 'gradients' );\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\tconst overlayColorValue = getColorObjectByAttributeValues(\n\t\tcolorsDefault,\n\t\toverlayColor\n\t);\n\n\tconst hasBackground = !! (\n\t\turl ||\n\t\t( style && style.color && style.color.background ) ||\n\t\tattributes.overlayColor ||\n\t\toverlayColorValue.color ||\n\t\tcustomOverlayColor ||\n\t\tgradientValue\n\t);\n\n\tconst hasOnlyColorBackground = ! url && ( hasBackground || hasInnerBlocks );\n\n\tconst [ isCustomColorPickerShowing, setCustomColorPickerShowing ] =\n\t\tuseState( false );\n\n\tconst openMediaOptionsRef = useRef();\n\n\t// Initialize uploading flag to false, awaiting sync.\n\tconst [ isUploadInProgress, setIsUploadInProgress ] = useState( false );\n\n\t// Initialize upload failure flag to true if url is local.\n\tconst [ didUploadFail, setDidUploadFail ] = useState(\n\t\tid && getProtocol( url ) === 'file:'\n\t);\n\n\t// Don't show failure if upload is in progress.\n\tconst shouldShowFailure = didUploadFail && ! isUploadInProgress;\n\n\tconst onSelectMedia = ( media ) => {\n\t\tsetDidUploadFail( false );\n\t\tconst onSelect = attributesFromMedia( setAttributes, dimRatio );\n\t\tonSelect( media );\n\t};\n\n\tconst onMediaPressed = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( shouldShowFailure ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t} else if ( isImage && url ) {\n\t\t\trequestImageFullscreenPreview( url );\n\t\t}\n\t};\n\n\tconst [ isVideoLoading, setIsVideoLoading ] = useState( true );\n\n\tconst onVideoLoadStart = () => {\n\t\tsetIsVideoLoading( true );\n\t};\n\n\tconst onVideoLoad = () => {\n\t\tsetIsVideoLoading( false );\n\t};\n\n\tconst onClearMedia = useCallback( () => {\n\t\tsetAttributes( {\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t} );\n\t\tcloseSettingsBottomSheet();\n\t}, [ closeSettingsBottomSheet ] );\n\n\tfunction setColor( color ) {\n\t\tconst colorValue = getColorObjectByColorValue( colorsDefault, color );\n\n\t\tsetAttributes( {\n\t\t\t// Clear all related attributes (only one should be set).\n\t\t\toverlayColor: colorValue?.slug ?? undefined,\n\t\t\tcustomOverlayColor: ( ! colorValue?.slug && color ) ?? undefined,\n\t\t\tgradient: undefined,\n\t\t\tcustomGradient: undefined,\n\t\t} );\n\t}\n\n\tfunction openColorPicker() {\n\t\tselectBlock();\n\t\tsetCustomColorPickerShowing( true );\n\t\topenGeneralSidebar();\n\t}\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst isCoverDark = useCoverIsDark(\n\t\tisDark,\n\t\turl,\n\t\tdimRatio,\n\t\toverlayColorValue?.color\n\t);\n\n\tuseEffect( () => {\n\t\t// This side-effect should not create an undo level.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t// Used to set a default color for its InnerBlocks\n\t\t// since there's no system to inherit styles yet\n\t\t// the RichText component will check if there are\n\t\t// parent styles for the current block. If there are,\n\t\t// it will use that color instead.\n\t\tsetAttributes( {\n\t\t\tisDark: isCoverDark,\n\t\t\tchildrenStyles: isCoverDark\n\t\t\t\t? styles.defaultColor\n\t\t\t\t: styles.defaultColorLightMode,\n\t\t} );\n\n\t\t// Ensure that \"is-light\" is removed from \"className\" attribute if cover background is dark.\n\t\tif ( isCoverDark && attributes.className?.includes( 'is-light' ) ) {\n\t\t\tconst className = classnames( attributes.className, {\n\t\t\t\t'is-light': false,\n\t\t\t} );\n\t\t\tsetAttributes( {\n\t\t\t\tclassName: className !== '' ? className : undefined,\n\t\t\t} );\n\t\t}\n\t}, [ isCoverDark ] );\n\n\tconst backgroundColor = getStylesFromColorScheme(\n\t\tstyles.backgroundSolid,\n\t\tstyles.backgroundSolidDark\n\t);\n\n\tconst overlayStyles = [\n\t\tstyles.overlay,\n\t\turl && { opacity: dimRatio / 100 },\n\t\t! gradientValue && {\n\t\t\tbackgroundColor:\n\t\t\t\tcustomOverlayColor ||\n\t\t\t\toverlayColorValue?.color ||\n\t\t\t\tstyle?.color?.background ||\n\t\t\t\tstyles.overlay?.color,\n\t\t},\n\t\t// While we don't support theme colors we add a default bg color.\n\t\t! overlayColorValue.color && ! url ? backgroundColor : {},\n\t\tisImage &&\n\t\t\tisParentSelected &&\n\t\t\t! isUploadInProgress &&\n\t\t\t! didUploadFail &&\n\t\t\tstyles.overlaySelected,\n\t];\n\n\tconst placeholderIconStyle = getStylesFromColorScheme(\n\t\tstyles.icon,\n\t\tstyles.iconDark\n\t);\n\n\tconst placeholderIcon = <Icon icon={ icon } { ...placeholderIconStyle } />;\n\n\tconst toolbarControls = ( open ) => (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ __( 'Edit cover media' ) }\n\t\t\t\ticon={ replace }\n\t\t\t\tonClick={ open }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst accessibilityHint =\n\t\tPlatform.OS === 'ios'\n\t\t\t? __( 'Double tap to open Action Sheet to add image or video' )\n\t\t\t: __( 'Double tap to open Bottom Sheet to add image or video' );\n\n\tconst addMediaButton = () => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\taccessibilityRole=\"button\"\n\t\t\tonPress={ openMediaOptionsRef.current }\n\t\t>\n\t\t\t<View style={ styles.selectImageContainer }>\n\t\t\t\t<View style={ styles.selectImage }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\ticon={ image }\n\t\t\t\t\t\t{ ...styles.selectImageIcon }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tconst onBottomSheetClosed = useCallback( () => {\n\t\tInteractionManager.runAfterInteractions( () => {\n\t\t\tsetCustomColorPickerShowing( false );\n\t\t} );\n\t}, [] );\n\n\tconst selectedColorText = getStylesFromColorScheme(\n\t\tstyles.selectedColorText,\n\t\tstyles.selectedColorTextDark\n\t);\n\n\tconst bottomLabelText = customOverlayColor ? (\n\t\t<Text style={ selectedColorText }>\n\t\t\t{ customOverlayColor.toUpperCase() }\n\t\t</Text>\n\t) : (\n\t\t__( 'Select a color' )\n\t);\n\n\tconst colorPickerControls = (\n\t\t<InspectorControls>\n\t\t\t<BottomSheetConsumer>\n\t\t\t\t{ ( {\n\t\t\t\t\tshouldEnableBottomSheetScroll,\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight,\n\t\t\t\t\tonHandleClosingBottomSheet,\n\t\t\t\t\tonHandleHardwareButtonPress,\n\t\t\t\t\tisBottomSheetContentScrolling,\n\t\t\t\t} ) => (\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t}\n\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\tonNavigationBack={ closeSettingsBottomSheet }\n\t\t\t\t\t\tonHandleClosingBottomSheet={\n\t\t\t\t\t\t\tonHandleClosingBottomSheet\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonHandleHardwareButtonPress={\n\t\t\t\t\t\t\tonHandleHardwareButtonPress\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonBottomSheetClosed={ onBottomSheetClosed }\n\t\t\t\t\t\tisBottomSheetContentScrolling={\n\t\t\t\t\t\t\tisBottomSheetContentScrolling\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbottomLabelText={ bottomLabelText }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BottomSheetConsumer>\n\t\t</InspectorControls>\n\t);\n\n\tconst renderContent = ( getMediaOptions ) => (\n\t\t<>\n\t\t\t{ renderBackground( getMediaOptions ) }\n\t\t\t{ isParentSelected && hasOnlyColorBackground && addMediaButton() }\n\t\t</>\n\t);\n\n\tconst renderBackground = ( getMediaOptions ) => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isParentSelected }\n\t\t\tonPress={ onMediaPressed }\n\t\t\tdisabled={ ! isParentSelected }\n\t\t>\n\t\t\t<View style={ [ styles.background, backgroundColor ] }>\n\t\t\t\t{ getMediaOptions() }\n\t\t\t\t{ isParentSelected &&\n\t\t\t\t\tbackgroundType === VIDEO_BACKGROUND_TYPE &&\n\t\t\t\t\ttoolbarControls( openMediaOptionsRef.current ) }\n\t\t\t\t<MediaUploadProgress\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tonUpdateMediaProgress={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithSuccess={ ( {\n\t\t\t\t\t\tmediaServerId,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t} ) => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tid: mediaServerId,\n\t\t\t\t\t\t\turl: mediaUrl,\n\t\t\t\t\t\t\tbackgroundType,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithFailure={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonMediaUploadStateReset={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( { id: undefined, url: undefined } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\n\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<View style={ styles.imageContainer }>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\teditButton={ false }\n\t\t\t\t\t\t\tfocalPoint={\n\t\t\t\t\t\t\t\tfocalPoint || IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisSelected={ isParentSelected }\n\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<Video\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\trepeat\n\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\tonLoad={ onVideoLoad }\n\t\t\t\t\t\tonLoadStart={ onVideoLoadStart }\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tstyles.background,\n\t\t\t\t\t\t\t// Hide Video component since it has black background while loading the source.\n\t\t\t\t\t\t\t{ opacity: isVideoLoading ? 0 : 1 },\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tif (\n\t\t( ! hasBackground && ! hasInnerBlocks ) ||\n\t\tisCustomColorPickerShowing\n\t) {\n\t\treturn (\n\t\t\t<View>\n\t\t\t\t{ isCustomColorPickerShowing && colorPickerControls }\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\theight={\n\t\t\t\t\t\tstyles.mediaPlaceholderEmptyStateContainer?.height\n\t\t\t\t\t}\n\t\t\t\t\tbackgroundColor={ customOverlayColor }\n\t\t\t\t\thideContent={\n\t\t\t\t\t\tcustomOverlayColor !== '' &&\n\t\t\t\t\t\tcustomOverlayColor !== undefined\n\t\t\t\t\t}\n\t\t\t\t\ticon={ placeholderIcon }\n\t\t\t\t\tlabels={ {\n\t\t\t\t\t\ttitle: __( 'Cover' ),\n\t\t\t\t\t} }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ styles.colorPaletteWrapper }\n\t\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\t\tisScreenReaderEnabled ? 'none' : 'auto'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t\t{ ( { shouldEnableBottomSheetScroll } ) => (\n\t\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteColorIndicator\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcustomIndicatorWrapperStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteCustomIndicatorWrapper\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\t\t\t\tonCustomPress={ openColorPicker }\n\t\t\t\t\t\t\t\t\tdefaultSettings={ coverDefaultPalette }\n\t\t\t\t\t\t\t\t\tshouldShowCustomLabel={ false }\n\t\t\t\t\t\t\t\t\tshouldShowCustomVerticalSeparator={ false }\n\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BottomSheetConsumer>\n\t\t\t\t\t</View>\n\t\t\t\t</MediaPlaceholder>\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ styles.backgroundContainer }>\n\t\t\t{ isSelected && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<Controls\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tdidUploadFail={ didUploadFail }\n\t\t\t\t\t\thasOnlyColorBackground={ hasOnlyColorBackground }\n\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\tonClearMedia={ onClearMedia }\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\n\t\t\t<View\n\t\t\t\tpointerEvents=\"box-none\"\n\t\t\t\tstyle={ [ styles.content, { minHeight: convertedMinHeight } ] }\n\t\t\t>\n\t\t\t\t<InnerBlocks\n\t\t\t\t\tallowedBlocks={ allowedBlocks }\n\t\t\t\t\ttemplate={ INNER_BLOCKS_TEMPLATE }\n\t\t\t\t\ttemplateLock={ templateLock }\n\t\t\t\t\ttemplateInsertUpdatesSelection\n\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t/>\n\t\t\t</View>\n\n\t\t\t<View pointerEvents=\"none\" style={ styles.overlayContainer }>\n\t\t\t\t<View style={ overlayStyles }>\n\t\t\t\t\t{ gradientValue && (\n\t\t\t\t\t\t<Gradient\n\t\t\t\t\t\t\tgradientValue={ gradientValue }\n\t\t\t\t\t\t\tstyle={ styles.background }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t</View>\n\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\topenMediaOptionsRef.current = open;\n\t\t\t\t\treturn renderContent( getMediaOptions );\n\t\t\t\t} }\n\t\t\t/>\n\n\t\t\t{ isImage &&\n\t\t\t\turl &&\n\t\t\t\topenMediaOptionsRef.current &&\n\t\t\t\tisParentSelected &&\n\t\t\t\t! isUploadInProgress &&\n\t\t\t\t! didUploadFail && (\n\t\t\t\t\t<View style={ styles.imageEditButton }>\n\t\t\t\t\t\t<ImageEditingButton\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\tpickerOptions={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t{ shouldShowFailure && (\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\tstyle={ styles.uploadFailedContainer }\n\t\t\t\t>\n\t\t\t\t\t<View style={ styles.uploadFailed }>\n\t\t\t\t\t\t<Icon icon={ warning } { ...styles.uploadFailedIcon } />\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getSelectedBlockClientId, getBlock } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\n\t\tconst hasInnerBlocks = getBlock( clientId )?.innerBlocks.length > 0;\n\n\t\treturn {\n\t\t\tisParentSelected: selectedBlockClientId === clientId,\n\t\t\thasInnerBlocks,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { openGeneralSidebar } = dispatch( editPostStore );\n\t\tconst { selectBlock } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t\t\tcloseSettingsBottomSheet() {\n\t\t\t\tdispatch( editPostStore ).closeGeneralSidebar();\n\t\t\t},\n\t\t\tselectBlock: () => selectBlock( clientId ),\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( Cover );\n"],"mappings":"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"}
+{"version":3,"names":["_reactNative","require","_reactNativeVideo","_interopRequireDefault","_dedupe","_reactNativeBridge","_i18n","_components","_blockEditor","_compose","_data","_element","_icons","_url","_editPost","_style","_shared","_controls","_useCoverIsDark","INNER_BLOCKS_TEMPLATE","align","placeholder","__","useIsScreenReaderEnabled","isScreenReaderEnabled","setIsScreenReaderEnabled","useState","useEffect","mounted","changeListener","AccessibilityInfo","addEventListener","enabled","then","screenReaderEnabled","remove","Cover","attributes","getStylesFromColorScheme","isParentSelected","onFocus","setAttributes","openGeneralSidebar","closeSettingsBottomSheet","isSelected","selectBlock","blockWidth","hasInnerBlocks","backgroundType","dimRatio","focalPoint","minHeight","url","id","style","customOverlayColor","minHeightUnit","allowedBlocks","templateLock","customGradient","gradient","overlayColor","isDark","mediaUploadSync","convertedMinHeight","useConvertUnitToMobile","COVER_DEFAULT_HEIGHT","isImage","MEDIA_TYPE_IMAGE","THEME_COLORS_COUNT","colorsDefault","useMobileGlobalStylesColors","coverDefaultPalette","useMemo","colors","slice","gradients","gradientValue","getGradientValueBySlug","overlayColorValue","getColorObjectByAttributeValues","hasBackground","color","background","hasOnlyColorBackground","isCustomColorPickerShowing","setCustomColorPickerShowing","openMediaOptionsRef","useRef","isUploadInProgress","setIsUploadInProgress","didUploadFail","setDidUploadFail","getProtocol","shouldShowFailure","onSelectMedia","media","mediaAttributes","attributesFromMedia","undefined","useFeaturedImage","onMediaPressed","requestImageUploadCancelDialog","requestImageFailedRetryDialog","requestImageFullscreenPreview","isVideoLoading","setIsVideoLoading","onVideoLoadStart","onVideoLoad","onClearMedia","useCallback","hasParallax","setColor","_colorValue$slug","_ref","colorValue","getColorObjectByColorValue","slug","openColorPicker","__unstableMarkNextChangeAsNotPersistent","useDispatch","blockEditorStore","isCoverDark","useCoverIsDark","childrenStyles","styles","defaultColor","defaultColorLightMode","className","includes","classnames","backgroundColor","backgroundSolid","backgroundSolidDark","overlayStyles","overlay","opacity","overlaySelected","placeholderIconStyle","icon","iconDark","placeholderIcon","_react","createElement","Icon","toolbarControls","open","BlockControls","group","ToolbarButton","title","replace","onClick","accessibilityHint","Platform","OS","addMediaButton","TouchableWithoutFeedback","accessibilityLabel","accessibilityRole","onPress","current","View","selectImageContainer","selectImage","size","image","selectImageIcon","onBottomSheetClosed","InteractionManager","runAfterInteractions","selectedColorText","selectedColorTextDark","bottomLabelText","Text","toUpperCase","colorPickerControls","InspectorControls","BottomSheetConsumer","shouldEnableBottomSheetScroll","shouldEnableBottomSheetMaxHeight","onHandleClosingBottomSheet","onHandleHardwareButtonPress","isBottomSheetContentScrolling","ColorPicker","onNavigationBack","renderContent","getMediaOptions","Fragment","renderBackground","accessible","disabled","VIDEO_BACKGROUND_TYPE","MediaUploadProgress","mediaId","onUpdateMediaProgress","onFinishMediaUploadWithSuccess","mediaServerId","mediaUrl","onFinishMediaUploadWithFailure","onMediaUploadStateReset","IMAGE_BACKGROUND_TYPE","imageContainer","Image","editButton","IMAGE_DEFAULT_FOCAL_POINT","isUploadFailed","onSelectMediaUploadOption","openMediaOptions","width","default","muted","disableFocus","repeat","resizeMode","source","uri","onLoad","onLoadStart","MediaPlaceholder","height","mediaPlaceholderEmptyStateContainer","hideContent","labels","onSelect","allowedTypes","ALLOWED_MEDIA_TYPES","colorPaletteWrapper","pointerEvents","ColorPalette","customColorIndicatorStyles","paletteColorIndicator","customIndicatorWrapperStyles","paletteCustomIndicatorWrapper","onCustomPress","defaultSettings","shouldShowCustomLabel","shouldShowCustomVerticalSeparator","backgroundContainer","content","InnerBlocks","template","templateInsertUpdatesSelection","overlayContainer","Gradient","MediaUpload","isReplacingMedia","render","imageEditButton","ImageEditingButton","pickerOptions","destructiveButton","label","separated","value","uploadFailedContainer","uploadFailed","warning","uploadFailedIcon","_default","compose","withSelect","select","clientId","getSelectedBlockClientId","getBlock","selectedBlockClientId","innerBlocks","length","withDispatch","dispatch","editPostStore","closeGeneralSidebar","withPreferredColorScheme","exports"],"sources":["@wordpress/block-library/src/cover/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport {\n\tView,\n\tTouchableWithoutFeedback,\n\tInteractionManager,\n\tAccessibilityInfo,\n\tText,\n\tPlatform,\n} from 'react-native';\nimport Video from 'react-native-video';\nimport classnames from 'classnames/dedupe';\n\n/**\n * WordPress dependencies\n */\nimport {\n\trequestImageFailedRetryDialog,\n\trequestImageUploadCancelDialog,\n\trequestImageFullscreenPreview,\n\tmediaUploadSync,\n} from '@wordpress/react-native-bridge';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tIcon,\n\tImage,\n\tImageEditingButton,\n\tIMAGE_DEFAULT_FOCAL_POINT,\n\tToolbarButton,\n\tGradient,\n\tColorPalette,\n\tColorPicker,\n\tBottomSheetConsumer,\n\tuseConvertUnitToMobile,\n\tuseMobileGlobalStylesColors,\n} from '@wordpress/components';\nimport {\n\tBlockControls,\n\tInnerBlocks,\n\tInspectorControls,\n\tMEDIA_TYPE_IMAGE,\n\tMediaPlaceholder,\n\tMediaUpload,\n\tMediaUploadProgress,\n\tgetColorObjectByColorValue,\n\tgetColorObjectByAttributeValues,\n\tgetGradientValueBySlug,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { compose, withPreferredColorScheme } from '@wordpress/compose';\nimport { useDispatch, withSelect, withDispatch } from '@wordpress/data';\nimport {\n\tuseEffect,\n\tuseState,\n\tuseRef,\n\tuseCallback,\n\tuseMemo,\n} from '@wordpress/element';\nimport { cover as icon, replace, image, warning } from '@wordpress/icons';\nimport { getProtocol } from '@wordpress/url';\n// eslint-disable-next-line no-restricted-imports\nimport { store as editPostStore } from '@wordpress/edit-post';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport {\n\tattributesFromMedia,\n\tALLOWED_MEDIA_TYPES,\n\tIMAGE_BACKGROUND_TYPE,\n\tVIDEO_BACKGROUND_TYPE,\n\tCOVER_DEFAULT_HEIGHT,\n} from './shared';\nimport Controls from './controls';\nimport useCoverIsDark from './use-cover-is-dark';\n\n/**\n * Constants\n */\nconst INNER_BLOCKS_TEMPLATE = [\n\t[\n\t\t'core/paragraph',\n\t\t{\n\t\t\talign: 'center',\n\t\t\tplaceholder: __( 'Write title…' ),\n\t\t},\n\t],\n];\n\nfunction useIsScreenReaderEnabled() {\n\tconst [ isScreenReaderEnabled, setIsScreenReaderEnabled ] =\n\t\tuseState( false );\n\n\tuseEffect( () => {\n\t\tlet mounted = true;\n\n\t\tconst changeListener = AccessibilityInfo.addEventListener(\n\t\t\t'screenReaderChanged',\n\t\t\t( enabled ) => setIsScreenReaderEnabled( enabled )\n\t\t);\n\n\t\tAccessibilityInfo.isScreenReaderEnabled().then(\n\t\t\t( screenReaderEnabled ) => {\n\t\t\t\tif ( mounted && screenReaderEnabled ) {\n\t\t\t\t\tsetIsScreenReaderEnabled( screenReaderEnabled );\n\t\t\t\t}\n\t\t\t}\n\t\t);\n\n\t\treturn () => {\n\t\t\tmounted = false;\n\n\t\t\tchangeListener.remove();\n\t\t};\n\t}, [] );\n\n\treturn isScreenReaderEnabled;\n}\n\nconst Cover = ( {\n\tattributes,\n\tgetStylesFromColorScheme,\n\tisParentSelected,\n\tonFocus,\n\tsetAttributes,\n\topenGeneralSidebar,\n\tcloseSettingsBottomSheet,\n\tisSelected,\n\tselectBlock,\n\tblockWidth,\n\thasInnerBlocks,\n} ) => {\n\tconst {\n\t\tbackgroundType,\n\t\tdimRatio,\n\t\tfocalPoint,\n\t\tminHeight,\n\t\turl,\n\t\tid,\n\t\tstyle,\n\t\tcustomOverlayColor,\n\t\tminHeightUnit = 'px',\n\t\tallowedBlocks,\n\t\ttemplateLock,\n\t\tcustomGradient,\n\t\tgradient,\n\t\toverlayColor,\n\t\tisDark,\n\t} = attributes;\n\tconst isScreenReaderEnabled = useIsScreenReaderEnabled();\n\n\tuseEffect( () => {\n\t\t// Sync with local media store.\n\t\tmediaUploadSync();\n\t}, [] );\n\n\tconst convertedMinHeight = useConvertUnitToMobile(\n\t\tminHeight || COVER_DEFAULT_HEIGHT,\n\t\tminHeightUnit\n\t);\n\n\tconst isImage = backgroundType === MEDIA_TYPE_IMAGE;\n\n\tconst THEME_COLORS_COUNT = 4;\n\tconst colorsDefault = useMobileGlobalStylesColors();\n\tconst coverDefaultPalette = useMemo( () => {\n\t\treturn {\n\t\t\tcolors: colorsDefault.slice( 0, THEME_COLORS_COUNT ),\n\t\t};\n\t}, [ colorsDefault ] );\n\tconst gradients = useMobileGlobalStylesColors( 'gradients' );\n\tconst gradientValue =\n\t\tcustomGradient || getGradientValueBySlug( gradients, gradient );\n\tconst overlayColorValue = getColorObjectByAttributeValues(\n\t\tcolorsDefault,\n\t\toverlayColor\n\t);\n\n\tconst hasBackground = !! (\n\t\turl ||\n\t\t( style && style.color && style.color.background ) ||\n\t\tattributes.overlayColor ||\n\t\toverlayColorValue.color ||\n\t\tcustomOverlayColor ||\n\t\tgradientValue\n\t);\n\n\tconst hasOnlyColorBackground = ! url && ( hasBackground || hasInnerBlocks );\n\n\tconst [ isCustomColorPickerShowing, setCustomColorPickerShowing ] =\n\t\tuseState( false );\n\n\tconst openMediaOptionsRef = useRef();\n\n\t// Initialize uploading flag to false, awaiting sync.\n\tconst [ isUploadInProgress, setIsUploadInProgress ] = useState( false );\n\n\t// Initialize upload failure flag to true if url is local.\n\tconst [ didUploadFail, setDidUploadFail ] = useState(\n\t\tid && getProtocol( url ) === 'file:'\n\t);\n\n\t// Don't show failure if upload is in progress.\n\tconst shouldShowFailure = didUploadFail && ! isUploadInProgress;\n\n\tconst onSelectMedia = ( media ) => {\n\t\tsetDidUploadFail( false );\n\n\t\tconst mediaAttributes = attributesFromMedia( media );\n\t\tsetAttributes( {\n\t\t\t...mediaAttributes,\n\t\t\tfocalPoint: undefined,\n\t\t\tuseFeaturedImage: undefined,\n\t\t\tdimRatio: dimRatio === 100 ? 50 : dimRatio,\n\t\t\tisDark: undefined,\n\t\t} );\n\t};\n\n\tconst onMediaPressed = () => {\n\t\tif ( isUploadInProgress ) {\n\t\t\trequestImageUploadCancelDialog( id );\n\t\t} else if ( shouldShowFailure ) {\n\t\t\trequestImageFailedRetryDialog( id );\n\t\t} else if ( isImage && url ) {\n\t\t\trequestImageFullscreenPreview( url );\n\t\t}\n\t};\n\n\tconst [ isVideoLoading, setIsVideoLoading ] = useState( true );\n\n\tconst onVideoLoadStart = () => {\n\t\tsetIsVideoLoading( true );\n\t};\n\n\tconst onVideoLoad = () => {\n\t\tsetIsVideoLoading( false );\n\t};\n\n\tconst onClearMedia = useCallback( () => {\n\t\tsetAttributes( {\n\t\t\tfocalPoint: undefined,\n\t\t\thasParallax: undefined,\n\t\t\tid: undefined,\n\t\t\turl: undefined,\n\t\t} );\n\t\tcloseSettingsBottomSheet();\n\t}, [ closeSettingsBottomSheet ] );\n\n\tfunction setColor( color ) {\n\t\tconst colorValue = getColorObjectByColorValue( colorsDefault, color );\n\n\t\tsetAttributes( {\n\t\t\t// Clear all related attributes (only one should be set).\n\t\t\toverlayColor: colorValue?.slug ?? undefined,\n\t\t\tcustomOverlayColor: ( ! colorValue?.slug && color ) ?? undefined,\n\t\t\tgradient: undefined,\n\t\t\tcustomGradient: undefined,\n\t\t} );\n\t}\n\n\tfunction openColorPicker() {\n\t\tselectBlock();\n\t\tsetCustomColorPickerShowing( true );\n\t\topenGeneralSidebar();\n\t}\n\n\tconst { __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\tconst isCoverDark = useCoverIsDark(\n\t\tisDark,\n\t\turl,\n\t\tdimRatio,\n\t\toverlayColorValue?.color\n\t);\n\n\tuseEffect( () => {\n\t\t// This side-effect should not create an undo level.\n\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t// Used to set a default color for its InnerBlocks\n\t\t// since there's no system to inherit styles yet\n\t\t// the RichText component will check if there are\n\t\t// parent styles for the current block. If there are,\n\t\t// it will use that color instead.\n\t\tsetAttributes( {\n\t\t\tisDark: isCoverDark,\n\t\t\tchildrenStyles: isCoverDark\n\t\t\t\t? styles.defaultColor\n\t\t\t\t: styles.defaultColorLightMode,\n\t\t} );\n\n\t\t// Ensure that \"is-light\" is removed from \"className\" attribute if cover background is dark.\n\t\tif ( isCoverDark && attributes.className?.includes( 'is-light' ) ) {\n\t\t\tconst className = classnames( attributes.className, {\n\t\t\t\t'is-light': false,\n\t\t\t} );\n\t\t\tsetAttributes( {\n\t\t\t\tclassName: className !== '' ? className : undefined,\n\t\t\t} );\n\t\t}\n\t}, [ isCoverDark ] );\n\n\tconst backgroundColor = getStylesFromColorScheme(\n\t\tstyles.backgroundSolid,\n\t\tstyles.backgroundSolidDark\n\t);\n\n\tconst overlayStyles = [\n\t\tstyles.overlay,\n\t\turl && { opacity: dimRatio / 100 },\n\t\t! gradientValue && {\n\t\t\tbackgroundColor:\n\t\t\t\tcustomOverlayColor ||\n\t\t\t\toverlayColorValue?.color ||\n\t\t\t\tstyle?.color?.background ||\n\t\t\t\tstyles.overlay?.color,\n\t\t},\n\t\t// While we don't support theme colors we add a default bg color.\n\t\t! overlayColorValue.color && ! url ? backgroundColor : {},\n\t\tisImage &&\n\t\t\tisParentSelected &&\n\t\t\t! isUploadInProgress &&\n\t\t\t! didUploadFail &&\n\t\t\tstyles.overlaySelected,\n\t];\n\n\tconst placeholderIconStyle = getStylesFromColorScheme(\n\t\tstyles.icon,\n\t\tstyles.iconDark\n\t);\n\n\tconst placeholderIcon = <Icon icon={ icon } { ...placeholderIconStyle } />;\n\n\tconst toolbarControls = ( open ) => (\n\t\t<BlockControls group=\"other\">\n\t\t\t<ToolbarButton\n\t\t\t\ttitle={ __( 'Edit cover media' ) }\n\t\t\t\ticon={ replace }\n\t\t\t\tonClick={ open }\n\t\t\t/>\n\t\t</BlockControls>\n\t);\n\n\tconst accessibilityHint =\n\t\tPlatform.OS === 'ios'\n\t\t\t? __( 'Double tap to open Action Sheet to add image or video' )\n\t\t\t: __( 'Double tap to open Bottom Sheet to add image or video' );\n\n\tconst addMediaButton = () => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessibilityHint={ accessibilityHint }\n\t\t\taccessibilityLabel={ __( 'Add image or video' ) }\n\t\t\taccessibilityRole=\"button\"\n\t\t\tonPress={ openMediaOptionsRef.current }\n\t\t>\n\t\t\t<View style={ styles.selectImageContainer }>\n\t\t\t\t<View style={ styles.selectImage }>\n\t\t\t\t\t<Icon\n\t\t\t\t\t\tsize={ 16 }\n\t\t\t\t\t\ticon={ image }\n\t\t\t\t\t\t{ ...styles.selectImageIcon }\n\t\t\t\t\t/>\n\t\t\t\t</View>\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tconst onBottomSheetClosed = useCallback( () => {\n\t\tInteractionManager.runAfterInteractions( () => {\n\t\t\tsetCustomColorPickerShowing( false );\n\t\t} );\n\t}, [] );\n\n\tconst selectedColorText = getStylesFromColorScheme(\n\t\tstyles.selectedColorText,\n\t\tstyles.selectedColorTextDark\n\t);\n\n\tconst bottomLabelText = customOverlayColor ? (\n\t\t<Text style={ selectedColorText }>\n\t\t\t{ customOverlayColor.toUpperCase() }\n\t\t</Text>\n\t) : (\n\t\t__( 'Select a color' )\n\t);\n\n\tconst colorPickerControls = (\n\t\t<InspectorControls>\n\t\t\t<BottomSheetConsumer>\n\t\t\t\t{ ( {\n\t\t\t\t\tshouldEnableBottomSheetScroll,\n\t\t\t\t\tshouldEnableBottomSheetMaxHeight,\n\t\t\t\t\tonHandleClosingBottomSheet,\n\t\t\t\t\tonHandleHardwareButtonPress,\n\t\t\t\t\tisBottomSheetContentScrolling,\n\t\t\t\t} ) => (\n\t\t\t\t\t<ColorPicker\n\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t}\n\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight={\n\t\t\t\t\t\t\tshouldEnableBottomSheetMaxHeight\n\t\t\t\t\t\t}\n\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\tonNavigationBack={ closeSettingsBottomSheet }\n\t\t\t\t\t\tonHandleClosingBottomSheet={\n\t\t\t\t\t\t\tonHandleClosingBottomSheet\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonHandleHardwareButtonPress={\n\t\t\t\t\t\t\tonHandleHardwareButtonPress\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonBottomSheetClosed={ onBottomSheetClosed }\n\t\t\t\t\t\tisBottomSheetContentScrolling={\n\t\t\t\t\t\t\tisBottomSheetContentScrolling\n\t\t\t\t\t\t}\n\t\t\t\t\t\tbottomLabelText={ bottomLabelText }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</BottomSheetConsumer>\n\t\t</InspectorControls>\n\t);\n\n\tconst renderContent = ( getMediaOptions ) => (\n\t\t<>\n\t\t\t{ renderBackground( getMediaOptions ) }\n\t\t\t{ isParentSelected && hasOnlyColorBackground && addMediaButton() }\n\t\t</>\n\t);\n\n\tconst renderBackground = ( getMediaOptions ) => (\n\t\t<TouchableWithoutFeedback\n\t\t\taccessible={ ! isParentSelected }\n\t\t\tonPress={ onMediaPressed }\n\t\t\tdisabled={ ! isParentSelected }\n\t\t>\n\t\t\t<View style={ [ styles.background, backgroundColor ] }>\n\t\t\t\t{ getMediaOptions() }\n\t\t\t\t{ isParentSelected &&\n\t\t\t\t\tbackgroundType === VIDEO_BACKGROUND_TYPE &&\n\t\t\t\t\ttoolbarControls( openMediaOptionsRef.current ) }\n\t\t\t\t<MediaUploadProgress\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tonUpdateMediaProgress={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithSuccess={ ( {\n\t\t\t\t\t\tmediaServerId,\n\t\t\t\t\t\tmediaUrl,\n\t\t\t\t\t} ) => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tid: mediaServerId,\n\t\t\t\t\t\t\turl: mediaUrl,\n\t\t\t\t\t\t\tbackgroundType,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t\tonFinishMediaUploadWithFailure={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( true );\n\t\t\t\t\t} }\n\t\t\t\t\tonMediaUploadStateReset={ () => {\n\t\t\t\t\t\tsetIsUploadInProgress( false );\n\t\t\t\t\t\tsetDidUploadFail( false );\n\t\t\t\t\t\tsetAttributes( { id: undefined, url: undefined } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\n\t\t\t\t{ IMAGE_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<View style={ styles.imageContainer }>\n\t\t\t\t\t\t<Image\n\t\t\t\t\t\t\teditButton={ false }\n\t\t\t\t\t\t\tfocalPoint={\n\t\t\t\t\t\t\t\tfocalPoint || IMAGE_DEFAULT_FOCAL_POINT\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tisSelected={ isParentSelected }\n\t\t\t\t\t\t\tisUploadFailed={ didUploadFail }\n\t\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t\twidth={ styles.image?.width }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t\t{ VIDEO_BACKGROUND_TYPE === backgroundType && (\n\t\t\t\t\t<Video\n\t\t\t\t\t\tmuted\n\t\t\t\t\t\tdisableFocus\n\t\t\t\t\t\trepeat\n\t\t\t\t\t\tresizeMode={ 'cover' }\n\t\t\t\t\t\tsource={ { uri: url } }\n\t\t\t\t\t\tonLoad={ onVideoLoad }\n\t\t\t\t\t\tonLoadStart={ onVideoLoadStart }\n\t\t\t\t\t\tstyle={ [\n\t\t\t\t\t\t\tstyles.background,\n\t\t\t\t\t\t\t// Hide Video component since it has black background while loading the source.\n\t\t\t\t\t\t\t{ opacity: isVideoLoading ? 0 : 1 },\n\t\t\t\t\t\t] }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t</View>\n\t\t</TouchableWithoutFeedback>\n\t);\n\n\tif (\n\t\t( ! hasBackground && ! hasInnerBlocks ) ||\n\t\tisCustomColorPickerShowing\n\t) {\n\t\treturn (\n\t\t\t<View>\n\t\t\t\t{ isCustomColorPickerShowing && colorPickerControls }\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\theight={\n\t\t\t\t\t\tstyles.mediaPlaceholderEmptyStateContainer?.height\n\t\t\t\t\t}\n\t\t\t\t\tbackgroundColor={ customOverlayColor }\n\t\t\t\t\thideContent={\n\t\t\t\t\t\tcustomOverlayColor !== '' &&\n\t\t\t\t\t\tcustomOverlayColor !== undefined\n\t\t\t\t\t}\n\t\t\t\t\ticon={ placeholderIcon }\n\t\t\t\t\tlabels={ {\n\t\t\t\t\t\ttitle: __( 'Cover' ),\n\t\t\t\t\t} }\n\t\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\tonFocus={ onFocus }\n\t\t\t\t>\n\t\t\t\t\t<View\n\t\t\t\t\t\tstyle={ styles.colorPaletteWrapper }\n\t\t\t\t\t\tpointerEvents={\n\t\t\t\t\t\t\tisScreenReaderEnabled ? 'none' : 'auto'\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<BottomSheetConsumer>\n\t\t\t\t\t\t\t{ ( { shouldEnableBottomSheetScroll } ) => (\n\t\t\t\t\t\t\t\t<ColorPalette\n\t\t\t\t\t\t\t\t\tcustomColorIndicatorStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteColorIndicator\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tcustomIndicatorWrapperStyles={\n\t\t\t\t\t\t\t\t\t\tstyles.paletteCustomIndicatorWrapper\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsetColor={ setColor }\n\t\t\t\t\t\t\t\t\tonCustomPress={ openColorPicker }\n\t\t\t\t\t\t\t\t\tdefaultSettings={ coverDefaultPalette }\n\t\t\t\t\t\t\t\t\tshouldShowCustomLabel={ false }\n\t\t\t\t\t\t\t\t\tshouldShowCustomVerticalSeparator={ false }\n\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll={\n\t\t\t\t\t\t\t\t\t\tshouldEnableBottomSheetScroll\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</BottomSheetConsumer>\n\t\t\t\t\t</View>\n\t\t\t\t</MediaPlaceholder>\n\t\t\t</View>\n\t\t);\n\t}\n\n\treturn (\n\t\t<View style={ styles.backgroundContainer }>\n\t\t\t{ isSelected && (\n\t\t\t\t<InspectorControls>\n\t\t\t\t\t<Controls\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tdidUploadFail={ didUploadFail }\n\t\t\t\t\t\thasOnlyColorBackground={ hasOnlyColorBackground }\n\t\t\t\t\t\tisUploadInProgress={ isUploadInProgress }\n\t\t\t\t\t\tonClearMedia={ onClearMedia }\n\t\t\t\t\t\tonSelectMedia={ onSelectMedia }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t/>\n\t\t\t\t</InspectorControls>\n\t\t\t) }\n\n\t\t\t<View\n\t\t\t\tpointerEvents=\"box-none\"\n\t\t\t\tstyle={ [ styles.content, { minHeight: convertedMinHeight } ] }\n\t\t\t>\n\t\t\t\t<InnerBlocks\n\t\t\t\t\tallowedBlocks={ allowedBlocks }\n\t\t\t\t\ttemplate={ INNER_BLOCKS_TEMPLATE }\n\t\t\t\t\ttemplateLock={ templateLock }\n\t\t\t\t\ttemplateInsertUpdatesSelection\n\t\t\t\t\tblockWidth={ blockWidth }\n\t\t\t\t/>\n\t\t\t</View>\n\n\t\t\t<View pointerEvents=\"none\" style={ styles.overlayContainer }>\n\t\t\t\t<View style={ overlayStyles }>\n\t\t\t\t\t{ gradientValue && (\n\t\t\t\t\t\t<Gradient\n\t\t\t\t\t\t\tgradientValue={ gradientValue }\n\t\t\t\t\t\t\tstyle={ styles.background }\n\t\t\t\t\t\t/>\n\t\t\t\t\t) }\n\t\t\t\t</View>\n\t\t\t</View>\n\n\t\t\t<MediaUpload\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tisReplacingMedia={ ! hasOnlyColorBackground }\n\t\t\t\tonSelect={ onSelectMedia }\n\t\t\t\trender={ ( { open, getMediaOptions } ) => {\n\t\t\t\t\topenMediaOptionsRef.current = open;\n\t\t\t\t\treturn renderContent( getMediaOptions );\n\t\t\t\t} }\n\t\t\t/>\n\n\t\t\t{ isImage &&\n\t\t\t\turl &&\n\t\t\t\topenMediaOptionsRef.current &&\n\t\t\t\tisParentSelected &&\n\t\t\t\t! isUploadInProgress &&\n\t\t\t\t! didUploadFail && (\n\t\t\t\t\t<View style={ styles.imageEditButton }>\n\t\t\t\t\t\t<ImageEditingButton\n\t\t\t\t\t\t\tonSelectMediaUploadOption={ onSelectMedia }\n\t\t\t\t\t\t\topenMediaOptions={ openMediaOptionsRef.current }\n\t\t\t\t\t\t\tpickerOptions={ [\n\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\tdestructiveButton: true,\n\t\t\t\t\t\t\t\t\tid: 'clearMedia',\n\t\t\t\t\t\t\t\t\tlabel: __( 'Clear Media' ),\n\t\t\t\t\t\t\t\t\tonPress: onClearMedia,\n\t\t\t\t\t\t\t\t\tseparated: true,\n\t\t\t\t\t\t\t\t\tvalue: 'clearMedia',\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t] }\n\t\t\t\t\t\t\turl={ url }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</View>\n\t\t\t\t) }\n\n\t\t\t{ shouldShowFailure && (\n\t\t\t\t<View\n\t\t\t\t\tpointerEvents=\"none\"\n\t\t\t\t\tstyle={ styles.uploadFailedContainer }\n\t\t\t\t>\n\t\t\t\t\t<View style={ styles.uploadFailed }>\n\t\t\t\t\t\t<Icon icon={ warning } { ...styles.uploadFailedIcon } />\n\t\t\t\t\t</View>\n\t\t\t\t</View>\n\t\t\t) }\n\t\t</View>\n\t);\n};\n\nexport default compose( [\n\twithSelect( ( select, { clientId } ) => {\n\t\tconst { getSelectedBlockClientId, getBlock } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst selectedBlockClientId = getSelectedBlockClientId();\n\n\t\tconst hasInnerBlocks = getBlock( clientId )?.innerBlocks.length > 0;\n\n\t\treturn {\n\t\t\tisParentSelected: selectedBlockClientId === clientId,\n\t\t\thasInnerBlocks,\n\t\t};\n\t} ),\n\twithDispatch( ( dispatch, { clientId } ) => {\n\t\tconst { openGeneralSidebar } = dispatch( editPostStore );\n\t\tconst { selectBlock } = dispatch( blockEditorStore );\n\n\t\treturn {\n\t\t\topenGeneralSidebar: () => openGeneralSidebar( 'edit-post/block' ),\n\t\t\tcloseSettingsBottomSheet() {\n\t\t\t\tdispatch( editPostStore ).closeGeneralSidebar();\n\t\t\t},\n\t\t\tselectBlock: () => selectBlock( clientId ),\n\t\t};\n\t} ),\n\twithPreferredColorScheme,\n] )( Cover );\n"],"mappings":"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"}

package/build/cover/focal-point-settings-button.native.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _native = require("@react-navigation/native");
 var _reactNative = require("react-native");
 var _i18n = require("@wordpress/i18n");
@@ -32,7 +32,7 @@ function FocalPointSettingsButton({
   url
 }) {
   const navigation = (0, _native.useNavigation)();
-  return (0, _element.createElement)(_components.BottomSheet.Cell, {
+  return (0, _react.createElement)(_components.BottomSheet.Cell, {
     customActionButton: true,
     disabled: disabled,
     labelStyle: disabled && _style.default.dimmedActionButton,
@@ -45,9 +45,9 @@ function FocalPointSettingsButton({
         url
       });
     }
-  }, (0, _element.createElement)(_reactNative.View, {
+  }, (0, _react.createElement)(_reactNative.View, {
     style: disabled && _style.default.dimmedActionButton
-  }, (0, _element.createElement)(_components.Icon, {
+  }, (0, _react.createElement)(_components.Icon, {
     icon: _icons.chevronRight
   })));
 }