@wordpress/block-library 7.11.0 → 7.13.0

package/build/list-item/list-style-type.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/list-item/list-style-type.native.js"],"names":["DEFAULT_ICON_SIZE","getListNumberIndex","start","blockIndex","reversed","numberOfListItems","OrderedList","color","fontSize","style","orderedStyles","styles","Platform","isIOS","numberStyle","currentIndex","IconList","defaultFontSize","indentationLevel","iconSize","parseInt","listIcon","listStyles","marginTop","ListStyleType","ordered","baseColors","typography","colorWithPreferredScheme","defaultColor","text"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View, Text } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Icon } from '@wordpress/components';\nimport { Platform } from '@wordpress/element';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport styles from './style.scss';\nimport { circle, circleOutline, square } from './icons';\n\nconst DEFAULT_ICON_SIZE = 6;\n\nfunction getListNumberIndex( start, blockIndex, reversed, numberOfListItems ) {\n\tif ( start ) {\n\t\treturn reversed\n\t\t\t? numberOfListItems - 1 + start - blockIndex\n\t\t\t: start + blockIndex;\n\t}\n\n\tif ( reversed ) {\n\t\treturn numberOfListItems - blockIndex;\n\t}\n\n\treturn blockIndex + 1;\n}\n\nfunction OrderedList( {\n\tblockIndex,\n\tcolor,\n\tfontSize,\n\tnumberOfListItems,\n\treversed,\n\tstart,\n\tstyle,\n} ) {\n\tconst orderedStyles = [\n\t\tstyles[ 'wp-block-list-item__list-item-container--ordered' ],\n\t\tPlatform.isIOS &&\n\t\t\tstyles[ 'wp-block-list-item__list-item-ordered--default' ],\n\t\tPlatform.isIOS &&\n\t\t\tstyle?.fontSize &&\n\t\t\tstyles[ 'wp-block-list-item__list-item-ordered--custom' ],\n\t];\n\tconst numberStyle = [ { fontSize, color } ];\n\n\tconst currentIndex = getListNumberIndex(\n\t\tstart,\n\t\tblockIndex,\n\t\treversed,\n\t\tnumberOfListItems\n\t);\n\n\treturn (\n\t\t<View style={ orderedStyles }>\n\t\t\t<Text style={ numberStyle }>{ currentIndex }.</Text>\n\t\t</View>\n\t);\n}\n\nfunction IconList( { fontSize, color, defaultFontSize, indentationLevel } ) {\n\tconst iconSize = parseInt(\n\t\t( fontSize * DEFAULT_ICON_SIZE ) / defaultFontSize,\n\t\t10\n\t);\n\n\tlet listIcon = circle( iconSize, color );\n\tif ( indentationLevel === 1 ) {\n\t\tlistIcon = circleOutline( iconSize, color );\n\t} else if ( indentationLevel > 1 ) {\n\t\tlistIcon = square( iconSize, color );\n\t}\n\n\tconst listStyles = [\n\t\tstyles[ 'wp-block-list-item__list-item-container' ],\n\t\t{ marginTop: fontSize / 2 },\n\t];\n\n\treturn (\n\t\t<View style={ listStyles }>\n\t\t\t<Icon icon={ listIcon } size={ iconSize } />\n\t\t</View>\n\t);\n}\n\nexport default function ListStyleType( {\n\tblockIndex,\n\tindentationLevel,\n\tnumberOfListItems,\n\tordered,\n\treversed,\n\tstart,\n\tstyle,\n} ) {\n\tlet defaultFontSize =\n\t\tstyles[ 'wp-block-list-item__list-item--default' ].fontSize;\n\n\tif ( style?.baseColors?.typography?.fontSize ) {\n\t\tdefaultFontSize = parseInt( style.baseColors.typography.fontSize, 10 );\n\t}\n\n\tconst fontSize = parseInt(\n\t\tstyle?.fontSize ? style.fontSize : defaultFontSize,\n\t\t10\n\t);\n\n\tconst colorWithPreferredScheme = usePreferredColorSchemeStyle(\n\t\tstyles[ 'wp-block-list-item__list-item--default' ],\n\t\tstyles[ 'wp-block-list-item__list-item--default--dark' ]\n\t);\n\n\tconst defaultColor = style?.baseColors?.color?.text\n\t\t? style.baseColors.color.text\n\t\t: colorWithPreferredScheme.color;\n\tconst color = style?.color ? style.color : defaultColor;\n\n\tif ( ordered ) {\n\t\treturn (\n\t\t\t<OrderedList\n\t\t\t\tblockIndex={ blockIndex }\n\t\t\t\tcolor={ color }\n\t\t\t\tfontSize={ fontSize }\n\t\t\t\tnumberOfListItems={ numberOfListItems }\n\t\t\t\treversed={ reversed }\n\t\t\t\tstart={ start }\n\t\t\t\tstyle={ style }\n\t\t\t/>\n\t\t);\n\t}\n\n\treturn (\n\t\t<IconList\n\t\t\tcolor={ color }\n\t\t\tdefaultFontSize={ defaultFontSize }\n\t\t\tfontSize={ fontSize }\n\t\t\tindentationLevel={ indentationLevel }\n\t\t/>\n\t);\n}\n"]}

package/build/list-item/utils.js

@@ -106,6 +106,10 @@ const {
         text: true
       }
     },
+    spacing: {
+      margin: true,
+      padding: true
+    },
     __unstablePasteTextInline: true,
     __experimentalSelector: "ol,ul",
     __experimentalSlashInserter: true

