@wordpress/edit-site 6.11.0 → 6.12.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 (190) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/components/app/index.js +0 -2
  3. package/build/components/app/index.js.map +1 -1
  4. package/build/components/block-editor/use-editor-iframe-props.js +6 -8
  5. package/build/components/block-editor/use-editor-iframe-props.js.map +1 -1
  6. package/build/components/editor/index.js +9 -4
  7. package/build/components/editor/index.js.map +1 -1
  8. package/build/components/editor/use-editor-title.js +29 -12
  9. package/build/components/editor/use-editor-title.js.map +1 -1
  10. package/build/components/global-styles/screen-revisions/revisions-buttons.js +24 -22
  11. package/build/components/global-styles/screen-revisions/revisions-buttons.js.map +1 -1
  12. package/build/components/global-styles/shadows-edit-panel.js +2 -3
  13. package/build/components/global-styles/shadows-edit-panel.js.map +1 -1
  14. package/build/components/global-styles/ui.js +42 -2
  15. package/build/components/global-styles/ui.js.map +1 -1
  16. package/build/components/global-styles-renderer/index.js +6 -8
  17. package/build/components/global-styles-renderer/index.js.map +1 -1
  18. package/build/components/layout/hooks.js +1 -10
  19. package/build/components/layout/hooks.js.map +1 -1
  20. package/build/components/layout/index.js +1 -0
  21. package/build/components/layout/index.js.map +1 -1
  22. package/build/components/page-patterns/fields.js +3 -7
  23. package/build/components/page-patterns/fields.js.map +1 -1
  24. package/build/components/page-templates/fields.js +1 -2
  25. package/build/components/page-templates/fields.js.map +1 -1
  26. package/build/components/post-edit/index.js +14 -8
  27. package/build/components/post-edit/index.js.map +1 -1
  28. package/build/components/post-fields/index.js +3 -197
  29. package/build/components/post-fields/index.js.map +1 -1
  30. package/build/components/post-list/index.js +11 -1
  31. package/build/components/post-list/index.js.map +1 -1
  32. package/build/components/sidebar/index.js +11 -3
  33. package/build/components/sidebar/index.js.map +1 -1
  34. package/build/components/sidebar-global-styles-wrapper/index.js +129 -0
  35. package/build/components/sidebar-global-styles-wrapper/index.js.map +1 -0
  36. package/build/components/sidebar-navigation-screen-global-styles/index.js +14 -72
  37. package/build/components/sidebar-navigation-screen-global-styles/index.js.map +1 -1
  38. package/build/components/sidebar-navigation-screen-main/index.js +43 -42
  39. package/build/components/sidebar-navigation-screen-main/index.js.map +1 -1
  40. package/build/components/site-editor-routes/styles-edit.js +6 -1
  41. package/build/components/site-editor-routes/styles-edit.js.map +1 -1
  42. package/build/components/site-editor-routes/styles-view.js +8 -2
  43. package/build/components/site-editor-routes/styles-view.js.map +1 -1
  44. package/build/components/site-hub/index.js +19 -6
  45. package/build/components/site-hub/index.js.map +1 -1
  46. package/build/components/style-book/constants.js +10 -3
  47. package/build/components/style-book/constants.js.map +1 -1
  48. package/build/components/style-book/examples.js +71 -1
  49. package/build/components/style-book/examples.js.map +1 -1
  50. package/build/components/style-book/index.js +70 -11
  51. package/build/components/style-book/index.js.map +1 -1
  52. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js +32 -32
  53. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
  54. package/build/components/welcome-guide/index.js +4 -2
  55. package/build/components/welcome-guide/index.js.map +1 -1
  56. package/build/components/welcome-guide/page.js +1 -9
  57. package/build/components/welcome-guide/page.js.map +1 -1
  58. package/build/components/welcome-guide/template.js +1 -12
  59. package/build/components/welcome-guide/template.js.map +1 -1
  60. package/build/hooks/commands/use-common-commands.js +15 -15
  61. package/build/hooks/commands/use-common-commands.js.map +1 -1
  62. package/build/index.js +1 -0
  63. package/build/index.js.map +1 -1
  64. package/build/posts.js +1 -0
  65. package/build/posts.js.map +1 -1
  66. package/build-module/components/app/index.js +0 -2
  67. package/build-module/components/app/index.js.map +1 -1
  68. package/build-module/components/block-editor/use-editor-iframe-props.js +6 -8
  69. package/build-module/components/block-editor/use-editor-iframe-props.js.map +1 -1
  70. package/build-module/components/editor/index.js +9 -4
  71. package/build-module/components/editor/index.js.map +1 -1
  72. package/build-module/components/editor/use-editor-title.js +29 -12
  73. package/build-module/components/editor/use-editor-title.js.map +1 -1
  74. package/build-module/components/global-styles/screen-revisions/revisions-buttons.js +25 -23
  75. package/build-module/components/global-styles/screen-revisions/revisions-buttons.js.map +1 -1
  76. package/build-module/components/global-styles/shadows-edit-panel.js +2 -3
  77. package/build-module/components/global-styles/shadows-edit-panel.js.map +1 -1
  78. package/build-module/components/global-styles/ui.js +43 -3
  79. package/build-module/components/global-styles/ui.js.map +1 -1
  80. package/build-module/components/global-styles-renderer/index.js +6 -8
  81. package/build-module/components/global-styles-renderer/index.js.map +1 -1
  82. package/build-module/components/layout/hooks.js +1 -9
  83. package/build-module/components/layout/hooks.js.map +1 -1
  84. package/build-module/components/layout/index.js +1 -0
  85. package/build-module/components/layout/index.js.map +1 -1
  86. package/build-module/components/page-patterns/fields.js +4 -8
  87. package/build-module/components/page-patterns/fields.js.map +1 -1
  88. package/build-module/components/page-templates/fields.js +1 -2
  89. package/build-module/components/page-templates/fields.js.map +1 -1
  90. package/build-module/components/post-edit/index.js +14 -8
  91. package/build-module/components/post-edit/index.js.map +1 -1
  92. package/build-module/components/post-fields/index.js +7 -202
  93. package/build-module/components/post-fields/index.js.map +1 -1
  94. package/build-module/components/post-list/index.js +11 -1
  95. package/build-module/components/post-list/index.js.map +1 -1
  96. package/build-module/components/sidebar/index.js +11 -3
  97. package/build-module/components/sidebar/index.js.map +1 -1
  98. package/build-module/components/sidebar-global-styles-wrapper/index.js +121 -0
  99. package/build-module/components/sidebar-global-styles-wrapper/index.js.map +1 -0
  100. package/build-module/components/sidebar-navigation-screen-global-styles/index.js +15 -73
  101. package/build-module/components/sidebar-navigation-screen-global-styles/index.js.map +1 -1
  102. package/build-module/components/sidebar-navigation-screen-main/index.js +43 -43
  103. package/build-module/components/sidebar-navigation-screen-main/index.js.map +1 -1
  104. package/build-module/components/site-editor-routes/styles-edit.js +6 -1
  105. package/build-module/components/site-editor-routes/styles-edit.js.map +1 -1
  106. package/build-module/components/site-editor-routes/styles-view.js +8 -2
  107. package/build-module/components/site-editor-routes/styles-view.js.map +1 -1
  108. package/build-module/components/site-hub/index.js +19 -6
  109. package/build-module/components/site-hub/index.js.map +1 -1
  110. package/build-module/components/style-book/constants.js +10 -3
  111. package/build-module/components/style-book/constants.js.map +1 -1
  112. package/build-module/components/style-book/examples.js +71 -1
  113. package/build-module/components/style-book/examples.js.map +1 -1
  114. package/build-module/components/style-book/index.js +71 -12
  115. package/build-module/components/style-book/index.js.map +1 -1
  116. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js +32 -32
  117. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
  118. package/build-module/components/welcome-guide/index.js +4 -2
  119. package/build-module/components/welcome-guide/index.js.map +1 -1
  120. package/build-module/components/welcome-guide/page.js +1 -9
  121. package/build-module/components/welcome-guide/page.js.map +1 -1
  122. package/build-module/components/welcome-guide/template.js +1 -11
  123. package/build-module/components/welcome-guide/template.js.map +1 -1
  124. package/build-module/hooks/commands/use-common-commands.js +15 -15
  125. package/build-module/hooks/commands/use-common-commands.js.map +1 -1
  126. package/build-module/index.js +1 -0
  127. package/build-module/index.js.map +1 -1
  128. package/build-module/posts.js +1 -0
  129. package/build-module/posts.js.map +1 -1
  130. package/build-style/posts-rtl.css +54 -5
  131. package/build-style/posts.css +54 -5
  132. package/build-style/style-rtl.css +109 -28
  133. package/build-style/style.css +109 -28
  134. package/package.json +3 -4
  135. package/src/components/app/index.js +0 -2
  136. package/src/components/block-editor/use-editor-iframe-props.js +2 -3
  137. package/src/components/editor/index.js +16 -4
  138. package/src/components/editor/use-editor-title.js +37 -13
  139. package/src/components/editor-canvas-container/style.scss +0 -1
  140. package/src/components/global-styles/screen-revisions/revisions-buttons.js +28 -31
  141. package/src/components/global-styles/screen-revisions/style.scss +11 -17
  142. package/src/components/global-styles/shadows-edit-panel.js +4 -2
  143. package/src/components/global-styles/ui.js +42 -2
  144. package/src/components/global-styles-renderer/index.js +4 -10
  145. package/src/components/layout/hooks.js +1 -7
  146. package/src/components/layout/index.js +6 -1
  147. package/src/components/page-patterns/fields.js +6 -12
  148. package/src/components/page-patterns/style.scss +0 -5
  149. package/src/components/page-templates/fields.js +2 -3
  150. package/src/components/post-edit/index.js +38 -30
  151. package/src/components/post-edit/style.scss +7 -0
  152. package/src/components/post-fields/index.js +19 -273
  153. package/src/components/post-list/index.js +9 -3
  154. package/src/components/post-list/style.scss +29 -3
  155. package/src/components/sidebar/index.js +23 -7
  156. package/src/components/sidebar-global-styles-wrapper/index.js +150 -0
  157. package/src/components/sidebar-global-styles-wrapper/style.scss +35 -0
  158. package/src/components/sidebar-navigation-item/style.scss +2 -2
  159. package/src/components/sidebar-navigation-screen-global-styles/index.js +13 -88
  160. package/src/components/sidebar-navigation-screen-main/index.js +46 -45
  161. package/src/components/site-editor-routes/styles-edit.js +10 -1
  162. package/src/components/site-editor-routes/styles-view.js +11 -1
  163. package/src/components/site-hub/index.js +33 -16
  164. package/src/components/site-icon/style.scss +16 -0
  165. package/src/components/style-book/constants.ts +11 -3
  166. package/src/components/style-book/examples.tsx +105 -1
  167. package/src/components/style-book/index.js +86 -8
  168. package/src/components/sync-state-with-url/use-init-edited-entity-from-url.js +54 -64
  169. package/src/components/welcome-guide/index.js +3 -3
  170. package/src/components/welcome-guide/page.js +1 -7
  171. package/src/components/welcome-guide/template.js +1 -8
  172. package/src/hooks/commands/use-common-commands.js +253 -246
  173. package/src/index.js +1 -0
  174. package/src/posts.js +1 -0
  175. package/src/style.scss +2 -3
  176. package/build/components/async/index.js +0 -51
  177. package/build/components/async/index.js.map +0 -1
  178. package/build/components/use-edited-entity-record/index.js +0 -60
  179. package/build/components/use-edited-entity-record/index.js.map +0 -1
  180. package/build/hooks/commands/use-edit-mode-commands.js +0 -179
  181. package/build/hooks/commands/use-edit-mode-commands.js.map +0 -1
  182. package/build-module/components/async/index.js +0 -44
  183. package/build-module/components/async/index.js.map +0 -1
  184. package/build-module/components/use-edited-entity-record/index.js +0 -53
  185. package/build-module/components/use-edited-entity-record/index.js.map +0 -1
  186. package/build-module/hooks/commands/use-edit-mode-commands.js +0 -171
  187. package/build-module/hooks/commands/use-edit-mode-commands.js.map +0 -1
  188. package/src/components/async/index.js +0 -43
  189. package/src/components/use-edited-entity-record/index.js +0 -58
  190. package/src/hooks/commands/use-edit-mode-commands.js +0 -168
