@wordpress/customize-widgets 5.22.0 → 5.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/build/components/keyboard-shortcut-help-modal/index.js +12 -9
  3. package/build/components/keyboard-shortcut-help-modal/index.js.map +1 -1
  4. package/build-module/components/keyboard-shortcut-help-modal/index.js +12 -9
  5. package/build-module/components/keyboard-shortcut-help-modal/index.js.map +1 -1
  6. package/build-style/style-rtl.css +130 -9
  7. package/build-style/style.css +130 -9
  8. package/package.json +22 -22
  9. package/src/components/keyboard-shortcut-help-modal/index.js +13 -9
package/CHANGELOG.md CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 5.24.0 (2025-05-22)
6
+
7
+ ## 5.23.0 (2025-05-07)
8
+
5
9
  ## 5.22.0 (2025-04-11)
6
10
 
7
11
  ## 5.21.0 (2025-03-27)
package/build/components/keyboard-shortcut-help-modal/index.js CHANGED
@@ -10,6 +10,7 @@ var _components = require("@wordpress/components");
10
10
  var _i18n = require("@wordpress/i18n");
11
11
  var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
12
12
  var _data = require("@wordpress/data");
13
+ var _element = require("@wordpress/element");
13
14
  var _config = require("./config");
14
15
  var _shortcut = _interopRequireDefault(require("./shortcut"));
15
16
  var _dynamicShortcut = _interopRequireDefault(require("./dynamic-shortcut"));
