@wordpress/block-library 5.0.1 → 6.0.1

package/build-module/gallery/v1/gallery.js

@@ -0,0 +1,102 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import { createElement } from "@wordpress/element";
+
+/**
+ * External dependencies
+ */
+import classnames from 'classnames';
+/**
+ * WordPress dependencies
+ */
+
+import { RichText } from '@wordpress/block-editor';
+import { VisuallyHidden } from '@wordpress/components';
+import { __, sprintf } from '@wordpress/i18n';
+import { createBlock } from '@wordpress/blocks';
+/**
+ * Internal dependencies
+ */
+
+import GalleryImage from './gallery-image';
+import { defaultColumnsNumberV1 } from '../deprecated';
+export const Gallery = props => {
+  const {
+    attributes,
+    isSelected,
+    setAttributes,
+    selectedImage,
+    mediaPlaceholder,
+    onMoveBackward,
+    onMoveForward,
+    onRemoveImage,
+    onSelectImage,
+    onDeselectImage,
+    onSetImageAttributes,
+    insertBlocksAfter,
+    blockProps
+  } = props;
+  const {
+    align,
+    columns = defaultColumnsNumberV1(attributes),
+    caption,
+    imageCrop,
+    images
+  } = attributes;
+  return createElement("figure", _extends({}, blockProps, {
+    className: classnames(blockProps.className, {
+      [`align${align}`]: align,
+      [`columns-${columns}`]: columns,
+      'is-cropped': imageCrop
+    })
+  }), createElement("ul", {
+    className: "blocks-gallery-grid"
+  }, images.map((img, index) => {
+    const ariaLabel = sprintf(
+    /* translators: 1: the order number of the image. 2: the total number of images. */
+    __('image %1$d of %2$d in gallery'), index + 1, images.length);
+    return createElement("li", {
+      className: "blocks-gallery-item",
+      key: img.id ? `${img.id}-${index}` : img.url
+    }, createElement(GalleryImage, {
+      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, createElement(RichTextVisibilityHelper, {
+    isHidden: !isSelected && RichText.isEmpty(caption),
+    tagName: "figcaption",
+    className: "blocks-gallery-caption",
+    "aria-label": __('Gallery caption text'),
+    placeholder: __('Write gallery caption…'),
+    value: caption,
+    onChange: value => setAttributes({
+      caption: value
+    }),
+    inlineToolbar: true,
+    __unstableOnSplitAtEnd: () => insertBlocksAfter(createBlock('core/paragraph'))
+  }));
+};
+
+function RichTextVisibilityHelper({
+  isHidden,
+  ...richTextProps
+}) {
+  return isHidden ? createElement(VisuallyHidden, _extends({
+    as: RichText
+  }, richTextProps)) : createElement(RichText, richTextProps);
+}
+
+export default Gallery;
+//# sourceMappingURL=gallery.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/gallery.js"],"names":["classnames","RichText","VisuallyHidden","__","sprintf","createBlock","GalleryImage","defaultColumnsNumberV1","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","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-module/gallery/v1/gallery.native.js

@@ -0,0 +1,136 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * External dependencies
+ */
+import { View } from 'react-native';
+import { isEmpty } from 'lodash';
+/**
+ * Internal dependencies
+ */
+
+import GalleryImage from './gallery-image';
+import { defaultColumnsNumberV1 } from '../deprecated';
+import styles from './gallery-styles.scss';
+import Tiles from './tiles';
+/**
+ * WordPress dependencies
+ */
+
+import { __, sprintf } from '@wordpress/i18n';
+import { BlockCaption, store as blockEditorStore } from '@wordpress/block-editor';
+import { useState, useEffect } from '@wordpress/element';
+import { mediaUploadSync } from '@wordpress/react-native-bridge';
+import { useSelect } from '@wordpress/data';
+import { alignmentHelpers } from '@wordpress/components';
+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
+} = alignmentHelpers;
+export const Gallery = props => {
+  const [isCaptionSelected, setIsCaptionSelected] = useState(false);
+  useEffect(mediaUploadSync, []);
+  const isRTL = useSelect(select => {
+    return !!select(blockEditorStore).getSettings().isRTL;
+  }, []);
+  const {
+    clientId,
+    selectedImage,
+    mediaPlaceholder,
+    onBlur,
+    onMoveBackward,
+    onMoveForward,
+    onRemoveImage,
+    onSelectImage,
+    onSetImageAttributes,
+    onFocusGalleryCaption,
+    attributes,
+    isSelected,
+    isNarrow,
+    onFocus,
+    insertBlocksAfter
+  } = props;
+  const {
+    align,
+    columns = 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 createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, createElement(Tiles, {
+    columns: displayedColumns,
+    spacing: TILE_SPACING,
+    style: isSelected ? styles.galleryTilesContainerSelected : undefined
+  }, images.map((img, index) => {
+    const ariaLabel = sprintf(
+    /* translators: 1: the order number of the image. 2: the total number of images. */
+    __('image %1$d of %2$d in gallery'), index + 1, images.length);
+    return createElement(GalleryImage, {
+      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
+    });
+  })), createElement(View, {
+    style: isFullWidth(align) && styles.fullWidth
+  }, mediaPlaceholder), createElement(BlockCaption, {
+    clientId: clientId,
+    isSelected: isCaptionSelected,
+    accessible: true,
+    accessibilityLabelCreator: caption => isEmpty(caption) ?
+    /* translators: accessibility text. Empty gallery caption. */
+    'Gallery caption. Empty' : sprintf(
+    /* translators: accessibility text. %s: gallery caption. */
+    __('Gallery caption. %s'), caption),
+    onFocus: focusGalleryCaption,
+    onBlur: onBlur // always assign onBlur as props
+    ,
+    insertBlocksAfter: insertBlocksAfter
+  }));
+};
+export default Gallery;
+//# sourceMappingURL=gallery.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/gallery.native.js"],"names":["View","isEmpty","GalleryImage","defaultColumnsNumberV1","styles","Tiles","__","sprintf","BlockCaption","store","blockEditorStore","useState","useEffect","mediaUploadSync","useSelect","alignmentHelpers","TILE_SPACING","MAX_DISPLAYED_COLUMNS","MAX_DISPLAYED_COLUMNS_NARROW","isFullWidth","Gallery","props","isCaptionSelected","setIsCaptionSelected","isRTL","select","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","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-module/gallery/v1/save.js

@@ -0,0 +1,65 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { RichText, useBlockProps } from '@wordpress/block-editor';
+/**
+ * Internal dependencies
+ */
+
+import { defaultColumnsNumberV1 } from '../deprecated';
+import { LINK_DESTINATION_ATTACHMENT, LINK_DESTINATION_MEDIA } from './constants';
+export default function saveV1({
+  attributes
+}) {
+  const {
+    images,
+    columns = defaultColumnsNumberV1(attributes),
+    imageCrop,
+    caption,
+    linkTo
+  } = attributes;
+  const className = `columns-${columns} ${imageCrop ? 'is-cropped' : ''}`;
+  return createElement("figure", useBlockProps.save({
+    className
+  }), createElement("ul", {
+    className: "blocks-gallery-grid"
+  }, images.map(image => {
+    let href;
+
+    switch (linkTo) {
+      case LINK_DESTINATION_MEDIA:
+        href = image.fullUrl || image.url;
+        break;
+
+      case LINK_DESTINATION_ATTACHMENT:
+        href = image.link;
+        break;
+    }
+
+    const img = 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 createElement("li", {
+      key: image.id || image.url,
+      className: "blocks-gallery-item"
+    }, createElement("figure", null, href ? createElement("a", {
+      href: href
+    }, img) : img, !RichText.isEmpty(image.caption) && createElement(RichText.Content, {
+      tagName: "figcaption",
+      className: "blocks-gallery-item__caption",
+      value: image.caption
+    })));
+  })), !RichText.isEmpty(caption) && createElement(RichText.Content, {
+    tagName: "figcaption",
+    className: "blocks-gallery-caption",
+    value: caption
+  }));
+}
+//# sourceMappingURL=save.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/save.js"],"names":["RichText","useBlockProps","defaultColumnsNumberV1","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_MEDIA","saveV1","attributes","images","columns","imageCrop","caption","linkTo","className","save","map","image","href","fullUrl","url","link","img","alt","id","isEmpty"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,QAAT,EAAmBC,aAAnB,QAAwC,yBAAxC;AAEA;AACA;AACA;;AACA,SAASC,sBAAT,QAAuC,eAAvC;AACA,SACCC,2BADD,EAECC,sBAFD,QAGO,aAHP;AAKA,eAAe,SAASC,MAAT,CAAiB;AAAEC,EAAAA;AAAF,CAAjB,EAAkC;AAChD,QAAM;AACLC,IAAAA,MADK;AAELC,IAAAA,OAAO,GAAGN,sBAAsB,CAAEI,UAAF,CAF3B;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,wBAAaR,aAAa,CAACY,IAAd,CAAoB;AAAED,IAAAA;AAAF,GAApB,CAAb,EACC;AAAI,IAAA,SAAS,EAAC;AAAd,KACGL,MAAM,CAACO,GAAP,CAAcC,KAAF,IAAa;AAC1B,QAAIC,IAAJ;;AAEA,YAASL,MAAT;AACC,WAAKP,sBAAL;AACCY,QAAAA,IAAI,GAAGD,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACG,GAA9B;AACA;;AACD,WAAKf,2BAAL;AACCa,QAAAA,IAAI,GAAGD,KAAK,CAACI,IAAb;AACA;AANF;;AASA,UAAMC,GAAG,GACR;AACC,MAAA,GAAG,EAAGL,KAAK,CAACG,GADb;AAEC,MAAA,GAAG,EAAGH,KAAK,CAACM,GAFb;AAGC,iBAAUN,KAAK,CAACO,EAHjB;AAIC,uBAAgBP,KAAK,CAACE,OAJvB;AAKC,mBAAYF,KAAK,CAACI,IALnB;AAMC,MAAA,SAAS,EACRJ,KAAK,CAACO,EAAN,GAAY,YAAYP,KAAK,CAACO,EAAI,EAAlC,GAAsC;AAPxC,MADD;AAaA,WACC;AACC,MAAA,GAAG,EAAGP,KAAK,CAACO,EAAN,IAAYP,KAAK,CAACG,GADzB;AAEC,MAAA,SAAS,EAAC;AAFX,OAIC,8BACGF,IAAI,GAAG;AAAG,MAAA,IAAI,EAAGA;AAAV,OAAmBI,GAAnB,CAAH,GAAkCA,GADzC,EAEG,CAAEpB,QAAQ,CAACuB,OAAT,CAAkBR,KAAK,CAACL,OAAxB,CAAF,IACD,cAAC,QAAD,CAAU,OAAV;AACC,MAAA,OAAO,EAAC,YADT;AAEC,MAAA,SAAS,EAAC,8BAFX;AAGC,MAAA,KAAK,EAAGK,KAAK,CAACL;AAHf,MAHF,CAJD,CADD;AAiBA,GA1CC,CADH,CADD,EA8CG,CAAEV,QAAQ,CAACuB,OAAT,CAAkBb,OAAlB,CAAF,IACD,cAAC,QAAD,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-module/gallery/v1/shared.js

@@ -0,0 +1,16 @@
+/**
+ * External dependencies
+ */
+import { get, pick } from 'lodash';
+export const pickRelevantMediaFiles = (image, sizeSlug = 'large') => {
+  const imageProps = pick(image, ['alt', 'id', 'link', 'caption']);
+  imageProps.url = get(image, ['sizes', sizeSlug, 'url']) || get(image, ['media_details', 'sizes', sizeSlug, 'source_url']) || image.url;
+  const fullUrl = get(image, ['sizes', 'full', 'url']) || get(image, ['media_details', 'sizes', 'full', 'source_url']);
+
+  if (fullUrl) {
+    imageProps.fullUrl = fullUrl;
+  }
+
+  return imageProps;
+};
+//# sourceMappingURL=shared.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/shared.js"],"names":["get","pick","pickRelevantMediaFiles","image","sizeSlug","imageProps","url","fullUrl"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,GAAT,EAAcC,IAAd,QAA0B,QAA1B;AAEA,OAAO,MAAMC,sBAAsB,GAAG,CAAEC,KAAF,EAASC,QAAQ,GAAG,OAApB,KAAiC;AACtE,QAAMC,UAAU,GAAGJ,IAAI,CAAEE,KAAF,EAAS,CAAE,KAAF,EAAS,IAAT,EAAe,MAAf,EAAuB,SAAvB,CAAT,CAAvB;AACAE,EAAAA,UAAU,CAACC,GAAX,GACCN,GAAG,CAAEG,KAAF,EAAS,CAAE,OAAF,EAAWC,QAAX,EAAqB,KAArB,CAAT,CAAH,IACAJ,GAAG,CAAEG,KAAF,EAAS,CAAE,eAAF,EAAmB,OAAnB,EAA4BC,QAA5B,EAAsC,YAAtC,CAAT,CADH,IAEAD,KAAK,CAACG,GAHP;AAIA,QAAMC,OAAO,GACZP,GAAG,CAAEG,KAAF,EAAS,CAAE,OAAF,EAAW,MAAX,EAAmB,KAAnB,CAAT,CAAH,IACAH,GAAG,CAAEG,KAAF,EAAS,CAAE,eAAF,EAAmB,OAAnB,EAA4B,MAA5B,EAAoC,YAApC,CAAT,CAFJ;;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-module/gallery/{tiles.native.js → v1/tiles.native.js}

@@ -29,7 +29,8 @@ function Tiles(props) {
   const lastTile = tileCount - 1;
   const lastRow = Math.floor(lastTile / columns);
   const wrappedChildren = 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-module/gallery/v1/tiles.native.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/tiles.native.js"],"names":["View","StyleSheet","Children","styles","Tiles","props","columns","children","spacing","style","compose","tileCount","count","lastTile","lastRow","Math","floor","wrappedChildren","map","child","index","row","rowLength","indexInRow","tileStyle","width","paddingLeft","paddingRight","paddingTop","paddingBottom","containerStyle"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,IAAT,EAAeC,UAAf,QAAiC,cAAjC;AAEA;AACA;AACA;;AACA,SAASC,QAAT,QAAyB,oBAAzB;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,qBAAnB;;AAEA,SAASC,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,MAAcT,UAApB;AAEA,QAAMU,SAAS,GAAGT,QAAQ,CAACU,KAAT,CAAgBL,QAAhB,CAAlB;AACA,QAAMM,QAAQ,GAAGF,SAAS,GAAG,CAA7B;AACA,QAAMG,OAAO,GAAGC,IAAI,CAACC,KAAL,CAAYH,QAAQ,GAAGP,OAAvB,CAAhB;AAEA,QAAMW,eAAe,GAAGf,QAAQ,CAACgB,GAAT,CAAcX,QAAd,EAAwB,CAAEY,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,GAAGd,OAApB,CAAZ;AACA,UAAMgB,SAAS,GACdD,GAAG,KAAKP,OAAR,GAAoBD,QAAQ,GAAGP,OAAb,GAAyB,CAA3C,GAA+CA,OADhD;AAEA,UAAMiB,UAAU,GAAGH,KAAK,GAAGd,OAA3B;AAEA,WACC,cAAC,IAAD;AACC,MAAA,KAAK,EAAG,CACPH,MAAM,CAACqB,SADA,EAEP;AACCC,QAAAA,KAAK,EAAG,GAAG,MAAMH,SAAW,GAD7B;AAECI,QAAAA,WAAW,EAAElB,OAAO,IAAKe,UAAU,GAAGD,SAAlB,CAFrB;AAGCK,QAAAA,YAAY,EACXnB,OAAO,IAAK,IAAI,CAAEe,UAAU,GAAG,CAAf,IAAqBD,SAA9B,CAJT;AAKCM,QAAAA,UAAU,EAAEP,GAAG,KAAK,CAAR,GAAY,CAAZ,GAAgBb,OAAO,GAAG,CALvC;AAMCqB,QAAAA,aAAa,EAAER,GAAG,KAAKP,OAAR,GAAkB,CAAlB,GAAsBN,OAAO,GAAG;AANhD,OAFO;AADT,OAaGW,KAbH,CADD;AAiBA,GA/CuB,CAAxB;AAiDA,QAAMW,cAAc,GAAGpB,OAAO,CAAEP,MAAM,CAAC2B,cAAT,EAAyBrB,KAAzB,CAA9B;AAEA,SAAO,cAAC,IAAD;AAAM,IAAA,KAAK,EAAGqB;AAAd,KAAiCb,eAAjC,CAAP;AACA;;AAED,eAAeb,KAAf","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-module/gallery/v1/update-gallery-modal.js

@@ -0,0 +1,93 @@
+import { createElement } from "@wordpress/element";
+
+/**
+ * WordPress dependencies
+ */
+import { Button, Modal } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { useDispatch, useSelect } from '@wordpress/data';
+import { createBlock } from '@wordpress/blocks';
+import { store as blockEditorStore } from '@wordpress/block-editor';
+/**
+ * Internal dependencies
+ */
+
+import { LINK_DESTINATION_ATTACHMENT, LINK_DESTINATION_NONE, LINK_DESTINATION_MEDIA } from './constants';
+export const updateGallery = ({
+  clientId,
+  getBlock,
+  replaceBlocks
+}) => () => {
+  let link;
+  const {
+    attributes: {
+      sizeSlug,
+      linkTo,
+      images,
+      caption
+    }
+  } = getBlock(clientId);
+
+  switch (linkTo) {
+    case 'post':
+      link = LINK_DESTINATION_ATTACHMENT;
+      break;
+
+    case 'file':
+      link = LINK_DESTINATION_MEDIA;
+      break;
+
+    default:
+      link = LINK_DESTINATION_NONE;
+      break;
+  }
+
+  const innerBlocks = images.map(image => createBlock('core/image', {
+    id: parseInt(image.id, 10),
+    url: image.url,
+    alt: image.alt,
+    caption: image.caption,
+    linkDestination: link
+  }));
+  replaceBlocks(clientId, createBlock('core/gallery', {
+    sizeSlug,
+    linkTo: link,
+    caption
+  }, innerBlocks));
+};
+export default function UpdateGalleryModal({
+  onClose,
+  clientId
+}) {
+  const {
+    getBlock
+  } = useSelect(blockEditorStore);
+  const {
+    replaceBlocks
+  } = useDispatch(blockEditorStore);
+  return createElement(Modal, {
+    closeLabel: __('Close'),
+    onRequestClose: onClose,
+    title: __('Update gallery'),
+    className: 'wp-block-update-gallery-modal',
+    aria: {
+      describedby: 'wp-block-update-gallery-modal__description'
+    }
+  }, createElement("p", {
+    id: 'wp-block-update-gallery-modal__description'
+  }, __('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.')), createElement("div", {
+    className: "wp-block-update-gallery-modal-buttons"
+  }, createElement(Button, {
+    isTertiary: true,
+    onClick: onClose
+  }, __('Cancel')), createElement(Button, {
+    isPrimary: true,
+    onClick: updateGallery({
+      replaceBlocks,
+      getBlock,
+      clientId,
+      createBlock
+    })
+  }, __('Update'))));
+}
+//# sourceMappingURL=update-gallery-modal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["@wordpress/block-library/src/gallery/v1/update-gallery-modal.js"],"names":["Button","Modal","__","useDispatch","useSelect","createBlock","store","blockEditorStore","LINK_DESTINATION_ATTACHMENT","LINK_DESTINATION_NONE","LINK_DESTINATION_MEDIA","updateGallery","clientId","getBlock","replaceBlocks","link","attributes","sizeSlug","linkTo","images","caption","innerBlocks","map","image","id","parseInt","url","alt","linkDestination","UpdateGalleryModal","onClose","describedby"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,MAAT,EAAiBC,KAAjB,QAA8B,uBAA9B;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,WAAT,EAAsBC,SAAtB,QAAuC,iBAAvC;AACA,SAASC,WAAT,QAA4B,mBAA5B;AACA,SAASC,KAAK,IAAIC,gBAAlB,QAA0C,yBAA1C;AAEA;AACA;AACA;;AACA,SACCC,2BADD,EAECC,qBAFD,EAGCC,sBAHD,QAIO,aAJP;AAMA,OAAO,MAAMC,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,GAAGP,2BAAP;AACA;;AACD,SAAK,MAAL;AACCO,MAAAA,IAAI,GAAGL,sBAAP;AACA;;AACD;AACCK,MAAAA,IAAI,GAAGN,qBAAP;AACA;AATF;;AAWA,QAAMY,WAAW,GAAGF,MAAM,CAACG,GAAP,CAAcC,KAAF,IAC/BlB,WAAW,CAAE,YAAF,EAAgB;AAC1BmB,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;AAI1BP,IAAAA,OAAO,EAAEG,KAAK,CAACH,OAJW;AAK1BQ,IAAAA,eAAe,EAAEb;AALS,GAAhB,CADQ,CAApB;AAUAD,EAAAA,aAAa,CACZF,QADY,EAEZP,WAAW,CACV,cADU,EAEV;AAAEY,IAAAA,QAAF;AAAYC,IAAAA,MAAM,EAAEH,IAApB;AAA0BK,IAAAA;AAA1B,GAFU,EAGVC,WAHU,CAFC,CAAb;AAQA,CAvCM;AAyCP,eAAe,SAASQ,kBAAT,CAA6B;AAAEC,EAAAA,OAAF;AAAWlB,EAAAA;AAAX,CAA7B,EAAqD;AACnE,QAAM;AAAEC,IAAAA;AAAF,MAAeT,SAAS,CAAEG,gBAAF,CAA9B;AACA,QAAM;AAAEO,IAAAA;AAAF,MAAoBX,WAAW,CAAEI,gBAAF,CAArC;AACA,SACC,cAAC,KAAD;AACC,IAAA,UAAU,EAAGL,EAAE,CAAE,OAAF,CADhB;AAEC,IAAA,cAAc,EAAG4B,OAFlB;AAGC,IAAA,KAAK,EAAG5B,EAAE,CAAE,gBAAF,CAHX;AAIC,IAAA,SAAS,EAAG,+BAJb;AAKC,IAAA,IAAI,EAAG;AACN6B,MAAAA,WAAW,EAAE;AADP;AALR,KASC;AAAG,IAAA,EAAE,EAAG;AAAR,KACG7B,EAAE,CACH,gKADG,CADL,CATD,EAeC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,MAAD;AAAQ,IAAA,UAAU,MAAlB;AAAmB,IAAA,OAAO,EAAG4B;AAA7B,KACG5B,EAAE,CAAE,QAAF,CADL,CADD,EAIC,cAAC,MAAD;AACC,IAAA,SAAS,MADV;AAEC,IAAA,OAAO,EAAGS,aAAa,CAAE;AACxBG,MAAAA,aADwB;AAExBD,MAAAA,QAFwB;AAGxBD,MAAAA,QAHwB;AAIxBP,MAAAA;AAJwB,KAAF;AAFxB,KASGH,EAAE,CAAE,QAAF,CATL,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-module/group/edit.js

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

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

@@ -1 +1 @@
-{"version":3,"sources":["@wordpress/block-library/src/group/edit.js"],"names":["useSelect","InnerBlocks","useBlockProps","InspectorAdvancedControls","__experimentalUseInnerBlocksProps","useInnerBlocksProps","useSetting","store","blockEditorStore","SelectControl","__","GroupEdit","attributes","setAttributes","clientId","hasInnerBlocks","themeSupportsLayout","select","getBlock","getSettings","block","innerBlocks","length","supportsLayout","defaultLayout","tagName","TagName","templateLock","layout","usedLayout","inherit","blockProps","innerBlocksProps","className","renderAppender","undefined","ButtonBlockAppender","__experimentalLayout","label","value"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\tInnerBlocks,\n\tuseBlockProps,\n\tInspectorAdvancedControls,\n\t__experimentalUseInnerBlocksProps as useInnerBlocksProps,\n\tuseSetting,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nfunction GroupEdit( { attributes, setAttributes, clientId } ) {\n\tconst { hasInnerBlocks, themeSupportsLayout } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock, getSettings } = select( blockEditorStore );\n\t\t\tconst block = getBlock( clientId );\n\t\t\treturn {\n\t\t\t\thasInnerBlocks: !! ( block && block.innerBlocks.length ),\n\t\t\t\tthemeSupportsLayout: getSettings()?.supportsLayout,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst defaultLayout = useSetting( 'layout' ) || {};\n\tconst { tagName: TagName = 'div', templateLock, layout = {} } = attributes;\n\tconst usedLayout = !! layout && layout.inherit ? defaultLayout : layout;\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\tthemeSupportsLayout\n\t\t\t? blockProps\n\t\t\t: { className: 'wp-block-group__inner-container' },\n\t\t{\n\t\t\ttemplateLock,\n\t\t\trenderAppender: hasInnerBlocks\n\t\t\t\t? undefined\n\t\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t\t\t__experimentalLayout: themeSupportsLayout ? usedLayout : undefined,\n\t\t}\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorAdvancedControls>\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ TagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</InspectorAdvancedControls>\n\t\t\t{ themeSupportsLayout && <TagName { ...innerBlocksProps } /> }\n\t\t\t{ /* Ideally this is not needed but it's there for backward compatibility reason\n\t\t\t\tto keep this div for themes that might rely on its presence */ }\n\t\t\t{ ! themeSupportsLayout && (\n\t\t\t\t<TagName { ...blockProps }>\n\t\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t\t</TagName>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default GroupEdit;\n"]}
+{"version":3,"sources":["@wordpress/block-library/src/group/edit.js"],"names":["useSelect","InnerBlocks","useBlockProps","InspectorControls","__experimentalUseInnerBlocksProps","useInnerBlocksProps","useSetting","store","blockEditorStore","SelectControl","__","htmlElementMessages","header","main","section","article","aside","footer","GroupEdit","attributes","setAttributes","clientId","hasInnerBlocks","themeSupportsLayout","select","getBlock","getSettings","block","innerBlocks","length","supportsLayout","defaultLayout","tagName","TagName","templateLock","layout","usedLayout","inherit","type","layoutSupportEnabled","blockProps","innerBlocksProps","className","renderAppender","undefined","ButtonBlockAppender","__experimentalLayout","label","value"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport {\n\tInnerBlocks,\n\tuseBlockProps,\n\tInspectorControls,\n\t__experimentalUseInnerBlocksProps as useInnerBlocksProps,\n\tuseSetting,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { SelectControl } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\n\nconst htmlElementMessages = {\n\theader: __(\n\t\t'The <header> element should represent introductory content, typically a group of introductory or navigational aids.'\n\t),\n\tmain: __(\n\t\t'The <main> element should be used for the primary content of your document only. '\n\t),\n\tsection: __(\n\t\t\"The <section> element should represent a standalone portion of the document that can't be better represented by another element.\"\n\t),\n\tarticle: __(\n\t\t'The <article> element should represent a self contained, syndicatable portion of the document.'\n\t),\n\taside: __(\n\t\t\"The <aside> element should represent a portion of a document whose content is only indirectly related to the document's main content.\"\n\t),\n\tfooter: __(\n\t\t'The <footer> element should represent a footer for its nearest sectioning element (e.g.: <section>, <article>, <main> etc.).'\n\t),\n};\n\nfunction GroupEdit( { attributes, setAttributes, clientId } ) {\n\tconst { hasInnerBlocks, themeSupportsLayout } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getBlock, getSettings } = select( blockEditorStore );\n\t\t\tconst block = getBlock( clientId );\n\t\t\treturn {\n\t\t\t\thasInnerBlocks: !! ( block && block.innerBlocks.length ),\n\t\t\t\tthemeSupportsLayout: getSettings()?.supportsLayout,\n\t\t\t};\n\t\t},\n\t\t[ clientId ]\n\t);\n\tconst defaultLayout = useSetting( 'layout' ) || {};\n\tconst { tagName: TagName = 'div', templateLock, layout = {} } = attributes;\n\tconst usedLayout = !! layout && layout.inherit ? defaultLayout : layout;\n\tconst { type = 'default' } = usedLayout;\n\tconst layoutSupportEnabled = themeSupportsLayout || type !== 'default';\n\n\tconst blockProps = useBlockProps();\n\tconst innerBlocksProps = useInnerBlocksProps(\n\t\tlayoutSupportEnabled\n\t\t\t? blockProps\n\t\t\t: { className: 'wp-block-group__inner-container' },\n\t\t{\n\t\t\ttemplateLock,\n\t\t\trenderAppender: hasInnerBlocks\n\t\t\t\t? undefined\n\t\t\t\t: InnerBlocks.ButtonBlockAppender,\n\t\t\t__experimentalLayout: layoutSupportEnabled ? usedLayout : undefined,\n\t\t}\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<InspectorControls __experimentalGroup=\"advanced\">\n\t\t\t\t<SelectControl\n\t\t\t\t\tlabel={ __( 'HTML element' ) }\n\t\t\t\t\toptions={ [\n\t\t\t\t\t\t{ label: __( 'Default (<div>)' ), value: 'div' },\n\t\t\t\t\t\t{ label: '<header>', value: 'header' },\n\t\t\t\t\t\t{ label: '<main>', value: 'main' },\n\t\t\t\t\t\t{ label: '<section>', value: 'section' },\n\t\t\t\t\t\t{ label: '<article>', value: 'article' },\n\t\t\t\t\t\t{ label: '<aside>', value: 'aside' },\n\t\t\t\t\t\t{ label: '<footer>', value: 'footer' },\n\t\t\t\t\t] }\n\t\t\t\t\tvalue={ TagName }\n\t\t\t\t\tonChange={ ( value ) =>\n\t\t\t\t\t\tsetAttributes( { tagName: value } )\n\t\t\t\t\t}\n\t\t\t\t\thelp={ htmlElementMessages[ TagName ] }\n\t\t\t\t/>\n\t\t\t</InspectorControls>\n\t\t\t{ layoutSupportEnabled && <TagName { ...innerBlocksProps } /> }\n\t\t\t{ /* Ideally this is not needed but it's there for backward compatibility reason\n\t\t\t\tto keep this div for themes that might rely on its presence */ }\n\t\t\t{ ! layoutSupportEnabled && (\n\t\t\t\t<TagName { ...blockProps }>\n\t\t\t\t\t<div { ...innerBlocksProps } />\n\t\t\t\t</TagName>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nexport default GroupEdit;\n"]}

package/build-module/group/index.js

@@ -36,7 +36,10 @@ const metadata = {
       link: true
     },
     spacing: {
-      padding: true
+      padding: true,
+      __experimentalDefaultControls: {
+        padding: true
+      }
     },
     __experimentalBorder: {
       color: true,
@@ -50,6 +53,7 @@ const metadata = {
   style: "wp-block-group"
 };
 import save from './save';
+import variations from './variations';
 const {
   name
 } = metadata;
@@ -146,6 +150,7 @@ export const settings = {
   },
   edit,
   save,
-  deprecated
+  deprecated,
+  variations
 };
 //# sourceMappingURL=index.js.map