Adding Plugins

Updating the following
akismet.4.1.2, google-authenticator.0.52, jetpack.7.3.1

Signed-off-by: Yury German <blueknight@gentoo.org>

1 files changed, 212 insertions, 0 deletions

diff --git a/plugins/jetpack/extensions/blocks/tiled-gallery/index.js b/plugins/jetpack/extensions/blocks/tiled-gallery/index.js
new file mode 100644
index 00000000..42079113
--- /dev/null
+++ b/plugins/jetpack/extensions/blocks/tiled-gallery/index.js
@@ -0,0 +1,212 @@
+/**
+ * External dependencies
+ */
+import { __, _x } from '@wordpress/i18n';
+import { createBlock } from '@wordpress/blocks';
+import { filter } from 'lodash';
+import { Path, SVG } from '@wordpress/components';
+
+/**
+ * Internal dependencies
+ */
+import edit from './edit';
+import save from './save';
+import {
+	LAYOUT_CIRCLE,
+	LAYOUT_COLUMN,
+	LAYOUT_DEFAULT,
+	LAYOUT_SQUARE,
+	LAYOUT_STYLES,
+} from './constants';
+
+/**
+ * Style dependencies
+ */
+import './editor.scss';
+
+import * as deprecatedV1 from './deprecated/v1';
+
+// Style names are translated. Avoid introducing an i18n dependency elsewhere (view)
+// by only including the labels here, the only place they're needed.
+//
+// Map style names to labels and merge them together.
+const styleNames = {
+	[ LAYOUT_DEFAULT ]: _x( 'Tiled mosaic', 'Tiled gallery layout', 'jetpack' ),
+	[ LAYOUT_CIRCLE ]: _x( 'Circles', 'Tiled gallery layout', 'jetpack' ),
+	[ LAYOUT_COLUMN ]: _x( 'Tiled columns', 'Tiled gallery layout', 'jetpack' ),
+	[ LAYOUT_SQUARE ]: _x( 'Square tiles', 'Tiled gallery layout', 'jetpack' ),
+};
+const layoutStylesWithLabels = LAYOUT_STYLES.map( style => ( {
+	...style,
+	label: styleNames[ style.name ],
+} ) );
+
+/**
+ * Filter valid images
+ *
+ * @param {array} images Array of image objects
+ * @return {array} Array of image objects which have id and url
+ */
+function getValidImages( images ) {
+	return filter( images, ( { id, url } ) => id && url );
+}
+
+const blockAttributes = {
+	// Set default align
+	align: {
+		default: 'center',
+		type: 'string',
+	},
+	// Set default className (used with block styles)
+	className: {
+		default: `is-style-${ LAYOUT_DEFAULT }`,
+		type: 'string',
+	},
+	columns: {
+		type: 'number',
+	},
+	ids: {
+		default: [],
+		type: 'array',
+	},
+	imageFilter: {
+		type: 'string',
+	},
+	images: {
+		type: 'array',
+		default: [],
+		source: 'query',
+		selector: '.tiled-gallery__item',
+		query: {
+			alt: {
+				attribute: 'alt',
+				default: '',
+				selector: 'img',
+				source: 'attribute',
+			},
+			height: {
+				attribute: 'data-height',
+				selector: 'img',
+				source: 'attribute',
+				type: 'number',
+			},
+			id: {
+				attribute: 'data-id',
+				selector: 'img',
+				source: 'attribute',
+			},
+			link: {
+				attribute: 'data-link',
+				selector: 'img',
+				source: 'attribute',
+			},
+			url: {
+				attribute: 'data-url',
+				selector: 'img',
+				source: 'attribute',
+			},
+			width: {
+				attribute: 'data-width',
+				selector: 'img',
+				source: 'attribute',
+				type: 'number',
+			},
+		},
+	},
+	linkTo: {
+		default: 'none',
+		type: 'string',
+	},
+};
+
+export const name = 'tiled-gallery';
+
+export const icon = (
+	<SVG viewBox="0 0 24 24" width={ 24 } height={ 24 }>
+		<Path
+			fill="currentColor"
+			d="M19 5v2h-4V5h4M9 5v6H5V5h4m10 8v6h-4v-6h4M9 17v2H5v-2h4M21 3h-8v6h8V3zM11 3H3v10h8V3zm10 8h-8v10h8V11zm-10 4H3v6h8v-6z"
+		/>
+	</SVG>
+);
+
+export const settings = {
+	attributes: blockAttributes,
+	category: 'jetpack',
+	description: __( 'Display multiple images in an elegantly organized tiled layout.', 'jetpack' ),
+	icon,
+	keywords: [
+		_x( 'images', 'block search term', 'jetpack' ),
+		_x( 'photos', 'block search term', 'jetpack' ),
+		_x( 'pictures', 'block search term', 'jetpack' ),
+	],
+	styles: layoutStylesWithLabels,
+	supports: {
+		align: [ 'center', 'wide', 'full' ],
+		customClassName: false,
+		html: false,
+	},
+	title: __( 'Tiled Gallery', 'jetpack' ),
+	transforms: {
+		from: [
+			{
+				type: 'block',
+				isMultiBlock: true,
+				blocks: [ 'core/image' ],
+				isMatch: images => getValidImages( images ).length > 0,
+				transform: images => {
+					const validImages = getValidImages( images );
+					return createBlock( `jetpack/${ name }`, {
+						images: validImages.map( ( { id, url, alt } ) => ( {
+							id,
+							url,
+							alt,
+						} ) ),
+						ids: validImages.map( ( { id } ) => id ),
+					} );
+				},
+			},
+			{
+				type: 'block',
+				blocks: [ 'core/gallery', 'jetpack/slideshow' ],
+				transform: ( { images } ) => {
+					const validImages = getValidImages( images );
+					if ( validImages.length > 0 ) {
+						return createBlock( `jetpack/${ name }`, {
+							images: validImages.map( ( { id, url, alt } ) => ( {
+								id,
+								url,
+								alt,
+							} ) ),
+							ids: validImages.map( ( { id } ) => id ),
+						} );
+					}
+					return createBlock( `jetpack/${ name }` );
+				},
+			},
+		],
+		to: [
+			{
+				type: 'block',
+				blocks: [ 'core/gallery' ],
+				transform: ( { images, ids, columns, linkTo } ) =>
+					createBlock( 'core/gallery', { images, ids, columns, imageCrop: true, linkTo } ),
+			},
+			{
+				type: 'block',
+				blocks: [ 'core/image' ],
+				transform: ( { align, images } ) => {
+					if ( images.length > 0 ) {
+						return images.map( ( { id, url, alt } ) =>
+							createBlock( 'core/image', { align, id, url, alt } )
+						);
+					}
+					return createBlock( 'core/image' );
+				},
+			},
+		],
+	},
+	edit,
+	save,
+	deprecated: [ deprecatedV1 ],
+};