@wordpress/customize-widgets 4.35.0 → 5.0.1

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 (75) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/build/components/block-appender/index.js +2 -2
  3. package/build/components/block-appender/index.js.map +1 -1
  4. package/build/components/block-inspector-button/index.js +5 -4
  5. package/build/components/block-inspector-button/index.js.map +1 -1
  6. package/build/components/customize-widgets/index.js +24 -18
  7. package/build/components/customize-widgets/index.js.map +1 -1
  8. package/build/components/error-boundary/index.js +12 -10
  9. package/build/components/error-boundary/index.js.map +1 -1
  10. package/build/components/focus-control/index.js +5 -4
  11. package/build/components/focus-control/index.js.map +1 -1
  12. package/build/components/header/index.js +48 -44
  13. package/build/components/header/index.js.map +1 -1
  14. package/build/components/inserter/index.js +25 -21
  15. package/build/components/inserter/index.js.map +1 -1
  16. package/build/components/keyboard-shortcut-help-modal/dynamic-shortcut.js +2 -2
  17. package/build/components/keyboard-shortcut-help-modal/dynamic-shortcut.js.map +1 -1
  18. package/build/components/keyboard-shortcut-help-modal/index.js +50 -45
  19. package/build/components/keyboard-shortcut-help-modal/index.js.map +1 -1
  20. package/build/components/keyboard-shortcut-help-modal/shortcut.js +30 -26
  21. package/build/components/keyboard-shortcut-help-modal/shortcut.js.map +1 -1
  22. package/build/components/more-menu/index.js +65 -54
  23. package/build/components/more-menu/index.js.map +1 -1
  24. package/build/components/sidebar-block-editor/index.js +42 -34
  25. package/build/components/sidebar-block-editor/index.js.map +1 -1
  26. package/build/components/sidebar-block-editor/sidebar-editor-provider.js +5 -4
  27. package/build/components/sidebar-block-editor/sidebar-editor-provider.js.map +1 -1
  28. package/build/components/sidebar-controls/index.js +5 -4
  29. package/build/components/sidebar-controls/index.js.map +1 -1
  30. package/build/components/welcome-guide/index.js +44 -33
  31. package/build/components/welcome-guide/index.js.map +1 -1
  32. package/build/filters/move-to-sidebar.js +16 -12
  33. package/build/filters/move-to-sidebar.js.map +1 -1
  34. package/build/filters/wide-widget-display.js +2 -2
  35. package/build/filters/wide-widget-display.js.map +1 -1
  36. package/build/index.js +3 -3
  37. package/build/index.js.map +1 -1
  38. package/build-module/components/block-appender/index.js +2 -2
  39. package/build-module/components/block-appender/index.js.map +1 -1
  40. package/build-module/components/block-inspector-button/index.js +5 -4
  41. package/build-module/components/block-inspector-button/index.js.map +1 -1
  42. package/build-module/components/customize-widgets/index.js +25 -18
  43. package/build-module/components/customize-widgets/index.js.map +1 -1
  44. package/build-module/components/error-boundary/index.js +12 -10
  45. package/build-module/components/error-boundary/index.js.map +1 -1
  46. package/build-module/components/focus-control/index.js +5 -4
  47. package/build-module/components/focus-control/index.js.map +1 -1
  48. package/build-module/components/header/index.js +50 -44
  49. package/build-module/components/header/index.js.map +1 -1
  50. package/build-module/components/inserter/index.js +26 -21
  51. package/build-module/components/inserter/index.js.map +1 -1
  52. package/build-module/components/keyboard-shortcut-help-modal/dynamic-shortcut.js +2 -2
  53. package/build-module/components/keyboard-shortcut-help-modal/dynamic-shortcut.js.map +1 -1
  54. package/build-module/components/keyboard-shortcut-help-modal/index.js +51 -45
  55. package/build-module/components/keyboard-shortcut-help-modal/index.js.map +1 -1
  56. package/build-module/components/keyboard-shortcut-help-modal/shortcut.js +32 -26
  57. package/build-module/components/keyboard-shortcut-help-modal/shortcut.js.map +1 -1
  58. package/build-module/components/more-menu/index.js +67 -54
  59. package/build-module/components/more-menu/index.js.map +1 -1
  60. package/build-module/components/sidebar-block-editor/index.js +44 -34
  61. package/build-module/components/sidebar-block-editor/index.js.map +1 -1
  62. package/build-module/components/sidebar-block-editor/sidebar-editor-provider.js +5 -4
  63. package/build-module/components/sidebar-block-editor/sidebar-editor-provider.js.map +1 -1
  64. package/build-module/components/sidebar-controls/index.js +5 -4
  65. package/build-module/components/sidebar-controls/index.js.map +1 -1
  66. package/build-module/components/welcome-guide/index.js +45 -33
  67. package/build-module/components/welcome-guide/index.js.map +1 -1
  68. package/build-module/filters/move-to-sidebar.js +18 -12
  69. package/build-module/filters/move-to-sidebar.js.map +1 -1
  70. package/build-module/filters/wide-widget-display.js +2 -2
  71. package/build-module/filters/wide-widget-display.js.map +1 -1
  72. package/build-module/index.js +3 -3
  73. package/build-module/index.js.map +1 -1
  74. package/package.json +24 -23
  75. package/src/index.js +1 -1
@@ -1,4 +1,3 @@
1
- import { createElement } from "react";
2
1
  /**
3
2
  * External dependencies
4
3
  */
