diff options
Diffstat (limited to 'plugins/jetpack/extensions/blocks/map/settings.js')
-rw-r--r-- | plugins/jetpack/extensions/blocks/map/settings.js | 104 |
1 files changed, 104 insertions, 0 deletions
diff --git a/plugins/jetpack/extensions/blocks/map/settings.js b/plugins/jetpack/extensions/blocks/map/settings.js new file mode 100644 index 00000000..e8bc87d2 --- /dev/null +++ b/plugins/jetpack/extensions/blocks/map/settings.js @@ -0,0 +1,104 @@ +// Disable forbidden <svg> etc. so that frontend component does not depend on @wordpress/component +/* eslint-disable react/forbid-elements */ +/** + * External dependencies + */ +import { __, _x } from '@wordpress/i18n'; + +export const settings = { + name: 'map', + prefix: 'jetpack', + title: __( 'Map', 'jetpack' ), + icon: ( + /* Do not use SVG components from @wordpress/component to avoid frontend bloat */ + <svg + xmlns="http://www.w3.org/2000/svg" + width="24" + height="24" + viewBox="0 0 24 24" + role="img" + aria-hidden="true" + focusable="false" + > + <path fill="none" d="M0 0h24v24H0V0z" /> + <path d="M20.5 3l-.16.03L15 5.1 9 3 3.36 4.9c-.21.07-.36.25-.36.48V20.5c0 .28.22.5.5.5l.16-.03L9 18.9l6 2.1 5.64-1.9c.21-.07.36-.25.36-.48V3.5c0-.28-.22-.5-.5-.5zM10 5.47l4 1.4v11.66l-4-1.4V5.47zm-5 .99l3-1.01v11.7l-3 1.16V6.46zm14 11.08l-3 1.01V6.86l3-1.16v11.84z" /> + </svg> + ), + category: 'jetpack', + keywords: [ + _x( 'map', 'block search term', 'jetpack' ), + _x( 'location', 'block search term', 'jetpack' ), + _x( 'navigation', 'block search term', 'jetpack' ), + ], + description: __( 'Add an interactive map showing one or more locations.', 'jetpack' ), + attributes: { + align: { + type: 'string', + }, + points: { + type: 'array', + default: [], + }, + mapStyle: { + type: 'string', + default: 'default', + }, + mapDetails: { + type: 'boolean', + default: true, + }, + zoom: { + type: 'integer', + default: 13, + }, + mapCenter: { + type: 'object', + default: { + longitude: -122.41941550000001, + latitude: 37.7749295, + }, + }, + markerColor: { + type: 'string', + default: 'red', + }, + }, + supports: { + html: false, + }, + mapStyleOptions: [ + { + value: 'default', + label: __( 'Basic', 'jetpack' ), + }, + { + value: 'black_and_white', + label: __( 'Black and white', 'jetpack' ), + }, + { + value: 'satellite', + label: __( 'Satellite', 'jetpack' ), + }, + { + value: 'terrain', + label: __( 'Terrain', 'jetpack' ), + }, + ], + validAlignments: [ 'center', 'wide', 'full' ], + markerIcon: ( + /* Do not use SVG components from @wordpress/component to avoid frontend bloat */ + <svg width="14" height="20" viewBox="0 0 14 20" xmlns="http://www.w3.org/2000/svg"> + <g id="Page-1" fill="none" fillRule="evenodd"> + <g id="outline-add_location-24px" transform="translate(-5 -2)"> + <polygon id="Shape" points="0 0 24 0 24 24 0 24" /> + <path + d="M12,2 C8.14,2 5,5.14 5,9 C5,14.25 12,22 12,22 C12,22 19,14.25 19,9 C19,5.14 15.86,2 12,2 Z M7,9 C7,6.24 9.24,4 12,4 C14.76,4 17,6.24 17,9 C17,11.88 14.12,16.19 12,18.88 C9.92,16.21 7,11.85 7,9 Z M13,6 L11,6 L11,8 L9,8 L9,10 L11,10 L11,12 L13,12 L13,10 L15,10 L15,8 L13,8 L13,6 Z" + id="Shape" + fill="#000" + fillRule="nonzero" + /> + </g> + </g> + </svg> + ), +}; |