@wordpress/block-editor 14.13.0 → 14.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/components/background-image-control/index.js +2 -5
  3. package/build/components/background-image-control/index.js.map +1 -1
  4. package/build/components/block-settings-menu/block-settings-dropdown.js +26 -6
  5. package/build/components/block-settings-menu/block-settings-dropdown.js.map +1 -1
  6. package/build/components/iframe/index.js +9 -7
  7. package/build/components/iframe/index.js.map +1 -1
  8. package/build/components/inserter/block-patterns-explorer/index.js +6 -3
  9. package/build/components/inserter/block-patterns-explorer/index.js.map +1 -1
  10. package/build/components/inserter/block-patterns-explorer/pattern-list.js +6 -2
  11. package/build/components/inserter/block-patterns-explorer/pattern-list.js.map +1 -1
  12. package/build/components/inserter/block-patterns-tab/index.js +1 -1
  13. package/build/components/inserter/block-patterns-tab/index.js.map +1 -1
  14. package/build/components/inserter/block-patterns-tab/pattern-category-previews.js +4 -4
  15. package/build/components/inserter/block-patterns-tab/pattern-category-previews.js.map +1 -1
  16. package/build/components/inserter/block-patterns-tab/patterns-filter.js +2 -2
  17. package/build/components/inserter/block-patterns-tab/patterns-filter.js.map +1 -1
  18. package/build/components/inserter/category-tabs/index.js +1 -1
  19. package/build/components/inserter/category-tabs/index.js.map +1 -1
  20. package/build/components/keyboard-shortcuts/index.js +27 -0
  21. package/build/components/keyboard-shortcuts/index.js.map +1 -1
  22. package/build/components/media-placeholder/index.js +2 -1
  23. package/build/components/media-placeholder/index.js.map +1 -1
  24. package/build/components/tool-selector/index.js +1 -1
  25. package/build/components/tool-selector/index.js.map +1 -1
  26. package/build/hooks/layout.js +1 -1
  27. package/build/hooks/layout.js.map +1 -1
  28. package/build/hooks/use-zoom-out.js +1 -12
  29. package/build/hooks/use-zoom-out.js.map +1 -1
  30. package/build-module/components/background-image-control/index.js +2 -5
  31. package/build-module/components/background-image-control/index.js.map +1 -1
  32. package/build-module/components/block-settings-menu/block-settings-dropdown.js +26 -6
  33. package/build-module/components/block-settings-menu/block-settings-dropdown.js.map +1 -1
  34. package/build-module/components/iframe/index.js +9 -7
  35. package/build-module/components/iframe/index.js.map +1 -1
  36. package/build-module/components/inserter/block-patterns-explorer/index.js +6 -3
  37. package/build-module/components/inserter/block-patterns-explorer/index.js.map +1 -1
  38. package/build-module/components/inserter/block-patterns-explorer/pattern-list.js +6 -2
  39. package/build-module/components/inserter/block-patterns-explorer/pattern-list.js.map +1 -1
  40. package/build-module/components/inserter/block-patterns-tab/index.js +1 -1
  41. package/build-module/components/inserter/block-patterns-tab/index.js.map +1 -1
  42. package/build-module/components/inserter/block-patterns-tab/pattern-category-previews.js +4 -4
  43. package/build-module/components/inserter/block-patterns-tab/pattern-category-previews.js.map +1 -1
  44. package/build-module/components/inserter/block-patterns-tab/patterns-filter.js +2 -2
  45. package/build-module/components/inserter/block-patterns-tab/patterns-filter.js.map +1 -1
  46. package/build-module/components/inserter/category-tabs/index.js +1 -1
  47. package/build-module/components/inserter/category-tabs/index.js.map +1 -1
  48. package/build-module/components/keyboard-shortcuts/index.js +27 -0
  49. package/build-module/components/keyboard-shortcuts/index.js.map +1 -1
  50. package/build-module/components/media-placeholder/index.js +2 -1
  51. package/build-module/components/media-placeholder/index.js.map +1 -1
  52. package/build-module/components/tool-selector/index.js +1 -1
  53. package/build-module/components/tool-selector/index.js.map +1 -1
  54. package/build-module/hooks/layout.js +1 -1
  55. package/build-module/hooks/layout.js.map +1 -1
  56. package/build-module/hooks/use-zoom-out.js +2 -12
  57. package/build-module/hooks/use-zoom-out.js.map +1 -1
  58. package/build-style/style-rtl.css +6 -0
  59. package/build-style/style.css +6 -0
  60. package/package.json +34 -34
  61. package/src/components/background-image-control/index.js +1 -6
  62. package/src/components/block-settings-menu/block-settings-dropdown.js +26 -7
  63. package/src/components/color-palette/test/__snapshots__/control.js.snap +1 -1
  64. package/src/components/iframe/index.js +16 -13
  65. package/src/components/inserter/block-patterns-explorer/index.js +6 -4
  66. package/src/components/inserter/block-patterns-explorer/pattern-list.js +5 -1
  67. package/src/components/inserter/block-patterns-tab/index.js +1 -3
  68. package/src/components/inserter/block-patterns-tab/pattern-category-previews.js +4 -4
  69. package/src/components/inserter/block-patterns-tab/patterns-filter.js +2 -2
  70. package/src/components/inserter/category-tabs/index.js +1 -3
  71. package/src/components/inserter/style.scss +5 -0
  72. package/src/components/keyboard-shortcuts/index.js +30 -0
  73. package/src/components/media-placeholder/index.js +1 -0
  74. package/src/components/tool-selector/index.js +1 -1
  75. package/src/hooks/layout.js +1 -1
  76. package/src/hooks/use-zoom-out.js +2 -10