@@ -18,37 +17,43 @@ import { useDispatch, useSelect } from '@wordpress/data';
18
17
  import { textFormattingShortcuts } from './config';
19
18
  import Shortcut from './shortcut';
20
19
  import DynamicShortcut from './dynamic-shortcut';
20
+ import { jsx as _jsx } from "react/jsx-runtime";
21
+ import { jsxs as _jsxs } from "react/jsx-runtime";
21
22
  const ShortcutList = ({
22
23
  shortcuts
23
24
  }) =>
25
+ /*#__PURE__*/
24
26
  /*
25
27
  * Disable reason: The `list` ARIA role is redundant but
26
28
  * Safari+VoiceOver won't announce the list otherwise.
27
29
  */
28
30
  /* eslint-disable jsx-a11y/no-redundant-roles */
29
- createElement("ul", {
31
+ _jsx("ul", {
30
32
  className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-list",
31
- role: "list"
32
- }, shortcuts.map((shortcut, index) => createElement("li", {
33
- className: "customize-widgets-keyboard-shortcut-help-modal__shortcut",
34
- key: index
35
- }, typeof shortcut === 'string' ? createElement(DynamicShortcut, {
36
- name: shortcut
37
- }) : createElement(Shortcut, {
38
- ...shortcut
39
- }))))
33
+ role: "list",
34
+ children: shortcuts.map((shortcut, index) => /*#__PURE__*/_jsx("li", {
35
+ className: "customize-widgets-keyboard-shortcut-help-modal__shortcut",
36
+ children: typeof shortcut === 'string' ? /*#__PURE__*/_jsx(DynamicShortcut, {
37
+ name: shortcut
38
+ }) : /*#__PURE__*/_jsx(Shortcut, {
39
+ ...shortcut
40
+ })
41
+ }, index))
42
+ })
40
43
  /* eslint-enable jsx-a11y/no-redundant-roles */;
