@wordpress/edit-site 5.12.2 → 5.12.4

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 (31) hide show
  1. package/build/components/header-edit-mode/more-menu/index.js +12 -16
  2. package/build/components/header-edit-mode/more-menu/index.js.map +1 -1
  3. package/build/components/keyboard-shortcut-help-modal/index.js +17 -4
  4. package/build/components/keyboard-shortcut-help-modal/index.js.map +1 -1
  5. package/build/components/page-library/grid-item.js +1 -1
  6. package/build/components/page-library/grid-item.js.map +1 -1
  7. package/build/components/preferences-modal/index.js +13 -4
  8. package/build/components/preferences-modal/index.js.map +1 -1
  9. package/build/hooks/commands/use-edit-mode-commands.js +23 -0
  10. package/build/hooks/commands/use-edit-mode-commands.js.map +1 -1
  11. package/build-module/components/header-edit-mode/more-menu/index.js +9 -17
  12. package/build-module/components/header-edit-mode/more-menu/index.js.map +1 -1
  13. package/build-module/components/keyboard-shortcut-help-modal/index.js +15 -6
  14. package/build-module/components/keyboard-shortcut-help-modal/index.js.map +1 -1
  15. package/build-module/components/page-library/grid-item.js +1 -1
  16. package/build-module/components/page-library/grid-item.js.map +1 -1
  17. package/build-module/components/preferences-modal/index.js +14 -8
  18. package/build-module/components/preferences-modal/index.js.map +1 -1
  19. package/build-module/hooks/commands/use-edit-mode-commands.js +22 -1
  20. package/build-module/hooks/commands/use-edit-mode-commands.js.map +1 -1
  21. package/build-style/style-rtl.css +1 -5
  22. package/build-style/style.css +1 -5
  23. package/package.json +14 -14
  24. package/src/components/header-edit-mode/more-menu/index.js +26 -27
  25. package/src/components/keyboard-shortcut-help-modal/index.js +21 -7
  26. package/src/components/page-library/grid-item.js +1 -1
  27. package/src/components/preferences-modal/index.js +13 -7
  28. package/src/components/sidebar-navigation-item/style.scss +1 -0
  29. package/src/components/sidebar-navigation-screen-navigation-menu/style.scss +0 -5
  30. package/src/components/start-template-options/style.scss +0 -3
  31. package/src/hooks/commands/use-edit-mode-commands.js +24 -2
@@ -10,8 +10,9 @@ import classnames from 'classnames';
10
10
 
11
11
  import { Modal } from '@wordpress/components';
12
12
  import { __ } from '@wordpress/i18n';
