@wordpress/block-library 5.0.1 → 6.0.1

package/build/gallery/v1/gallery.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Gallery = void 0;
+
+var _element = require("@wordpress/element");
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+var _blocks = require("@wordpress/blocks");
+
+var _galleryImage = _interopRequireDefault(require("./gallery-image"));
+
+var _deprecated = require("../deprecated");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const Gallery = props => {
+  const {
+    attributes,
+    isSelected,
+    setAttributes,
+    selectedImage,
+    mediaPlaceholder,
+    onMoveBackward,
+    onMoveForward,
+    onRemoveImage,
+    onSelectImage,
+    onDeselectImage,
+    onSetImageAttributes,
+    insertBlocksAfter,
+    blockProps
+  } = props;
+  const {
+    align,
+    columns = (0, _deprecated.defaultColumnsNumberV1)(attributes),
+    caption,
+    imageCrop,
+    images
+  } = attributes;
+  return (0, _element.createElement)("figure", (0, _extends2.default)({}, blockProps, {
+    className: (0, _classnames.default)(blockProps.className, {
+      [`align${align}`]: align,
+      [`columns-${columns}`]: columns,
+      'is-cropped': imageCrop
+    })
+  }), (0, _element.createElement)("ul", {
+    className: "blocks-gallery-grid"
+  }, images.map((img, index) => {
+    const ariaLabel = (0, _i18n.sprintf)(
+    /* translators: 1: the order number of the image. 2: the total number of images. */
+    (0, _i18n.__)('image %1$d of %2$d in gallery'), index + 1, images.length);
+    return (0, _element.createElement)("li", {
+      className: "blocks-gallery-item",
+      key: img.id ? `${img.id}-${index}` : img.url
+    }, (0, _element.createElement)(_galleryImage.default, {
+      url: img.url,
+      alt: img.alt,
+      id: img.id,
+      isFirstItem: index === 0,
+      isLastItem: index + 1 === images.length,
+      isSelected: isSelected && selectedImage === index,
+      onMoveBackward: onMoveBackward(index),
+      onMoveForward: onMoveForward(index),
+      onRemove: onRemoveImage(index),
+      onSelect: onSelectImage(index),
+      onDeselect: onDeselectImage(index),
+      setAttributes: attrs => onSetImageAttributes(index, attrs),
+      caption: img.caption,
+      "aria-label": ariaLabel,
+      sizeSlug: attributes.sizeSlug
+    }));
+  })), mediaPlaceholder, (0, _element.createElement)(RichTextVisibilityHelper, {
+    isHidden: !isSelected && _blockEditor.RichText.isEmpty(caption),
+    tagName: "figcaption",
+    className: "blocks-gallery-caption",
+    "aria-label": (0, _i18n.__)('Gallery caption text'),
+    placeholder: (0, _i18n.__)('Write gallery caption…'),
+    value: caption,
+    onChange: value => setAttributes({
+      caption: value
+    }),
+    inlineToolbar: true,
+    __unstableOnSplitAtEnd: () => insertBlocksAfter((0, _blocks.createBlock)('core/paragraph'))
+  }));
+};
+
+exports.Gallery = Gallery;
+
+function RichTextVisibilityHelper({
+  isHidden,
+  ...richTextProps
+}) {
+  return isHidden ? (0, _element.createElement)(_components.VisuallyHidden, (0, _extends2.default)({
+    as: _blockEditor.RichText
+  }, richTextProps)) : (0, _element.createElement)(_blockEditor.RichText, richTextProps);
+}
+
+var _default = Gallery;
+exports.default = _default;
+//# sourceMappingURL=gallery.js.map

package/build/gallery/v1/gallery.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/gallery.js"],"names":["Gallery","props","attributes","isSelected","setAttributes","selectedImage","mediaPlaceholder","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onDeselectImage","onSetImageAttributes","insertBlocksAfter","blockProps","align","columns","caption","imageCrop","images","className","map","img","index","ariaLabel","length","id","url","alt","attrs","sizeSlug","RichText","isEmpty","value","RichTextVisibilityHelper","isHidden","richTextProps"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { RichText } from '@wordpress/block-editor';\nimport { VisuallyHidden } from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { createBlock } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\nimport GalleryImage from './gallery-image';\nimport { defaultColumnsNumberV1 } from '../deprecated';\n\nexport const Gallery = ( props ) => {\n\tconst {\n\t\tattributes,\n\t\tisSelected,\n\t\tsetAttributes,\n\t\tselectedImage,\n\t\tmediaPlaceholder,\n\t\tonMoveBackward,\n\t\tonMoveForward,\n\t\tonRemoveImage,\n\t\tonSelectImage,\n\t\tonDeselectImage,\n\t\tonSetImageAttributes,\n\t\tinsertBlocksAfter,\n\t\tblockProps,\n\t} = props;\n\n\tconst {\n\t\talign,\n\t\tcolumns = defaultColumnsNumberV1( attributes ),\n\t\tcaption,\n\t\timageCrop,\n\t\timages,\n\t} = attributes;\n\n\treturn (\n\t\t<figure\n\t\t\t{ ...blockProps }\n\t\t\tclassName={ classnames( blockProps.className, {\n\t\t\t\t[ `align${ align }` ]: align,\n\t\t\t\t[ `columns-${ columns }` ]: columns,\n\t\t\t\t'is-cropped': imageCrop,\n\t\t\t} ) }\n\t\t>\n\t\t\t<ul className=\"blocks-gallery-grid\">\n\t\t\t\t{ images.map( ( img, index ) => {\n\t\t\t\t\tconst ariaLabel = sprintf(\n\t\t\t\t\t\t/* translators: 1: the order number of the image. 2: the total number of images. */\n\t\t\t\t\t\t__( 'image %1$d of %2$d in gallery' ),\n\t\t\t\t\t\tindex + 1,\n\t\t\t\t\t\timages.length\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tclassName=\"blocks-gallery-item\"\n\t\t\t\t\t\t\tkey={ img.id ? `${ img.id }-${ index }` : img.url }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<GalleryImage\n\t\t\t\t\t\t\t\turl={ img.url }\n\t\t\t\t\t\t\t\talt={ img.alt }\n\t\t\t\t\t\t\t\tid={ img.id }\n\t\t\t\t\t\t\t\tisFirstItem={ index === 0 }\n\t\t\t\t\t\t\t\tisLastItem={ index + 1 === images.length }\n\t\t\t\t\t\t\t\tisSelected={\n\t\t\t\t\t\t\t\t\tisSelected && selectedImage === index\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tonMoveBackward={ onMoveBackward( index ) }\n\t\t\t\t\t\t\t\tonMoveForward={ onMoveForward( index ) }\n\t\t\t\t\t\t\t\tonRemove={ onRemoveImage( index ) }\n\t\t\t\t\t\t\t\tonSelect={ onSelectImage( index ) }\n\t\t\t\t\t\t\t\tonDeselect={ onDeselectImage( index ) }\n\t\t\t\t\t\t\t\tsetAttributes={ ( attrs ) =>\n\t\t\t\t\t\t\t\t\tonSetImageAttributes( index, attrs )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tcaption={ img.caption }\n\t\t\t\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\t\t\t\tsizeSlug={ attributes.sizeSlug }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ul>\n\t\t\t{ mediaPlaceholder }\n\t\t\t<RichTextVisibilityHelper\n\t\t\t\tisHidden={ ! isSelected && RichText.isEmpty( caption ) }\n\t\t\t\ttagName=\"figcaption\"\n\t\t\t\tclassName=\"blocks-gallery-caption\"\n\t\t\t\taria-label={ __( 'Gallery caption text' ) }\n\t\t\t\tplaceholder={ __( 'Write gallery caption…' ) }\n\t\t\t\tvalue={ caption }\n\t\t\t\tonChange={ ( value ) => setAttributes( { caption: value } ) }\n\t\t\t\tinlineToolbar\n\t\t\t\t__unstableOnSplitAtEnd={ () =>\n\t\t\t\t\tinsertBlocksAfter( createBlock( 'core/paragraph' ) )\n\t\t\t\t}\n\t\t\t/>\n\t\t</figure>\n\t);\n};\n\nfunction RichTextVisibilityHelper( { isHidden, ...richTextProps } ) {\n\treturn isHidden ? (\n\t\t<VisuallyHidden as={ RichText } { ...richTextProps } />\n\t) : (\n\t\t<RichText { ...richTextProps } />\n\t);\n}\n\nexport default Gallery;\n"]}

