@wordpress/block-library 8.25.0 → 8.26.0

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

@@ -150,7 +150,7 @@ export default function CoverInspectorControls({
     }, __('Describe the purpose of the image.')), createElement("br", null), __('Leave empty if decorative.'))
   }), createElement(PanelRow, null, createElement(Button, {
     variant: "secondary",
-    isSmall: true,
+    size: "small",
     className: "block-library-cover__reset-button",
     onClick: onClearMedia
   }, __('Clear Media'))))), colorGradientSettings.hasColorsOrGradients && createElement(InspectorControls, {

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

@@ -1 +1 @@
-{"version":3,"names":["useMemo","Button","ExternalLink","FocalPointPicker","PanelBody","PanelRow","RangeControl","TextareaControl","ToggleControl","SelectControl","__experimentalUseCustomUnits","useCustomUnits","__experimentalToolsPanelItem","ToolsPanelItem","__experimentalUnitControl","UnitControl","__experimentalParseQuantityAndUnitFromRawValue","parseQuantityAndUnitFromRawValue","useInstanceId","InspectorControls","useSettings","__experimentalColorGradientSettingsDropdown","ColorGradientSettingsDropdown","__experimentalUseGradient","__experimentalUseMultipleOriginColorsAndGradients","useMultipleOriginColorsAndGradients","__","COVER_MIN_HEIGHT","mediaPosition","CoverHeightInput","onChange","onUnitChange","unit","value","instanceId","inputId","isPx","availableUnits","units","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","inputValue","parseFloat","undefined","isNaN","computedValue","parsedQuantity","join","min","createElement","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","overlayColor","gradientValue","setGradient","toggleParallax","toggleIsRepeated","showFocalPointPicker","imperativeFocalPointPreview","styleOfRef","property","current","style","colorGradientSettings","htmlElementMessages","header","main","section","article","aside","footer","Fragment","title","__nextHasNoMarginBottom","checked","onDragStart","onDrag","newFocalPoint","newAlt","help","href","variant","isSmall","className","onClick","hasColorsOrGradients","group","__experimentalIsRenderedInSidebar","settings","colorValue","color","onColorChange","onGradientChange","isShownByDefault","resetAllFilter","customOverlayColor","gradient","customGradient","panelId","hasValue","onDeselect","newDimRatio","max","step","required","__next40pxDefaultSize","newMinHeight","nextUnit","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\tuseSettings,\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 [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem', 'vw', 'vh' ],\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\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 && url && ! isVideoBackground && (\n\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\tonChange={ ( newAlt ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { alt: newAlt } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t<>\n\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{ __(\n\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) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\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<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\t__next40pxDefaultSize\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":["useMemo","Button","ExternalLink","FocalPointPicker","PanelBody","PanelRow","RangeControl","TextareaControl","ToggleControl","SelectControl","__experimentalUseCustomUnits","useCustomUnits","__experimentalToolsPanelItem","ToolsPanelItem","__experimentalUnitControl","UnitControl","__experimentalParseQuantityAndUnitFromRawValue","parseQuantityAndUnitFromRawValue","useInstanceId","InspectorControls","useSettings","__experimentalColorGradientSettingsDropdown","ColorGradientSettingsDropdown","__experimentalUseGradient","__experimentalUseMultipleOriginColorsAndGradients","useMultipleOriginColorsAndGradients","__","COVER_MIN_HEIGHT","mediaPosition","CoverHeightInput","onChange","onUnitChange","unit","value","instanceId","inputId","isPx","availableUnits","units","defaultValues","px","em","rem","vw","vh","handleOnChange","unprocessedValue","inputValue","parseFloat","undefined","isNaN","computedValue","parsedQuantity","join","min","createElement","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","overlayColor","gradientValue","setGradient","toggleParallax","toggleIsRepeated","showFocalPointPicker","imperativeFocalPointPreview","styleOfRef","property","current","style","colorGradientSettings","htmlElementMessages","header","main","section","article","aside","footer","Fragment","title","__nextHasNoMarginBottom","checked","onDragStart","onDrag","newFocalPoint","newAlt","help","href","variant","size","className","onClick","hasColorsOrGradients","group","__experimentalIsRenderedInSidebar","settings","colorValue","color","onColorChange","onGradientChange","isShownByDefault","resetAllFilter","customOverlayColor","gradient","customGradient","panelId","hasValue","onDeselect","newDimRatio","max","step","required","__next40pxDefaultSize","newMinHeight","nextUnit","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\tuseSettings,\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 [ availableUnits ] = useSettings( 'spacing.units' );\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: availableUnits || [ 'px', 'em', 'rem', 'vw', 'vh' ],\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\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 && url && ! isVideoBackground && (\n\t\t\t\t\t\t\t<TextareaControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Alternative text' ) }\n\t\t\t\t\t\t\t\tvalue={ alt }\n\t\t\t\t\t\t\t\tonChange={ ( newAlt ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { alt: newAlt } )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\thelp={\n\t\t\t\t\t\t\t\t\t<>\n\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{ __(\n\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) }\n\t\t\t\t\t\t\t\t\t\t</ExternalLink>\n\t\t\t\t\t\t\t\t\t\t<br />\n\t\t\t\t\t\t\t\t\t\t{ __( 'Leave empty if decorative.' ) }\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<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\tsize=\"small\"\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\t__next40pxDefaultSize\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-module/embed/util.js

@@ -8,7 +8,7 @@ import memoize from 'memize';
 /**
  * WordPress dependencies
  */
-import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
+import { privateApis as componentsPrivateApis } from '@wordpress/components';
 import { renderToString } from '@wordpress/element';
 import { createBlock, getBlockType, getBlockVariations } from '@wordpress/blocks';
 
@@ -71,9 +71,6 @@ import { unlock } from '../lock-unlock';
 const {
   name: DEFAULT_EMBED_BLOCK
 } = metadata;
-const {
-  kebabCase
-} = unlock(blockEditorPrivateApis);
 
 /** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */
 
@@ -305,6 +302,9 @@ export const getAttributesFromPreview = memoize((preview, title, currentClassNam
     html,
     provider_name: providerName
   } = preview;
+  const {
+    kebabCase
+  } = unlock(componentsPrivateApis);
   const providerNameSlug = kebabCase((providerName || title).toLowerCase());
   if (isFromWordPress(html)) {
     type = WP_EMBED_TYPE;

package/build-module/embed/util.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","memoize","privateApis","blockEditorPrivateApis","renderToString","createBlock","getBlockType","getBlockVariations","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","url","type","__experimentalRole","caption","source","selector","providerNameSlug","allowResponsive","responsive","previewable","supports","align","spacing","margin","editorStyle","style","ASPECT_RATIOS","WP_EMBED_TYPE","unlock","DEFAULT_EMBED_BLOCK","kebabCase","getEmbedInfoByProvider","provider","find","matchesPatterns","patterns","some","pattern","match","findMoreSuitableBlock","isFromWordPress","html","includes","getPhotoHtml","photo","imageUrl","thumbnail_url","photoPreview","createElement","src","alt","width","createUpgradedEmbedBlock","props","attributesFromPreview","preview","restAttributes","matchedBlock","isCurrentBlockWP","shouldCreateNewBlock","wpVariation","hasAspectRatioClass","existingClassNames","className","removeAspectRatioClasses","aspectRatioClassNames","reduce","accumulator","getClassNames","previewDocument","document","implementation","createHTMLDocument","body","innerHTML","iframe","querySelector","height","aspectRatio","toFixed","ratioIndex","length","potentialRatio","ratio","ratioDiff","fallback","onReplace","link","href","content","getAttributesFromPreview","currentClassNames","isResponsive","provider_name","providerName","toLowerCase","getMergedAttributesWithPreview","currentAttributes"],"sources":["@wordpress/block-library/src/embed/util.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames/dedupe';\nimport memoize from 'memize';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';\nimport { renderToString } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tgetBlockType,\n\tgetBlockVariations,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport { ASPECT_RATIOS, WP_EMBED_TYPE } from './constants';\nimport { unlock } from '../lock-unlock';\n\nconst { name: DEFAULT_EMBED_BLOCK } = metadata;\nconst { kebabCase } = unlock( blockEditorPrivateApis );\n\n/** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */\n\n/**\n * Returns the embed block's information by matching the provided service provider\n *\n * @param {string} provider The embed block's provider\n * @return {WPBlockVariation} The embed block's information\n */\nexport const getEmbedInfoByProvider = ( provider ) =>\n\tgetBlockVariations( DEFAULT_EMBED_BLOCK )?.find(\n\t\t( { name } ) => name === provider\n\t);\n\n/**\n * Returns true if any of the regular expressions match the URL.\n *\n * @param {string} url      The URL to test.\n * @param {Array}  patterns The list of regular expressions to test agains.\n * @return {boolean} True if any of the regular expressions match the URL.\n */\nexport const matchesPatterns = ( url, patterns = [] ) =>\n\tpatterns.some( ( pattern ) => url.match( pattern ) );\n\n/**\n * Finds the block variation that should be used for the URL,\n * based on the provided URL and the variation's patterns.\n *\n * @param {string} url The URL to test.\n * @return {WPBlockVariation} The block variation that should be used for this URL\n */\nexport const findMoreSuitableBlock = ( url ) =>\n\tgetBlockVariations( DEFAULT_EMBED_BLOCK )?.find( ( { patterns } ) =>\n\t\tmatchesPatterns( url, patterns )\n\t);\n\nexport const isFromWordPress = ( html ) =>\n\thtml && html.includes( 'class=\"wp-embedded-content\"' );\n\nexport const getPhotoHtml = ( photo ) => {\n\t// If full image url not found use thumbnail.\n\tconst imageUrl = photo.url || photo.thumbnail_url;\n\n\t// 100% width for the preview so it fits nicely into the document, some \"thumbnails\" are\n\t// actually the full size photo.\n\tconst photoPreview = (\n\t\t<p>\n\t\t\t<img src={ imageUrl } alt={ photo.title } width=\"100%\" />\n\t\t</p>\n\t);\n\treturn renderToString( photoPreview );\n};\n\n/**\n * Creates a more suitable embed block based on the passed in props\n * and attributes generated from an embed block's preview.\n *\n * We require `attributesFromPreview` to be generated from the latest attributes\n * and preview, and because of the way the react lifecycle operates, we can't\n * guarantee that the attributes contained in the block's props are the latest\n * versions, so we require that these are generated separately.\n * See `getAttributesFromPreview` in the generated embed edit component.\n *\n * @param {Object} props                   The block's props.\n * @param {Object} [attributesFromPreview] Attributes generated from the block's most up to date preview.\n * @return {Object|undefined} A more suitable embed block if one exists.\n */\nexport const createUpgradedEmbedBlock = (\n\tprops,\n\tattributesFromPreview = {}\n) => {\n\tconst { preview, attributes = {} } = props;\n\tconst { url, providerNameSlug, type, ...restAttributes } = attributes;\n\n\tif ( ! url || ! getBlockType( DEFAULT_EMBED_BLOCK ) ) return;\n\n\tconst matchedBlock = findMoreSuitableBlock( url );\n\n\t// WordPress blocks can work on multiple sites, and so don't have patterns,\n\t// so if we're in a WordPress block, assume the user has chosen it for a WordPress URL.\n\tconst isCurrentBlockWP =\n\t\tproviderNameSlug === 'wordpress' || type === WP_EMBED_TYPE;\n\t// If current block is not WordPress and a more suitable block found\n\t// that is different from the current one, create the new matched block.\n\tconst shouldCreateNewBlock =\n\t\t! isCurrentBlockWP &&\n\t\tmatchedBlock &&\n\t\t( matchedBlock.attributes.providerNameSlug !== providerNameSlug ||\n\t\t\t! providerNameSlug );\n\tif ( shouldCreateNewBlock ) {\n\t\treturn createBlock( DEFAULT_EMBED_BLOCK, {\n\t\t\turl,\n\t\t\t...restAttributes,\n\t\t\t...matchedBlock.attributes,\n\t\t} );\n\t}\n\n\tconst wpVariation = getBlockVariations( DEFAULT_EMBED_BLOCK )?.find(\n\t\t( { name } ) => name === 'wordpress'\n\t);\n\n\t// We can't match the URL for WordPress embeds, we have to check the HTML instead.\n\tif (\n\t\t! wpVariation ||\n\t\t! preview ||\n\t\t! isFromWordPress( preview.html ) ||\n\t\tisCurrentBlockWP\n\t) {\n\t\treturn;\n\t}\n\n\t// This is not the WordPress embed block so transform it into one.\n\treturn createBlock( DEFAULT_EMBED_BLOCK, {\n\t\turl,\n\t\t...wpVariation.attributes,\n\t\t// By now we have the preview, but when the new block first renders, it\n\t\t// won't have had all the attributes set, and so won't get the correct\n\t\t// type and it won't render correctly. So, we pass through the current attributes\n\t\t// here so that the initial render works when we switch to the WordPress\n\t\t// block. This only affects the WordPress block because it can't be\n\t\t// rendered in the usual Sandbox (it has a sandbox of its own) and it\n\t\t// relies on the preview to set the correct render type.\n\t\t...attributesFromPreview,\n\t} );\n};\n\n/**\n * Determine if the block already has an aspect ratio class applied.\n *\n * @param {string} existingClassNames Existing block classes.\n * @return {boolean} True or false if the classnames contain an aspect ratio class.\n */\nexport const hasAspectRatioClass = ( existingClassNames ) => {\n\tif ( ! existingClassNames ) {\n\t\treturn false;\n\t}\n\treturn ASPECT_RATIOS.some( ( { className } ) =>\n\t\texistingClassNames.includes( className )\n\t);\n};\n\n/**\n * Removes all previously set aspect ratio related classes and return the rest\n * existing class names.\n *\n * @param {string} existingClassNames Any existing class names.\n * @return {string} The class names without any aspect ratio related class.\n */\nexport const removeAspectRatioClasses = ( existingClassNames ) => {\n\tif ( ! existingClassNames ) {\n\t\t// Avoids extraneous work and also, by returning the same value as\n\t\t// received, ensures the post is not dirtied by a change of the block\n\t\t// attribute from `undefined` to an emtpy string.\n\t\treturn existingClassNames;\n\t}\n\tconst aspectRatioClassNames = ASPECT_RATIOS.reduce(\n\t\t( accumulator, { className } ) => {\n\t\t\taccumulator[ className ] = false;\n\t\t\treturn accumulator;\n\t\t},\n\t\t{ 'wp-has-aspect-ratio': false }\n\t);\n\treturn classnames( existingClassNames, aspectRatioClassNames );\n};\n\n/**\n * Returns class names with any relevant responsive aspect ratio names.\n *\n * @param {string}  html               The preview HTML that possibly contains an iframe with width and height set.\n * @param {string}  existingClassNames Any existing class names.\n * @param {boolean} allowResponsive    If the responsive class names should be added, or removed.\n * @return {string} Deduped class names.\n */\nexport function getClassNames(\n\thtml,\n\texistingClassNames,\n\tallowResponsive = true\n) {\n\tif ( ! allowResponsive ) {\n\t\treturn removeAspectRatioClasses( existingClassNames );\n\t}\n\n\tconst previewDocument = document.implementation.createHTMLDocument( '' );\n\tpreviewDocument.body.innerHTML = html;\n\tconst iframe = previewDocument.body.querySelector( 'iframe' );\n\n\t// If we have a fixed aspect iframe, and it's a responsive embed block.\n\tif ( iframe && iframe.height && iframe.width ) {\n\t\tconst aspectRatio = ( iframe.width / iframe.height ).toFixed( 2 );\n\t\t// Given the actual aspect ratio, find the widest ratio to support it.\n\t\tfor (\n\t\t\tlet ratioIndex = 0;\n\t\t\tratioIndex < ASPECT_RATIOS.length;\n\t\t\tratioIndex++\n\t\t) {\n\t\t\tconst potentialRatio = ASPECT_RATIOS[ ratioIndex ];\n\t\t\tif ( aspectRatio >= potentialRatio.ratio ) {\n\t\t\t\t// Evaluate the difference between actual aspect ratio and closest match.\n\t\t\t\t// If the difference is too big, do not scale the embed according to aspect ratio.\n\t\t\t\tconst ratioDiff = aspectRatio - potentialRatio.ratio;\n\t\t\t\tif ( ratioDiff > 0.1 ) {\n\t\t\t\t\t// No close aspect ratio match found.\n\t\t\t\t\treturn removeAspectRatioClasses( existingClassNames );\n\t\t\t\t}\n\t\t\t\t// Close aspect ratio match found.\n\t\t\t\treturn classnames(\n\t\t\t\t\tremoveAspectRatioClasses( existingClassNames ),\n\t\t\t\t\tpotentialRatio.className,\n\t\t\t\t\t'wp-has-aspect-ratio'\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn existingClassNames;\n}\n\n/**\n * Fallback behaviour for unembeddable URLs.\n * Creates a paragraph block containing a link to the URL, and calls `onReplace`.\n *\n * @param {string}   url       The URL that could not be embedded.\n * @param {Function} onReplace Function to call with the created fallback block.\n */\nexport function fallback( url, onReplace ) {\n\tconst link = <a href={ url }>{ url }</a>;\n\tonReplace(\n\t\tcreateBlock( 'core/paragraph', { content: renderToString( link ) } )\n\t);\n}\n\n/***\n * Gets block attributes based on the preview and responsive state.\n *\n * @param {Object} preview The preview data.\n * @param {string} title The block's title, e.g. Twitter.\n * @param {Object} currentClassNames The block's current class names.\n * @param {boolean} isResponsive Boolean indicating if the block supports responsive content.\n * @param {boolean} allowResponsive Apply responsive classes to fixed size content.\n * @return {Object} Attributes and values.\n */\nexport const getAttributesFromPreview = memoize(\n\t(\n\t\tpreview,\n\t\ttitle,\n\t\tcurrentClassNames,\n\t\tisResponsive,\n\t\tallowResponsive = true\n\t) => {\n\t\tif ( ! preview ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst attributes = {};\n\t\t// Some plugins only return HTML with no type info, so default this to 'rich'.\n\t\tlet { type = 'rich' } = preview;\n\t\t// If we got a provider name from the API, use it for the slug, otherwise we use the title,\n\t\t// because not all embed code gives us a provider name.\n\t\tconst { html, provider_name: providerName } = preview;\n\t\tconst providerNameSlug = kebabCase(\n\t\t\t( providerName || title ).toLowerCase()\n\t\t);\n\n\t\tif ( isFromWordPress( html ) ) {\n\t\t\ttype = WP_EMBED_TYPE;\n\t\t}\n\n\t\tif ( html || 'photo' === type ) {\n\t\t\tattributes.type = type;\n\t\t\tattributes.providerNameSlug = providerNameSlug;\n\t\t}\n\n\t\t// Aspect ratio classes are removed when the embed URL is updated.\n\t\t// If the embed already has an aspect ratio class, that means the URL has not changed.\n\t\t// Which also means no need to regenerate it with getClassNames.\n\t\tif ( hasAspectRatioClass( currentClassNames ) ) {\n\t\t\treturn attributes;\n\t\t}\n\n\t\tattributes.className = getClassNames(\n\t\t\thtml,\n\t\t\tcurrentClassNames,\n\t\t\tisResponsive && allowResponsive\n\t\t);\n\n\t\treturn attributes;\n\t}\n);\n\n/**\n * Returns the attributes derived from the preview, merged with the current attributes.\n *\n * @param {Object}  currentAttributes The current attributes of the block.\n * @param {Object}  preview           The preview data.\n * @param {string}  title             The block's title, e.g. Twitter.\n * @param {boolean} isResponsive      Boolean indicating if the block supports responsive content.\n * @return {Object} Merged attributes.\n */\nexport const getMergedAttributesWithPreview = (\n\tcurrentAttributes,\n\tpreview,\n\ttitle,\n\tisResponsive\n) => {\n\tconst { allowResponsive, className } = currentAttributes;\n\n\treturn {\n\t\t...currentAttributes,\n\t\t...getAttributesFromPreview(\n\t\t\tpreview,\n\t\t\ttitle,\n\t\t\tclassName,\n\t\t\tisResponsive,\n\t\t\tallowResponsive\n\t\t),\n\t};\n};\n"],"mappings":"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"}
+{"version":3,"names":["classnames","memoize","privateApis","componentsPrivateApis","renderToString","createBlock","getBlockType","getBlockVariations","metadata","$schema","apiVersion","name","title","category","description","textdomain","attributes","url","type","__experimentalRole","caption","source","selector","providerNameSlug","allowResponsive","responsive","previewable","supports","align","spacing","margin","editorStyle","style","ASPECT_RATIOS","WP_EMBED_TYPE","unlock","DEFAULT_EMBED_BLOCK","getEmbedInfoByProvider","provider","find","matchesPatterns","patterns","some","pattern","match","findMoreSuitableBlock","isFromWordPress","html","includes","getPhotoHtml","photo","imageUrl","thumbnail_url","photoPreview","createElement","src","alt","width","createUpgradedEmbedBlock","props","attributesFromPreview","preview","restAttributes","matchedBlock","isCurrentBlockWP","shouldCreateNewBlock","wpVariation","hasAspectRatioClass","existingClassNames","className","removeAspectRatioClasses","aspectRatioClassNames","reduce","accumulator","getClassNames","previewDocument","document","implementation","createHTMLDocument","body","innerHTML","iframe","querySelector","height","aspectRatio","toFixed","ratioIndex","length","potentialRatio","ratio","ratioDiff","fallback","onReplace","link","href","content","getAttributesFromPreview","currentClassNames","isResponsive","provider_name","providerName","kebabCase","toLowerCase","getMergedAttributesWithPreview","currentAttributes"],"sources":["@wordpress/block-library/src/embed/util.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames/dedupe';\nimport memoize from 'memize';\n\n/**\n * WordPress dependencies\n */\nimport { privateApis as componentsPrivateApis } from '@wordpress/components';\nimport { renderToString } from '@wordpress/element';\nimport {\n\tcreateBlock,\n\tgetBlockType,\n\tgetBlockVariations,\n} from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport metadata from './block.json';\nimport { ASPECT_RATIOS, WP_EMBED_TYPE } from './constants';\nimport { unlock } from '../lock-unlock';\n\nconst { name: DEFAULT_EMBED_BLOCK } = metadata;\n\n/** @typedef {import('@wordpress/blocks').WPBlockVariation} WPBlockVariation */\n\n/**\n * Returns the embed block's information by matching the provided service provider\n *\n * @param {string} provider The embed block's provider\n * @return {WPBlockVariation} The embed block's information\n */\nexport const getEmbedInfoByProvider = ( provider ) =>\n\tgetBlockVariations( DEFAULT_EMBED_BLOCK )?.find(\n\t\t( { name } ) => name === provider\n\t);\n\n/**\n * Returns true if any of the regular expressions match the URL.\n *\n * @param {string} url      The URL to test.\n * @param {Array}  patterns The list of regular expressions to test agains.\n * @return {boolean} True if any of the regular expressions match the URL.\n */\nexport const matchesPatterns = ( url, patterns = [] ) =>\n\tpatterns.some( ( pattern ) => url.match( pattern ) );\n\n/**\n * Finds the block variation that should be used for the URL,\n * based on the provided URL and the variation's patterns.\n *\n * @param {string} url The URL to test.\n * @return {WPBlockVariation} The block variation that should be used for this URL\n */\nexport const findMoreSuitableBlock = ( url ) =>\n\tgetBlockVariations( DEFAULT_EMBED_BLOCK )?.find( ( { patterns } ) =>\n\t\tmatchesPatterns( url, patterns )\n\t);\n\nexport const isFromWordPress = ( html ) =>\n\thtml && html.includes( 'class=\"wp-embedded-content\"' );\n\nexport const getPhotoHtml = ( photo ) => {\n\t// If full image url not found use thumbnail.\n\tconst imageUrl = photo.url || photo.thumbnail_url;\n\n\t// 100% width for the preview so it fits nicely into the document, some \"thumbnails\" are\n\t// actually the full size photo.\n\tconst photoPreview = (\n\t\t<p>\n\t\t\t<img src={ imageUrl } alt={ photo.title } width=\"100%\" />\n\t\t</p>\n\t);\n\treturn renderToString( photoPreview );\n};\n\n/**\n * Creates a more suitable embed block based on the passed in props\n * and attributes generated from an embed block's preview.\n *\n * We require `attributesFromPreview` to be generated from the latest attributes\n * and preview, and because of the way the react lifecycle operates, we can't\n * guarantee that the attributes contained in the block's props are the latest\n * versions, so we require that these are generated separately.\n * See `getAttributesFromPreview` in the generated embed edit component.\n *\n * @param {Object} props                   The block's props.\n * @param {Object} [attributesFromPreview] Attributes generated from the block's most up to date preview.\n * @return {Object|undefined} A more suitable embed block if one exists.\n */\nexport const createUpgradedEmbedBlock = (\n\tprops,\n\tattributesFromPreview = {}\n) => {\n\tconst { preview, attributes = {} } = props;\n\tconst { url, providerNameSlug, type, ...restAttributes } = attributes;\n\n\tif ( ! url || ! getBlockType( DEFAULT_EMBED_BLOCK ) ) return;\n\n\tconst matchedBlock = findMoreSuitableBlock( url );\n\n\t// WordPress blocks can work on multiple sites, and so don't have patterns,\n\t// so if we're in a WordPress block, assume the user has chosen it for a WordPress URL.\n\tconst isCurrentBlockWP =\n\t\tproviderNameSlug === 'wordpress' || type === WP_EMBED_TYPE;\n\t// If current block is not WordPress and a more suitable block found\n\t// that is different from the current one, create the new matched block.\n\tconst shouldCreateNewBlock =\n\t\t! isCurrentBlockWP &&\n\t\tmatchedBlock &&\n\t\t( matchedBlock.attributes.providerNameSlug !== providerNameSlug ||\n\t\t\t! providerNameSlug );\n\tif ( shouldCreateNewBlock ) {\n\t\treturn createBlock( DEFAULT_EMBED_BLOCK, {\n\t\t\turl,\n\t\t\t...restAttributes,\n\t\t\t...matchedBlock.attributes,\n\t\t} );\n\t}\n\n\tconst wpVariation = getBlockVariations( DEFAULT_EMBED_BLOCK )?.find(\n\t\t( { name } ) => name === 'wordpress'\n\t);\n\n\t// We can't match the URL for WordPress embeds, we have to check the HTML instead.\n\tif (\n\t\t! wpVariation ||\n\t\t! preview ||\n\t\t! isFromWordPress( preview.html ) ||\n\t\tisCurrentBlockWP\n\t) {\n\t\treturn;\n\t}\n\n\t// This is not the WordPress embed block so transform it into one.\n\treturn createBlock( DEFAULT_EMBED_BLOCK, {\n\t\turl,\n\t\t...wpVariation.attributes,\n\t\t// By now we have the preview, but when the new block first renders, it\n\t\t// won't have had all the attributes set, and so won't get the correct\n\t\t// type and it won't render correctly. So, we pass through the current attributes\n\t\t// here so that the initial render works when we switch to the WordPress\n\t\t// block. This only affects the WordPress block because it can't be\n\t\t// rendered in the usual Sandbox (it has a sandbox of its own) and it\n\t\t// relies on the preview to set the correct render type.\n\t\t...attributesFromPreview,\n\t} );\n};\n\n/**\n * Determine if the block already has an aspect ratio class applied.\n *\n * @param {string} existingClassNames Existing block classes.\n * @return {boolean} True or false if the classnames contain an aspect ratio class.\n */\nexport const hasAspectRatioClass = ( existingClassNames ) => {\n\tif ( ! existingClassNames ) {\n\t\treturn false;\n\t}\n\treturn ASPECT_RATIOS.some( ( { className } ) =>\n\t\texistingClassNames.includes( className )\n\t);\n};\n\n/**\n * Removes all previously set aspect ratio related classes and return the rest\n * existing class names.\n *\n * @param {string} existingClassNames Any existing class names.\n * @return {string} The class names without any aspect ratio related class.\n */\nexport const removeAspectRatioClasses = ( existingClassNames ) => {\n\tif ( ! existingClassNames ) {\n\t\t// Avoids extraneous work and also, by returning the same value as\n\t\t// received, ensures the post is not dirtied by a change of the block\n\t\t// attribute from `undefined` to an emtpy string.\n\t\treturn existingClassNames;\n\t}\n\tconst aspectRatioClassNames = ASPECT_RATIOS.reduce(\n\t\t( accumulator, { className } ) => {\n\t\t\taccumulator[ className ] = false;\n\t\t\treturn accumulator;\n\t\t},\n\t\t{ 'wp-has-aspect-ratio': false }\n\t);\n\treturn classnames( existingClassNames, aspectRatioClassNames );\n};\n\n/**\n * Returns class names with any relevant responsive aspect ratio names.\n *\n * @param {string}  html               The preview HTML that possibly contains an iframe with width and height set.\n * @param {string}  existingClassNames Any existing class names.\n * @param {boolean} allowResponsive    If the responsive class names should be added, or removed.\n * @return {string} Deduped class names.\n */\nexport function getClassNames(\n\thtml,\n\texistingClassNames,\n\tallowResponsive = true\n) {\n\tif ( ! allowResponsive ) {\n\t\treturn removeAspectRatioClasses( existingClassNames );\n\t}\n\n\tconst previewDocument = document.implementation.createHTMLDocument( '' );\n\tpreviewDocument.body.innerHTML = html;\n\tconst iframe = previewDocument.body.querySelector( 'iframe' );\n\n\t// If we have a fixed aspect iframe, and it's a responsive embed block.\n\tif ( iframe && iframe.height && iframe.width ) {\n\t\tconst aspectRatio = ( iframe.width / iframe.height ).toFixed( 2 );\n\t\t// Given the actual aspect ratio, find the widest ratio to support it.\n\t\tfor (\n\t\t\tlet ratioIndex = 0;\n\t\t\tratioIndex < ASPECT_RATIOS.length;\n\t\t\tratioIndex++\n\t\t) {\n\t\t\tconst potentialRatio = ASPECT_RATIOS[ ratioIndex ];\n\t\t\tif ( aspectRatio >= potentialRatio.ratio ) {\n\t\t\t\t// Evaluate the difference between actual aspect ratio and closest match.\n\t\t\t\t// If the difference is too big, do not scale the embed according to aspect ratio.\n\t\t\t\tconst ratioDiff = aspectRatio - potentialRatio.ratio;\n\t\t\t\tif ( ratioDiff > 0.1 ) {\n\t\t\t\t\t// No close aspect ratio match found.\n\t\t\t\t\treturn removeAspectRatioClasses( existingClassNames );\n\t\t\t\t}\n\t\t\t\t// Close aspect ratio match found.\n\t\t\t\treturn classnames(\n\t\t\t\t\tremoveAspectRatioClasses( existingClassNames ),\n\t\t\t\t\tpotentialRatio.className,\n\t\t\t\t\t'wp-has-aspect-ratio'\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn existingClassNames;\n}\n\n/**\n * Fallback behaviour for unembeddable URLs.\n * Creates a paragraph block containing a link to the URL, and calls `onReplace`.\n *\n * @param {string}   url       The URL that could not be embedded.\n * @param {Function} onReplace Function to call with the created fallback block.\n */\nexport function fallback( url, onReplace ) {\n\tconst link = <a href={ url }>{ url }</a>;\n\tonReplace(\n\t\tcreateBlock( 'core/paragraph', { content: renderToString( link ) } )\n\t);\n}\n\n/***\n * Gets block attributes based on the preview and responsive state.\n *\n * @param {Object} preview The preview data.\n * @param {string} title The block's title, e.g. Twitter.\n * @param {Object} currentClassNames The block's current class names.\n * @param {boolean} isResponsive Boolean indicating if the block supports responsive content.\n * @param {boolean} allowResponsive Apply responsive classes to fixed size content.\n * @return {Object} Attributes and values.\n */\nexport const getAttributesFromPreview = memoize(\n\t(\n\t\tpreview,\n\t\ttitle,\n\t\tcurrentClassNames,\n\t\tisResponsive,\n\t\tallowResponsive = true\n\t) => {\n\t\tif ( ! preview ) {\n\t\t\treturn {};\n\t\t}\n\n\t\tconst attributes = {};\n\t\t// Some plugins only return HTML with no type info, so default this to 'rich'.\n\t\tlet { type = 'rich' } = preview;\n\t\t// If we got a provider name from the API, use it for the slug, otherwise we use the title,\n\t\t// because not all embed code gives us a provider name.\n\t\tconst { html, provider_name: providerName } = preview;\n\t\tconst { kebabCase } = unlock( componentsPrivateApis );\n\t\tconst providerNameSlug = kebabCase(\n\t\t\t( providerName || title ).toLowerCase()\n\t\t);\n\n\t\tif ( isFromWordPress( html ) ) {\n\t\t\ttype = WP_EMBED_TYPE;\n\t\t}\n\n\t\tif ( html || 'photo' === type ) {\n\t\t\tattributes.type = type;\n\t\t\tattributes.providerNameSlug = providerNameSlug;\n\t\t}\n\n\t\t// Aspect ratio classes are removed when the embed URL is updated.\n\t\t// If the embed already has an aspect ratio class, that means the URL has not changed.\n\t\t// Which also means no need to regenerate it with getClassNames.\n\t\tif ( hasAspectRatioClass( currentClassNames ) ) {\n\t\t\treturn attributes;\n\t\t}\n\n\t\tattributes.className = getClassNames(\n\t\t\thtml,\n\t\t\tcurrentClassNames,\n\t\t\tisResponsive && allowResponsive\n\t\t);\n\n\t\treturn attributes;\n\t}\n);\n\n/**\n * Returns the attributes derived from the preview, merged with the current attributes.\n *\n * @param {Object}  currentAttributes The current attributes of the block.\n * @param {Object}  preview           The preview data.\n * @param {string}  title             The block's title, e.g. Twitter.\n * @param {boolean} isResponsive      Boolean indicating if the block supports responsive content.\n * @return {Object} Merged attributes.\n */\nexport const getMergedAttributesWithPreview = (\n\tcurrentAttributes,\n\tpreview,\n\ttitle,\n\tisResponsive\n) => {\n\tconst { allowResponsive, className } = currentAttributes;\n\n\treturn {\n\t\t...currentAttributes,\n\t\t...getAttributesFromPreview(\n\t\t\tpreview,\n\t\t\ttitle,\n\t\t\tclassName,\n\t\t\tisResponsive,\n\t\t\tallowResponsive\n\t\t),\n\t};\n};\n"],"mappings":"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"}

package/build-module/file/edit.js

@@ -53,7 +53,6 @@ function FileEdit({
 }) {
   const {
     id,
-    fileId,
     fileName,
     href,
     textLinkHref,
@@ -64,24 +63,24 @@ function FileEdit({
     previewHeight
   } = attributes;
   const {
-    media,
-    mediaUpload
+    getSettings
+  } = useSelect(blockEditorStore);
+  const {
+    media
   } = useSelect(select => ({
-    media: id === undefined ? undefined : select(coreStore).getMedia(id),
-    mediaUpload: select(blockEditorStore).getSettings().mediaUpload
+    media: id === undefined ? undefined : select(coreStore).getMedia(id)
   }), [id]);
   const {
     createErrorNotice
   } = useDispatch(noticesStore);
   const {
-    toggleSelection,
-    __unstableMarkNextChangeAsNotPersistent
+    toggleSelection
   } = useDispatch(blockEditorStore);
   useEffect(() => {
     // Upload a file drag-and-dropped into the editor.
     if (isBlobURL(href)) {
       const file = getBlobByURL(href);
-      mediaUpload({
+      getSettings().mediaUpload({
         filesList: [file],
         onFileChange: ([newMedia]) => onSelectFile(newMedia),
         onError: onUploadError
@@ -94,27 +93,20 @@ function FileEdit({
       });
     }
   }, []);
-  useEffect(() => {
-    if (!fileId && href) {
-      // Add a unique fileId to each file block.
-      __unstableMarkNextChangeAsNotPersistent();
-      setAttributes({
-        fileId: `wp-block-file--media-${clientId}`
-      });
-    }
-  }, [href, fileId, clientId]);
   function onSelectFile(newMedia) {
-    if (newMedia && newMedia.url) {
-      const isPdf = newMedia.url.endsWith('.pdf');
-      setAttributes({
-        href: newMedia.url,
-        fileName: newMedia.title,
-        textLinkHref: newMedia.url,
-        id: newMedia.id,
-        displayPreview: isPdf ? true : undefined,
-        previewHeight: isPdf ? 600 : undefined
-      });
+    if (!newMedia || !newMedia.url) {
+      return;
     }
+    const isPdf = newMedia.url.endsWith('.pdf');
+    setAttributes({
+      href: newMedia.url,
+      fileName: newMedia.title,
+      textLinkHref: newMedia.url,
+      id: newMedia.id,
+      displayPreview: isPdf ? true : undefined,
+      previewHeight: isPdf ? 600 : undefined,
+      fileId: `wp-block-file--media-${clientId}`
+    });
   }
   function onUploadError(message) {
     setAttributes({

package/build-module/file/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["classnames","getBlobByURL","isBlobURL","revokeBlobURL","__unstableGetAnimateClassName","getAnimateClassName","ResizableBox","ToolbarButton","useSelect","useDispatch","BlockControls","BlockIcon","MediaPlaceholder","MediaReplaceFlow","RichText","useBlockProps","store","blockEditorStore","__experimentalGetElementClassName","useEffect","useCopyToClipboard","__","_x","file","icon","coreStore","noticesStore","FileBlockInspector","browserSupportsPdfs","removeAnchorTag","MIN_PREVIEW_HEIGHT","MAX_PREVIEW_HEIGHT","ClipboardToolbarButton","text","disabled","createNotice","ref","isDismissible","type","createElement","className","FileEdit","attributes","isSelected","setAttributes","clientId","id","fileId","fileName","href","textLinkHref","textLinkTarget","showDownloadButton","downloadButtonText","displayPreview","previewHeight","media","mediaUpload","select","undefined","getMedia","getSettings","createErrorNotice","toggleSelection","__unstableMarkNextChangeAsNotPersistent","filesList","onFileChange","newMedia","onSelectFile","onError","onUploadError","isEmpty","url","isPdf","endsWith","title","message","changeLinkDestinationOption","newHref","changeOpenInNewWindow","newValue","changeShowDownloadButton","changeDisplayPreview","handleOnResizeStop","event","direction","elt","delta","newHeight","parseInt","height","changePreviewHeight","Math","max","attachmentPage","link","blockProps","displayPreviewInEditor","labels","instructions","onSelect","accept","Fragment","hrefs","openInNewWindow","group","mediaId","mediaURL","size","minHeight","maxHeight","minWidth","grid","enable","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","onResizeStart","onResizeStop","showHandle","data","tagName","value","placeholder","withoutInteractiveFormatting","onChange"],"sources":["@wordpress/block-library/src/file/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { getBlobByURL, isBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport {\n\t__unstableGetAnimateClassName as getAnimateClassName,\n\tResizableBox,\n\tToolbarButton,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tRichText,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { __, _x } from '@wordpress/i18n';\nimport { file as icon } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport FileBlockInspector from './inspector';\nimport { browserSupportsPdfs } from './utils';\nimport removeAnchorTag from '../utils/remove-anchor-tag';\n\nexport const MIN_PREVIEW_HEIGHT = 200;\nexport const MAX_PREVIEW_HEIGHT = 2000;\n\nfunction ClipboardToolbarButton( { text, disabled } ) {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst ref = useCopyToClipboard( text, () => {\n\t\tcreateNotice( 'info', __( 'Copied URL to clipboard.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t} );\n\n\treturn (\n\t\t<ToolbarButton\n\t\t\tclassName=\"components-clipboard-toolbar-button\"\n\t\t\tref={ ref }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ __( 'Copy URL' ) }\n\t\t</ToolbarButton>\n\t);\n}\n\nfunction FileEdit( { attributes, isSelected, setAttributes, clientId } ) {\n\tconst {\n\t\tid,\n\t\tfileId,\n\t\tfileName,\n\t\thref,\n\t\ttextLinkHref,\n\t\ttextLinkTarget,\n\t\tshowDownloadButton,\n\t\tdownloadButtonText,\n\t\tdisplayPreview,\n\t\tpreviewHeight,\n\t} = attributes;\n\tconst { media, mediaUpload } = useSelect(\n\t\t( select ) => ( {\n\t\t\tmedia:\n\t\t\t\tid === undefined\n\t\t\t\t\t? undefined\n\t\t\t\t\t: select( coreStore ).getMedia( id ),\n\t\t\tmediaUpload: select( blockEditorStore ).getSettings().mediaUpload,\n\t\t} ),\n\t\t[ id ]\n\t);\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { toggleSelection, __unstableMarkNextChangeAsNotPersistent } =\n\t\tuseDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\t// Upload a file drag-and-dropped into the editor.\n\t\tif ( isBlobURL( href ) ) {\n\t\t\tconst file = getBlobByURL( href );\n\n\t\t\tmediaUpload( {\n\t\t\t\tfilesList: [ file ],\n\t\t\t\tonFileChange: ( [ newMedia ] ) => onSelectFile( newMedia ),\n\t\t\t\tonError: onUploadError,\n\t\t\t} );\n\n\t\t\trevokeBlobURL( href );\n\t\t}\n\n\t\tif ( RichText.isEmpty( downloadButtonText ) ) {\n\t\t\tsetAttributes( {\n\t\t\t\tdownloadButtonText: _x( 'Download', 'button label' ),\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\tuseEffect( () => {\n\t\tif ( ! fileId && href ) {\n\t\t\t// Add a unique fileId to each file block.\n\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\tsetAttributes( { fileId: `wp-block-file--media-${ clientId }` } );\n\t\t}\n\t}, [ href, fileId, clientId ] );\n\n\tfunction onSelectFile( newMedia ) {\n\t\tif ( newMedia && newMedia.url ) {\n\t\t\tconst isPdf = newMedia.url.endsWith( '.pdf' );\n\t\t\tsetAttributes( {\n\t\t\t\thref: newMedia.url,\n\t\t\t\tfileName: newMedia.title,\n\t\t\t\ttextLinkHref: newMedia.url,\n\t\t\t\tid: newMedia.id,\n\t\t\t\tdisplayPreview: isPdf ? true : undefined,\n\t\t\t\tpreviewHeight: isPdf ? 600 : undefined,\n\t\t\t} );\n\t\t}\n\t}\n\n\tfunction onUploadError( message ) {\n\t\tsetAttributes( { href: undefined } );\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t}\n\n\tfunction changeLinkDestinationOption( newHref ) {\n\t\t// Choose Media File or Attachment Page (when file is in Media Library).\n\t\tsetAttributes( { textLinkHref: newHref } );\n\t}\n\n\tfunction changeOpenInNewWindow( newValue ) {\n\t\tsetAttributes( {\n\t\t\ttextLinkTarget: newValue ? '_blank' : false,\n\t\t} );\n\t}\n\n\tfunction changeShowDownloadButton( newValue ) {\n\t\tsetAttributes( { showDownloadButton: newValue } );\n\t}\n\n\tfunction changeDisplayPreview( newValue ) {\n\t\tsetAttributes( { displayPreview: newValue } );\n\t}\n\n\tfunction handleOnResizeStop( event, direction, elt, delta ) {\n\t\ttoggleSelection( true );\n\n\t\tconst newHeight = parseInt( previewHeight + delta.height, 10 );\n\t\tsetAttributes( { previewHeight: newHeight } );\n\t}\n\n\tfunction changePreviewHeight( newValue ) {\n\t\tconst newHeight = Math.max(\n\t\t\tparseInt( newValue, 10 ),\n\t\t\tMIN_PREVIEW_HEIGHT\n\t\t);\n\t\tsetAttributes( { previewHeight: newHeight } );\n\t}\n\n\tconst attachmentPage = media && media.link;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames(\n\t\t\tisBlobURL( href ) && getAnimateClassName( { type: 'loading' } ),\n\t\t\t{\n\t\t\t\t'is-transient': isBlobURL( href ),\n\t\t\t}\n\t\t),\n\t} );\n\n\tconst displayPreviewInEditor = browserSupportsPdfs() && displayPreview;\n\n\tif ( ! href ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\tlabels={ {\n\t\t\t\t\t\ttitle: __( 'File' ),\n\t\t\t\t\t\tinstructions: __(\n\t\t\t\t\t\t\t'Upload a file or pick one from your media library.'\n\t\t\t\t\t\t),\n\t\t\t\t\t} }\n\t\t\t\t\tonSelect={ onSelectFile }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\taccept=\"*\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<FileBlockInspector\n\t\t\t\threfs={ { href, textLinkHref, attachmentPage } }\n\t\t\t\t{ ...{\n\t\t\t\t\topenInNewWindow: !! textLinkTarget,\n\t\t\t\t\tshowDownloadButton,\n\t\t\t\t\tchangeLinkDestinationOption,\n\t\t\t\t\tchangeOpenInNewWindow,\n\t\t\t\t\tchangeShowDownloadButton,\n\t\t\t\t\tdisplayPreview,\n\t\t\t\t\tchangeDisplayPreview,\n\t\t\t\t\tpreviewHeight,\n\t\t\t\t\tchangePreviewHeight,\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<BlockControls group=\"other\">\n\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tmediaURL={ href }\n\t\t\t\t\taccept=\"*\"\n\t\t\t\t\tonSelect={ onSelectFile }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t/>\n\t\t\t\t<ClipboardToolbarButton\n\t\t\t\t\ttext={ href }\n\t\t\t\t\tdisabled={ isBlobURL( href ) }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ displayPreviewInEditor && (\n\t\t\t\t\t<ResizableBox\n\t\t\t\t\t\tsize={ { height: previewHeight } }\n\t\t\t\t\t\tminHeight={ MIN_PREVIEW_HEIGHT }\n\t\t\t\t\t\tmaxHeight={ MAX_PREVIEW_HEIGHT }\n\t\t\t\t\t\tminWidth=\"100%\"\n\t\t\t\t\t\tgrid={ [ 10, 10 ] }\n\t\t\t\t\t\tenable={ {\n\t\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\t\tright: false,\n\t\t\t\t\t\t\tbottom: true,\n\t\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonResizeStart={ () => toggleSelection( false ) }\n\t\t\t\t\t\tonResizeStop={ handleOnResizeStop }\n\t\t\t\t\t\tshowHandle={ isSelected }\n\t\t\t\t\t>\n\t\t\t\t\t\t<object\n\t\t\t\t\t\t\tclassName=\"wp-block-file__preview\"\n\t\t\t\t\t\t\tdata={ href }\n\t\t\t\t\t\t\ttype=\"application/pdf\"\n\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t'Embed of the selected PDF file.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ ! isSelected && (\n\t\t\t\t\t\t\t<div className=\"wp-block-file__preview-overlay\" />\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ResizableBox>\n\t\t\t\t) }\n\t\t\t\t<div className={ 'wp-block-file__content-wrapper' }>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\ttagName=\"a\"\n\t\t\t\t\t\tvalue={ fileName }\n\t\t\t\t\t\tplaceholder={ __( 'Write file name…' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tonChange={ ( text ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tfileName: removeAnchorTag( text ),\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thref={ textLinkHref }\n\t\t\t\t\t/>\n\t\t\t\t\t{ showDownloadButton && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t'wp-block-file__button-richtext-wrapper'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ /* Using RichText here instead of PlainText so that it can be styled like a button. */ }\n\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\ttagName=\"div\" // Must be block-level or else cursor disappears.\n\t\t\t\t\t\t\t\taria-label={ __( 'Download button text' ) }\n\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t'wp-block-file__button',\n\t\t\t\t\t\t\t\t\t__experimentalGetElementClassName(\n\t\t\t\t\t\t\t\t\t\t'button'\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\tvalue={ downloadButtonText }\n\t\t\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\t\t\tplaceholder={ __( 'Add text…' ) }\n\t\t\t\t\t\t\t\tonChange={ ( text ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tdownloadButtonText:\n\t\t\t\t\t\t\t\t\t\t\tremoveAnchorTag( text ),\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</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default FileEdit;\n"],"mappings":"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"}
+{"version":3,"names":["classnames","getBlobByURL","isBlobURL","revokeBlobURL","__unstableGetAnimateClassName","getAnimateClassName","ResizableBox","ToolbarButton","useSelect","useDispatch","BlockControls","BlockIcon","MediaPlaceholder","MediaReplaceFlow","RichText","useBlockProps","store","blockEditorStore","__experimentalGetElementClassName","useEffect","useCopyToClipboard","__","_x","file","icon","coreStore","noticesStore","FileBlockInspector","browserSupportsPdfs","removeAnchorTag","MIN_PREVIEW_HEIGHT","MAX_PREVIEW_HEIGHT","ClipboardToolbarButton","text","disabled","createNotice","ref","isDismissible","type","createElement","className","FileEdit","attributes","isSelected","setAttributes","clientId","id","fileName","href","textLinkHref","textLinkTarget","showDownloadButton","downloadButtonText","displayPreview","previewHeight","getSettings","media","select","undefined","getMedia","createErrorNotice","toggleSelection","mediaUpload","filesList","onFileChange","newMedia","onSelectFile","onError","onUploadError","isEmpty","url","isPdf","endsWith","title","fileId","message","changeLinkDestinationOption","newHref","changeOpenInNewWindow","newValue","changeShowDownloadButton","changeDisplayPreview","handleOnResizeStop","event","direction","elt","delta","newHeight","parseInt","height","changePreviewHeight","Math","max","attachmentPage","link","blockProps","displayPreviewInEditor","labels","instructions","onSelect","accept","Fragment","hrefs","openInNewWindow","group","mediaId","mediaURL","size","minHeight","maxHeight","minWidth","grid","enable","top","right","bottom","left","topRight","bottomRight","bottomLeft","topLeft","onResizeStart","onResizeStop","showHandle","data","tagName","value","placeholder","withoutInteractiveFormatting","onChange"],"sources":["@wordpress/block-library/src/file/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { getBlobByURL, isBlobURL, revokeBlobURL } from '@wordpress/blob';\nimport {\n\t__unstableGetAnimateClassName as getAnimateClassName,\n\tResizableBox,\n\tToolbarButton,\n} from '@wordpress/components';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tBlockControls,\n\tBlockIcon,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tRichText,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\t__experimentalGetElementClassName,\n} from '@wordpress/block-editor';\nimport { useEffect } from '@wordpress/element';\nimport { useCopyToClipboard } from '@wordpress/compose';\nimport { __, _x } from '@wordpress/i18n';\nimport { file as icon } from '@wordpress/icons';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport FileBlockInspector from './inspector';\nimport { browserSupportsPdfs } from './utils';\nimport removeAnchorTag from '../utils/remove-anchor-tag';\n\nexport const MIN_PREVIEW_HEIGHT = 200;\nexport const MAX_PREVIEW_HEIGHT = 2000;\n\nfunction ClipboardToolbarButton( { text, disabled } ) {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst ref = useCopyToClipboard( text, () => {\n\t\tcreateNotice( 'info', __( 'Copied URL to clipboard.' ), {\n\t\t\tisDismissible: true,\n\t\t\ttype: 'snackbar',\n\t\t} );\n\t} );\n\n\treturn (\n\t\t<ToolbarButton\n\t\t\tclassName=\"components-clipboard-toolbar-button\"\n\t\t\tref={ ref }\n\t\t\tdisabled={ disabled }\n\t\t>\n\t\t\t{ __( 'Copy URL' ) }\n\t\t</ToolbarButton>\n\t);\n}\n\nfunction FileEdit( { attributes, isSelected, setAttributes, clientId } ) {\n\tconst {\n\t\tid,\n\t\tfileName,\n\t\thref,\n\t\ttextLinkHref,\n\t\ttextLinkTarget,\n\t\tshowDownloadButton,\n\t\tdownloadButtonText,\n\t\tdisplayPreview,\n\t\tpreviewHeight,\n\t} = attributes;\n\tconst { getSettings } = useSelect( blockEditorStore );\n\tconst { media } = useSelect(\n\t\t( select ) => ( {\n\t\t\tmedia:\n\t\t\t\tid === undefined\n\t\t\t\t\t? undefined\n\t\t\t\t\t: select( coreStore ).getMedia( id ),\n\t\t} ),\n\t\t[ id ]\n\t);\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst { toggleSelection } = useDispatch( blockEditorStore );\n\n\tuseEffect( () => {\n\t\t// Upload a file drag-and-dropped into the editor.\n\t\tif ( isBlobURL( href ) ) {\n\t\t\tconst file = getBlobByURL( href );\n\n\t\t\tgetSettings().mediaUpload( {\n\t\t\t\tfilesList: [ file ],\n\t\t\t\tonFileChange: ( [ newMedia ] ) => onSelectFile( newMedia ),\n\t\t\t\tonError: onUploadError,\n\t\t\t} );\n\n\t\t\trevokeBlobURL( href );\n\t\t}\n\n\t\tif ( RichText.isEmpty( downloadButtonText ) ) {\n\t\t\tsetAttributes( {\n\t\t\t\tdownloadButtonText: _x( 'Download', 'button label' ),\n\t\t\t} );\n\t\t}\n\t}, [] );\n\n\tfunction onSelectFile( newMedia ) {\n\t\tif ( ! newMedia || ! newMedia.url ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isPdf = newMedia.url.endsWith( '.pdf' );\n\t\tsetAttributes( {\n\t\t\thref: newMedia.url,\n\t\t\tfileName: newMedia.title,\n\t\t\ttextLinkHref: newMedia.url,\n\t\t\tid: newMedia.id,\n\t\t\tdisplayPreview: isPdf ? true : undefined,\n\t\t\tpreviewHeight: isPdf ? 600 : undefined,\n\t\t\tfileId: `wp-block-file--media-${ clientId }`,\n\t\t} );\n\t}\n\n\tfunction onUploadError( message ) {\n\t\tsetAttributes( { href: undefined } );\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t}\n\n\tfunction changeLinkDestinationOption( newHref ) {\n\t\t// Choose Media File or Attachment Page (when file is in Media Library).\n\t\tsetAttributes( { textLinkHref: newHref } );\n\t}\n\n\tfunction changeOpenInNewWindow( newValue ) {\n\t\tsetAttributes( {\n\t\t\ttextLinkTarget: newValue ? '_blank' : false,\n\t\t} );\n\t}\n\n\tfunction changeShowDownloadButton( newValue ) {\n\t\tsetAttributes( { showDownloadButton: newValue } );\n\t}\n\n\tfunction changeDisplayPreview( newValue ) {\n\t\tsetAttributes( { displayPreview: newValue } );\n\t}\n\n\tfunction handleOnResizeStop( event, direction, elt, delta ) {\n\t\ttoggleSelection( true );\n\n\t\tconst newHeight = parseInt( previewHeight + delta.height, 10 );\n\t\tsetAttributes( { previewHeight: newHeight } );\n\t}\n\n\tfunction changePreviewHeight( newValue ) {\n\t\tconst newHeight = Math.max(\n\t\t\tparseInt( newValue, 10 ),\n\t\t\tMIN_PREVIEW_HEIGHT\n\t\t);\n\t\tsetAttributes( { previewHeight: newHeight } );\n\t}\n\n\tconst attachmentPage = media && media.link;\n\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames(\n\t\t\tisBlobURL( href ) && getAnimateClassName( { type: 'loading' } ),\n\t\t\t{\n\t\t\t\t'is-transient': isBlobURL( href ),\n\t\t\t}\n\t\t),\n\t} );\n\n\tconst displayPreviewInEditor = browserSupportsPdfs() && displayPreview;\n\n\tif ( ! href ) {\n\t\treturn (\n\t\t\t<div { ...blockProps }>\n\t\t\t\t<MediaPlaceholder\n\t\t\t\t\ticon={ <BlockIcon icon={ icon } /> }\n\t\t\t\t\tlabels={ {\n\t\t\t\t\t\ttitle: __( 'File' ),\n\t\t\t\t\t\tinstructions: __(\n\t\t\t\t\t\t\t'Upload a file or pick one from your media library.'\n\t\t\t\t\t\t),\n\t\t\t\t\t} }\n\t\t\t\t\tonSelect={ onSelectFile }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\taccept=\"*\"\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<FileBlockInspector\n\t\t\t\threfs={ { href, textLinkHref, attachmentPage } }\n\t\t\t\t{ ...{\n\t\t\t\t\topenInNewWindow: !! textLinkTarget,\n\t\t\t\t\tshowDownloadButton,\n\t\t\t\t\tchangeLinkDestinationOption,\n\t\t\t\t\tchangeOpenInNewWindow,\n\t\t\t\t\tchangeShowDownloadButton,\n\t\t\t\t\tdisplayPreview,\n\t\t\t\t\tchangeDisplayPreview,\n\t\t\t\t\tpreviewHeight,\n\t\t\t\t\tchangePreviewHeight,\n\t\t\t\t} }\n\t\t\t/>\n\t\t\t<BlockControls group=\"other\">\n\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\tmediaId={ id }\n\t\t\t\t\tmediaURL={ href }\n\t\t\t\t\taccept=\"*\"\n\t\t\t\t\tonSelect={ onSelectFile }\n\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t/>\n\t\t\t\t<ClipboardToolbarButton\n\t\t\t\t\ttext={ href }\n\t\t\t\t\tdisabled={ isBlobURL( href ) }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ displayPreviewInEditor && (\n\t\t\t\t\t<ResizableBox\n\t\t\t\t\t\tsize={ { height: previewHeight } }\n\t\t\t\t\t\tminHeight={ MIN_PREVIEW_HEIGHT }\n\t\t\t\t\t\tmaxHeight={ MAX_PREVIEW_HEIGHT }\n\t\t\t\t\t\tminWidth=\"100%\"\n\t\t\t\t\t\tgrid={ [ 10, 10 ] }\n\t\t\t\t\t\tenable={ {\n\t\t\t\t\t\t\ttop: false,\n\t\t\t\t\t\t\tright: false,\n\t\t\t\t\t\t\tbottom: true,\n\t\t\t\t\t\t\tleft: false,\n\t\t\t\t\t\t\ttopRight: false,\n\t\t\t\t\t\t\tbottomRight: false,\n\t\t\t\t\t\t\tbottomLeft: false,\n\t\t\t\t\t\t\ttopLeft: false,\n\t\t\t\t\t\t} }\n\t\t\t\t\t\tonResizeStart={ () => toggleSelection( false ) }\n\t\t\t\t\t\tonResizeStop={ handleOnResizeStop }\n\t\t\t\t\t\tshowHandle={ isSelected }\n\t\t\t\t\t>\n\t\t\t\t\t\t<object\n\t\t\t\t\t\t\tclassName=\"wp-block-file__preview\"\n\t\t\t\t\t\t\tdata={ href }\n\t\t\t\t\t\t\ttype=\"application/pdf\"\n\t\t\t\t\t\t\taria-label={ __(\n\t\t\t\t\t\t\t\t'Embed of the selected PDF file.'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ ! isSelected && (\n\t\t\t\t\t\t\t<div className=\"wp-block-file__preview-overlay\" />\n\t\t\t\t\t\t) }\n\t\t\t\t\t</ResizableBox>\n\t\t\t\t) }\n\t\t\t\t<div className={ 'wp-block-file__content-wrapper' }>\n\t\t\t\t\t<RichText\n\t\t\t\t\t\ttagName=\"a\"\n\t\t\t\t\t\tvalue={ fileName }\n\t\t\t\t\t\tplaceholder={ __( 'Write file name…' ) }\n\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\tonChange={ ( text ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tfileName: removeAnchorTag( text ),\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thref={ textLinkHref }\n\t\t\t\t\t/>\n\t\t\t\t\t{ showDownloadButton && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t'wp-block-file__button-richtext-wrapper'\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ /* Using RichText here instead of PlainText so that it can be styled like a button. */ }\n\t\t\t\t\t\t\t<RichText\n\t\t\t\t\t\t\t\ttagName=\"div\" // Must be block-level or else cursor disappears.\n\t\t\t\t\t\t\t\taria-label={ __( 'Download button text' ) }\n\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t'wp-block-file__button',\n\t\t\t\t\t\t\t\t\t__experimentalGetElementClassName(\n\t\t\t\t\t\t\t\t\t\t'button'\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\tvalue={ downloadButtonText }\n\t\t\t\t\t\t\t\twithoutInteractiveFormatting\n\t\t\t\t\t\t\t\tplaceholder={ __( 'Add text…' ) }\n\t\t\t\t\t\t\t\tonChange={ ( text ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tdownloadButtonText:\n\t\t\t\t\t\t\t\t\t\t\tremoveAnchorTag( text ),\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</div>\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default FileEdit;\n"],"mappings":"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"}

package/build-module/gallery/edit.js

@@ -49,6 +49,7 @@ const PLACEHOLDER_TEXT = Platform.isNative ? __('Add media') : __('Drag images,
 const MOBILE_CONTROL_PROPS_RANGE_CONTROL = Platform.isNative ? {
   type: 'stepper'
 } : {};
+const EMPTY_ARRAY = [];
 function GalleryEdit(props) {
   const {
     setAttributes,
@@ -63,6 +64,7 @@ function GalleryEdit(props) {
   const {
     columns,
     imageCrop,
+    randomOrder,
     linkTarget,
     linkTo,
     sizeSlug
@@ -80,23 +82,29 @@ function GalleryEdit(props) {
   const {
     getBlock,
     getSettings,
-    preferredStyle
+    preferredStyle,
+    innerBlockImages,
+    blockWasJustInserted,
+    multiGallerySelection
   } = useSelect(select => {
-    const settings = select(blockEditorStore).getSettings();
-    const preferredStyleVariations = settings.__experimentalPreferredStyleVariations;
+    var _getBlock$innerBlocks;
+    const {
+      getBlockName,
+      getMultiSelectedBlockClientIds,
+      getSettings: _getSettings,
+      getBlock: _getBlock,
+      wasBlockJustInserted
+    } = select(blockEditorStore);
+    const preferredStyleVariations = _getSettings().__experimentalPreferredStyleVariations;
+    const multiSelectedClientIds = getMultiSelectedBlockClientIds();
     return {
-      getBlock: select(blockEditorStore).getBlock,
-      getSettings: select(blockEditorStore).getSettings,
-      preferredStyle: preferredStyleVariations?.value?.['core/image']
+      getBlock: _getBlock,
+      getSettings: _getSettings,
+      preferredStyle: preferredStyleVariations?.value?.['core/image'],
+      innerBlockImages: (_getBlock$innerBlocks = _getBlock(clientId)?.innerBlocks) !== null && _getBlock$innerBlocks !== void 0 ? _getBlock$innerBlocks : EMPTY_ARRAY,
+      blockWasJustInserted: wasBlockJustInserted(clientId, 'inserter_menu'),
+      multiGallerySelection: multiSelectedClientIds.length && multiSelectedClientIds.every(_clientId => getBlockName(_clientId) === 'core/gallery')
     };
-  }, []);
-  const innerBlockImages = useSelect(select => {
-    var _select$getBlock$inne;
-    const innerBlocks = (_select$getBlock$inne = select(blockEditorStore).getBlock(clientId)?.innerBlocks) !== null && _select$getBlock$inne !== void 0 ? _select$getBlock$inne : [];
-    return innerBlocks;
-  }, [clientId]);
-  const wasBlockJustInserted = useSelect(select => {
-    return select(blockEditorStore).wasBlockJustInserted(clientId, 'inserter_menu');
   }, [clientId]);
   const images = useMemo(() => innerBlockImages?.map(block => ({
     clientId: block.clientId,
@@ -256,6 +264,11 @@ function GalleryEdit(props) {
   function getImageCropHelp(checked) {
     return checked ? __('Thumbnails are cropped to align.') : __('Thumbnails are not cropped.');
   }
+  function toggleRandomOrder() {
+    setAttributes({
+      randomOrder: !randomOrder
+    });
+  }
   function toggleOpenInNewTab(openInNewTab) {
     const newLinkTarget = openInNewTab ? '_blank' : undefined;
     setAttributes({
@@ -320,7 +333,7 @@ function GalleryEdit(props) {
       isAppender: hasImages,
       disableMediaButtons: hasImages && !isSelected || imagesUploading,
       value: hasImageIds ? images : {},
-      autoOpenMediaUpload: !hasImages && isSelected && wasBlockJustInserted,
+      autoOpenMediaUpload: !hasImages && isSelected && blockWasJustInserted,
       onFocus
     }
   });
@@ -375,6 +388,11 @@ function GalleryEdit(props) {
     checked: !!imageCrop,
     onChange: toggleImageCrop,
     help: getImageCropHelp
+  }), createElement(ToggleControl, {
+    __nextHasNoMarginBottom: true,
+    label: __('Random order'),
+    checked: !!randomOrder,
+    onChange: toggleRandomOrder
   }), createElement(SelectControl, {
     __nextHasNoMarginBottom: true,
     label: __('Link to'),
@@ -401,7 +419,7 @@ function GalleryEdit(props) {
     className: 'gallery-image-sizes'
   }, createElement(BaseControl.VisualLabel, null, __('Resolution')), createElement(View, {
     className: 'gallery-image-sizes__loading'
-  }, createElement(Spinner, null), __('Loading options…'))))), Platform.isWeb && createElement(Fragment, null, createElement(BlockControls, {
+  }, createElement(Spinner, null), __('Loading options…'))))), Platform.isWeb && createElement(Fragment, null, !multiGallerySelection && createElement(BlockControls, {
     group: "other"
   }, createElement(MediaReplaceFlow, {
     allowedTypes: ALLOWED_MEDIA_TYPES,
@@ -421,7 +439,8 @@ function GalleryEdit(props) {
     images: images,
     mediaPlaceholder: !hasImages || Platform.isNative ? mediaPlaceholder : undefined,
     blockProps: innerBlocksProps,
-    insertBlocksAfter: insertBlocksAfter
+    insertBlocksAfter: insertBlocksAfter,
+    multiGallerySelection: multiGallerySelection
   }));
 }
 export default compose([withViewportMatch({