@@ -81,15 +82,17 @@ function KeyboardShortcutHelpModal({
81
82
  const {
82
83
  registerShortcut
83
84
  } = (0, _data.useDispatch)(_keyboardShortcuts.store);
84
- registerShortcut({
85
- name: 'core/customize-widgets/keyboard-shortcuts',
86
- category: 'main',
87
- description: (0, _i18n.__)('Display these keyboard shortcuts.'),
88
- keyCombination: {
89
- modifier: 'access',
90
- character: 'h'
91
- }
92
- });
85
+ (0, _element.useEffect)(() => {
86
+ registerShortcut({
87
+ name: 'core/customize-widgets/keyboard-shortcuts',
88
+ category: 'main',
89
+ description: (0, _i18n.__)('Display these keyboard shortcuts.'),
90
+ keyCombination: {
91
+ modifier: 'access',
92
+ character: 'h'
93
+ }
94
+ });
95
+ }, [registerShortcut]);
93
96
  (0, _keyboardShortcuts.useShortcut)('core/customize-widgets/keyboard-shortcuts', toggleModal);
94
97
  if (!isModalActive) {
95
98
  return null;
package/build/components/keyboard-shortcut-help-modal/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_keyboardShortcuts","_data","_config","_shortcut","_dynamicShortcut","_jsxRuntime","ShortcutList","shortcuts","jsx","className","role","children","map","shortcut","index","default","name","ShortcutSection","title","jsxs","clsx","ShortcutCategorySection","categoryName","additionalShortcuts","categoryShortcuts","useSelect","select","keyboardShortcutsStore","getCategoryShortcuts","concat","KeyboardShortcutHelpModal","isModalActive","toggleModal","registerShortcut","useDispatch","category","description","__","keyCombination","modifier","character","useShortcut","Modal","onRequestClose","ariaLabel","textFormattingShortcuts"],"sources":["@wordpress/customize-widgets/src/components/keyboard-shortcut-help-modal/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseShortcut,\n\tstore as keyboardShortcutsStore,\n} from '@wordpress/keyboard-shortcuts';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { textFormattingShortcuts } from './config';\nimport Shortcut from './shortcut';\nimport DynamicShortcut from './dynamic-shortcut';\n\nconst ShortcutList = ( { shortcuts } ) => (\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\t<ul\n\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-list\"\n\t\trole=\"list\"\n\t>\n\t\t{ shortcuts.map( ( shortcut, index ) => (\n\t\t\t<li\n\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut\"\n\t\t\t\tkey={ index }\n\t\t\t>\n\t\t\t\t{ typeof shortcut === 'string' ? (\n\t\t\t\t\t<DynamicShortcut name={ shortcut } />\n\t\t\t\t) : (\n\t\t\t\t\t<Shortcut { ...shortcut } />\n\t\t\t\t) }\n\t\t\t</li>\n\t\t) ) }\n\t</ul>\n\t/* eslint-enable jsx-a11y/no-redundant-roles */\n);\n\nconst ShortcutSection = ( { title, shortcuts, className } ) => (\n\t<section\n\t\tclassName={ clsx(\n\t\t\t'customize-widgets-keyboard-shortcut-help-modal__section',\n\t\t\tclassName\n\t\t) }\n\t>\n\t\t{ !! title && (\n\t\t\t<h2 className=\"customize-widgets-keyboard-shortcut-help-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t) }\n\t\t<ShortcutList shortcuts={ shortcuts } />\n\t</section>\n);\n\nconst ShortcutCategorySection = ( {\n\ttitle,\n\tcategoryName,\n\tadditionalShortcuts = [],\n} ) => {\n\tconst categoryShortcuts = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( keyboardShortcutsStore ).getCategoryShortcuts(\n\t\t\t\tcategoryName\n\t\t\t);\n\t\t},\n\t\t[ categoryName ]\n\t);\n\n\treturn (\n\t\t<ShortcutSection\n\t\t\ttitle={ title }\n\t\t\tshortcuts={ categoryShortcuts.concat( additionalShortcuts ) }\n\t\t/>\n\t);\n};\n\nexport default function KeyboardShortcutHelpModal( {\n\tisModalActive,\n\ttoggleModal,\n} ) {\n\tconst { registerShortcut } = useDispatch( keyboardShortcutsStore );\n\tregisterShortcut( {\n\t\tname: 'core/customize-widgets/keyboard-shortcuts',\n\t\tcategory: 'main',\n\t\tdescription: __( 'Display these keyboard shortcuts.' ),\n\t\tkeyCombination: {\n\t\t\tmodifier: 'access',\n\t\t\tcharacter: 'h',\n\t\t},\n\t} );\n\n\tuseShortcut( 'core/customize-widgets/keyboard-shortcuts', toggleModal );\n\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal\"\n\t\t\ttitle={ __( 'Keyboard shortcuts' ) }\n\t\t\tonRequestClose={ toggleModal }\n\t\t>\n\t\t\t<ShortcutSection\n\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__main-shortcuts\"\n\t\t\t\tshortcuts={ [ 'core/customize-widgets/keyboard-shortcuts' ] }\n\t\t\t/>\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Global shortcuts' ) }\n\t\t\t\tcategoryName=\"global\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Selection shortcuts' ) }\n\t\t\t\tcategoryName=\"selection\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Block shortcuts' ) }\n\t\t\t\tcategoryName=\"block\"\n\t\t\t\tadditionalShortcuts={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tkeyCombination: { character: '/' },\n\t\t\t\t\t\tdescription: __(\n\t\t\t\t\t\t\t'Change the block type after adding a new paragraph.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t/* translators: The forward-slash character. e.g. '/'. */\n\t\t\t\t\t\tariaLabel: __( 'Forward-slash' ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t\t<ShortcutSection\n\t\t\t\ttitle={ __( 'Text formatting' ) }\n\t\t\t\tshortcuts={ textFormattingShortcuts }\n\t\t\t/>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["_clsx","_interopRequireDefault","require","_components","_i18n","_keyboardShortcuts","_data","_element","_config","_shortcut","_dynamicShortcut","_jsxRuntime","ShortcutList","shortcuts","jsx","className","role","children","map","shortcut","index","default","name","ShortcutSection","title","jsxs","clsx","ShortcutCategorySection","categoryName","additionalShortcuts","categoryShortcuts","useSelect","select","keyboardShortcutsStore","getCategoryShortcuts","concat","KeyboardShortcutHelpModal","isModalActive","toggleModal","registerShortcut","useDispatch","useEffect","category","description","__","keyCombination","modifier","character","useShortcut","Modal","onRequestClose","ariaLabel","textFormattingShortcuts"],"sources":["@wordpress/customize-widgets/src/components/keyboard-shortcut-help-modal/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseShortcut,\n\tstore as keyboardShortcutsStore,\n} from '@wordpress/keyboard-shortcuts';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { textFormattingShortcuts } from './config';\nimport Shortcut from './shortcut';\nimport DynamicShortcut from './dynamic-shortcut';\n\nconst ShortcutList = ( { shortcuts } ) => (\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\t<ul\n\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-list\"\n\t\trole=\"list\"\n\t>\n\t\t{ shortcuts.map( ( shortcut, index ) => (\n\t\t\t<li\n\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut\"\n\t\t\t\tkey={ index }\n\t\t\t>\n\t\t\t\t{ typeof shortcut === 'string' ? (\n\t\t\t\t\t<DynamicShortcut name={ shortcut } />\n\t\t\t\t) : (\n\t\t\t\t\t<Shortcut { ...shortcut } />\n\t\t\t\t) }\n\t\t\t</li>\n\t\t) ) }\n\t</ul>\n\t/* eslint-enable jsx-a11y/no-redundant-roles */\n);\n\nconst ShortcutSection = ( { title, shortcuts, className } ) => (\n\t<section\n\t\tclassName={ clsx(\n\t\t\t'customize-widgets-keyboard-shortcut-help-modal__section',\n\t\t\tclassName\n\t\t) }\n\t>\n\t\t{ !! title && (\n\t\t\t<h2 className=\"customize-widgets-keyboard-shortcut-help-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t) }\n\t\t<ShortcutList shortcuts={ shortcuts } />\n\t</section>\n);\n\nconst ShortcutCategorySection = ( {\n\ttitle,\n\tcategoryName,\n\tadditionalShortcuts = [],\n} ) => {\n\tconst categoryShortcuts = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( keyboardShortcutsStore ).getCategoryShortcuts(\n\t\t\t\tcategoryName\n\t\t\t);\n\t\t},\n\t\t[ categoryName ]\n\t);\n\n\treturn (\n\t\t<ShortcutSection\n\t\t\ttitle={ title }\n\t\t\tshortcuts={ categoryShortcuts.concat( additionalShortcuts ) }\n\t\t/>\n\t);\n};\n\nexport default function KeyboardShortcutHelpModal( {\n\tisModalActive,\n\ttoggleModal,\n} ) {\n\tconst { registerShortcut } = useDispatch( keyboardShortcutsStore );\n\n\tuseEffect( () => {\n\t\tregisterShortcut( {\n\t\t\tname: 'core/customize-widgets/keyboard-shortcuts',\n\t\t\tcategory: 'main',\n\t\t\tdescription: __( 'Display these keyboard shortcuts.' ),\n\t\t\tkeyCombination: {\n\t\t\t\tmodifier: 'access',\n\t\t\t\tcharacter: 'h',\n\t\t\t},\n\t\t} );\n\t}, [ registerShortcut ] );\n\n\tuseShortcut( 'core/customize-widgets/keyboard-shortcuts', toggleModal );\n\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal\"\n\t\t\ttitle={ __( 'Keyboard shortcuts' ) }\n\t\t\tonRequestClose={ toggleModal }\n\t\t>\n\t\t\t<ShortcutSection\n\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__main-shortcuts\"\n\t\t\t\tshortcuts={ [ 'core/customize-widgets/keyboard-shortcuts' ] }\n\t\t\t/>\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Global shortcuts' ) }\n\t\t\t\tcategoryName=\"global\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Selection shortcuts' ) }\n\t\t\t\tcategoryName=\"selection\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Block shortcuts' ) }\n\t\t\t\tcategoryName=\"block\"\n\t\t\t\tadditionalShortcuts={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tkeyCombination: { character: '/' },\n\t\t\t\t\t\tdescription: __(\n\t\t\t\t\t\t\t'Change the block type after adding a new paragraph.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t/* translators: The forward-slash character. e.g. '/'. */\n\t\t\t\t\t\tariaLabel: __( 'Forward-slash' ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t\t<ShortcutSection\n\t\t\t\ttitle={ __( 'Text formatting' ) }\n\t\t\t\tshortcuts={ textFormattingShortcuts }\n\t\t\t/>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
package/build-module/components/keyboard-shortcut-help-modal/index.js CHANGED
@@ -10,6 +10,7 @@ import { Modal } from '@wordpress/components';
10
10
  import { __ } from '@wordpress/i18n';
11
11
  import { useShortcut, store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
12
12
  import { useDispatch, useSelect } from '@wordpress/data';
13
+ import { useEffect } from '@wordpress/element';
13
14
 
14
15
  /**
15
16
  * Internal dependencies
@@ -73,15 +74,17 @@ export default function KeyboardShortcutHelpModal({
73
74
  const {
74
75
  registerShortcut
75
76
  } = useDispatch(keyboardShortcutsStore);
76
- registerShortcut({
77
- name: 'core/customize-widgets/keyboard-shortcuts',
78
- category: 'main',
79
- description: __('Display these keyboard shortcuts.'),
80
- keyCombination: {
81
- modifier: 'access',
82
- character: 'h'
83
- }
84
- });
77
+ useEffect(() => {
78
+ registerShortcut({
79
+ name: 'core/customize-widgets/keyboard-shortcuts',
80
+ category: 'main',
81
+ description: __('Display these keyboard shortcuts.'),
82
+ keyCombination: {
83
+ modifier: 'access',
84
+ character: 'h'
85
+ }
86
+ });
87
+ }, [registerShortcut]);
85
88
  useShortcut('core/customize-widgets/keyboard-shortcuts', toggleModal);
86
89
  if (!isModalActive) {
87
90
  return null;
package/build-module/components/keyboard-shortcut-help-modal/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"names":["clsx","Modal","__","useShortcut","store","keyboardShortcutsStore","useDispatch","useSelect","textFormattingShortcuts","Shortcut","DynamicShortcut","jsx","_jsx","jsxs","_jsxs","ShortcutList","shortcuts","className","role","children","map","shortcut","index","name","ShortcutSection","title","ShortcutCategorySection","categoryName","additionalShortcuts","categoryShortcuts","select","getCategoryShortcuts","concat","KeyboardShortcutHelpModal","isModalActive","toggleModal","registerShortcut","category","description","keyCombination","modifier","character","onRequestClose","ariaLabel"],"sources":["@wordpress/customize-widgets/src/components/keyboard-shortcut-help-modal/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseShortcut,\n\tstore as keyboardShortcutsStore,\n} from '@wordpress/keyboard-shortcuts';\nimport { useDispatch, useSelect } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { textFormattingShortcuts } from './config';\nimport Shortcut from './shortcut';\nimport DynamicShortcut from './dynamic-shortcut';\n\nconst ShortcutList = ( { shortcuts } ) => (\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\t<ul\n\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-list\"\n\t\trole=\"list\"\n\t>\n\t\t{ shortcuts.map( ( shortcut, index ) => (\n\t\t\t<li\n\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut\"\n\t\t\t\tkey={ index }\n\t\t\t>\n\t\t\t\t{ typeof shortcut === 'string' ? (\n\t\t\t\t\t<DynamicShortcut name={ shortcut } />\n\t\t\t\t) : (\n\t\t\t\t\t<Shortcut { ...shortcut } />\n\t\t\t\t) }\n\t\t\t</li>\n\t\t) ) }\n\t</ul>\n\t/* eslint-enable jsx-a11y/no-redundant-roles */\n);\n\nconst ShortcutSection = ( { title, shortcuts, className } ) => (\n\t<section\n\t\tclassName={ clsx(\n\t\t\t'customize-widgets-keyboard-shortcut-help-modal__section',\n\t\t\tclassName\n\t\t) }\n\t>\n\t\t{ !! title && (\n\t\t\t<h2 className=\"customize-widgets-keyboard-shortcut-help-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t) }\n\t\t<ShortcutList shortcuts={ shortcuts } />\n\t</section>\n);\n\nconst ShortcutCategorySection = ( {\n\ttitle,\n\tcategoryName,\n\tadditionalShortcuts = [],\n} ) => {\n\tconst categoryShortcuts = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( keyboardShortcutsStore ).getCategoryShortcuts(\n\t\t\t\tcategoryName\n\t\t\t);\n\t\t},\n\t\t[ categoryName ]\n\t);\n\n\treturn (\n\t\t<ShortcutSection\n\t\t\ttitle={ title }\n\t\t\tshortcuts={ categoryShortcuts.concat( additionalShortcuts ) }\n\t\t/>\n\t);\n};\n\nexport default function KeyboardShortcutHelpModal( {\n\tisModalActive,\n\ttoggleModal,\n} ) {\n\tconst { registerShortcut } = useDispatch( keyboardShortcutsStore );\n\tregisterShortcut( {\n\t\tname: 'core/customize-widgets/keyboard-shortcuts',\n\t\tcategory: 'main',\n\t\tdescription: __( 'Display these keyboard shortcuts.' ),\n\t\tkeyCombination: {\n\t\t\tmodifier: 'access',\n\t\t\tcharacter: 'h',\n\t\t},\n\t} );\n\n\tuseShortcut( 'core/customize-widgets/keyboard-shortcuts', toggleModal );\n\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal\"\n\t\t\ttitle={ __( 'Keyboard shortcuts' ) }\n\t\t\tonRequestClose={ toggleModal }\n\t\t>\n\t\t\t<ShortcutSection\n\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__main-shortcuts\"\n\t\t\t\tshortcuts={ [ 'core/customize-widgets/keyboard-shortcuts' ] }\n\t\t\t/>\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Global shortcuts' ) }\n\t\t\t\tcategoryName=\"global\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Selection shortcuts' ) }\n\t\t\t\tcategoryName=\"selection\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Block shortcuts' ) }\n\t\t\t\tcategoryName=\"block\"\n\t\t\t\tadditionalShortcuts={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tkeyCombination: { character: '/' },\n\t\t\t\t\t\tdescription: __(\n\t\t\t\t\t\t\t'Change the block type after adding a new paragraph.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t/* translators: The forward-slash character. e.g. '/'. */\n\t\t\t\t\t\tariaLabel: __( 'Forward-slash' ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t\t<ShortcutSection\n\t\t\t\ttitle={ __( 'Text formatting' ) }\n\t\t\t\tshortcuts={ textFormattingShortcuts }\n\t\t\t/>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["clsx","Modal","__","useShortcut","store","keyboardShortcutsStore","useDispatch","useSelect","useEffect","textFormattingShortcuts","Shortcut","DynamicShortcut","jsx","_jsx","jsxs","_jsxs","ShortcutList","shortcuts","className","role","children","map","shortcut","index","name","ShortcutSection","title","ShortcutCategorySection","categoryName","additionalShortcuts","categoryShortcuts","select","getCategoryShortcuts","concat","KeyboardShortcutHelpModal","isModalActive","toggleModal","registerShortcut","category","description","keyCombination","modifier","character","onRequestClose","ariaLabel"],"sources":["@wordpress/customize-widgets/src/components/keyboard-shortcut-help-modal/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n\n/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport {\n\tuseShortcut,\n\tstore as keyboardShortcutsStore,\n} from '@wordpress/keyboard-shortcuts';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { textFormattingShortcuts } from './config';\nimport Shortcut from './shortcut';\nimport DynamicShortcut from './dynamic-shortcut';\n\nconst ShortcutList = ( { shortcuts } ) => (\n\t/*\n\t * Disable reason: The `list` ARIA role is redundant but\n\t * Safari+VoiceOver won't announce the list otherwise.\n\t */\n\t/* eslint-disable jsx-a11y/no-redundant-roles */\n\t<ul\n\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-list\"\n\t\trole=\"list\"\n\t>\n\t\t{ shortcuts.map( ( shortcut, index ) => (\n\t\t\t<li\n\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut\"\n\t\t\t\tkey={ index }\n\t\t\t>\n\t\t\t\t{ typeof shortcut === 'string' ? (\n\t\t\t\t\t<DynamicShortcut name={ shortcut } />\n\t\t\t\t) : (\n\t\t\t\t\t<Shortcut { ...shortcut } />\n\t\t\t\t) }\n\t\t\t</li>\n\t\t) ) }\n\t</ul>\n\t/* eslint-enable jsx-a11y/no-redundant-roles */\n);\n\nconst ShortcutSection = ( { title, shortcuts, className } ) => (\n\t<section\n\t\tclassName={ clsx(\n\t\t\t'customize-widgets-keyboard-shortcut-help-modal__section',\n\t\t\tclassName\n\t\t) }\n\t>\n\t\t{ !! title && (\n\t\t\t<h2 className=\"customize-widgets-keyboard-shortcut-help-modal__section-title\">\n\t\t\t\t{ title }\n\t\t\t</h2>\n\t\t) }\n\t\t<ShortcutList shortcuts={ shortcuts } />\n\t</section>\n);\n\nconst ShortcutCategorySection = ( {\n\ttitle,\n\tcategoryName,\n\tadditionalShortcuts = [],\n} ) => {\n\tconst categoryShortcuts = useSelect(\n\t\t( select ) => {\n\t\t\treturn select( keyboardShortcutsStore ).getCategoryShortcuts(\n\t\t\t\tcategoryName\n\t\t\t);\n\t\t},\n\t\t[ categoryName ]\n\t);\n\n\treturn (\n\t\t<ShortcutSection\n\t\t\ttitle={ title }\n\t\t\tshortcuts={ categoryShortcuts.concat( additionalShortcuts ) }\n\t\t/>\n\t);\n};\n\nexport default function KeyboardShortcutHelpModal( {\n\tisModalActive,\n\ttoggleModal,\n} ) {\n\tconst { registerShortcut } = useDispatch( keyboardShortcutsStore );\n\n\tuseEffect( () => {\n\t\tregisterShortcut( {\n\t\t\tname: 'core/customize-widgets/keyboard-shortcuts',\n\t\t\tcategory: 'main',\n\t\t\tdescription: __( 'Display these keyboard shortcuts.' ),\n\t\t\tkeyCombination: {\n\t\t\t\tmodifier: 'access',\n\t\t\t\tcharacter: 'h',\n\t\t\t},\n\t\t} );\n\t}, [ registerShortcut ] );\n\n\tuseShortcut( 'core/customize-widgets/keyboard-shortcuts', toggleModal );\n\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal\"\n\t\t\ttitle={ __( 'Keyboard shortcuts' ) }\n\t\t\tonRequestClose={ toggleModal }\n\t\t>\n\t\t\t<ShortcutSection\n\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__main-shortcuts\"\n\t\t\t\tshortcuts={ [ 'core/customize-widgets/keyboard-shortcuts' ] }\n\t\t\t/>\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Global shortcuts' ) }\n\t\t\t\tcategoryName=\"global\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Selection shortcuts' ) }\n\t\t\t\tcategoryName=\"selection\"\n\t\t\t/>\n\n\t\t\t<ShortcutCategorySection\n\t\t\t\ttitle={ __( 'Block shortcuts' ) }\n\t\t\t\tcategoryName=\"block\"\n\t\t\t\tadditionalShortcuts={ [\n\t\t\t\t\t{\n\t\t\t\t\t\tkeyCombination: { character: '/' },\n\t\t\t\t\t\tdescription: __(\n\t\t\t\t\t\t\t'Change the block type after adding a new paragraph.'\n\t\t\t\t\t\t),\n\t\t\t\t\t\t/* translators: The forward-slash character. e.g. '/'. */\n\t\t\t\t\t\tariaLabel: __( 'Forward-slash' ),\n\t\t\t\t\t},\n\t\t\t\t] }\n\t\t\t/>\n\t\t\t<ShortcutSection\n\t\t\t\ttitle={ __( 'Text formatting' ) }\n\t\t\t\tshortcuts={ textFormattingShortcuts }\n\t\t\t/>\n\t\t</Modal>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
package/build-style/style-rtl.css CHANGED
@@ -1,15 +1,57 @@
1
- /**
2
- * Converts a hex value into the rgb equivalent.
3
- *
4
- * @param {string} hex - the hexadecimal value to convert
5
- * @return {string} comma separated rgb values
6
- */
7
1
  /**
8
2
  * Colors
9
3
  */
10
4
  /**
11
5
  * Breakpoints & Media Queries
12
6
  */
7
+ /**
8
+ * Colors
9
+ */
10
+ /**
11
+ * SCSS Variables.
12
+ *
13
+ * Please use variables from this sheet to ensure consistency across the UI.
14
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
15
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
16
+ */
17
+ /**
18
+ * Fonts & basic variables.
19
+ */
20
+ /**
21
+ * Typography
22
+ */
23
+ /**
24
+ * Grid System.
25
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
26
+ */
27
+ /**
28
+ * Radius scale.
29
+ */
30
+ /**
31
+ * Elevation scale.
32
+ */
33
+ /**
34
+ * Dimensions.
35
+ */
36
+ /**
37
+ * Mobile specific styles
38
+ */
39
+ /**
40
+ * Editor styles.
41
+ */
42
+ /**
43
+ * Block & Editor UI.
44
+ */
45
+ /**
46
+ * Block paddings.
47
+ */
48
+ /**
49
+ * React Native specific.
50
+ * These variables do not appear to be used anywhere else.
51
+ */
52
+ /**
53
+ * Colors
54
+ */
13
55
  /**
14
56
  * SCSS Variables.
15
57
  *
@@ -17,15 +59,91 @@
17
59
  * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
18
60
  * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
19
61
  */
62
+ /**
63
+ * Fonts & basic variables.
64
+ */
65
+ /**
66
+ * Typography
67
+ */
68
+ /**
69
+ * Grid System.
70
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
71
+ */
72
+ /**
73
+ * Radius scale.
74
+ */
75
+ /**
76
+ * Elevation scale.
77
+ */
78
+ /**
79
+ * Dimensions.
80
+ */
81
+ /**
82
+ * Mobile specific styles
83
+ */
84
+ /**
85
+ * Editor styles.
86
+ */
87
+ /**
88
+ * Block & Editor UI.
89
+ */
90
+ /**
91
+ * Block paddings.
92
+ */
93
+ /**
94
+ * React Native specific.
95
+ * These variables do not appear to be used anywhere else.
96
+ */
97
+ /**
98
+ * Breakpoints & Media Queries
99
+ */
20
100
  /**
21
101
  * Converts a hex value into the rgb equivalent.
22
102
  *
23
103
  * @param {string} hex - the hexadecimal value to convert
24
104
  * @return {string} comma separated rgb values
25
105
  */
106
+ /**
107
+ * Long content fade mixin
108
+ *
109
+ * Creates a fading overlay to signify that the content is longer
110
+ * than the space allows.
111
+ */
112
+ /**
113
+ * Typography
114
+ */
115
+ /**
116
+ * Breakpoint mixins
117
+ */
118
+ /**
119
+ * Focus styles.
120
+ */
121
+ /**
122
+ * Applies editor left position to the selector passed as argument
123
+ */
124
+ /**
125
+ * Styles that are reused verbatim in a few places
126
+ */
127
+ /**
128
+ * Allows users to opt-out of animations via OS-level preferences.
129
+ */
130
+ /**
131
+ * Reset default styles for JavaScript UI based pages.
132
+ * This is a WP-admin agnostic reset
133
+ */
134
+ /**
135
+ * Reset the WP Admin page styles for Gutenberg-like pages.
136
+ */
26
137
  /**
27
138
  * Colors
28
139
  */
140
+ /**
141
+ * SCSS Variables.
142
+ *
143
+ * Please use variables from this sheet to ensure consistency across the UI.
144
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
145
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
146
+ */
29
147
  /**
30
148
  * Fonts & basic variables.
31
149
  */
@@ -61,6 +179,9 @@
61
179
  * React Native specific.
62
180
  * These variables do not appear to be used anywhere else.
63
181
  */
182
+ /**
183
+ * Breakpoints & Media Queries
184
+ */
64
185
  /**
65
186
  * Converts a hex value into the rgb equivalent.
66
187
  *
@@ -99,6 +220,9 @@
99
220
  * Reset the WP Admin page styles for Gutenberg-like pages.
100
221
  */
101
222
  :root {
223
+ --wp-block-synced-color: #7a00df;
224
+ --wp-block-synced-color--rgb: 122, 0, 223;
225
+ --wp-bound-block-color: var(--wp-block-synced-color);
102
226
  --wp-admin-theme-color: #007cba;
103
227
  --wp-admin-theme-color--rgb: 0, 124, 186;
104
228
  --wp-admin-theme-color-darker-10: #006ba1;
@@ -106,9 +230,6 @@
106
230
  --wp-admin-theme-color-darker-20: #005a87;
107
231
  --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
108
232
  --wp-admin-border-width-focus: 2px;
109
- --wp-block-synced-color: #7a00df;
110
- --wp-block-synced-color--rgb: 122, 0, 223;
111
- --wp-bound-block-color: var(--wp-block-synced-color);
112
233
  }
113
234
  @media (min-resolution: 192dpi) {
114
235
  :root {
package/build-style/style.css CHANGED
@@ -1,15 +1,57 @@
1
- /**
2
- * Converts a hex value into the rgb equivalent.
3
- *
4
- * @param {string} hex - the hexadecimal value to convert
5
- * @return {string} comma separated rgb values
6
- */
7
1
  /**
8
2
  * Colors
9
3
  */
10
4
  /**
11
5
  * Breakpoints & Media Queries
12
6
  */
7
+ /**
8
+ * Colors
9
+ */
10
+ /**
11
+ * SCSS Variables.
12
+ *
13
+ * Please use variables from this sheet to ensure consistency across the UI.
14
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
15
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
16
+ */
17
+ /**
18
+ * Fonts & basic variables.
19
+ */
20
+ /**
21
+ * Typography
22
+ */
23
+ /**
24
+ * Grid System.
25
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
26
+ */
27
+ /**
28
+ * Radius scale.
29
+ */
30
+ /**
31
+ * Elevation scale.
32
+ */
33
+ /**
34
+ * Dimensions.
35
+ */
36
+ /**
37
+ * Mobile specific styles
38
+ */
39
+ /**
40
+ * Editor styles.
41
+ */
42
+ /**
43
+ * Block & Editor UI.
44
+ */
45
+ /**
46
+ * Block paddings.
47
+ */
48
+ /**
49
+ * React Native specific.
50
+ * These variables do not appear to be used anywhere else.
51
+ */
52
+ /**
53
+ * Colors
54
+ */
13
55
  /**
14
56
  * SCSS Variables.
15
57
  *
@@ -17,15 +59,91 @@
17
59
  * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
18
60
  * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
19
61
  */
62
+ /**
63
+ * Fonts & basic variables.
64
+ */
65
+ /**
66
+ * Typography
67
+ */
68
+ /**
69
+ * Grid System.
70
+ * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/
71
+ */
72
+ /**
73
+ * Radius scale.
74
+ */
75
+ /**
76
+ * Elevation scale.
77
+ */
78
+ /**
79
+ * Dimensions.
80
+ */
81
+ /**
82
+ * Mobile specific styles
83
+ */
84
+ /**
85
+ * Editor styles.
86
+ */
87
+ /**
88
+ * Block & Editor UI.
89
+ */
90
+ /**
91
+ * Block paddings.
92
+ */
93
+ /**
94
+ * React Native specific.
95
+ * These variables do not appear to be used anywhere else.
96
+ */
97
+ /**
98
+ * Breakpoints & Media Queries
99
+ */
20
100
  /**
21
101
  * Converts a hex value into the rgb equivalent.
22
102
  *
23
103
  * @param {string} hex - the hexadecimal value to convert
24
104
  * @return {string} comma separated rgb values
25
105
  */
106
+ /**
107
+ * Long content fade mixin
108
+ *
109
+ * Creates a fading overlay to signify that the content is longer
110
+ * than the space allows.
111
+ */
112
+ /**
113
+ * Typography
114
+ */
115
+ /**
116
+ * Breakpoint mixins
117
+ */
118
+ /**
119
+ * Focus styles.
120
+ */
121
+ /**
122
+ * Applies editor left position to the selector passed as argument
123
+ */
124
+ /**
125
+ * Styles that are reused verbatim in a few places
126
+ */
127
+ /**
128
+ * Allows users to opt-out of animations via OS-level preferences.
129
+ */
130
+ /**
131
+ * Reset default styles for JavaScript UI based pages.
132
+ * This is a WP-admin agnostic reset
133
+ */
134
+ /**
135
+ * Reset the WP Admin page styles for Gutenberg-like pages.
136
+ */
26
137
  /**
27
138
  * Colors
28
139
  */
140
+ /**
141
+ * SCSS Variables.
142
+ *
143
+ * Please use variables from this sheet to ensure consistency across the UI.
144
+ * Don't add to this sheet unless you're pretty sure the value will be reused in many places.
145
+ * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.
146
+ */
29
147
  /**
30
148
  * Fonts & basic variables.
31
149
  */
@@ -61,6 +179,9 @@
61
179
  * React Native specific.
62
180
  * These variables do not appear to be used anywhere else.
63
181
  */
182
+ /**
183
+ * Breakpoints & Media Queries
184
+ */
64
185
  /**
65
186
  * Converts a hex value into the rgb equivalent.
66
187
  *
@@ -99,6 +220,9 @@
99
220
  * Reset the WP Admin page styles for Gutenberg-like pages.
100
221
  */
101
222
  :root {
223
+ --wp-block-synced-color: #7a00df;
224
+ --wp-block-synced-color--rgb: 122, 0, 223;
225
+ --wp-bound-block-color: var(--wp-block-synced-color);
102
226
  --wp-admin-theme-color: #007cba;
103
227
  --wp-admin-theme-color--rgb: 0, 124, 186;
104
228
  --wp-admin-theme-color-darker-10: #006ba1;
@@ -106,9 +230,6 @@
106
230
  --wp-admin-theme-color-darker-20: #005a87;
107
231
  --wp-admin-theme-color-darker-20--rgb: 0, 90, 135;
108
232
  --wp-admin-border-width-focus: 2px;
109
- --wp-block-synced-color: #7a00df;
110
- --wp-block-synced-color--rgb: 122, 0, 223;
111
- --wp-bound-block-color: var(--wp-block-synced-color);
112
233
  }
113
234
  @media (min-resolution: 192dpi) {
114
235
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/customize-widgets",
3
- "version": "5.22.0",
3
+ "version": "5.24.0",
4
4
  "description": "Widgets blocks in Customizer Module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -26,26 +26,26 @@
26
26
  "wpScript": true,
27
27
  "dependencies": {
28
28
  "@babel/runtime": "7.25.7",
29
- "@wordpress/block-editor": "^14.17.0",
30
- "@wordpress/block-library": "^9.22.0",
31
- "@wordpress/blocks": "^14.11.0",
32
- "@wordpress/components": "^29.8.0",
33
- "@wordpress/compose": "^7.22.0",
34
- "@wordpress/core-data": "^7.22.0",
35
- "@wordpress/data": "^10.22.0",
36
- "@wordpress/dom": "^4.22.0",
37
- "@wordpress/element": "^6.22.0",
38
- "@wordpress/hooks": "^4.22.0",
39
- "@wordpress/i18n": "^5.22.0",
40
- "@wordpress/icons": "^10.22.0",
41
- "@wordpress/interface": "^9.7.0",
42
- "@wordpress/is-shallow-equal": "^5.22.0",
43
- "@wordpress/keyboard-shortcuts": "^5.22.0",
44
- "@wordpress/keycodes": "^4.22.0",
45
- "@wordpress/media-utils": "^5.22.0",
46
- "@wordpress/preferences": "^4.22.0",
47
- "@wordpress/private-apis": "^1.22.0",
48
- "@wordpress/widgets": "^4.22.0",
29
+ "@wordpress/block-editor": "^14.19.0",
30
+ "@wordpress/block-library": "^9.24.0",
31
+ "@wordpress/blocks": "^14.13.0",
32
+ "@wordpress/components": "^29.10.0",
33
+ "@wordpress/compose": "^7.24.0",
34
+ "@wordpress/core-data": "^7.24.0",
35
+ "@wordpress/data": "^10.24.0",
36
+ "@wordpress/dom": "^4.24.0",
37
+ "@wordpress/element": "^6.24.0",
38
+ "@wordpress/hooks": "^4.24.0",
39
+ "@wordpress/i18n": "^5.24.0",
40
+ "@wordpress/icons": "^10.24.0",
41
+ "@wordpress/interface": "^9.9.0",
42
+ "@wordpress/is-shallow-equal": "^5.24.0",
43
+ "@wordpress/keyboard-shortcuts": "^5.24.0",
44
+ "@wordpress/keycodes": "^4.24.0",
45
+ "@wordpress/media-utils": "^5.24.0",
46
+ "@wordpress/preferences": "^4.24.0",
47
+ "@wordpress/private-apis": "^1.24.0",
48
+ "@wordpress/widgets": "^4.24.0",
49
49
  "clsx": "^2.1.1",
50
50
  "fast-deep-equal": "^3.1.3"
51
51
  },
@@ -56,5 +56,5 @@
56
56
  "publishConfig": {
57
57
  "access": "public"
58
58
  },
59
- "gitHead": "01a314d7e46a50101e328fdb11959c441e49372d"
59
+ "gitHead": "9c03d1458cae76792ae15e67b421205836bf4393"
60
60
  }
package/src/components/keyboard-shortcut-help-modal/index.js CHANGED
@@ -13,6 +13,7 @@ import {
13
13
  store as keyboardShortcutsStore,
14
14
  } from '@wordpress/keyboard-shortcuts';
15
15
  import { useDispatch, useSelect } from '@wordpress/data';
16
+ import { useEffect } from '@wordpress/element';
16
17
 
17
18
  /**
18
19
  * Internal dependencies
@@ -90,15 +91,18 @@ export default function KeyboardShortcutHelpModal( {
90
91
  toggleModal,
91
92
  } ) {
92
93
  const { registerShortcut } = useDispatch( keyboardShortcutsStore );
93
- registerShortcut( {
94
- name: 'core/customize-widgets/keyboard-shortcuts',
95
- category: 'main',
96
- description: __( 'Display these keyboard shortcuts.' ),
97
- keyCombination: {
98
- modifier: 'access',
99
- character: 'h',
100
- },
101
- } );
94
+
95
+ useEffect( () => {
96
+ registerShortcut( {
97
+ name: 'core/customize-widgets/keyboard-shortcuts',
98
+ category: 'main',
99
+ description: __( 'Display these keyboard shortcuts.' ),
100
+ keyCombination: {
101
+ modifier: 'access',
102
+ character: 'h',
103
+ },
104
+ } );
105
+ }, [ registerShortcut ] );
102
106
 
103
107
  useShortcut( 'core/customize-widgets/keyboard-shortcuts', toggleModal );
104
108