41
44
  const ShortcutSection = ({
42
45
  title,
43
46
  shortcuts,
44
47
  className
45
- }) => createElement("section", {
46
- className: clsx('customize-widgets-keyboard-shortcut-help-modal__section', className)
47
- }, !!title && createElement("h2", {
48
- className: "customize-widgets-keyboard-shortcut-help-modal__section-title"
49
- }, title), createElement(ShortcutList, {
50
- shortcuts: shortcuts
51
- }));
48
+ }) => /*#__PURE__*/_jsxs("section", {
49
+ className: clsx('customize-widgets-keyboard-shortcut-help-modal__section', className),
50
+ children: [!!title && /*#__PURE__*/_jsx("h2", {
51
+ className: "customize-widgets-keyboard-shortcut-help-modal__section-title",
52
+ children: title
53
+ }), /*#__PURE__*/_jsx(ShortcutList, {
54
+ shortcuts: shortcuts
55
+ })]
56
+ });
52
57
  const ShortcutCategorySection = ({
53
58
  title,
54
59
  categoryName,
@@ -57,7 +62,7 @@ const ShortcutCategorySection = ({
57
62
  const categoryShortcuts = useSelect(select => {
58
63
  return select(keyboardShortcutsStore).getCategoryShortcuts(categoryName);
59
64
  }, [categoryName]);
60
- return createElement(ShortcutSection, {
65
+ return /*#__PURE__*/_jsx(ShortcutSection, {
61
66
  title: title,
62
67
  shortcuts: categoryShortcuts.concat(additionalShortcuts)
63
68
  });
@@ -82,33 +87,34 @@ export default function KeyboardShortcutHelpModal({
82
87
  if (!isModalActive) {
83
88
  return null;
84
89
  }
85
- return createElement(Modal, {
90
+ return /*#__PURE__*/_jsxs(Modal, {
86
91
  className: "customize-widgets-keyboard-shortcut-help-modal",
87
92
  title: __('Keyboard shortcuts'),
88
- onRequestClose: toggleModal
89
- }, createElement(ShortcutSection, {
90
- className: "customize-widgets-keyboard-shortcut-help-modal__main-shortcuts",
91
- shortcuts: ['core/customize-widgets/keyboard-shortcuts']
92
- }), createElement(ShortcutCategorySection, {
93
- title: __('Global shortcuts'),
94
- categoryName: "global"
95
- }), createElement(ShortcutCategorySection, {
96
- title: __('Selection shortcuts'),
97
- categoryName: "selection"
98
- }), createElement(ShortcutCategorySection, {
99
- title: __('Block shortcuts'),
100
- categoryName: "block",
101
- additionalShortcuts: [{
102
- keyCombination: {
103
- character: '/'
104
- },
105
- description: __('Change the block type after adding a new paragraph.'),
106
- /* translators: The forward-slash character. e.g. '/'. */
107
- ariaLabel: __('Forward-slash')
108
- }]
109
- }), createElement(ShortcutSection, {
110
- title: __('Text formatting'),
111
- shortcuts: textFormattingShortcuts
112
- }));
93
+ onRequestClose: toggleModal,
94
+ children: [/*#__PURE__*/_jsx(ShortcutSection, {
95
+ className: "customize-widgets-keyboard-shortcut-help-modal__main-shortcuts",
96
+ shortcuts: ['core/customize-widgets/keyboard-shortcuts']
97
+ }), /*#__PURE__*/_jsx(ShortcutCategorySection, {
98
+ title: __('Global shortcuts'),
99
+ categoryName: "global"
100
+ }), /*#__PURE__*/_jsx(ShortcutCategorySection, {
101
+ title: __('Selection shortcuts'),
102
+ categoryName: "selection"
103
+ }), /*#__PURE__*/_jsx(ShortcutCategorySection, {
104
+ title: __('Block shortcuts'),
105
+ categoryName: "block",
106
+ additionalShortcuts: [{
107
+ keyCombination: {
108
+ character: '/'
109
+ },
110
+ description: __('Change the block type after adding a new paragraph.'),
111
+ /* translators: The forward-slash character. e.g. '/'. */
112
+ ariaLabel: __('Forward-slash')
113
+ }]
114
+ }), /*#__PURE__*/_jsx(ShortcutSection, {
115
+ title: __('Text formatting'),
116
+ shortcuts: textFormattingShortcuts
117
+ })]
118
+ });
113
119
  }
114
120
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["clsx","Modal","__","useShortcut","store","keyboardShortcutsStore","useDispatch","useSelect","textFormattingShortcuts","Shortcut","DynamicShortcut","ShortcutList","shortcuts","createElement","className","role","map","shortcut","index","key","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","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,29 +1,32 @@
1
- import { createElement } from "react";
2
1
  /**
3
2
  * WordPress dependencies
4
3
  */
5
4
  import { Fragment } from '@wordpress/element';
6
5
  import { displayShortcutList, shortcutAriaLabel } from '@wordpress/keycodes';
6
+ import { jsx as _jsx } from "react/jsx-runtime";
7
+ import { jsxs as _jsxs } from "react/jsx-runtime";
8
+ import { Fragment as _Fragment } from "react/jsx-runtime";
7
9
  function KeyCombination({
8
10
  keyCombination,
9
11
  forceAriaLabel
10
12
  }) {
11
13
  const shortcut = keyCombination.modifier ? displayShortcutList[keyCombination.modifier](keyCombination.character) : keyCombination.character;
12
14
  const ariaLabel = keyCombination.modifier ? shortcutAriaLabel[keyCombination.modifier](keyCombination.character) : keyCombination.character;
13
- return createElement("kbd", {
15
+ return /*#__PURE__*/_jsx("kbd", {
14
16
  className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination",
15
- "aria-label": forceAriaLabel || ariaLabel
16
- }, (Array.isArray(shortcut) ? shortcut : [shortcut]).map((character, index) => {
17
- if (character === '+') {
18
- return createElement(Fragment, {
19
- key: index
20
- }, character);
21
- }
22
- return createElement("kbd", {
23
- key: index,
24
- className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-key"
25
- }, character);
26
- }));
17
+ "aria-label": forceAriaLabel || ariaLabel,
18
+ children: (Array.isArray(shortcut) ? shortcut : [shortcut]).map((character, index) => {
19
+ if (character === '+') {
20
+ return /*#__PURE__*/_jsx(Fragment, {
21
+ children: character
22
+ }, index);
23
+ }
24
+ return /*#__PURE__*/_jsx("kbd", {
25
+ className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-key",
26
+ children: character
27
+ }, index);
28
+ })
29
+ });
27
30
  }
28
31
  function Shortcut({
29
32
  description,
@@ -31,18 +34,21 @@ function Shortcut({
31
34
  aliases = [],
32
35
  ariaLabel
33
36
  }) {
34
- return createElement(Fragment, null, createElement("div", {
35
- className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-description"
36
- }, description), createElement("div", {
37
- className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-term"
38
- }, createElement(KeyCombination, {
39
- keyCombination: keyCombination,
40
- forceAriaLabel: ariaLabel
41
- }), aliases.map((alias, index) => createElement(KeyCombination, {
42
- keyCombination: alias,
43
- forceAriaLabel: ariaLabel,
44
- key: index
45
- }))));
37
+ return /*#__PURE__*/_jsxs(_Fragment, {
38
+ children: [/*#__PURE__*/_jsx("div", {
39
+ className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-description",
40
+ children: description
41
+ }), /*#__PURE__*/_jsxs("div", {
42
+ className: "customize-widgets-keyboard-shortcut-help-modal__shortcut-term",
43
+ children: [/*#__PURE__*/_jsx(KeyCombination, {
44
+ keyCombination: keyCombination,
45
+ forceAriaLabel: ariaLabel
46
+ }), aliases.map((alias, index) => /*#__PURE__*/_jsx(KeyCombination, {
47
+ keyCombination: alias,
48
+ forceAriaLabel: ariaLabel
49
+ }, index))]
50
+ })]
51
+ });
46
52
  }
47
53
  export default Shortcut;
48
54
  //# sourceMappingURL=shortcut.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["Fragment","displayShortcutList","shortcutAriaLabel","KeyCombination","keyCombination","forceAriaLabel","shortcut","modifier","character","ariaLabel","createElement","className","Array","isArray","map","index","key","Shortcut","description","aliases","alias"],"sources":["@wordpress/customize-widgets/src/components/keyboard-shortcut-help-modal/shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Fragment } from '@wordpress/element';\nimport { displayShortcutList, shortcutAriaLabel } from '@wordpress/keycodes';\n\nfunction KeyCombination( { keyCombination, forceAriaLabel } ) {\n\tconst shortcut = keyCombination.modifier\n\t\t? displayShortcutList[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t )\n\t\t: keyCombination.character;\n\tconst ariaLabel = keyCombination.modifier\n\t\t? shortcutAriaLabel[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t )\n\t\t: keyCombination.character;\n\n\treturn (\n\t\t<kbd\n\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination\"\n\t\t\taria-label={ forceAriaLabel || ariaLabel }\n\t\t>\n\t\t\t{ ( Array.isArray( shortcut ) ? shortcut : [ shortcut ] ).map(\n\t\t\t\t( character, index ) => {\n\t\t\t\t\tif ( character === '+' ) {\n\t\t\t\t\t\treturn <Fragment key={ index }>{ character }</Fragment>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<kbd\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ character }\n\t\t\t\t\t\t</kbd>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t) }\n\t\t</kbd>\n\t);\n}\n\nfunction Shortcut( { description, keyCombination, aliases = [], ariaLabel } ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-description\">\n\t\t\t\t{ description }\n\t\t\t</div>\n\t\t\t<div className=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-term\">\n\t\t\t\t<KeyCombination\n\t\t\t\t\tkeyCombination={ keyCombination }\n\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t/>\n\t\t\t\t{ aliases.map( ( alias, index ) => (\n\t\t\t\t\t<KeyCombination\n\t\t\t\t\t\tkeyCombination={ alias }\n\t\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Shortcut;\n"],"mappings":";AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;AAE5E,SAASC,cAAcA,CAAE;EAAEC,cAAc;EAAEC;AAAe,CAAC,EAAG;EAC7D,MAAMC,QAAQ,GAAGF,cAAc,CAACG,QAAQ,GACrCN,mBAAmB,CAAEG,cAAc,CAACG,QAAQ,CAAE,CAC9CH,cAAc,CAACI,SACf,CAAC,GACDJ,cAAc,CAACI,SAAS;EAC3B,MAAMC,SAAS,GAAGL,cAAc,CAACG,QAAQ,GACtCL,iBAAiB,CAAEE,cAAc,CAACG,QAAQ,CAAE,CAC5CH,cAAc,CAACI,SACf,CAAC,GACDJ,cAAc,CAACI,SAAS;EAE3B,OACCE,aAAA;IACCC,SAAS,EAAC,0EAA0E;IACpF,cAAaN,cAAc,IAAII;EAAW,GAExC,CAAEG,KAAK,CAACC,OAAO,CAAEP,QAAS,CAAC,GAAGA,QAAQ,GAAG,CAAEA,QAAQ,CAAE,EAAGQ,GAAG,CAC5D,CAAEN,SAAS,EAAEO,KAAK,KAAM;IACvB,IAAKP,SAAS,KAAK,GAAG,EAAG;MACxB,OAAOE,aAAA,CAACV,QAAQ;QAACgB,GAAG,EAAGD;MAAO,GAAGP,SAAqB,CAAC;IACxD;IAEA,OACCE,aAAA;MACCM,GAAG,EAAGD,KAAO;MACbJ,SAAS,EAAC;IAA8D,GAEtEH,SACE,CAAC;EAER,CACD,CACI,CAAC;AAER;AAEA,SAASS,QAAQA,CAAE;EAAEC,WAAW;EAAEd,cAAc;EAAEe,OAAO,GAAG,EAAE;EAAEV;AAAU,CAAC,EAAG;EAC7E,OACCC,aAAA,CAAAV,QAAA,QACCU,aAAA;IAAKC,SAAS,EAAC;EAAsE,GAClFO,WACE,CAAC,EACNR,aAAA;IAAKC,SAAS,EAAC;EAA+D,GAC7ED,aAAA,CAACP,cAAc;IACdC,cAAc,EAAGA,cAAgB;IACjCC,cAAc,EAAGI;EAAW,CAC5B,CAAC,EACAU,OAAO,CAACL,GAAG,CAAE,CAAEM,KAAK,EAAEL,KAAK,KAC5BL,aAAA,CAACP,cAAc;IACdC,cAAc,EAAGgB,KAAO;IACxBf,cAAc,EAAGI,SAAW;IAC5BO,GAAG,EAAGD;EAAO,CACb,CACA,CACE,CACJ,CAAC;AAEL;AAEA,eAAeE,QAAQ","ignoreList":[]}
1
+ {"version":3,"names":["Fragment","displayShortcutList","shortcutAriaLabel","jsx","_jsx","jsxs","_jsxs","_Fragment","KeyCombination","keyCombination","forceAriaLabel","shortcut","modifier","character","ariaLabel","className","children","Array","isArray","map","index","Shortcut","description","aliases","alias"],"sources":["@wordpress/customize-widgets/src/components/keyboard-shortcut-help-modal/shortcut.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Fragment } from '@wordpress/element';\nimport { displayShortcutList, shortcutAriaLabel } from '@wordpress/keycodes';\n\nfunction KeyCombination( { keyCombination, forceAriaLabel } ) {\n\tconst shortcut = keyCombination.modifier\n\t\t? displayShortcutList[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t )\n\t\t: keyCombination.character;\n\tconst ariaLabel = keyCombination.modifier\n\t\t? shortcutAriaLabel[ keyCombination.modifier ](\n\t\t\t\tkeyCombination.character\n\t\t )\n\t\t: keyCombination.character;\n\n\treturn (\n\t\t<kbd\n\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-key-combination\"\n\t\t\taria-label={ forceAriaLabel || ariaLabel }\n\t\t>\n\t\t\t{ ( Array.isArray( shortcut ) ? shortcut : [ shortcut ] ).map(\n\t\t\t\t( character, index ) => {\n\t\t\t\t\tif ( character === '+' ) {\n\t\t\t\t\t\treturn <Fragment key={ index }>{ character }</Fragment>;\n\t\t\t\t\t}\n\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<kbd\n\t\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t\t\tclassName=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-key\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ character }\n\t\t\t\t\t\t</kbd>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t) }\n\t\t</kbd>\n\t);\n}\n\nfunction Shortcut( { description, keyCombination, aliases = [], ariaLabel } ) {\n\treturn (\n\t\t<>\n\t\t\t<div className=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-description\">\n\t\t\t\t{ description }\n\t\t\t</div>\n\t\t\t<div className=\"customize-widgets-keyboard-shortcut-help-modal__shortcut-term\">\n\t\t\t\t<KeyCombination\n\t\t\t\t\tkeyCombination={ keyCombination }\n\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t/>\n\t\t\t\t{ aliases.map( ( alias, index ) => (\n\t\t\t\t\t<KeyCombination\n\t\t\t\t\t\tkeyCombination={ alias }\n\t\t\t\t\t\tforceAriaLabel={ ariaLabel }\n\t\t\t\t\t\tkey={ index }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\t\t\t</div>\n\t\t</>\n\t);\n}\n\nexport default Shortcut;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,mBAAmB,EAAEC,iBAAiB,QAAQ,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAN,QAAA,IAAAO,SAAA;AAE7E,SAASC,cAAcA,CAAE;EAAEC,cAAc;EAAEC;AAAe,CAAC,EAAG;EAC7D,MAAMC,QAAQ,GAAGF,cAAc,CAACG,QAAQ,GACrCX,mBAAmB,CAAEQ,cAAc,CAACG,QAAQ,CAAE,CAC9CH,cAAc,CAACI,SACf,CAAC,GACDJ,cAAc,CAACI,SAAS;EAC3B,MAAMC,SAAS,GAAGL,cAAc,CAACG,QAAQ,GACtCV,iBAAiB,CAAEO,cAAc,CAACG,QAAQ,CAAE,CAC5CH,cAAc,CAACI,SACf,CAAC,GACDJ,cAAc,CAACI,SAAS;EAE3B,oBACCT,IAAA;IACCW,SAAS,EAAC,0EAA0E;IACpF,cAAaL,cAAc,IAAII,SAAW;IAAAE,QAAA,EAExC,CAAEC,KAAK,CAACC,OAAO,CAAEP,QAAS,CAAC,GAAGA,QAAQ,GAAG,CAAEA,QAAQ,CAAE,EAAGQ,GAAG,CAC5D,CAAEN,SAAS,EAAEO,KAAK,KAAM;MACvB,IAAKP,SAAS,KAAK,GAAG,EAAG;QACxB,oBAAOT,IAAA,CAACJ,QAAQ;UAAAgB,QAAA,EAAiBH;QAAS,GAAnBO,KAA+B,CAAC;MACxD;MAEA,oBACChB,IAAA;QAECW,SAAS,EAAC,8DAA8D;QAAAC,QAAA,EAEtEH;MAAS,GAHLO,KAIF,CAAC;IAER,CACD;EAAC,CACG,CAAC;AAER;AAEA,SAASC,QAAQA,CAAE;EAAEC,WAAW;EAAEb,cAAc;EAAEc,OAAO,GAAG,EAAE;EAAET;AAAU,CAAC,EAAG;EAC7E,oBACCR,KAAA,CAAAC,SAAA;IAAAS,QAAA,gBACCZ,IAAA;MAAKW,SAAS,EAAC,sEAAsE;MAAAC,QAAA,EAClFM;IAAW,CACT,CAAC,eACNhB,KAAA;MAAKS,SAAS,EAAC,+DAA+D;MAAAC,QAAA,gBAC7EZ,IAAA,CAACI,cAAc;QACdC,cAAc,EAAGA,cAAgB;QACjCC,cAAc,EAAGI;MAAW,CAC5B,CAAC,EACAS,OAAO,CAACJ,GAAG,CAAE,CAAEK,KAAK,EAAEJ,KAAK,kBAC5BhB,IAAA,CAACI,cAAc;QACdC,cAAc,EAAGe,KAAO;QACxBd,cAAc,EAAGI;MAAW,GACtBM,KACN,CACA,CAAC;IAAA,CACC,CAAC;EAAA,CACL,CAAC;AAEL;AAEA,eAAeC,QAAQ","ignoreList":[]}
@@ -1,4 +1,3 @@
1
- import { createElement, Fragment } from "react";
2
1
  /**
3
2
  * WordPress dependencies
4
3
  */
@@ -14,62 +13,76 @@ import { PreferenceToggleMenuItem } from '@wordpress/preferences';
14
13
  * Internal dependencies
15
14
  */
16
15
  import KeyboardShortcutHelpModal from '../keyboard-shortcut-help-modal';
16
+ import { jsx as _jsx } from "react/jsx-runtime";
17
+ import { jsxs as _jsxs } from "react/jsx-runtime";
18
+ import { Fragment as _Fragment } from "react/jsx-runtime";
17
19
  export default function MoreMenu() {
18
20
  const [isKeyboardShortcutsModalActive, setIsKeyboardShortcutsModalVisible] = useState(false);
19
21
  const toggleKeyboardShortcutsModal = () => setIsKeyboardShortcutsModalVisible(!isKeyboardShortcutsModalActive);
20
22
  useShortcut('core/customize-widgets/keyboard-shortcuts', toggleKeyboardShortcutsModal);
21
- return createElement(Fragment, null, createElement(ToolbarDropdownMenu, {
22
- icon: moreVertical,
23
- label: __('Options'),
24
- popoverProps: {
25
- placement: 'bottom-end',
26
- className: 'more-menu-dropdown__content'
27
- },
28
- toggleProps: {
29
- tooltipPosition: 'bottom',
30
- size: 'compact'
31
- }
32
- }, () => createElement(Fragment, null, createElement(MenuGroup, {
33
- label: _x('View', 'noun')
34
- }, createElement(PreferenceToggleMenuItem, {
35
- scope: "core/customize-widgets",
36
- name: "fixedToolbar",
37
- label: __('Top toolbar'),
38
- info: __('Access all block and document tools in a single place'),
39
- messageActivated: __('Top toolbar activated'),
40
- messageDeactivated: __('Top toolbar deactivated')
41
- })), createElement(MenuGroup, {
42
- label: __('Tools')
43
- }, createElement(MenuItem, {
44
- onClick: () => {
45
- setIsKeyboardShortcutsModalVisible(true);
46
- },
47
- shortcut: displayShortcut.access('h')
48
- }, __('Keyboard shortcuts')), createElement(PreferenceToggleMenuItem, {
49
- scope: "core/customize-widgets",
50
- name: "welcomeGuide",
51
- label: __('Welcome Guide')
52
- }), createElement(MenuItem, {
53
- role: "menuitem",
54
- icon: external,
55
- href: __('https://wordpress.org/documentation/article/block-based-widgets-editor/'),
56
- target: "_blank",
57
- rel: "noopener noreferrer"
58
- }, __('Help'), createElement(VisuallyHidden, {
59
- as: "span"
60
- }, /* translators: accessibility text */
61
- __('(opens in a new tab)')))), createElement(MenuGroup, {
62
- label: __('Preferences')
63
- }, createElement(PreferenceToggleMenuItem, {
64
- scope: "core/customize-widgets",
65
- name: "keepCaretInsideBlock",
66
- label: __('Contain text cursor inside block'),
67
- info: __('Aids screen readers by stopping text caret from leaving blocks.'),
68
- messageActivated: __('Contain text cursor inside block activated'),
69
- messageDeactivated: __('Contain text cursor inside block deactivated')
70
- })))), createElement(KeyboardShortcutHelpModal, {
71
- isModalActive: isKeyboardShortcutsModalActive,
72
- toggleModal: toggleKeyboardShortcutsModal
73
- }));
23
+ return /*#__PURE__*/_jsxs(_Fragment, {
24
+ children: [/*#__PURE__*/_jsx(ToolbarDropdownMenu, {
25
+ icon: moreVertical,
26
+ label: __('Options'),
27
+ popoverProps: {
28
+ placement: 'bottom-end',
29
+ className: 'more-menu-dropdown__content'
30
+ },
31
+ toggleProps: {
32
+ tooltipPosition: 'bottom',
33
+ size: 'compact'
34
+ },
35
+ children: () => /*#__PURE__*/_jsxs(_Fragment, {
36
+ children: [/*#__PURE__*/_jsx(MenuGroup, {
37
+ label: _x('View', 'noun'),
38
+ children: /*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
39
+ scope: "core/customize-widgets",
40
+ name: "fixedToolbar",
41
+ label: __('Top toolbar'),
42
+ info: __('Access all block and document tools in a single place'),
43
+ messageActivated: __('Top toolbar activated'),
44
+ messageDeactivated: __('Top toolbar deactivated')
45
+ })
46
+ }), /*#__PURE__*/_jsxs(MenuGroup, {
47
+ label: __('Tools'),
48
+ children: [/*#__PURE__*/_jsx(MenuItem, {
49
+ onClick: () => {
50
+ setIsKeyboardShortcutsModalVisible(true);
51
+ },
52
+ shortcut: displayShortcut.access('h'),
53
+ children: __('Keyboard shortcuts')
54
+ }), /*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
55
+ scope: "core/customize-widgets",
56
+ name: "welcomeGuide",
57
+ label: __('Welcome Guide')
58
+ }), /*#__PURE__*/_jsxs(MenuItem, {
59
+ role: "menuitem",
60
+ icon: external,
61
+ href: __('https://wordpress.org/documentation/article/block-based-widgets-editor/'),
62
+ target: "_blank",
63
+ rel: "noopener noreferrer",
64
+ children: [__('Help'), /*#__PURE__*/_jsx(VisuallyHidden, {
65
+ as: "span",
66
+ children: /* translators: accessibility text */
67
+ __('(opens in a new tab)')
68
+ })]
69
+ })]
70
+ }), /*#__PURE__*/_jsx(MenuGroup, {
71
+ label: __('Preferences'),
72
+ children: /*#__PURE__*/_jsx(PreferenceToggleMenuItem, {
73
+ scope: "core/customize-widgets",
74
+ name: "keepCaretInsideBlock",
75
+ label: __('Contain text cursor inside block'),
76
+ info: __('Aids screen readers by stopping text caret from leaving blocks.'),
77
+ messageActivated: __('Contain text cursor inside block activated'),
78
+ messageDeactivated: __('Contain text cursor inside block deactivated')
79
+ })
80
+ })]
81
+ })
82
+ }), /*#__PURE__*/_jsx(KeyboardShortcutHelpModal, {
83
+ isModalActive: isKeyboardShortcutsModalActive,
84
+ toggleModal: toggleKeyboardShortcutsModal
85
+ })]
86
+ });
74
87
  }
75
88
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["MenuGroup","MenuItem","ToolbarDropdownMenu","VisuallyHidden","useState","__","_x","external","moreVertical","displayShortcut","useShortcut","PreferenceToggleMenuItem","KeyboardShortcutHelpModal","MoreMenu","isKeyboardShortcutsModalActive","setIsKeyboardShortcutsModalVisible","toggleKeyboardShortcutsModal","createElement","Fragment","icon","label","popoverProps","placement","className","toggleProps","tooltipPosition","size","scope","name","info","messageActivated","messageDeactivated","onClick","shortcut","access","role","href","target","rel","as","isModalActive","toggleModal"],"sources":["@wordpress/customize-widgets/src/components/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tToolbarDropdownMenu,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { external, moreVertical } from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { PreferenceToggleMenuItem } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport KeyboardShortcutHelpModal from '../keyboard-shortcut-help-modal';\n\nexport default function MoreMenu() {\n\tconst [\n\t\tisKeyboardShortcutsModalActive,\n\t\tsetIsKeyboardShortcutsModalVisible,\n\t] = useState( false );\n\tconst toggleKeyboardShortcutsModal = () =>\n\t\tsetIsKeyboardShortcutsModalVisible( ! isKeyboardShortcutsModalActive );\n\n\tuseShortcut(\n\t\t'core/customize-widgets/keyboard-shortcuts',\n\t\ttoggleKeyboardShortcutsModal\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarDropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'Options' ) }\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'bottom-end',\n\t\t\t\t\tclassName: 'more-menu-dropdown__content',\n\t\t\t\t} }\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\ttooltipPosition: 'bottom',\n\t\t\t\t\tsize: 'compact',\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/customize-widgets\"\n\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Access all block and document tools in a single place'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Tools' ) }>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetIsKeyboardShortcutsModalVisible( true );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.access( 'h' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Keyboard shortcuts' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/customize-widgets\"\n\t\t\t\t\t\t\t\tname=\"welcomeGuide\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/block-based-widgets-editor/'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Help' ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Preferences' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/customize-widgets\"\n\t\t\t\t\t\t\t\tname=\"keepCaretInsideBlock\"\n\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Aids screen readers by stopping text caret from leaving blocks.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</ToolbarDropdownMenu>\n\t\t\t<KeyboardShortcutHelpModal\n\t\t\t\tisModalActive={ isKeyboardShortcutsModalActive }\n\t\t\t\ttoggleModal={ toggleKeyboardShortcutsModal }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["MenuGroup","MenuItem","ToolbarDropdownMenu","VisuallyHidden","useState","__","_x","external","moreVertical","displayShortcut","useShortcut","PreferenceToggleMenuItem","KeyboardShortcutHelpModal","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MoreMenu","isKeyboardShortcutsModalActive","setIsKeyboardShortcutsModalVisible","toggleKeyboardShortcutsModal","children","icon","label","popoverProps","placement","className","toggleProps","tooltipPosition","size","scope","name","info","messageActivated","messageDeactivated","onClick","shortcut","access","role","href","target","rel","as","isModalActive","toggleModal"],"sources":["@wordpress/customize-widgets/src/components/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tMenuGroup,\n\tMenuItem,\n\tToolbarDropdownMenu,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { useState } from '@wordpress/element';\nimport { __, _x } from '@wordpress/i18n';\nimport { external, moreVertical } from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { useShortcut } from '@wordpress/keyboard-shortcuts';\nimport { PreferenceToggleMenuItem } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport KeyboardShortcutHelpModal from '../keyboard-shortcut-help-modal';\n\nexport default function MoreMenu() {\n\tconst [\n\t\tisKeyboardShortcutsModalActive,\n\t\tsetIsKeyboardShortcutsModalVisible,\n\t] = useState( false );\n\tconst toggleKeyboardShortcutsModal = () =>\n\t\tsetIsKeyboardShortcutsModalVisible( ! isKeyboardShortcutsModalActive );\n\n\tuseShortcut(\n\t\t'core/customize-widgets/keyboard-shortcuts',\n\t\ttoggleKeyboardShortcutsModal\n\t);\n\n\treturn (\n\t\t<>\n\t\t\t<ToolbarDropdownMenu\n\t\t\t\ticon={ moreVertical }\n\t\t\t\tlabel={ __( 'Options' ) }\n\t\t\t\tpopoverProps={ {\n\t\t\t\t\tplacement: 'bottom-end',\n\t\t\t\t\tclassName: 'more-menu-dropdown__content',\n\t\t\t\t} }\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\ttooltipPosition: 'bottom',\n\t\t\t\t\tsize: 'compact',\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<MenuGroup label={ _x( 'View', 'noun' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/customize-widgets\"\n\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Top toolbar' ) }\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Access all block and document tools in a single place'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Top toolbar deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Tools' ) }>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetIsKeyboardShortcutsModalVisible( true );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.access( 'h' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Keyboard shortcuts' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/customize-widgets\"\n\t\t\t\t\t\t\t\tname=\"welcomeGuide\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Welcome Guide' ) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/block-based-widgets-editor/'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Help' ) }\n\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\t\t\t\t\t\t\t\t__( '(opens in a new tab)' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Preferences' ) }>\n\t\t\t\t\t\t\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/customize-widgets\"\n\t\t\t\t\t\t\t\tname=\"keepCaretInsideBlock\"\n\t\t\t\t\t\t\t\tlabel={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tinfo={ __(\n\t\t\t\t\t\t\t\t\t'Aids screen readers by stopping text caret from leaving blocks.'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block activated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tmessageDeactivated={ __(\n\t\t\t\t\t\t\t\t\t'Contain text cursor inside block deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</ToolbarDropdownMenu>\n\t\t\t<KeyboardShortcutHelpModal\n\t\t\t\tisModalActive={ isKeyboardShortcutsModalActive }\n\t\t\t\ttoggleModal={ toggleKeyboardShortcutsModal }\n\t\t\t/>\n\t\t</>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
@@ -1,4 +1,3 @@
1
- import { createElement, Fragment } from "react";
2
1
  /**
3
2
  * WordPress dependencies
4
3
  */
@@ -22,6 +21,9 @@ import WelcomeGuide from '../welcome-guide';
22
21
  import KeyboardShortcuts from '../keyboard-shortcuts';
23
22
  import BlockAppender from '../block-appender';
24
23
  import { unlock } from '../../lock-unlock';
24
+ import { jsx as _jsx } from "react/jsx-runtime";
25
+ import { jsxs as _jsxs } from "react/jsx-runtime";
26
+ import { Fragment as _Fragment } from "react/jsx-runtime";
25
27
  const {
26
28
  ExperimentalBlockCanvas: BlockCanvas
27
29
  } = unlock(blockEditorPrivateApis);
@@ -79,41 +81,49 @@ export default function SidebarBlockEditor({
79
81
  };
80
82
  }, [hasUploadPermissions, blockEditorSettings, isFixedToolbarActive, isMediumViewport, keepCaretInsideBlock, setIsInserterOpened]);
81
83
  if (isWelcomeGuideActive) {
82
- return createElement(WelcomeGuide, {
84
+ return /*#__PURE__*/_jsx(WelcomeGuide, {
83
85
  sidebar: sidebar
84
86
  });
85
87
  }
86
- return createElement(Fragment, null, createElement(KeyboardShortcuts.Register, null), createElement(BlockKeyboardShortcuts, null), createElement(SidebarEditorProvider, {
87
- sidebar: sidebar,
88
- settings: settings
89
- }, createElement(KeyboardShortcuts, {
90
- undo: sidebar.undo,
91
- redo: sidebar.redo,
92
- save: sidebar.save
93
- }), createElement(Header, {
94
- sidebar: sidebar,
95
- inserter: inserter,
96
- isInserterOpened: isInserterOpened,
97
- setIsInserterOpened: setIsInserterOpened,
98
- isFixedToolbarActive: isFixedToolbarActive || !isMediumViewport
99
- }), (isFixedToolbarActive || !isMediumViewport) && createElement(BlockToolbar, {
100
- hideDragHandle: true
101
- }), createElement(BlockCanvas, {
102
- shouldIframe: false,
103
- styles: settings.defaultEditorStyles,
104
- height: "100%"
105
- }, createElement(BlockList, {
106
- renderAppender: BlockAppender
107
- })), createPortal(
108
- // This is a temporary hack to prevent button component inside <BlockInspector>
109
- // from submitting form when type="button" is not specified.
110
- createElement("form", {
111
- onSubmit: event => event.preventDefault()
112
- }, createElement(BlockInspector, null)), inspector.contentContainer[0])), createElement(__unstableBlockSettingsMenuFirstItem, null, ({
113
- onClose
114
- }) => createElement(BlockInspectorButton, {
115
- inspector: inspector,
116
- closeMenu: onClose
117
- })));
88
+ return /*#__PURE__*/_jsxs(_Fragment, {
89
+ children: [/*#__PURE__*/_jsx(KeyboardShortcuts.Register, {}), /*#__PURE__*/_jsx(BlockKeyboardShortcuts, {}), /*#__PURE__*/_jsxs(SidebarEditorProvider, {
90
+ sidebar: sidebar,
91
+ settings: settings,
92
+ children: [/*#__PURE__*/_jsx(KeyboardShortcuts, {
93
+ undo: sidebar.undo,
94
+ redo: sidebar.redo,
95
+ save: sidebar.save
96
+ }), /*#__PURE__*/_jsx(Header, {
97
+ sidebar: sidebar,
98
+ inserter: inserter,
99
+ isInserterOpened: isInserterOpened,
100
+ setIsInserterOpened: setIsInserterOpened,
101
+ isFixedToolbarActive: isFixedToolbarActive || !isMediumViewport
102
+ }), (isFixedToolbarActive || !isMediumViewport) && /*#__PURE__*/_jsx(BlockToolbar, {
103
+ hideDragHandle: true
104
+ }), /*#__PURE__*/_jsx(BlockCanvas, {
105
+ shouldIframe: false,
106
+ styles: settings.defaultEditorStyles,
107
+ height: "100%",
108
+ children: /*#__PURE__*/_jsx(BlockList, {
109
+ renderAppender: BlockAppender
110
+ })
111
+ }), createPortal(
112
+ /*#__PURE__*/
113
+ // This is a temporary hack to prevent button component inside <BlockInspector>
114
+ // from submitting form when type="button" is not specified.
115
+ _jsx("form", {
116
+ onSubmit: event => event.preventDefault(),
117
+ children: /*#__PURE__*/_jsx(BlockInspector, {})
118
+ }), inspector.contentContainer[0])]
119
+ }), /*#__PURE__*/_jsx(__unstableBlockSettingsMenuFirstItem, {
120
+ children: ({
121
+ onClose
122
+ }) => /*#__PURE__*/_jsx(BlockInspectorButton, {
123
+ inspector: inspector,
124
+ closeMenu: onClose
125
+ })
126
+ })]
127
+ });
118
128
  }
119
129
  //# sourceMappingURL=index.js.map