@wordpress/edit-site 5.22.0 → 5.24.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (524) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/build/components/actions/index.js +115 -15
  3. package/build/components/actions/index.js.map +1 -1
  4. package/build/components/add-new-template/new-template.js +0 -7
  5. package/build/components/add-new-template/new-template.js.map +1 -1
  6. package/build/components/block-editor/site-editor-canvas.js +7 -2
  7. package/build/components/block-editor/site-editor-canvas.js.map +1 -1
  8. package/build/components/block-editor/use-site-editor-settings.js +54 -63
  9. package/build/components/block-editor/use-site-editor-settings.js.map +1 -1
  10. package/build/components/dataviews/add-filter.js +91 -0
  11. package/build/components/dataviews/add-filter.js.map +1 -0
  12. package/build/components/dataviews/constants.js +14 -0
  13. package/build/components/dataviews/constants.js.map +1 -0
  14. package/build/components/dataviews/dataviews.js +30 -9
  15. package/build/components/dataviews/dataviews.js.map +1 -1
  16. package/build/components/dataviews/filter-summary.js +62 -0
  17. package/build/components/dataviews/filter-summary.js.map +1 -0
  18. package/build/components/dataviews/filters.js +37 -48
  19. package/build/components/dataviews/filters.js.map +1 -1
  20. package/build/components/dataviews/index.js +9 -2
  21. package/build/components/dataviews/index.js.map +1 -1
  22. package/build/components/dataviews/item-actions.js +139 -17
  23. package/build/components/dataviews/item-actions.js.map +1 -1
  24. package/build/components/dataviews/pagination.js +7 -2
  25. package/build/components/dataviews/pagination.js.map +1 -1
  26. package/build/components/dataviews/reset-filters.js +33 -0
  27. package/build/components/dataviews/reset-filters.js.map +1 -0
  28. package/build/components/dataviews/search.js +1 -0
  29. package/build/components/dataviews/search.js.map +1 -1
  30. package/build/components/dataviews/view-actions.js +49 -32
  31. package/build/components/dataviews/view-actions.js.map +1 -1
  32. package/build/components/dataviews/view-grid.js +48 -25
  33. package/build/components/dataviews/view-grid.js.map +1 -1
  34. package/build/components/dataviews/view-list.js +130 -14
  35. package/build/components/dataviews/view-list.js.map +1 -1
  36. package/build/components/dataviews/view-side-by-side.js +20 -0
  37. package/build/components/dataviews/view-side-by-side.js.map +1 -0
  38. package/build/components/editor/index.js +52 -56
  39. package/build/components/editor/index.js.map +1 -1
  40. package/build/components/global-styles/font-library-modal/utils/get-intersecting-font-faces.js +1 -1
  41. package/build/components/global-styles/font-library-modal/utils/get-intersecting-font-faces.js.map +1 -1
  42. package/build/components/global-styles/font-library-modal/utils/index.js +15 -2
  43. package/build/components/global-styles/font-library-modal/utils/index.js.map +1 -1
  44. package/build/components/global-styles/header.js +4 -2
  45. package/build/components/global-styles/header.js.map +1 -1
  46. package/build/components/global-styles/screen-block-list.js +22 -16
  47. package/build/components/global-styles/screen-block-list.js.map +1 -1
  48. package/build/components/global-styles/screen-revisions/index.js +66 -24
  49. package/build/components/global-styles/screen-revisions/index.js.map +1 -1
  50. package/build/components/global-styles/screen-revisions/revisions-buttons.js +52 -24
  51. package/build/components/global-styles/screen-revisions/revisions-buttons.js.map +1 -1
  52. package/build/components/global-styles/screen-revisions/use-global-styles-revisions.js +9 -3
  53. package/build/components/global-styles/screen-revisions/use-global-styles-revisions.js.map +1 -1
  54. package/build/components/global-styles/screen-root.js +3 -3
  55. package/build/components/global-styles/screen-root.js.map +1 -1
  56. package/build/components/global-styles/ui.js +31 -39
  57. package/build/components/global-styles/ui.js.map +1 -1
  58. package/build/components/global-styles-renderer/index.js +1 -1
  59. package/build/components/global-styles-renderer/index.js.map +1 -1
  60. package/build/components/header-edit-mode/document-actions/index.js +21 -16
  61. package/build/components/header-edit-mode/document-actions/index.js.map +1 -1
  62. package/build/components/header-edit-mode/document-tools/index.js +160 -0
  63. package/build/components/header-edit-mode/document-tools/index.js.map +1 -0
  64. package/build/components/header-edit-mode/index.js +50 -117
  65. package/build/components/header-edit-mode/index.js.map +1 -1
  66. package/build/components/header-edit-mode/more-menu/index.js +1 -1
  67. package/build/components/header-edit-mode/more-menu/index.js.map +1 -1
  68. package/build/components/header-edit-mode/more-menu/site-export.js +2 -6
  69. package/build/components/header-edit-mode/more-menu/site-export.js.map +1 -1
  70. package/build/components/layout/index.js +4 -19
  71. package/build/components/layout/index.js.map +1 -1
  72. package/build/components/list/added-by.js +44 -54
  73. package/build/components/list/added-by.js.map +1 -1
  74. package/build/components/{page-content-focus-manager → page-content-focus-notifications}/back-to-page-notification.js +11 -15
  75. package/build/components/page-content-focus-notifications/back-to-page-notification.js.map +1 -0
  76. package/build/components/{page-content-focus-manager → page-content-focus-notifications}/edit-template-notification.js +9 -13
  77. package/build/components/page-content-focus-notifications/edit-template-notification.js.map +1 -0
  78. package/build/components/page-content-focus-notifications/index.js +22 -0
  79. package/build/components/page-content-focus-notifications/index.js.map +1 -0
  80. package/build/components/page-main/index.js +2 -1
  81. package/build/components/page-main/index.js.map +1 -1
  82. package/build/components/page-pages/index.js +137 -88
  83. package/build/components/page-pages/index.js.map +1 -1
  84. package/build/components/page-pages/side-editor.js +25 -0
  85. package/build/components/page-pages/side-editor.js.map +1 -0
  86. package/build/components/page-patterns/grid-item.js +2 -2
  87. package/build/components/page-patterns/grid-item.js.map +1 -1
  88. package/build/components/page-patterns/patterns-list.js +3 -3
  89. package/build/components/page-patterns/patterns-list.js.map +1 -1
  90. package/build/components/page-patterns/use-patterns.js +2 -2
  91. package/build/components/page-patterns/use-patterns.js.map +1 -1
  92. package/build/components/page-templates/dataviews-templates.js +316 -0
  93. package/build/components/page-templates/dataviews-templates.js.map +1 -0
  94. package/build/components/page-templates/template-actions.js +168 -0
  95. package/build/components/page-templates/template-actions.js.map +1 -0
  96. package/build/components/preferences-modal/index.js +1 -1
  97. package/build/components/preferences-modal/index.js.map +1 -1
  98. package/build/components/save-button/index.js +9 -6
  99. package/build/components/save-button/index.js.map +1 -1
  100. package/build/components/save-hub/index.js +14 -0
  101. package/build/components/save-hub/index.js.map +1 -1
  102. package/build/components/sidebar/index.js +1 -2
  103. package/build/components/sidebar/index.js.map +1 -1
  104. package/build/components/sidebar-dataviews/add-new-view.js +124 -0
  105. package/build/components/sidebar-dataviews/add-new-view.js.map +1 -0
  106. package/build/components/sidebar-dataviews/custom-dataviews-list.js +191 -0
  107. package/build/components/sidebar-dataviews/custom-dataviews-list.js.map +1 -0
  108. package/build/components/sidebar-dataviews/dataview-item.js +71 -0
  109. package/build/components/sidebar-dataviews/dataview-item.js.map +1 -0
  110. package/build/components/sidebar-dataviews/default-views.js +65 -0
  111. package/build/components/sidebar-dataviews/default-views.js.map +1 -0
  112. package/build/components/sidebar-dataviews/index.js +21 -38
  113. package/build/components/sidebar-dataviews/index.js.map +1 -1
  114. package/build/components/sidebar-edit-mode/default-sidebar.js +2 -6
  115. package/build/components/sidebar-edit-mode/default-sidebar.js.map +1 -1
  116. package/build/components/sidebar-edit-mode/index.js +6 -5
  117. package/build/components/sidebar-edit-mode/index.js.map +1 -1
  118. package/build/components/sidebar-edit-mode/page-panels/edit-template.js +18 -29
  119. package/build/components/sidebar-edit-mode/page-panels/edit-template.js.map +1 -1
  120. package/build/components/sidebar-edit-mode/page-panels/hooks.js +22 -8
  121. package/build/components/sidebar-edit-mode/page-panels/hooks.js.map +1 -1
  122. package/build/components/sidebar-edit-mode/page-panels/page-status.js +8 -5
  123. package/build/components/sidebar-edit-mode/page-panels/page-status.js.map +1 -1
  124. package/build/components/sidebar-edit-mode/page-panels/page-summary.js +5 -8
  125. package/build/components/sidebar-edit-mode/page-panels/page-summary.js.map +1 -1
  126. package/build/components/sidebar-edit-mode/page-panels/reset-default-template.js +6 -14
  127. package/build/components/sidebar-edit-mode/page-panels/reset-default-template.js.map +1 -1
  128. package/build/components/sidebar-edit-mode/page-panels/swap-template-button.js +4 -12
  129. package/build/components/sidebar-edit-mode/page-panels/swap-template-button.js.map +1 -1
  130. package/build/components/sidebar-edit-mode/plugin-sidebar/index.js +2 -6
  131. package/build/components/sidebar-edit-mode/plugin-sidebar/index.js.map +1 -1
  132. package/build/components/sidebar-edit-mode/settings-header/index.js +10 -6
  133. package/build/components/sidebar-edit-mode/settings-header/index.js.map +1 -1
  134. package/build/components/sidebar-edit-mode/template-panel/hooks.js +3 -3
  135. package/build/components/sidebar-edit-mode/template-panel/hooks.js.map +1 -1
  136. package/build/components/sidebar-navigation-screen-global-styles/index.js +1 -1
  137. package/build/components/sidebar-navigation-screen-global-styles/index.js.map +1 -1
  138. package/build/components/sidebar-navigation-screen-navigation-menu/navigation-menu-editor.js +1 -1
  139. package/build/components/sidebar-navigation-screen-navigation-menu/navigation-menu-editor.js.map +1 -1
  140. package/build/components/sidebar-navigation-screen-page/index.js +23 -4
  141. package/build/components/sidebar-navigation-screen-page/index.js.map +1 -1
  142. package/build/components/sidebar-navigation-screen-page/page-details.js +3 -11
  143. package/build/components/sidebar-navigation-screen-page/page-details.js.map +1 -1
  144. package/build/components/sidebar-navigation-screen-patterns/use-theme-patterns.js +1 -1
  145. package/build/components/sidebar-navigation-screen-patterns/use-theme-patterns.js.map +1 -1
  146. package/build/components/site-hub/index.js +18 -6
  147. package/build/components/site-hub/index.js.map +1 -1
  148. package/build/components/start-template-options/index.js +12 -16
  149. package/build/components/start-template-options/index.js.map +1 -1
  150. package/build/components/style-book/index.js +22 -12
  151. package/build/components/style-book/index.js.map +1 -1
  152. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js +150 -55
  153. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
  154. package/build/components/template-part-converter/convert-to-regular.js +1 -1
  155. package/build/components/template-part-converter/convert-to-regular.js.map +1 -1
  156. package/build/components/welcome-guide/page.js +2 -2
  157. package/build/components/welcome-guide/page.js.map +1 -1
  158. package/build/components/welcome-guide/template.js +6 -3
  159. package/build/components/welcome-guide/template.js.map +1 -1
  160. package/build/hooks/commands/use-edit-mode-commands.js +24 -14
  161. package/build/hooks/commands/use-edit-mode-commands.js.map +1 -1
  162. package/build/hooks/push-changes-to-global-styles/index.js +3 -1
  163. package/build/hooks/push-changes-to-global-styles/index.js.map +1 -1
  164. package/build/hooks/template-part-edit.js +6 -2
  165. package/build/hooks/template-part-edit.js.map +1 -1
  166. package/build/index.js +0 -3
  167. package/build/index.js.map +1 -1
  168. package/build/store/actions.js +39 -83
  169. package/build/store/actions.js.map +1 -1
  170. package/build/store/private-actions.js +2 -27
  171. package/build/store/private-actions.js.map +1 -1
  172. package/build/store/private-selectors.js +0 -23
  173. package/build/store/private-selectors.js.map +1 -1
  174. package/build/store/reducer.js +1 -40
  175. package/build/store/reducer.js.map +1 -1
  176. package/build/store/selectors.js +33 -67
  177. package/build/store/selectors.js.map +1 -1
  178. package/build/utils/constants.js +3 -14
  179. package/build/utils/constants.js.map +1 -1
  180. package/build-module/components/actions/index.js +113 -14
  181. package/build-module/components/actions/index.js.map +1 -1
  182. package/build-module/components/add-new-template/new-template.js +0 -7
  183. package/build-module/components/add-new-template/new-template.js.map +1 -1
  184. package/build-module/components/block-editor/site-editor-canvas.js +7 -2
  185. package/build-module/components/block-editor/site-editor-canvas.js.map +1 -1
  186. package/build-module/components/block-editor/use-site-editor-settings.js +54 -62
  187. package/build-module/components/block-editor/use-site-editor-settings.js.map +1 -1
  188. package/build-module/components/dataviews/add-filter.js +84 -0
  189. package/build-module/components/dataviews/add-filter.js.map +1 -0
  190. package/build-module/components/dataviews/constants.js +6 -0
  191. package/build-module/components/dataviews/constants.js.map +1 -0
  192. package/build-module/components/dataviews/dataviews.js +29 -9
  193. package/build-module/components/dataviews/dataviews.js.map +1 -1
  194. package/build-module/components/dataviews/filter-summary.js +55 -0
  195. package/build-module/components/dataviews/filter-summary.js.map +1 -0
  196. package/build-module/components/dataviews/filters.js +37 -48
  197. package/build-module/components/dataviews/filters.js.map +1 -1
  198. package/build-module/components/dataviews/index.js +1 -1
  199. package/build-module/components/dataviews/index.js.map +1 -1
  200. package/build-module/components/dataviews/item-actions.js +142 -20
  201. package/build-module/components/dataviews/item-actions.js.map +1 -1
  202. package/build-module/components/dataviews/pagination.js +7 -2
  203. package/build-module/components/dataviews/pagination.js.map +1 -1
  204. package/build-module/components/dataviews/reset-filters.js +26 -0
  205. package/build-module/components/dataviews/reset-filters.js.map +1 -0
  206. package/build-module/components/dataviews/search.js +1 -0
  207. package/build-module/components/dataviews/search.js.map +1 -1
  208. package/build-module/components/dataviews/view-actions.js +50 -33
  209. package/build-module/components/dataviews/view-actions.js.map +1 -1
  210. package/build-module/components/dataviews/view-grid.js +49 -26
  211. package/build-module/components/dataviews/view-grid.js.map +1 -1
  212. package/build-module/components/dataviews/view-list.js +132 -16
  213. package/build-module/components/dataviews/view-list.js.map +1 -1
  214. package/build-module/components/dataviews/view-side-by-side.js +12 -0
  215. package/build-module/components/dataviews/view-side-by-side.js.map +1 -0
  216. package/build-module/components/editor/index.js +55 -59
  217. package/build-module/components/editor/index.js.map +1 -1
  218. package/build-module/components/global-styles/font-library-modal/utils/get-intersecting-font-faces.js +1 -1
  219. package/build-module/components/global-styles/font-library-modal/utils/get-intersecting-font-faces.js.map +1 -1
  220. package/build-module/components/global-styles/font-library-modal/utils/index.js +14 -2
  221. package/build-module/components/global-styles/font-library-modal/utils/index.js.map +1 -1
  222. package/build-module/components/global-styles/header.js +4 -2
  223. package/build-module/components/global-styles/header.js.map +1 -1
  224. package/build-module/components/global-styles/screen-block-list.js +23 -17
  225. package/build-module/components/global-styles/screen-block-list.js.map +1 -1
  226. package/build-module/components/global-styles/screen-revisions/index.js +67 -25
  227. package/build-module/components/global-styles/screen-revisions/index.js.map +1 -1
  228. package/build-module/components/global-styles/screen-revisions/revisions-buttons.js +51 -24
  229. package/build-module/components/global-styles/screen-revisions/revisions-buttons.js.map +1 -1
  230. package/build-module/components/global-styles/screen-revisions/use-global-styles-revisions.js +9 -3
  231. package/build-module/components/global-styles/screen-revisions/use-global-styles-revisions.js.map +1 -1
  232. package/build-module/components/global-styles/screen-root.js +3 -3
  233. package/build-module/components/global-styles/screen-root.js.map +1 -1
  234. package/build-module/components/global-styles/ui.js +31 -39
  235. package/build-module/components/global-styles/ui.js.map +1 -1
  236. package/build-module/components/global-styles-renderer/index.js +1 -1
  237. package/build-module/components/global-styles-renderer/index.js.map +1 -1
  238. package/build-module/components/header-edit-mode/document-actions/index.js +21 -16
  239. package/build-module/components/header-edit-mode/document-actions/index.js.map +1 -1
  240. package/build-module/components/header-edit-mode/document-tools/index.js +152 -0
  241. package/build-module/components/header-edit-mode/document-tools/index.js.map +1 -0
  242. package/build-module/components/header-edit-mode/index.js +54 -121
  243. package/build-module/components/header-edit-mode/index.js.map +1 -1
  244. package/build-module/components/header-edit-mode/more-menu/index.js +1 -1
  245. package/build-module/components/header-edit-mode/more-menu/index.js.map +1 -1
  246. package/build-module/components/header-edit-mode/more-menu/site-export.js +2 -6
  247. package/build-module/components/header-edit-mode/more-menu/site-export.js.map +1 -1
  248. package/build-module/components/layout/index.js +5 -20
  249. package/build-module/components/layout/index.js.map +1 -1
  250. package/build-module/components/list/added-by.js +45 -56
  251. package/build-module/components/list/added-by.js.map +1 -1
  252. package/build-module/components/{page-content-focus-manager → page-content-focus-notifications}/back-to-page-notification.js +11 -15
  253. package/build-module/components/page-content-focus-notifications/back-to-page-notification.js.map +1 -0
  254. package/build-module/components/{page-content-focus-manager → page-content-focus-notifications}/edit-template-notification.js +9 -13
  255. package/build-module/components/page-content-focus-notifications/edit-template-notification.js.map +1 -0
  256. package/build-module/components/page-content-focus-notifications/index.js +14 -0
  257. package/build-module/components/page-content-focus-notifications/index.js.map +1 -0
  258. package/build-module/components/page-main/index.js +2 -1
  259. package/build-module/components/page-main/index.js.map +1 -1
  260. package/build-module/components/page-pages/index.js +141 -90
  261. package/build-module/components/page-pages/index.js.map +1 -1
  262. package/build-module/components/page-pages/side-editor.js +17 -0
  263. package/build-module/components/page-pages/side-editor.js.map +1 -0
  264. package/build-module/components/page-patterns/grid-item.js +2 -2
  265. package/build-module/components/page-patterns/grid-item.js.map +1 -1
  266. package/build-module/components/page-patterns/patterns-list.js +4 -4
  267. package/build-module/components/page-patterns/patterns-list.js.map +1 -1
  268. package/build-module/components/page-patterns/use-patterns.js +3 -3
  269. package/build-module/components/page-patterns/use-patterns.js.map +1 -1
  270. package/build-module/components/page-templates/dataviews-templates.js +308 -0
  271. package/build-module/components/page-templates/dataviews-templates.js.map +1 -0
  272. package/build-module/components/page-templates/template-actions.js +157 -0
  273. package/build-module/components/page-templates/template-actions.js.map +1 -0
  274. package/build-module/components/preferences-modal/index.js +1 -1
  275. package/build-module/components/preferences-modal/index.js.map +1 -1
  276. package/build-module/components/save-button/index.js +11 -8
  277. package/build-module/components/save-button/index.js.map +1 -1
  278. package/build-module/components/save-hub/index.js +14 -0
  279. package/build-module/components/save-hub/index.js.map +1 -1
  280. package/build-module/components/sidebar/index.js +1 -2
  281. package/build-module/components/sidebar/index.js.map +1 -1
  282. package/build-module/components/sidebar-dataviews/add-new-view.js +116 -0
  283. package/build-module/components/sidebar-dataviews/add-new-view.js.map +1 -0
  284. package/build-module/components/sidebar-dataviews/custom-dataviews-list.js +182 -0
  285. package/build-module/components/sidebar-dataviews/custom-dataviews-list.js.map +1 -0
  286. package/build-module/components/sidebar-dataviews/dataview-item.js +63 -0
  287. package/build-module/components/sidebar-dataviews/dataview-item.js.map +1 -0
  288. package/build-module/components/sidebar-dataviews/default-views.js +57 -0
  289. package/build-module/components/sidebar-dataviews/default-views.js.map +1 -0
  290. package/build-module/components/sidebar-dataviews/index.js +22 -39
  291. package/build-module/components/sidebar-dataviews/index.js.map +1 -1
  292. package/build-module/components/sidebar-edit-mode/default-sidebar.js +2 -6
  293. package/build-module/components/sidebar-edit-mode/default-sidebar.js.map +1 -1
  294. package/build-module/components/sidebar-edit-mode/index.js +6 -5
  295. package/build-module/components/sidebar-edit-mode/index.js.map +1 -1
  296. package/build-module/components/sidebar-edit-mode/page-panels/edit-template.js +20 -31
  297. package/build-module/components/sidebar-edit-mode/page-panels/edit-template.js.map +1 -1
  298. package/build-module/components/sidebar-edit-mode/page-panels/hooks.js +21 -7
  299. package/build-module/components/sidebar-edit-mode/page-panels/hooks.js.map +1 -1
  300. package/build-module/components/sidebar-edit-mode/page-panels/page-status.js +9 -6
  301. package/build-module/components/sidebar-edit-mode/page-panels/page-status.js.map +1 -1
  302. package/build-module/components/sidebar-edit-mode/page-panels/page-summary.js +6 -8
  303. package/build-module/components/sidebar-edit-mode/page-panels/page-summary.js.map +1 -1
  304. package/build-module/components/sidebar-edit-mode/page-panels/reset-default-template.js +8 -16
  305. package/build-module/components/sidebar-edit-mode/page-panels/reset-default-template.js.map +1 -1
  306. package/build-module/components/sidebar-edit-mode/page-panels/swap-template-button.js +5 -13
  307. package/build-module/components/sidebar-edit-mode/page-panels/swap-template-button.js.map +1 -1
  308. package/build-module/components/sidebar-edit-mode/plugin-sidebar/index.js +2 -6
  309. package/build-module/components/sidebar-edit-mode/plugin-sidebar/index.js.map +1 -1
  310. package/build-module/components/sidebar-edit-mode/settings-header/index.js +10 -6
  311. package/build-module/components/sidebar-edit-mode/settings-header/index.js.map +1 -1
  312. package/build-module/components/sidebar-edit-mode/template-panel/hooks.js +4 -4
  313. package/build-module/components/sidebar-edit-mode/template-panel/hooks.js.map +1 -1
  314. package/build-module/components/sidebar-navigation-screen-global-styles/index.js +1 -1
  315. package/build-module/components/sidebar-navigation-screen-global-styles/index.js.map +1 -1
  316. package/build-module/components/sidebar-navigation-screen-navigation-menu/navigation-menu-editor.js +1 -1
  317. package/build-module/components/sidebar-navigation-screen-navigation-menu/navigation-menu-editor.js.map +1 -1
  318. package/build-module/components/sidebar-navigation-screen-page/index.js +23 -4
  319. package/build-module/components/sidebar-navigation-screen-page/index.js.map +1 -1
  320. package/build-module/components/sidebar-navigation-screen-page/page-details.js +3 -11
  321. package/build-module/components/sidebar-navigation-screen-page/page-details.js.map +1 -1
  322. package/build-module/components/sidebar-navigation-screen-patterns/use-theme-patterns.js +2 -2
  323. package/build-module/components/sidebar-navigation-screen-patterns/use-theme-patterns.js.map +1 -1
  324. package/build-module/components/site-hub/index.js +19 -7
  325. package/build-module/components/site-hub/index.js.map +1 -1
  326. package/build-module/components/start-template-options/index.js +13 -16
  327. package/build-module/components/start-template-options/index.js.map +1 -1
  328. package/build-module/components/style-book/index.js +22 -12
  329. package/build-module/components/style-book/index.js.map +1 -1
  330. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js +150 -56
  331. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
  332. package/build-module/components/template-part-converter/convert-to-regular.js +1 -1
  333. package/build-module/components/template-part-converter/convert-to-regular.js.map +1 -1
  334. package/build-module/components/welcome-guide/page.js +2 -2
  335. package/build-module/components/welcome-guide/page.js.map +1 -1
  336. package/build-module/components/welcome-guide/template.js +6 -3
  337. package/build-module/components/welcome-guide/template.js.map +1 -1
  338. package/build-module/hooks/commands/use-edit-mode-commands.js +24 -14
  339. package/build-module/hooks/commands/use-edit-mode-commands.js.map +1 -1
  340. package/build-module/hooks/push-changes-to-global-styles/index.js +4 -2
  341. package/build-module/hooks/push-changes-to-global-styles/index.js.map +1 -1
  342. package/build-module/hooks/template-part-edit.js +6 -2
  343. package/build-module/hooks/template-part-edit.js.map +1 -1
  344. package/build-module/index.js +0 -3
  345. package/build-module/index.js.map +1 -1
  346. package/build-module/store/actions.js +37 -80
  347. package/build-module/store/actions.js.map +1 -1
  348. package/build-module/store/private-actions.js +1 -25
  349. package/build-module/store/private-actions.js.map +1 -1
  350. package/build-module/store/private-selectors.js +0 -22
  351. package/build-module/store/private-selectors.js.map +1 -1
  352. package/build-module/store/reducer.js +1 -38
  353. package/build-module/store/reducer.js.map +1 -1
  354. package/build-module/store/selectors.js +27 -62
  355. package/build-module/store/selectors.js.map +1 -1
  356. package/build-module/utils/constants.js +1 -11
  357. package/build-module/utils/constants.js.map +1 -1
  358. package/build-style/style-rtl.css +221 -181
  359. package/build-style/style.css +221 -181
  360. package/package.json +41 -41
  361. package/src/components/actions/index.js +150 -14
  362. package/src/components/add-new-template/new-template.js +0 -5
  363. package/src/components/block-editor/site-editor-canvas.js +8 -2
  364. package/src/components/block-editor/style.scss +0 -87
  365. package/src/components/block-editor/use-site-editor-settings.js +68 -89
  366. package/src/components/dataviews/README.md +80 -83
  367. package/src/components/dataviews/add-filter.js +108 -0
  368. package/src/components/dataviews/constants.js +5 -0
  369. package/src/components/dataviews/dataviews.js +28 -10
  370. package/src/components/dataviews/filter-summary.js +79 -0
  371. package/src/components/dataviews/filters.js +48 -58
  372. package/src/components/dataviews/index.js +1 -1
  373. package/src/components/dataviews/item-actions.js +169 -30
  374. package/src/components/dataviews/pagination.js +9 -4
  375. package/src/components/dataviews/reset-filters.js +26 -0
  376. package/src/components/dataviews/search.js +1 -0
  377. package/src/components/dataviews/style.scss +89 -9
  378. package/src/components/dataviews/view-actions.js +77 -49
  379. package/src/components/dataviews/view-grid.js +63 -38
  380. package/src/components/dataviews/view-list.js +182 -18
  381. package/src/components/dataviews/view-side-by-side.js +9 -0
  382. package/src/components/editor/index.js +135 -123
  383. package/src/components/global-styles/font-library-modal/utils/get-intersecting-font-faces.js +1 -1
  384. package/src/components/global-styles/font-library-modal/utils/index.js +20 -9
  385. package/src/components/global-styles/font-library-modal/utils/test/getIntersectingFontFaces.spec.js +46 -15
  386. package/src/components/global-styles/font-library-modal/utils/test/wpKebabCase.spec.js +28 -0
  387. package/src/components/global-styles/header.js +2 -1
  388. package/src/components/global-styles/screen-block-list.js +37 -26
  389. package/src/components/global-styles/screen-revisions/index.js +91 -35
  390. package/src/components/global-styles/screen-revisions/revisions-buttons.js +65 -45
  391. package/src/components/global-styles/screen-revisions/style.scss +52 -28
  392. package/src/components/global-styles/screen-revisions/use-global-styles-revisions.js +15 -6
  393. package/src/components/global-styles/screen-root.js +2 -1
  394. package/src/components/global-styles/style.scss +0 -11
  395. package/src/components/global-styles/ui.js +60 -75
  396. package/src/components/global-styles-renderer/index.js +1 -1
  397. package/src/components/header-edit-mode/document-actions/index.js +20 -18
  398. package/src/components/header-edit-mode/document-tools/index.js +201 -0
  399. package/src/components/header-edit-mode/index.js +87 -184
  400. package/src/components/header-edit-mode/more-menu/index.js +1 -1
  401. package/src/components/header-edit-mode/more-menu/site-export.js +2 -6
  402. package/src/components/header-edit-mode/style.scss +35 -2
  403. package/src/components/layout/index.js +4 -11
  404. package/src/components/layout/style.scss +6 -18
  405. package/src/components/list/added-by.js +24 -64
  406. package/src/components/list/style.scss +11 -13
  407. package/src/components/{page-content-focus-manager → page-content-focus-notifications}/back-to-page-notification.js +10 -22
  408. package/src/components/{page-content-focus-manager → page-content-focus-notifications}/edit-template-notification.js +9 -13
  409. package/src/components/page-content-focus-notifications/index.js +14 -0
  410. package/src/components/page-main/index.js +6 -1
  411. package/src/components/page-pages/index.js +167 -91
  412. package/src/components/page-pages/side-editor.js +14 -0
  413. package/src/components/page-patterns/grid-item.js +3 -3
  414. package/src/components/page-patterns/patterns-list.js +10 -4
  415. package/src/components/page-patterns/use-patterns.js +4 -3
  416. package/src/components/page-templates/dataviews-templates.js +345 -0
  417. package/src/components/page-templates/style.scss +13 -0
  418. package/src/components/page-templates/template-actions.js +209 -0
  419. package/src/components/preferences-modal/index.js +1 -1
  420. package/src/components/save-button/index.js +37 -24
  421. package/src/components/save-hub/index.js +15 -0
  422. package/src/components/save-hub/style.scss +7 -0
  423. package/src/components/sidebar/index.js +1 -2
  424. package/src/components/sidebar-dataviews/add-new-view.js +141 -0
  425. package/src/components/sidebar-dataviews/custom-dataviews-list.js +229 -0
  426. package/src/components/sidebar-dataviews/dataview-item.js +67 -0
  427. package/src/components/sidebar-dataviews/default-views.js +59 -0
  428. package/src/components/sidebar-dataviews/index.js +36 -45
  429. package/src/components/sidebar-dataviews/style.scss +29 -0
  430. package/src/components/sidebar-edit-mode/default-sidebar.js +6 -6
  431. package/src/components/sidebar-edit-mode/index.js +13 -9
  432. package/src/components/sidebar-edit-mode/page-panels/edit-template.js +31 -57
  433. package/src/components/sidebar-edit-mode/page-panels/hooks.js +20 -9
  434. package/src/components/sidebar-edit-mode/page-panels/page-status.js +6 -6
  435. package/src/components/sidebar-edit-mode/page-panels/page-summary.js +10 -8
  436. package/src/components/sidebar-edit-mode/page-panels/reset-default-template.js +13 -12
  437. package/src/components/sidebar-edit-mode/page-panels/style.scss +14 -19
  438. package/src/components/sidebar-edit-mode/page-panels/swap-template-button.js +10 -9
  439. package/src/components/sidebar-edit-mode/plugin-sidebar/index.js +6 -6
  440. package/src/components/sidebar-edit-mode/settings-header/index.js +8 -9
  441. package/src/components/sidebar-edit-mode/template-panel/hooks.js +11 -7
  442. package/src/components/sidebar-navigation-screen/style.scss +1 -0
  443. package/src/components/sidebar-navigation-screen-global-styles/index.js +1 -1
  444. package/src/components/sidebar-navigation-screen-navigation-menu/navigation-menu-editor.js +1 -1
  445. package/src/components/sidebar-navigation-screen-page/index.js +24 -3
  446. package/src/components/sidebar-navigation-screen-page/page-details.js +4 -17
  447. package/src/components/sidebar-navigation-screen-patterns/use-theme-patterns.js +2 -2
  448. package/src/components/sidebar-navigation-screen-template/style.scss +6 -1
  449. package/src/components/site-hub/index.js +9 -8
  450. package/src/components/start-template-options/index.js +14 -12
  451. package/src/components/style-book/index.js +48 -35
  452. package/src/components/sync-state-with-url/use-init-edited-entity-from-url.js +182 -63
  453. package/src/components/template-part-converter/convert-to-regular.js +1 -1
  454. package/src/components/welcome-guide/page.js +2 -2
  455. package/src/components/welcome-guide/template.js +4 -2
  456. package/src/hooks/commands/use-edit-mode-commands.js +22 -16
  457. package/src/hooks/push-changes-to-global-styles/index.js +13 -6
  458. package/src/hooks/template-part-edit.js +4 -2
  459. package/src/index.js +0 -8
  460. package/src/store/actions.js +42 -96
  461. package/src/store/private-actions.js +1 -24
  462. package/src/store/private-selectors.js +0 -22
  463. package/src/store/reducer.js +0 -39
  464. package/src/store/selectors.js +43 -95
  465. package/src/store/test/actions.js +14 -169
  466. package/src/store/test/reducer.js +0 -62
  467. package/src/store/test/selectors.js +0 -117
  468. package/src/style.scss +2 -0
  469. package/src/utils/constants.js +1 -11
  470. package/build/components/block-editor/block-editor-provider/default-block-editor-provider.js +0 -77
  471. package/build/components/block-editor/block-editor-provider/default-block-editor-provider.js.map +0 -1
  472. package/build/components/block-editor/block-editor-provider/index.js +0 -31
  473. package/build/components/block-editor/block-editor-provider/index.js.map +0 -1
  474. package/build/components/block-editor/block-editor-provider/navigation-block-editor-provider.js +0 -110
  475. package/build/components/block-editor/block-editor-provider/navigation-block-editor-provider.js.map +0 -1
  476. package/build/components/block-editor/block-editor-provider/use-page-content-blocks.js +0 -84
  477. package/build/components/block-editor/block-editor-provider/use-page-content-blocks.js.map +0 -1
  478. package/build/components/block-editor/index.js +0 -30
  479. package/build/components/block-editor/index.js.map +0 -1
  480. package/build/components/dataviews/in-filter.js +0 -49
  481. package/build/components/dataviews/in-filter.js.map +0 -1
  482. package/build/components/page-content-focus-manager/back-to-page-notification.js.map +0 -1
  483. package/build/components/page-content-focus-manager/disable-non-page-content-blocks.js +0 -50
  484. package/build/components/page-content-focus-manager/disable-non-page-content-blocks.js.map +0 -1
  485. package/build/components/page-content-focus-manager/edit-template-notification.js.map +0 -1
  486. package/build/components/page-content-focus-manager/index.js +0 -61
  487. package/build/components/page-content-focus-manager/index.js.map +0 -1
  488. package/build/components/page-pages/default-views.js +0 -62
  489. package/build/components/page-pages/default-views.js.map +0 -1
  490. package/build/components/sidebar-edit-mode/page-panels/publish-date.js +0 -87
  491. package/build/components/sidebar-edit-mode/page-panels/publish-date.js.map +0 -1
  492. package/build-module/components/block-editor/block-editor-provider/default-block-editor-provider.js +0 -69
  493. package/build-module/components/block-editor/block-editor-provider/default-block-editor-provider.js.map +0 -1
  494. package/build-module/components/block-editor/block-editor-provider/index.js +0 -23
  495. package/build-module/components/block-editor/block-editor-provider/index.js.map +0 -1
  496. package/build-module/components/block-editor/block-editor-provider/navigation-block-editor-provider.js +0 -102
  497. package/build-module/components/block-editor/block-editor-provider/navigation-block-editor-provider.js.map +0 -1
  498. package/build-module/components/block-editor/block-editor-provider/use-page-content-blocks.js +0 -78
  499. package/build-module/components/block-editor/block-editor-provider/use-page-content-blocks.js.map +0 -1
  500. package/build-module/components/block-editor/index.js +0 -22
  501. package/build-module/components/block-editor/index.js.map +0 -1
  502. package/build-module/components/dataviews/in-filter.js +0 -41
  503. package/build-module/components/dataviews/in-filter.js.map +0 -1
  504. package/build-module/components/page-content-focus-manager/back-to-page-notification.js.map +0 -1
  505. package/build-module/components/page-content-focus-manager/disable-non-page-content-blocks.js +0 -43
  506. package/build-module/components/page-content-focus-manager/disable-non-page-content-blocks.js.map +0 -1
  507. package/build-module/components/page-content-focus-manager/edit-template-notification.js.map +0 -1
  508. package/build-module/components/page-content-focus-manager/index.js +0 -52
  509. package/build-module/components/page-content-focus-manager/index.js.map +0 -1
  510. package/build-module/components/page-pages/default-views.js +0 -55
  511. package/build-module/components/page-pages/default-views.js.map +0 -1
  512. package/build-module/components/sidebar-edit-mode/page-panels/publish-date.js +0 -80
  513. package/build-module/components/sidebar-edit-mode/page-panels/publish-date.js.map +0 -1
  514. package/src/components/block-editor/block-editor-provider/default-block-editor-provider.js +0 -75
  515. package/src/components/block-editor/block-editor-provider/index.js +0 -29
  516. package/src/components/block-editor/block-editor-provider/navigation-block-editor-provider.js +0 -114
  517. package/src/components/block-editor/block-editor-provider/test/use-page-content-blocks.js +0 -116
  518. package/src/components/block-editor/block-editor-provider/use-page-content-blocks.js +0 -90
  519. package/src/components/block-editor/index.js +0 -28
  520. package/src/components/dataviews/in-filter.js +0 -45
  521. package/src/components/page-content-focus-manager/disable-non-page-content-blocks.js +0 -52
  522. package/src/components/page-content-focus-manager/index.js +0 -51
  523. package/src/components/page-pages/default-views.js +0 -60
  524. package/src/components/sidebar-edit-mode/page-panels/publish-date.js +0 -94
