summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAnthony G. Basile <blueness@gentoo.org>2020-01-06 14:32:30 -0500
committerAnthony G. Basile <blueness@gentoo.org>2020-01-06 14:32:30 -0500
commit10ef81bf85ad0a4bad0d204838e14c99ca2526f7 (patch)
treeb4bb36a326d41de12d1a6181d2a2baf34696ac24 /plugins/jetpack/extensions/blocks/tiled-gallery/filter-toolbar.js
parentUpdating script for Update (diff)
downloadblogs-gentoo-10ef81bf85ad0a4bad0d204838e14c99ca2526f7.tar.gz
blogs-gentoo-10ef81bf85ad0a4bad0d204838e14c99ca2526f7.tar.bz2
blogs-gentoo-10ef81bf85ad0a4bad0d204838e14c99ca2526f7.zip
Update jetpack 8.0
Signed-off-by: Anthony G. Basile <blueness@gentoo.org>
Diffstat (limited to 'plugins/jetpack/extensions/blocks/tiled-gallery/filter-toolbar.js')
-rw-r--r--plugins/jetpack/extensions/blocks/tiled-gallery/filter-toolbar.js136
1 files changed, 0 insertions, 136 deletions
diff --git a/plugins/jetpack/extensions/blocks/tiled-gallery/filter-toolbar.js b/plugins/jetpack/extensions/blocks/tiled-gallery/filter-toolbar.js
deleted file mode 100644
index 7d86f335..00000000
--- a/plugins/jetpack/extensions/blocks/tiled-gallery/filter-toolbar.js
+++ /dev/null
@@ -1,136 +0,0 @@
-/**
- * External Dependencies
- */
-import { __, _x } from '@wordpress/i18n';
-import { Dropdown, MenuItem, NavigableMenu, Path, SVG, Toolbar } from '@wordpress/components';
-
-const availableFilters = [
- {
- icon: (
- /* No filter */
- <SVG xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <Path fill="none" d="M0 0h24v24H0V0z" />
- <Path d="M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z" />
- </SVG>
- ),
- title: _x( 'Original', 'image style', 'jetpack' ),
- value: undefined,
- },
- {
- icon: (
- /* 1 */
- <SVG xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <Path fill="none" d="M0 0h24v24H0V0z" />
- <Path d="M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm11 10h2V5h-4v2h2v8zm7-14H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z" />
- </SVG>
- ),
- title: _x( 'Black and White', 'image style', 'jetpack' ),
- value: 'black-and-white',
- },
- {
- icon: (
- /* 2 */
- <SVG xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <Path fill="none" d="M0 0h24v24H0V0z" />
- <Path d="M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm18-4H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zm-4-4h-4v-2h2c1.1 0 2-.89 2-2V7c0-1.11-.9-2-2-2h-4v2h4v2h-2c-1.1 0-2 .89-2 2v4h6v-2z" />
- </SVG>
- ),
- title: _x( 'Sepia', 'image style', 'jetpack' ),
- value: 'sepia',
- },
- {
- icon: (
- /* 3 */
- <SVG xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <Path fill="none" d="M0 0h24v24H0V0z" />
- <Path d="M21 1H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zM3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm14 8v-1.5c0-.83-.67-1.5-1.5-1.5.83 0 1.5-.67 1.5-1.5V7c0-1.11-.9-2-2-2h-4v2h4v2h-2v2h2v2h-4v2h4c1.1 0 2-.89 2-2z" />
- </SVG>
- ),
- title: '1977',
- value: '1977',
- },
- {
- icon: (
- /* 4 */
- <SVG xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <Path fill="none" d="M0 0h24v24H0V0z" />
- <Path d="M3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm12 10h2V5h-2v4h-2V5h-2v6h4v4zm6-14H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14z" />
- </SVG>
- ),
- title: _x( 'Clarendon', 'image style', 'jetpack' ),
- value: 'clarendon',
- },
- {
- icon: (
- /* 5 */
- <SVG xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <Path fill="none" d="M0 0h24v24H0z" />
- <Path d="M21 1H7c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V3c0-1.1-.9-2-2-2zm0 16H7V3h14v14zM3 5H1v16c0 1.1.9 2 2 2h16v-2H3V5zm14 8v-2c0-1.11-.9-2-2-2h-2V7h4V5h-6v6h4v2h-4v2h4c1.1 0 2-.89 2-2z" />
- </SVG>
- ),
- title: _x( 'Gingham', 'image style', 'jetpack' ),
- value: 'gingham',
- },
-];
-
-const label = __( 'Pick an image filter', 'jetpack' );
-
-export default function FilterToolbar( { value, onChange } ) {
- return (
- <Dropdown
- position="bottom right"
- className="editor-block-switcher"
- contentClassName="editor-block-switcher__popover"
- renderToggle={ ( { onToggle, isOpen } ) => {
- return (
- <Toolbar
- controls={ [
- {
- onClick: onToggle,
- extraProps: {
- 'aria-haspopup': 'true',
- 'aria-expanded': isOpen,
- },
- title: label,
- tooltip: label,
- icon: (
- <SVG
- xmlns="http://www.w3.org/2000/svg"
- width="24"
- height="24"
- viewBox="0 0 24 24"
- >
- <Path fill="none" d="M0 0h24v24H0V0z" />
- <Path d="M19 10v9H4.98V5h9V3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-9h-2zm-2.94-2.06L17 10l.94-2.06L20 7l-2.06-.94L17 4l-.94 2.06L14 7zM12 8l-1.25 2.75L8 12l2.75 1.25L12 16l1.25-2.75L16 12l-2.75-1.25z" />
- </SVG>
- ),
- },
- ] }
- />
- );
- } }
- renderContent={ ( { onClose } ) => {
- const applyOrUnset = nextValue => () => {
- onChange( value === nextValue ? undefined : nextValue );
- onClose();
- };
- return (
- <NavigableMenu className="tiled-gallery__filter-picker-menu">
- { availableFilters.map( ( { icon, title, value: filterValue } ) => (
- <MenuItem
- className={ value === filterValue ? 'is-active' : undefined }
- icon={ icon }
- isSelected={ value === filterValue }
- key={ filterValue || 'original' }
- onClick={ applyOrUnset( filterValue ) }
- role="menuitemcheckbox"
- >
- { title }
- </MenuItem>
- ) ) }
- </NavigableMenu>
- );
- } }
- />
- );
-}