package/build/gallery/v1/gallery.native.js

@@ -0,0 +1,159 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Gallery = void 0;
+
+var _element = require("@wordpress/element");
+
+var _reactNative = require("react-native");
+
+var _lodash = require("lodash");
+
+var _galleryImage = _interopRequireDefault(require("./gallery-image"));
+
+var _deprecated = require("../deprecated");
+
+var _galleryStyles = _interopRequireDefault(require("./gallery-styles.scss"));
+
+var _tiles = _interopRequireDefault(require("./tiles"));
+
+var _i18n = require("@wordpress/i18n");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _reactNativeBridge = require("@wordpress/react-native-bridge");
+
+var _data = require("@wordpress/data");
+
+var _components = require("@wordpress/components");
+
+/**
+ * External dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+
+/**
+ * WordPress dependencies
+ */
+const TILE_SPACING = 15; // we must limit displayed columns since readable content max-width is 580px
+
+const MAX_DISPLAYED_COLUMNS = 4;
+const MAX_DISPLAYED_COLUMNS_NARROW = 2;
+const {
+  isFullWidth
+} = _components.alignmentHelpers;
+
+const Gallery = props => {
+  const [isCaptionSelected, setIsCaptionSelected] = (0, _element.useState)(false);
+  (0, _element.useEffect)(_reactNativeBridge.mediaUploadSync, []);
+  const isRTL = (0, _data.useSelect)(select => {
+    return !!select(_blockEditor.store).getSettings().isRTL;
+  }, []);
+  const {
+    clientId,
+    selectedImage,
+    mediaPlaceholder,
+    onBlur,
+    onMoveBackward,
+    onMoveForward,
+    onRemoveImage,
+    onSelectImage,
+    onSetImageAttributes,
+    onFocusGalleryCaption,
+    attributes,
+    isSelected,
+    isNarrow,
+    onFocus,
+    insertBlocksAfter
+  } = props;
+  const {
+    align,
+    columns = (0, _deprecated.defaultColumnsNumberV1)(attributes),
+    imageCrop,
+    images
+  } = attributes; // limit displayed columns when isNarrow is true (i.e. when viewport width is
+  // less than "small", where small = 600)
+
+  const displayedColumns = isNarrow ? Math.min(columns, MAX_DISPLAYED_COLUMNS_NARROW) : Math.min(columns, MAX_DISPLAYED_COLUMNS);
+
+  const selectImage = index => {
+    return () => {
+      if (isCaptionSelected) {
+        setIsCaptionSelected(false);
+      } // we need to fully invoke the curried function here
+
+
+      onSelectImage(index)();
+    };
+  };
+
+  const focusGalleryCaption = () => {
+    if (!isCaptionSelected) {
+      setIsCaptionSelected(true);
+    }
+
+    onFocusGalleryCaption();
+  };
+
+  return (0, _element.createElement)(_reactNative.View, {
+    style: {
+      flex: 1
+    }
+  }, (0, _element.createElement)(_tiles.default, {
+    columns: displayedColumns,
+    spacing: TILE_SPACING,
+    style: isSelected ? _galleryStyles.default.galleryTilesContainerSelected : undefined
+  }, images.map((img, index) => {
+    const ariaLabel = (0, _i18n.sprintf)(
+    /* translators: 1: the order number of the image. 2: the total number of images. */
+    (0, _i18n.__)('image %1$d of %2$d in gallery'), index + 1, images.length);
+    return (0, _element.createElement)(_galleryImage.default, {
+      key: img.id ? `${img.id}-${index}` : img.url,
+      url: img.url,
+      alt: img.alt,
+      id: parseInt(img.id, 10) // make id an integer explicitly
+      ,
+      isCropped: imageCrop,
+      isFirstItem: index === 0,
+      isLastItem: index + 1 === images.length,
+      isSelected: isSelected && selectedImage === index,
+      isBlockSelected: isSelected,
+      onMoveBackward: onMoveBackward(index),
+      onMoveForward: onMoveForward(index),
+      onRemove: onRemoveImage(index),
+      onSelect: selectImage(index),
+      onSelectBlock: onFocus,
+      setAttributes: attrs => onSetImageAttributes(index, attrs),
+      caption: img.caption,
+      "aria-label": ariaLabel,
+      isRTL: isRTL
+    });
+  })), (0, _element.createElement)(_reactNative.View, {
+    style: isFullWidth(align) && _galleryStyles.default.fullWidth
+  }, mediaPlaceholder), (0, _element.createElement)(_blockEditor.BlockCaption, {
+    clientId: clientId,
+    isSelected: isCaptionSelected,
+    accessible: true,
+    accessibilityLabelCreator: caption => (0, _lodash.isEmpty)(caption) ?
+    /* translators: accessibility text. Empty gallery caption. */
+    'Gallery caption. Empty' : (0, _i18n.sprintf)(
+    /* translators: accessibility text. %s: gallery caption. */
+    (0, _i18n.__)('Gallery caption. %s'), caption),
+    onFocus: focusGalleryCaption,
+    onBlur: onBlur // always assign onBlur as props
+    ,
+    insertBlocksAfter: insertBlocksAfter
+  }));
+};
+
+exports.Gallery = Gallery;
+var _default = Gallery;
+exports.default = _default;
+//# sourceMappingURL=gallery.native.js.map