@@ -0,0 +1,160 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+ Object.defineProperty(exports, "__esModule", {
5
+ value: true
6
+ });
7
+ exports.default = DocumentTools;
8
+ var _react = require("react");
9
+ var _element = require("@wordpress/element");
10
+ var _compose = require("@wordpress/compose");
11
+ var _blockEditor = require("@wordpress/block-editor");
12
+ var _data = require("@wordpress/data");
13
+ var _i18n = require("@wordpress/i18n");
14
+ var _icons = require("@wordpress/icons");
15
+ var _components = require("@wordpress/components");
16
+ var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
17
+ var _undo = _interopRequireDefault(require("../undo-redo/undo"));
18
+ var _redo = _interopRequireDefault(require("../undo-redo/redo"));
19
+ var _store = require("../../../store");
20
+ var _lockUnlock = require("../../../lock-unlock");
21
+ /**
22
+ * WordPress dependencies
23
+ */
24
+
25
+ /**
26
+ * Internal dependencies
27
+ */
28
+
29
+ const {
30
+ useShouldContextualToolbarShow
31
+ } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
32
+ const preventDefault = event => {
33
+ event.preventDefault();
34
+ };
35
+ function DocumentTools({
36
+ blockEditorMode,
37
+ hasFixedToolbar,
38
+ isDistractionFree,
39
+ showIconLabels,
40
+ setListViewToggleElement
41
+ }) {
42
+ const inserterButton = (0, _element.useRef)();
43
+ const {
44
+ isInserterOpen,
45
+ isListViewOpen,
46
+ listViewShortcut,
47
+ isVisualMode
48
+ } = (0, _data.useSelect)(select => {
49
+ const {
50
+ __experimentalGetPreviewDeviceType,
51
+ isInserterOpened,
52
+ isListViewOpened,
53
+ getEditorMode
54
+ } = select(_store.store);
55
+ const {
56
+ getShortcutRepresentation
57
+ } = select(_keyboardShortcuts.store);
58
+ return {
59
+ deviceType: __experimentalGetPreviewDeviceType(),
60
+ isInserterOpen: isInserterOpened(),
61
+ isListViewOpen: isListViewOpened(),
62
+ listViewShortcut: getShortcutRepresentation('core/edit-site/toggle-list-view'),
63
+ isVisualMode: getEditorMode() === 'visual'
64
+ };
65
+ }, []);
66
+ const {
67
+ __experimentalSetPreviewDeviceType: setPreviewDeviceType,
68
+ setIsInserterOpened,
69
+ setIsListViewOpened
70
+ } = (0, _data.useDispatch)(_store.store);
71
+ const {
72
+ __unstableSetEditorMode
73
+ } = (0, _data.useDispatch)(_blockEditor.store);
74
+ const isLargeViewport = (0, _compose.useViewportMatch)('medium');
75
+ const toggleInserter = (0, _element.useCallback)(() => {
76
+ if (isInserterOpen) {
77
+ // Focusing the inserter button should close the inserter popover.
78
+ // However, there are some cases it won't close when the focus is lost.
79
+ // See https://github.com/WordPress/gutenberg/issues/43090 for more details.
80
+ inserterButton.current.focus();
81
+ setIsInserterOpened(false);
82
+ } else {
83
+ setIsInserterOpened(true);
84
+ }
85
+ }, [isInserterOpen, setIsInserterOpened]);
86
+ const toggleListView = (0, _element.useCallback)(() => setIsListViewOpened(!isListViewOpen), [setIsListViewOpened, isListViewOpen]);
87
+ const {
88
+ shouldShowContextualToolbar,
89
+ canFocusHiddenToolbar,
90
+ fixedToolbarCanBeFocused
91
+ } = useShouldContextualToolbarShow();
92
+ // If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.
93
+ // There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.
94
+ const blockToolbarCanBeFocused = shouldShowContextualToolbar || canFocusHiddenToolbar || fixedToolbarCanBeFocused;
95
+
96
+ /* translators: button label text should, if possible, be under 16 characters. */
97
+ const longLabel = (0, _i18n._x)('Toggle block inserter', 'Generic label for block inserter button');
98
+ const shortLabel = !isInserterOpen ? (0, _i18n.__)('Add') : (0, _i18n.__)('Close');
99
+ const isZoomedOutViewExperimentEnabled = window?.__experimentalEnableZoomedOutView && isVisualMode;
100
+ const isZoomedOutView = blockEditorMode === 'zoom-out';
101
+ return (0, _react.createElement)(_blockEditor.NavigableToolbar, {
102
+ className: "edit-site-header-edit-mode__document-tools",
103
+ "aria-label": (0, _i18n.__)('Document tools'),
104
+ shouldUseKeyboardFocusShortcut: !blockToolbarCanBeFocused
105
+ }, (0, _react.createElement)("div", {
106
+ className: "edit-site-header-edit-mode__toolbar"
107
+ }, !isDistractionFree && (0, _react.createElement)(_components.ToolbarItem, {
108
+ ref: inserterButton,
109
+ as: _components.Button,
110
+ className: "edit-site-header-edit-mode__inserter-toggle",
111
+ variant: "primary",
112
+ isPressed: isInserterOpen,
113
+ onMouseDown: preventDefault,
114
+ onClick: toggleInserter,
115
+ disabled: !isVisualMode,
116
+ icon: _icons.plus,
117
+ label: showIconLabels ? shortLabel : longLabel,
118
+ showTooltip: !showIconLabels,
119
+ "aria-expanded": isInserterOpen
120
+ }), isLargeViewport && (0, _react.createElement)(_react.Fragment, null, !hasFixedToolbar && (0, _react.createElement)(_components.ToolbarItem, {
121
+ as: _blockEditor.ToolSelector,
122
+ showTooltip: !showIconLabels,
123
+ variant: showIconLabels ? 'tertiary' : undefined,
124
+ disabled: !isVisualMode
125
+ }), (0, _react.createElement)(_components.ToolbarItem, {
126
+ as: _undo.default,
127
+ showTooltip: !showIconLabels,
128
+ variant: showIconLabels ? 'tertiary' : undefined
129
+ }), (0, _react.createElement)(_components.ToolbarItem, {
130
+ as: _redo.default,
131
+ showTooltip: !showIconLabels,
132
+ variant: showIconLabels ? 'tertiary' : undefined
133
+ }), !isDistractionFree && (0, _react.createElement)(_components.ToolbarItem, {
134
+ as: _components.Button,
135
+ className: "edit-site-header-edit-mode__list-view-toggle",
136
+ disabled: !isVisualMode || isZoomedOutView,
137
+ icon: _icons.listView,
138
+ isPressed: isListViewOpen
139
+ /* translators: button label text should, if possible, be under 16 characters. */,
140
+ label: (0, _i18n.__)('List View'),
141
+ onClick: toggleListView,
142
+ ref: setListViewToggleElement,
143
+ shortcut: listViewShortcut,
144
+ showTooltip: !showIconLabels,
145
+ variant: showIconLabels ? 'tertiary' : undefined,
146
+ "aria-expanded": isListViewOpen
147
+ }), isZoomedOutViewExperimentEnabled && !isDistractionFree && !hasFixedToolbar && (0, _react.createElement)(_components.ToolbarItem, {
148
+ as: _components.Button,
149
+ className: "edit-site-header-edit-mode__zoom-out-view-toggle",
150
+ icon: _icons.chevronUpDown,
151
+ isPressed: isZoomedOutView
152
+ /* translators: button label text should, if possible, be under 16 characters. */,
153
+ label: (0, _i18n.__)('Zoom-out View'),
154
+ onClick: () => {
155
+ setPreviewDeviceType('Desktop');
156
+ __unstableSetEditorMode(isZoomedOutView ? 'edit' : 'zoom-out');
157
+ }
158
+ }))));
159
+ }
160
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["_element","require","_compose","_blockEditor","_data","_i18n","_icons","_components","_keyboardShortcuts","_undo","_interopRequireDefault","_redo","_store","_lockUnlock","useShouldContextualToolbarShow","unlock","blockEditorPrivateApis","preventDefault","event","DocumentTools","blockEditorMode","hasFixedToolbar","isDistractionFree","showIconLabels","setListViewToggleElement","inserterButton","useRef","isInserterOpen","isListViewOpen","listViewShortcut","isVisualMode","useSelect","select","__experimentalGetPreviewDeviceType","isInserterOpened","isListViewOpened","getEditorMode","editSiteStore","getShortcutRepresentation","keyboardShortcutsStore","deviceType","__experimentalSetPreviewDeviceType","setPreviewDeviceType","setIsInserterOpened","setIsListViewOpened","useDispatch","__unstableSetEditorMode","blockEditorStore","isLargeViewport","useViewportMatch","toggleInserter","useCallback","current","focus","toggleListView","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","longLabel","_x","shortLabel","__","isZoomedOutViewExperimentEnabled","window","__experimentalEnableZoomedOutView","isZoomedOutView","_react","createElement","NavigableToolbar","className","shouldUseKeyboardFocusShortcut","ToolbarItem","ref","as","Button","variant","isPressed","onMouseDown","onClick","disabled","icon","plus","label","showTooltip","Fragment","ToolSelector","undefined","UndoButton","RedoButton","listView","shortcut","chevronUpDown"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/document-tools/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch } from '@wordpress/compose';\nimport {\n\tToolSelector,\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { _x, __ } from '@wordpress/i18n';\nimport { listView, plus, chevronUpDown } from '@wordpress/icons';\nimport { Button, ToolbarItem } from '@wordpress/components';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\n\n/**\n * Internal dependencies\n */\nimport UndoButton from '../undo-redo/undo';\nimport RedoButton from '../undo-redo/redo';\nimport { store as editSiteStore } from '../../../store';\nimport { unlock } from '../../../lock-unlock';\n\nconst { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nexport default function DocumentTools( {\n\tblockEditorMode,\n\thasFixedToolbar,\n\tisDistractionFree,\n\tshowIconLabels,\n\tsetListViewToggleElement,\n} ) {\n\tconst inserterButton = useRef();\n\tconst { isInserterOpen, isListViewOpen, listViewShortcut, isVisualMode } =\n\t\tuseSelect( ( select ) => {\n\t\t\tconst {\n\t\t\t\t__experimentalGetPreviewDeviceType,\n\t\t\t\tisInserterOpened,\n\t\t\t\tisListViewOpened,\n\t\t\t\tgetEditorMode,\n\t\t\t} = select( editSiteStore );\n\t\t\tconst { getShortcutRepresentation } = select(\n\t\t\t\tkeyboardShortcutsStore\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tdeviceType: __experimentalGetPreviewDeviceType(),\n\t\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t\t'core/edit-site/toggle-list-view'\n\t\t\t\t),\n\t\t\t\tisVisualMode: getEditorMode() === 'visual',\n\t\t\t};\n\t\t}, [] );\n\n\tconst {\n\t\t__experimentalSetPreviewDeviceType: setPreviewDeviceType,\n\t\tsetIsInserterOpened,\n\t\tsetIsListViewOpened,\n\t} = useDispatch( editSiteStore );\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpen, setIsInserterOpened ] );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar ||\n\t\tcanFocusHiddenToolbar ||\n\t\tfixedToolbarCanBeFocused;\n\n\t/* translators: button label text should, if possible, be under 16 characters. */\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpen ? __( 'Add' ) : __( 'Close' );\n\n\tconst isZoomedOutViewExperimentEnabled =\n\t\twindow?.__experimentalEnableZoomedOutView && isVisualMode;\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\n\n\treturn (\n\t\t<NavigableToolbar\n\t\t\tclassName=\"edit-site-header-edit-mode__document-tools\"\n\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\tshouldUseKeyboardFocusShortcut={ ! blockToolbarCanBeFocused }\n\t\t>\n\t\t\t<div className=\"edit-site-header-edit-mode__toolbar\">\n\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__inserter-toggle\"\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\tlabel={ showIconLabels ? shortLabel : longLabel }\n\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\taria-expanded={ isInserterOpen }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ ! hasFixedToolbar && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ UndoButton }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\tas={ RedoButton }\n\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\tvariant={ showIconLabels ? 'tertiary' : undefined }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__list-view-toggle\"\n\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode || isZoomedOutView }\n\t\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\t\tref={ setListViewToggleElement }\n\t\t\t\t\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\taria-expanded={ isListViewOpen }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ isZoomedOutViewExperimentEnabled &&\n\t\t\t\t\t\t\t! isDistractionFree &&\n\t\t\t\t\t\t\t! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__zoom-out-view-toggle\"\n\t\t\t\t\t\t\t\t\ticon={ chevronUpDown }\n\t\t\t\t\t\t\t\t\tisPressed={ isZoomedOutView }\n\t\t\t\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\t\t\tlabel={ __( 'Zoom-out View' ) }\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetPreviewDeviceType( 'Desktop' );\n\t\t\t\t\t\t\t\t\t\t__unstableSetEditorMode(\n\t\t\t\t\t\t\t\t\t\t\tisZoomedOutView\n\t\t\t\t\t\t\t\t\t\t\t\t? 'edit'\n\t\t\t\t\t\t\t\t\t\t\t\t: 'zoom-out'\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/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</div>\n\t\t</NavigableToolbar>\n\t);\n}\n"],"mappings":"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"}
@@ -7,22 +7,20 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.default = HeaderEditMode;
8
8
  var _react = require("react");