@@ -25,7 +25,7 @@ import {
25
25
  const getShouldDisableSyncFilter = ( sourceFilter ) =>
26
26
  sourceFilter !== 'all' && sourceFilter !== 'user';
27
27
  const getShouldHideSourcesFilter = ( category ) => {
28
- return category?.name === myPatternsCategory.name;
28
+ return category.name === myPatternsCategory.name;
29
29
  };
30
30
 
31
31
  const PATTERN_SOURCE_MENU_OPTIONS = [
@@ -60,7 +60,7 @@ export function PatternsFilter( {
60
60
  // the user may be confused when switching to another category if the haven't explicitly set
61
61
  // this filter themselves.
62
62
  const currentPatternSourceFilter =
63
- category?.name === myPatternsCategory.name
63
+ category.name === myPatternsCategory.name
64
64
  ? INSERTER_PATTERN_TYPES.user
65
65
  : patternSourceFilter;
66
66
 
@@ -65,9 +65,7 @@ function CategoryTabs( {
65
65
  key={ category.name }
66
66
  tabId={ category.name }
67
67
  aria-current={
68
- category.name === selectedCategory?.name
69
- ? 'true'
70
- : undefined
68
+ category === selectedCategory ? 'true' : undefined
71
69
  }
72
70
  >
73
71
  { category.label }
@@ -644,5 +644,10 @@ $block-inserter-tabs-height: 44px;
644
644
  }
645
645
 
646
646
  .block-editor-tabbed-sidebar__tabpanel .block-editor-inserter__help-text {
647
+ display: none;
647
648
  padding: 0 $grid-unit-30 $grid-unit-20;
649
+
650
+ @include break-mobile {
651
+ display: block;
652
+ }
648
653
  }
@@ -14,6 +14,36 @@ function KeyboardShortcutsRegister() {
14
14
  // Registering the shortcuts.
15
15
  const { registerShortcut } = useDispatch( keyboardShortcutsStore );
16
16
  useEffect( () => {
17
+ registerShortcut( {
18
+ name: 'core/block-editor/copy',
19
+ category: 'block',
20
+ description: __( 'Copy the selected block(s).' ),
21
+ keyCombination: {
22
+ modifier: 'primary',
23
+ character: 'c',
24
+ },
25
+ } );
26
+
27
+ registerShortcut( {
28
+ name: 'core/block-editor/cut',
29
+ category: 'block',
30
+ description: __( 'Cut the selected block(s).' ),
31
+ keyCombination: {
32
+ modifier: 'primary',
33
+ character: 'x',
34
+ },
35
+ } );
36
+
37
+ registerShortcut( {
38
+ name: 'core/block-editor/paste',
39
+ category: 'block',
40
+ description: __( 'Paste the selected block(s).' ),
41
+ keyCombination: {
42
+ modifier: 'primary',
43
+ character: 'v',
44
+ },
45
+ } );
46
+
17
47
  registerShortcut( {
18
48
  name: 'core/block-editor/duplicate',
19
49
  category: 'block',
@@ -227,6 +227,7 @@ export function MediaPlaceholder( {
227
227
  filesList: files,
228
228
  onFileChange: setMedia,
229
229
  onError,
230
+ multiple,
230
231
  } );
231
232
  };
232
233
 
@@ -95,7 +95,7 @@ function ToolSelector( props, ref ) {
95
95
  </NavigableMenu>
96
96
  <div className="block-editor-tool-selector__help">
97
97
  { __(
98
- 'Tools provide different sets of interactions for blocks. Toggle between simplified content tools (Write) and advanced visual editing tools (Design).'
98
+ 'Tools provide different sets of interactions for blocks. Choose between simplified content tools (Write) and advanced visual editing tools (Design).'
99
99
  ) }
100
100
  </div>
101
101
  </>
@@ -257,7 +257,7 @@ function LayoutPanelPure( {
257
257
  'Nested blocks use content width with options for full and wide widths.'
258
258
  )
259
259
  : __(
260
- 'Nested blocks will fill the width of this container. Toggle to constrain.'
260
+ 'Nested blocks will fill the width of this container.'
261
261
  )
262
262
  }
263
263
  />
@@ -2,14 +2,13 @@
2
2
  * WordPress dependencies
3
3
  */
4
4
  import { useSelect, useDispatch } from '@wordpress/data';
5
- import { useEffect, useRef, useContext } from '@wordpress/element';
5
+ import { useEffect, useRef } from '@wordpress/element';
6
6
 
7
7
  /**
8
8
  * Internal dependencies
9
9
  */
10
10
  import { store as blockEditorStore } from '../store';
11
11
  import { unlock } from '../lock-unlock';
12
- import BlockContext from '../components/block-context';
13
12
 
14
13
  /**
15
14
  * A hook used to set the editor mode to zoomed out mode, invoking the hook sets the mode.
@@ -20,7 +19,6 @@ import BlockContext from '../components/block-context';
20
19
  * @param {boolean} enabled If we should enter into zoomOut mode or not
21
20
  */
22
21
  export function useZoomOut( enabled = true ) {
23
- const { postId } = useContext( BlockContext );
24
22
  const { setZoomLevel, resetZoomLevel } = unlock(
25
23
  useDispatch( blockEditorStore )
26
24
  );
@@ -39,7 +37,6 @@ export function useZoomOut( enabled = true ) {
39
37
 
40
38
  const controlZoomLevelRef = useRef( false );
41
39
  const isEnabledRef = useRef( enabled );
42
- const postIdRef = useRef( postId );
43
40
 
44
41
  /**
45
42
  * This hook tracks if the zoom state was changed manually by the user via clicking
@@ -58,11 +55,6 @@ export function useZoomOut( enabled = true ) {
58
55
  useEffect( () => {
59
56
  isEnabledRef.current = enabled;
60
57
 
61
- // If the user created a new post/page, we should take control of the zoom level.
62
- if ( postIdRef.current !== postId ) {
63
- controlZoomLevelRef.current = true;
64
- }
65
-
66
58
  if ( enabled !== isZoomOut() ) {
67
59
  controlZoomLevelRef.current = true;
68
60
 
@@ -79,5 +71,5 @@ export function useZoomOut( enabled = true ) {
79
71
  resetZoomLevel();
80
72
  }
81
73
  };
82
- }, [ enabled, isZoomOut, postId, resetZoomLevel, setZoomLevel ] );
74
+ }, [ enabled, isZoomOut, resetZoomLevel, setZoomLevel ] );
83
75
  }