package/build/gallery/v1/gallery.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/gallery.native.js"],"names":["TILE_SPACING","MAX_DISPLAYED_COLUMNS","MAX_DISPLAYED_COLUMNS_NARROW","isFullWidth","alignmentHelpers","Gallery","props","isCaptionSelected","setIsCaptionSelected","mediaUploadSync","isRTL","select","blockEditorStore","getSettings","clientId","selectedImage","mediaPlaceholder","onBlur","onMoveBackward","onMoveForward","onRemoveImage","onSelectImage","onSetImageAttributes","onFocusGalleryCaption","attributes","isSelected","isNarrow","onFocus","insertBlocksAfter","align","columns","imageCrop","images","displayedColumns","Math","min","selectImage","index","focusGalleryCaption","flex","styles","galleryTilesContainerSelected","undefined","map","img","ariaLabel","length","id","url","alt","parseInt","attrs","caption","fullWidth"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\nimport { isEmpty } from 'lodash';\n\n/**\n * Internal dependencies\n */\nimport GalleryImage from './gallery-image';\nimport { defaultColumnsNumberV1 } from '../deprecated';\nimport styles from './gallery-styles.scss';\nimport Tiles from './tiles';\n\n/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tBlockCaption,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useState, useEffect } from '@wordpress/element';\nimport { mediaUploadSync } from '@wordpress/react-native-bridge';\nimport { useSelect } from '@wordpress/data';\nimport { alignmentHelpers } from '@wordpress/components';\n\nconst TILE_SPACING = 15;\n\n// we must limit displayed columns since readable content max-width is 580px\nconst MAX_DISPLAYED_COLUMNS = 4;\nconst MAX_DISPLAYED_COLUMNS_NARROW = 2;\n\nconst { isFullWidth } = alignmentHelpers;\n\nexport const Gallery = ( props ) => {\n\tconst [ isCaptionSelected, setIsCaptionSelected ] = useState( false );\n\tuseEffect( mediaUploadSync, [] );\n\n\tconst isRTL = useSelect( ( select ) => {\n\t\treturn !! select( blockEditorStore ).getSettings().isRTL;\n\t}, [] );\n\n\tconst {\n\t\tclientId,\n\t\tselectedImage,\n\t\tmediaPlaceholder,\n\t\tonBlur,\n\t\tonMoveBackward,\n\t\tonMoveForward,\n\t\tonRemoveImage,\n\t\tonSelectImage,\n\t\tonSetImageAttributes,\n\t\tonFocusGalleryCaption,\n\t\tattributes,\n\t\tisSelected,\n\t\tisNarrow,\n\t\tonFocus,\n\t\tinsertBlocksAfter,\n\t} = props;\n\n\tconst {\n\t\talign,\n\t\tcolumns = defaultColumnsNumberV1( attributes ),\n\t\timageCrop,\n\t\timages,\n\t} = attributes;\n\n\t// limit displayed columns when isNarrow is true (i.e. when viewport width is\n\t// less than \"small\", where small = 600)\n\tconst displayedColumns = isNarrow\n\t\t? Math.min( columns, MAX_DISPLAYED_COLUMNS_NARROW )\n\t\t: Math.min( columns, MAX_DISPLAYED_COLUMNS );\n\n\tconst selectImage = ( index ) => {\n\t\treturn () => {\n\t\t\tif ( isCaptionSelected ) {\n\t\t\t\tsetIsCaptionSelected( false );\n\t\t\t}\n\t\t\t// we need to fully invoke the curried function here\n\t\t\tonSelectImage( index )();\n\t\t};\n\t};\n\n\tconst focusGalleryCaption = () => {\n\t\tif ( ! isCaptionSelected ) {\n\t\t\tsetIsCaptionSelected( true );\n\t\t}\n\t\tonFocusGalleryCaption();\n\t};\n\n\treturn (\n\t\t<View style={ { flex: 1 } }>\n\t\t\t<Tiles\n\t\t\t\tcolumns={ displayedColumns }\n\t\t\t\tspacing={ TILE_SPACING }\n\t\t\t\tstyle={\n\t\t\t\t\tisSelected\n\t\t\t\t\t\t? styles.galleryTilesContainerSelected\n\t\t\t\t\t\t: undefined\n\t\t\t\t}\n\t\t\t>\n\t\t\t\t{ images.map( ( img, index ) => {\n\t\t\t\t\tconst ariaLabel = sprintf(\n\t\t\t\t\t\t/* translators: 1: the order number of the image. 2: the total number of images. */\n\t\t\t\t\t\t__( 'image %1$d of %2$d in gallery' ),\n\t\t\t\t\t\tindex + 1,\n\t\t\t\t\t\timages.length\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<GalleryImage\n\t\t\t\t\t\t\tkey={ img.id ? `${ img.id }-${ index }` : img.url }\n\t\t\t\t\t\t\turl={ img.url }\n\t\t\t\t\t\t\talt={ img.alt }\n\t\t\t\t\t\t\tid={ parseInt( img.id, 10 ) } // make id an integer explicitly\n\t\t\t\t\t\t\tisCropped={ imageCrop }\n\t\t\t\t\t\t\tisFirstItem={ index === 0 }\n\t\t\t\t\t\t\tisLastItem={ index + 1 === images.length }\n\t\t\t\t\t\t\tisSelected={ isSelected && selectedImage === index }\n\t\t\t\t\t\t\tisBlockSelected={ isSelected }\n\t\t\t\t\t\t\tonMoveBackward={ onMoveBackward( index ) }\n\t\t\t\t\t\t\tonMoveForward={ onMoveForward( index ) }\n\t\t\t\t\t\t\tonRemove={ onRemoveImage( index ) }\n\t\t\t\t\t\t\tonSelect={ selectImage( index ) }\n\t\t\t\t\t\t\tonSelectBlock={ onFocus }\n\t\t\t\t\t\t\tsetAttributes={ ( attrs ) =>\n\t\t\t\t\t\t\t\tonSetImageAttributes( index, attrs )\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tcaption={ img.caption }\n\t\t\t\t\t\t\taria-label={ ariaLabel }\n\t\t\t\t\t\t\tisRTL={ isRTL }\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</Tiles>\n\t\t\t<View style={ isFullWidth( align ) && styles.fullWidth }>\n\t\t\t\t{ mediaPlaceholder }\n\t\t\t</View>\n\t\t\t<BlockCaption\n\t\t\t\tclientId={ clientId }\n\t\t\t\tisSelected={ isCaptionSelected }\n\t\t\t\taccessible={ true }\n\t\t\t\taccessibilityLabelCreator={ ( caption ) =>\n\t\t\t\t\tisEmpty( caption )\n\t\t\t\t\t\t? /* translators: accessibility text. Empty gallery caption. */\n\t\t\t\t\t\t  'Gallery caption. Empty'\n\t\t\t\t\t\t: sprintf(\n\t\t\t\t\t\t\t\t/* translators: accessibility text. %s: gallery caption. */\n\t\t\t\t\t\t\t\t__( 'Gallery caption. %s' ),\n\t\t\t\t\t\t\t\tcaption\n\t\t\t\t\t\t  )\n\t\t\t\t}\n\t\t\t\tonFocus={ focusGalleryCaption }\n\t\t\t\tonBlur={ onBlur } // always assign onBlur as props\n\t\t\t\tinsertBlocksAfter={ insertBlocksAfter }\n\t\t\t/>\n\t\t</View>\n\t);\n};\n\nexport default Gallery;\n"]}