9
9
  var _classnames = _interopRequireDefault(require("classnames"));
10
- var _element = require("@wordpress/element");
11
10
  var _compose = require("@wordpress/compose");
12
11
  var _coreData = require("@wordpress/core-data");
13
12
  var _blockEditor = require("@wordpress/block-editor");
14
13
  var _data = require("@wordpress/data");
14
+ var _element = require("@wordpress/element");
15
15
  var _interface = require("@wordpress/interface");
16
16
  var _i18n = require("@wordpress/i18n");
17
17
  var _icons = require("@wordpress/icons");
18
18
  var _components = require("@wordpress/components");
19
- var _keyboardShortcuts = require("@wordpress/keyboard-shortcuts");
20
19
  var _preferences = require("@wordpress/preferences");
21
20
  var _moreMenu = _interopRequireDefault(require("./more-menu"));
22
21
  var _saveButton = _interopRequireDefault(require("../save-button"));
23
- var _undo = _interopRequireDefault(require("./undo-redo/undo"));
24
- var _redo = _interopRequireDefault(require("./undo-redo/redo"));
25
22
  var _documentActions = _interopRequireDefault(require("./document-actions"));
23
+ var _documentTools = _interopRequireDefault(require("./document-tools"));
26
24
  var _store = require("../../store");
