1. Advisor
  2. @wordpress/keycodes
  3. functions
  4. @wordpress/keycodes.rawShortcut.access
View all @wordpress/keycodes analysis

How to use the @wordpress/keycodes.rawShortcut.access function in @wordpress/keycodes

To help you get started, we’ve selected a few @wordpress/keycodes examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github WordPress / gutenberg / editor / components / rich-text / index.js View on Github external
onInit() {
		this.registerCustomFormatters();

		this.editor.shortcuts.add( rawShortcut.primary( 'k' ), '', () => this.changeFormats( { link: { isAdding: true } } ) );
		this.editor.shortcuts.add( rawShortcut.access( 'a' ), '', () => this.changeFormats( { link: { isAdding: true } } ) );
		this.editor.shortcuts.add( rawShortcut.access( 's' ), '', () => this.changeFormats( { link: undefined } ) );
		this.editor.shortcuts.add( rawShortcut.access( 'd' ), '', () => this.changeFormats( { strikethrough: ! this.state.formats.strikethrough } ) );
		this.editor.shortcuts.add( rawShortcut.access( 'x' ), '', () => this.changeFormats( { code: ! this.state.formats.code } ) );
		this.editor.shortcuts.add( rawShortcut.primary( 'z' ), '', 'Undo' );
		this.editor.shortcuts.add( rawShortcut.primaryShift( 'z' ), '', 'Redo' );

		// Remove TinyMCE Core shortcut for consistency with global editor
		// shortcuts. Also clashes with Mac browsers.
		this.editor.shortcuts.remove( 'meta+y', '', 'Redo' );
	}
github WordPress / gutenberg / editor / components / rich-text / index.js View on Github external
onInit() {
		this.registerCustomFormatters();

		this.editor.shortcuts.add( rawShortcut.primary( 'k' ), '', () => this.changeFormats( { link: { isAdding: true } } ) );
		this.editor.shortcuts.add( rawShortcut.access( 'a' ), '', () => this.changeFormats( { link: { isAdding: true } } ) );
		this.editor.shortcuts.add( rawShortcut.access( 's' ), '', () => this.changeFormats( { link: undefined } ) );
		this.editor.shortcuts.add( rawShortcut.access( 'd' ), '', () => this.changeFormats( { strikethrough: ! this.state.formats.strikethrough } ) );
		this.editor.shortcuts.add( rawShortcut.access( 'x' ), '', () => this.changeFormats( { code: ! this.state.formats.code } ) );
		this.editor.shortcuts.add( rawShortcut.primary( 'z' ), '', 'Undo' );
		this.editor.shortcuts.add( rawShortcut.primaryShift( 'z' ), '', 'Redo' );

		// Remove TinyMCE Core shortcut for consistency with global editor
		// shortcuts. Also clashes with Mac browsers.
		this.editor.shortcuts.remove( 'meta+y', '', 'Redo' );
	}
github WordPress / gutenberg / editor / components / rich-text / index.js View on Github external
onInit() {
		this.registerCustomFormatters();

		this.editor.shortcuts.add( rawShortcut.primary( 'k' ), '', () => this.changeFormats( { link: { isAdding: true } } ) );
		this.editor.shortcuts.add( rawShortcut.access( 'a' ), '', () => this.changeFormats( { link: { isAdding: true } } ) );
		this.editor.shortcuts.add( rawShortcut.access( 's' ), '', () => this.changeFormats( { link: undefined } ) );
		this.editor.shortcuts.add( rawShortcut.access( 'd' ), '', () => this.changeFormats( { strikethrough: ! this.state.formats.strikethrough } ) );
		this.editor.shortcuts.add( rawShortcut.access( 'x' ), '', () => this.changeFormats( { code: ! this.state.formats.code } ) );
		this.editor.shortcuts.add( rawShortcut.primary( 'z' ), '', 'Undo' );
		this.editor.shortcuts.add( rawShortcut.primaryShift( 'z' ), '', 'Redo' );

		// Remove TinyMCE Core shortcut for consistency with global editor
		// shortcuts. Also clashes with Mac browsers.
		this.editor.shortcuts.remove( 'meta+y', '', 'Redo' );
	}