package/build/gallery/v1/save.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = saveV1;
+
+var _element = require("@wordpress/element");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _deprecated = require("../deprecated");
+
+var _constants = require("./constants");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+function saveV1({
+  attributes
+}) {
+  const {
+    images,
+    columns = (0, _deprecated.defaultColumnsNumberV1)(attributes),
+    imageCrop,
+    caption,
+    linkTo
+  } = attributes;
+  const className = `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`;
+  return (0, _element.createElement)("figure", _blockEditor.useBlockProps.save({
+    className
+  }), (0, _element.createElement)("ul", {
+    className: "blocks-gallery-grid"
+  }, images.map(image => {
+    let href;
+
+    switch (linkTo) {
+      case _constants.LINK_DESTINATION_MEDIA:
+        href = image.fullUrl || image.url;
+        break;
+
+      case _constants.LINK_DESTINATION_ATTACHMENT:
+        href = image.link;
+        break;
+    }
+
+    const img = (0, _element.createElement)("img", {
+      src: image.url,
+      alt: image.alt,
+      "data-id": image.id,
+      "data-full-url": image.fullUrl,
+      "data-link": image.link,
+      className: image.id ? `wp-image-${image.id}` : null
+    });
+    return (0, _element.createElement)("li", {
+      key: image.id || image.url,
+      className: "blocks-gallery-item"
+    }, (0, _element.createElement)("figure", null, href ? (0, _element.createElement)("a", {
+      href: href
+    }, img) : img, !_blockEditor.RichText.isEmpty(image.caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+      tagName: "figcaption",
+      className: "blocks-gallery-item__caption",
+      value: image.caption
+    })));
+  })), !_blockEditor.RichText.isEmpty(caption) && (0, _element.createElement)(_blockEditor.RichText.Content, {
+    tagName: "figcaption",
+    className: "blocks-gallery-caption",
+    value: caption
+  }));
+}
+//# sourceMappingURL=save.js.map

package/build/gallery/v1/save.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/save.js"],"names":["saveV1","attributes","images","columns","imageCrop","caption","linkTo","className","useBlockProps","save","map","image","href","LINK_DESTINATION_MEDIA","fullUrl","url","LINK_DESTINATION_ATTACHMENT","link","img","alt","id","RichText","isEmpty"],"mappings":";;;;;;;;;AAGA;;AAKA;;AACA;;AATA;AACA;AACA;;AAGA;AACA;AACA;AAOe,SAASA,MAAT,CAAiB;AAAEC,EAAAA;AAAF,CAAjB,EAAkC;AAChD,QAAM;AACLC,IAAAA,MADK;AAELC,IAAAA,OAAO,GAAG,wCAAwBF,UAAxB,CAFL;AAGLG,IAAAA,SAHK;AAILC,IAAAA,OAJK;AAKLC,IAAAA;AALK,MAMFL,UANJ;AAOA,QAAMM,SAAS,GAAI,WAAWJ,OAAS,IAAIC,SAAS,GAAG,YAAH,GAAkB,EAAI,EAA1E;AAEA,SACC,sCAAaI,2BAAcC,IAAd,CAAoB;AAAEF,IAAAA;AAAF,GAApB,CAAb,EACC;AAAI,IAAA,SAAS,EAAC;AAAd,KACGL,MAAM,CAACQ,GAAP,CAAcC,KAAF,IAAa;AAC1B,QAAIC,IAAJ;;AAEA,YAASN,MAAT;AACC,WAAKO,iCAAL;AACCD,QAAAA,IAAI,GAAGD,KAAK,CAACG,OAAN,IAAiBH,KAAK,CAACI,GAA9B;AACA;;AACD,WAAKC,sCAAL;AACCJ,QAAAA,IAAI,GAAGD,KAAK,CAACM,IAAb;AACA;AANF;;AASA,UAAMC,GAAG,GACR;AACC,MAAA,GAAG,EAAGP,KAAK,CAACI,GADb;AAEC,MAAA,GAAG,EAAGJ,KAAK,CAACQ,GAFb;AAGC,iBAAUR,KAAK,CAACS,EAHjB;AAIC,uBAAgBT,KAAK,CAACG,OAJvB;AAKC,mBAAYH,KAAK,CAACM,IALnB;AAMC,MAAA,SAAS,EACRN,KAAK,CAACS,EAAN,GAAY,YAAYT,KAAK,CAACS,EAAI,EAAlC,GAAsC;AAPxC,MADD;AAaA,WACC;AACC,MAAA,GAAG,EAAGT,KAAK,CAACS,EAAN,IAAYT,KAAK,CAACI,GADzB;AAEC,MAAA,SAAS,EAAC;AAFX,OAIC,4CACGH,IAAI,GAAG;AAAG,MAAA,IAAI,EAAGA;AAAV,OAAmBM,GAAnB,CAAH,GAAkCA,GADzC,EAEG,CAAEG,sBAASC,OAAT,CAAkBX,KAAK,CAACN,OAAxB,CAAF,IACD,4BAAC,qBAAD,CAAU,OAAV;AACC,MAAA,OAAO,EAAC,YADT;AAEC,MAAA,SAAS,EAAC,8BAFX;AAGC,MAAA,KAAK,EAAGM,KAAK,CAACN;AAHf,MAHF,CAJD,CADD;AAiBA,GA1CC,CADH,CADD,EA8CG,CAAEgB,sBAASC,OAAT,CAAkBjB,OAAlB,CAAF,IACD,4BAAC,qBAAD,CAAU,OAAV;AACC,IAAA,OAAO,EAAC,YADT;AAEC,IAAA,SAAS,EAAC,wBAFX;AAGC,IAAA,KAAK,EAAGA;AAHT,IA/CF,CADD;AAwDA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { RichText, useBlockProps } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport { defaultColumnsNumberV1 } from '../deprecated';\nimport {\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_MEDIA,\n} from './constants';\n\nexport default function saveV1( { attributes } ) {\n\tconst {\n\t\timages,\n\t\tcolumns = defaultColumnsNumberV1( attributes ),\n\t\timageCrop,\n\t\tcaption,\n\t\tlinkTo,\n\t} = attributes;\n\tconst className = `columns-${ columns } ${ imageCrop ? 'is-cropped' : '' }`;\n\n\treturn (\n\t\t<figure { ...useBlockProps.save( { className } ) }>\n\t\t\t<ul className=\"blocks-gallery-grid\">\n\t\t\t\t{ images.map( ( image ) => {\n\t\t\t\t\tlet href;\n\n\t\t\t\t\tswitch ( linkTo ) {\n\t\t\t\t\t\tcase LINK_DESTINATION_MEDIA:\n\t\t\t\t\t\t\thref = image.fullUrl || image.url;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\tcase LINK_DESTINATION_ATTACHMENT:\n\t\t\t\t\t\t\thref = image.link;\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tconst img = (\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={ image.url }\n\t\t\t\t\t\t\talt={ image.alt }\n\t\t\t\t\t\t\tdata-id={ image.id }\n\t\t\t\t\t\t\tdata-full-url={ image.fullUrl }\n\t\t\t\t\t\t\tdata-link={ image.link }\n\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\timage.id ? `wp-image-${ image.id }` : null\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={ image.id || image.url }\n\t\t\t\t\t\t\tclassName=\"blocks-gallery-item\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<figure>\n\t\t\t\t\t\t\t\t{ href ? <a href={ href }>{ img }</a> : img }\n\t\t\t\t\t\t\t\t{ ! RichText.isEmpty( image.caption ) && (\n\t\t\t\t\t\t\t\t\t<RichText.Content\n\t\t\t\t\t\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\t\t\t\t\t\tclassName=\"blocks-gallery-item__caption\"\n\t\t\t\t\t\t\t\t\t\tvalue={ image.caption }\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</figure>\n\t\t\t\t\t\t</li>\n\t\t\t\t\t);\n\t\t\t\t} ) }\n\t\t\t</ul>\n\t\t\t{ ! RichText.isEmpty( caption ) && (\n\t\t\t\t<RichText.Content\n\t\t\t\t\ttagName=\"figcaption\"\n\t\t\t\t\tclassName=\"blocks-gallery-caption\"\n\t\t\t\t\tvalue={ caption }\n\t\t\t\t/>\n\t\t\t) }\n\t\t</figure>\n\t);\n}\n"]}