27
25
  var _editorCanvasContainer = require("../editor-canvas-container");
28
26
  var _lockUnlock = require("../../lock-unlock");
@@ -40,40 +38,29 @@ var _constants = require("../../utils/constants");
40
38
  */
41
39
 
42
40
  const {
43
- useShouldContextualToolbarShow
41
+ BlockContextualToolbar
44
42
  } = (0, _lockUnlock.unlock)(_blockEditor.privateApis);
45
- const preventDefault = event => {
46
- event.preventDefault();
47
- };
48
43
  function HeaderEditMode({
49
44
  setListViewToggleElement
50
45
  }) {
51
- const inserterButton = (0, _element.useRef)();
52
46
  const {
53
47
  deviceType,
54
48
  templateType,
55
- isInserterOpen,
56
- isListViewOpen,
57
- listViewShortcut,
58
- isVisualMode,
59
49
  isDistractionFree,
60
50
  blockEditorMode,
51
+ blockSelectionStart,
61
52
  homeUrl,
62
53
  showIconLabels,
63
54
  editorCanvasView,
64
- hasFixedToolbar
55
+ hasFixedToolbar,
56
+ isZoomOutMode
65
57
  } = (0, _data.useSelect)(select => {
66
58
  const {
67
59
  __experimentalGetPreviewDeviceType,
68
- getEditedPostType,
69
- isInserterOpened,
70
- isListViewOpened,
71
- getEditorMode
60
+ getEditedPostType
72
61
  } = select(_store.store);
73
62
  const {
74
- getShortcutRepresentation
75
- } = select(_keyboardShortcuts.store);
76
- const {
63
+ getBlockSelectionStart,
77
64
  __unstableGetEditorMode
78
65
  } = select(_blockEditor.store);
79
66
  const postType = getEditedPostType();
@@ -86,56 +73,34 @@ function HeaderEditMode({
86
73
  return {
87
74
  deviceType: __experimentalGetPreviewDeviceType(),
88
75
  templateType: postType,
89
- isInserterOpen: isInserterOpened(),
90
- isListViewOpen: isListViewOpened(),
91
- listViewShortcut: getShortcutRepresentation('core/edit-site/toggle-list-view'),
92
- isVisualMode: getEditorMode() === 'visual',
93
76
  blockEditorMode: __unstableGetEditorMode(),
77
+ blockSelectionStart: getBlockSelectionStart(),
94
78
  homeUrl: getUnstableBase()?.home,
95
79
  showIconLabels: getPreference(_store.store.name, 'showIconLabels'),
96
80
  editorCanvasView: (0, _lockUnlock.unlock)(select(_store.store)).getEditorCanvasContainerView(),
81
+ hasFixedToolbar: getPreference(_store.store.name, 'fixedToolbar'),
97
82
  isDistractionFree: getPreference(_store.store.name, 'distractionFree'),
98
- hasFixedToolbar: getPreference(_store.store.name, 'fixedToolbar')
83
+ isZoomOutMode: __unstableGetEditorMode() === 'zoom-out'
99
84
  };
100
85
  }, []);
86
+ const isLargeViewport = (0, _compose.useViewportMatch)('medium');
87
+ const isTopToolbar = !isZoomOutMode && hasFixedToolbar && isLargeViewport;
88
+ const blockToolbarRef = (0, _element.useRef)();
101
89
  const {
102
- __experimentalSetPreviewDeviceType: setPreviewDeviceType,
103
- setIsInserterOpened,
104
- setIsListViewOpened
90
+ __experimentalSetPreviewDeviceType: setPreviewDeviceType
105
91
  } = (0, _data.useDispatch)(_store.store);
106
- const {
107
- __unstableSetEditorMode
108
- } = (0, _data.useDispatch)(_blockEditor.store);
109
92
  const disableMotion = (0, _compose.useReducedMotion)();
110
- const isLargeViewport = (0, _compose.useViewportMatch)('medium');
111
- const toggleInserter = (0, _element.useCallback)(() => {
112
- if (isInserterOpen) {
113
- // Focusing the inserter button should close the inserter popover.
114
- // However, there are some cases it won't close when the focus is lost.
115
- // See https://github.com/WordPress/gutenberg/issues/43090 for more details.
116
- inserterButton.current.focus();
117
- setIsInserterOpened(false);
118
- } else {
119
- setIsInserterOpened(true);
120
- }
121
- }, [isInserterOpen, setIsInserterOpened]);
122
- const toggleListView = (0, _element.useCallback)(() => setIsListViewOpened(!isListViewOpen), [setIsListViewOpened, isListViewOpen]);
123
- const {
124
- shouldShowContextualToolbar,
125
- canFocusHiddenToolbar,
126
- fixedToolbarCanBeFocused
127
- } = useShouldContextualToolbarShow();
128
- // If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.
129
- // There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.
130
- const blockToolbarCanBeFocused = shouldShowContextualToolbar || canFocusHiddenToolbar || fixedToolbarCanBeFocused;
131
93
  const hasDefaultEditorCanvasView = !(0, _editorCanvasContainer.useHasEditorCanvasContainer)();
132
94
  const isFocusMode = _constants.FOCUSABLE_ENTITIES.includes(templateType);
133
-
134
- /* translators: button label text should, if possible, be under 16 characters. */
135
- const longLabel = (0, _i18n._x)('Toggle block inserter', 'Generic label for block inserter button');
136
- const shortLabel = !isInserterOpen ? (0, _i18n.__)('Add') : (0, _i18n.__)('Close');
137
- const isZoomedOutViewExperimentEnabled = window?.__experimentalEnableZoomedOutView && isVisualMode;
138
95
  const isZoomedOutView = blockEditorMode === 'zoom-out';
96
+ const [isBlockToolsCollapsed, setIsBlockToolsCollapsed] = (0, _element.useState)(true);
97
+ const hasBlockSelected = !!blockSelectionStart;
98
+ (0, _element.useEffect)(() => {
99
+ // If we have a new block selection, show the block tools
100
+ if (blockSelectionStart) {
101
+ setIsBlockToolsCollapsed(false);
102
+ }
103
+ }, [blockSelectionStart]);
139
104
  const toolbarVariants = {
140
105
  isDistractionFree: {
141
106
  y: '-50px'
@@ -159,68 +124,35 @@ function HeaderEditMode({
159
124
  className: (0, _classnames.default)('edit-site-header-edit-mode', {
160
125
  'show-icon-labels': showIconLabels
161
126
  })
162
- }, hasDefaultEditorCanvasView && (0, _react.createElement)(_blockEditor.NavigableToolbar, {
163
- as: _components.__unstableMotion.div,
127
+ }, hasDefaultEditorCanvasView && (0, _react.createElement)(_components.__unstableMotion.div, {
164
128
  className: "edit-site-header-edit-mode__start",
165
- "aria-label": (0, _i18n.__)('Document tools'),
166
- shouldUseKeyboardFocusShortcut: !blockToolbarCanBeFocused,
167
129
  variants: toolbarVariants,
168
130
  transition: toolbarTransition
169
- }, (0, _react.createElement)("div", {
170
- className: "edit-site-header-edit-mode__toolbar"
171
- }, !isDistractionFree && (0, _react.createElement)(_components.ToolbarItem, {
172
- ref: inserterButton,
173
- as: _components.Button,
174
- className: "edit-site-header-edit-mode__inserter-toggle",
175
- variant: "primary",
176
- isPressed: isInserterOpen,
177
- onMouseDown: preventDefault,
178
- onClick: toggleInserter,
179
- disabled: !isVisualMode,
180
- icon: _icons.plus,
181
- label: showIconLabels ? shortLabel : longLabel,
182
- showTooltip: !showIconLabels,
183
- "aria-expanded": isInserterOpen
184
- }), isLargeViewport && (0, _react.createElement)(_react.Fragment, null, !hasFixedToolbar && (0, _react.createElement)(_components.ToolbarItem, {
185
- as: _blockEditor.ToolSelector,
186
- showTooltip: !showIconLabels,
187
- variant: showIconLabels ? 'tertiary' : undefined,
188
- disabled: !isVisualMode
189
- }), (0, _react.createElement)(_components.ToolbarItem, {
190
- as: _undo.default,
191
- showTooltip: !showIconLabels,
192
- variant: showIconLabels ? 'tertiary' : undefined
193
- }), (0, _react.createElement)(_components.ToolbarItem, {
194
- as: _redo.default,
195
- showTooltip: !showIconLabels,
196
- variant: showIconLabels ? 'tertiary' : undefined
197
- }), !isDistractionFree && (0, _react.createElement)(_components.ToolbarItem, {
198
- as: _components.Button,
199
- className: "edit-site-header-edit-mode__list-view-toggle",
200
- disabled: !isVisualMode || isZoomedOutView,
201
- icon: _icons.listView,
202
- isPressed: isListViewOpen
203
- /* translators: button label text should, if possible, be under 16 characters. */,
204
- label: (0, _i18n.__)('List View'),
205
- onClick: toggleListView,
206
- ref: setListViewToggleElement,
207
- shortcut: listViewShortcut,
208
- showTooltip: !showIconLabels,
209
- variant: showIconLabels ? 'tertiary' : undefined,
210
- "aria-expanded": isListViewOpen
211
- }), isZoomedOutViewExperimentEnabled && !isDistractionFree && !hasFixedToolbar && (0, _react.createElement)(_components.ToolbarItem, {
212
- as: _components.Button,
213
- className: "edit-site-header-edit-mode__zoom-out-view-toggle",
214
- icon: _icons.chevronUpDown,
215
- isPressed: isZoomedOutView
216
- /* translators: button label text should, if possible, be under 16 characters. */,
217
- label: (0, _i18n.__)('Zoom-out View'),
131
+ }, (0, _react.createElement)(_documentTools.default, {
132
+ blockEditorMode: blockEditorMode,
133
+ isDistractionFree: isDistractionFree,
134
+ showIconLabels: showIconLabels,
135
+ setListViewToggleElement: setListViewToggleElement
136
+ }), isTopToolbar && (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)("div", {
137
+ className: (0, _classnames.default)('selected-block-tools-wrapper', {
138
+ 'is-collapsed': isBlockToolsCollapsed
139
+ })
140
+ }, (0, _react.createElement)(BlockContextualToolbar, {
141
+ isFixed: true
142
+ })), (0, _react.createElement)(_components.Popover.Slot, {
143
+ ref: blockToolbarRef,
144
+ name: "block-toolbar"
145
+ }), hasBlockSelected && (0, _react.createElement)(_components.Button, {
146
+ className: "edit-site-header-edit-mode__block-tools-toggle",
147
+ icon: isBlockToolsCollapsed ? _icons.next : _icons.previous,
218
148
  onClick: () => {
219
- setPreviewDeviceType('Desktop');
220
- __unstableSetEditorMode(isZoomedOutView ? 'edit' : 'zoom-out');
221
- }
222
- })))), !isDistractionFree && (0, _react.createElement)("div", {
223
- className: "edit-site-header-edit-mode__center"
149
+ setIsBlockToolsCollapsed(collapsed => !collapsed);
150
+ },
151
+ label: isBlockToolsCollapsed ? (0, _i18n.__)('Show block tools') : (0, _i18n.__)('Hide block tools')
152
+ }))), !isDistractionFree && (0, _react.createElement)("div", {
153
+ className: (0, _classnames.default)('edit-site-header-edit-mode__center', {
154
+ 'is-collapsed': !isBlockToolsCollapsed && isLargeViewport
155
+ })
224
156
  }, !hasDefaultEditorCanvasView ? (0, _editorCanvasContainer.getEditorCanvasContainerTitle)(editorCanvasView) : (0, _react.createElement)(_documentActions.default, null)), (0, _react.createElement)("div", {
225
157
  className: "edit-site-header-edit-mode__end"
226
158
  }, (0, _react.createElement)(_components.__unstableMotion.div, {
@@ -235,7 +167,8 @@ function HeaderEditMode({
235
167
  deviceType: deviceType,
236
168
  setDeviceType: setPreviewDeviceType,
237
169
  label: (0, _i18n.__)('View'),
238
- isEnabled: !isFocusMode && hasDefaultEditorCanvasView
170
+ isEnabled: !isFocusMode && hasDefaultEditorCanvasView,
171
+ showIconLabels: showIconLabels
239
172
  }, ({
240
173
  onClose
241
174
  }) => (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_components.MenuItem, {
@@ -1 +1 @@
1
- {"version":3,"names":["_classnames","_interopRequireDefault","require","_element","_compose","_coreData","_blockEditor","_data","_interface","_i18n","_icons","_components","_keyboardShortcuts","_preferences","_moreMenu","_saveButton","_undo","_redo","_documentActions","_store","_editorCanvasContainer","_lockUnlock","_constants","useShouldContextualToolbarShow","unlock","blockEditorPrivateApis","preventDefault","event","HeaderEditMode","setListViewToggleElement","inserterButton","useRef","deviceType","templateType","isInserterOpen","isListViewOpen","listViewShortcut","isVisualMode","isDistractionFree","blockEditorMode","homeUrl","showIconLabels","editorCanvasView","hasFixedToolbar","useSelect","select","__experimentalGetPreviewDeviceType","getEditedPostType","isInserterOpened","isListViewOpened","getEditorMode","editSiteStore","getShortcutRepresentation","keyboardShortcutsStore","__unstableGetEditorMode","blockEditorStore","postType","getUnstableBase","coreStore","get","getPreference","preferencesStore","home","name","getEditorCanvasContainerView","__experimentalSetPreviewDeviceType","setPreviewDeviceType","setIsInserterOpened","setIsListViewOpened","useDispatch","__unstableSetEditorMode","disableMotion","useReducedMotion","isLargeViewport","useViewportMatch","toggleInserter","useCallback","current","focus","toggleListView","shouldShowContextualToolbar","canFocusHiddenToolbar","fixedToolbarCanBeFocused","blockToolbarCanBeFocused","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","isFocusMode","FOCUSABLE_ENTITIES","includes","longLabel","_x","shortLabel","__","isZoomedOutViewExperimentEnabled","window","__experimentalEnableZoomedOutView","isZoomedOutView","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","_react","createElement","className","classnames","NavigableToolbar","as","motion","div","shouldUseKeyboardFocusShortcut","variants","transition","ToolbarItem","ref","Button","variant","isPressed","onMouseDown","onClick","disabled","icon","plus","label","showTooltip","Fragment","ToolSelector","undefined","UndoButton","RedoButton","listView","shortcut","chevronUpDown","getEditorCanvasContainerTitle","default","__unstableMotion","__experimentalPreviewOptions","setDeviceType","isEnabled","onClose","MenuGroup","MenuItem","href","target","external","VisuallyHidden","PinnedItems","Slot","scope"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useCallback, useRef } from '@wordpress/element';\nimport { useViewportMatch, useReducedMotion } from '@wordpress/compose';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\tToolSelector,\n\t__experimentalPreviewOptions as PreviewOptions,\n\tNavigableToolbar,\n\tstore as blockEditorStore,\n\tprivateApis as blockEditorPrivateApis,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { PinnedItems } from '@wordpress/interface';\nimport { _x, __ } from '@wordpress/i18n';\nimport { listView, plus, external, chevronUpDown } from '@wordpress/icons';\nimport {\n\t__unstableMotion as motion,\n\tButton,\n\tToolbarItem,\n\tMenuGroup,\n\tMenuItem,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { store as keyboardShortcutsStore } from '@wordpress/keyboard-shortcuts';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport MoreMenu from './more-menu';\nimport SaveButton from '../save-button';\nimport UndoButton from './undo-redo/undo';\nimport RedoButton from './undo-redo/redo';\nimport DocumentActions from './document-actions';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tgetEditorCanvasContainerTitle,\n\tuseHasEditorCanvasContainer,\n} from '../editor-canvas-container';\nimport { unlock } from '../../lock-unlock';\nimport { FOCUSABLE_ENTITIES } from '../../utils/constants';\n\nconst { useShouldContextualToolbarShow } = unlock( blockEditorPrivateApis );\n\nconst preventDefault = ( event ) => {\n\tevent.preventDefault();\n};\n\nexport default function HeaderEditMode( { setListViewToggleElement } ) {\n\tconst inserterButton = useRef();\n\tconst {\n\t\tdeviceType,\n\t\ttemplateType,\n\t\tisInserterOpen,\n\t\tisListViewOpen,\n\t\tlistViewShortcut,\n\t\tisVisualMode,\n\t\tisDistractionFree,\n\t\tblockEditorMode,\n\t\thomeUrl,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\thasFixedToolbar,\n\t} = useSelect( ( select ) => {\n\t\tconst {\n\t\t\t__experimentalGetPreviewDeviceType,\n\t\t\tgetEditedPostType,\n\t\t\tisInserterOpened,\n\t\t\tisListViewOpened,\n\t\t\tgetEditorMode,\n\t\t} = select( editSiteStore );\n\t\tconst { getShortcutRepresentation } = select( keyboardShortcutsStore );\n\t\tconst { __unstableGetEditorMode } = select( blockEditorStore );\n\n\t\tconst postType = getEditedPostType();\n\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\tconst { get: getPreference } = select( preferencesStore );\n\n\t\treturn {\n\t\t\tdeviceType: __experimentalGetPreviewDeviceType(),\n\t\t\ttemplateType: postType,\n\t\t\tisInserterOpen: isInserterOpened(),\n\t\t\tisListViewOpen: isListViewOpened(),\n\t\t\tlistViewShortcut: getShortcutRepresentation(\n\t\t\t\t'core/edit-site/toggle-list-view'\n\t\t\t),\n\t\t\tisVisualMode: getEditorMode() === 'visual',\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\tshowIconLabels: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t\teditorCanvasView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\tisDistractionFree: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\thasFixedToolbar: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t};\n\t}, [] );\n\n\tconst {\n\t\t__experimentalSetPreviewDeviceType: setPreviewDeviceType,\n\t\tsetIsInserterOpened,\n\t\tsetIsListViewOpened,\n\t} = useDispatch( editSiteStore );\n\tconst { __unstableSetEditorMode } = useDispatch( blockEditorStore );\n\tconst disableMotion = useReducedMotion();\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\n\tconst toggleInserter = useCallback( () => {\n\t\tif ( isInserterOpen ) {\n\t\t\t// Focusing the inserter button should close the inserter popover.\n\t\t\t// However, there are some cases it won't close when the focus is lost.\n\t\t\t// See https://github.com/WordPress/gutenberg/issues/43090 for more details.\n\t\t\tinserterButton.current.focus();\n\t\t\tsetIsInserterOpened( false );\n\t\t} else {\n\t\t\tsetIsInserterOpened( true );\n\t\t}\n\t}, [ isInserterOpen, setIsInserterOpened ] );\n\n\tconst toggleListView = useCallback(\n\t\t() => setIsListViewOpened( ! isListViewOpen ),\n\t\t[ setIsListViewOpened, isListViewOpen ]\n\t);\n\n\tconst {\n\t\tshouldShowContextualToolbar,\n\t\tcanFocusHiddenToolbar,\n\t\tfixedToolbarCanBeFocused,\n\t} = useShouldContextualToolbarShow();\n\t// If there's a block toolbar to be focused, disable the focus shortcut for the document toolbar.\n\t// There's a fixed block toolbar when the fixed toolbar option is enabled or when the browser width is less than the large viewport.\n\tconst blockToolbarCanBeFocused =\n\t\tshouldShowContextualToolbar ||\n\t\tcanFocusHiddenToolbar ||\n\t\tfixedToolbarCanBeFocused;\n\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\n\tconst isFocusMode = FOCUSABLE_ENTITIES.includes( templateType );\n\n\t/* translators: button label text should, if possible, be under 16 characters. */\n\tconst longLabel = _x(\n\t\t'Toggle block inserter',\n\t\t'Generic label for block inserter button'\n\t);\n\tconst shortLabel = ! isInserterOpen ? __( 'Add' ) : __( 'Close' );\n\n\tconst isZoomedOutViewExperimentEnabled =\n\t\twindow?.__experimentalEnableZoomedOutView && isVisualMode;\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\n\n\tconst toolbarVariants = {\n\t\tisDistractionFree: { y: '-50px' },\n\t\tisDistractionFreeHovering: { y: 0 },\n\t\tview: { y: 0 },\n\t\tedit: { y: 0 },\n\t};\n\n\tconst toolbarTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : 0.2,\n\t\tease: 'easeOut',\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-header-edit-mode', {\n\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ hasDefaultEditorCanvasView && (\n\t\t\t\t<NavigableToolbar\n\t\t\t\t\tas={ motion.div }\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__start\"\n\t\t\t\t\taria-label={ __( 'Document tools' ) }\n\t\t\t\t\tshouldUseKeyboardFocusShortcut={\n\t\t\t\t\t\t! blockToolbarCanBeFocused\n\t\t\t\t\t}\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<div className=\"edit-site-header-edit-mode__toolbar\">\n\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\tref={ inserterButton }\n\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__inserter-toggle\"\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tisPressed={ isInserterOpen }\n\t\t\t\t\t\t\t\tonMouseDown={ preventDefault }\n\t\t\t\t\t\t\t\tonClick={ toggleInserter }\n\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t\ticon={ plus }\n\t\t\t\t\t\t\t\tlabel={\n\t\t\t\t\t\t\t\t\tshowIconLabels ? shortLabel : longLabel\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\taria-expanded={ isInserterOpen }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t{ isLargeViewport && (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t{ ! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\tas={ ToolSelector }\n\t\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tshowIconLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\tdisabled={ ! isVisualMode }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ UndoButton }\n\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\tas={ RedoButton }\n\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\tshowIconLabels ? 'tertiary' : undefined\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__list-view-toggle\"\n\t\t\t\t\t\t\t\t\t\tdisabled={\n\t\t\t\t\t\t\t\t\t\t\t! isVisualMode || isZoomedOutView\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\ticon={ listView }\n\t\t\t\t\t\t\t\t\t\tisPressed={ isListViewOpen }\n\t\t\t\t\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\t\t\t\tlabel={ __( 'List View' ) }\n\t\t\t\t\t\t\t\t\t\tonClick={ toggleListView }\n\t\t\t\t\t\t\t\t\t\tref={ setListViewToggleElement }\n\t\t\t\t\t\t\t\t\t\tshortcut={ listViewShortcut }\n\t\t\t\t\t\t\t\t\t\tshowTooltip={ ! showIconLabels }\n\t\t\t\t\t\t\t\t\t\tvariant={\n\t\t\t\t\t\t\t\t\t\t\tshowIconLabels\n\t\t\t\t\t\t\t\t\t\t\t\t? 'tertiary'\n\t\t\t\t\t\t\t\t\t\t\t\t: undefined\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\taria-expanded={ isListViewOpen }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t{ isZoomedOutViewExperimentEnabled &&\n\t\t\t\t\t\t\t\t\t! isDistractionFree &&\n\t\t\t\t\t\t\t\t\t! hasFixedToolbar && (\n\t\t\t\t\t\t\t\t\t\t<ToolbarItem\n\t\t\t\t\t\t\t\t\t\t\tas={ Button }\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__zoom-out-view-toggle\"\n\t\t\t\t\t\t\t\t\t\t\ticon={ chevronUpDown }\n\t\t\t\t\t\t\t\t\t\t\tisPressed={ isZoomedOutView }\n\t\t\t\t\t\t\t\t\t\t\t/* translators: button label text should, if possible, be under 16 characters. */\n\t\t\t\t\t\t\t\t\t\t\tlabel={ __( 'Zoom-out View' ) }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\tsetPreviewDeviceType(\n\t\t\t\t\t\t\t\t\t\t\t\t\t'Desktop'\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t__unstableSetEditorMode(\n\t\t\t\t\t\t\t\t\t\t\t\t\tisZoomedOutView\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t? 'edit'\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t: 'zoom-out'\n\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t} }\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</>\n\t\t\t\t\t\t) }\n\t\t\t\t\t</div>\n\t\t\t\t</NavigableToolbar>\n\t\t\t) }\n\n\t\t\t{ ! isDistractionFree && (\n\t\t\t\t<div className=\"edit-site-header-edit-mode__center\">\n\t\t\t\t\t{ ! hasDefaultEditorCanvasView ? (\n\t\t\t\t\t\tgetEditorCanvasContainerTitle( editorCanvasView )\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<DocumentActions />\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t<div className=\"edit-site-header-edit-mode__end\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__actions\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-header-edit-mode__preview-options',\n\t\t\t\t\t\t\t{ 'is-zoomed-out': isZoomedOutView }\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<PreviewOptions\n\t\t\t\t\t\t\tdeviceType={ deviceType }\n\t\t\t\t\t\t\tsetDeviceType={ setPreviewDeviceType }\n\t\t\t\t\t\t\tlabel={ __( 'View' ) }\n\t\t\t\t\t\t\tisEnabled={\n\t\t\t\t\t\t\t\t! isFocusMode && hasDefaultEditorCanvasView\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\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\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'View site' ) }\n\t\t\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\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\t\t}\n\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\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</PreviewOptions>\n\t\t\t\t\t</div>\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t) }\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t</motion.div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["_classnames","_interopRequireDefault","require","_compose","_coreData","_blockEditor","_data","_element","_interface","_i18n","_icons","_components","_preferences","_moreMenu","_saveButton","_documentActions","_documentTools","_store","_editorCanvasContainer","_lockUnlock","_constants","BlockContextualToolbar","unlock","blockEditorPrivateApis","HeaderEditMode","setListViewToggleElement","deviceType","templateType","isDistractionFree","blockEditorMode","blockSelectionStart","homeUrl","showIconLabels","editorCanvasView","hasFixedToolbar","isZoomOutMode","useSelect","select","__experimentalGetPreviewDeviceType","getEditedPostType","editSiteStore","getBlockSelectionStart","__unstableGetEditorMode","blockEditorStore","postType","getUnstableBase","coreStore","get","getPreference","preferencesStore","home","name","getEditorCanvasContainerView","isLargeViewport","useViewportMatch","isTopToolbar","blockToolbarRef","useRef","__experimentalSetPreviewDeviceType","setPreviewDeviceType","useDispatch","disableMotion","useReducedMotion","hasDefaultEditorCanvasView","useHasEditorCanvasContainer","isFocusMode","FOCUSABLE_ENTITIES","includes","isZoomedOutView","isBlockToolsCollapsed","setIsBlockToolsCollapsed","useState","hasBlockSelected","useEffect","toolbarVariants","y","isDistractionFreeHovering","view","edit","toolbarTransition","type","duration","ease","_react","createElement","className","classnames","__unstableMotion","div","variants","transition","default","Fragment","isFixed","Popover","Slot","ref","Button","icon","next","previous","onClick","collapsed","label","__","getEditorCanvasContainerTitle","__experimentalPreviewOptions","setDeviceType","isEnabled","onClose","MenuGroup","MenuItem","href","target","external","VisuallyHidden","as","PinnedItems","scope"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { useViewportMatch, useReducedMotion } from '@wordpress/compose';\nimport { store as coreStore } from '@wordpress/core-data';\nimport {\n\t__experimentalPreviewOptions as PreviewOptions,\n\tprivateApis as blockEditorPrivateApis,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef, useState } from '@wordpress/element';\nimport { PinnedItems } from '@wordpress/interface';\nimport { __ } from '@wordpress/i18n';\nimport { external, next, previous } from '@wordpress/icons';\nimport {\n\tButton,\n\t__unstableMotion as motion,\n\tMenuGroup,\n\tMenuItem,\n\tPopover,\n\tVisuallyHidden,\n} from '@wordpress/components';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport MoreMenu from './more-menu';\nimport SaveButton from '../save-button';\nimport DocumentActions from './document-actions';\nimport DocumentTools from './document-tools';\nimport { store as editSiteStore } from '../../store';\nimport {\n\tgetEditorCanvasContainerTitle,\n\tuseHasEditorCanvasContainer,\n} from '../editor-canvas-container';\nimport { unlock } from '../../lock-unlock';\nimport { FOCUSABLE_ENTITIES } from '../../utils/constants';\n\nconst { BlockContextualToolbar } = unlock( blockEditorPrivateApis );\n\nexport default function HeaderEditMode( { setListViewToggleElement } ) {\n\tconst {\n\t\tdeviceType,\n\t\ttemplateType,\n\t\tisDistractionFree,\n\t\tblockEditorMode,\n\t\tblockSelectionStart,\n\t\thomeUrl,\n\t\tshowIconLabels,\n\t\teditorCanvasView,\n\t\thasFixedToolbar,\n\t\tisZoomOutMode,\n\t} = useSelect( ( select ) => {\n\t\tconst { __experimentalGetPreviewDeviceType, getEditedPostType } =\n\t\t\tselect( editSiteStore );\n\t\tconst { getBlockSelectionStart, __unstableGetEditorMode } =\n\t\t\tselect( blockEditorStore );\n\n\t\tconst postType = getEditedPostType();\n\n\t\tconst {\n\t\t\tgetUnstableBase, // Site index.\n\t\t} = select( coreStore );\n\n\t\tconst { get: getPreference } = select( preferencesStore );\n\n\t\treturn {\n\t\t\tdeviceType: __experimentalGetPreviewDeviceType(),\n\t\t\ttemplateType: postType,\n\t\t\tblockEditorMode: __unstableGetEditorMode(),\n\t\t\tblockSelectionStart: getBlockSelectionStart(),\n\t\t\thomeUrl: getUnstableBase()?.home,\n\t\t\tshowIconLabels: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'showIconLabels'\n\t\t\t),\n\t\t\teditorCanvasView: unlock(\n\t\t\t\tselect( editSiteStore )\n\t\t\t).getEditorCanvasContainerView(),\n\t\t\thasFixedToolbar: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'fixedToolbar'\n\t\t\t),\n\t\t\tisDistractionFree: getPreference(\n\t\t\t\teditSiteStore.name,\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t\tisZoomOutMode: __unstableGetEditorMode() === 'zoom-out',\n\t\t};\n\t}, [] );\n\n\tconst isLargeViewport = useViewportMatch( 'medium' );\n\tconst isTopToolbar = ! isZoomOutMode && hasFixedToolbar && isLargeViewport;\n\tconst blockToolbarRef = useRef();\n\n\tconst { __experimentalSetPreviewDeviceType: setPreviewDeviceType } =\n\t\tuseDispatch( editSiteStore );\n\tconst disableMotion = useReducedMotion();\n\n\tconst hasDefaultEditorCanvasView = ! useHasEditorCanvasContainer();\n\n\tconst isFocusMode = FOCUSABLE_ENTITIES.includes( templateType );\n\n\tconst isZoomedOutView = blockEditorMode === 'zoom-out';\n\n\tconst [ isBlockToolsCollapsed, setIsBlockToolsCollapsed ] =\n\t\tuseState( true );\n\n\tconst hasBlockSelected = !! blockSelectionStart;\n\n\tuseEffect( () => {\n\t\t// If we have a new block selection, show the block tools\n\t\tif ( blockSelectionStart ) {\n\t\t\tsetIsBlockToolsCollapsed( false );\n\t\t}\n\t}, [ blockSelectionStart ] );\n\n\tconst toolbarVariants = {\n\t\tisDistractionFree: { y: '-50px' },\n\t\tisDistractionFreeHovering: { y: 0 },\n\t\tview: { y: 0 },\n\t\tedit: { y: 0 },\n\t};\n\n\tconst toolbarTransition = {\n\t\ttype: 'tween',\n\t\tduration: disableMotion ? 0 : 0.2,\n\t\tease: 'easeOut',\n\t};\n\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-header-edit-mode', {\n\t\t\t\t'show-icon-labels': showIconLabels,\n\t\t\t} ) }\n\t\t>\n\t\t\t{ hasDefaultEditorCanvasView && (\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__start\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<DocumentTools\n\t\t\t\t\t\tblockEditorMode={ blockEditorMode }\n\t\t\t\t\t\tisDistractionFree={ isDistractionFree }\n\t\t\t\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t\t\t\tsetListViewToggleElement={ setListViewToggleElement }\n\t\t\t\t\t/>\n\t\t\t\t\t{ isTopToolbar && (\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t\t\t'selected-block-tools-wrapper',\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t'is-collapsed': isBlockToolsCollapsed,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<BlockContextualToolbar isFixed />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<Popover.Slot\n\t\t\t\t\t\t\t\tref={ blockToolbarRef }\n\t\t\t\t\t\t\t\tname=\"block-toolbar\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t{ hasBlockSelected && (\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tclassName=\"edit-site-header-edit-mode__block-tools-toggle\"\n\t\t\t\t\t\t\t\t\ticon={\n\t\t\t\t\t\t\t\t\t\tisBlockToolsCollapsed ? next : previous\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\tsetIsBlockToolsCollapsed(\n\t\t\t\t\t\t\t\t\t\t\t( collapsed ) => ! collapsed\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\tlabel={\n\t\t\t\t\t\t\t\t\t\tisBlockToolsCollapsed\n\t\t\t\t\t\t\t\t\t\t\t? __( 'Show block tools' )\n\t\t\t\t\t\t\t\t\t\t\t: __( 'Hide block tools' )\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t</>\n\t\t\t\t\t) }\n\t\t\t\t</motion.div>\n\t\t\t) }\n\n\t\t\t{ ! isDistractionFree && (\n\t\t\t\t<div\n\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t'edit-site-header-edit-mode__center',\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\t'is-collapsed':\n\t\t\t\t\t\t\t\t! isBlockToolsCollapsed && isLargeViewport,\n\t\t\t\t\t\t}\n\t\t\t\t\t) }\n\t\t\t\t>\n\t\t\t\t\t{ ! hasDefaultEditorCanvasView ? (\n\t\t\t\t\t\tgetEditorCanvasContainerTitle( editorCanvasView )\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<DocumentActions />\n\t\t\t\t\t) }\n\t\t\t\t</div>\n\t\t\t) }\n\n\t\t\t<div className=\"edit-site-header-edit-mode__end\">\n\t\t\t\t<motion.div\n\t\t\t\t\tclassName=\"edit-site-header-edit-mode__actions\"\n\t\t\t\t\tvariants={ toolbarVariants }\n\t\t\t\t\ttransition={ toolbarTransition }\n\t\t\t\t>\n\t\t\t\t\t<div\n\t\t\t\t\t\tclassName={ classnames(\n\t\t\t\t\t\t\t'edit-site-header-edit-mode__preview-options',\n\t\t\t\t\t\t\t{ 'is-zoomed-out': isZoomedOutView }\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t<PreviewOptions\n\t\t\t\t\t\t\tdeviceType={ deviceType }\n\t\t\t\t\t\t\tsetDeviceType={ setPreviewDeviceType }\n\t\t\t\t\t\t\tlabel={ __( 'View' ) }\n\t\t\t\t\t\t\tisEnabled={\n\t\t\t\t\t\t\t\t! isFocusMode && hasDefaultEditorCanvasView\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tshowIconLabels={ showIconLabels }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ ( { onClose } ) => (\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\thref={ homeUrl }\n\t\t\t\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\t\t\tonClick={ onClose }\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{ __( 'View site' ) }\n\t\t\t\t\t\t\t\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t/* translators: accessibility text */\n\t\t\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\t\t}\n\t\t\t\t\t\t\t\t\t\t</VisuallyHidden>\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</PreviewOptions>\n\t\t\t\t\t</div>\n\t\t\t\t\t<SaveButton />\n\t\t\t\t\t{ ! isDistractionFree && (\n\t\t\t\t\t\t<PinnedItems.Slot scope=\"core/edit-site\" />\n\t\t\t\t\t) }\n\t\t\t\t\t<MoreMenu showIconLabels={ showIconLabels } />\n\t\t\t\t</motion.div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
@@ -49,7 +49,7 @@ function MoreMenu({
49
49
  } = (0, _data.useDispatch)(_preferences.store);
50
50
  const toggleDistractionFree = () => {
51
51
  registry.batch(() => {
52
- setPreference('core/edit-site', 'fixedToolbar', false);
52
+ setPreference('core/edit-site', 'fixedToolbar', true);
53
53
  setIsInserterOpened(false);
54
54
  setIsListViewOpened(false);
55
55
  closeGeneralSidebar();
@@ -1 +1 @@
1
- {"version":3,"names":["_i18n","require","_data","_keycodes","_icons","_components","_interface","_preferences","_keyboardShortcutHelpModal","_interopRequireWildcard","_preferencesModal","_toolsMoreMenuGroup","_interopRequireDefault","_siteExport","_welcomeGuideMenuItem","_copyContentMenuItem","_modeSwitcher","_store","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MoreMenu","showIconLabels","registry","useRegistry","isDistractionFree","useSelect","select","preferencesStore","setIsInserterOpened","setIsListViewOpened","closeGeneralSidebar","useDispatch","siteEditorStore","openModal","interfaceStore","setPreference","toggleDistractionFree","batch","_react","createElement","Fragment","MoreMenuDropdown","toggleProps","showTooltip","variant","onClose","MenuGroup","label","_x","PreferenceToggleMenuItem","scope","name","disabled","__","info","messageActivated","messageDeactivated","onToggle","shortcut","displayShortcut","primaryShift","ActionItem","Slot","as","fillProps","onClick","MenuItem","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","access","icon","external","role","href","target","rel","VisuallyHidden","PREFERENCES_MODAL_NAME"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { external } from '@wordpress/icons';\nimport { MenuGroup, MenuItem, VisuallyHidden } from '@wordpress/components';\nimport {\n\tActionItem,\n\tMoreMenuDropdown,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport {\n\tPreferenceToggleMenuItem,\n\tstore as preferencesStore,\n} from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport {\n\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME,\n\tdefault as KeyboardShortcutHelpModal,\n} from '../../keyboard-shortcut-help-modal';\nimport {\n\tPREFERENCES_MODAL_NAME,\n\tdefault as EditSitePreferencesModal,\n} from '../../preferences-modal';\nimport ToolsMoreMenuGroup from '../tools-more-menu-group';\nimport SiteExport from './site-export';\nimport WelcomeGuideMenuItem from './welcome-guide-menu-item';\nimport CopyContentMenuItem from './copy-content-menu-item';\nimport ModeSwitcher from '../mode-switcher';\nimport { store as siteEditorStore } from '../../../store';\n\nexport default function MoreMenu( { showIconLabels } ) {\n\tconst registry = useRegistry();\n\tconst isDistractionFree = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst { setIsInserterOpened, setIsListViewOpened, closeGeneralSidebar } =\n\t\tuseDispatch( siteEditorStore );\n\tconst { openModal } = useDispatch( interfaceStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\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\treturn (\n\t\t<>\n\t\t\t<MoreMenuDropdown\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\tshowTooltip: ! showIconLabels,\n\t\t\t\t\t...( showIconLabels && { variant: 'tertiary' } ),\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\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/edit-site\"\n\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\tdisabled={ isDistractionFree }\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\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\t\t\t\t\tname=\"focusMode\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\t\t\t\t\tinfo={ __( 'Focus on one block at a time' ) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Spotlight mode 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'Spotlight mode 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\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\t\t\t\t\tname=\"distractionFree\"\n\t\t\t\t\t\t\t\tonToggle={ toggleDistractionFree }\n\t\t\t\t\t\t\t\tlabel={ __( 'Distraction free' ) }\n\t\t\t\t\t\t\t\tinfo={ __( 'Write with calmness' ) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Distraction free mode 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'Distraction free mode deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primaryShift(\n\t\t\t\t\t\t\t\t\t'\\\\'\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<ModeSwitcher />\n\t\t\t\t\t\t<ActionItem.Slot\n\t\t\t\t\t\t\tname=\"core/edit-site/plugin-more-menu\"\n\t\t\t\t\t\t\tlabel={ __( 'Plugins' ) }\n\t\t\t\t\t\t\tas={ MenuGroup }\n\t\t\t\t\t\t\tfillProps={ { onClick: onClose } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Tools' ) }>\n\t\t\t\t\t\t\t<SiteExport />\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\topenModal(\n\t\t\t\t\t\t\t\t\t\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME\n\t\t\t\t\t\t\t\t\t)\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<WelcomeGuideMenuItem />\n\t\t\t\t\t\t\t<CopyContentMenuItem />\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/site-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\t<ToolsMoreMenuGroup.Slot\n\t\t\t\t\t\t\t\tfillProps={ { onClose } }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\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\topenModal( PREFERENCES_MODAL_NAME )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Preferences' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</MoreMenuDropdown>\n\t\t\t<KeyboardShortcutHelpModal />\n\t\t\t<EditSitePreferencesModal />\n\t\t</>\n\t);\n}\n"],"mappings":"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"}
1
+ {"version":3,"names":["_i18n","require","_data","_keycodes","_icons","_components","_interface","_preferences","_keyboardShortcutHelpModal","_interopRequireWildcard","_preferencesModal","_toolsMoreMenuGroup","_interopRequireDefault","_siteExport","_welcomeGuideMenuItem","_copyContentMenuItem","_modeSwitcher","_store","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","MoreMenu","showIconLabels","registry","useRegistry","isDistractionFree","useSelect","select","preferencesStore","setIsInserterOpened","setIsListViewOpened","closeGeneralSidebar","useDispatch","siteEditorStore","openModal","interfaceStore","setPreference","toggleDistractionFree","batch","_react","createElement","Fragment","MoreMenuDropdown","toggleProps","showTooltip","variant","onClose","MenuGroup","label","_x","PreferenceToggleMenuItem","scope","name","disabled","__","info","messageActivated","messageDeactivated","onToggle","shortcut","displayShortcut","primaryShift","ActionItem","Slot","as","fillProps","onClick","MenuItem","KEYBOARD_SHORTCUT_HELP_MODAL_NAME","access","icon","external","role","href","target","rel","VisuallyHidden","PREFERENCES_MODAL_NAME"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/more-menu/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x } from '@wordpress/i18n';\nimport { useSelect, useDispatch, useRegistry } from '@wordpress/data';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { external } from '@wordpress/icons';\nimport { MenuGroup, MenuItem, VisuallyHidden } from '@wordpress/components';\nimport {\n\tActionItem,\n\tMoreMenuDropdown,\n\tstore as interfaceStore,\n} from '@wordpress/interface';\nimport {\n\tPreferenceToggleMenuItem,\n\tstore as preferencesStore,\n} from '@wordpress/preferences';\n\n/**\n * Internal dependencies\n */\nimport {\n\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME,\n\tdefault as KeyboardShortcutHelpModal,\n} from '../../keyboard-shortcut-help-modal';\nimport {\n\tPREFERENCES_MODAL_NAME,\n\tdefault as EditSitePreferencesModal,\n} from '../../preferences-modal';\nimport ToolsMoreMenuGroup from '../tools-more-menu-group';\nimport SiteExport from './site-export';\nimport WelcomeGuideMenuItem from './welcome-guide-menu-item';\nimport CopyContentMenuItem from './copy-content-menu-item';\nimport ModeSwitcher from '../mode-switcher';\nimport { store as siteEditorStore } from '../../../store';\n\nexport default function MoreMenu( { showIconLabels } ) {\n\tconst registry = useRegistry();\n\tconst isDistractionFree = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get(\n\t\t\t\t'core/edit-site',\n\t\t\t\t'distractionFree'\n\t\t\t),\n\t\t[]\n\t);\n\n\tconst { setIsInserterOpened, setIsListViewOpened, closeGeneralSidebar } =\n\t\tuseDispatch( siteEditorStore );\n\tconst { openModal } = useDispatch( interfaceStore );\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\n\tconst toggleDistractionFree = () => {\n\t\tregistry.batch( () => {\n\t\t\tsetPreference( 'core/edit-site', 'fixedToolbar', true );\n\t\t\tsetIsInserterOpened( false );\n\t\t\tsetIsListViewOpened( false );\n\t\t\tcloseGeneralSidebar();\n\t\t} );\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<MoreMenuDropdown\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\tshowTooltip: ! showIconLabels,\n\t\t\t\t\t...( showIconLabels && { variant: 'tertiary' } ),\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\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/edit-site\"\n\t\t\t\t\t\t\t\tname=\"fixedToolbar\"\n\t\t\t\t\t\t\t\tdisabled={ isDistractionFree }\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\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\t\t\t\t\tname=\"focusMode\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Spotlight mode' ) }\n\t\t\t\t\t\t\t\tinfo={ __( 'Focus on one block at a time' ) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Spotlight mode 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'Spotlight mode 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\t<PreferenceToggleMenuItem\n\t\t\t\t\t\t\t\tscope=\"core/edit-site\"\n\t\t\t\t\t\t\t\tname=\"distractionFree\"\n\t\t\t\t\t\t\t\tonToggle={ toggleDistractionFree }\n\t\t\t\t\t\t\t\tlabel={ __( 'Distraction free' ) }\n\t\t\t\t\t\t\t\tinfo={ __( 'Write with calmness' ) }\n\t\t\t\t\t\t\t\tmessageActivated={ __(\n\t\t\t\t\t\t\t\t\t'Distraction free mode 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'Distraction free mode deactivated'\n\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\tshortcut={ displayShortcut.primaryShift(\n\t\t\t\t\t\t\t\t\t'\\\\'\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<ModeSwitcher />\n\t\t\t\t\t\t<ActionItem.Slot\n\t\t\t\t\t\t\tname=\"core/edit-site/plugin-more-menu\"\n\t\t\t\t\t\t\tlabel={ __( 'Plugins' ) }\n\t\t\t\t\t\t\tas={ MenuGroup }\n\t\t\t\t\t\t\tfillProps={ { onClick: onClose } }\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<MenuGroup label={ __( 'Tools' ) }>\n\t\t\t\t\t\t\t<SiteExport />\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\topenModal(\n\t\t\t\t\t\t\t\t\t\tKEYBOARD_SHORTCUT_HELP_MODAL_NAME\n\t\t\t\t\t\t\t\t\t)\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<WelcomeGuideMenuItem />\n\t\t\t\t\t\t\t<CopyContentMenuItem />\n\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\ticon={ external }\n\t\t\t\t\t\t\t\trole=\"menuitem\"\n\t\t\t\t\t\t\t\thref={ __(\n\t\t\t\t\t\t\t\t\t'https://wordpress.org/documentation/article/site-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\t<ToolsMoreMenuGroup.Slot\n\t\t\t\t\t\t\t\tfillProps={ { onClose } }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<MenuGroup>\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\topenModal( PREFERENCES_MODAL_NAME )\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ __( 'Preferences' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t</MoreMenuDropdown>\n\t\t\t<KeyboardShortcutHelpModal />\n\t\t\t<EditSitePreferencesModal />\n\t\t</>\n\t);\n}\n"],"mappings":"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"}