github front / gutenberg-js / src / js / gutenberg-overrides / packages / editor / build-module / components / rich-text / index.js View on Github external
onInit () {
    this.registerCustomFormatters();

    this.editor.shortcuts.add(rawShortcut.primary('k'), '', () => this.changeFormats({ link: { isAdding: true } }));
    this.editor.shortcuts.add(rawShortcut.access('a'), '', () => this.changeFormats({ link: { isAdding: true } }));
    this.editor.shortcuts.add(rawShortcut.access('s'), '', () => this.changeFormats({ link: undefined }));
    this.editor.shortcuts.add(rawShortcut.access('d'), '', () => this.changeFormats({ strikethrough: ! this.state.formats.strikethrough }));
    this.editor.shortcuts.add(rawShortcut.access('x'), '', () => this.changeFormats({ code: ! this.state.formats.code }));
    this.editor.shortcuts.add(rawShortcut.primary('z'), '', 'Undo');
    this.editor.shortcuts.add(rawShortcut.primaryShift('z'), '', 'Redo');

    // Remove TinyMCE Core shortcut for consistency with global editor
    // shortcuts. Also clashes with Mac browsers.
    this.editor.shortcuts.remove('meta+y', '', 'Redo');
  }
github front / gutenberg-js / src / js / gutenberg-overrides / packages / editor / build-module / components / rich-text / index.js View on Github external
onInit () {
    this.registerCustomFormatters();

    this.editor.shortcuts.add(rawShortcut.primary('k'), '', () => this.changeFormats({ link: { isAdding: true } }));
    this.editor.shortcuts.add(rawShortcut.access('a'), '', () => this.changeFormats({ link: { isAdding: true } }));
    this.editor.shortcuts.add(rawShortcut.access('s'), '', () => this.changeFormats({ link: undefined }));
    this.editor.shortcuts.add(rawShortcut.access('d'), '', () => this.changeFormats({ strikethrough: ! this.state.formats.strikethrough }));
    this.editor.shortcuts.add(rawShortcut.access('x'), '', () => this.changeFormats({ code: ! this.state.formats.code }));
    this.editor.shortcuts.add(rawShortcut.primary('z'), '', 'Undo');
    this.editor.shortcuts.add(rawShortcut.primaryShift('z'), '', 'Redo');

    // Remove TinyMCE Core shortcut for consistency with global editor
    // shortcuts. Also clashes with Mac browsers.
    this.editor.shortcuts.remove('meta+y', '', 'Redo');
  }
github front / gutenberg-js / src / js / gutenberg-overrides / packages / editor / build-module / components / rich-text / index.js View on Github external
onInit () {
    this.registerCustomFormatters();

    this.editor.shortcuts.add(rawShortcut.primary('k'), '', () => this.changeFormats({ link: { isAdding: true } }));
    this.editor.shortcuts.add(rawShortcut.access('a'), '', () => this.changeFormats({ link: { isAdding: true } }));
    this.editor.shortcuts.add(rawShortcut.access('s'), '', () => this.changeFormats({ link: undefined }));
    this.editor.shortcuts.add(rawShortcut.access('d'), '', () => this.changeFormats({ strikethrough: ! this.state.formats.strikethrough }));
    this.editor.shortcuts.add(rawShortcut.access('x'), '', () => this.changeFormats({ code: ! this.state.formats.code }));
    this.editor.shortcuts.add(rawShortcut.primary('z'), '', 'Undo');
    this.editor.shortcuts.add(rawShortcut.primaryShift('z'), '', 'Redo');

    // Remove TinyMCE Core shortcut for consistency with global editor
    // shortcuts. Also clashes with Mac browsers.
    this.editor.shortcuts.remove('meta+y', '', 'Redo');
  }