package/build/gallery/v1/shared.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.pickRelevantMediaFiles = void 0;
+
+var _lodash = require("lodash");
+
+/**
+ * External dependencies
+ */
+const pickRelevantMediaFiles = (image, sizeSlug = 'large') => {
+  const imageProps = (0, _lodash.pick)(image, ['alt', 'id', 'link', 'caption']);
+  imageProps.url = (0, _lodash.get)(image, ['sizes', sizeSlug, 'url']) || (0, _lodash.get)(image, ['media_details', 'sizes', sizeSlug, 'source_url']) || image.url;
+  const fullUrl = (0, _lodash.get)(image, ['sizes', 'full', 'url']) || (0, _lodash.get)(image, ['media_details', 'sizes', 'full', 'source_url']);
+
+  if (fullUrl) {
+    imageProps.fullUrl = fullUrl;
+  }
+
+  return imageProps;
+};
+
+exports.pickRelevantMediaFiles = pickRelevantMediaFiles;
+//# sourceMappingURL=shared.js.map

package/build/gallery/v1/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/shared.js"],"names":["pickRelevantMediaFiles","image","sizeSlug","imageProps","url","fullUrl"],"mappings":";;;;;;;AAGA;;AAHA;AACA;AACA;AAGO,MAAMA,sBAAsB,GAAG,CAAEC,KAAF,EAASC,QAAQ,GAAG,OAApB,KAAiC;AACtE,QAAMC,UAAU,GAAG,kBAAMF,KAAN,EAAa,CAAE,KAAF,EAAS,IAAT,EAAe,MAAf,EAAuB,SAAvB,CAAb,CAAnB;AACAE,EAAAA,UAAU,CAACC,GAAX,GACC,iBAAKH,KAAL,EAAY,CAAE,OAAF,EAAWC,QAAX,EAAqB,KAArB,CAAZ,KACA,iBAAKD,KAAL,EAAY,CAAE,eAAF,EAAmB,OAAnB,EAA4BC,QAA5B,EAAsC,YAAtC,CAAZ,CADA,IAEAD,KAAK,CAACG,GAHP;AAIA,QAAMC,OAAO,GACZ,iBAAKJ,KAAL,EAAY,CAAE,OAAF,EAAW,MAAX,EAAmB,KAAnB,CAAZ,KACA,iBAAKA,KAAL,EAAY,CAAE,eAAF,EAAmB,OAAnB,EAA4B,MAA5B,EAAoC,YAApC,CAAZ,CAFD;;AAGA,MAAKI,OAAL,EAAe;AACdF,IAAAA,UAAU,CAACE,OAAX,GAAqBA,OAArB;AACA;;AACD,SAAOF,UAAP;AACA,CAbM","sourcesContent":["/**\n * External dependencies\n */\nimport { get, pick } from 'lodash';\n\nexport const pickRelevantMediaFiles = ( image, sizeSlug = 'large' ) => {\n\tconst imageProps = pick( image, [ 'alt', 'id', 'link', 'caption' ] );\n\timageProps.url =\n\t\tget( image, [ 'sizes', sizeSlug, 'url' ] ) ||\n\t\tget( image, [ 'media_details', 'sizes', sizeSlug, 'source_url' ] ) ||\n\t\timage.url;\n\tconst fullUrl =\n\t\tget( image, [ 'sizes', 'full', 'url' ] ) ||\n\t\tget( image, [ 'media_details', 'sizes', 'full', 'source_url' ] );\n\tif ( fullUrl ) {\n\t\timageProps.fullUrl = fullUrl;\n\t}\n\treturn imageProps;\n};\n"]}

package/build/gallery/{tiles.native.js → v1/tiles.native.js}