@@ -1,58 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { useSelect } from '@wordpress/data';
5
- import { store as coreStore } from '@wordpress/core-data';
6
- import { store as editorStore } from '@wordpress/editor';
7
- import { decodeEntities } from '@wordpress/html-entities';
8
-
9
- /**
10
- * Internal dependencies
11
- */
12
- import { store as editSiteStore } from '../../store';
13
-
14
- export default function useEditedEntityRecord( postType, postId ) {
15
- const { record, title, description, isLoaded, icon } = useSelect(
16
- ( select ) => {
17
- const { getEditedPostType, getEditedPostId } =
18
- select( editSiteStore );
19
- const { getEditedEntityRecord, hasFinishedResolution } =
20
- select( coreStore );
21
- const { __experimentalGetTemplateInfo: getTemplateInfo } =
22
- select( editorStore );
23
- const usedPostType = postType ?? getEditedPostType();
24
- const usedPostId = postId ?? getEditedPostId();
25
- const _record = getEditedEntityRecord(
26
- 'postType',
27
- usedPostType,
28
- usedPostId
29
- );
30
- const _isLoaded =
31
- usedPostId &&
32
- hasFinishedResolution( 'getEditedEntityRecord', [
33
- 'postType',
34
- usedPostType,
35
- usedPostId,
36
- ] );
37
- const templateInfo = getTemplateInfo( _record );
38
-
39
- return {
40
- record: _record,
41
- title: templateInfo.title,
42
- description: templateInfo.description,
43
- isLoaded: _isLoaded,
44
- icon: templateInfo.icon,
45
- };
46
- },
47
- [ postType, postId ]
48
- );
49
-
50
- return {
51
- isLoaded,
52
- icon,
53
- record,
54
- getTitle: () => ( title ? decodeEntities( title ) : null ),
55
- getDescription: () =>
56
- description ? decodeEntities( description ) : null,
57
- };
58
- }
@@ -1,168 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { useSelect, useDispatch } from '@wordpress/data';
5
- import { __, sprintf, isRTL } from '@wordpress/i18n';
6
- import { trash, rotateLeft, rotateRight, layout, page } from '@wordpress/icons';
7
- import { useCommandLoader } from '@wordpress/commands';
8
- import { decodeEntities } from '@wordpress/html-entities';
9
- import { privateApis as routerPrivateApis } from '@wordpress/router';
10
- import { store as editorStore } from '@wordpress/editor';
11
-
12
- /**
13
- * Internal dependencies
14
- */
15
- import { store as editSiteStore } from '../../store';
16
- import useEditedEntityRecord from '../../components/use-edited-entity-record';
17
- import isTemplateRemovable from '../../utils/is-template-removable';
18
- import isTemplateRevertable from '../../utils/is-template-revertable';
19
- import { unlock } from '../../lock-unlock';
20
- import { TEMPLATE_POST_TYPE } from '../../utils/constants';
21
- import { useLink } from '../../components/routes/link';
22
-
23
- const { useHistory, useLocation } = unlock( routerPrivateApis );
24
-
25
- function usePageContentFocusCommands() {
26
- const { record: template } = useEditedEntityRecord();
27
- const { params } = useLocation();
28
- const { canvas = 'view' } = params;
29
- const { isPage, templateId, currentPostType } = useSelect( ( select ) => {
30
- const { isPage: _isPage } = unlock( select( editSiteStore ) );
31
- const { getCurrentPostType, getCurrentTemplateId } =
32
- select( editorStore );
33
- return {
34
- isPage: _isPage(),
35
- templateId: getCurrentTemplateId(),
36
- currentPostType: getCurrentPostType(),
37
- };
38
- }, [] );
39
-
40
- const { onClick: editTemplate } = useLink( {
41
- postType: 'wp_template',
42
- postId: templateId,
43
- } );
44
-
45
- const { setRenderingMode } = useDispatch( editorStore );
46
-
47
- if ( ! isPage || canvas !== 'edit' ) {
48
- return { isLoading: false, commands: [] };
49
- }
50
-
51
- const commands = [];
52
-
53
- if ( currentPostType !== 'wp_template' ) {
54
- commands.push( {
55
- name: 'core/switch-to-template-focus',
56
- label: sprintf(
57
- /* translators: %s: template title */
58
- __( 'Edit template: %s' ),
59
- decodeEntities( template.title )
60
- ),
61
- icon: layout,
62
- callback: ( { close } ) => {
63
- editTemplate();
64
- close();
65
- },
66
- } );
67
- } else {
68
- commands.push( {
69
- name: 'core/switch-to-page-focus',
70
- label: __( 'Back to page' ),
71
- icon: page,
72
- callback: ( { close } ) => {
73
- setRenderingMode( 'template-locked' );
74
- close();
75
- },
76
- } );
77
- }
78
-
79
- return { isLoading: false, commands };
80
- }
81
-
82
- function useManipulateDocumentCommands() {
83
- const { isLoaded, record: template } = useEditedEntityRecord();
84
- const { removeTemplate, revertTemplate } = useDispatch( editSiteStore );
85
- const history = useHistory();
86
- const isEditingPage = useSelect(
87
- ( select ) =>
88
- select( editSiteStore ).isPage() &&
89
- select( editorStore ).getCurrentPostType() !== 'wp_template',
90
- []
91
- );
92
-
93
- if ( ! isLoaded ) {
94
- return { isLoading: true, commands: [] };
95
- }
96
-
97
- const commands = [];
98
-
99
- if ( isTemplateRevertable( template ) && ! isEditingPage ) {
100
- const label =
101
- template.type === TEMPLATE_POST_TYPE
102
- ? sprintf(
103
- /* translators: %s: template title */
104
- __( 'Reset template: %s' ),
105
- decodeEntities( template.title )
106
- )
107
- : sprintf(
108
- /* translators: %s: template part title */
109
- __( 'Reset template part: %s' ),
110
- decodeEntities( template.title )
111
- );
112
- commands.push( {
113
- name: 'core/reset-template',
114
- label,
115
- icon: isRTL() ? rotateRight : rotateLeft,
116
- callback: ( { close } ) => {
117
- revertTemplate( template );
118
- close();
119
- },
120
- } );
121
- }
122
-
123
- if ( isTemplateRemovable( template ) && ! isEditingPage ) {
124
- const label =
125
- template.type === TEMPLATE_POST_TYPE
126
- ? sprintf(
127
- /* translators: %s: template title */
128
- __( 'Delete template: %s' ),
129
- decodeEntities( template.title )
130
- )
131
- : sprintf(
132
- /* translators: %s: template part title */
133
- __( 'Delete template part: %s' ),
134
- decodeEntities( template.title )
135
- );
136
- commands.push( {
137
- name: 'core/remove-template',
138
- label,
139
- icon: trash,
140
- callback: ( { close } ) => {
141
- removeTemplate( template );
142
- // Navigate to the template list
143
- history.push( {
144
- postType: template.type,
145
- } );
146
- close();
147
- },
148
- } );
149
- }
150
-
151
- return {
152
- isLoading: ! isLoaded,
153
- commands,
154
- };
155
- }
156
-
157
- export function useEditModeCommands() {
158
- useCommandLoader( {
159
- name: 'core/edit-site/page-content-focus',
160
- hook: usePageContentFocusCommands,
161
- context: 'entity-edit',
162
- } );
163
-
164
- useCommandLoader( {
165
- name: 'core/edit-site/manipulate-document',
166
- hook: useManipulateDocumentCommands,
167
- } );
168
- }