13
- import { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
14
- import { useSelect } from '@wordpress/data';
13
+ import { useShortcut, store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';
14
+ import { store as interfaceStore } from '@wordpress/interface';
15
+ import { useSelect, useDispatch } from '@wordpress/data';
15
16
  /**
16
17
  * Internal dependencies
17
18
  */
@@ -19,6 +20,7 @@ import { useSelect } from '@wordpress/data';
19
20
  import { textFormattingShortcuts } from './config';
20
21
  import Shortcut from './shortcut';
21
22
  import DynamicShortcut from './dynamic-shortcut';
23
+ export const KEYBOARD_SHORTCUT_HELP_MODAL_NAME = 'edit-site/keyboard-shortcut-help';
22
24
 
23
25
  const ShortcutList = ({
24
26
  shortcuts
@@ -68,10 +70,17 @@ const ShortcutCategorySection = ({
68
70
  });
69
71
  };
70
72
 
71
- export default function KeyboardShortcutHelpModal({
72
- isModalActive,
73
- toggleModal
74
- }) {
73
+ export default function KeyboardShortcutHelpModal() {
74
+ const isModalActive = useSelect(select => select(interfaceStore).isModalActive(KEYBOARD_SHORTCUT_HELP_MODAL_NAME));
75
+ const {
76
+ closeModal,
77
+ openModal
78
+ } = useDispatch(interfaceStore);
79
+
80
+ const toggleModal = () => isModalActive ? closeModal() : openModal(KEYBOARD_SHORTCUT_HELP_MODAL_NAME);
81
+
82
+ useShortcut('core/edit-site/keyboard-shortcuts', toggleModal);
83
+
75
84
  if (!isModalActive) {
76
85
  return null;
77
86
  }
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/edit-site/src/components/keyboard-shortcut-help-modal/index.js"],"names":["classnames","Modal","__","store","keyboardShortcutsStore","useSelect","textFormattingShortcuts","Shortcut","DynamicShortcut","ShortcutList","shortcuts","map","shortcut","index","ShortcutSection","title","className","ShortcutCategorySection","categoryName","additionalShortcuts","categoryShortcuts","select","getCategoryShortcuts","concat","KeyboardShortcutHelpModal","isModalActive","toggleModal","keyCombination","character","description","ariaLabel"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { 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=\"edit-site-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=\"edit-site-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={ classnames(\n\t\t\t'edit-site-keyboard-shortcut-help-modal__section',\n\t\t\tclassName\n\t\t) }\n\t>\n\t\t{ !! title && (\n\t\t\t<h2 className=\"edit-site-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\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"edit-site-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=\"edit-site-keyboard-shortcut-help-modal__main-shortcuts\"\n\t\t\t\tshortcuts={ [ 'core/edit-site/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"]}
1
+ {"version":3,"sources":["@wordpress/edit-site/src/components/keyboard-shortcut-help-modal/index.js"],"names":["classnames","Modal","__","useShortcut","store","keyboardShortcutsStore","interfaceStore","useSelect","useDispatch","textFormattingShortcuts","Shortcut","DynamicShortcut","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","ShortcutList","shortcuts","map","shortcut","index","ShortcutSection","title","className","ShortcutCategorySection","categoryName","additionalShortcuts","categoryShortcuts","select","getCategoryShortcuts","concat","KeyboardShortcutHelpModal","isModalActive","closeModal","openModal","toggleModal","keyCombination","character","description","ariaLabel"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\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 { store as interfaceStore } from '@wordpress/interface';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { textFormattingShortcuts } from './config';\nimport Shortcut from './shortcut';\nimport DynamicShortcut from './dynamic-shortcut';\n\nexport const KEYBOARD_SHORTCUT_HELP_MODAL_NAME =\n\t'edit-site/keyboard-shortcut-help';\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=\"edit-site-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=\"edit-site-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={ classnames(\n\t\t\t'edit-site-keyboard-shortcut-help-modal__section',\n\t\t\tclassName\n\t\t) }\n\t>\n\t\t{ !! title && (\n\t\t\t<h2 className=\"edit-site-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\tconst isModalActive = useSelect( ( select ) =>\n\t\tselect( interfaceStore ).isModalActive(\n\t\t\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME\n\t\t)\n\t);\n\tconst { closeModal, openModal } = useDispatch( interfaceStore );\n\tconst toggleModal = () =>\n\t\tisModalActive\n\t\t\t? closeModal()\n\t\t\t: openModal( KEYBOARD_SHORTCUT_HELP_MODAL_NAME );\n\tuseShortcut( 'core/edit-site/keyboard-shortcuts', toggleModal );\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<Modal\n\t\t\tclassName=\"edit-site-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=\"edit-site-keyboard-shortcut-help-modal__main-shortcuts\"\n\t\t\t\tshortcuts={ [ 'core/edit-site/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"]}
@@ -47,7 +47,7 @@ export default function GridItem({
47
47
  postId: item.type === USER_PATTERNS ? item.id : item.name,
48
48
  categoryId,
49
49
  categoryType: item.type,
50
- canvas: 'edit'
50
+ canvas: 'view'
51
51
  });
52
52
 
53
53
  const onKeyDown = event => {
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/edit-site/src/components/page-library/grid-item.js"],"names":["classnames","BlockPreview","__experimentalConfirmDialog","ConfirmDialog","DropdownMenu","MenuGroup","MenuItem","__experimentalHeading","Heading","__experimentalHStack","HStack","__unstableCompositeItem","CompositeItem","useInstanceId","useDispatch","useState","__","sprintf","Icon","moreHorizontal","store","noticesStore","reusableBlocksStore","DELETE","BACKSPACE","PATTERNS","USER_PATTERNS","useLink","GridItem","categoryId","composite","icon","item","instanceId","descriptionId","isDeleteDialogOpen","setIsDeleteDialogOpen","__experimentalDeleteReusableBlock","createErrorNotice","createSuccessNotice","onClick","postType","type","postId","id","name","categoryType","canvas","onKeyDown","event","keyCode","isEmpty","blocks","length","patternClassNames","previewClassNames","deletePattern","error","errorMessage","message","code","isUserPattern","ariaDescription","description","undefined","title","display","placement","className","isSmall","describedBy","tabIndex"],"mappings":"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","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { BlockPreview } from '@wordpress/block-editor';\nimport {\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalHeading as Heading,\n\t__experimentalHStack as HStack,\n\t__unstableCompositeItem as CompositeItem,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Icon, moreHorizontal } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as reusableBlocksStore } from '@wordpress/reusable-blocks';\nimport { DELETE, BACKSPACE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { PATTERNS, USER_PATTERNS } from './utils';\nimport { useLink } from '../routes/link';\n\nexport default function GridItem( { categoryId, composite, icon, item } ) {\n\tconst instanceId = useInstanceId( GridItem );\n\tconst descriptionId = `edit-site-library__pattern-description-${ instanceId }`;\n\tconst [ isDeleteDialogOpen, setIsDeleteDialogOpen ] = useState( false );\n\n\tconst { __experimentalDeleteReusableBlock } =\n\t\tuseDispatch( reusableBlocksStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: item.type === USER_PATTERNS ? item.id : item.name,\n\t\tcategoryId,\n\t\tcategoryType: item.type,\n\t\tcanvas: 'edit',\n\t} );\n\n\tconst onKeyDown = ( event ) => {\n\t\tif ( DELETE === event.keyCode || BACKSPACE === event.keyCode ) {\n\t\t\tsetIsDeleteDialogOpen( true );\n\t\t}\n\t};\n\n\tconst isEmpty = ! item.blocks?.length;\n\tconst patternClassNames = classnames( 'edit-site-library__pattern', {\n\t\t'is-placeholder': isEmpty,\n\t} );\n\tconst previewClassNames = classnames( 'edit-site-library__preview', {\n\t\t'is-inactive': item.type === PATTERNS,\n\t} );\n\n\tconst deletePattern = async () => {\n\t\ttry {\n\t\t\tawait __experimentalDeleteReusableBlock( item.id );\n\t\t\tcreateSuccessNotice( __( 'Pattern successfully deleted.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while deleting the pattern.' );\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t};\n\n\tconst isUserPattern = item.type === USER_PATTERNS;\n\tlet ariaDescription;\n\tif ( isUserPattern ) {\n\t\t// User patterns don't have descriptions, but can be edited and deleted, so include some help text.\n\t\tariaDescription = __(\n\t\t\t'Press Enter to edit, or Delete to delete the pattern.'\n\t\t);\n\t} else if ( item.description ) {\n\t\tariaDescription = item.description;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<div className={ patternClassNames }>\n\t\t\t\t<CompositeItem\n\t\t\t\t\tclassName={ previewClassNames }\n\t\t\t\t\trole=\"option\"\n\t\t\t\t\tas=\"div\"\n\t\t\t\t\t{ ...composite }\n\t\t\t\t\tonClick={ item.type !== PATTERNS ? onClick : undefined }\n\t\t\t\t\tonKeyDown={ isUserPattern ? onKeyDown : undefined }\n\t\t\t\t\taria-label={ item.title }\n\t\t\t\t\taria-describedby={\n\t\t\t\t\t\tariaDescription ? descriptionId : undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ isEmpty && __( 'Empty pattern' ) }\n\t\t\t\t\t{ ! isEmpty && <BlockPreview blocks={ item.blocks } /> }\n\t\t\t\t</CompositeItem>\n\t\t\t\t{ ariaDescription && (\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tstyle={ { display: 'none' } }\n\t\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ariaDescription }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<HStack\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName=\"edit-site-library__footer\"\n\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\talignment=\"center\"\n\t\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\t\tclassName=\"edit-site-library__pattern-title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ icon && <Icon icon={ icon } /> }\n\t\t\t\t\t\t<Heading level={ 5 }>{ item.title }</Heading>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t{ item.type === USER_PATTERNS && (\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreHorizontal }\n\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-library__dropdown\"\n\t\t\t\t\t\t\tpopoverProps={ { placement: 'bottom-end' } }\n\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\tclassName: 'edit-site-library__button',\n\t\t\t\t\t\t\t\tisSmall: true,\n\t\t\t\t\t\t\t\tdescribedBy: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: pattern name */\n\t\t\t\t\t\t\t\t\t__( 'Action menu for %s pattern' ),\n\t\t\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t// The dropdown menu is not focusable using the\n\t\t\t\t\t\t\t\t// keyboard as this would interfere with the grid's\n\t\t\t\t\t\t\t\t// roving tab index system. Instead, keyboard users\n\t\t\t\t\t\t\t\t// use keyboard shortcuts to trigger actions.\n\t\t\t\t\t\t\t\ttabIndex: -1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ () => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\tsetIsDeleteDialogOpen( true )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</div>\n\t\t\t{ isDeleteDialogOpen && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tonConfirm={ deletePattern }\n\t\t\t\t\tonCancel={ () => setIsDeleteDialogOpen( false ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Are you sure you want to delete this pattern?' ) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}
1
+ {"version":3,"sources":["@wordpress/edit-site/src/components/page-library/grid-item.js"],"names":["classnames","BlockPreview","__experimentalConfirmDialog","ConfirmDialog","DropdownMenu","MenuGroup","MenuItem","__experimentalHeading","Heading","__experimentalHStack","HStack","__unstableCompositeItem","CompositeItem","useInstanceId","useDispatch","useState","__","sprintf","Icon","moreHorizontal","store","noticesStore","reusableBlocksStore","DELETE","BACKSPACE","PATTERNS","USER_PATTERNS","useLink","GridItem","categoryId","composite","icon","item","instanceId","descriptionId","isDeleteDialogOpen","setIsDeleteDialogOpen","__experimentalDeleteReusableBlock","createErrorNotice","createSuccessNotice","onClick","postType","type","postId","id","name","categoryType","canvas","onKeyDown","event","keyCode","isEmpty","blocks","length","patternClassNames","previewClassNames","deletePattern","error","errorMessage","message","code","isUserPattern","ariaDescription","description","undefined","title","display","placement","className","isSmall","describedBy","tabIndex"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,UAAP,MAAuB,YAAvB;AAEA;AACA;AACA;;AACA,SAASC,YAAT,QAA6B,yBAA7B;AACA,SACCC,2BAA2B,IAAIC,aADhC,EAECC,YAFD,EAGCC,SAHD,EAICC,QAJD,EAKCC,qBAAqB,IAAIC,OAL1B,EAMCC,oBAAoB,IAAIC,MANzB,EAOCC,uBAAuB,IAAIC,aAP5B,QAQO,uBARP;AASA,SAASC,aAAT,QAA8B,oBAA9B;AACA,SAASC,WAAT,QAA4B,iBAA5B;AACA,SAASC,QAAT,QAAyB,oBAAzB;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,IAAT,EAAeC,cAAf,QAAqC,kBAArC;AACA,SAASC,KAAK,IAAIC,YAAlB,QAAsC,oBAAtC;AACA,SAASD,KAAK,IAAIE,mBAAlB,QAA6C,4BAA7C;AACA,SAASC,MAAT,EAAiBC,SAAjB,QAAkC,qBAAlC;AAEA;AACA;AACA;;AACA,SAASC,QAAT,EAAmBC,aAAnB,QAAwC,SAAxC;AACA,SAASC,OAAT,QAAwB,gBAAxB;AAEA,eAAe,SAASC,QAAT,CAAmB;AAAEC,EAAAA,UAAF;AAAcC,EAAAA,SAAd;AAAyBC,EAAAA,IAAzB;AAA+BC,EAAAA;AAA/B,CAAnB,EAA2D;AACzE,QAAMC,UAAU,GAAGpB,aAAa,CAAEe,QAAF,CAAhC;AACA,QAAMM,aAAa,GAAI,0CAA0CD,UAAY,EAA7E;AACA,QAAM,CAAEE,kBAAF,EAAsBC,qBAAtB,IAAgDrB,QAAQ,CAAE,KAAF,CAA9D;AAEA,QAAM;AAAEsB,IAAAA;AAAF,MACLvB,WAAW,CAAEQ,mBAAF,CADZ;AAEA,QAAM;AAAEgB,IAAAA,iBAAF;AAAqBC,IAAAA;AAArB,MACLzB,WAAW,CAAEO,YAAF,CADZ;AAGA,QAAM;AAAEmB,IAAAA;AAAF,MAAcb,OAAO,CAAE;AAC5Bc,IAAAA,QAAQ,EAAET,IAAI,CAACU,IADa;AAE5BC,IAAAA,MAAM,EAAEX,IAAI,CAACU,IAAL,KAAchB,aAAd,GAA8BM,IAAI,CAACY,EAAnC,GAAwCZ,IAAI,CAACa,IAFzB;AAG5BhB,IAAAA,UAH4B;AAI5BiB,IAAAA,YAAY,EAAEd,IAAI,CAACU,IAJS;AAK5BK,IAAAA,MAAM,EAAE;AALoB,GAAF,CAA3B;;AAQA,QAAMC,SAAS,GAAKC,KAAF,IAAa;AAC9B,QAAK1B,MAAM,KAAK0B,KAAK,CAACC,OAAjB,IAA4B1B,SAAS,KAAKyB,KAAK,CAACC,OAArD,EAA+D;AAC9Dd,MAAAA,qBAAqB,CAAE,IAAF,CAArB;AACA;AACD,GAJD;;AAMA,QAAMe,OAAO,GAAG,CAAEnB,IAAI,CAACoB,MAAL,EAAaC,MAA/B;AACA,QAAMC,iBAAiB,GAAGtD,UAAU,CAAE,4BAAF,EAAgC;AACnE,sBAAkBmD;AADiD,GAAhC,CAApC;AAGA,QAAMI,iBAAiB,GAAGvD,UAAU,CAAE,4BAAF,EAAgC;AACnE,mBAAegC,IAAI,CAACU,IAAL,KAAcjB;AADsC,GAAhC,CAApC;;AAIA,QAAM+B,aAAa,GAAG,YAAY;AACjC,QAAI;AACH,YAAMnB,iCAAiC,CAAEL,IAAI,CAACY,EAAP,CAAvC;AACAL,MAAAA,mBAAmB,CAAEvB,EAAE,CAAE,+BAAF,CAAJ,EAAyC;AAC3D0B,QAAAA,IAAI,EAAE;AADqD,OAAzC,CAAnB;AAGA,KALD,CAKE,OAAQe,KAAR,EAAgB;AACjB,YAAMC,YAAY,GACjBD,KAAK,CAACE,OAAN,IAAiBF,KAAK,CAACG,IAAN,KAAe,eAAhC,GACGH,KAAK,CAACE,OADT,GAEG3C,EAAE,CAAE,+CAAF,CAHN;AAIAsB,MAAAA,iBAAiB,CAAEoB,YAAF,EAAgB;AAAEhB,QAAAA,IAAI,EAAE;AAAR,OAAhB,CAAjB;AACA;AACD,GAbD;;AAeA,QAAMmB,aAAa,GAAG7B,IAAI,CAACU,IAAL,KAAchB,aAApC;AACA,MAAIoC,eAAJ;;AACA,MAAKD,aAAL,EAAqB;AACpB;AACAC,IAAAA,eAAe,GAAG9C,EAAE,CACnB,uDADmB,CAApB;AAGA,GALD,MAKO,IAAKgB,IAAI,CAAC+B,WAAV,EAAwB;AAC9BD,IAAAA,eAAe,GAAG9B,IAAI,CAAC+B,WAAvB;AACA;;AAED,SACC,8BACC;AAAK,IAAA,SAAS,EAAGT;AAAjB,KACC,cAAC,aAAD;AACC,IAAA,SAAS,EAAGC,iBADb;AAEC,IAAA,IAAI,EAAC,QAFN;AAGC,IAAA,EAAE,EAAC,KAHJ;AAAA,OAIMzB,SAJN;AAKC,IAAA,OAAO,EAAGE,IAAI,CAACU,IAAL,KAAcjB,QAAd,GAAyBe,OAAzB,GAAmCwB,SAL9C;AAMC,IAAA,SAAS,EAAGH,aAAa,GAAGb,SAAH,GAAegB,SANzC;AAOC,kBAAahC,IAAI,CAACiC,KAPnB;AAQC,wBACCH,eAAe,GAAG5B,aAAH,GAAmB8B;AATpC,KAYGb,OAAO,IAAInC,EAAE,CAAE,eAAF,CAZhB,EAaG,CAAEmC,OAAF,IAAa,cAAC,YAAD;AAAc,IAAA,MAAM,EAAGnB,IAAI,CAACoB;AAA5B,IAbhB,CADD,EAgBGU,eAAe,IAChB;AACC,mBAAY,MADb;AAEC,IAAA,KAAK,EAAG;AAAEI,MAAAA,OAAO,EAAE;AAAX,KAFT;AAGC,IAAA,EAAE,EAAGhC;AAHN,KAKG4B,eALH,CAjBF,EAyBC,cAAC,MAAD;AACC,mBAAY,MADb;AAEC,IAAA,SAAS,EAAC,2BAFX;AAGC,IAAA,OAAO,EAAC;AAHT,KAKC,cAAC,MAAD;AACC,IAAA,SAAS,EAAC,QADX;AAEC,IAAA,OAAO,EAAC,MAFT;AAGC,IAAA,OAAO,EAAG,CAHX;AAIC,IAAA,SAAS,EAAC;AAJX,KAMG/B,IAAI,IAAI,cAAC,IAAD;AAAM,IAAA,IAAI,EAAGA;AAAb,IANX,EAOC,cAAC,OAAD;AAAS,IAAA,KAAK,EAAG;AAAjB,KAAuBC,IAAI,CAACiC,KAA5B,CAPD,CALD,EAcGjC,IAAI,CAACU,IAAL,KAAchB,aAAd,IACD,cAAC,YAAD;AACC,IAAA,IAAI,EAAGP,cADR;AAEC,IAAA,KAAK,EAAGH,EAAE,CAAE,SAAF,CAFX;AAGC,IAAA,SAAS,EAAC,6BAHX;AAIC,IAAA,YAAY,EAAG;AAAEmD,MAAAA,SAAS,EAAE;AAAb,KAJhB;AAKC,IAAA,WAAW,EAAG;AACbC,MAAAA,SAAS,EAAE,2BADE;AAEbC,MAAAA,OAAO,EAAE,IAFI;AAGbC,MAAAA,WAAW,EAAErD,OAAO;AACnB;AACAD,MAAAA,EAAE,CAAE,4BAAF,CAFiB,EAGnBgB,IAAI,CAACiC,KAHc,CAHP;AAQb;AACA;AACA;AACA;AACAM,MAAAA,QAAQ,EAAE,CAAC;AAZE;AALf,KAoBG,MACD,cAAC,SAAD,QACC,cAAC,QAAD;AACC,IAAA,OAAO,EAAG,MACTnC,qBAAqB,CAAE,IAAF;AAFvB,KAKGpB,EAAE,CAAE,QAAF,CALL,CADD,CArBF,CAfF,CAzBD,CADD,EA4EGmB,kBAAkB,IACnB,cAAC,aAAD;AACC,IAAA,SAAS,EAAGqB,aADb;AAEC,IAAA,QAAQ,EAAG,MAAMpB,qBAAqB,CAAE,KAAF;AAFvC,KAIGpB,EAAE,CAAE,+CAAF,CAJL,CA7EF,CADD;AAuFA","sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { BlockPreview } from '@wordpress/block-editor';\nimport {\n\t__experimentalConfirmDialog as ConfirmDialog,\n\tDropdownMenu,\n\tMenuGroup,\n\tMenuItem,\n\t__experimentalHeading as Heading,\n\t__experimentalHStack as HStack,\n\t__unstableCompositeItem as CompositeItem,\n} from '@wordpress/components';\nimport { useInstanceId } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\nimport { useState } from '@wordpress/element';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { Icon, moreHorizontal } from '@wordpress/icons';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { store as reusableBlocksStore } from '@wordpress/reusable-blocks';\nimport { DELETE, BACKSPACE } from '@wordpress/keycodes';\n\n/**\n * Internal dependencies\n */\nimport { PATTERNS, USER_PATTERNS } from './utils';\nimport { useLink } from '../routes/link';\n\nexport default function GridItem( { categoryId, composite, icon, item } ) {\n\tconst instanceId = useInstanceId( GridItem );\n\tconst descriptionId = `edit-site-library__pattern-description-${ instanceId }`;\n\tconst [ isDeleteDialogOpen, setIsDeleteDialogOpen ] = useState( false );\n\n\tconst { __experimentalDeleteReusableBlock } =\n\t\tuseDispatch( reusableBlocksStore );\n\tconst { createErrorNotice, createSuccessNotice } =\n\t\tuseDispatch( noticesStore );\n\n\tconst { onClick } = useLink( {\n\t\tpostType: item.type,\n\t\tpostId: item.type === USER_PATTERNS ? item.id : item.name,\n\t\tcategoryId,\n\t\tcategoryType: item.type,\n\t\tcanvas: 'view',\n\t} );\n\n\tconst onKeyDown = ( event ) => {\n\t\tif ( DELETE === event.keyCode || BACKSPACE === event.keyCode ) {\n\t\t\tsetIsDeleteDialogOpen( true );\n\t\t}\n\t};\n\n\tconst isEmpty = ! item.blocks?.length;\n\tconst patternClassNames = classnames( 'edit-site-library__pattern', {\n\t\t'is-placeholder': isEmpty,\n\t} );\n\tconst previewClassNames = classnames( 'edit-site-library__preview', {\n\t\t'is-inactive': item.type === PATTERNS,\n\t} );\n\n\tconst deletePattern = async () => {\n\t\ttry {\n\t\t\tawait __experimentalDeleteReusableBlock( item.id );\n\t\t\tcreateSuccessNotice( __( 'Pattern successfully deleted.' ), {\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t} catch ( error ) {\n\t\t\tconst errorMessage =\n\t\t\t\terror.message && error.code !== 'unknown_error'\n\t\t\t\t\t? error.message\n\t\t\t\t\t: __( 'An error occurred while deleting the pattern.' );\n\t\t\tcreateErrorNotice( errorMessage, { type: 'snackbar' } );\n\t\t}\n\t};\n\n\tconst isUserPattern = item.type === USER_PATTERNS;\n\tlet ariaDescription;\n\tif ( isUserPattern ) {\n\t\t// User patterns don't have descriptions, but can be edited and deleted, so include some help text.\n\t\tariaDescription = __(\n\t\t\t'Press Enter to edit, or Delete to delete the pattern.'\n\t\t);\n\t} else if ( item.description ) {\n\t\tariaDescription = item.description;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<div className={ patternClassNames }>\n\t\t\t\t<CompositeItem\n\t\t\t\t\tclassName={ previewClassNames }\n\t\t\t\t\trole=\"option\"\n\t\t\t\t\tas=\"div\"\n\t\t\t\t\t{ ...composite }\n\t\t\t\t\tonClick={ item.type !== PATTERNS ? onClick : undefined }\n\t\t\t\t\tonKeyDown={ isUserPattern ? onKeyDown : undefined }\n\t\t\t\t\taria-label={ item.title }\n\t\t\t\t\taria-describedby={\n\t\t\t\t\t\tariaDescription ? descriptionId : undefined\n\t\t\t\t\t}\n\t\t\t\t>\n\t\t\t\t\t{ isEmpty && __( 'Empty pattern' ) }\n\t\t\t\t\t{ ! isEmpty && <BlockPreview blocks={ item.blocks } /> }\n\t\t\t\t</CompositeItem>\n\t\t\t\t{ ariaDescription && (\n\t\t\t\t\t<div\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tstyle={ { display: 'none' } }\n\t\t\t\t\t\tid={ descriptionId }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ ariaDescription }\n\t\t\t\t\t</div>\n\t\t\t\t) }\n\t\t\t\t<HStack\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName=\"edit-site-library__footer\"\n\t\t\t\t\tjustify=\"space-between\"\n\t\t\t\t>\n\t\t\t\t\t<HStack\n\t\t\t\t\t\talignment=\"center\"\n\t\t\t\t\t\tjustify=\"left\"\n\t\t\t\t\t\tspacing={ 3 }\n\t\t\t\t\t\tclassName=\"edit-site-library__pattern-title\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{ icon && <Icon icon={ icon } /> }\n\t\t\t\t\t\t<Heading level={ 5 }>{ item.title }</Heading>\n\t\t\t\t\t</HStack>\n\t\t\t\t\t{ item.type === USER_PATTERNS && (\n\t\t\t\t\t\t<DropdownMenu\n\t\t\t\t\t\t\ticon={ moreHorizontal }\n\t\t\t\t\t\t\tlabel={ __( 'Actions' ) }\n\t\t\t\t\t\t\tclassName=\"edit-site-library__dropdown\"\n\t\t\t\t\t\t\tpopoverProps={ { placement: 'bottom-end' } }\n\t\t\t\t\t\t\ttoggleProps={ {\n\t\t\t\t\t\t\t\tclassName: 'edit-site-library__button',\n\t\t\t\t\t\t\t\tisSmall: true,\n\t\t\t\t\t\t\t\tdescribedBy: sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: pattern name */\n\t\t\t\t\t\t\t\t\t__( 'Action menu for %s pattern' ),\n\t\t\t\t\t\t\t\t\titem.title\n\t\t\t\t\t\t\t\t),\n\t\t\t\t\t\t\t\t// The dropdown menu is not focusable using the\n\t\t\t\t\t\t\t\t// keyboard as this would interfere with the grid's\n\t\t\t\t\t\t\t\t// roving tab index system. Instead, keyboard users\n\t\t\t\t\t\t\t\t// use keyboard shortcuts to trigger actions.\n\t\t\t\t\t\t\t\ttabIndex: -1,\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ () => (\n\t\t\t\t\t\t\t\t<MenuGroup>\n\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\tonClick={ () =>\n\t\t\t\t\t\t\t\t\t\t\tsetIsDeleteDialogOpen( true )\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'Delete' ) }\n\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</DropdownMenu>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</div>\n\t\t\t{ isDeleteDialogOpen && (\n\t\t\t\t<ConfirmDialog\n\t\t\t\t\tonConfirm={ deletePattern }\n\t\t\t\t\tonCancel={ () => setIsDeleteDialogOpen( false ) }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Are you sure you want to delete this pattern?' ) }\n\t\t\t\t</ConfirmDialog>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}
@@ -3,27 +3,33 @@ import { createElement } from "@wordpress/element";
3
3
  /**
4
4
  * WordPress dependencies
5
5
  */
6
- import { PreferencesModal, PreferencesModalTabs, PreferencesModalSection } from '@wordpress/interface';
6
+ import { PreferencesModal, PreferencesModalTabs, PreferencesModalSection, store as interfaceStore } from '@wordpress/interface';
7
7
  import { useMemo } from '@wordpress/element';
8
8
  import { __ } from '@wordpress/i18n';
9
- import { useDispatch, useRegistry } from '@wordpress/data';
9
+ import { useSelect, useDispatch, useRegistry } from '@wordpress/data';
10
10
  import { store as preferencesStore } from '@wordpress/preferences';
11
11
  /**
12
12
  * Internal dependencies
13
13
  */
14
14
 
15
15
  import EnableFeature from './enable-feature';
16
- import { store as siteEditorStore } from '../../store';
17
- export default function EditSitePreferencesModal({
18
- isModalActive,
19
- toggleModal
20
- }) {
16
+ import { store as editSiteStore } from '../../store';
17
+ export const PREFERENCES_MODAL_NAME = 'edit-site/preferences';
18
+ export default function EditSitePreferencesModal() {
19
+ const isModalActive = useSelect(select => select(interfaceStore).isModalActive(PREFERENCES_MODAL_NAME));
20
+ const {
21
+ closeModal,
22
+ openModal
23
+ } = useDispatch(interfaceStore);
24
+
25
+ const toggleModal = () => isModalActive ? closeModal() : openModal(PREFERENCES_MODAL_NAME);
26
+
21
27
  const registry = useRegistry();
22
28
  const {
23
29
  closeGeneralSidebar,
24
30
  setIsListViewOpened,
25
31
  setIsInserterOpened
26
- } = useDispatch(siteEditorStore);
32
+ } = useDispatch(editSiteStore);
27
33
  const {
28
34
  set: setPreference
29
35
  } = useDispatch(preferencesStore);
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/edit-site/src/components/preferences-modal/index.js"],"names":["PreferencesModal","PreferencesModalTabs","PreferencesModalSection","useMemo","__","useDispatch","useRegistry","store","preferencesStore","EnableFeature","siteEditorStore","EditSitePreferencesModal","isModalActive","toggleModal","registry","closeGeneralSidebar","setIsListViewOpened","setIsInserterOpened","set","setPreference","toggleDistractionFree","batch","sections","name","tabLabel","content"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPreferencesModal,\n\tPreferencesModalTabs,\n\tPreferencesModalSection,\n} from '@wordpress/interface';\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch, useRegistry } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport EnableFeature from './enable-feature';\nimport { store as siteEditorStore } from '../../store';\n\nexport default function EditSitePreferencesModal( {\n\tisModalActive,\n\ttoggleModal,\n} ) {\n\tconst registry = useRegistry();\n\tconst { closeGeneralSidebar, setIsListViewOpened, setIsInserterOpened } =\n\t\tuseDispatch( siteEditorStore );\n\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst toggleDistractionFree = () => {\n\t\tregistry.batch( () => {\n\t\t\tsetPreference( 'core/edit-site', 'fixedToolbar', false );\n\t\t\tsetIsInserterOpened( false );\n\t\t\tsetIsListViewOpened( false );\n\t\t\tcloseGeneralSidebar();\n\t\t} );\n\t};\n\n\tconst sections = useMemo( () => [\n\t\t{\n\t\t\tname: 'general',\n\t\t\ttabLabel: __( 'General' ),\n\t\t\tcontent: (\n\t\t\t\t<PreferencesModalSection\n\t\t\t\t\ttitle={ __( 'Appearance' ) }\n\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t'Customize options related to the block editor interface and editing flow.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"distractionFree\"\n\t\t\t\t\t\tonToggle={ toggleDistractionFree }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Reduce visual distractions by hiding the toolbar and other elements to focus on writing.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Distraction free' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"focusMode\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Highlights the current block and fades other content.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"showIconLabels\"\n\t\t\t\t\t\tlabel={ __( 'Show button text labels' ) }\n\t\t\t\t\t\thelp={ __( 'Show text instead of icons on buttons.' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"showListViewByDefault\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Opens the block list view sidebar by default.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Always open list view' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"showBlockBreadcrumbs\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Shows block breadcrumbs at the bottom of the editor.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Display block breadcrumbs' ) }\n\t\t\t\t\t/>\n\t\t\t\t</PreferencesModalSection>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tname: 'blocks',\n\t\t\ttabLabel: __( 'Blocks' ),\n\t\t\tcontent: (\n\t\t\t\t<PreferencesModalSection\n\t\t\t\t\ttitle={ __( 'Block interactions' ) }\n\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t'Customize how you interact with blocks in the block library and editing canvas.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"keepCaretInsideBlock\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Aids screen readers by stopping text caret from leaving blocks.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Contain text cursor inside block' ) }\n\t\t\t\t\t/>\n\t\t\t\t</PreferencesModalSection>\n\t\t\t),\n\t\t},\n\t] );\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<PreferencesModal closeModal={ toggleModal }>\n\t\t\t<PreferencesModalTabs sections={ sections } />\n\t\t</PreferencesModal>\n\t);\n}\n"]}
1
+ {"version":3,"sources":["@wordpress/edit-site/src/components/preferences-modal/index.js"],"names":["PreferencesModal","PreferencesModalTabs","PreferencesModalSection","store","interfaceStore","useMemo","__","useSelect","useDispatch","useRegistry","preferencesStore","EnableFeature","editSiteStore","PREFERENCES_MODAL_NAME","EditSitePreferencesModal","isModalActive","select","closeModal","openModal","toggleModal","registry","closeGeneralSidebar","setIsListViewOpened","setIsInserterOpened","set","setPreference","toggleDistractionFree","batch","sections","name","tabLabel","content"],"mappings":";;AAAA;AACA;AACA;AACA,SACCA,gBADD,EAECC,oBAFD,EAGCC,uBAHD,EAICC,KAAK,IAAIC,cAJV,QAKO,sBALP;AAMA,SAASC,OAAT,QAAwB,oBAAxB;AACA,SAASC,EAAT,QAAmB,iBAAnB;AACA,SAASC,SAAT,EAAoBC,WAApB,EAAiCC,WAAjC,QAAoD,iBAApD;AACA,SAASN,KAAK,IAAIO,gBAAlB,QAA0C,wBAA1C;AAEA;AACA;AACA;;AACA,OAAOC,aAAP,MAA0B,kBAA1B;AACA,SAASR,KAAK,IAAIS,aAAlB,QAAuC,aAAvC;AAEA,OAAO,MAAMC,sBAAsB,GAAG,uBAA/B;AAEP,eAAe,SAASC,wBAAT,GAAoC;AAClD,QAAMC,aAAa,GAAGR,SAAS,CAAIS,MAAF,IAChCA,MAAM,CAAEZ,cAAF,CAAN,CAAyBW,aAAzB,CAAwCF,sBAAxC,CAD8B,CAA/B;AAGA,QAAM;AAAEI,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA4BV,WAAW,CAAEJ,cAAF,CAA7C;;AACA,QAAMe,WAAW,GAAG,MACnBJ,aAAa,GAAGE,UAAU,EAAb,GAAkBC,SAAS,CAAEL,sBAAF,CADzC;;AAEA,QAAMO,QAAQ,GAAGX,WAAW,EAA5B;AACA,QAAM;AAAEY,IAAAA,mBAAF;AAAuBC,IAAAA,mBAAvB;AAA4CC,IAAAA;AAA5C,MACLf,WAAW,CAAEI,aAAF,CADZ;AAGA,QAAM;AAAEY,IAAAA,GAAG,EAAEC;AAAP,MAAyBjB,WAAW,CAAEE,gBAAF,CAA1C;;AACA,QAAMgB,qBAAqB,GAAG,MAAM;AACnCN,IAAAA,QAAQ,CAACO,KAAT,CAAgB,MAAM;AACrBF,MAAAA,aAAa,CAAE,gBAAF,EAAoB,cAApB,EAAoC,KAApC,CAAb;AACAF,MAAAA,mBAAmB,CAAE,KAAF,CAAnB;AACAD,MAAAA,mBAAmB,CAAE,KAAF,CAAnB;AACAD,MAAAA,mBAAmB;AACnB,KALD;AAMA,GAPD;;AASA,QAAMO,QAAQ,GAAGvB,OAAO,CAAE,MAAM,CAC/B;AACCwB,IAAAA,IAAI,EAAE,SADP;AAECC,IAAAA,QAAQ,EAAExB,EAAE,CAAE,SAAF,CAFb;AAGCyB,IAAAA,OAAO,EACN,cAAC,uBAAD;AACC,MAAA,KAAK,EAAGzB,EAAE,CAAE,YAAF,CADX;AAEC,MAAA,WAAW,EAAGA,EAAE,CACf,2EADe;AAFjB,OAMC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,iBADb;AAEC,MAAA,QAAQ,EAAGoB,qBAFZ;AAGC,MAAA,IAAI,EAAGpB,EAAE,CACR,0FADQ,CAHV;AAMC,MAAA,KAAK,EAAGA,EAAE,CAAE,kBAAF;AANX,MAND,EAcC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,WADb;AAEC,MAAA,IAAI,EAAGA,EAAE,CACR,uDADQ,CAFV;AAKC,MAAA,KAAK,EAAGA,EAAE,CAAE,gBAAF;AALX,MAdD,EAqBC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,gBADb;AAEC,MAAA,KAAK,EAAGA,EAAE,CAAE,yBAAF,CAFX;AAGC,MAAA,IAAI,EAAGA,EAAE,CAAE,wCAAF;AAHV,MArBD,EA0BC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,uBADb;AAEC,MAAA,IAAI,EAAGA,EAAE,CACR,+CADQ,CAFV;AAKC,MAAA,KAAK,EAAGA,EAAE,CAAE,uBAAF;AALX,MA1BD,EAiCC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,sBADb;AAEC,MAAA,IAAI,EAAGA,EAAE,CACR,sDADQ,CAFV;AAKC,MAAA,KAAK,EAAGA,EAAE,CAAE,2BAAF;AALX,MAjCD;AAJF,GAD+B,EAgD/B;AACCuB,IAAAA,IAAI,EAAE,QADP;AAECC,IAAAA,QAAQ,EAAExB,EAAE,CAAE,QAAF,CAFb;AAGCyB,IAAAA,OAAO,EACN,cAAC,uBAAD;AACC,MAAA,KAAK,EAAGzB,EAAE,CAAE,oBAAF,CADX;AAEC,MAAA,WAAW,EAAGA,EAAE,CACf,iFADe;AAFjB,OAMC,cAAC,aAAD;AACC,MAAA,WAAW,EAAC,sBADb;AAEC,MAAA,IAAI,EAAGA,EAAE,CACR,iEADQ,CAFV;AAKC,MAAA,KAAK,EAAGA,EAAE,CAAE,kCAAF;AALX,MAND;AAJF,GAhD+B,CAAR,CAAxB;;AAqEA,MAAK,CAAES,aAAP,EAAuB;AACtB,WAAO,IAAP;AACA;;AACD,SACC,cAAC,gBAAD;AAAkB,IAAA,UAAU,EAAGI;AAA/B,KACC,cAAC,oBAAD;AAAsB,IAAA,QAAQ,EAAGS;AAAjC,IADD,CADD;AAKA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tPreferencesModal,\n\tPreferencesModalTabs,\n\tPreferencesModalSection,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport { useMemo } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport EnableFeature from './enable-feature';\nimport { store as editSiteStore } from '../../store';\n\nexport const PREFERENCES_MODAL_NAME = 'edit-site/preferences';\n\nexport default function EditSitePreferencesModal() {\n\tconst isModalActive = useSelect( ( select ) =>\n\t\tselect( interfaceStore ).isModalActive( PREFERENCES_MODAL_NAME )\n\t);\n\tconst { closeModal, openModal } = useDispatch( interfaceStore );\n\tconst toggleModal = () =>\n\t\tisModalActive ? closeModal() : openModal( PREFERENCES_MODAL_NAME );\n\tconst registry = useRegistry();\n\tconst { closeGeneralSidebar, setIsListViewOpened, setIsInserterOpened } =\n\t\tuseDispatch( editSiteStore );\n\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tconst toggleDistractionFree = () => {\n\t\tregistry.batch( () => {\n\t\t\tsetPreference( 'core/edit-site', 'fixedToolbar', false );\n\t\t\tsetIsInserterOpened( false );\n\t\t\tsetIsListViewOpened( false );\n\t\t\tcloseGeneralSidebar();\n\t\t} );\n\t};\n\n\tconst sections = useMemo( () => [\n\t\t{\n\t\t\tname: 'general',\n\t\t\ttabLabel: __( 'General' ),\n\t\t\tcontent: (\n\t\t\t\t<PreferencesModalSection\n\t\t\t\t\ttitle={ __( 'Appearance' ) }\n\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t'Customize options related to the block editor interface and editing flow.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"distractionFree\"\n\t\t\t\t\t\tonToggle={ toggleDistractionFree }\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Reduce visual distractions by hiding the toolbar and other elements to focus on writing.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Distraction free' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"focusMode\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Highlights the current block and fades other content.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"showIconLabels\"\n\t\t\t\t\t\tlabel={ __( 'Show button text labels' ) }\n\t\t\t\t\t\thelp={ __( 'Show text instead of icons on buttons.' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"showListViewByDefault\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Opens the block list view sidebar by default.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Always open list view' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"showBlockBreadcrumbs\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Shows block breadcrumbs at the bottom of the editor.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Display block breadcrumbs' ) }\n\t\t\t\t\t/>\n\t\t\t\t</PreferencesModalSection>\n\t\t\t),\n\t\t},\n\t\t{\n\t\t\tname: 'blocks',\n\t\t\ttabLabel: __( 'Blocks' ),\n\t\t\tcontent: (\n\t\t\t\t<PreferencesModalSection\n\t\t\t\t\ttitle={ __( 'Block interactions' ) }\n\t\t\t\t\tdescription={ __(\n\t\t\t\t\t\t'Customize how you interact with blocks in the block library and editing canvas.'\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t<EnableFeature\n\t\t\t\t\t\tfeatureName=\"keepCaretInsideBlock\"\n\t\t\t\t\t\thelp={ __(\n\t\t\t\t\t\t\t'Aids screen readers by stopping text caret from leaving blocks.'\n\t\t\t\t\t\t) }\n\t\t\t\t\t\tlabel={ __( 'Contain text cursor inside block' ) }\n\t\t\t\t\t/>\n\t\t\t\t</PreferencesModalSection>\n\t\t\t),\n\t\t},\n\t] );\n\tif ( ! isModalActive ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<PreferencesModal closeModal={ toggleModal }>\n\t\t\t<PreferencesModalTabs sections={ sections } />\n\t\t</PreferencesModal>\n\t);\n}\n"]}
@@ -3,7 +3,7 @@
3
3
  */
4
4
  import { useSelect, useDispatch } from '@wordpress/data';
5
5
  import { __, isRTL } from '@wordpress/i18n';
6
- import { code, cog, trash, backup, layout, page, drawerLeft, drawerRight, blockDefault } from '@wordpress/icons';
6
+ import { trash, backup, layout, page, drawerLeft, drawerRight, blockDefault, cog, code, keyboardClose } from '@wordpress/icons';
7
7
  import { useCommandLoader } from '@wordpress/commands';
8
8
  import { privateApis as routerPrivateApis } from '@wordpress/router';
9
9
  import { store as preferencesStore } from '@wordpress/preferences';
@@ -16,6 +16,8 @@ import { store as editSiteStore } from '../../store';
16
16
  import useEditedEntityRecord from '../../components/use-edited-entity-record';
17
17
  import isTemplateRemovable from '../../utils/is-template-removable';
18
18
  import isTemplateRevertable from '../../utils/is-template-revertable';
19
+ import { KEYBOARD_SHORTCUT_HELP_MODAL_NAME } from '../../components/keyboard-shortcut-help-modal';
20
+ import { PREFERENCES_MODAL_NAME } from '../../components/preferences-modal';
19
21
  import { unlock } from '../../lock-unlock';
20
22
  const {
21
23
  useHistory
@@ -152,6 +154,9 @@ function useEditUICommands() {
152
154
  editorMode: select(editSiteStore).getEditorMode(),
153
155
  activeSidebar: select(interfaceStore).getActiveComplementaryArea(editSiteStore.name)
154
156
  }), []);
157
+ const {
158
+ openModal
159
+ } = useDispatch(interfaceStore);
155
160
  const {
156
161
  toggle
157
162
  } = useDispatch(preferencesStore);
@@ -229,6 +234,22 @@ function useEditUICommands() {
229
234
  close();
230
235
  }
231
236
  });
237
+ commands.push({
238
+ name: 'core/open-preferences',
239
+ label: __('Open editor preferences'),
240
+ icon: cog,
241
+ callback: () => {
242
+ openModal(PREFERENCES_MODAL_NAME);
243
+ }
244
+ });
245
+ commands.push({
246
+ name: 'core/open-shortcut-help',
247
+ label: __('Open keyboard shortcuts'),
248
+ icon: keyboardClose,
249
+ callback: () => {
250
+ openModal(KEYBOARD_SHORTCUT_HELP_MODAL_NAME);
251
+ }
252
+ });
232
253
  return {
233
254
  isLoading: false,
234
255
  commands
@@ -1 +1 @@
1
- {"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/use-edit-mode-commands.js"],"names":["useSelect","useDispatch","__","isRTL","code","cog","trash","backup","layout","page","drawerLeft","drawerRight","blockDefault","useCommandLoader","privateApis","routerPrivateApis","store","preferencesStore","interfaceStore","editSiteStore","useEditedEntityRecord","isTemplateRemovable","isTemplateRevertable","unlock","useHistory","usePageContentFocusCommands","isPage","canvasMode","hasPageContentFocus","select","getCanvasMode","setHasPageContentFocus","isLoading","commands","push","name","label","icon","callback","close","useManipulateDocumentCommands","isLoaded","record","template","removeTemplate","revertTemplate","history","type","path","useEditUICommands","openGeneralSidebar","closeGeneralSidebar","switchEditorMode","editorMode","activeSidebar","getEditorMode","getActiveComplementaryArea","toggle","useEditModeCommands","hook","context"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\tcode,\n\tcog,\n\ttrash,\n\tbackup,\n\tlayout,\n\tpage,\n\tdrawerLeft,\n\tdrawerRight,\n\tblockDefault,\n} from '@wordpress/icons';\nimport { useCommandLoader } from '@wordpress/commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport useEditedEntityRecord from '../../components/use-edited-entity-record';\nimport isTemplateRemovable from '../../utils/is-template-removable';\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction usePageContentFocusCommands() {\n\tconst { isPage, canvasMode, hasPageContentFocus } = useSelect(\n\t\t( select ) => ( {\n\t\t\tisPage: select( editSiteStore ).isPage(),\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t\thasPageContentFocus: select( editSiteStore ).hasPageContentFocus(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tif ( ! isPage || canvasMode !== 'edit' ) {\n\t\treturn { isLoading: false, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tif ( hasPageContentFocus ) {\n\t\tcommands.push( {\n\t\t\tname: 'core/switch-to-template-focus',\n\t\t\tlabel: __( 'Edit template' ),\n\t\t\ticon: layout,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tsetHasPageContentFocus( false );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t} else {\n\t\tcommands.push( {\n\t\t\tname: 'core/switch-to-page-focus',\n\t\t\tlabel: __( 'Back to page' ),\n\t\t\ticon: page,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tsetHasPageContentFocus( true );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn { isLoading: false, commands };\n}\n\nfunction useManipulateDocumentCommands() {\n\tconst { isLoaded, record: template } = useEditedEntityRecord();\n\tconst { removeTemplate, revertTemplate } = useDispatch( editSiteStore );\n\tconst history = useHistory();\n\tconst hasPageContentFocus = useSelect(\n\t\t( select ) => select( editSiteStore ).hasPageContentFocus(),\n\t\t[]\n\t);\n\n\tif ( ! isLoaded ) {\n\t\treturn { isLoading: true, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tif ( isTemplateRevertable( template ) && ! hasPageContentFocus ) {\n\t\tconst label =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? __( 'Reset template' )\n\t\t\t\t: __( 'Reset template part' );\n\t\tcommands.push( {\n\t\t\tname: 'core/reset-template',\n\t\t\tlabel,\n\t\t\ticon: backup,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\trevertTemplate( template );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\tif ( isTemplateRemovable( template ) && ! hasPageContentFocus ) {\n\t\tconst label =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? __( 'Delete template' )\n\t\t\t\t: __( 'Delete template part' );\n\t\tcommands.push( {\n\t\t\tname: 'core/remove-template',\n\t\t\tlabel,\n\t\t\ticon: trash,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tremoveTemplate( template );\n\t\t\t\t// Navigate to the template list\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath: '/' + template.type,\n\t\t\t\t} );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn {\n\t\tisLoading: ! isLoaded,\n\t\tcommands,\n\t};\n}\n\nfunction useEditUICommands() {\n\tconst { openGeneralSidebar, closeGeneralSidebar, switchEditorMode } =\n\t\tuseDispatch( editSiteStore );\n\tconst { canvasMode, editorMode, activeSidebar } = useSelect(\n\t\t( select ) => ( {\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t\teditorMode: select( editSiteStore ).getEditorMode(),\n\t\t\tactiveSidebar: select( interfaceStore ).getActiveComplementaryArea(\n\t\t\t\teditSiteStore.name\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tif ( canvasMode !== 'edit' ) {\n\t\treturn { isLoading: false, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tcommands.push( {\n\t\tname: 'core/open-settings-sidebar',\n\t\tlabel: __( 'Toggle settings sidebar' ),\n\t\ticon: isRTL() ? drawerLeft : drawerRight,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( activeSidebar === 'edit-site/template' ) {\n\t\t\t\tcloseGeneralSidebar();\n\t\t\t} else {\n\t\t\t\topenGeneralSidebar( 'edit-site/template' );\n\t\t\t}\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-block-inspector',\n\t\tlabel: __( 'Toggle block inspector' ),\n\t\ticon: blockDefault,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( activeSidebar === 'edit-site/block-inspector' ) {\n\t\t\t\tcloseGeneralSidebar();\n\t\t\t} else {\n\t\t\t\topenGeneralSidebar( 'edit-site/block-inspector' );\n\t\t\t}\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-spotlight-mode',\n\t\tlabel: __( 'Toggle spotlight mode' ),\n\t\ticon: cog,\n\t\tcallback: ( { close } ) => {\n\t\t\ttoggle( 'core/edit-site', 'focusMode' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-top-toolbar',\n\t\tlabel: __( 'Toggle top toolbar' ),\n\t\ticon: cog,\n\t\tcallback: ( { close } ) => {\n\t\t\ttoggle( 'core/edit-site', 'fixedToolbar' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-code-editor',\n\t\tlabel: __( 'Toggle code editor' ),\n\t\ticon: code,\n\t\tcallback: ( { close } ) => {\n\t\t\tswitchEditorMode( editorMode === 'visual' ? 'text' : 'visual' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nexport function useEditModeCommands() {\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/page-content-focus',\n\t\thook: usePageContentFocusCommands,\n\t\tcontext: 'site-editor-edit',\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/manipulate-document',\n\t\thook: useManipulateDocumentCommands,\n\t\tcontext: 'site-editor-edit',\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/edit-ui',\n\t\thook: useEditUICommands,\n\t} );\n}\n"]}
1
+ {"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/use-edit-mode-commands.js"],"names":["useSelect","useDispatch","__","isRTL","trash","backup","layout","page","drawerLeft","drawerRight","blockDefault","cog","code","keyboardClose","useCommandLoader","privateApis","routerPrivateApis","store","preferencesStore","interfaceStore","editSiteStore","useEditedEntityRecord","isTemplateRemovable","isTemplateRevertable","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","PREFERENCES_MODAL_NAME","unlock","useHistory","usePageContentFocusCommands","isPage","canvasMode","hasPageContentFocus","select","getCanvasMode","setHasPageContentFocus","isLoading","commands","push","name","label","icon","callback","close","useManipulateDocumentCommands","isLoaded","record","template","removeTemplate","revertTemplate","history","type","path","useEditUICommands","openGeneralSidebar","closeGeneralSidebar","switchEditorMode","editorMode","activeSidebar","getEditorMode","getActiveComplementaryArea","openModal","toggle","useEditModeCommands","hook","context"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { __, isRTL } from '@wordpress/i18n';\nimport {\n\ttrash,\n\tbackup,\n\tlayout,\n\tpage,\n\tdrawerLeft,\n\tdrawerRight,\n\tblockDefault,\n\tcog,\n\tcode,\n\tkeyboardClose,\n} from '@wordpress/icons';\nimport { useCommandLoader } from '@wordpress/commands';\nimport { privateApis as routerPrivateApis } from '@wordpress/router';\nimport { store as preferencesStore } from '@wordpress/preferences';\nimport { store as interfaceStore } from '@wordpress/interface';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport useEditedEntityRecord from '../../components/use-edited-entity-record';\nimport isTemplateRemovable from '../../utils/is-template-removable';\nimport isTemplateRevertable from '../../utils/is-template-revertable';\nimport { KEYBOARD_SHORTCUT_HELP_MODAL_NAME } from '../../components/keyboard-shortcut-help-modal';\nimport { PREFERENCES_MODAL_NAME } from '../../components/preferences-modal';\nimport { unlock } from '../../lock-unlock';\n\nconst { useHistory } = unlock( routerPrivateApis );\n\nfunction usePageContentFocusCommands() {\n\tconst { isPage, canvasMode, hasPageContentFocus } = useSelect(\n\t\t( select ) => ( {\n\t\t\tisPage: select( editSiteStore ).isPage(),\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t\thasPageContentFocus: select( editSiteStore ).hasPageContentFocus(),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { setHasPageContentFocus } = useDispatch( editSiteStore );\n\n\tif ( ! isPage || canvasMode !== 'edit' ) {\n\t\treturn { isLoading: false, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tif ( hasPageContentFocus ) {\n\t\tcommands.push( {\n\t\t\tname: 'core/switch-to-template-focus',\n\t\t\tlabel: __( 'Edit template' ),\n\t\t\ticon: layout,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tsetHasPageContentFocus( false );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t} else {\n\t\tcommands.push( {\n\t\t\tname: 'core/switch-to-page-focus',\n\t\t\tlabel: __( 'Back to page' ),\n\t\t\ticon: page,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tsetHasPageContentFocus( true );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn { isLoading: false, commands };\n}\n\nfunction useManipulateDocumentCommands() {\n\tconst { isLoaded, record: template } = useEditedEntityRecord();\n\tconst { removeTemplate, revertTemplate } = useDispatch( editSiteStore );\n\tconst history = useHistory();\n\tconst hasPageContentFocus = useSelect(\n\t\t( select ) => select( editSiteStore ).hasPageContentFocus(),\n\t\t[]\n\t);\n\n\tif ( ! isLoaded ) {\n\t\treturn { isLoading: true, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tif ( isTemplateRevertable( template ) && ! hasPageContentFocus ) {\n\t\tconst label =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? __( 'Reset template' )\n\t\t\t\t: __( 'Reset template part' );\n\t\tcommands.push( {\n\t\t\tname: 'core/reset-template',\n\t\t\tlabel,\n\t\t\ticon: backup,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\trevertTemplate( template );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\tif ( isTemplateRemovable( template ) && ! hasPageContentFocus ) {\n\t\tconst label =\n\t\t\ttemplate.type === 'wp_template'\n\t\t\t\t? __( 'Delete template' )\n\t\t\t\t: __( 'Delete template part' );\n\t\tcommands.push( {\n\t\t\tname: 'core/remove-template',\n\t\t\tlabel,\n\t\t\ticon: trash,\n\t\t\tcallback: ( { close } ) => {\n\t\t\t\tremoveTemplate( template );\n\t\t\t\t// Navigate to the template list\n\t\t\t\thistory.push( {\n\t\t\t\t\tpath: '/' + template.type,\n\t\t\t\t} );\n\t\t\t\tclose();\n\t\t\t},\n\t\t} );\n\t}\n\n\treturn {\n\t\tisLoading: ! isLoaded,\n\t\tcommands,\n\t};\n}\n\nfunction useEditUICommands() {\n\tconst { openGeneralSidebar, closeGeneralSidebar, switchEditorMode } =\n\t\tuseDispatch( editSiteStore );\n\tconst { canvasMode, editorMode, activeSidebar } = useSelect(\n\t\t( select ) => ( {\n\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t\teditorMode: select( editSiteStore ).getEditorMode(),\n\t\t\tactiveSidebar: select( interfaceStore ).getActiveComplementaryArea(\n\t\t\t\teditSiteStore.name\n\t\t\t),\n\t\t} ),\n\t\t[]\n\t);\n\tconst { openModal } = useDispatch( interfaceStore );\n\tconst { toggle } = useDispatch( preferencesStore );\n\n\tif ( canvasMode !== 'edit' ) {\n\t\treturn { isLoading: false, commands: [] };\n\t}\n\n\tconst commands = [];\n\n\tcommands.push( {\n\t\tname: 'core/open-settings-sidebar',\n\t\tlabel: __( 'Toggle settings sidebar' ),\n\t\ticon: isRTL() ? drawerLeft : drawerRight,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( activeSidebar === 'edit-site/template' ) {\n\t\t\t\tcloseGeneralSidebar();\n\t\t\t} else {\n\t\t\t\topenGeneralSidebar( 'edit-site/template' );\n\t\t\t}\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-block-inspector',\n\t\tlabel: __( 'Toggle block inspector' ),\n\t\ticon: blockDefault,\n\t\tcallback: ( { close } ) => {\n\t\t\tclose();\n\t\t\tif ( activeSidebar === 'edit-site/block-inspector' ) {\n\t\t\t\tcloseGeneralSidebar();\n\t\t\t} else {\n\t\t\t\topenGeneralSidebar( 'edit-site/block-inspector' );\n\t\t\t}\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-spotlight-mode',\n\t\tlabel: __( 'Toggle spotlight mode' ),\n\t\ticon: cog,\n\t\tcallback: ( { close } ) => {\n\t\t\ttoggle( 'core/edit-site', 'focusMode' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-top-toolbar',\n\t\tlabel: __( 'Toggle top toolbar' ),\n\t\ticon: cog,\n\t\tcallback: ( { close } ) => {\n\t\t\ttoggle( 'core/edit-site', 'fixedToolbar' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/toggle-code-editor',\n\t\tlabel: __( 'Toggle code editor' ),\n\t\ticon: code,\n\t\tcallback: ( { close } ) => {\n\t\t\tswitchEditorMode( editorMode === 'visual' ? 'text' : 'visual' );\n\t\t\tclose();\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-preferences',\n\t\tlabel: __( 'Open editor preferences' ),\n\t\ticon: cog,\n\t\tcallback: () => {\n\t\t\topenModal( PREFERENCES_MODAL_NAME );\n\t\t},\n\t} );\n\n\tcommands.push( {\n\t\tname: 'core/open-shortcut-help',\n\t\tlabel: __( 'Open keyboard shortcuts' ),\n\t\ticon: keyboardClose,\n\t\tcallback: () => {\n\t\t\topenModal( KEYBOARD_SHORTCUT_HELP_MODAL_NAME );\n\t\t},\n\t} );\n\n\treturn {\n\t\tisLoading: false,\n\t\tcommands,\n\t};\n}\n\nexport function useEditModeCommands() {\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/page-content-focus',\n\t\thook: usePageContentFocusCommands,\n\t\tcontext: 'site-editor-edit',\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/manipulate-document',\n\t\thook: useManipulateDocumentCommands,\n\t\tcontext: 'site-editor-edit',\n\t} );\n\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/edit-ui',\n\t\thook: useEditUICommands,\n\t} );\n}\n"]}
@@ -2444,7 +2444,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2444
2444
  .edit-site-start-template-options__modal-content .block-editor-block-patterns-list {
2445
2445
  column-count: 2;
2446
2446
  column-gap: 24px;
2447
- padding-top: 2px;
2448
2447
  }
2449
2448
  @media (min-width: 782px) {
2450
2449
  .edit-site-start-template-options__modal-content .block-editor-block-patterns-list {
@@ -2891,6 +2890,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2891
2890
  }
2892
2891
  .edit-site-sidebar-navigation-item.components-item[aria-current] {
2893
2892
  background: var(--wp-admin-theme-color);
2893
+ color: #fff;
2894
2894
  }
2895
2895
  .edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator {
2896
2896
  fill: #757575;
@@ -3052,10 +3052,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
3052
3052
  color: #f0f0f0;
3053
3053
  }
3054
3054
 
3055
- .sidebar-navigation__rename-modal-form {
3056
- padding-top: 1px;
3057
- }
3058
-
3059
3055
  .edit-site-sidebar-navigation-screen-page__featured-image-wrapper {
3060
3056
  background-color: #2f2f2f;
3061
3057
  margin-bottom: 16px;
@@ -2445,7 +2445,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2445
2445
  .edit-site-start-template-options__modal-content .block-editor-block-patterns-list {
2446
2446
  column-count: 2;
2447
2447
  column-gap: 24px;
2448
- padding-top: 2px;
2449
2448
  }
2450
2449
  @media (min-width: 782px) {
2451
2450
  .edit-site-start-template-options__modal-content .block-editor-block-patterns-list {
@@ -2892,6 +2891,7 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
2892
2891
  }
2893
2892
  .edit-site-sidebar-navigation-item.components-item[aria-current] {
2894
2893
  background: var(--wp-admin-theme-color);
2894
+ color: #fff;
2895
2895
  }
2896
2896
  .edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator {
2897
2897
  fill: #757575;
@@ -3053,10 +3053,6 @@ body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar {
3053
3053
  color: #f0f0f0;
3054
3054
  }
3055
3055
 
3056
- .sidebar-navigation__rename-modal-form {
3057
- padding-top: 1px;
3058
- }
3059
-
3060
3056
  .edit-site-sidebar-navigation-screen-page__featured-image-wrapper {
3061
3057
  background-color: #2f2f2f;
3062
3058
  margin-bottom: 16px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wordpress/edit-site",
3
- "version": "5.12.2",
3
+ "version": "5.12.4",
4
4
  "description": "Edit Site Page module for WordPress.",
5
5
  "author": "The WordPress Contributors",
6
6
  "license": "GPL-2.0-or-later",
@@ -29,40 +29,40 @@
29
29
  "@babel/runtime": "^7.16.0",
30
30
  "@wordpress/a11y": "^3.35.1",
31
31
  "@wordpress/api-fetch": "^6.32.1",
32
- "@wordpress/block-editor": "^12.3.2",
33
- "@wordpress/block-library": "^8.12.2",
32
+ "@wordpress/block-editor": "^12.3.3",
33
+ "@wordpress/block-library": "^8.12.4",
34
34
  "@wordpress/blocks": "^12.12.1",
35
- "@wordpress/commands": "^0.6.2",
36
- "@wordpress/components": "^25.1.2",
35
+ "@wordpress/commands": "^0.6.3",
36
+ "@wordpress/components": "^25.1.3",
37
37
  "@wordpress/compose": "^6.12.1",
38
- "@wordpress/core-commands": "^0.4.2",
39
- "@wordpress/core-data": "^6.12.2",
38
+ "@wordpress/core-commands": "^0.4.3",
39
+ "@wordpress/core-data": "^6.12.3",
40
40
  "@wordpress/data": "^9.5.1",
41
41
  "@wordpress/date": "^4.35.1",
42
42
  "@wordpress/deprecated": "^3.35.1",
43
43
  "@wordpress/dom": "^3.35.1",
44
- "@wordpress/editor": "^13.12.2",
44
+ "@wordpress/editor": "^13.12.3",
45
45
  "@wordpress/element": "^5.12.1",
46
46
  "@wordpress/escape-html": "^2.35.1",
47
47
  "@wordpress/hooks": "^3.35.1",
48
48
  "@wordpress/html-entities": "^3.35.1",
49
49
  "@wordpress/i18n": "^4.35.1",
50
50
  "@wordpress/icons": "^9.26.2",
51
- "@wordpress/interface": "^5.12.2",
51
+ "@wordpress/interface": "^5.12.3",
52
52
  "@wordpress/keyboard-shortcuts": "^4.12.1",
53
53
  "@wordpress/keycodes": "^3.35.1",
54
54
  "@wordpress/media-utils": "^4.26.1",
55
55
  "@wordpress/notices": "^4.3.1",
56
- "@wordpress/plugins": "^6.3.2",
57
- "@wordpress/preferences": "^3.12.2",
56
+ "@wordpress/plugins": "^6.3.3",
57
+ "@wordpress/preferences": "^3.12.3",
58
58
  "@wordpress/primitives": "^3.33.1",
59
59
  "@wordpress/private-apis": "^0.17.1",
60
- "@wordpress/reusable-blocks": "^4.12.2",
60
+ "@wordpress/reusable-blocks": "^4.12.3",
61
61
  "@wordpress/router": "^0.4.1",
62
62
  "@wordpress/style-engine": "^1.18.1",
63
63
  "@wordpress/url": "^3.36.1",
64
64
  "@wordpress/viewport": "^5.12.1",
65
- "@wordpress/widgets": "^3.12.2",
65
+ "@wordpress/widgets": "^3.12.3",
66
66
  "@wordpress/wordcount": "^3.35.1",
67
67
  "change-case": "^4.1.2",
68
68
  "classnames": "^2.3.1",
@@ -84,5 +84,5 @@
84
84
  "publishConfig": {
85
85
  "access": "public"
86
86
  },
87
- "gitHead": "a00463f06c90ae6705951861eb889e67a52bf448"
87
+ "gitHead": "7efa7c2321a958ddfa723825a0354071435a9d43"
88
88
  }
@@ -2,13 +2,15 @@
2
2
  * WordPress dependencies
3
3
  */
4
4
  import { __, _x } from '@wordpress/i18n';
5
- import { useReducer } from '@wordpress/element';
6
5
  import { useSelect, useDispatch, useRegistry } from '@wordpress/data';
7
- import { useShortcut } from '@wordpress/keyboard-shortcuts';
8
6
  import { displayShortcut } from '@wordpress/keycodes';
9
7
  import { external } from '@wordpress/icons';
10
8
  import { MenuGroup, MenuItem, VisuallyHidden } from '@wordpress/components';
11
- import { ActionItem, MoreMenuDropdown } from '@wordpress/interface';
9
+ import {
10
+ ActionItem,
11
+ MoreMenuDropdown,
12
+ store as interfaceStore,
13
+ } from '@wordpress/interface';
12
14
  import {
13
15
  PreferenceToggleMenuItem,
14
16
  store as preferencesStore,
@@ -17,8 +19,14 @@ import {
17
19
  /**
18
20
  * Internal dependencies
19
21
  */
20
- import KeyboardShortcutHelpModal from '../../keyboard-shortcut-help-modal';
21
- import EditSitePreferencesModal from '../../preferences-modal';
22
+ import {
23
+ KEYBOARD_SHORTCUT_HELP_MODAL_NAME,
24
+ default as KeyboardShortcutHelpModal,
25
+ } from '../../keyboard-shortcut-help-modal';
26
+ import {
27
+ PREFERENCES_MODAL_NAME,
28
+ default as EditSitePreferencesModal,
29
+ } from '../../preferences-modal';
22
30
  import ToolsMoreMenuGroup from '../tools-more-menu-group';
23
31
  import SiteExport from './site-export';
24
32
  import WelcomeGuideMenuItem from './welcome-guide-menu-item';
@@ -27,16 +35,6 @@ import ModeSwitcher from '../mode-switcher';
27
35
  import { store as siteEditorStore } from '../../../store';
28
36
 
29
37
  export default function MoreMenu( { showIconLabels } ) {
30
- const [ isModalActive, toggleModal ] = useReducer(
31
- ( isActive ) => ! isActive,
32
- false
33
- );
34
-
35
- const [ isPreferencesModalActive, togglePreferencesModal ] = useReducer(
36
- ( isActive ) => ! isActive,
37
- false
38
- );
39
-
40
38
  const registry = useRegistry();
41
39
  const isDistractionFree = useSelect(
42
40
  ( select ) =>
@@ -49,6 +47,7 @@ export default function MoreMenu( { showIconLabels } ) {
49
47
 
50
48
  const { setIsInserterOpened, setIsListViewOpened, closeGeneralSidebar } =
51
49
  useDispatch( siteEditorStore );
50
+ const { openModal } = useDispatch( interfaceStore );
52
51
  const { set: setPreference } = useDispatch( preferencesStore );
53
52
 
54
53
  const toggleDistractionFree = () => {
@@ -60,8 +59,6 @@ export default function MoreMenu( { showIconLabels } ) {
60
59
  } );
61
60
  };
62
61
 
63
- useShortcut( 'core/edit-site/keyboard-shortcuts', toggleModal );
64
-
65
62
  return (
66
63
  <>
67
64
  <MoreMenuDropdown
@@ -127,7 +124,11 @@ export default function MoreMenu( { showIconLabels } ) {
127
124
  <MenuGroup label={ __( 'Tools' ) }>
128
125
  <SiteExport />
129
126
  <MenuItem
130
- onClick={ toggleModal }
127
+ onClick={ () =>
128
+ openModal(
129
+ KEYBOARD_SHORTCUT_HELP_MODAL_NAME
130
+ )
131
+ }
131
132
  shortcut={ displayShortcut.access( 'h' ) }
132
133
  >
133
134
  { __( 'Keyboard shortcuts' ) }
@@ -156,21 +157,19 @@ export default function MoreMenu( { showIconLabels } ) {
156
157
  />
157
158
  </MenuGroup>
158
159
  <MenuGroup>
159
- <MenuItem onClick={ togglePreferencesModal }>
160
+ <MenuItem
161
+ onClick={ () =>
162
+ openModal( PREFERENCES_MODAL_NAME )
163
+ }
164
+ >
160
165
  { __( 'Preferences' ) }
161
166
  </MenuItem>
162
167
  </MenuGroup>
163
168
  </>
164
169
  ) }
165
170
  </MoreMenuDropdown>
166
- <KeyboardShortcutHelpModal
167
- isModalActive={ isModalActive }
168
- toggleModal={ toggleModal }
169
- />
170
- <EditSitePreferencesModal
171
- isModalActive={ isPreferencesModalActive }
172
- toggleModal={ togglePreferencesModal }
173
- />
171
+ <KeyboardShortcutHelpModal />
172
+ <EditSitePreferencesModal />
174
173
  </>
175
174
  );
176
175
  }