@@ -41,7 +41,8 @@ function Tiles(props) {
   const lastRow = Math.floor(lastTile / columns);
 
   const wrappedChildren = _element.Children.map(children, (child, index) => {
-    /** Since we don't have `calc()`, we must calculate our spacings here in
+    /**
+     * Since we don't have `calc()`, we must calculate our spacings here in
      * order to preserve even spacing between tiles and equal width for tiles
      * in a given row.
      *

package/build/gallery/v1/tiles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/tiles.native.js"],"names":["Tiles","props","columns","children","spacing","style","compose","StyleSheet","tileCount","Children","count","lastTile","lastRow","Math","floor","wrappedChildren","map","child","index","row","rowLength","indexInRow","styles","tileStyle","width","paddingLeft","paddingRight","paddingTop","paddingBottom","containerStyle"],"mappings":";;;;;;;;;AAQA;;AALA;;AAUA;;AAbA;AACA;AACA;;AAGA;AACA;AACA;;AAGA;AACA;AACA;AAGA,SAASA,KAAT,CAAgBC,KAAhB,EAAwB;AACvB,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,QAAX;AAAqBC,IAAAA,OAAO,GAAG,EAA/B;AAAmCC,IAAAA;AAAnC,MAA6CJ,KAAnD;AAEA,QAAM;AAAEK,IAAAA;AAAF,MAAcC,uBAApB;;AAEA,QAAMC,SAAS,GAAGC,kBAASC,KAAT,CAAgBP,QAAhB,CAAlB;;AACA,QAAMQ,QAAQ,GAAGH,SAAS,GAAG,CAA7B;AACA,QAAMI,OAAO,GAAGC,IAAI,CAACC,KAAL,CAAYH,QAAQ,GAAGT,OAAvB,CAAhB;;AAEA,QAAMa,eAAe,GAAGN,kBAASO,GAAT,CAAcb,QAAd,EAAwB,CAAEc,KAAF,EAASC,KAAT,KAAoB;AACnE;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEE,UAAMC,GAAG,GAAGN,IAAI,CAACC,KAAL,CAAYI,KAAK,GAAGhB,OAApB,CAAZ;AACA,UAAMkB,SAAS,GACdD,GAAG,KAAKP,OAAR,GAAoBD,QAAQ,GAAGT,OAAb,GAAyB,CAA3C,GAA+CA,OADhD;AAEA,UAAMmB,UAAU,GAAGH,KAAK,GAAGhB,OAA3B;AAEA,WACC,4BAAC,iBAAD;AACC,MAAA,KAAK,EAAG,CACPoB,qBAAOC,SADA,EAEP;AACCC,QAAAA,KAAK,EAAG,GAAG,MAAMJ,SAAW,GAD7B;AAECK,QAAAA,WAAW,EAAErB,OAAO,IAAKiB,UAAU,GAAGD,SAAlB,CAFrB;AAGCM,QAAAA,YAAY,EACXtB,OAAO,IAAK,IAAI,CAAEiB,UAAU,GAAG,CAAf,IAAqBD,SAA9B,CAJT;AAKCO,QAAAA,UAAU,EAAER,GAAG,KAAK,CAAR,GAAY,CAAZ,GAAgBf,OAAO,GAAG,CALvC;AAMCwB,QAAAA,aAAa,EAAET,GAAG,KAAKP,OAAR,GAAkB,CAAlB,GAAsBR,OAAO,GAAG;AANhD,OAFO;AADT,OAaGa,KAbH,CADD;AAiBA,GA/CuB,CAAxB;;AAiDA,QAAMY,cAAc,GAAGvB,OAAO,CAAEgB,qBAAOO,cAAT,EAAyBxB,KAAzB,CAA9B;AAEA,SAAO,4BAAC,iBAAD;AAAM,IAAA,KAAK,EAAGwB;AAAd,KAAiCd,eAAjC,CAAP;AACA;;eAEcf,K","sourcesContent":["/**\n * External dependencies\n */\nimport { View, StyleSheet } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { Children } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport styles from './tiles-styles.scss';\n\nfunction Tiles( props ) {\n\tconst { columns, children, spacing = 10, style } = props;\n\n\tconst { compose } = StyleSheet;\n\n\tconst tileCount = Children.count( children );\n\tconst lastTile = tileCount - 1;\n\tconst lastRow = Math.floor( lastTile / columns );\n\n\tconst wrappedChildren = Children.map( children, ( child, index ) => {\n\t\t/**\n\t\t * Since we don't have `calc()`, we must calculate our spacings here in\n\t\t * order to preserve even spacing between tiles and equal width for tiles\n\t\t * in a given row.\n\t\t *\n\t\t * In order to ensure equal sizing of tile contents, we distribute the\n\t\t * spacing such that each tile has an equal \"share\" of the fixed spacing. To\n\t\t * keep the tiles properly aligned within their rows, we calculate the left\n\t\t * and right paddings based on the tile's relative position within the row.\n\t\t *\n\t\t * Note: we use padding instead of margins so that the fixed spacing is\n\t\t * included within the relative spacing (i.e. width percentage), and\n\t\t * wrapping behavior is preserved.\n\t\t *\n\t\t *  - The left most tile in a row must have left padding of zero.\n\t\t *  - The right most tile in a row must have a right padding of zero.\n\t\t *\n\t\t * The values of these left and right paddings are interpolated for tiles in\n\t\t * between. The right padding is complementary with the left padding of the\n\t\t * next tile (i.e. the right padding of [tile n] + the left padding of\n\t\t * [tile n + 1] will be equal for all tiles except the last one in a given\n\t\t * row).\n\t\t */\n\n\t\tconst row = Math.floor( index / columns );\n\t\tconst rowLength =\n\t\t\trow === lastRow ? ( lastTile % columns ) + 1 : columns;\n\t\tconst indexInRow = index % columns;\n\n\t\treturn (\n\t\t\t<View\n\t\t\t\tstyle={ [\n\t\t\t\t\tstyles.tileStyle,\n\t\t\t\t\t{\n\t\t\t\t\t\twidth: `${ 100 / rowLength }%`,\n\t\t\t\t\t\tpaddingLeft: spacing * ( indexInRow / rowLength ),\n\t\t\t\t\t\tpaddingRight:\n\t\t\t\t\t\t\tspacing * ( 1 - ( indexInRow + 1 ) / rowLength ),\n\t\t\t\t\t\tpaddingTop: row === 0 ? 0 : spacing / 2,\n\t\t\t\t\t\tpaddingBottom: row === lastRow ? 0 : spacing / 2,\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t>\n\t\t\t\t{ child }\n\t\t\t</View>\n\t\t);\n\t} );\n\n\tconst containerStyle = compose( styles.containerStyle, style );\n\n\treturn <View style={ containerStyle }>{ wrappedChildren }</View>;\n}\n\nexport default Tiles;\n"]}

package/build/gallery/v1/update-gallery-modal.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = UpdateGalleryModal;
+exports.updateGallery = void 0;
+
+var _element = require("@wordpress/element");
+
+var _components = require("@wordpress/components");
+
+var _i18n = require("@wordpress/i18n");
+
+var _data = require("@wordpress/data");
+
+var _blocks = require("@wordpress/blocks");
+
+var _blockEditor = require("@wordpress/block-editor");
+
+var _constants = require("./constants");
+
+/**
+ * WordPress dependencies
+ */
+
+/**
+ * Internal dependencies
+ */
+const updateGallery = ({
+  clientId,
+  getBlock,
+  replaceBlocks
+}) => () => {
+  let link;
+  const {
+    attributes: {
+      sizeSlug,
+      linkTo,
+      images,
+      caption
+    }
+  } = getBlock(clientId);
+
+  switch (linkTo) {
+    case 'post':
+      link = _constants.LINK_DESTINATION_ATTACHMENT;
+      break;
+
+    case 'file':
+      link = _constants.LINK_DESTINATION_MEDIA;
+      break;
+
+    default:
+      link = _constants.LINK_DESTINATION_NONE;
+      break;
+  }
+
+  const innerBlocks = images.map(image => (0, _blocks.createBlock)('core/image', {
+    id: parseInt(image.id, 10),
+    url: image.url,
+    alt: image.alt,
+    caption: image.caption,
+    linkDestination: link
+  }));
+  replaceBlocks(clientId, (0, _blocks.createBlock)('core/gallery', {
+    sizeSlug,
+    linkTo: link,
+    caption
+  }, innerBlocks));
+};
+
+exports.updateGallery = updateGallery;
+
+function UpdateGalleryModal({
+  onClose,
+  clientId
+}) {
+  const {
+    getBlock
+  } = (0, _data.useSelect)(_blockEditor.store);
+  const {
+    replaceBlocks
+  } = (0, _data.useDispatch)(_blockEditor.store);
+  return (0, _element.createElement)(_components.Modal, {
+    closeLabel: (0, _i18n.__)('Close'),
+    onRequestClose: onClose,
+    title: (0, _i18n.__)('Update gallery'),
+    className: 'wp-block-update-gallery-modal',
+    aria: {
+      describedby: 'wp-block-update-gallery-modal__description'
+    }
+  }, (0, _element.createElement)("p", {
+    id: 'wp-block-update-gallery-modal__description'
+  }, (0, _i18n.__)('Updating to the new format adds the ability to use custom links or styles on individual images in the gallery, and makes it easier to add or move them around.')), (0, _element.createElement)("div", {
+    className: "wp-block-update-gallery-modal-buttons"
+  }, (0, _element.createElement)(_components.Button, {
+    isTertiary: true,
+    onClick: onClose
+  }, (0, _i18n.__)('Cancel')), (0, _element.createElement)(_components.Button, {
+    isPrimary: true,
+    onClick: updateGallery({
+      replaceBlocks,
+      getBlock,
+      clientId,
+      createBlock: _blocks.createBlock
+    })
+  }, (0, _i18n.__)('Update'))));
+}
+//# sourceMappingURL=update-gallery-modal.js.map

package/build/gallery/v1/update-gallery-modal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/update-gallery-modal.js"],"names":["updateGallery","clientId","getBlock","replaceBlocks","link","attributes","sizeSlug","linkTo","images","caption","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_MEDIA","LINK_DESTINATION_NONE","innerBlocks","map","image","id","parseInt","url","alt","linkDestination","UpdateGalleryModal","onClose","blockEditorStore","describedby","createBlock"],"mappings":";;;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AAZA;AACA;AACA;;AAOA;AACA;AACA;AAOO,MAAMA,aAAa,GAAG,CAAE;AAC9BC,EAAAA,QAD8B;AAE9BC,EAAAA,QAF8B;AAG9BC,EAAAA;AAH8B,CAAF,KAItB,MAAM;AACZ,MAAIC,IAAJ;AACA,QAAM;AACLC,IAAAA,UAAU,EAAE;AAAEC,MAAAA,QAAF;AAAYC,MAAAA,MAAZ;AAAoBC,MAAAA,MAApB;AAA4BC,MAAAA;AAA5B;AADP,MAEFP,QAAQ,CAAED,QAAF,CAFZ;;AAIA,UAASM,MAAT;AACC,SAAK,MAAL;AACCH,MAAAA,IAAI,GAAGM,sCAAP;AACA;;AACD,SAAK,MAAL;AACCN,MAAAA,IAAI,GAAGO,iCAAP;AACA;;AACD;AACCP,MAAAA,IAAI,GAAGQ,gCAAP;AACA;AATF;;AAWA,QAAMC,WAAW,GAAGL,MAAM,CAACM,GAAP,CAAcC,KAAF,IAC/B,yBAAa,YAAb,EAA2B;AAC1BC,IAAAA,EAAE,EAAEC,QAAQ,CAAEF,KAAK,CAACC,EAAR,EAAY,EAAZ,CADc;AAE1BE,IAAAA,GAAG,EAAEH,KAAK,CAACG,GAFe;AAG1BC,IAAAA,GAAG,EAAEJ,KAAK,CAACI,GAHe;AAI1BV,IAAAA,OAAO,EAAEM,KAAK,CAACN,OAJW;AAK1BW,IAAAA,eAAe,EAAEhB;AALS,GAA3B,CADmB,CAApB;AAUAD,EAAAA,aAAa,CACZF,QADY,EAEZ,yBACC,cADD,EAEC;AAAEK,IAAAA,QAAF;AAAYC,IAAAA,MAAM,EAAEH,IAApB;AAA0BK,IAAAA;AAA1B,GAFD,EAGCI,WAHD,CAFY,CAAb;AAQA,CAvCM;;;;AAyCQ,SAASQ,kBAAT,CAA6B;AAAEC,EAAAA,OAAF;AAAWrB,EAAAA;AAAX,CAA7B,EAAqD;AACnE,QAAM;AAAEC,IAAAA;AAAF,MAAe,qBAAWqB,kBAAX,CAArB;AACA,QAAM;AAAEpB,IAAAA;AAAF,MAAoB,uBAAaoB,kBAAb,CAA1B;AACA,SACC,4BAAC,iBAAD;AACC,IAAA,UAAU,EAAG,cAAI,OAAJ,CADd;AAEC,IAAA,cAAc,EAAGD,OAFlB;AAGC,IAAA,KAAK,EAAG,cAAI,gBAAJ,CAHT;AAIC,IAAA,SAAS,EAAG,+BAJb;AAKC,IAAA,IAAI,EAAG;AACNE,MAAAA,WAAW,EAAE;AADP;AALR,KASC;AAAG,IAAA,EAAE,EAAG;AAAR,KACG,cACD,gKADC,CADH,CATD,EAeC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,kBAAD;AAAQ,IAAA,UAAU,MAAlB;AAAmB,IAAA,OAAO,EAAGF;AAA7B,KACG,cAAI,QAAJ,CADH,CADD,EAIC,4BAAC,kBAAD;AACC,IAAA,SAAS,MADV;AAEC,IAAA,OAAO,EAAGtB,aAAa,CAAE;AACxBG,MAAAA,aADwB;AAExBD,MAAAA,QAFwB;AAGxBD,MAAAA,QAHwB;AAIxBwB,MAAAA,WAAW,EAAXA;AAJwB,KAAF;AAFxB,KASG,cAAI,QAAJ,CATH,CAJD,CAfD,CADD;AAkCA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button, Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { createBlock } from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\n\n/**\n * Internal dependencies\n */\nimport {\n\tLINK_DESTINATION_ATTACHMENT,\n\tLINK_DESTINATION_NONE,\n\tLINK_DESTINATION_MEDIA,\n} from './constants';\n\nexport const updateGallery = ( {\n\tclientId,\n\tgetBlock,\n\treplaceBlocks,\n} ) => () => {\n\tlet link;\n\tconst {\n\t\tattributes: { sizeSlug, linkTo, images, caption },\n\t} = getBlock( clientId );\n\n\tswitch ( linkTo ) {\n\t\tcase 'post':\n\t\t\tlink = LINK_DESTINATION_ATTACHMENT;\n\t\t\tbreak;\n\t\tcase 'file':\n\t\t\tlink = LINK_DESTINATION_MEDIA;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tlink = LINK_DESTINATION_NONE;\n\t\t\tbreak;\n\t}\n\tconst innerBlocks = images.map( ( image ) =>\n\t\tcreateBlock( 'core/image', {\n\t\t\tid: parseInt( image.id, 10 ),\n\t\t\turl: image.url,\n\t\t\talt: image.alt,\n\t\t\tcaption: image.caption,\n\t\t\tlinkDestination: link,\n\t\t} )\n\t);\n\n\treplaceBlocks(\n\t\tclientId,\n\t\tcreateBlock(\n\t\t\t'core/gallery',\n\t\t\t{ sizeSlug, linkTo: link, caption },\n\t\t\tinnerBlocks\n\t\t)\n\t);\n};\n\nexport default function UpdateGalleryModal( { onClose, clientId } ) {\n\tconst { getBlock } = useSelect( blockEditorStore );\n\tconst { replaceBlocks } = useDispatch( blockEditorStore );\n\treturn (\n\t\t<Modal\n\t\t\tcloseLabel={ __( 'Close' ) }\n\t\t\tonRequestClose={ onClose }\n\t\t\ttitle={ __( 'Update gallery' ) }\n\t\t\tclassName={ 'wp-block-update-gallery-modal' }\n\t\t\taria={ {\n\t\t\t\tdescribedby: 'wp-block-update-gallery-modal__description',\n\t\t\t} }\n\t\t>\n\t\t\t<p id={ 'wp-block-update-gallery-modal__description' }>\n\t\t\t\t{ __(\n\t\t\t\t\t'Updating to the new format adds the ability to use custom links or styles on individual images in the gallery, and makes it easier to add or move them around.'\n\t\t\t\t) }\n\t\t\t</p>\n\n\t\t\t<div className=\"wp-block-update-gallery-modal-buttons\">\n\t\t\t\t<Button isTertiary onClick={ onClose }>\n\t\t\t\t\t{ __( 'Cancel' ) }\n\t\t\t\t</Button>\n\t\t\t\t<Button\n\t\t\t\t\tisPrimary\n\t\t\t\t\tonClick={ updateGallery( {\n\t\t\t\t\t\treplaceBlocks,\n\t\t\t\t\t\tgetBlock,\n\t\t\t\t\t\tclientId,\n\t\t\t\t\t\tcreateBlock,\n\t\t\t\t\t} ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Update' ) }\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t</Modal>\n\t);\n}\n"]}

package/build/group/edit.js

@@ -18,6 +18,15 @@ var _i18n = require("@wordpress/i18n");
 /**
  * WordPress dependencies
  */
+const htmlElementMessages = {
+  header: (0, _i18n.__)('The <header> element should represent introductory content, typically a group of introductory or navigational aids.'),
+  main: (0, _i18n.__)('The <main> element should be used for the primary content of your document only. '),
+  section: (0, _i18n.__)("The <section> element should represent a standalone portion of the document that can't be better represented by another element."),
+  article: (0, _i18n.__)('The <article> element should represent a self contained, syndicatable portion of the document.'),
+  aside: (0, _i18n.__)("The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content."),
+  footer: (0, _i18n.__)('The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).')
+};
+
 function GroupEdit({
   attributes,
   setAttributes,
@@ -46,15 +55,21 @@ function GroupEdit({
     layout = {}
   } = attributes;
   const usedLayout = !!layout && layout.inherit ? defaultLayout : layout;
+  const {
+    type = 'default'
+  } = usedLayout;
+  const layoutSupportEnabled = themeSupportsLayout || type !== 'default';
   const blockProps = (0, _blockEditor.useBlockProps)();
-  const innerBlocksProps = (0, _blockEditor.__experimentalUseInnerBlocksProps)(themeSupportsLayout ? blockProps : {
+  const innerBlocksProps = (0, _blockEditor.__experimentalUseInnerBlocksProps)(layoutSupportEnabled ? blockProps : {
     className: 'wp-block-group__inner-container'
   }, {
     templateLock,
     renderAppender: hasInnerBlocks ? undefined : _blockEditor.InnerBlocks.ButtonBlockAppender,
-    __experimentalLayout: themeSupportsLayout ? usedLayout : undefined
+    __experimentalLayout: layoutSupportEnabled ? usedLayout : undefined
   });
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.InspectorAdvancedControls, null, (0, _element.createElement)(_components.SelectControl, {
+  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_blockEditor.InspectorControls, {
+    __experimentalGroup: "advanced"
+  }, (0, _element.createElement)(_components.SelectControl, {
     label: (0, _i18n.__)('HTML element'),
     options: [{
       label: (0, _i18n.__)('Default (<div>)'),
@@ -81,8 +96,9 @@ function GroupEdit({
     value: TagName,
     onChange: value => setAttributes({
       tagName: value
-    })
-  })), themeSupportsLayout && (0, _element.createElement)(TagName, innerBlocksProps), !themeSupportsLayout && (0, _element.createElement)(TagName, blockProps, (0, _element.createElement)("div", innerBlocksProps)));
+    }),
+    help: htmlElementMessages[TagName]
+  })), layoutSupportEnabled && (0, _element.createElement)(TagName, innerBlocksProps), !layoutSupportEnabled && (0, _element.createElement)(TagName, blockProps, (0, _element.createElement)("div", innerBlocksProps)));
 }
 
 var _default = GroupEdit;