diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/js/dist/keyboard-shortcuts.js --- a/wp/wp-includes/js/dist/keyboard-shortcuts.js Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/js/dist/keyboard-shortcuts.js Fri Sep 05 18:40:08 2025 +0200 @@ -1,36 +1,36 @@ -/******/ (function() { // webpackBootstrap +/******/ (() => { // webpackBootstrap /******/ "use strict"; /******/ // The require scope /******/ var __webpack_require__ = {}; /******/ /************************************************************************/ /******/ /* webpack/runtime/define property getters */ -/******/ !function() { +/******/ (() => { /******/ // define getter functions for harmony exports -/******/ __webpack_require__.d = function(exports, definition) { +/******/ __webpack_require__.d = (exports, definition) => { /******/ for(var key in definition) { /******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) { /******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] }); /******/ } /******/ } /******/ }; -/******/ }(); +/******/ })(); /******/ /******/ /* webpack/runtime/hasOwnProperty shorthand */ -/******/ !function() { -/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); } -/******/ }(); +/******/ (() => { +/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop)) +/******/ })(); /******/ /******/ /* webpack/runtime/make namespace object */ -/******/ !function() { +/******/ (() => { /******/ // define __esModule on exports -/******/ __webpack_require__.r = function(exports) { +/******/ __webpack_require__.r = (exports) => { /******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) { /******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' }); /******/ } /******/ Object.defineProperty(exports, '__esModule', { value: true }); /******/ }; -/******/ }(); +/******/ })(); /******/ /************************************************************************/ var __webpack_exports__ = {}; @@ -39,43 +39,37 @@ // EXPORTS __webpack_require__.d(__webpack_exports__, { - "ShortcutProvider": function() { return /* reexport */ ShortcutProvider; }, - "__unstableUseShortcutEventMatch": function() { return /* reexport */ useShortcutEventMatch; }, - "store": function() { return /* reexport */ store; }, - "useShortcut": function() { return /* reexport */ useShortcut; } + ShortcutProvider: () => (/* reexport */ ShortcutProvider), + __unstableUseShortcutEventMatch: () => (/* reexport */ useShortcutEventMatch), + store: () => (/* reexport */ store), + useShortcut: () => (/* reexport */ useShortcut) }); // NAMESPACE OBJECT: ./node_modules/@wordpress/keyboard-shortcuts/build-module/store/actions.js var actions_namespaceObject = {}; __webpack_require__.r(actions_namespaceObject); __webpack_require__.d(actions_namespaceObject, { - "registerShortcut": function() { return registerShortcut; }, - "unregisterShortcut": function() { return unregisterShortcut; } + registerShortcut: () => (registerShortcut), + unregisterShortcut: () => (unregisterShortcut) }); // NAMESPACE OBJECT: ./node_modules/@wordpress/keyboard-shortcuts/build-module/store/selectors.js var selectors_namespaceObject = {}; __webpack_require__.r(selectors_namespaceObject); __webpack_require__.d(selectors_namespaceObject, { - "getAllShortcutKeyCombinations": function() { return getAllShortcutKeyCombinations; }, - "getAllShortcutRawKeyCombinations": function() { return getAllShortcutRawKeyCombinations; }, - "getCategoryShortcuts": function() { return getCategoryShortcuts; }, - "getShortcutAliases": function() { return getShortcutAliases; }, - "getShortcutDescription": function() { return getShortcutDescription; }, - "getShortcutKeyCombination": function() { return getShortcutKeyCombination; }, - "getShortcutRepresentation": function() { return getShortcutRepresentation; } + getAllShortcutKeyCombinations: () => (getAllShortcutKeyCombinations), + getAllShortcutRawKeyCombinations: () => (getAllShortcutRawKeyCombinations), + getCategoryShortcuts: () => (getCategoryShortcuts), + getShortcutAliases: () => (getShortcutAliases), + getShortcutDescription: () => (getShortcutDescription), + getShortcutKeyCombination: () => (getShortcutKeyCombination), + getShortcutRepresentation: () => (getShortcutRepresentation) }); ;// CONCATENATED MODULE: external ["wp","data"] -var external_wp_data_namespaceObject = window["wp"]["data"]; -;// CONCATENATED MODULE: external "lodash" -var external_lodash_namespaceObject = window["lodash"]; +const external_wp_data_namespaceObject = window["wp"]["data"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/keyboard-shortcuts/build-module/store/reducer.js /** - * External dependencies - */ - -/** * Reducer returning the registered shortcuts * * @param {Object} state Current state. @@ -83,14 +77,11 @@ * * @return {Object} Updated state. */ - -function reducer() { - let state = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; - let action = arguments.length > 1 ? arguments[1] : undefined; - +function reducer(state = {}, action) { switch (action.type) { case 'REGISTER_SHORTCUT': - return { ...state, + return { + ...state, [action.name]: { category: action.category, keyCombination: action.keyCombination, @@ -98,15 +89,16 @@ description: action.description } }; - case 'UNREGISTER_SHORTCUT': - return (0,external_lodash_namespaceObject.omit)(state, action.name); + const { + [action.name]: actionName, + ...remainingState + } = state; + return remainingState; } - return state; } - -/* harmony default export */ var store_reducer = (reducer); +/* harmony default export */ const store_reducer = (reducer); ;// CONCATENATED MODULE: ./node_modules/@wordpress/keyboard-shortcuts/build-module/store/actions.js /** @typedef {import('@wordpress/keycodes').WPKeycodeModifier} WPKeycodeModifier */ @@ -137,16 +129,53 @@ * * @param {WPShortcutConfig} config Shortcut config. * + * @example + * + *```js + * import { useEffect } from 'react'; + * import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts'; + * import { useSelect, useDispatch } from '@wordpress/data'; + * import { __ } from '@wordpress/i18n'; + * + * const ExampleComponent = () => { + * const { registerShortcut } = useDispatch( keyboardShortcutsStore ); + * + * useEffect( () => { + * registerShortcut( { + * name: 'custom/my-custom-shortcut', + * category: 'my-category', + * description: __( 'My custom shortcut' ), + * keyCombination: { + * modifier: 'primary', + * character: 'j', + * }, + * } ); + * }, [] ); + * + * const shortcut = useSelect( + * ( select ) => + * select( keyboardShortcutsStore ).getShortcutKeyCombination( + * 'custom/my-custom-shortcut' + * ), + * [] + * ); + * + * return shortcut ? ( + *

{ __( 'Shortcut is registered.' ) }

+ * ) : ( + *

{ __( 'Shortcut is not registered.' ) }

+ * ); + * }; + *``` * @return {Object} action. */ -function registerShortcut(_ref) { - let { - name, - category, - description, - keyCombination, - aliases - } = _ref; +function registerShortcut({ + name, + category, + description, + keyCombination, + aliases +}) { return { type: 'REGISTER_SHORTCUT', name, @@ -156,14 +185,44 @@ description }; } + /** * Returns an action object used to unregister a keyboard shortcut. * * @param {string} name Shortcut name. * + * @example + * + *```js + * import { useEffect } from 'react'; + * import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts'; + * import { useSelect, useDispatch } from '@wordpress/data'; + * import { __ } from '@wordpress/i18n'; + * + * const ExampleComponent = () => { + * const { unregisterShortcut } = useDispatch( keyboardShortcutsStore ); + * + * useEffect( () => { + * unregisterShortcut( 'core/editor/next-region' ); + * }, [] ); + * + * const shortcut = useSelect( + * ( select ) => + * select( keyboardShortcutsStore ).getShortcutKeyCombination( + * 'core/editor/next-region' + * ), + * [] + * ); + * + * return shortcut ? ( + *