github front / gutenberg-js / src / js / gutenberg-overrides / packages / editor / build-module / components / rich-text / index.js View on Github external
onInit () {
    this.registerCustomFormatters();

    this.editor.shortcuts.add(rawShortcut.primary('k'), '', () => this.changeFormats({ link: { isAdding: true } }));
    this.editor.shortcuts.add(rawShortcut.access('a'), '', () => this.changeFormats({ link: { isAdding: true } }));
    this.editor.shortcuts.add(rawShortcut.access('s'), '', () => this.changeFormats({ link: undefined }));
    this.editor.shortcuts.add(rawShortcut.access('d'), '', () => this.changeFormats({ strikethrough: ! this.state.formats.strikethrough }));
    this.editor.shortcuts.add(rawShortcut.access('x'), '', () => this.changeFormats({ code: ! this.state.formats.code }));
    this.editor.shortcuts.add(rawShortcut.primary('z'), '', 'Undo');
    this.editor.shortcuts.add(rawShortcut.primaryShift('z'), '', 'Redo');

    // Remove TinyMCE Core shortcut for consistency with global editor
    // shortcuts. Also clashes with Mac browsers.
    this.editor.shortcuts.remove('meta+y', '', 'Redo');
  }
github WordPress / gutenberg / packages / components / src / higher-order / navigate-regions / index.js View on Github external
/**
 * External dependencies
 */
import classnames from 'classnames';

/**
 * WordPress dependencies
 */
import { useCallback, useState, useRef } from '@wordpress/element';
import { createHigherOrderComponent, useKeyboardShortcut } from '@wordpress/compose';
import { rawShortcut } from '@wordpress/keycodes';

const defaultShortcuts = {
	previous: [ 'ctrl+shift+`', rawShortcut.access( 'p' ) ],
	next: [ 'ctrl+`', rawShortcut.access( 'n' ) ],
};

export default createHigherOrderComponent(
	( WrappedComponent ) => {
		return ( { shortcuts = defaultShortcuts, ...props } ) => {
			const container = useRef();
			const [ isFocusingRegions, setIsFocusingRegions ] = useState( false );
			const className = classnames( 'components-navigate-regions', {
				'is-focusing-regions': isFocusingRegions,
			} );

			function focusRegion( offset ) {
				const regions = Array.from( container.current.querySelectorAll( '[role="region"]' ) );
				if ( ! regions.length ) {
					return;
github WordPress / gutenberg / packages / block-editor / src / components / block-navigation / dropdown.js View on Github external
renderToggle={ ( { isOpen, onToggle } ) => (
				<>
					{ isEnabled && 
					}
					<button aria-disabled="{" label="{" aria-expanded="{">
				
			) }
			renderContent={ ( { onClose } ) =&gt; (</button>
github WordPress / gutenberg / packages / components / src / higher-order / navigate-regions / index.js View on Github external
/**
 * External dependencies
 */
import classnames from 'classnames';

/**
 * WordPress dependencies
 */
import { useCallback, useState, useRef } from '@wordpress/element';
import { createHigherOrderComponent, useKeyboardShortcut } from '@wordpress/compose';
import { rawShortcut } from '@wordpress/keycodes';

const defaultShortcuts = {
	previous: [ 'ctrl+shift+`', rawShortcut.access( 'p' ) ],
	next: [ 'ctrl+`', rawShortcut.access( 'n' ) ],
};

export default createHigherOrderComponent(
	( WrappedComponent ) => {
		return ( { shortcuts = defaultShortcuts, ...props } ) => {
			const container = useRef();
			const [ isFocusingRegions, setIsFocusingRegions ] = useState( false );
			const className = classnames( 'components-navigate-regions', {
				'is-focusing-regions': isFocusingRegions,
			} );

			function focusRegion( offset ) {
				const regions = Array.from( container.current.querySelectorAll( '[role="region"]' ) );
				if ( ! regions.length ) {
					return;
				}

@wordpress/keycodes

Keycodes utilities for WordPress. Used to check for keyboard events across browsers/operating systems.

GitHub
GPL-2.0-or-later
Latest version published 1 day ago

Package Health Score

98 / 100
Full package analysis

Popular @wordpress/keycodes functions

Similar packages