package/build/list-item/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/list-item/utils.js"],"names":["createListItem","listItemAttributes","listAttributes","children","listItemName","length","listName","convertToListItems","blocks","listItems","block","name","push","innerBlocks"],"mappings":";;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAASA,cAAT,CAAyBC,kBAAzB,EAA6CC,cAA7C,EAA6DC,QAA7D,EAAwE;AAC9E,SAAO,yBACNC,YADM,EAENH,kBAFM,EAGN,EAAEE,QAAF,aAAEA,QAAF,eAAEA,QAAQ,CAAEE,MAAZ,IACG,EADH,GAEG,CAAE,yBAAaC,QAAb,EAAuBJ,cAAvB,EAAuCC,QAAvC,CAAF,CALG,CAAP;AAOA;;AAEM,SAASI,kBAAT,CAA6BC,MAA7B,EAAsC;AAC5C,QAAMC,SAAS,GAAG,EAAlB;;AAEA,OAAM,IAAIC,KAAV,IAAmBF,MAAnB,EAA4B;AAC3B,QAAKE,KAAK,CAACC,IAAN,KAAeP,YAApB,EAAmC;AAClCK,MAAAA,SAAS,CAACG,IAAV,CAAgBF,KAAhB;AACA,KAFD,MAEO,IAAKA,KAAK,CAACC,IAAN,KAAeL,QAApB,EAA+B;AACrCG,MAAAA,SAAS,CAACG,IAAV,CAAgB,GAAGF,KAAK,CAACG,WAAzB;AACA,KAFM,MAEA,IAAOH,KAAK,GAAG,+BAAmBA,KAAnB,EAA0BJ,QAA1B,CAAf,EAAwD;AAC9D,WAAM,MAAM;AAAEO,QAAAA;AAAF,OAAZ,IAA+BH,KAA/B,EAAuC;AACtCD,QAAAA,SAAS,CAACG,IAAV,CAAgB,GAAGC,WAAnB;AACA;AACD;AACD;;AAED,SAAOJ,SAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock, switchToBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { name as listItemName } from './block.json';\nimport { name as listName } from '../list/block.json';\n\nexport function createListItem( listItemAttributes, listAttributes, children ) {\n\treturn createBlock(\n\t\tlistItemName,\n\t\tlistItemAttributes,\n\t\t! children?.length\n\t\t\t? []\n\t\t\t: [ createBlock( listName, listAttributes, children ) ]\n\t);\n}\n\nexport function convertToListItems( blocks ) {\n\tconst listItems = [];\n\n\tfor ( let block of blocks ) {\n\t\tif ( block.name === listItemName ) {\n\t\t\tlistItems.push( block );\n\t\t} else if ( block.name === listName ) {\n\t\t\tlistItems.push( ...block.innerBlocks );\n\t\t} else if ( ( block = switchToBlockType( block, listName ) ) ) {\n\t\t\tfor ( const { innerBlocks } of block ) {\n\t\t\t\tlistItems.push( ...innerBlocks );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn listItems;\n}\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/list-item/utils.js"],"names":["createListItem","listItemAttributes","listAttributes","children","listItemName","length","listName","convertToListItems","blocks","listItems","block","name","push","innerBlocks"],"mappings":";;;;;;;;AAGA;;AAHA;AACA;AACA;;AAGA;AACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAASA,cAAT,CAAyBC,kBAAzB,EAA6CC,cAA7C,EAA6DC,QAA7D,EAAwE;AAC9E,SAAO,yBACNC,YADM,EAENH,kBAFM,EAGN,EAAEE,QAAF,aAAEA,QAAF,eAAEA,QAAQ,CAAEE,MAAZ,IACG,EADH,GAEG,CAAE,yBAAaC,QAAb,EAAuBJ,cAAvB,EAAuCC,QAAvC,CAAF,CALG,CAAP;AAOA;;AAEM,SAASI,kBAAT,CAA6BC,MAA7B,EAAsC;AAC5C,QAAMC,SAAS,GAAG,EAAlB;;AAEA,OAAM,IAAIC,KAAV,IAAmBF,MAAnB,EAA4B;AAC3B,QAAKE,KAAK,CAACC,IAAN,KAAeP,YAApB,EAAmC;AAClCK,MAAAA,SAAS,CAACG,IAAV,CAAgBF,KAAhB;AACA,KAFD,MAEO,IAAKA,KAAK,CAACC,IAAN,KAAeL,QAApB,EAA+B;AACrCG,MAAAA,SAAS,CAACG,IAAV,CAAgB,GAAGF,KAAK,CAACG,WAAzB;AACA,KAFM,MAEA,IAAOH,KAAK,GAAG,+BAAmBA,KAAnB,EAA0BJ,QAA1B,CAAf,EAAwD;AAC9D,WAAM,MAAM;AAAEO,QAAAA;AAAF,OAAZ,IAA+BH,KAA/B,EAAuC;AACtCD,QAAAA,SAAS,CAACG,IAAV,CAAgB,GAAGC,WAAnB;AACA;AACD;AACD;;AAED,SAAOJ,SAAP;AACA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { createBlock, switchToBlockType } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport { name as listItemName } from './block.json';\nimport { name as listName } from '../list/block.json';\n\nexport function createListItem( listItemAttributes, listAttributes, children ) {\n\treturn createBlock(\n\t\tlistItemName,\n\t\tlistItemAttributes,\n\t\t! children?.length\n\t\t\t? []\n\t\t\t: [ createBlock( listName, listAttributes, children ) ]\n\t);\n}\n\nexport function convertToListItems( blocks ) {\n\tconst listItems = [];\n\n\tfor ( let block of blocks ) {\n\t\tif ( block.name === listItemName ) {\n\t\t\tlistItems.push( block );\n\t\t} else if ( block.name === listName ) {\n\t\t\tlistItems.push( ...block.innerBlocks );\n\t\t} else if ( ( block = switchToBlockType( block, listName ) ) ) {\n\t\t\tfor ( const { innerBlocks } of block ) {\n\t\t\t\tlistItems.push( ...innerBlocks );\n\t\t\t}\n\t\t}\n\t}\n\n\treturn listItems;\n}\n"]}

package/build/media-text/deprecated.js

@@ -15,8 +15,6 @@ var _lodash = require("lodash");
 
 var _blockEditor = require("@wordpress/block-editor");
 
-var _mediaContainer = require("./media-container");
-
 var _constants = require("./constants");
 
 /**
@@ -30,6 +28,13 @@ var _constants = require("./constants");
 /**
  * Internal dependencies
  */
+const v1ToV5ImageFillStyles = (url, focalPoint) => {
+  return url ? {
+    backgroundImage: `url(${url})`,
+    backgroundPosition: focalPoint ? `${focalPoint.x * 100}% ${focalPoint.y * 100}%` : `50% 50%`
+  } : {};
+};
+
 const DEFAULT_MEDIA_WIDTH = 50;
 
 const noop = () => {};
@@ -44,7 +49,11 @@ const migrateCustomColors = attributes => {
       background: attributes.customBackgroundColor
     }
   };
-  return { ...(0, _lodash.omit)(attributes, ['customBackgroundColor']),
+  const {
+    customBackgroundColor,
+    ...restAttributes
+  } = attributes;
+  return { ...restAttributes,
     style
   };
 };
@@ -54,9 +63,6 @@ const baseAttributes = {
     type: 'string',
     default: 'wide'
   },
-  backgroundColor: {
-    type: 'string'
-  },
   mediaAlt: {
     type: 'string',
     source: 'attribute',
@@ -83,55 +89,68 @@ const baseAttributes = {
     default: true
   }
 };
-var _default = [// Version with CSS grid
-{
-  attributes: { ...baseAttributes,
-    mediaUrl: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure video,figure img',
-      attribute: 'src'
-    },
-    mediaLink: {
-      type: 'string'
-    },
-    linkDestination: {
-      type: 'string'
-    },
-    linkTarget: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure a',
-      attribute: 'target'
-    },
-    href: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure a',
-      attribute: 'href'
-    },
-    rel: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure a',
-      attribute: 'rel'
-    },
-    linkClass: {
-      type: 'string',
-      source: 'attribute',
-      selector: 'figure a',
-      attribute: 'class'
-    },
-    verticalAlignment: {
-      type: 'string'
-    },
-    imageFill: {
-      type: 'boolean'
-    },
-    focalPoint: {
-      type: 'object'
-    }
+const v4ToV5BlockAttributes = { ...baseAttributes,
+  mediaUrl: {
+    type: 'string',
+    source: 'attribute',
+    selector: 'figure video,figure img',
+    attribute: 'src'
+  },
+  mediaLink: {
+    type: 'string'
+  },
+  linkDestination: {
+    type: 'string'
+  },
+  linkTarget: {
+    type: 'string',
+    source: 'attribute',
+    selector: 'figure a',
+    attribute: 'target'
+  },
+  href: {
+    type: 'string',
+    source: 'attribute',
+    selector: 'figure a',
+    attribute: 'href'
+  },
+  rel: {
+    type: 'string',
+    source: 'attribute',
+    selector: 'figure a',
+    attribute: 'rel'
+  },
+  linkClass: {
+    type: 'string',
+    source: 'attribute',
+    selector: 'figure a',
+    attribute: 'class'
+  },
+  mediaSizeSlug: {
+    type: 'string'
+  },
+  verticalAlignment: {
+    type: 'string'
   },
+  imageFill: {
+    type: 'boolean'
+  },
+  focalPoint: {
+    type: 'object'
+  }
+};
+const v4ToV5Supports = {
+  anchor: true,
+  align: ['wide', 'full'],
+  html: false,
+  color: {
+    gradients: true,
+    link: true
+  }
+};
+const v5 = {
+  attributes: v4ToV5BlockAttributes,
+  supports: v4ToV5Supports,
 
   save(_ref) {
     let {
@@ -187,7 +206,7 @@ var _default = [// Version with CSS grid
       [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
       'is-image-fill': imageFill
     });
-    const backgroundStyles = imageFill ? (0, _mediaContainer.imageFillStyles)(mediaUrl, focalPoint) : {};
+    const backgroundStyles = imageFill ? v1ToV5ImageFillStyles(mediaUrl, focalPoint) : {};
     let gridTemplateColumns;
 
     if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
@@ -197,6 +216,19 @@ var _default = [// Version with CSS grid
     const style = {
       gridTemplateColumns
     };
+
+    if ('right' === mediaPosition) {
+      return (0, _element.createElement)("div", _blockEditor.useBlockProps.save({
+        className,
+        style
+      }), (0, _element.createElement)("div", _blockEditor.useInnerBlocksProps.save({
+        className: 'wp-block-media-text__content'
+      })), (0, _element.createElement)("figure", {
+        className: "wp-block-media-text__media",
+        style: backgroundStyles
+      }, (mediaTypeRenders[mediaType] || noop)()));
+    }
+
     return (0, _element.createElement)("div", _blockEditor.useBlockProps.save({
       className,
       style
@@ -208,8 +240,93 @@ var _default = [// Version with CSS grid
     })));
   }
 
-}, {
+}; // Version with CSS grid
+
+const v4 = {
+  attributes: v4ToV5BlockAttributes,
+  supports: v4ToV5Supports,
+
+  save(_ref2) {
+    let {
+      attributes
+    } = _ref2;
+    const {
+      isStackedOnMobile,
+      mediaAlt,
+      mediaPosition,
+      mediaType,
+      mediaUrl,
+      mediaWidth,
+      mediaId,
+      verticalAlignment,
+      imageFill,
+      focalPoint,
+      linkClass,
+      href,
+      linkTarget,
+      rel
+    } = attributes;
+    const mediaSizeSlug = attributes.mediaSizeSlug || _constants.DEFAULT_MEDIA_SIZE_SLUG;
+    const newRel = (0, _lodash.isEmpty)(rel) ? undefined : rel;
+    const imageClasses = (0, _classnames.default)({
+      [`wp-image-${mediaId}`]: mediaId && mediaType === 'image',
+      [`size-${mediaSizeSlug}`]: mediaId && mediaType === 'image'
+    });
+    let image = (0, _element.createElement)("img", {
+      src: mediaUrl,
+      alt: mediaAlt,
+      className: imageClasses || null
+    });
+
+    if (href) {
+      image = (0, _element.createElement)("a", {
+        className: linkClass,
+        href: href,
+        target: linkTarget,
+        rel: newRel
+      }, image);
+    }
+
+    const mediaTypeRenders = {
+      image: () => image,
+      video: () => (0, _element.createElement)("video", {
+        controls: true,
+        src: mediaUrl
+      })
+    };
+    const className = (0, _classnames.default)({
+      'has-media-on-the-right': 'right' === mediaPosition,
+      'is-stacked-on-mobile': isStackedOnMobile,
+      [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
+      'is-image-fill': imageFill
+    });
+    const backgroundStyles = imageFill ? v1ToV5ImageFillStyles(mediaUrl, focalPoint) : {};
+    let gridTemplateColumns;
+
+    if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
+      gridTemplateColumns = 'right' === mediaPosition ? `auto ${mediaWidth}%` : `${mediaWidth}% auto`;
+    }
+
+    const style = {
+      gridTemplateColumns
+    };
+    return (0, _element.createElement)("div", _blockEditor.useBlockProps.save({
+      className,
+      style
+    }), (0, _element.createElement)("figure", {
+      className: "wp-block-media-text__media",
+      style: backgroundStyles
+    }, (mediaTypeRenders[mediaType] || noop)()), (0, _element.createElement)("div", _blockEditor.useInnerBlocksProps.save({
+      className: 'wp-block-media-text__content'
+    })));
+  }
+
+};
+const v3 = {
   attributes: { ...baseAttributes,
+    backgroundColor: {
+      type: 'string'
+    },
     customBackgroundColor: {
       type: 'string'
     },
@@ -255,10 +372,10 @@ var _default = [// Version with CSS grid
   },
   migrate: migrateCustomColors,
 
-  save(_ref2) {
+  save(_ref3) {
     let {
       attributes
-    } = _ref2;
+    } = _ref3;
     const {
       backgroundColor,
       customBackgroundColor,
@@ -309,7 +426,7 @@ var _default = [// Version with CSS grid
       [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
       'is-image-fill': imageFill
     });
-    const backgroundStyles = imageFill ? (0, _mediaContainer.imageFillStyles)(mediaUrl, focalPoint) : {};
+    const backgroundStyles = imageFill ? v1ToV5ImageFillStyles(mediaUrl, focalPoint) : {};
     let gridTemplateColumns;
 
     if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
@@ -331,8 +448,12 @@ var _default = [// Version with CSS grid
     }, (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null)));
   }
 
-}, {
+};
+const v2 = {
   attributes: { ...baseAttributes,
+    backgroundColor: {
+      type: 'string'
+    },
     customBackgroundColor: {
       type: 'string'
     },
@@ -354,10 +475,10 @@ var _default = [// Version with CSS grid
   },
   migrate: migrateCustomColors,
 
-  save(_ref3) {
+  save(_ref4) {
     let {
       attributes
-    } = _ref3;
+    } = _ref4;
     const {
       backgroundColor,
       customBackgroundColor,
@@ -391,7 +512,7 @@ var _default = [// Version with CSS grid
       [`is-vertically-aligned-${verticalAlignment}`]: verticalAlignment,
       'is-image-fill': imageFill
     });
-    const backgroundStyles = imageFill ? (0, _mediaContainer.imageFillStyles)(mediaUrl, focalPoint) : {};
+    const backgroundStyles = imageFill ? v1ToV5ImageFillStyles(mediaUrl, focalPoint) : {};
     let gridTemplateColumns;
 
     if (mediaWidth !== DEFAULT_MEDIA_WIDTH) {
@@ -413,8 +534,12 @@ var _default = [// Version with CSS grid
     }, (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null)));
   }
 
-}, {
+};
+const v1 = {
   attributes: { ...baseAttributes,
+    backgroundColor: {
+      type: 'string'
+    },
     customBackgroundColor: {
       type: 'string'
     },
@@ -426,10 +551,10 @@ var _default = [// Version with CSS grid
     }
   },
 
-  save(_ref4) {
+  save(_ref5) {
     let {
       attributes
-    } = _ref4;
+    } = _ref5;
     const {
       backgroundColor,
       customBackgroundColor,
@@ -476,6 +601,7 @@ var _default = [// Version with CSS grid
     }, (0, _element.createElement)(_blockEditor.InnerBlocks.Content, null)));
   }
 
-}];
+};
+var _default = [v5, v4, v3, v2, v1];
 exports.default = _default;
 //# sourceMappingURL=deprecated.js.map