{ __( 'Shortcut is not unregistered.' ) }

+ * ) : ( + *

{ __( 'Shortcut is unregistered.' ) }

+ * ); + * }; + *``` * @return {Object} action. */ - function unregisterShortcut(name) { return { type: 'UNREGISTER_SHORTCUT', @@ -171,295 +230,15 @@ }; } -;// CONCATENATED MODULE: ./node_modules/rememo/es/rememo.js - - -var LEAF_KEY, hasWeakMap; - -/** - * Arbitrary value used as key for referencing cache object in WeakMap tree. - * - * @type {Object} - */ -LEAF_KEY = {}; - -/** - * Whether environment supports WeakMap. - * - * @type {boolean} - */ -hasWeakMap = typeof WeakMap !== 'undefined'; - -/** - * Returns the first argument as the sole entry in an array. - * - * @param {*} value Value to return. - * - * @return {Array} Value returned as entry in array. - */ -function arrayOf( value ) { - return [ value ]; -} - -/** - * Returns true if the value passed is object-like, or false otherwise. A value - * is object-like if it can support property assignment, e.g. object or array. - * - * @param {*} value Value to test. - * - * @return {boolean} Whether value is object-like. - */ -function isObjectLike( value ) { - return !! value && 'object' === typeof value; -} - -/** - * Creates and returns a new cache object. - * - * @return {Object} Cache object. - */ -function createCache() { - var cache = { - clear: function() { - cache.head = null; - }, - }; - - return cache; -} - -/** - * Returns true if entries within the two arrays are strictly equal by - * reference from a starting index. - * - * @param {Array} a First array. - * @param {Array} b Second array. - * @param {number} fromIndex Index from which to start comparison. - * - * @return {boolean} Whether arrays are shallowly equal. - */ -function isShallowEqual( a, b, fromIndex ) { - var i; - - if ( a.length !== b.length ) { - return false; - } - - for ( i = fromIndex; i < a.length; i++ ) { - if ( a[ i ] !== b[ i ] ) { - return false; - } - } - - return true; -} - -/** - * Returns a memoized selector function. The getDependants function argument is - * called before the memoized selector and is expected to return an immutable - * reference or array of references on which the selector depends for computing - * its own return value. The memoize cache is preserved only as long as those - * dependant references remain the same. If getDependants returns a different - * reference(s), the cache is cleared and the selector value regenerated. - * - * @param {Function} selector Selector function. - * @param {Function} getDependants Dependant getter returning an immutable - * reference or array of reference used in - * cache bust consideration. - * - * @return {Function} Memoized selector. - */ -/* harmony default export */ function rememo(selector, getDependants ) { - var rootCache, getCache; - - // Use object source as dependant if getter not provided - if ( ! getDependants ) { - getDependants = arrayOf; - } - - /** - * Returns the root cache. If WeakMap is supported, this is assigned to the - * root WeakMap cache set, otherwise it is a shared instance of the default - * cache object. - * - * @return {(WeakMap|Object)} Root cache object. - */ - function getRootCache() { - return rootCache; - } - - /** - * Returns the cache for a given dependants array. When possible, a WeakMap - * will be used to create a unique cache for each set of dependants. This - * is feasible due to the nature of WeakMap in allowing garbage collection - * to occur on entries where the key object is no longer referenced. Since - * WeakMap requires the key to be an object, this is only possible when the - * dependant is object-like. The root cache is created as a hierarchy where - * each top-level key is the first entry in a dependants set, the value a - * WeakMap where each key is the next dependant, and so on. This continues - * so long as the dependants are object-like. If no dependants are object- - * like, then the cache is shared across all invocations. - * - * @see isObjectLike - * - * @param {Array} dependants Selector dependants. - * - * @return {Object} Cache object. - */ - function getWeakMapCache( dependants ) { - var caches = rootCache, - isUniqueByDependants = true, - i, dependant, map, cache; - - for ( i = 0; i < dependants.length; i++ ) { - dependant = dependants[ i ]; - - // Can only compose WeakMap from object-like key. - if ( ! isObjectLike( dependant ) ) { - isUniqueByDependants = false; - break; - } - - // Does current segment of cache already have a WeakMap? - if ( caches.has( dependant ) ) { - // Traverse into nested WeakMap. - caches = caches.get( dependant ); - } else { - // Create, set, and traverse into a new one. - map = new WeakMap(); - caches.set( dependant, map ); - caches = map; - } - } - - // We use an arbitrary (but consistent) object as key for the last item - // in the WeakMap to serve as our running cache. - if ( ! caches.has( LEAF_KEY ) ) { - cache = createCache(); - cache.isUniqueByDependants = isUniqueByDependants; - caches.set( LEAF_KEY, cache ); - } - - return caches.get( LEAF_KEY ); - } - - // Assign cache handler by availability of WeakMap - getCache = hasWeakMap ? getWeakMapCache : getRootCache; - - /** - * Resets root memoization cache. - */ - function clear() { - rootCache = hasWeakMap ? new WeakMap() : createCache(); - } - - // eslint-disable-next-line jsdoc/check-param-names - /** - * The augmented selector call, considering first whether dependants have - * changed before passing it to underlying memoize function. - * - * @param {Object} source Source object for derivation. - * @param {...*} extraArgs Additional arguments to pass to selector. - * - * @return {*} Selector result. - */ - function callSelector( /* source, ...extraArgs */ ) { - var len = arguments.length, - cache, node, i, args, dependants; - - // Create copy of arguments (avoid leaking deoptimization). - args = new Array( len ); - for ( i = 0; i < len; i++ ) { - args[ i ] = arguments[ i ]; - } - - dependants = getDependants.apply( null, args ); - cache = getCache( dependants ); - - // If not guaranteed uniqueness by dependants (primitive type or lack - // of WeakMap support), shallow compare against last dependants and, if - // references have changed, destroy cache to recalculate result. - if ( ! cache.isUniqueByDependants ) { - if ( cache.lastDependants && ! isShallowEqual( dependants, cache.lastDependants, 0 ) ) { - cache.clear(); - } - - cache.lastDependants = dependants; - } - - node = cache.head; - while ( node ) { - // Check whether node arguments match arguments - if ( ! isShallowEqual( node.args, args, 1 ) ) { - node = node.next; - continue; - } - - // At this point we can assume we've found a match - - // Surface matched node to head if not already - if ( node !== cache.head ) { - // Adjust siblings to point to each other. - node.prev.next = node.next; - if ( node.next ) { - node.next.prev = node.prev; - } - - node.next = cache.head; - node.prev = null; - cache.head.prev = node; - cache.head = node; - } - - // Return immediately - return node.val; - } - - // No cached value found. Continue to insertion phase: - - node = { - // Generate the result from original function - val: selector.apply( null, args ), - }; - - // Avoid including the source object in the cache. - args[ 0 ] = null; - node.args = args; - - // Don't need to check whether node is already head, since it would - // have been returned above already if it was - - // Shift existing head down list - if ( cache.head ) { - cache.head.prev = node; - node.next = cache.head; - } - - cache.head = node; - - return node.val; - } - - callSelector.getDependants = getDependants; - callSelector.clear = clear; - clear(); - - return callSelector; -} - ;// CONCATENATED MODULE: external ["wp","keycodes"] -var external_wp_keycodes_namespaceObject = window["wp"]["keycodes"]; +const external_wp_keycodes_namespaceObject = window["wp"]["keycodes"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/keyboard-shortcuts/build-module/store/selectors.js /** - * External dependencies - */ - - -/** * WordPress dependencies */ + /** @typedef {import('./actions').WPShortcutKeyCombination} WPShortcutKeyCombination */ /** @typedef {import('@wordpress/keycodes').WPKeycodeHandlerByModifier} WPKeycodeHandlerByModifier */ @@ -470,8 +249,8 @@ * * @type {Array} */ +const EMPTY_ARRAY = []; -const EMPTY_ARRAY = []; /** * Shortcut formatting methods. * @@ -479,12 +258,12 @@ * @property {WPKeycodeHandlerByModifier} rawShortcut Raw shortcut formatting. * @property {WPKeycodeHandlerByModifier} ariaLabel ARIA label formatting. */ - const FORMATTING_METHODS = { display: external_wp_keycodes_namespaceObject.displayShortcut, raw: external_wp_keycodes_namespaceObject.rawShortcut, ariaLabel: external_wp_keycodes_namespaceObject.shortcutAriaLabel }; + /** * Returns a string representing the key combination. * @@ -494,27 +273,58 @@ * * @return {string?} Shortcut representation. */ - function getKeyCombinationRepresentation(shortcut, representation) { if (!shortcut) { return null; } - return shortcut.modifier ? FORMATTING_METHODS[representation][shortcut.modifier](shortcut.character) : shortcut.character; } + /** * Returns the main key combination for a given shortcut name. * * @param {Object} state Global state. * @param {string} name Shortcut name. * + * @example + * + *```js + * import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts'; + * import { useSelect } from '@wordpress/data'; + * import { createInterpolateElement } from '@wordpress/element'; + * import { sprintf } from '@wordpress/i18n'; + * const ExampleComponent = () => { + * const {character, modifier} = useSelect( + * ( select ) => + * select( keyboardShortcutsStore ).getShortcutKeyCombination( + * 'core/editor/next-region' + * ), + * [] + * ); + * + * return ( + *
+ * { createInterpolateElement( + * sprintf( + * 'Character: %s / Modifier: %s', + * character, + * modifier + * ), + * { + * code: , + * } + * ) } + *
+ * ); + * }; + *``` + * * @return {WPShortcutKeyCombination?} Key combination. */ - - function getShortcutKeyCombination(state, name) { return state[name] ? state[name].keyCombination : null; } + /** * Returns a string representing the main key combination for a given shortcut name. * @@ -522,71 +332,265 @@ * @param {string} name Shortcut name. * @param {keyof FORMATTING_METHODS} representation Type of representation * (display, raw, ariaLabel). + * @example + * + *```js + * import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts'; + * import { useSelect } from '@wordpress/data'; + * import { sprintf } from '@wordpress/i18n'; + * + * const ExampleComponent = () => { + * const {display, raw, ariaLabel} = useSelect( + * ( select ) =>{ + * return { + * display: select( keyboardShortcutsStore ).getShortcutRepresentation('core/editor/next-region' ), + * raw: select( keyboardShortcutsStore ).getShortcutRepresentation('core/editor/next-region','raw' ), + * ariaLabel: select( keyboardShortcutsStore ).getShortcutRepresentation('core/editor/next-region', 'ariaLabel') + * } + * }, + * [] + * ); + * + * return ( + * + * ); + * }; + *``` * * @return {string?} Shortcut representation. */ - -function getShortcutRepresentation(state, name) { - let representation = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'display'; +function getShortcutRepresentation(state, name, representation = 'display') { const shortcut = getShortcutKeyCombination(state, name); return getKeyCombinationRepresentation(shortcut, representation); } + /** * Returns the shortcut description given its name. * * @param {Object} state Global state. * @param {string} name Shortcut name. * + * @example + * + *```js + * import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts'; + * import { useSelect } from '@wordpress/data'; + * import { __ } from '@wordpress/i18n'; + * const ExampleComponent = () => { + * const shortcutDescription = useSelect( + * ( select ) => + * select( keyboardShortcutsStore ).getShortcutDescription( 'core/editor/next-region' ), + * [] + * ); + * + * return shortcutDescription ? ( + *
{ shortcutDescription }
+ * ) : ( + *
{ __( 'No description.' ) }
+ * ); + * }; + *``` * @return {string?} Shortcut description. */ - function getShortcutDescription(state, name) { return state[name] ? state[name].description : null; } + /** * Returns the aliases for a given shortcut name. * * @param {Object} state Global state. * @param {string} name Shortcut name. + * @example + * + *```js + * import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts'; + * import { useSelect } from '@wordpress/data'; + * import { createInterpolateElement } from '@wordpress/element'; + * import { sprintf } from '@wordpress/i18n'; + * const ExampleComponent = () => { + * const shortcutAliases = useSelect( + * ( select ) => + * select( keyboardShortcutsStore ).getShortcutAliases( + * 'core/editor/next-region' + * ), + * [] + * ); + * + * return ( + * shortcutAliases.length > 0 && ( + * + * ) + * ); + * }; + *``` * * @return {WPShortcutKeyCombination[]} Key combinations. */ - function getShortcutAliases(state, name) { return state[name] && state[name].aliases ? state[name].aliases : EMPTY_ARRAY; } -const getAllShortcutKeyCombinations = rememo((state, name) => { - return (0,external_lodash_namespaceObject.compact)([getShortcutKeyCombination(state, name), ...getShortcutAliases(state, name)]); + +/** + * Returns the shortcuts that include aliases for a given shortcut name. + * + * @param {Object} state Global state. + * @param {string} name Shortcut name. + * @example + * + *```js + * import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts'; + * import { useSelect } from '@wordpress/data'; + * import { createInterpolateElement } from '@wordpress/element'; + * import { sprintf } from '@wordpress/i18n'; + * + * const ExampleComponent = () => { + * const allShortcutKeyCombinations = useSelect( + * ( select ) => + * select( keyboardShortcutsStore ).getAllShortcutKeyCombinations( + * 'core/editor/next-region' + * ), + * [] + * ); + * + * return ( + * allShortcutKeyCombinations.length > 0 && ( + *
    + * { allShortcutKeyCombinations.map( + * ( { character, modifier }, index ) => ( + *
  • + * { createInterpolateElement( + * sprintf( + * 'Character: %s / Modifier: %s', + * character, + * modifier + * ), + * { + * code: , + * } + * ) } + *
    • + * ) + * ) } + *
+ * ) + * ); + * }; + *``` + * + * @return {WPShortcutKeyCombination[]} Key combinations. + */ +const getAllShortcutKeyCombinations = (0,external_wp_data_namespaceObject.createSelector)((state, name) => { + return [getShortcutKeyCombination(state, name), ...getShortcutAliases(state, name)].filter(Boolean); }, (state, name) => [state[name]]); + /** * Returns the raw representation of all the keyboard combinations of a given shortcut name. * * @param {Object} state Global state. * @param {string} name Shortcut name. * + * @example + * + *```js + * import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts'; + * import { useSelect } from '@wordpress/data'; + * import { createInterpolateElement } from '@wordpress/element'; + * import { sprintf } from '@wordpress/i18n'; + * + * const ExampleComponent = () => { + * const allShortcutRawKeyCombinations = useSelect( + * ( select ) => + * select( keyboardShortcutsStore ).getAllShortcutRawKeyCombinations( + * 'core/editor/next-region' + * ), + * [] + * ); + * + * return ( + * allShortcutRawKeyCombinations.length > 0 && ( + *
    + * { allShortcutRawKeyCombinations.map( + * ( shortcutRawKeyCombination, index ) => ( + *
  • + * { createInterpolateElement( + * sprintf( + * ' %s', + * shortcutRawKeyCombination + * ), + * { + * code: , + * } + * ) } + *
    • + * ) + * ) } + *
