@wordpress/block-library 8.19.2 → 8.20.0

package/build/post-featured-image/dimension-controls.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _i18n = require("@wordpress/i18n");
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
@@ -12,13 +12,13 @@ var _blockEditor = require("@wordpress/block-editor");
  * WordPress dependencies
  */
 
-const SCALE_OPTIONS = (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+const SCALE_OPTIONS = (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
   value: "cover",
   label: (0, _i18n._x)('Cover', 'Scale option for Image dimension control')
-}), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+}), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
   value: "contain",
   label: (0, _i18n._x)('Contain', 'Scale option for Image dimension control')
-}), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+}), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
   value: "fill",
   label: (0, _i18n._x)('Fill', 'Scale option for Image dimension control')
 }));
@@ -59,9 +59,9 @@ const DimensionControls = ({
   };
   const scaleLabel = (0, _i18n._x)('Scale', 'Image scaling options');
   const showScaleControl = height || aspectRatio && aspectRatio !== 'auto';
-  return (0, _element.createElement)(_blockEditor.InspectorControls, {
+  return (0, _react.createElement)(_blockEditor.InspectorControls, {
     group: "dimensions"
-  }, (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  }, (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     hasValue: () => !!aspectRatio,
     label: (0, _i18n.__)('Aspect ratio'),
     onDeselect: () => setAttributes({
@@ -72,7 +72,7 @@ const DimensionControls = ({
     }),
     isShownByDefault: true,
     panelId: clientId
-  }, (0, _element.createElement)(_components.SelectControl, {
+  }, (0, _react.createElement)(_components.SelectControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Aspect ratio'),
     value: aspectRatio,
@@ -106,7 +106,7 @@ const DimensionControls = ({
     onChange: nextAspectRatio => setAttributes({
       aspectRatio: nextAspectRatio
     })
-  })), (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  })), (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     className: "single-column",
     hasValue: () => !!height,
     label: (0, _i18n.__)('Height'),
@@ -118,14 +118,14 @@ const DimensionControls = ({
     }),
     isShownByDefault: true,
     panelId: clientId
-  }, (0, _element.createElement)(_components.__experimentalUnitControl, {
+  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
     label: (0, _i18n.__)('Height'),
     labelPosition: "top",
     value: height || '',
     min: 0,
     onChange: nextHeight => onDimensionChange('height', nextHeight),
     units: units
-  })), (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  })), (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     className: "single-column",
     hasValue: () => !!width,
     label: (0, _i18n.__)('Width'),
@@ -137,14 +137,14 @@ const DimensionControls = ({
     }),
     isShownByDefault: true,
     panelId: clientId
-  }, (0, _element.createElement)(_components.__experimentalUnitControl, {
+  }, (0, _react.createElement)(_components.__experimentalUnitControl, {
     label: (0, _i18n.__)('Width'),
     labelPosition: "top",
     value: width || '',
     min: 0,
     onChange: nextWidth => onDimensionChange('width', nextWidth),
     units: units
-  })), showScaleControl && (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  })), showScaleControl && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     hasValue: () => !!scale && scale !== DEFAULT_SCALE,
     label: scaleLabel,
     onDeselect: () => setAttributes({
@@ -155,7 +155,7 @@ const DimensionControls = ({
     }),
     isShownByDefault: true,
     panelId: clientId
-  }, (0, _element.createElement)(_components.__experimentalToggleGroupControl, {
+  }, (0, _react.createElement)(_components.__experimentalToggleGroupControl, {
     __nextHasNoMarginBottom: true,
     label: scaleLabel,
     value: scale,
@@ -164,7 +164,7 @@ const DimensionControls = ({
       scale: value
     }),
     isBlock: true
-  }, SCALE_OPTIONS)), !!imageSizeOptions.length && (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  }, SCALE_OPTIONS)), !!imageSizeOptions.length && (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     hasValue: () => !!sizeSlug,
     label: (0, _i18n.__)('Resolution'),
     onDeselect: () => setAttributes({
@@ -175,7 +175,7 @@ const DimensionControls = ({
     }),
     isShownByDefault: false,
     panelId: clientId
-  }, (0, _element.createElement)(_components.SelectControl, {
+  }, (0, _react.createElement)(_components.SelectControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Resolution'),
     value: sizeSlug || DEFAULT_SIZE,

package/build/post-featured-image/dimension-controls.js.map

@@ -1 +1 @@
-{"version":3,"names":["_i18n","require","_components","_blockEditor","SCALE_OPTIONS","_element","createElement","Fragment","__experimentalToggleGroupControlOption","value","label","_x","DEFAULT_SCALE","DEFAULT_SIZE","scaleHelp","cover","__","contain","fill","DimensionControls","clientId","attributes","aspectRatio","width","height","scale","sizeSlug","setAttributes","imageSizeOptions","defaultUnits","units","useCustomUnits","availableUnits","useSetting","onDimensionChange","dimension","nextValue","parsedValue","parseFloat","isNaN","scaleLabel","showScaleControl","InspectorControls","group","__experimentalToolsPanelItem","hasValue","onDeselect","undefined","resetAllFilter","isShownByDefault","panelId","SelectControl","__nextHasNoMarginBottom","options","onChange","nextAspectRatio","className","__experimentalUnitControl","labelPosition","min","nextHeight","nextWidth","__experimentalToggleGroupControl","help","isBlock","length","nextSizeSlug","_default","exports","default"],"sources":["@wordpress/block-library/src/post-featured-image/dimension-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tSelectControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { InspectorControls, useSetting } from '@wordpress/block-editor';\n\nconst SCALE_OPTIONS = (\n\t<>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"cover\"\n\t\t\tlabel={ _x( 'Cover', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"contain\"\n\t\t\tlabel={ _x(\n\t\t\t\t'Contain',\n\t\t\t\t'Scale option for Image dimension control'\n\t\t\t) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"fill\"\n\t\t\tlabel={ _x( 'Fill', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t</>\n);\n\nconst DEFAULT_SCALE = 'cover';\nconst DEFAULT_SIZE = 'full';\n\nconst scaleHelp = {\n\tcover: __(\n\t\t'Image is scaled and cropped to fill the entire space without being distorted.'\n\t),\n\tcontain: __(\n\t\t'Image is scaled to fill the space without clipping nor distorting.'\n\t),\n\tfill: __(\n\t\t'Image will be stretched and distorted to completely fill the space.'\n\t),\n};\n\nconst DimensionControls = ( {\n\tclientId,\n\tattributes: { aspectRatio, width, height, scale, sizeSlug },\n\tsetAttributes,\n\timageSizeOptions = [],\n} ) => {\n\tconst defaultUnits = [ 'px', '%', 'vw', 'em', 'rem' ];\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || defaultUnits,\n\t} );\n\tconst onDimensionChange = ( dimension, nextValue ) => {\n\t\tconst parsedValue = parseFloat( nextValue );\n\t\t/**\n\t\t * If we have no value set and we change the unit,\n\t\t * we don't want to set the attribute, as it would\n\t\t * end up having the unit as value without any number.\n\t\t */\n\t\tif ( isNaN( parsedValue ) && nextValue ) return;\n\t\tsetAttributes( {\n\t\t\t[ dimension ]: parsedValue < 0 ? '0' : nextValue,\n\t\t} );\n\t};\n\tconst scaleLabel = _x( 'Scale', 'Image scaling options' );\n\n\tconst showScaleControl =\n\t\theight || ( aspectRatio && aspectRatio !== 'auto' );\n\n\treturn (\n\t\t<InspectorControls group=\"dimensions\">\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => !! aspectRatio }\n\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { aspectRatio: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault={ true }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\t\tvalue={ aspectRatio }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t// These should use the same values as AspectRatioDropdown in @wordpress/block-editor\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Original' ),\n\t\t\t\t\t\t\tvalue: 'auto',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Square' ),\n\t\t\t\t\t\t\tvalue: '1',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '16:9' ),\n\t\t\t\t\t\t\tvalue: '16/9',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '4:3' ),\n\t\t\t\t\t\t\tvalue: '4/3',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '3:2' ),\n\t\t\t\t\t\t\tvalue: '3/2',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '9:16' ),\n\t\t\t\t\t\t\tvalue: '9/16',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '3:4' ),\n\t\t\t\t\t\t\tvalue: '3/4',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '2:3' ),\n\t\t\t\t\t\t\tvalue: '2/3',\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t\tonChange={ ( nextAspectRatio ) =>\n\t\t\t\t\t\tsetAttributes( { aspectRatio: nextAspectRatio } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! height }\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { height: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault={ true }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ height || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextHeight ) =>\n\t\t\t\t\t\tonDimensionChange( 'height', nextHeight )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! width }\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault={ true }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\tonDimensionChange( 'width', nextWidth )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ showScaleControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! scale && scale !== DEFAULT_SCALE }\n\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tscale: DEFAULT_SCALE,\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\tscale: DEFAULT_SCALE,\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<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\t\tvalue={ scale }\n\t\t\t\t\t\thelp={ scaleHelp[ scale ] }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tscale: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t{ SCALE_OPTIONS }\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! sizeSlug }\n\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { sizeSlug: undefined } )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tsizeSlug: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ false }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\t\tvalue={ sizeSlug || DEFAULT_SIZE }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\tonChange={ ( nextSizeSlug ) =>\n\t\t\t\t\t\t\tsetAttributes( { sizeSlug: nextSizeSlug } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</InspectorControls>\n\t);\n};\n\nexport default DimensionControls;\n"],"mappings":"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"}
+{"version":3,"names":["_i18n","require","_components","_blockEditor","SCALE_OPTIONS","_react","createElement","Fragment","__experimentalToggleGroupControlOption","value","label","_x","DEFAULT_SCALE","DEFAULT_SIZE","scaleHelp","cover","__","contain","fill","DimensionControls","clientId","attributes","aspectRatio","width","height","scale","sizeSlug","setAttributes","imageSizeOptions","defaultUnits","units","useCustomUnits","availableUnits","useSetting","onDimensionChange","dimension","nextValue","parsedValue","parseFloat","isNaN","scaleLabel","showScaleControl","InspectorControls","group","__experimentalToolsPanelItem","hasValue","onDeselect","undefined","resetAllFilter","isShownByDefault","panelId","SelectControl","__nextHasNoMarginBottom","options","onChange","nextAspectRatio","className","__experimentalUnitControl","labelPosition","min","nextHeight","nextWidth","__experimentalToggleGroupControl","help","isBlock","length","nextSizeSlug","_default","exports","default"],"sources":["@wordpress/block-library/src/post-featured-image/dimension-controls.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport {\n\tSelectControl,\n\t__experimentalUnitControl as UnitControl,\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\t__experimentalUseCustomUnits as useCustomUnits,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { InspectorControls, useSetting } from '@wordpress/block-editor';\n\nconst SCALE_OPTIONS = (\n\t<>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"cover\"\n\t\t\tlabel={ _x( 'Cover', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"contain\"\n\t\t\tlabel={ _x(\n\t\t\t\t'Contain',\n\t\t\t\t'Scale option for Image dimension control'\n\t\t\t) }\n\t\t/>\n\t\t<ToggleGroupControlOption\n\t\t\tvalue=\"fill\"\n\t\t\tlabel={ _x( 'Fill', 'Scale option for Image dimension control' ) }\n\t\t/>\n\t</>\n);\n\nconst DEFAULT_SCALE = 'cover';\nconst DEFAULT_SIZE = 'full';\n\nconst scaleHelp = {\n\tcover: __(\n\t\t'Image is scaled and cropped to fill the entire space without being distorted.'\n\t),\n\tcontain: __(\n\t\t'Image is scaled to fill the space without clipping nor distorting.'\n\t),\n\tfill: __(\n\t\t'Image will be stretched and distorted to completely fill the space.'\n\t),\n};\n\nconst DimensionControls = ( {\n\tclientId,\n\tattributes: { aspectRatio, width, height, scale, sizeSlug },\n\tsetAttributes,\n\timageSizeOptions = [],\n} ) => {\n\tconst defaultUnits = [ 'px', '%', 'vw', 'em', 'rem' ];\n\tconst units = useCustomUnits( {\n\t\tavailableUnits: useSetting( 'spacing.units' ) || defaultUnits,\n\t} );\n\tconst onDimensionChange = ( dimension, nextValue ) => {\n\t\tconst parsedValue = parseFloat( nextValue );\n\t\t/**\n\t\t * If we have no value set and we change the unit,\n\t\t * we don't want to set the attribute, as it would\n\t\t * end up having the unit as value without any number.\n\t\t */\n\t\tif ( isNaN( parsedValue ) && nextValue ) return;\n\t\tsetAttributes( {\n\t\t\t[ dimension ]: parsedValue < 0 ? '0' : nextValue,\n\t\t} );\n\t};\n\tconst scaleLabel = _x( 'Scale', 'Image scaling options' );\n\n\tconst showScaleControl =\n\t\theight || ( aspectRatio && aspectRatio !== 'auto' );\n\n\treturn (\n\t\t<InspectorControls group=\"dimensions\">\n\t\t\t<ToolsPanelItem\n\t\t\t\thasValue={ () => !! aspectRatio }\n\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { aspectRatio: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\taspectRatio: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault={ true }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<SelectControl\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Aspect ratio' ) }\n\t\t\t\t\tvalue={ aspectRatio }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t// These should use the same values as AspectRatioDropdown in @wordpress/block-editor\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Original' ),\n\t\t\t\t\t\t\tvalue: 'auto',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Square' ),\n\t\t\t\t\t\t\tvalue: '1',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '16:9' ),\n\t\t\t\t\t\t\tvalue: '16/9',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '4:3' ),\n\t\t\t\t\t\t\tvalue: '4/3',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '3:2' ),\n\t\t\t\t\t\t\tvalue: '3/2',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '9:16' ),\n\t\t\t\t\t\t\tvalue: '9/16',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '3:4' ),\n\t\t\t\t\t\t\tvalue: '3/4',\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( '2:3' ),\n\t\t\t\t\t\t\tvalue: '2/3',\n\t\t\t\t\t\t},\n\t\t\t\t\t] }\n\t\t\t\t\tonChange={ ( nextAspectRatio ) =>\n\t\t\t\t\t\tsetAttributes( { aspectRatio: nextAspectRatio } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! height }\n\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { height: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\theight: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault={ true }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Height' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ height || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextHeight ) =>\n\t\t\t\t\t\tonDimensionChange( 'height', nextHeight )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t<ToolsPanelItem\n\t\t\t\tclassName=\"single-column\"\n\t\t\t\thasValue={ () => !! width }\n\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\tonDeselect={ () => setAttributes( { width: undefined } ) }\n\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\twidth: undefined,\n\t\t\t\t} ) }\n\t\t\t\tisShownByDefault={ true }\n\t\t\t\tpanelId={ clientId }\n\t\t\t>\n\t\t\t\t<UnitControl\n\t\t\t\t\tlabel={ __( 'Width' ) }\n\t\t\t\t\tlabelPosition=\"top\"\n\t\t\t\t\tvalue={ width || '' }\n\t\t\t\t\tmin={ 0 }\n\t\t\t\t\tonChange={ ( nextWidth ) =>\n\t\t\t\t\t\tonDimensionChange( 'width', nextWidth )\n\t\t\t\t\t}\n\t\t\t\t\tunits={ units }\n\t\t\t\t/>\n\t\t\t</ToolsPanelItem>\n\t\t\t{ showScaleControl && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! scale && scale !== DEFAULT_SCALE }\n\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\tscale: DEFAULT_SCALE,\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\tscale: DEFAULT_SCALE,\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<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ scaleLabel }\n\t\t\t\t\t\tvalue={ scale }\n\t\t\t\t\t\thelp={ scaleHelp[ scale ] }\n\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tscale: value,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t{ SCALE_OPTIONS }\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t\t{ !! imageSizeOptions.length && (\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => !! sizeSlug }\n\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\tonDeselect={ () =>\n\t\t\t\t\t\tsetAttributes( { sizeSlug: undefined } )\n\t\t\t\t\t}\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tsizeSlug: undefined,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault={ false }\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Resolution' ) }\n\t\t\t\t\t\tvalue={ sizeSlug || DEFAULT_SIZE }\n\t\t\t\t\t\toptions={ imageSizeOptions }\n\t\t\t\t\t\tonChange={ ( nextSizeSlug ) =>\n\t\t\t\t\t\t\tsetAttributes( { sizeSlug: nextSizeSlug } )\n\t\t\t\t\t\t}\n\t\t\t\t\t\thelp={ __( 'Select the size of the source image.' ) }\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t) }\n\t\t</InspectorControls>\n\t);\n};\n\nexport default DimensionControls;\n"],"mappings":"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"}

package/build/post-featured-image/edit.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PostFeaturedImageEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _coreData = require("@wordpress/core-data");
 var _data = require("@wordpress/data");
@@ -91,7 +91,7 @@ function PostFeaturedImageEdit({
   });
   const borderProps = (0, _blockEditor.__experimentalUseBorderProps)(attributes);
   const placeholder = content => {
-    return (0, _element.createElement)(_components.Placeholder, {
+    return (0, _react.createElement)(_components.Placeholder, {
       className: (0, _classnames.default)('block-editor-media-placeholder', borderProps.className),
       withIllustration: true,
       style: {
@@ -114,14 +114,14 @@ function PostFeaturedImageEdit({
       type: 'snackbar'
     });
   };
-  const controls = (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_dimensionControls.default, {
+  const controls = (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_dimensionControls.default, {
     clientId: clientId,
     attributes: attributes,
     setAttributes: setAttributes,
     imageSizeOptions: imageSizeOptions
-  }), (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
+  }), (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, {
     title: (0, _i18n.__)('Settings')
-  }, (0, _element.createElement)(_components.ToggleControl, {
+  }, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: postType?.labels.singular_name ? (0, _i18n.sprintf)(
     // translators: %s: Name of the post type e.g: "Page".
@@ -130,14 +130,14 @@ function PostFeaturedImageEdit({
       isLink: !isLink
     }),
     checked: isLink
-  }), isLink && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.ToggleControl, {
+  }), isLink && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Open in new tab'),
     onChange: value => setAttributes({
       linkTarget: value ? '_blank' : '_self'
     }),
     checked: linkTarget === '_blank'
-  }), (0, _element.createElement)(_components.TextControl, {
+  }), (0, _react.createElement)(_components.TextControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Link rel'),
     value: rel,
@@ -157,9 +157,9 @@ function PostFeaturedImageEdit({
    * in a template or template part).
    */
   if (!featuredImage && (isDescendentOfQueryLoop || !postId)) {
-    return (0, _element.createElement)(_element.Fragment, null, controls, (0, _element.createElement)("div", {
+    return (0, _react.createElement)(_react.Fragment, null, controls, (0, _react.createElement)("div", {
       ...blockProps
-    }, placeholder(), (0, _element.createElement)(_overlay.default, {
+    }, placeholder(), (0, _react.createElement)(_overlay.default, {
       attributes: attributes,
       setAttributes: setAttributes,
       clientId: clientId
@@ -181,7 +181,7 @@ function PostFeaturedImageEdit({
    * Then display the placeholder with the image upload option.
    */
   if (!featuredImage) {
-    image = (0, _element.createElement)(_blockEditor.MediaPlaceholder, {
+    image = (0, _react.createElement)(_blockEditor.MediaPlaceholder, {
       onSelect: onSelectImage,
       accept: "image/*",
       allowedTypes: ALLOWED_MEDIA_TYPES,
@@ -190,7 +190,7 @@ function PostFeaturedImageEdit({
       mediaLibraryButton: ({
         open
       }) => {
-        return (0, _element.createElement)(_components.Button, {
+        return (0, _react.createElement)(_components.Button, {
           icon: _icons.upload,
           variant: "primary",
           label: label,
@@ -204,7 +204,7 @@ function PostFeaturedImageEdit({
     });
   } else {
     // We have a Featured image so show a Placeholder if is loading.
-    image = !media ? placeholder() : (0, _element.createElement)("img", {
+    image = !media ? placeholder() : (0, _react.createElement)("img", {
       className: borderProps.className,
       src: mediaUrl,
       alt: media.alt_text ? (0, _i18n.sprintf)(
@@ -220,20 +220,20 @@ function PostFeaturedImageEdit({
    * - Is not inside a query loop
    * Then display the image and the image replacement option.
    */
-  return (0, _element.createElement)(_element.Fragment, null, controls, !!media && !isDescendentOfQueryLoop && (0, _element.createElement)(_blockEditor.BlockControls, {
+  return (0, _react.createElement)(_react.Fragment, null, controls, !!media && !isDescendentOfQueryLoop && (0, _react.createElement)(_blockEditor.BlockControls, {
     group: "other"
-  }, (0, _element.createElement)(_blockEditor.MediaReplaceFlow, {
+  }, (0, _react.createElement)(_blockEditor.MediaReplaceFlow, {
     mediaId: featuredImage,
     mediaURL: mediaUrl,
     allowedTypes: ALLOWED_MEDIA_TYPES,
     accept: "image/*",
     onSelect: onSelectImage,
     onError: onUploadError
-  }, (0, _element.createElement)(_components.MenuItem, {
+  }, (0, _react.createElement)(_components.MenuItem, {
     onClick: () => setFeaturedImage(0)
-  }, (0, _i18n.__)('Reset')))), (0, _element.createElement)("figure", {
+  }, (0, _i18n.__)('Reset')))), (0, _react.createElement)("figure", {
     ...blockProps
-  }, image, (0, _element.createElement)(_overlay.default, {
+  }, image, (0, _react.createElement)(_overlay.default, {
     attributes: attributes,
     setAttributes: setAttributes,
     clientId: clientId

package/build/post-featured-image/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_coreData","_data","_components","_blockEditor","_i18n","_icons","_notices","_dimensionControls","_overlay","ALLOWED_MEDIA_TYPES","getMediaSourceUrlBySizeSlug","media","slug","media_details","sizes","source_url","PostFeaturedImageEdit","clientId","attributes","setAttributes","context","postId","postType","postTypeSlug","queryId","isDescendentOfQueryLoop","Number","isFinite","isLink","aspectRatio","height","width","scale","sizeSlug","rel","linkTarget","featuredImage","setFeaturedImage","useEntityProp","useSelect","select","getMedia","getPostType","coreStore","mediaUrl","imageSizes","blockEditorStore","getSettings","imageSizeOptions","filter","map","name","value","label","blockProps","useBlockProps","style","borderProps","useBorderProps","placeholder","content","_element","createElement","Placeholder","className","classnames","withIllustration","onSelectImage","id","createErrorNotice","useDispatch","noticesStore","onUploadError","message","type","controls","Fragment","default","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","labels","singular_name","sprintf","onChange","checked","TextControl","newRel","image","imageStyles","objectFit","MediaPlaceholder","onSelect","accept","allowedTypes","onError","mediaLibraryButton","open","Button","icon","upload","variant","showTooltip","tooltipPosition","onClick","src","alt","alt_text","BlockControls","group","MediaReplaceFlow","mediaId","mediaURL","MenuItem"],"sources":["@wordpress/block-library/src/post-featured-image/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tMenuItem,\n\tToggleControl,\n\tPanelBody,\n\tPlaceholder,\n\tButton,\n\tTextControl,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tBlockControls,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\t__experimentalUseBorderProps as useBorderProps,\n} from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { upload } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport DimensionControls from './dimension-controls';\nimport Overlay from './overlay';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction getMediaSourceUrlBySizeSlug( media, slug ) {\n\treturn (\n\t\tmedia?.media_details?.sizes?.[ slug ]?.source_url || media?.source_url\n\t);\n}\n\nexport default function PostFeaturedImageEdit( {\n\tclientId,\n\tattributes,\n\tsetAttributes,\n\tcontext: { postId, postType: postTypeSlug, queryId },\n} ) {\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst {\n\t\tisLink,\n\t\taspectRatio,\n\t\theight,\n\t\twidth,\n\t\tscale,\n\t\tsizeSlug,\n\t\trel,\n\t\tlinkTarget,\n\t} = attributes;\n\tconst [ featuredImage, setFeaturedImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostTypeSlug,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst { media, postType } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getMedia, getPostType } = select( coreStore );\n\t\t\treturn {\n\t\t\t\tmedia:\n\t\t\t\t\tfeaturedImage &&\n\t\t\t\t\tgetMedia( featuredImage, {\n\t\t\t\t\t\tcontext: 'view',\n\t\t\t\t\t} ),\n\t\t\t\tpostType: postTypeSlug && getPostType( postTypeSlug ),\n\t\t\t};\n\t\t},\n\t\t[ featuredImage, postTypeSlug ]\n\t);\n\tconst mediaUrl = getMediaSourceUrlBySizeSlug( media, sizeSlug );\n\n\tconst imageSizes = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().imageSizes,\n\t\t[]\n\t);\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => {\n\t\t\treturn media?.media_details?.sizes?.[ slug ]?.source_url;\n\t\t} )\n\t\t.map( ( { name, slug } ) => ( {\n\t\t\tvalue: slug,\n\t\t\tlabel: name,\n\t\t} ) );\n\n\tconst blockProps = useBlockProps( {\n\t\tstyle: { width, height, aspectRatio },\n\t} );\n\tconst borderProps = useBorderProps( attributes );\n\n\tconst placeholder = ( content ) => {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'block-editor-media-placeholder',\n\t\t\t\t\tborderProps.className\n\t\t\t\t) }\n\t\t\t\twithIllustration={ true }\n\t\t\t\tstyle={ {\n\t\t\t\t\theight: !! aspectRatio && '100%',\n\t\t\t\t\twidth: !! aspectRatio && '100%',\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ content }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\tconst onSelectImage = ( value ) => {\n\t\tif ( value?.id ) {\n\t\t\tsetFeaturedImage( value.id );\n\t\t}\n\t};\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst controls = (\n\t\t<>\n\t\t\t<DimensionControls\n\t\t\t\tclientId={ clientId }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\timageSizeOptions={ imageSizeOptions }\n\t\t\t/>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tpostType?.labels.singular_name\n\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: Name of the post type e.g: \"Page\".\n\t\t\t\t\t\t\t\t\t\t__( 'Link to %s' ),\n\t\t\t\t\t\t\t\t\t\tpostType.labels.singular_name\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: __( 'Link to post' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\t\tchecked={ isLink }\n\t\t\t\t\t/>\n\t\t\t\t\t{ isLink && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\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\tchecked={ linkTarget === '_blank' }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\t\t\t\tvalue={ rel }\n\t\t\t\t\t\t\t\tonChange={ ( newRel ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { rel: newRel } )\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) }\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\tlet image;\n\n\t/**\n\t * A Post Featured Image block should not have image replacement\n\t * or upload options in the following cases:\n\t * - Is placed in a Query Loop. This is a consious decision to\n\t * prevent content editing of different posts in Query Loop, and\n\t * this could change in the future.\n\t * - Is in a context where it does not have a postId (for example\n\t * in a template or template part).\n\t */\n\tif ( ! featuredImage && ( isDescendentOfQueryLoop || ! postId ) ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ controls }\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t{ placeholder() }\n\t\t\t\t\t<Overlay\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst label = __( 'Add a featured image' );\n\tconst imageStyles = {\n\t\t...borderProps.style,\n\t\theight: aspectRatio ? '100%' : height,\n\t\twidth: !! aspectRatio && '100%',\n\t\tobjectFit: !! ( height || aspectRatio ) && scale,\n\t};\n\n\t/**\n\t * When the post featured image block is placed in a context where:\n\t * - It has a postId (for example in a single post)\n\t * - It is not inside a query loop\n\t * - It has no image assigned yet\n\t * Then display the placeholder with the image upload option.\n\t */\n\tif ( ! featuredImage ) {\n\t\timage = (\n\t\t\t<MediaPlaceholder\n\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\taccept=\"image/*\"\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonError={ onUploadError }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tmediaLibraryButton={ ( { open } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\ttooltipPosition=\"top center\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\topen();\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} }\n\t\t\t/>\n\t\t);\n\t} else {\n\t\t// We have a Featured image so show a Placeholder if is loading.\n\t\timage = ! media ? (\n\t\t\tplaceholder()\n\t\t) : (\n\t\t\t<img\n\t\t\t\tclassName={ borderProps.className }\n\t\t\t\tsrc={ mediaUrl }\n\t\t\t\talt={\n\t\t\t\t\tmedia.alt_text\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: The image's alt text.\n\t\t\t\t\t\t\t\t__( 'Featured image: %s' ),\n\t\t\t\t\t\t\t\tmedia.alt_text\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: __( 'Featured image' )\n\t\t\t\t}\n\t\t\t\tstyle={ imageStyles }\n\t\t\t/>\n\t\t);\n\t}\n\n\t/**\n\t * When the post featured image block:\n\t * - Has an image assigned\n\t * - Is not inside a query loop\n\t * Then display the image and the image replacement option.\n\t */\n\treturn (\n\t\t<>\n\t\t\t{ controls }\n\t\t\t{ !! media && ! isDescendentOfQueryLoop && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\tmediaId={ featuredImage }\n\t\t\t\t\t\tmediaURL={ mediaUrl }\n\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t>\n\t\t\t\t\t\t<MenuItem onClick={ () => setFeaturedImage( 0 ) }>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MediaReplaceFlow>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<figure { ...blockProps }>\n\t\t\t\t{ image }\n\t\t\t\t<Overlay\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t</figure>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_coreData","_data","_components","_blockEditor","_i18n","_icons","_notices","_dimensionControls","_overlay","ALLOWED_MEDIA_TYPES","getMediaSourceUrlBySizeSlug","media","slug","media_details","sizes","source_url","PostFeaturedImageEdit","clientId","attributes","setAttributes","context","postId","postType","postTypeSlug","queryId","isDescendentOfQueryLoop","Number","isFinite","isLink","aspectRatio","height","width","scale","sizeSlug","rel","linkTarget","featuredImage","setFeaturedImage","useEntityProp","useSelect","select","getMedia","getPostType","coreStore","mediaUrl","imageSizes","blockEditorStore","getSettings","imageSizeOptions","filter","map","name","value","label","blockProps","useBlockProps","style","borderProps","useBorderProps","placeholder","content","_react","createElement","Placeholder","className","classnames","withIllustration","onSelectImage","id","createErrorNotice","useDispatch","noticesStore","onUploadError","message","type","controls","Fragment","default","InspectorControls","PanelBody","title","__","ToggleControl","__nextHasNoMarginBottom","labels","singular_name","sprintf","onChange","checked","TextControl","newRel","image","imageStyles","objectFit","MediaPlaceholder","onSelect","accept","allowedTypes","onError","mediaLibraryButton","open","Button","icon","upload","variant","showTooltip","tooltipPosition","onClick","src","alt","alt_text","BlockControls","group","MediaReplaceFlow","mediaId","mediaURL","MenuItem"],"sources":["@wordpress/block-library/src/post-featured-image/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useEntityProp, store as coreStore } from '@wordpress/core-data';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tMenuItem,\n\tToggleControl,\n\tPanelBody,\n\tPlaceholder,\n\tButton,\n\tTextControl,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tBlockControls,\n\tMediaPlaceholder,\n\tMediaReplaceFlow,\n\tuseBlockProps,\n\tstore as blockEditorStore,\n\t__experimentalUseBorderProps as useBorderProps,\n} from '@wordpress/block-editor';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { upload } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport DimensionControls from './dimension-controls';\nimport Overlay from './overlay';\n\nconst ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction getMediaSourceUrlBySizeSlug( media, slug ) {\n\treturn (\n\t\tmedia?.media_details?.sizes?.[ slug ]?.source_url || media?.source_url\n\t);\n}\n\nexport default function PostFeaturedImageEdit( {\n\tclientId,\n\tattributes,\n\tsetAttributes,\n\tcontext: { postId, postType: postTypeSlug, queryId },\n} ) {\n\tconst isDescendentOfQueryLoop = Number.isFinite( queryId );\n\tconst {\n\t\tisLink,\n\t\taspectRatio,\n\t\theight,\n\t\twidth,\n\t\tscale,\n\t\tsizeSlug,\n\t\trel,\n\t\tlinkTarget,\n\t} = attributes;\n\tconst [ featuredImage, setFeaturedImage ] = useEntityProp(\n\t\t'postType',\n\t\tpostTypeSlug,\n\t\t'featured_media',\n\t\tpostId\n\t);\n\n\tconst { media, postType } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getMedia, getPostType } = select( coreStore );\n\t\t\treturn {\n\t\t\t\tmedia:\n\t\t\t\t\tfeaturedImage &&\n\t\t\t\t\tgetMedia( featuredImage, {\n\t\t\t\t\t\tcontext: 'view',\n\t\t\t\t\t} ),\n\t\t\t\tpostType: postTypeSlug && getPostType( postTypeSlug ),\n\t\t\t};\n\t\t},\n\t\t[ featuredImage, postTypeSlug ]\n\t);\n\tconst mediaUrl = getMediaSourceUrlBySizeSlug( media, sizeSlug );\n\n\tconst imageSizes = useSelect(\n\t\t( select ) => select( blockEditorStore ).getSettings().imageSizes,\n\t\t[]\n\t);\n\tconst imageSizeOptions = imageSizes\n\t\t.filter( ( { slug } ) => {\n\t\t\treturn media?.media_details?.sizes?.[ slug ]?.source_url;\n\t\t} )\n\t\t.map( ( { name, slug } ) => ( {\n\t\t\tvalue: slug,\n\t\t\tlabel: name,\n\t\t} ) );\n\n\tconst blockProps = useBlockProps( {\n\t\tstyle: { width, height, aspectRatio },\n\t} );\n\tconst borderProps = useBorderProps( attributes );\n\n\tconst placeholder = ( content ) => {\n\t\treturn (\n\t\t\t<Placeholder\n\t\t\t\tclassName={ classnames(\n\t\t\t\t\t'block-editor-media-placeholder',\n\t\t\t\t\tborderProps.className\n\t\t\t\t) }\n\t\t\t\twithIllustration={ true }\n\t\t\t\tstyle={ {\n\t\t\t\t\theight: !! aspectRatio && '100%',\n\t\t\t\t\twidth: !! aspectRatio && '100%',\n\t\t\t\t\t...borderProps.style,\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ content }\n\t\t\t</Placeholder>\n\t\t);\n\t};\n\n\tconst onSelectImage = ( value ) => {\n\t\tif ( value?.id ) {\n\t\t\tsetFeaturedImage( value.id );\n\t\t}\n\t};\n\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\tconst onUploadError = ( message ) => {\n\t\tcreateErrorNotice( message, { type: 'snackbar' } );\n\t};\n\n\tconst controls = (\n\t\t<>\n\t\t\t<DimensionControls\n\t\t\t\tclientId={ clientId }\n\t\t\t\tattributes={ attributes }\n\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\timageSizeOptions={ imageSizeOptions }\n\t\t\t/>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody title={ __( 'Settings' ) }>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\tpostType?.labels.singular_name\n\t\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t\t// translators: %s: Name of the post type e.g: \"Page\".\n\t\t\t\t\t\t\t\t\t\t__( 'Link to %s' ),\n\t\t\t\t\t\t\t\t\t\tpostType.labels.singular_name\n\t\t\t\t\t\t\t\t  )\n\t\t\t\t\t\t\t\t: __( 'Link to post' )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tonChange={ () => setAttributes( { isLink: ! isLink } ) }\n\t\t\t\t\t\tchecked={ isLink }\n\t\t\t\t\t/>\n\t\t\t\t\t{ isLink && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Open in new tab' ) }\n\t\t\t\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\t\tlinkTarget: value ? '_blank' : '_self',\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\tchecked={ linkTarget === '_blank' }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<TextControl\n\t\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\t\tlabel={ __( 'Link rel' ) }\n\t\t\t\t\t\t\t\tvalue={ rel }\n\t\t\t\t\t\t\t\tonChange={ ( newRel ) =>\n\t\t\t\t\t\t\t\t\tsetAttributes( { rel: newRel } )\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) }\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n\tlet image;\n\n\t/**\n\t * A Post Featured Image block should not have image replacement\n\t * or upload options in the following cases:\n\t * - Is placed in a Query Loop. This is a consious decision to\n\t * prevent content editing of different posts in Query Loop, and\n\t * this could change in the future.\n\t * - Is in a context where it does not have a postId (for example\n\t * in a template or template part).\n\t */\n\tif ( ! featuredImage && ( isDescendentOfQueryLoop || ! postId ) ) {\n\t\treturn (\n\t\t\t<>\n\t\t\t\t{ controls }\n\t\t\t\t<div { ...blockProps }>\n\t\t\t\t\t{ placeholder() }\n\t\t\t\t\t<Overlay\n\t\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\t\tclientId={ clientId }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</>\n\t\t);\n\t}\n\n\tconst label = __( 'Add a featured image' );\n\tconst imageStyles = {\n\t\t...borderProps.style,\n\t\theight: aspectRatio ? '100%' : height,\n\t\twidth: !! aspectRatio && '100%',\n\t\tobjectFit: !! ( height || aspectRatio ) && scale,\n\t};\n\n\t/**\n\t * When the post featured image block is placed in a context where:\n\t * - It has a postId (for example in a single post)\n\t * - It is not inside a query loop\n\t * - It has no image assigned yet\n\t * Then display the placeholder with the image upload option.\n\t */\n\tif ( ! featuredImage ) {\n\t\timage = (\n\t\t\t<MediaPlaceholder\n\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\taccept=\"image/*\"\n\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\tonError={ onUploadError }\n\t\t\t\tplaceholder={ placeholder }\n\t\t\t\tmediaLibraryButton={ ( { open } ) => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\tlabel={ label }\n\t\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\t\ttooltipPosition=\"top center\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\topen();\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} }\n\t\t\t/>\n\t\t);\n\t} else {\n\t\t// We have a Featured image so show a Placeholder if is loading.\n\t\timage = ! media ? (\n\t\t\tplaceholder()\n\t\t) : (\n\t\t\t<img\n\t\t\t\tclassName={ borderProps.className }\n\t\t\t\tsrc={ mediaUrl }\n\t\t\t\talt={\n\t\t\t\t\tmedia.alt_text\n\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t// translators: %s: The image's alt text.\n\t\t\t\t\t\t\t\t__( 'Featured image: %s' ),\n\t\t\t\t\t\t\t\tmedia.alt_text\n\t\t\t\t\t\t  )\n\t\t\t\t\t\t: __( 'Featured image' )\n\t\t\t\t}\n\t\t\t\tstyle={ imageStyles }\n\t\t\t/>\n\t\t);\n\t}\n\n\t/**\n\t * When the post featured image block:\n\t * - Has an image assigned\n\t * - Is not inside a query loop\n\t * Then display the image and the image replacement option.\n\t */\n\treturn (\n\t\t<>\n\t\t\t{ controls }\n\t\t\t{ !! media && ! isDescendentOfQueryLoop && (\n\t\t\t\t<BlockControls group=\"other\">\n\t\t\t\t\t<MediaReplaceFlow\n\t\t\t\t\t\tmediaId={ featuredImage }\n\t\t\t\t\t\tmediaURL={ mediaUrl }\n\t\t\t\t\t\tallowedTypes={ ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\taccept=\"image/*\"\n\t\t\t\t\t\tonSelect={ onSelectImage }\n\t\t\t\t\t\tonError={ onUploadError }\n\t\t\t\t\t>\n\t\t\t\t\t\t<MenuItem onClick={ () => setFeaturedImage( 0 ) }>\n\t\t\t\t\t\t\t{ __( 'Reset' ) }\n\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t</MediaReplaceFlow>\n\t\t\t\t</BlockControls>\n\t\t\t) }\n\t\t\t<figure { ...blockProps }>\n\t\t\t\t{ image }\n\t\t\t\t<Overlay\n\t\t\t\t\tattributes={ attributes }\n\t\t\t\t\tsetAttributes={ setAttributes }\n\t\t\t\t\tclientId={ clientId }\n\t\t\t\t/>\n\t\t\t</figure>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}

package/build/post-featured-image/overlay.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 _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
@@ -49,7 +49,7 @@ const Overlay = ({
   if (!colorGradientSettings.hasColorsOrGradients) {
     return null;
   }
-  return (0, _element.createElement)(_element.Fragment, null, !!dimRatio && (0, _element.createElement)("span", {
+  return (0, _react.createElement)(_react.Fragment, null, !!dimRatio && (0, _react.createElement)("span", {
     "aria-hidden": "true",
     className: (0, _classnames.default)('wp-block-post-featured-image__overlay', (0, _utils.dimRatioToClass)(dimRatio), {
       [overlayColor.class]: overlayColor.class,
@@ -58,9 +58,9 @@ const Overlay = ({
       [gradientClass]: gradientClass
     }, borderProps.className),
     style: overlayStyles
-  }), (0, _element.createElement)(_blockEditor.InspectorControls, {
+  }), (0, _react.createElement)(_blockEditor.InspectorControls, {
     group: "color"
-  }, (0, _element.createElement)(_blockEditor.__experimentalColorGradientSettingsDropdown, {
+  }, (0, _react.createElement)(_blockEditor.__experimentalColorGradientSettingsDropdown, {
     __experimentalIsRenderedInSidebar: true,
     settings: [{
       colorValue: overlayColor.color,
@@ -78,7 +78,7 @@ const Overlay = ({
     }],
     panelId: clientId,
     ...colorGradientSettings
-  }), (0, _element.createElement)(_components.__experimentalToolsPanelItem, {
+  }), (0, _react.createElement)(_components.__experimentalToolsPanelItem, {
     hasValue: () => dimRatio !== undefined,
     label: (0, _i18n.__)('Overlay opacity'),
     onDeselect: () => setAttributes({
@@ -89,7 +89,7 @@ const Overlay = ({
     }),
     isShownByDefault: true,
     panelId: clientId
-  }, (0, _element.createElement)(_components.RangeControl, {
+  }, (0, _react.createElement)(_components.RangeControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Overlay opacity'),
     value: dimRatio,

package/build/post-featured-image/overlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_blockEditor","_compose","_i18n","_utils","Overlay","clientId","attributes","setAttributes","overlayColor","setOverlayColor","dimRatio","gradientClass","gradientValue","setGradient","__experimentalUseGradient","colorGradientSettings","useMultipleOriginColorsAndGradients","borderProps","useBorderProps","overlayStyles","backgroundColor","color","backgroundImage","style","hasColorsOrGradients","_element","createElement","Fragment","className","classnames","dimRatioToClass","class","undefined","InspectorControls","group","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","colorValue","label","__","onColorChange","onGradientChange","isShownByDefault","resetAllFilter","customOverlayColor","gradient","customGradient","panelId","__experimentalToolsPanelItem","hasValue","onDeselect","RangeControl","__nextHasNoMarginBottom","value","onChange","newDimRatio","min","max","step","required","__next40pxDefaultSize","_default","compose","withColors","exports","default"],"sources":["@wordpress/block-library/src/post-featured-image/overlay.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRangeControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\twithColors,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n\t__experimentalUseBorderProps as useBorderProps,\n} from '@wordpress/block-editor';\nimport { compose } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { dimRatioToClass } from './utils';\n\nconst Overlay = ( {\n\tclientId,\n\tattributes,\n\tsetAttributes,\n\toverlayColor,\n\tsetOverlayColor,\n} ) => {\n\tconst { dimRatio } = attributes;\n\tconst { gradientClass, gradientValue, setGradient } =\n\t\t__experimentalUseGradient();\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst overlayStyles = {\n\t\tbackgroundColor: overlayColor.color,\n\t\tbackgroundImage: gradientValue,\n\t\t...borderProps.style,\n\t};\n\n\tif ( ! colorGradientSettings.hasColorsOrGradients ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ !! dimRatio && (\n\t\t\t\t<span\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'wp-block-post-featured-image__overlay',\n\t\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t[ overlayColor.class ]: overlayColor.class,\n\t\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ overlayStyles }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcolorValue: overlayColor.color,\n\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\tlabel: __( 'Overlay' ),\n\t\t\t\t\t\t\tonColorChange: setOverlayColor,\n\t\t\t\t\t\t\tonGradientChange: setGradient,\n\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\tresetAllFilter: () => ( {\n\t\t\t\t\t\t\t\toverlayColor: undefined,\n\t\t\t\t\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\t\tcustomGradient: undefined,\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\tpanelId={ clientId }\n\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t/>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => dimRatio !== undefined }\n\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\tonDeselect={ () => setAttributes( { dimRatio: 0 } ) }\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tdimRatio: 0,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\tonChange={ ( newDimRatio ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tdimRatio: newDimRatio,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\tstep={ 10 }\n\t\t\t\t\t\trequired\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n};\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( Overlay );\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_blockEditor","_compose","_i18n","_utils","Overlay","clientId","attributes","setAttributes","overlayColor","setOverlayColor","dimRatio","gradientClass","gradientValue","setGradient","__experimentalUseGradient","colorGradientSettings","useMultipleOriginColorsAndGradients","borderProps","useBorderProps","overlayStyles","backgroundColor","color","backgroundImage","style","hasColorsOrGradients","_react","createElement","Fragment","className","classnames","dimRatioToClass","class","undefined","InspectorControls","group","__experimentalColorGradientSettingsDropdown","__experimentalIsRenderedInSidebar","settings","colorValue","label","__","onColorChange","onGradientChange","isShownByDefault","resetAllFilter","customOverlayColor","gradient","customGradient","panelId","__experimentalToolsPanelItem","hasValue","onDeselect","RangeControl","__nextHasNoMarginBottom","value","onChange","newDimRatio","min","max","step","required","__next40pxDefaultSize","_default","compose","withColors","exports","default"],"sources":["@wordpress/block-library/src/post-featured-image/overlay.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tRangeControl,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\twithColors,\n\t__experimentalColorGradientSettingsDropdown as ColorGradientSettingsDropdown,\n\t__experimentalUseGradient,\n\t__experimentalUseMultipleOriginColorsAndGradients as useMultipleOriginColorsAndGradients,\n\t__experimentalUseBorderProps as useBorderProps,\n} from '@wordpress/block-editor';\nimport { compose } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport { dimRatioToClass } from './utils';\n\nconst Overlay = ( {\n\tclientId,\n\tattributes,\n\tsetAttributes,\n\toverlayColor,\n\tsetOverlayColor,\n} ) => {\n\tconst { dimRatio } = attributes;\n\tconst { gradientClass, gradientValue, setGradient } =\n\t\t__experimentalUseGradient();\n\tconst colorGradientSettings = useMultipleOriginColorsAndGradients();\n\n\tconst borderProps = useBorderProps( attributes );\n\tconst overlayStyles = {\n\t\tbackgroundColor: overlayColor.color,\n\t\tbackgroundImage: gradientValue,\n\t\t...borderProps.style,\n\t};\n\n\tif ( ! colorGradientSettings.hasColorsOrGradients ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t{ !! dimRatio && (\n\t\t\t\t<span\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'wp-block-post-featured-image__overlay',\n\t\t\t\t\t\tdimRatioToClass( dimRatio ),\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t[ overlayColor.class ]: overlayColor.class,\n\t\t\t\t\t\t\t'has-background-dim': dimRatio !== undefined,\n\t\t\t\t\t\t\t'has-background-gradient': gradientValue,\n\t\t\t\t\t\t\t[ gradientClass ]: gradientClass,\n\t\t\t\t\t\t},\n\t\t\t\t\t\tborderProps.className\n\t\t\t\t\t) }\n\t\t\t\t\tstyle={ overlayStyles }\n\t\t\t\t/>\n\t\t\t) }\n\t\t\t<InspectorControls group=\"color\">\n\t\t\t\t<ColorGradientSettingsDropdown\n\t\t\t\t\t__experimentalIsRenderedInSidebar\n\t\t\t\t\tsettings={ [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tcolorValue: overlayColor.color,\n\t\t\t\t\t\t\tgradientValue,\n\t\t\t\t\t\t\tlabel: __( 'Overlay' ),\n\t\t\t\t\t\t\tonColorChange: setOverlayColor,\n\t\t\t\t\t\t\tonGradientChange: setGradient,\n\t\t\t\t\t\t\tisShownByDefault: true,\n\t\t\t\t\t\t\tresetAllFilter: () => ( {\n\t\t\t\t\t\t\t\toverlayColor: undefined,\n\t\t\t\t\t\t\t\tcustomOverlayColor: undefined,\n\t\t\t\t\t\t\t\tgradient: undefined,\n\t\t\t\t\t\t\t\tcustomGradient: undefined,\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\tpanelId={ clientId }\n\t\t\t\t\t{ ...colorGradientSettings }\n\t\t\t\t/>\n\t\t\t\t<ToolsPanelItem\n\t\t\t\t\thasValue={ () => dimRatio !== undefined }\n\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\tonDeselect={ () => setAttributes( { dimRatio: 0 } ) }\n\t\t\t\t\tresetAllFilter={ () => ( {\n\t\t\t\t\t\tdimRatio: 0,\n\t\t\t\t\t} ) }\n\t\t\t\t\tisShownByDefault\n\t\t\t\t\tpanelId={ clientId }\n\t\t\t\t>\n\t\t\t\t\t<RangeControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Overlay opacity' ) }\n\t\t\t\t\t\tvalue={ dimRatio }\n\t\t\t\t\t\tonChange={ ( newDimRatio ) =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tdimRatio: newDimRatio,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tmin={ 0 }\n\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\tstep={ 10 }\n\t\t\t\t\t\trequired\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t/>\n\t\t\t\t</ToolsPanelItem>\n\t\t\t</InspectorControls>\n\t\t</>\n\t);\n};\n\nexport default compose( [\n\twithColors( { overlayColor: 'background-color' } ),\n] )( Overlay );\n"],"mappings":"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"}

package/build/post-navigation-link/edit.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = PostNavigationLinkEdit;
-var _element = require("@wordpress/element");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _components = require("@wordpress/components");
 var _blockEditor = require("@wordpress/block-editor");
@@ -47,7 +47,7 @@ function PostNavigationLinkEdit({
       [`has-text-align-${textAlign}`]: textAlign
     })
   });
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, null, (0, _element.createElement)(_components.ToggleControl, {
+  return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_blockEditor.InspectorControls, null, (0, _react.createElement)(_components.PanelBody, null, (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Display the title as a link'),
     help: (0, _i18n.__)('If you have entered a custom label, it will be prepended before the title.'),
@@ -55,14 +55,14 @@ function PostNavigationLinkEdit({
     onChange: () => setAttributes({
       showTitle: !showTitle
     })
-  }), showTitle && (0, _element.createElement)(_components.ToggleControl, {
+  }), showTitle && (0, _react.createElement)(_components.ToggleControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Include the label as part of the link'),
     checked: !!linkLabel,
     onChange: () => setAttributes({
       linkLabel: !linkLabel
     })
-  }), (0, _element.createElement)(_components.__experimentalToggleGroupControl, {
+  }), (0, _react.createElement)(_components.__experimentalToggleGroupControl, {
     __nextHasNoMarginBottom: true,
     label: (0, _i18n.__)('Arrow'),
     value: arrow,
@@ -73,27 +73,27 @@ function PostNavigationLinkEdit({
     },
     help: (0, _i18n.__)('A decorative arrow for the next and previous link.'),
     isBlock: true
-  }, (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }, (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     value: "none",
     label: (0, _i18n._x)('None', 'Arrow option for Next/Previous link')
-  }), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     value: "arrow",
     label: (0, _i18n._x)('Arrow', 'Arrow option for Next/Previous link')
-  }), (0, _element.createElement)(_components.__experimentalToggleGroupControlOption, {
+  }), (0, _react.createElement)(_components.__experimentalToggleGroupControlOption, {
     value: "chevron",
     label: (0, _i18n._x)('Chevron', 'Arrow option for Next/Previous link')
-  })))), (0, _element.createElement)(_blockEditor.BlockControls, null, (0, _element.createElement)(_blockEditor.AlignmentToolbar, {
+  })))), (0, _react.createElement)(_blockEditor.BlockControls, null, (0, _react.createElement)(_blockEditor.AlignmentToolbar, {
     value: textAlign,
     onChange: nextAlign => {
       setAttributes({
         textAlign: nextAlign
       });
     }
-  })), (0, _element.createElement)("div", {
+  })), (0, _react.createElement)("div", {
     ...blockProps
-  }, !isNext && displayArrow && (0, _element.createElement)("span", {
+  }, !isNext && displayArrow && (0, _react.createElement)("span", {
     className: `wp-block-post-navigation-link__arrow-previous is-arrow-${arrow}`
-  }, displayArrow), (0, _element.createElement)(_blockEditor.RichText, {
+  }, displayArrow), (0, _react.createElement)(_blockEditor.RichText, {
     tagName: "a",
     "aria-label": ariaLabel,
     placeholder: placeholder,
@@ -102,10 +102,10 @@ function PostNavigationLinkEdit({
     onChange: newLabel => setAttributes({
       label: newLabel
     })
-  }), showTitle && (0, _element.createElement)("a", {
+  }), showTitle && (0, _react.createElement)("a", {
     href: "#post-navigation-pseudo-link",
     onClick: event => event.preventDefault()
-  }, (0, _i18n.__)('An example title')), isNext && displayArrow && (0, _element.createElement)("span", {
+  }, (0, _i18n.__)('An example title')), isNext && displayArrow && (0, _react.createElement)("span", {
     className: `wp-block-post-navigation-link__arrow-next is-arrow-${arrow}`,
     "aria-hidden": true
   }, displayArrow)));

package/build/post-navigation-link/edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_blockEditor","_i18n","PostNavigationLinkEdit","attributes","type","label","showTitle","textAlign","linkLabel","arrow","setAttributes","isNext","placeholder","__","arrowMap","none","chevron","displayArrow","ariaLabel","blockProps","useBlockProps","className","classnames","_element","createElement","Fragment","InspectorControls","PanelBody","ToggleControl","__nextHasNoMarginBottom","help","checked","onChange","__experimentalToggleGroupControl","value","isBlock","__experimentalToggleGroupControlOption","_x","BlockControls","AlignmentToolbar","nextAlign","RichText","tagName","allowedFormats","newLabel","href","onClick","event","preventDefault"],"sources":["@wordpress/block-library/src/post-navigation-link/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\tToggleControl,\n\tPanelBody,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tRichText,\n\tBlockControls,\n\tAlignmentToolbar,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { __, _x } from '@wordpress/i18n';\n\nexport default function PostNavigationLinkEdit( {\n\tattributes: { type, label, showTitle, textAlign, linkLabel, arrow },\n\tsetAttributes,\n} ) {\n\tconst isNext = type === 'next';\n\tlet placeholder = isNext ? __( 'Next' ) : __( 'Previous' );\n\n\tconst arrowMap = {\n\t\tnone: '',\n\t\tarrow: isNext ? '→' : '←',\n\t\tchevron: isNext ? '»' : '«',\n\t};\n\n\tconst displayArrow = arrowMap[ arrow ];\n\n\tif ( showTitle ) {\n\t\t/* translators: Label before for next and previous post. There is a space after the colon. */\n\t\tplaceholder = isNext ? __( 'Next: ' ) : __( 'Previous: ' );\n\t}\n\n\tconst ariaLabel = isNext ? __( 'Next post' ) : __( 'Previous post' );\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display the title as a link' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'If you have entered a custom label, it will be prepended before the title.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tchecked={ !! showTitle }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowTitle: ! showTitle,\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\t{ showTitle && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t'Include the label as part of the link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tchecked={ !! linkLabel }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tlinkLabel: ! linkLabel,\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) }\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Arrow' ) }\n\t\t\t\t\t\tvalue={ arrow }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetAttributes( { arrow: value } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'A decorative arrow for the next and previous link.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"none\"\n\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t'None',\n\t\t\t\t\t\t\t\t'Arrow option for Next/Previous link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"arrow\"\n\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t'Arrow',\n\t\t\t\t\t\t\t\t'Arrow option for Next/Previous link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"chevron\"\n\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t'Chevron',\n\t\t\t\t\t\t\t\t'Arrow option for Next/Previous link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<BlockControls>\n\t\t\t\t<AlignmentToolbar\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ ! isNext && displayArrow && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ `wp-block-post-navigation-link__arrow-previous is-arrow-${ arrow }` }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ displayArrow }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t\t<RichText\n\t\t\t\t\ttagName=\"a\"\n\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tvalue={ label }\n\t\t\t\t\tallowedFormats={ [ 'core/bold', 'core/italic' ] }\n\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\tsetAttributes( { label: newLabel } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{ showTitle && (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"#post-navigation-pseudo-link\"\n\t\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'An example title' ) }\n\t\t\t\t\t</a>\n\t\t\t\t) }\n\t\t\t\t{ isNext && displayArrow && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ `wp-block-post-navigation-link__arrow-next is-arrow-${ arrow }` }\n\t\t\t\t\t\taria-hidden={ true }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ displayArrow }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
+{"version":3,"names":["_classnames","_interopRequireDefault","require","_components","_blockEditor","_i18n","PostNavigationLinkEdit","attributes","type","label","showTitle","textAlign","linkLabel","arrow","setAttributes","isNext","placeholder","__","arrowMap","none","chevron","displayArrow","ariaLabel","blockProps","useBlockProps","className","classnames","_react","createElement","Fragment","InspectorControls","PanelBody","ToggleControl","__nextHasNoMarginBottom","help","checked","onChange","__experimentalToggleGroupControl","value","isBlock","__experimentalToggleGroupControlOption","_x","BlockControls","AlignmentToolbar","nextAlign","RichText","tagName","allowedFormats","newLabel","href","onClick","event","preventDefault"],"sources":["@wordpress/block-library/src/post-navigation-link/edit.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalToggleGroupControl as ToggleGroupControl,\n\t__experimentalToggleGroupControlOption as ToggleGroupControlOption,\n\tToggleControl,\n\tPanelBody,\n} from '@wordpress/components';\nimport {\n\tInspectorControls,\n\tRichText,\n\tBlockControls,\n\tAlignmentToolbar,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\nimport { __, _x } from '@wordpress/i18n';\n\nexport default function PostNavigationLinkEdit( {\n\tattributes: { type, label, showTitle, textAlign, linkLabel, arrow },\n\tsetAttributes,\n} ) {\n\tconst isNext = type === 'next';\n\tlet placeholder = isNext ? __( 'Next' ) : __( 'Previous' );\n\n\tconst arrowMap = {\n\t\tnone: '',\n\t\tarrow: isNext ? '→' : '←',\n\t\tchevron: isNext ? '»' : '«',\n\t};\n\n\tconst displayArrow = arrowMap[ arrow ];\n\n\tif ( showTitle ) {\n\t\t/* translators: Label before for next and previous post. There is a space after the colon. */\n\t\tplaceholder = isNext ? __( 'Next: ' ) : __( 'Previous: ' );\n\t}\n\n\tconst ariaLabel = isNext ? __( 'Next post' ) : __( 'Previous post' );\n\tconst blockProps = useBlockProps( {\n\t\tclassName: classnames( {\n\t\t\t[ `has-text-align-${ textAlign }` ]: textAlign,\n\t\t} ),\n\t} );\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls>\n\t\t\t\t<PanelBody>\n\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Display the title as a link' ) }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'If you have entered a custom label, it will be prepended before the title.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tchecked={ !! showTitle }\n\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\tshowTitle: ! showTitle,\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\t{ showTitle && (\n\t\t\t\t\t\t<ToggleControl\n\t\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t'Include the label as part of the link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\tchecked={ !! linkLabel }\n\t\t\t\t\t\t\tonChange={ () =>\n\t\t\t\t\t\t\t\tsetAttributes( {\n\t\t\t\t\t\t\t\t\tlinkLabel: ! linkLabel,\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) }\n\t\t\t\t\t<ToggleGroupControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tlabel={ __( 'Arrow' ) }\n\t\t\t\t\t\tvalue={ arrow }\n\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\tsetAttributes( { arrow: value } );\n\t\t\t\t\t\t} }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'A decorative arrow for the next and previous link.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tisBlock\n\t\t\t\t\t>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"none\"\n\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t'None',\n\t\t\t\t\t\t\t\t'Arrow option for Next/Previous link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"arrow\"\n\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t'Arrow',\n\t\t\t\t\t\t\t\t'Arrow option for Next/Previous link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToggleGroupControlOption\n\t\t\t\t\t\t\tvalue=\"chevron\"\n\t\t\t\t\t\t\tlabel={ _x(\n\t\t\t\t\t\t\t\t'Chevron',\n\t\t\t\t\t\t\t\t'Arrow option for Next/Previous link'\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ToggleGroupControl>\n\t\t\t\t</PanelBody>\n\t\t\t</InspectorControls>\n\t\t\t<BlockControls>\n\t\t\t\t<AlignmentToolbar\n\t\t\t\t\tvalue={ textAlign }\n\t\t\t\t\tonChange={ ( nextAlign ) => {\n\t\t\t\t\t\tsetAttributes( { textAlign: nextAlign } );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t</BlockControls>\n\t\t\t<div { ...blockProps }>\n\t\t\t\t{ ! isNext && displayArrow && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ `wp-block-post-navigation-link__arrow-previous is-arrow-${ arrow }` }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ displayArrow }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t\t<RichText\n\t\t\t\t\ttagName=\"a\"\n\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\tplaceholder={ placeholder }\n\t\t\t\t\tvalue={ label }\n\t\t\t\t\tallowedFormats={ [ 'core/bold', 'core/italic' ] }\n\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\tsetAttributes( { label: newLabel } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t{ showTitle && (\n\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"#post-navigation-pseudo-link\"\n\t\t\t\t\t\tonClick={ ( event ) => event.preventDefault() }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'An example title' ) }\n\t\t\t\t\t</a>\n\t\t\t\t) }\n\t\t\t\t{ isNext && displayArrow && (\n\t\t\t\t\t<span\n\t\t\t\t\t\tclassName={ `wp-block-post-navigation-link__arrow-next is-arrow-${ arrow }` }\n\t\t\t\t\t\taria-hidden={ true }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ displayArrow }\n\t\t\t\t\t</span>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n"],"mappings":"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"}