package/build/media-text/deprecated.js.map

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/media-text/deprecated.js"],"names":["DEFAULT_MEDIA_WIDTH","noop","migrateCustomColors","attributes","customBackgroundColor","style","color","background","baseAttributes","align","type","default","backgroundColor","mediaAlt","source","selector","attribute","mediaPosition","mediaId","mediaType","mediaWidth","isStackedOnMobile","mediaUrl","mediaLink","linkDestination","linkTarget","href","rel","linkClass","verticalAlignment","imageFill","focalPoint","save","mediaSizeSlug","DEFAULT_MEDIA_SIZE_SLUG","newRel","undefined","imageClasses","image","mediaTypeRenders","video","className","backgroundStyles","gridTemplateColumns","useBlockProps","useInnerBlocksProps","migrate","backgroundClass"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { isEmpty, omit } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tInnerBlocks,\n\tgetColorClassName,\n\tuseInnerBlocksProps,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { imageFillStyles } from './media-container';\nimport { DEFAULT_MEDIA_SIZE_SLUG } from './constants';\n\nconst DEFAULT_MEDIA_WIDTH = 50;\nconst noop = () => {};\n\nconst migrateCustomColors = ( attributes ) => {\n\tif ( ! attributes.customBackgroundColor ) {\n\t\treturn attributes;\n\t}\n\tconst style = {\n\t\tcolor: {\n\t\t\tbackground: attributes.customBackgroundColor,\n\t\t},\n\t};\n\treturn {\n\t\t...omit( attributes, [ 'customBackgroundColor' ] ),\n\t\tstyle,\n\t};\n};\n\nconst baseAttributes = {\n\talign: {\n\t\ttype: 'string',\n\t\tdefault: 'wide',\n\t},\n\tbackgroundColor: {\n\t\ttype: 'string',\n\t},\n\tmediaAlt: {\n\t\ttype: 'string',\n\t\tsource: 'attribute',\n\t\tselector: 'figure img',\n\t\tattribute: 'alt',\n\t\tdefault: '',\n\t},\n\tmediaPosition: {\n\t\ttype: 'string',\n\t\tdefault: 'left',\n\t},\n\tmediaId: {\n\t\ttype: 'number',\n\t},\n\tmediaType: {\n\t\ttype: 'string',\n\t},\n\tmediaWidth: {\n\t\ttype: 'number',\n\t\tdefault: 50,\n\t},\n\tisStackedOnMobile: {\n\t\ttype: 'boolean',\n\t\tdefault: true,\n\t},\n};\n\nexport default [\n\t// Version with CSS grid\n\t{\n\t\tattributes: {\n\t\t\t...baseAttributes,\n\t\t\tmediaUrl: {\n\t\t\t\ttype: 'string',\n\t\t\t\tsource: 'attribute',\n\t\t\t\tselector: 'figure video,figure img',\n\t\t\t\tattribute: 'src',\n\t\t\t},\n\t\t\tmediaLink: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tlinkDestination: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tlinkTarget: {\n\t\t\t\ttype: 'string',\n\t\t\t\tsource: 'attribute',\n\t\t\t\tselector: 'figure a',\n\t\t\t\tattribute: 'target',\n\t\t\t},\n\t\t\thref: {\n\t\t\t\ttype: 'string',\n\t\t\t\tsource: 'attribute',\n\t\t\t\tselector: 'figure a',\n\t\t\t\tattribute: 'href',\n\t\t\t},\n\t\t\trel: {\n\t\t\t\ttype: 'string',\n\t\t\t\tsource: 'attribute',\n\t\t\t\tselector: 'figure a',\n\t\t\t\tattribute: 'rel',\n\t\t\t},\n\t\t\tlinkClass: {\n\t\t\t\ttype: 'string',\n\t\t\t\tsource: 'attribute',\n\t\t\t\tselector: 'figure a',\n\t\t\t\tattribute: 'class',\n\t\t\t},\n\t\t\tverticalAlignment: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\timageFill: {\n\t\t\t\ttype: 'boolean',\n\t\t\t},\n\t\t\tfocalPoint: {\n\t\t\t\ttype: 'object',\n\t\t\t},\n\t\t},\n\t\tsave( { attributes } ) {\n\t\t\tconst {\n\t\t\t\tisStackedOnMobile,\n\t\t\t\tmediaAlt,\n\t\t\t\tmediaPosition,\n\t\t\t\tmediaType,\n\t\t\t\tmediaUrl,\n\t\t\t\tmediaWidth,\n\t\t\t\tmediaId,\n\t\t\t\tverticalAlignment,\n\t\t\t\timageFill,\n\t\t\t\tfocalPoint,\n\t\t\t\tlinkClass,\n\t\t\t\thref,\n\t\t\t\tlinkTarget,\n\t\t\t\trel,\n\t\t\t} = attributes;\n\t\t\tconst mediaSizeSlug =\n\t\t\t\tattributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\t\t\tconst newRel = isEmpty( rel ) ? undefined : rel;\n\n\t\t\tconst imageClasses = classnames( {\n\t\t\t\t[ `wp-image-${ mediaId }` ]: mediaId && mediaType === 'image',\n\t\t\t\t[ `size-${ mediaSizeSlug }` ]: mediaId && mediaType === 'image',\n\t\t\t} );\n\n\t\t\tlet image = (\n\t\t\t\t<img\n\t\t\t\t\tsrc={ mediaUrl }\n\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\tclassName={ imageClasses || null }\n\t\t\t\t/>\n\t\t\t);\n\n\t\t\tif ( href ) {\n\t\t\t\timage = (\n\t\t\t\t\t<a\n\t\t\t\t\t\tclassName={ linkClass }\n\t\t\t\t\t\thref={ href }\n\t\t\t\t\t\ttarget={ linkTarget }\n\t\t\t\t\t\trel={ newRel }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ image }\n\t\t\t\t\t</a>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst mediaTypeRenders = {\n\t\t\t\timage: () => image,\n\t\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t\t};\n\n\t\t\tconst className = classnames( {\n\t\t\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\t\tverticalAlignment,\n\t\t\t\t'is-image-fill': imageFill,\n\t\t\t} );\n\t\t\tconst backgroundStyles = imageFill\n\t\t\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\t\t\t: {};\n\n\t\t\tlet gridTemplateColumns;\n\t\t\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\t\t\tgridTemplateColumns =\n\t\t\t\t\t'right' === mediaPosition\n\t\t\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t\t\t: `${ mediaWidth }% auto`;\n\t\t\t}\n\t\t\tconst style = {\n\t\t\t\tgridTemplateColumns,\n\t\t\t};\n\n\t\t\treturn (\n\t\t\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t\t\t<figure\n\t\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t\t</figure>\n\t\t\t\t\t<div\n\t\t\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\tattributes: {\n\t\t\t...baseAttributes,\n\t\t\tcustomBackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tmediaLink: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tlinkDestination: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tlinkTarget: {\n\t\t\t\ttype: 'string',\n\t\t\t\tsource: 'attribute',\n\t\t\t\tselector: 'figure a',\n\t\t\t\tattribute: 'target',\n\t\t\t},\n\t\t\thref: {\n\t\t\t\ttype: 'string',\n\t\t\t\tsource: 'attribute',\n\t\t\t\tselector: 'figure a',\n\t\t\t\tattribute: 'href',\n\t\t\t},\n\t\t\trel: {\n\t\t\t\ttype: 'string',\n\t\t\t\tsource: 'attribute',\n\t\t\t\tselector: 'figure a',\n\t\t\t\tattribute: 'rel',\n\t\t\t},\n\t\t\tlinkClass: {\n\t\t\t\ttype: 'string',\n\t\t\t\tsource: 'attribute',\n\t\t\t\tselector: 'figure a',\n\t\t\t\tattribute: 'class',\n\t\t\t},\n\t\t\tverticalAlignment: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\timageFill: {\n\t\t\t\ttype: 'boolean',\n\t\t\t},\n\t\t\tfocalPoint: {\n\t\t\t\ttype: 'object',\n\t\t\t},\n\t\t},\n\t\tmigrate: migrateCustomColors,\n\t\tsave( { attributes } ) {\n\t\t\tconst {\n\t\t\t\tbackgroundColor,\n\t\t\t\tcustomBackgroundColor,\n\t\t\t\tisStackedOnMobile,\n\t\t\t\tmediaAlt,\n\t\t\t\tmediaPosition,\n\t\t\t\tmediaType,\n\t\t\t\tmediaUrl,\n\t\t\t\tmediaWidth,\n\t\t\t\tmediaId,\n\t\t\t\tverticalAlignment,\n\t\t\t\timageFill,\n\t\t\t\tfocalPoint,\n\t\t\t\tlinkClass,\n\t\t\t\thref,\n\t\t\t\tlinkTarget,\n\t\t\t\trel,\n\t\t\t} = attributes;\n\t\t\tconst newRel = isEmpty( rel ) ? undefined : rel;\n\n\t\t\tlet image = (\n\t\t\t\t<img\n\t\t\t\t\tsrc={ mediaUrl }\n\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tmediaId && mediaType === 'image'\n\t\t\t\t\t\t\t? `wp-image-${ mediaId }`\n\t\t\t\t\t\t\t: null\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t);\n\n\t\t\tif ( href ) {\n\t\t\t\timage = (\n\t\t\t\t\t<a\n\t\t\t\t\t\tclassName={ linkClass }\n\t\t\t\t\t\thref={ href }\n\t\t\t\t\t\ttarget={ linkTarget }\n\t\t\t\t\t\trel={ newRel }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ image }\n\t\t\t\t\t</a>\n\t\t\t\t);\n\t\t\t}\n\n\t\t\tconst mediaTypeRenders = {\n\t\t\t\timage: () => image,\n\t\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t\t};\n\t\t\tconst backgroundClass = getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\tbackgroundColor\n\t\t\t);\n\t\t\tconst className = classnames( {\n\t\t\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t\t\t'has-background': backgroundClass || customBackgroundColor,\n\t\t\t\t[ backgroundClass ]: backgroundClass,\n\t\t\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\t\tverticalAlignment,\n\t\t\t\t'is-image-fill': imageFill,\n\t\t\t} );\n\t\t\tconst backgroundStyles = imageFill\n\t\t\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\t\t\t: {};\n\n\t\t\tlet gridTemplateColumns;\n\t\t\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\t\t\tgridTemplateColumns =\n\t\t\t\t\t'right' === mediaPosition\n\t\t\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t\t\t: `${ mediaWidth }% auto`;\n\t\t\t}\n\t\t\tconst style = {\n\t\t\t\tbackgroundColor: backgroundClass\n\t\t\t\t\t? undefined\n\t\t\t\t\t: customBackgroundColor,\n\t\t\t\tgridTemplateColumns,\n\t\t\t};\n\t\t\treturn (\n\t\t\t\t<div className={ className } style={ style }>\n\t\t\t\t\t<figure\n\t\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t\t</figure>\n\t\t\t\t\t<div className=\"wp-block-media-text__content\">\n\t\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\tattributes: {\n\t\t\t...baseAttributes,\n\t\t\tcustomBackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tmediaUrl: {\n\t\t\t\ttype: 'string',\n\t\t\t\tsource: 'attribute',\n\t\t\t\tselector: 'figure video,figure img',\n\t\t\t\tattribute: 'src',\n\t\t\t},\n\t\t\tverticalAlignment: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\timageFill: {\n\t\t\t\ttype: 'boolean',\n\t\t\t},\n\t\t\tfocalPoint: {\n\t\t\t\ttype: 'object',\n\t\t\t},\n\t\t},\n\t\tmigrate: migrateCustomColors,\n\t\tsave( { attributes } ) {\n\t\t\tconst {\n\t\t\t\tbackgroundColor,\n\t\t\t\tcustomBackgroundColor,\n\t\t\t\tisStackedOnMobile,\n\t\t\t\tmediaAlt,\n\t\t\t\tmediaPosition,\n\t\t\t\tmediaType,\n\t\t\t\tmediaUrl,\n\t\t\t\tmediaWidth,\n\t\t\t\tmediaId,\n\t\t\t\tverticalAlignment,\n\t\t\t\timageFill,\n\t\t\t\tfocalPoint,\n\t\t\t} = attributes;\n\t\t\tconst mediaTypeRenders = {\n\t\t\t\timage: () => (\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc={ mediaUrl }\n\t\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\tmediaId && mediaType === 'image'\n\t\t\t\t\t\t\t\t? `wp-image-${ mediaId }`\n\t\t\t\t\t\t\t\t: null\n\t\t\t\t\t\t}\n\t\t\t\t\t/>\n\t\t\t\t),\n\t\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t\t};\n\t\t\tconst backgroundClass = getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\tbackgroundColor\n\t\t\t);\n\t\t\tconst className = classnames( {\n\t\t\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t\t\t[ backgroundClass ]: backgroundClass,\n\t\t\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\t\tverticalAlignment,\n\t\t\t\t'is-image-fill': imageFill,\n\t\t\t} );\n\t\t\tconst backgroundStyles = imageFill\n\t\t\t\t? imageFillStyles( mediaUrl, focalPoint )\n\t\t\t\t: {};\n\n\t\t\tlet gridTemplateColumns;\n\t\t\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\t\t\tgridTemplateColumns =\n\t\t\t\t\t'right' === mediaPosition\n\t\t\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t\t\t: `${ mediaWidth }% auto`;\n\t\t\t}\n\t\t\tconst style = {\n\t\t\t\tbackgroundColor: backgroundClass\n\t\t\t\t\t? undefined\n\t\t\t\t\t: customBackgroundColor,\n\t\t\t\tgridTemplateColumns,\n\t\t\t};\n\t\t\treturn (\n\t\t\t\t<div className={ className } style={ style }>\n\t\t\t\t\t<figure\n\t\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t\t</figure>\n\t\t\t\t\t<div className=\"wp-block-media-text__content\">\n\t\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n\t{\n\t\tattributes: {\n\t\t\t...baseAttributes,\n\t\t\tcustomBackgroundColor: {\n\t\t\t\ttype: 'string',\n\t\t\t},\n\t\t\tmediaUrl: {\n\t\t\t\ttype: 'string',\n\t\t\t\tsource: 'attribute',\n\t\t\t\tselector: 'figure video,figure img',\n\t\t\t\tattribute: 'src',\n\t\t\t},\n\t\t},\n\t\tsave( { attributes } ) {\n\t\t\tconst {\n\t\t\t\tbackgroundColor,\n\t\t\t\tcustomBackgroundColor,\n\t\t\t\tisStackedOnMobile,\n\t\t\t\tmediaAlt,\n\t\t\t\tmediaPosition,\n\t\t\t\tmediaType,\n\t\t\t\tmediaUrl,\n\t\t\t\tmediaWidth,\n\t\t\t} = attributes;\n\t\t\tconst mediaTypeRenders = {\n\t\t\t\timage: () => <img src={ mediaUrl } alt={ mediaAlt } />,\n\t\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t\t};\n\t\t\tconst backgroundClass = getColorClassName(\n\t\t\t\t'background-color',\n\t\t\t\tbackgroundColor\n\t\t\t);\n\t\t\tconst className = classnames( {\n\t\t\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t\t\t[ backgroundClass ]: backgroundClass,\n\t\t\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t\t} );\n\n\t\t\tlet gridTemplateColumns;\n\t\t\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\t\t\tgridTemplateColumns =\n\t\t\t\t\t'right' === mediaPosition\n\t\t\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t\t\t: `${ mediaWidth }% auto`;\n\t\t\t}\n\t\t\tconst style = {\n\t\t\t\tbackgroundColor: backgroundClass\n\t\t\t\t\t? undefined\n\t\t\t\t\t: customBackgroundColor,\n\t\t\t\tgridTemplateColumns,\n\t\t\t};\n\t\t\treturn (\n\t\t\t\t<div className={ className } style={ style }>\n\t\t\t\t\t<figure className=\"wp-block-media-text__media\">\n\t\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t\t</figure>\n\t\t\t\t\t<div className=\"wp-block-media-text__content\">\n\t\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t);\n\t\t},\n\t},\n];\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/media-text/deprecated.js"],"names":["v1ToV5ImageFillStyles","url","focalPoint","backgroundImage","backgroundPosition","x","y","DEFAULT_MEDIA_WIDTH","noop","migrateCustomColors","attributes","customBackgroundColor","style","color","background","restAttributes","baseAttributes","align","type","default","mediaAlt","source","selector","attribute","mediaPosition","mediaId","mediaType","mediaWidth","isStackedOnMobile","v4ToV5BlockAttributes","mediaUrl","mediaLink","linkDestination","linkTarget","href","rel","linkClass","mediaSizeSlug","verticalAlignment","imageFill","v4ToV5Supports","anchor","html","gradients","link","v5","supports","save","DEFAULT_MEDIA_SIZE_SLUG","newRel","undefined","imageClasses","image","mediaTypeRenders","video","className","backgroundStyles","gridTemplateColumns","useBlockProps","useInnerBlocksProps","v4","v3","backgroundColor","migrate","backgroundClass","v2","v1"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\nimport { isEmpty } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport {\n\tInnerBlocks,\n\tgetColorClassName,\n\tuseInnerBlocksProps,\n\tuseBlockProps,\n} from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { DEFAULT_MEDIA_SIZE_SLUG } from './constants';\n\nconst v1ToV5ImageFillStyles = ( url, focalPoint ) => {\n\treturn url\n\t\t? {\n\t\t\t\tbackgroundImage: `url(${ url })`,\n\t\t\t\tbackgroundPosition: focalPoint\n\t\t\t\t\t? `${ focalPoint.x * 100 }% ${ focalPoint.y * 100 }%`\n\t\t\t\t\t: `50% 50%`,\n\t\t  }\n\t\t: {};\n};\n\nconst DEFAULT_MEDIA_WIDTH = 50;\nconst noop = () => {};\n\nconst migrateCustomColors = ( attributes ) => {\n\tif ( ! attributes.customBackgroundColor ) {\n\t\treturn attributes;\n\t}\n\tconst style = {\n\t\tcolor: {\n\t\t\tbackground: attributes.customBackgroundColor,\n\t\t},\n\t};\n\tconst { customBackgroundColor, ...restAttributes } = attributes;\n\treturn {\n\t\t...restAttributes,\n\t\tstyle,\n\t};\n};\n\nconst baseAttributes = {\n\talign: {\n\t\ttype: 'string',\n\t\tdefault: 'wide',\n\t},\n\tmediaAlt: {\n\t\ttype: 'string',\n\t\tsource: 'attribute',\n\t\tselector: 'figure img',\n\t\tattribute: 'alt',\n\t\tdefault: '',\n\t},\n\tmediaPosition: {\n\t\ttype: 'string',\n\t\tdefault: 'left',\n\t},\n\tmediaId: {\n\t\ttype: 'number',\n\t},\n\tmediaType: {\n\t\ttype: 'string',\n\t},\n\tmediaWidth: {\n\t\ttype: 'number',\n\t\tdefault: 50,\n\t},\n\tisStackedOnMobile: {\n\t\ttype: 'boolean',\n\t\tdefault: true,\n\t},\n};\n\nconst v4ToV5BlockAttributes = {\n\t...baseAttributes,\n\tmediaUrl: {\n\t\ttype: 'string',\n\t\tsource: 'attribute',\n\t\tselector: 'figure video,figure img',\n\t\tattribute: 'src',\n\t},\n\tmediaLink: {\n\t\ttype: 'string',\n\t},\n\tlinkDestination: {\n\t\ttype: 'string',\n\t},\n\tlinkTarget: {\n\t\ttype: 'string',\n\t\tsource: 'attribute',\n\t\tselector: 'figure a',\n\t\tattribute: 'target',\n\t},\n\thref: {\n\t\ttype: 'string',\n\t\tsource: 'attribute',\n\t\tselector: 'figure a',\n\t\tattribute: 'href',\n\t},\n\trel: {\n\t\ttype: 'string',\n\t\tsource: 'attribute',\n\t\tselector: 'figure a',\n\t\tattribute: 'rel',\n\t},\n\tlinkClass: {\n\t\ttype: 'string',\n\t\tsource: 'attribute',\n\t\tselector: 'figure a',\n\t\tattribute: 'class',\n\t},\n\tmediaSizeSlug: {\n\t\ttype: 'string',\n\t},\n\tverticalAlignment: {\n\t\ttype: 'string',\n\t},\n\timageFill: {\n\t\ttype: 'boolean',\n\t},\n\tfocalPoint: {\n\t\ttype: 'object',\n\t},\n};\n\nconst v4ToV5Supports = {\n\tanchor: true,\n\talign: [ 'wide', 'full' ],\n\thtml: false,\n\tcolor: {\n\t\tgradients: true,\n\t\tlink: true,\n\t},\n};\n\nconst v5 = {\n\tattributes: v4ToV5BlockAttributes,\n\tsupports: v4ToV5Supports,\n\tsave( { attributes } ) {\n\t\tconst {\n\t\t\tisStackedOnMobile,\n\t\t\tmediaAlt,\n\t\t\tmediaPosition,\n\t\t\tmediaType,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tmediaId,\n\t\t\tverticalAlignment,\n\t\t\timageFill,\n\t\t\tfocalPoint,\n\t\t\tlinkClass,\n\t\t\thref,\n\t\t\tlinkTarget,\n\t\t\trel,\n\t\t} = attributes;\n\t\tconst mediaSizeSlug =\n\t\t\tattributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\t\tconst newRel = isEmpty( rel ) ? undefined : rel;\n\n\t\tconst imageClasses = classnames( {\n\t\t\t[ `wp-image-${ mediaId }` ]: mediaId && mediaType === 'image',\n\t\t\t[ `size-${ mediaSizeSlug }` ]: mediaId && mediaType === 'image',\n\t\t} );\n\n\t\tlet image = (\n\t\t\t<img\n\t\t\t\tsrc={ mediaUrl }\n\t\t\t\talt={ mediaAlt }\n\t\t\t\tclassName={ imageClasses || null }\n\t\t\t/>\n\t\t);\n\n\t\tif ( href ) {\n\t\t\timage = (\n\t\t\t\t<a\n\t\t\t\t\tclassName={ linkClass }\n\t\t\t\t\thref={ href }\n\t\t\t\t\ttarget={ linkTarget }\n\t\t\t\t\trel={ newRel }\n\t\t\t\t>\n\t\t\t\t\t{ image }\n\t\t\t\t</a>\n\t\t\t);\n\t\t}\n\n\t\tconst mediaTypeRenders = {\n\t\t\timage: () => image,\n\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t};\n\t\tconst className = classnames( {\n\t\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\tverticalAlignment,\n\t\t\t'is-image-fill': imageFill,\n\t\t} );\n\t\tconst backgroundStyles = imageFill\n\t\t\t? v1ToV5ImageFillStyles( mediaUrl, focalPoint )\n\t\t\t: {};\n\n\t\tlet gridTemplateColumns;\n\t\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\t\tgridTemplateColumns =\n\t\t\t\t'right' === mediaPosition\n\t\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t\t: `${ mediaWidth }% auto`;\n\t\t}\n\t\tconst style = {\n\t\t\tgridTemplateColumns,\n\t\t};\n\n\t\tif ( 'right' === mediaPosition ) {\n\t\t\treturn (\n\t\t\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t\t\t<div\n\t\t\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t\t\t} ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<figure\n\t\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t\t</figure>\n\t\t\t\t</div>\n\t\t\t);\n\t\t}\n\t\treturn (\n\t\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t\t<figure\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\t>\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t\t<div\n\t\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t\t} ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n};\n\n// Version with CSS grid\nconst v4 = {\n\tattributes: v4ToV5BlockAttributes,\n\tsupports: v4ToV5Supports,\n\tsave( { attributes } ) {\n\t\tconst {\n\t\t\tisStackedOnMobile,\n\t\t\tmediaAlt,\n\t\t\tmediaPosition,\n\t\t\tmediaType,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tmediaId,\n\t\t\tverticalAlignment,\n\t\t\timageFill,\n\t\t\tfocalPoint,\n\t\t\tlinkClass,\n\t\t\thref,\n\t\t\tlinkTarget,\n\t\t\trel,\n\t\t} = attributes;\n\t\tconst mediaSizeSlug =\n\t\t\tattributes.mediaSizeSlug || DEFAULT_MEDIA_SIZE_SLUG;\n\t\tconst newRel = isEmpty( rel ) ? undefined : rel;\n\n\t\tconst imageClasses = classnames( {\n\t\t\t[ `wp-image-${ mediaId }` ]: mediaId && mediaType === 'image',\n\t\t\t[ `size-${ mediaSizeSlug }` ]: mediaId && mediaType === 'image',\n\t\t} );\n\n\t\tlet image = (\n\t\t\t<img\n\t\t\t\tsrc={ mediaUrl }\n\t\t\t\talt={ mediaAlt }\n\t\t\t\tclassName={ imageClasses || null }\n\t\t\t/>\n\t\t);\n\n\t\tif ( href ) {\n\t\t\timage = (\n\t\t\t\t<a\n\t\t\t\t\tclassName={ linkClass }\n\t\t\t\t\thref={ href }\n\t\t\t\t\ttarget={ linkTarget }\n\t\t\t\t\trel={ newRel }\n\t\t\t\t>\n\t\t\t\t\t{ image }\n\t\t\t\t</a>\n\t\t\t);\n\t\t}\n\n\t\tconst mediaTypeRenders = {\n\t\t\timage: () => image,\n\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t};\n\n\t\tconst className = classnames( {\n\t\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\tverticalAlignment,\n\t\t\t'is-image-fill': imageFill,\n\t\t} );\n\t\tconst backgroundStyles = imageFill\n\t\t\t? v1ToV5ImageFillStyles( mediaUrl, focalPoint )\n\t\t\t: {};\n\n\t\tlet gridTemplateColumns;\n\t\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\t\tgridTemplateColumns =\n\t\t\t\t'right' === mediaPosition\n\t\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t\t: `${ mediaWidth }% auto`;\n\t\t}\n\t\tconst style = {\n\t\t\tgridTemplateColumns,\n\t\t};\n\n\t\treturn (\n\t\t\t<div { ...useBlockProps.save( { className, style } ) }>\n\t\t\t\t<figure\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\t>\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t\t<div\n\t\t\t\t\t{ ...useInnerBlocksProps.save( {\n\t\t\t\t\t\tclassName: 'wp-block-media-text__content',\n\t\t\t\t\t} ) }\n\t\t\t\t/>\n\t\t\t</div>\n\t\t);\n\t},\n};\n\nconst v3 = {\n\tattributes: {\n\t\t...baseAttributes,\n\t\tbackgroundColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tcustomBackgroundColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tmediaLink: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tlinkDestination: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tlinkTarget: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tselector: 'figure a',\n\t\t\tattribute: 'target',\n\t\t},\n\t\thref: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tselector: 'figure a',\n\t\t\tattribute: 'href',\n\t\t},\n\t\trel: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tselector: 'figure a',\n\t\t\tattribute: 'rel',\n\t\t},\n\t\tlinkClass: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tselector: 'figure a',\n\t\t\tattribute: 'class',\n\t\t},\n\t\tverticalAlignment: {\n\t\t\ttype: 'string',\n\t\t},\n\t\timageFill: {\n\t\t\ttype: 'boolean',\n\t\t},\n\t\tfocalPoint: {\n\t\t\ttype: 'object',\n\t\t},\n\t},\n\tmigrate: migrateCustomColors,\n\tsave( { attributes } ) {\n\t\tconst {\n\t\t\tbackgroundColor,\n\t\t\tcustomBackgroundColor,\n\t\t\tisStackedOnMobile,\n\t\t\tmediaAlt,\n\t\t\tmediaPosition,\n\t\t\tmediaType,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tmediaId,\n\t\t\tverticalAlignment,\n\t\t\timageFill,\n\t\t\tfocalPoint,\n\t\t\tlinkClass,\n\t\t\thref,\n\t\t\tlinkTarget,\n\t\t\trel,\n\t\t} = attributes;\n\t\tconst newRel = isEmpty( rel ) ? undefined : rel;\n\n\t\tlet image = (\n\t\t\t<img\n\t\t\t\tsrc={ mediaUrl }\n\t\t\t\talt={ mediaAlt }\n\t\t\t\tclassName={\n\t\t\t\t\tmediaId && mediaType === 'image'\n\t\t\t\t\t\t? `wp-image-${ mediaId }`\n\t\t\t\t\t\t: null\n\t\t\t\t}\n\t\t\t/>\n\t\t);\n\n\t\tif ( href ) {\n\t\t\timage = (\n\t\t\t\t<a\n\t\t\t\t\tclassName={ linkClass }\n\t\t\t\t\thref={ href }\n\t\t\t\t\ttarget={ linkTarget }\n\t\t\t\t\trel={ newRel }\n\t\t\t\t>\n\t\t\t\t\t{ image }\n\t\t\t\t</a>\n\t\t\t);\n\t\t}\n\n\t\tconst mediaTypeRenders = {\n\t\t\timage: () => image,\n\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t};\n\t\tconst backgroundClass = getColorClassName(\n\t\t\t'background-color',\n\t\t\tbackgroundColor\n\t\t);\n\t\tconst className = classnames( {\n\t\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t\t'has-background': backgroundClass || customBackgroundColor,\n\t\t\t[ backgroundClass ]: backgroundClass,\n\t\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\tverticalAlignment,\n\t\t\t'is-image-fill': imageFill,\n\t\t} );\n\t\tconst backgroundStyles = imageFill\n\t\t\t? v1ToV5ImageFillStyles( mediaUrl, focalPoint )\n\t\t\t: {};\n\n\t\tlet gridTemplateColumns;\n\t\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\t\tgridTemplateColumns =\n\t\t\t\t'right' === mediaPosition\n\t\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t\t: `${ mediaWidth }% auto`;\n\t\t}\n\t\tconst style = {\n\t\t\tbackgroundColor: backgroundClass\n\t\t\t\t? undefined\n\t\t\t\t: customBackgroundColor,\n\t\t\tgridTemplateColumns,\n\t\t};\n\t\treturn (\n\t\t\t<div className={ className } style={ style }>\n\t\t\t\t<figure\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\t>\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t\t<div className=\"wp-block-media-text__content\">\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t},\n};\n\nconst v2 = {\n\tattributes: {\n\t\t...baseAttributes,\n\t\tbackgroundColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tcustomBackgroundColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tmediaUrl: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tselector: 'figure video,figure img',\n\t\t\tattribute: 'src',\n\t\t},\n\t\tverticalAlignment: {\n\t\t\ttype: 'string',\n\t\t},\n\t\timageFill: {\n\t\t\ttype: 'boolean',\n\t\t},\n\t\tfocalPoint: {\n\t\t\ttype: 'object',\n\t\t},\n\t},\n\tmigrate: migrateCustomColors,\n\tsave( { attributes } ) {\n\t\tconst {\n\t\t\tbackgroundColor,\n\t\t\tcustomBackgroundColor,\n\t\t\tisStackedOnMobile,\n\t\t\tmediaAlt,\n\t\t\tmediaPosition,\n\t\t\tmediaType,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t\tmediaId,\n\t\t\tverticalAlignment,\n\t\t\timageFill,\n\t\t\tfocalPoint,\n\t\t} = attributes;\n\t\tconst mediaTypeRenders = {\n\t\t\timage: () => (\n\t\t\t\t<img\n\t\t\t\t\tsrc={ mediaUrl }\n\t\t\t\t\talt={ mediaAlt }\n\t\t\t\t\tclassName={\n\t\t\t\t\t\tmediaId && mediaType === 'image'\n\t\t\t\t\t\t\t? `wp-image-${ mediaId }`\n\t\t\t\t\t\t\t: null\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t),\n\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t};\n\t\tconst backgroundClass = getColorClassName(\n\t\t\t'background-color',\n\t\t\tbackgroundColor\n\t\t);\n\t\tconst className = classnames( {\n\t\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t\t[ backgroundClass ]: backgroundClass,\n\t\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t\t[ `is-vertically-aligned-${ verticalAlignment }` ]:\n\t\t\t\tverticalAlignment,\n\t\t\t'is-image-fill': imageFill,\n\t\t} );\n\t\tconst backgroundStyles = imageFill\n\t\t\t? v1ToV5ImageFillStyles( mediaUrl, focalPoint )\n\t\t\t: {};\n\n\t\tlet gridTemplateColumns;\n\t\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\t\tgridTemplateColumns =\n\t\t\t\t'right' === mediaPosition\n\t\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t\t: `${ mediaWidth }% auto`;\n\t\t}\n\t\tconst style = {\n\t\t\tbackgroundColor: backgroundClass\n\t\t\t\t? undefined\n\t\t\t\t: customBackgroundColor,\n\t\t\tgridTemplateColumns,\n\t\t};\n\t\treturn (\n\t\t\t<div className={ className } style={ style }>\n\t\t\t\t<figure\n\t\t\t\t\tclassName=\"wp-block-media-text__media\"\n\t\t\t\t\tstyle={ backgroundStyles }\n\t\t\t\t>\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t\t<div className=\"wp-block-media-text__content\">\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t},\n};\n\nconst v1 = {\n\tattributes: {\n\t\t...baseAttributes,\n\t\tbackgroundColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tcustomBackgroundColor: {\n\t\t\ttype: 'string',\n\t\t},\n\t\tmediaUrl: {\n\t\t\ttype: 'string',\n\t\t\tsource: 'attribute',\n\t\t\tselector: 'figure video,figure img',\n\t\t\tattribute: 'src',\n\t\t},\n\t},\n\tsave( { attributes } ) {\n\t\tconst {\n\t\t\tbackgroundColor,\n\t\t\tcustomBackgroundColor,\n\t\t\tisStackedOnMobile,\n\t\t\tmediaAlt,\n\t\t\tmediaPosition,\n\t\t\tmediaType,\n\t\t\tmediaUrl,\n\t\t\tmediaWidth,\n\t\t} = attributes;\n\t\tconst mediaTypeRenders = {\n\t\t\timage: () => <img src={ mediaUrl } alt={ mediaAlt } />,\n\t\t\tvideo: () => <video controls src={ mediaUrl } />,\n\t\t};\n\t\tconst backgroundClass = getColorClassName(\n\t\t\t'background-color',\n\t\t\tbackgroundColor\n\t\t);\n\t\tconst className = classnames( {\n\t\t\t'has-media-on-the-right': 'right' === mediaPosition,\n\t\t\t[ backgroundClass ]: backgroundClass,\n\t\t\t'is-stacked-on-mobile': isStackedOnMobile,\n\t\t} );\n\n\t\tlet gridTemplateColumns;\n\t\tif ( mediaWidth !== DEFAULT_MEDIA_WIDTH ) {\n\t\t\tgridTemplateColumns =\n\t\t\t\t'right' === mediaPosition\n\t\t\t\t\t? `auto ${ mediaWidth }%`\n\t\t\t\t\t: `${ mediaWidth }% auto`;\n\t\t}\n\t\tconst style = {\n\t\t\tbackgroundColor: backgroundClass\n\t\t\t\t? undefined\n\t\t\t\t: customBackgroundColor,\n\t\t\tgridTemplateColumns,\n\t\t};\n\t\treturn (\n\t\t\t<div className={ className } style={ style }>\n\t\t\t\t<figure className=\"wp-block-media-text__media\">\n\t\t\t\t\t{ ( mediaTypeRenders[ mediaType ] || noop )() }\n\t\t\t\t</figure>\n\t\t\t\t<div className=\"wp-block-media-text__content\">\n\t\t\t\t\t<InnerBlocks.Content />\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t},\n};\n\nexport default [ v5, v4, v3, v2, v1 ];\n"]}

package/build/media-text/edit.js

@@ -293,7 +293,8 @@ function MediaTextEdit(_ref2) {
     onChangeImage: updateImage,
     slug: mediaSizeSlug,
     imageSizeOptions: imageSizeOptions,
-    isResizable: false
+    isResizable: false,
+    imageSizeHelp: (0, _i18n.__)('Select which image size to load.')
   }), mediaUrl && (0, _element.createElement)(_components.RangeControl, {
     label: (0, _i18n.__)('Media width'),
     value: temporaryMediaWidth || mediaWidth,