+ * ) + * ); + * }; + *``` + * * @return {string[]} Shortcuts. */ - -const getAllShortcutRawKeyCombinations = rememo((state, name) => { +const getAllShortcutRawKeyCombinations = (0,external_wp_data_namespaceObject.createSelector)((state, name) => { return getAllShortcutKeyCombinations(state, name).map(combination => getKeyCombinationRepresentation(combination, 'raw')); }, (state, name) => [state[name]]); + /** * Returns the shortcut names list for a given category name. * * @param {Object} state Global state. * @param {string} name Category name. + * @example * + *```js + * import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts'; + * import { useSelect } from '@wordpress/data'; + * + * const ExampleComponent = () => { + * const categoryShortcuts = useSelect( + * ( select ) => + * select( keyboardShortcutsStore ).getCategoryShortcuts( + * 'block' + * ), + * [] + * ); + * + * return ( + * categoryShortcuts.length > 0 && ( + *
    + * { categoryShortcuts.map( ( categoryShortcut ) => ( + *
  • { categoryShortcut }
    • + * ) ) } + *
+ * ) + * ); + * }; + *``` * @return {string[]} Shortcut names. */ - -const getCategoryShortcuts = rememo((state, categoryName) => { - return Object.entries(state).filter(_ref => { - let [, shortcut] = _ref; - return shortcut.category === categoryName; - }).map(_ref2 => { - let [name] = _ref2; - return name; - }); +const getCategoryShortcuts = (0,external_wp_data_namespaceObject.createSelector)((state, categoryName) => { + return Object.entries(state).filter(([, shortcut]) => shortcut.category === categoryName).map(([name]) => name); }, state => [state]); ;// CONCATENATED MODULE: ./node_modules/@wordpress/keyboard-shortcuts/build-module/store/index.js @@ -594,53 +598,54 @@ * WordPress dependencies */ -/** - * Internal dependencies - */ - - - - -const STORE_NAME = 'core/keyboard-shortcuts'; -/** - * Store definition for the keyboard shortcuts namespace. - * - * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore - * - * @type {Object} - */ - -const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, { - reducer: store_reducer, - actions: actions_namespaceObject, - selectors: selectors_namespaceObject -}); -(0,external_wp_data_namespaceObject.register)(store); - -;// CONCATENATED MODULE: external ["wp","element"] -var external_wp_element_namespaceObject = window["wp"]["element"]; -;// CONCATENATED MODULE: ./node_modules/@wordpress/keyboard-shortcuts/build-module/hooks/use-shortcut-event-match.js -/** - * WordPress dependencies - */ - /** * Internal dependencies */ + +const STORE_NAME = 'core/keyboard-shortcuts'; + +/** + * Store definition for the keyboard shortcuts namespace. + * + * @see https://github.com/WordPress/gutenberg/blob/HEAD/packages/data/README.md#createReduxStore + * + * @type {Object} + */ +const store = (0,external_wp_data_namespaceObject.createReduxStore)(STORE_NAME, { + reducer: store_reducer, + actions: actions_namespaceObject, + selectors: selectors_namespaceObject +}); +(0,external_wp_data_namespaceObject.register)(store); + +;// CONCATENATED MODULE: external ["wp","element"] +const external_wp_element_namespaceObject = window["wp"]["element"]; +;// CONCATENATED MODULE: ./node_modules/@wordpress/keyboard-shortcuts/build-module/hooks/use-shortcut-event-match.js +/** + * WordPress dependencies + */ + + + +/** + * Internal dependencies + */ + + /** * Returns a function to check if a keyboard event matches a shortcut name. * - * @return {Function} A function to to check if a keyboard event matches a + * @return {Function} A function to check if a keyboard event matches a * predefined shortcut combination. */ - function useShortcutEventMatch() { const { getAllShortcutKeyCombinations } = (0,external_wp_data_namespaceObject.useSelect)(store); + /** * A function to check if a keyboard event matches a predefined shortcut * combination. @@ -650,17 +655,14 @@ * * @return {boolean} True if the event matches any shortcuts, false if not. */ - function isMatch(name, event) { - return getAllShortcutKeyCombinations(name).some(_ref => { - let { - modifier, - character - } = _ref; + return getAllShortcutKeyCombinations(name).some(({ + modifier, + character + }) => { return external_wp_keycodes_namespaceObject.isKeyboardEvent[modifier](event, character); }); } - return isMatch; } @@ -669,13 +671,33 @@ * WordPress dependencies */ -const context = (0,external_wp_element_namespaceObject.createContext)(); +const globalShortcuts = new Set(); +const globalListener = event => { + for (const keyboardShortcut of globalShortcuts) { + keyboardShortcut(event); + } +}; +const context = (0,external_wp_element_namespaceObject.createContext)({ + add: shortcut => { + if (globalShortcuts.size === 0) { + document.addEventListener('keydown', globalListener); + } + globalShortcuts.add(shortcut); + }, + delete: shortcut => { + globalShortcuts.delete(shortcut); + if (globalShortcuts.size === 0) { + document.removeEventListener('keydown', globalListener); + } + } +}); ;// CONCATENATED MODULE: ./node_modules/@wordpress/keyboard-shortcuts/build-module/hooks/use-shortcut.js /** * WordPress dependencies */ + /** * Internal dependencies */ @@ -690,58 +712,39 @@ * @param {Object} options Shortcut options. * @param {boolean} options.isDisabled Whether to disable to shortut. */ - -function useShortcut(name, callback) { - let { - isDisabled - } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {}; +function useShortcut(name, callback, { + isDisabled = false +} = {}) { const shortcuts = (0,external_wp_element_namespaceObject.useContext)(context); const isMatch = useShortcutEventMatch(); const callbackRef = (0,external_wp_element_namespaceObject.useRef)(); - callbackRef.current = callback; + (0,external_wp_element_namespaceObject.useEffect)(() => { + callbackRef.current = callback; + }, [callback]); (0,external_wp_element_namespaceObject.useEffect)(() => { if (isDisabled) { return; } - function _callback(event) { if (isMatch(name, event)) { callbackRef.current(event); } } - - shortcuts.current.add(_callback); + shortcuts.add(_callback); return () => { - shortcuts.current.delete(_callback); + shortcuts.delete(_callback); }; - }, [name, isDisabled]); + }, [name, isDisabled, shortcuts]); } -;// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/extends.js -function _extends() { - _extends = Object.assign ? Object.assign.bind() : function (target) { - for (var i = 1; i < arguments.length; i++) { - var source = arguments[i]; - - for (var key in source) { - if (Object.prototype.hasOwnProperty.call(source, key)) { - target[key] = source[key]; - } - } - } - - return target; - }; - return _extends.apply(this, arguments); -} +;// CONCATENATED MODULE: external "ReactJSXRuntime" +const external_ReactJSXRuntime_namespaceObject = window["ReactJSXRuntime"]; ;// CONCATENATED MODULE: ./node_modules/@wordpress/keyboard-shortcuts/build-module/components/shortcut-provider.js - - - /** * WordPress dependencies */ + /** * Internal dependencies */ @@ -750,32 +753,35 @@ const { Provider } = context; + /** * Handles callbacks added to context by `useShortcut`. + * Adding a provider allows to register contextual shortcuts + * that are only active when a certain part of the UI is focused. * * @param {Object} props Props to pass to `div`. * - * @return {import('@wordpress/element').WPElement} Component. + * @return {Element} Component. */ - function ShortcutProvider(props) { - const keyboardShortcuts = (0,external_wp_element_namespaceObject.useRef)(new Set()); - + const [keyboardShortcuts] = (0,external_wp_element_namespaceObject.useState)(() => new Set()); function onKeyDown(event) { - if (props.onKeyDown) props.onKeyDown(event); - - for (const keyboardShortcut of keyboardShortcuts.current) { + if (props.onKeyDown) { + props.onKeyDown(event); + } + for (const keyboardShortcut of keyboardShortcuts) { keyboardShortcut(event); } } + /* eslint-disable jsx-a11y/no-static-element-interactions */ - - - return (0,external_wp_element_namespaceObject.createElement)(Provider, { - value: keyboardShortcuts - }, (0,external_wp_element_namespaceObject.createElement)("div", _extends({}, props, { - onKeyDown: onKeyDown - }))); + return /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)(Provider, { + value: keyboardShortcuts, + children: /*#__PURE__*/(0,external_ReactJSXRuntime_namespaceObject.jsx)("div", { + ...props, + onKeyDown: onKeyDown + }) + }); /* eslint-enable jsx-a11y/no-static-element-interactions */ }