@wordpress/edit-site 5.24.1 → 5.25.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 (347) hide show
  1. package/CHANGELOG.md +2 -0
  2. package/build/components/add-new-template/add-custom-template-modal-content.js +2 -3
  3. package/build/components/add-new-template/add-custom-template-modal-content.js.map +1 -1
  4. package/build/components/block-editor/editor-canvas.js +48 -23
  5. package/build/components/block-editor/editor-canvas.js.map +1 -1
  6. package/build/components/block-editor/site-editor-canvas.js +5 -54
  7. package/build/components/block-editor/site-editor-canvas.js.map +1 -1
  8. package/build/components/block-editor/use-site-editor-settings.js +14 -5
  9. package/build/components/block-editor/use-site-editor-settings.js.map +1 -1
  10. package/build/components/editor/index.js +6 -17
  11. package/build/components/editor/index.js.map +1 -1
  12. package/build/components/global-styles/font-library-modal/collection-font-variant.js +8 -7
  13. package/build/components/global-styles/font-library-modal/collection-font-variant.js.map +1 -1
  14. package/build/components/global-styles/font-library-modal/context.js +1 -1
  15. package/build/components/global-styles/font-library-modal/context.js.map +1 -1
  16. package/build/components/global-styles/font-library-modal/library-font-variant.js +8 -7
  17. package/build/components/global-styles/font-library-modal/library-font-variant.js.map +1 -1
  18. package/build/components/global-styles/screen-revisions/get-revision-changes.js +146 -0
  19. package/build/components/global-styles/screen-revisions/get-revision-changes.js.map +1 -0
  20. package/build/components/global-styles/screen-revisions/index.js +6 -10
  21. package/build/components/global-styles/screen-revisions/index.js.map +1 -1
  22. package/build/components/global-styles/screen-revisions/revisions-buttons.js +63 -13
  23. package/build/components/global-styles/screen-revisions/revisions-buttons.js.map +1 -1
  24. package/build/components/header-edit-mode/document-tools/index.js +17 -10
  25. package/build/components/header-edit-mode/document-tools/index.js.map +1 -1
  26. package/build/components/header-edit-mode/index.js +16 -38
  27. package/build/components/header-edit-mode/index.js.map +1 -1
  28. package/build/components/header-edit-mode/more-menu/index.js +11 -9
  29. package/build/components/header-edit-mode/more-menu/index.js.map +1 -1
  30. package/build/components/layout/index.js +9 -8
  31. package/build/components/layout/index.js.map +1 -1
  32. package/build/components/page/header.js +2 -1
  33. package/build/components/page/header.js.map +1 -1
  34. package/build/components/page-pages/index.js +31 -28
  35. package/build/components/page-pages/index.js.map +1 -1
  36. package/build/components/page-patterns/patterns-list.js +1 -2
  37. package/build/components/page-patterns/patterns-list.js.map +1 -1
  38. package/build/components/page-patterns/rename-menu-item.js +3 -0
  39. package/build/components/page-patterns/rename-menu-item.js.map +1 -1
  40. package/build/components/page-templates/dataviews-templates.js +18 -17
  41. package/build/components/page-templates/dataviews-templates.js.map +1 -1
  42. package/build/components/preferences-modal/index.js +36 -20
  43. package/build/components/preferences-modal/index.js.map +1 -1
  44. package/build/components/routes/use-title.js +3 -4
  45. package/build/components/routes/use-title.js.map +1 -1
  46. package/build/components/save-button/index.js +2 -1
  47. package/build/components/save-button/index.js.map +1 -1
  48. package/build/components/sidebar/index.js +26 -12
  49. package/build/components/sidebar/index.js.map +1 -1
  50. package/build/components/sidebar-dataviews/dataview-item.js +2 -10
  51. package/build/components/sidebar-dataviews/dataview-item.js.map +1 -1
  52. package/build/components/sidebar-dataviews/default-views.js +2 -2
  53. package/build/components/sidebar-dataviews/default-views.js.map +1 -1
  54. package/build/components/sidebar-edit-mode/page-panels/index.js +9 -3
  55. package/build/components/sidebar-edit-mode/page-panels/index.js.map +1 -1
  56. package/build/components/sidebar-edit-mode/page-panels/page-summary.js +1 -2
  57. package/build/components/sidebar-edit-mode/page-panels/page-summary.js.map +1 -1
  58. package/build/components/sidebar-navigation-screen-navigation-menu/rename-modal.js +3 -0
  59. package/build/components/sidebar-navigation-screen-navigation-menu/rename-modal.js.map +1 -1
  60. package/build/components/sidebar-navigation-screen-patterns/use-pattern-categories.js +1 -1
  61. package/build/components/sidebar-navigation-screen-patterns/use-pattern-categories.js.map +1 -1
  62. package/build/components/sidebar-navigation-screen-template/home-template-details.js +3 -89
  63. package/build/components/sidebar-navigation-screen-template/home-template-details.js.map +1 -1
  64. package/build/components/sidebar-navigation-screen-template/index.js +2 -1
  65. package/build/components/sidebar-navigation-screen-template/index.js.map +1 -1
  66. package/build/components/sidebar-navigation-screen-template/template-areas.js +117 -0
  67. package/build/components/sidebar-navigation-screen-template/template-areas.js.map +1 -0
  68. package/build/components/site-hub/index.js +6 -3
  69. package/build/components/site-hub/index.js.map +1 -1
  70. package/build/components/template-actions/rename-menu-item.js +3 -0
  71. package/build/components/template-actions/rename-menu-item.js.map +1 -1
  72. package/build/components/welcome-guide/styles.js +1 -1
  73. package/build/components/welcome-guide/styles.js.map +1 -1
  74. package/build/hooks/commands/use-common-commands.js +9 -1
  75. package/build/hooks/commands/use-common-commands.js.map +1 -1
  76. package/build/hooks/navigation-menu-edit.js +1 -1
  77. package/build/hooks/navigation-menu-edit.js.map +1 -1
  78. package/build/hooks/template-part-edit.js +1 -1
  79. package/build/hooks/template-part-edit.js.map +1 -1
  80. package/build/store/actions.js +15 -8
  81. package/build/store/actions.js.map +1 -1
  82. package/build/store/reducer.js +0 -18
  83. package/build/store/reducer.js.map +1 -1
  84. package/build/store/selectors.js +12 -6
  85. package/build/store/selectors.js.map +1 -1
  86. package/build/utils/constants.js +15 -1
  87. package/build/utils/constants.js.map +1 -1
  88. package/build-module/components/add-new-template/add-custom-template-modal-content.js +1 -1
  89. package/build-module/components/add-new-template/add-custom-template-modal-content.js.map +1 -1
  90. package/build-module/components/block-editor/editor-canvas.js +50 -25
  91. package/build-module/components/block-editor/editor-canvas.js.map +1 -1
  92. package/build-module/components/block-editor/site-editor-canvas.js +8 -56
  93. package/build-module/components/block-editor/site-editor-canvas.js.map +1 -1
  94. package/build-module/components/block-editor/use-site-editor-settings.js +14 -5
  95. package/build-module/components/block-editor/use-site-editor-settings.js.map +1 -1
  96. package/build-module/components/editor/index.js +9 -20
  97. package/build-module/components/editor/index.js.map +1 -1
  98. package/build-module/components/global-styles/font-library-modal/collection-font-variant.js +9 -7
  99. package/build-module/components/global-styles/font-library-modal/collection-font-variant.js.map +1 -1
  100. package/build-module/components/global-styles/font-library-modal/context.js +1 -1
  101. package/build-module/components/global-styles/font-library-modal/context.js.map +1 -1
  102. package/build-module/components/global-styles/font-library-modal/library-font-variant.js +9 -7
  103. package/build-module/components/global-styles/font-library-modal/library-font-variant.js.map +1 -1
  104. package/build-module/components/global-styles/screen-revisions/get-revision-changes.js +139 -0
  105. package/build-module/components/global-styles/screen-revisions/get-revision-changes.js.map +1 -0
  106. package/build-module/components/global-styles/screen-revisions/index.js +7 -11
  107. package/build-module/components/global-styles/screen-revisions/index.js.map +1 -1
  108. package/build-module/components/global-styles/screen-revisions/revisions-buttons.js +64 -14
  109. package/build-module/components/global-styles/screen-revisions/revisions-buttons.js.map +1 -1
  110. package/build-module/components/header-edit-mode/document-tools/index.js +17 -10
  111. package/build-module/components/header-edit-mode/document-tools/index.js.map +1 -1
  112. package/build-module/components/header-edit-mode/index.js +20 -42
  113. package/build-module/components/header-edit-mode/index.js.map +1 -1
  114. package/build-module/components/header-edit-mode/more-menu/index.js +12 -10
  115. package/build-module/components/header-edit-mode/more-menu/index.js.map +1 -1
  116. package/build-module/components/layout/index.js +9 -8
  117. package/build-module/components/layout/index.js.map +1 -1
  118. package/build-module/components/page/header.js +2 -1
  119. package/build-module/components/page/header.js.map +1 -1
  120. package/build-module/components/page-pages/index.js +31 -28
  121. package/build-module/components/page-pages/index.js.map +1 -1
  122. package/build-module/components/page-patterns/patterns-list.js +1 -2
  123. package/build-module/components/page-patterns/patterns-list.js.map +1 -1
  124. package/build-module/components/page-patterns/rename-menu-item.js +3 -0
  125. package/build-module/components/page-patterns/rename-menu-item.js.map +1 -1
  126. package/build-module/components/page-templates/dataviews-templates.js +18 -17
  127. package/build-module/components/page-templates/dataviews-templates.js.map +1 -1
  128. package/build-module/components/preferences-modal/index.js +37 -21
  129. package/build-module/components/preferences-modal/index.js.map +1 -1
  130. package/build-module/components/routes/use-title.js +3 -4
  131. package/build-module/components/routes/use-title.js.map +1 -1
  132. package/build-module/components/save-button/index.js +2 -1
  133. package/build-module/components/save-button/index.js.map +1 -1
  134. package/build-module/components/sidebar/index.js +26 -12
  135. package/build-module/components/sidebar/index.js.map +1 -1
  136. package/build-module/components/sidebar-dataviews/dataview-item.js +2 -10
  137. package/build-module/components/sidebar-dataviews/dataview-item.js.map +1 -1
  138. package/build-module/components/sidebar-dataviews/default-views.js +2 -2
  139. package/build-module/components/sidebar-dataviews/default-views.js.map +1 -1
  140. package/build-module/components/sidebar-edit-mode/page-panels/index.js +9 -3
  141. package/build-module/components/sidebar-edit-mode/page-panels/index.js.map +1 -1
  142. package/build-module/components/sidebar-edit-mode/page-panels/page-summary.js +2 -3
  143. package/build-module/components/sidebar-edit-mode/page-panels/page-summary.js.map +1 -1
  144. package/build-module/components/sidebar-navigation-screen-navigation-menu/rename-modal.js +3 -0
  145. package/build-module/components/sidebar-navigation-screen-navigation-menu/rename-modal.js.map +1 -1
  146. package/build-module/components/sidebar-navigation-screen-patterns/use-pattern-categories.js +1 -1
  147. package/build-module/components/sidebar-navigation-screen-patterns/use-pattern-categories.js.map +1 -1
  148. package/build-module/components/sidebar-navigation-screen-template/home-template-details.js +5 -90
  149. package/build-module/components/sidebar-navigation-screen-template/home-template-details.js.map +1 -1
  150. package/build-module/components/sidebar-navigation-screen-template/index.js +2 -1
  151. package/build-module/components/sidebar-navigation-screen-template/index.js.map +1 -1
  152. package/build-module/components/sidebar-navigation-screen-template/template-areas.js +109 -0
  153. package/build-module/components/sidebar-navigation-screen-template/template-areas.js.map +1 -0
  154. package/build-module/components/site-hub/index.js +6 -3
  155. package/build-module/components/site-hub/index.js.map +1 -1
  156. package/build-module/components/template-actions/rename-menu-item.js +3 -0
  157. package/build-module/components/template-actions/rename-menu-item.js.map +1 -1
  158. package/build-module/components/welcome-guide/styles.js +1 -1
  159. package/build-module/components/welcome-guide/styles.js.map +1 -1
  160. package/build-module/hooks/commands/use-common-commands.js +9 -1
  161. package/build-module/hooks/commands/use-common-commands.js.map +1 -1
  162. package/build-module/hooks/navigation-menu-edit.js +1 -1
  163. package/build-module/hooks/navigation-menu-edit.js.map +1 -1
  164. package/build-module/hooks/template-part-edit.js +1 -1
  165. package/build-module/hooks/template-part-edit.js.map +1 -1
  166. package/build-module/store/actions.js +13 -6
  167. package/build-module/store/actions.js.map +1 -1
  168. package/build-module/store/reducer.js +0 -17
  169. package/build-module/store/reducer.js.map +1 -1
  170. package/build-module/store/selectors.js +10 -3
  171. package/build-module/store/selectors.js.map +1 -1
  172. package/build-module/utils/constants.js +8 -0
  173. package/build-module/utils/constants.js.map +1 -1
  174. package/build-style/style-rtl.css +302 -354
  175. package/build-style/style.css +302 -354
  176. package/package.json +42 -42
  177. package/src/components/add-new-template/add-custom-template-modal-content.js +1 -1
  178. package/src/components/block-editor/editor-canvas.js +63 -47
  179. package/src/components/block-editor/site-editor-canvas.js +32 -96
  180. package/src/components/block-editor/style.scss +6 -12
  181. package/src/components/block-editor/use-site-editor-settings.js +47 -36
  182. package/src/components/editor/index.js +10 -16
  183. package/src/components/global-styles/font-library-modal/collection-font-variant.js +12 -6
  184. package/src/components/global-styles/font-library-modal/context.js +1 -1
  185. package/src/components/global-styles/font-library-modal/library-font-variant.js +12 -6
  186. package/src/components/global-styles/screen-revisions/get-revision-changes.js +171 -0
  187. package/src/components/global-styles/screen-revisions/index.js +4 -11
  188. package/src/components/global-styles/screen-revisions/revisions-buttons.js +86 -17
  189. package/src/components/global-styles/screen-revisions/style.scss +10 -2
  190. package/src/components/global-styles/screen-revisions/test/get-revision-changes.js +191 -0
  191. package/src/components/header-edit-mode/document-tools/index.js +13 -13
  192. package/src/components/header-edit-mode/index.js +29 -63
  193. package/src/components/header-edit-mode/more-menu/index.js +18 -22
  194. package/src/components/header-edit-mode/style.scss +58 -33
  195. package/src/components/layout/index.js +21 -20
  196. package/src/components/list/style.scss +5 -0
  197. package/src/components/page/header.js +2 -1
  198. package/src/components/page/style.scss +2 -2
  199. package/src/components/page-pages/index.js +59 -35
  200. package/src/components/page-pages/style.scss +3 -1
  201. package/src/components/page-patterns/patterns-list.js +5 -2
  202. package/src/components/page-patterns/rename-menu-item.js +7 -1
  203. package/src/components/page-templates/dataviews-templates.js +28 -13
  204. package/src/components/preferences-modal/index.js +59 -33
  205. package/src/components/routes/use-title.js +3 -10
  206. package/src/components/save-button/index.js +1 -0
  207. package/src/components/sidebar/index.js +41 -24
  208. package/src/components/sidebar/style.scss +10 -12
  209. package/src/components/sidebar-dataviews/dataview-item.js +3 -7
  210. package/src/components/sidebar-dataviews/default-views.js +2 -2
  211. package/src/components/sidebar-edit-mode/page-panels/index.js +39 -25
  212. package/src/components/sidebar-edit-mode/page-panels/page-summary.js +2 -2
  213. package/src/components/sidebar-edit-mode/page-panels/style.scss +1 -42
  214. package/src/components/sidebar-navigation-screen-navigation-menu/rename-modal.js +7 -1
  215. package/src/components/sidebar-navigation-screen-patterns/use-pattern-categories.js +1 -1
  216. package/src/components/sidebar-navigation-screen-template/home-template-details.js +1 -96
  217. package/src/components/sidebar-navigation-screen-template/index.js +8 -2
  218. package/src/components/sidebar-navigation-screen-template/template-areas.js +135 -0
  219. package/src/components/site-hub/index.js +4 -5
  220. package/src/components/template-actions/rename-menu-item.js +7 -1
  221. package/src/components/welcome-guide/styles.js +1 -1
  222. package/src/hooks/commands/use-common-commands.js +10 -5
  223. package/src/hooks/navigation-menu-edit.js +1 -1
  224. package/src/hooks/template-part-edit.js +1 -1
  225. package/src/store/actions.js +15 -5
  226. package/src/store/reducer.js +0 -18
  227. package/src/store/selectors.js +15 -3
  228. package/src/style.scss +1 -2
  229. package/src/utils/constants.js +8 -0
  230. package/build/components/dataviews/add-filter.js +0 -91
  231. package/build/components/dataviews/add-filter.js.map +0 -1
  232. package/build/components/dataviews/constants.js +0 -14
  233. package/build/components/dataviews/constants.js.map +0 -1
  234. package/build/components/dataviews/dataviews.js +0 -99
  235. package/build/components/dataviews/dataviews.js.map +0 -1
  236. package/build/components/dataviews/filter-summary.js +0 -62
  237. package/build/components/dataviews/filter-summary.js.map +0 -1
  238. package/build/components/dataviews/filters.js +0 -63
  239. package/build/components/dataviews/filters.js.map +0 -1
  240. package/build/components/dataviews/index.js +0 -21
  241. package/build/components/dataviews/index.js.map +0 -1
  242. package/build/components/dataviews/item-actions.js +0 -184
  243. package/build/components/dataviews/item-actions.js.map +0 -1
  244. package/build/components/dataviews/pagination.js +0 -123
  245. package/build/components/dataviews/pagination.js.map +0 -1
  246. package/build/components/dataviews/reset-filters.js +0 -33
  247. package/build/components/dataviews/reset-filters.js.map +0 -1
  248. package/build/components/dataviews/search.js +0 -51
  249. package/build/components/dataviews/search.js.map +0 -1
  250. package/build/components/dataviews/view-actions.js +0 -244
  251. package/build/components/dataviews/view-actions.js.map +0 -1
  252. package/build/components/dataviews/view-grid.js +0 -82
  253. package/build/components/dataviews/view-grid.js.map +0 -1
  254. package/build/components/dataviews/view-list.js +0 -399
  255. package/build/components/dataviews/view-list.js.map +0 -1
  256. package/build/components/dataviews/view-side-by-side.js +0 -20
  257. package/build/components/dataviews/view-side-by-side.js.map +0 -1
  258. package/build/components/header-edit-mode/document-actions/index.js +0 -172
  259. package/build/components/header-edit-mode/document-actions/index.js.map +0 -1
  260. package/build/components/page-content-focus-notifications/back-to-page-notification.js +0 -61
  261. package/build/components/page-content-focus-notifications/back-to-page-notification.js.map +0 -1
  262. package/build/components/page-content-focus-notifications/edit-template-notification.js +0 -102
  263. package/build/components/page-content-focus-notifications/edit-template-notification.js.map +0 -1
  264. package/build/components/page-content-focus-notifications/index.js +0 -22
  265. package/build/components/page-content-focus-notifications/index.js.map +0 -1
  266. package/build/components/sidebar-edit-mode/page-panels/edit-template.js +0 -101
  267. package/build/components/sidebar-edit-mode/page-panels/edit-template.js.map +0 -1
  268. package/build/components/sidebar-edit-mode/page-panels/hooks.js +0 -79
  269. package/build/components/sidebar-edit-mode/page-panels/hooks.js.map +0 -1
  270. package/build/components/sidebar-edit-mode/page-panels/reset-default-template.js +0 -48
  271. package/build/components/sidebar-edit-mode/page-panels/reset-default-template.js.map +0 -1
  272. package/build/components/sidebar-edit-mode/page-panels/swap-template-button.js +0 -84
  273. package/build/components/sidebar-edit-mode/page-panels/swap-template-button.js.map +0 -1
  274. package/build/utils/use-debounced-input.js +0 -22
  275. package/build/utils/use-debounced-input.js.map +0 -1
  276. package/build-module/components/dataviews/add-filter.js +0 -84
  277. package/build-module/components/dataviews/add-filter.js.map +0 -1
  278. package/build-module/components/dataviews/constants.js +0 -6
  279. package/build-module/components/dataviews/constants.js.map +0 -1
  280. package/build-module/components/dataviews/dataviews.js +0 -90
  281. package/build-module/components/dataviews/dataviews.js.map +0 -1
  282. package/build-module/components/dataviews/filter-summary.js +0 -55
  283. package/build-module/components/dataviews/filter-summary.js.map +0 -1
  284. package/build-module/components/dataviews/filters.js +0 -55
  285. package/build-module/components/dataviews/filters.js.map +0 -1
  286. package/build-module/components/dataviews/index.js +0 -2
  287. package/build-module/components/dataviews/index.js.map +0 -1
  288. package/build-module/components/dataviews/item-actions.js +0 -177
  289. package/build-module/components/dataviews/item-actions.js.map +0 -1
  290. package/build-module/components/dataviews/pagination.js +0 -115
  291. package/build-module/components/dataviews/pagination.js.map +0 -1
  292. package/build-module/components/dataviews/reset-filters.js +0 -26
  293. package/build-module/components/dataviews/reset-filters.js.map +0 -1
  294. package/build-module/components/dataviews/search.js +0 -43
  295. package/build-module/components/dataviews/search.js.map +0 -1
  296. package/build-module/components/dataviews/view-actions.js +0 -237
  297. package/build-module/components/dataviews/view-actions.js.map +0 -1
  298. package/build-module/components/dataviews/view-grid.js +0 -74
  299. package/build-module/components/dataviews/view-grid.js.map +0 -1
  300. package/build-module/components/dataviews/view-list.js +0 -390
  301. package/build-module/components/dataviews/view-list.js.map +0 -1
  302. package/build-module/components/dataviews/view-side-by-side.js +0 -12
  303. package/build-module/components/dataviews/view-side-by-side.js.map +0 -1
  304. package/build-module/components/header-edit-mode/document-actions/index.js +0 -164
  305. package/build-module/components/header-edit-mode/document-actions/index.js.map +0 -1
  306. package/build-module/components/page-content-focus-notifications/back-to-page-notification.js +0 -54
  307. package/build-module/components/page-content-focus-notifications/back-to-page-notification.js.map +0 -1
  308. package/build-module/components/page-content-focus-notifications/edit-template-notification.js +0 -96
  309. package/build-module/components/page-content-focus-notifications/edit-template-notification.js.map +0 -1
  310. package/build-module/components/page-content-focus-notifications/index.js +0 -14
  311. package/build-module/components/page-content-focus-notifications/index.js.map +0 -1
  312. package/build-module/components/sidebar-edit-mode/page-panels/edit-template.js +0 -93
  313. package/build-module/components/sidebar-edit-mode/page-panels/edit-template.js.map +0 -1
  314. package/build-module/components/sidebar-edit-mode/page-panels/hooks.js +0 -69
  315. package/build-module/components/sidebar-edit-mode/page-panels/hooks.js.map +0 -1
  316. package/build-module/components/sidebar-edit-mode/page-panels/reset-default-template.js +0 -41
  317. package/build-module/components/sidebar-edit-mode/page-panels/reset-default-template.js.map +0 -1
  318. package/build-module/components/sidebar-edit-mode/page-panels/swap-template-button.js +0 -77
  319. package/build-module/components/sidebar-edit-mode/page-panels/swap-template-button.js.map +0 -1
  320. package/build-module/utils/use-debounced-input.js +0 -15
  321. package/build-module/utils/use-debounced-input.js.map +0 -1
  322. package/src/components/dataviews/README.md +0 -191
  323. package/src/components/dataviews/add-filter.js +0 -108
  324. package/src/components/dataviews/constants.js +0 -5
  325. package/src/components/dataviews/dataviews.js +0 -99
  326. package/src/components/dataviews/filter-summary.js +0 -79
  327. package/src/components/dataviews/filters.js +0 -65
  328. package/src/components/dataviews/index.js +0 -1
  329. package/src/components/dataviews/item-actions.js +0 -208
  330. package/src/components/dataviews/pagination.js +0 -144
  331. package/src/components/dataviews/reset-filters.js +0 -26
  332. package/src/components/dataviews/search.js +0 -42
  333. package/src/components/dataviews/style.scss +0 -131
  334. package/src/components/dataviews/view-actions.js +0 -319
  335. package/src/components/dataviews/view-grid.js +0 -90
  336. package/src/components/dataviews/view-list.js +0 -512
  337. package/src/components/dataviews/view-side-by-side.js +0 -9
  338. package/src/components/header-edit-mode/document-actions/index.js +0 -204
  339. package/src/components/header-edit-mode/document-actions/style.scss +0 -145
  340. package/src/components/page-content-focus-notifications/back-to-page-notification.js +0 -58
  341. package/src/components/page-content-focus-notifications/edit-template-notification.js +0 -104
  342. package/src/components/page-content-focus-notifications/index.js +0 -14
  343. package/src/components/sidebar-edit-mode/page-panels/edit-template.js +0 -108
  344. package/src/components/sidebar-edit-mode/page-panels/hooks.js +0 -99
  345. package/src/components/sidebar-edit-mode/page-panels/reset-default-template.js +0 -45
  346. package/src/components/sidebar-edit-mode/page-panels/swap-template-button.js +0 -83
  347. package/src/utils/use-debounced-input.js +0 -18
@@ -1 +0,0 @@
1
- {"version":3,"names":["_classnames","_interopRequireDefault","require","_i18n","_data","_components","_blockEditor","_commands","_icons","_keycodes","_coreData","_editor","_element","_useEditedEntityRecord","_store","_constants","typeLabels","PATTERN_TYPES","user","__","NAVIGATION_POST_TYPE","TEMPLATE_POST_TYPE","TEMPLATE_PART_POST_TYPE","DocumentActions","isPage","useSelect","select","editSiteStore","_react","createElement","PageDocumentActions","TemplateDocumentActions","isEditingPage","hasResolved","isFound","title","getEditedPostContext","getEditedEntityRecord","hasFinishedResolution","coreStore","getRenderingMode","editorStore","context","queryArgs","postType","postId","page","setRenderingMode","useDispatch","isAnimated","setIsAnimated","useState","isLoading","useRef","useEffect","current","className","BaseDocumentActions","classnames","icon","pageIcon","onBack","_typeLabels$record$ty","isLoaded","record","getTitle","useEditedEntityRecord","typeIcon","type","navigationIcon","symbol","wp_pattern_sync_status","PATTERN_SYNC_TYPES","unsynced","VisuallyHidden","as","children","open","openCommandCenter","commandsStore","Button","isRTL","chevronRightSmall","chevronLeftSmall","onClick","event","stopPropagation","__experimentalHStack","spacing","justify","BlockIcon","__experimentalText","size","displayShortcut","primary"],"sources":["@wordpress/edit-site/src/components/header-edit-mode/document-actions/index.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * WordPress dependencies\n */\nimport { __, isRTL } from '@wordpress/i18n';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport {\n\tButton,\n\tVisuallyHidden,\n\t__experimentalText as Text,\n\t__experimentalHStack as HStack,\n} from '@wordpress/components';\nimport { BlockIcon } from '@wordpress/block-editor';\nimport { store as commandsStore } from '@wordpress/commands';\nimport {\n\tchevronLeftSmall,\n\tchevronRightSmall,\n\tpage as pageIcon,\n\tnavigation as navigationIcon,\n\tsymbol,\n} from '@wordpress/icons';\nimport { displayShortcut } from '@wordpress/keycodes';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { store as editorStore } from '@wordpress/editor';\nimport { useRef, useState, useEffect } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport useEditedEntityRecord from '../../use-edited-entity-record';\nimport { store as editSiteStore } from '../../../store';\nimport {\n\tTEMPLATE_POST_TYPE,\n\tNAVIGATION_POST_TYPE,\n\tTEMPLATE_PART_POST_TYPE,\n\tPATTERN_TYPES,\n\tPATTERN_SYNC_TYPES,\n} from '../../../utils/constants';\n\nconst typeLabels = {\n\t[ PATTERN_TYPES.user ]: __( 'Editing pattern:' ),\n\t[ NAVIGATION_POST_TYPE ]: __( 'Editing navigation menu:' ),\n\t[ TEMPLATE_POST_TYPE ]: __( 'Editing template:' ),\n\t[ TEMPLATE_PART_POST_TYPE ]: __( 'Editing template part:' ),\n};\n\nexport default function DocumentActions() {\n\tconst isPage = useSelect(\n\t\t( select ) => select( editSiteStore ).isPage(),\n\t\t[]\n\t);\n\treturn isPage ? <PageDocumentActions /> : <TemplateDocumentActions />;\n}\n\nfunction PageDocumentActions() {\n\tconst { isEditingPage, hasResolved, isFound, title } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostContext } = select( editSiteStore );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst { getRenderingMode } = select( editorStore );\n\t\t\tconst context = getEditedPostContext();\n\t\t\tconst queryArgs = [ 'postType', context.postType, context.postId ];\n\t\t\tconst page = getEditedEntityRecord( ...queryArgs );\n\t\t\treturn {\n\t\t\t\tisEditingPage:\n\t\t\t\t\t!! context.postId && getRenderingMode() !== 'template-only',\n\t\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\tqueryArgs\n\t\t\t\t),\n\t\t\t\tisFound: !! page,\n\t\t\t\ttitle: page?.title,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { setRenderingMode } = useDispatch( editorStore );\n\tconst [ isAnimated, setIsAnimated ] = useState( false );\n\tconst isLoading = useRef( true );\n\n\tuseEffect( () => {\n\t\tif ( ! isLoading.current ) {\n\t\t\tsetIsAnimated( true );\n\t\t}\n\t\tisLoading.current = false;\n\t}, [ isEditingPage ] );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\tif ( ! isFound ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn isEditingPage ? (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( 'is-page', {\n\t\t\t\t'is-animated': isAnimated,\n\t\t\t} ) }\n\t\t\ticon={ pageIcon }\n\t\t>\n\t\t\t{ title }\n\t\t</BaseDocumentActions>\n\t) : (\n\t\t<TemplateDocumentActions\n\t\t\tclassName={ classnames( {\n\t\t\t\t'is-animated': isAnimated,\n\t\t\t} ) }\n\t\t\tonBack={ () => setRenderingMode( 'template-locked' ) }\n\t\t/>\n\t);\n}\n\nfunction TemplateDocumentActions( { className, onBack } ) {\n\tconst { isLoaded, record, getTitle, icon } = useEditedEntityRecord();\n\n\tif ( ! isLoaded ) {\n\t\treturn null;\n\t}\n\n\tif ( ! record ) {\n\t\treturn (\n\t\t\t<div className=\"edit-site-document-actions\">\n\t\t\t\t{ __( 'Document not found' ) }\n\t\t\t</div>\n\t\t);\n\t}\n\n\tlet typeIcon = icon;\n\tif ( record.type === NAVIGATION_POST_TYPE ) {\n\t\ttypeIcon = navigationIcon;\n\t} else if ( record.type === PATTERN_TYPES.user ) {\n\t\ttypeIcon = symbol;\n\t}\n\n\treturn (\n\t\t<BaseDocumentActions\n\t\t\tclassName={ classnames( className, {\n\t\t\t\t'is-synced-entity':\n\t\t\t\t\trecord.wp_pattern_sync_status !==\n\t\t\t\t\tPATTERN_SYNC_TYPES.unsynced,\n\t\t\t} ) }\n\t\t\ticon={ typeIcon }\n\t\t\tonBack={ onBack }\n\t\t>\n\t\t\t<VisuallyHidden as=\"span\">\n\t\t\t\t{ typeLabels[ record.type ] ??\n\t\t\t\t\ttypeLabels[ TEMPLATE_POST_TYPE ] }\n\t\t\t</VisuallyHidden>\n\t\t\t{ getTitle() }\n\t\t</BaseDocumentActions>\n\t);\n}\n\nfunction BaseDocumentActions( { className, icon, children, onBack } ) {\n\tconst { open: openCommandCenter } = useDispatch( commandsStore );\n\treturn (\n\t\t<div\n\t\t\tclassName={ classnames( 'edit-site-document-actions', className ) }\n\t\t>\n\t\t\t{ onBack && (\n\t\t\t\t<Button\n\t\t\t\t\tclassName=\"edit-site-document-actions__back\"\n\t\t\t\t\ticon={ isRTL() ? chevronRightSmall : chevronLeftSmall }\n\t\t\t\t\tonClick={ ( event ) => {\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tonBack();\n\t\t\t\t\t} }\n\t\t\t\t>\n\t\t\t\t\t{ __( 'Back' ) }\n\t\t\t\t</Button>\n\t\t\t) }\n\t\t\t<Button\n\t\t\t\tclassName=\"edit-site-document-actions__command\"\n\t\t\t\tonClick={ () => openCommandCenter() }\n\t\t\t>\n\t\t\t\t<HStack\n\t\t\t\t\tclassName=\"edit-site-document-actions__title\"\n\t\t\t\t\tspacing={ 1 }\n\t\t\t\t\tjustify=\"center\"\n\t\t\t\t>\n\t\t\t\t\t<BlockIcon icon={ icon } />\n\t\t\t\t\t<Text size=\"body\" as=\"h1\">\n\t\t\t\t\t\t{ children }\n\t\t\t\t\t</Text>\n\t\t\t\t</HStack>\n\t\t\t\t<span className=\"edit-site-document-actions__shortcut\">\n\t\t\t\t\t{ displayShortcut.primary( 'k' ) }\n\t\t\t\t</span>\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}
@@ -1,61 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = BackToPageNotification;
7
- exports.useBackToPageNotification = useBackToPageNotification;
8
- var _data = require("@wordpress/data");
9
- var _element = require("@wordpress/element");
10
- var _notices = require("@wordpress/notices");
11
- var _i18n = require("@wordpress/i18n");
12
- var _editor = require("@wordpress/editor");
13
- var _store = require("../../store");
14
- /**
15
- * WordPress dependencies
16
- */
17
-
18
- /**
19
- * Internal dependencies
20
- */
21
-
22
- /**
23
- * Component that displays a 'You are editing a template' notification when the
24
- * user switches from focusing on editing page content to editing a template.
25
- */
26
- function BackToPageNotification() {
27
- useBackToPageNotification();
28
- return null;
29
- }
30
-
31
- /**
32
- * Hook that displays a 'You are editing a template' notification when the user
33
- * switches from focusing on editing page content to editing a template.
34
- */
35
- function useBackToPageNotification() {
36
- const renderingMode = (0, _data.useSelect)(select => select(_editor.store).getRenderingMode(), []);
37
- const {
38
- isPage
39
- } = (0, _data.useSelect)(_store.store);
40
- const {
41
- setRenderingMode
42
- } = (0, _data.useDispatch)(_editor.store);
43
- const {
44
- createInfoNotice
45
- } = (0, _data.useDispatch)(_notices.store);
46
- const alreadySeen = (0, _element.useRef)(false);
47
- (0, _element.useEffect)(() => {
48
- if (isPage() && !alreadySeen.current && renderingMode === 'template-only') {
49
- createInfoNotice((0, _i18n.__)('You are editing a template.'), {
50
- isDismissible: true,
51
- type: 'snackbar',
52
- actions: [{
53
- label: (0, _i18n.__)('Back to page'),
54
- onClick: () => setRenderingMode('template-locked')
55
- }]
56
- });
57
- alreadySeen.current = true;
58
- }
59
- }, [isPage, renderingMode, createInfoNotice, setRenderingMode]);
60
- }
61
- //# sourceMappingURL=back-to-page-notification.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_data","require","_element","_notices","_i18n","_editor","_store","BackToPageNotification","useBackToPageNotification","renderingMode","useSelect","select","editorStore","getRenderingMode","isPage","editSiteStore","setRenderingMode","useDispatch","createInfoNotice","noticesStore","alreadySeen","useRef","useEffect","current","__","isDismissible","type","actions","label","onClick"],"sources":["@wordpress/edit-site/src/components/page-content-focus-notifications/back-to-page-notification.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __ } from '@wordpress/i18n';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\n/**\n * Component that displays a 'You are editing a template' notification when the\n * user switches from focusing on editing page content to editing a template.\n */\nexport default function BackToPageNotification() {\n\tuseBackToPageNotification();\n\treturn null;\n}\n\n/**\n * Hook that displays a 'You are editing a template' notification when the user\n * switches from focusing on editing page content to editing a template.\n */\nexport function useBackToPageNotification() {\n\tconst renderingMode = useSelect(\n\t\t( select ) => select( editorStore ).getRenderingMode(),\n\t\t[]\n\t);\n\tconst { isPage } = useSelect( editSiteStore );\n\tconst { setRenderingMode } = useDispatch( editorStore );\n\tconst { createInfoNotice } = useDispatch( noticesStore );\n\n\tconst alreadySeen = useRef( false );\n\n\tuseEffect( () => {\n\t\tif (\n\t\t\tisPage() &&\n\t\t\t! alreadySeen.current &&\n\t\t\trenderingMode === 'template-only'\n\t\t) {\n\t\t\tcreateInfoNotice( __( 'You are editing a template.' ), {\n\t\t\t\tisDismissible: true,\n\t\t\t\ttype: 'snackbar',\n\t\t\t\tactions: [\n\t\t\t\t\t{\n\t\t\t\t\t\tlabel: __( 'Back to page' ),\n\t\t\t\t\t\tonClick: () => setRenderingMode( 'template-locked' ),\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t} );\n\t\t\talreadySeen.current = true;\n\t\t}\n\t}, [ isPage, renderingMode, createInfoNotice, setRenderingMode ] );\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAZA;AACA;AACA;;AAOA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACe,SAASM,sBAAsBA,CAAA,EAAG;EAChDC,yBAAyB,CAAC,CAAC;EAC3B,OAAO,IAAI;AACZ;;AAEA;AACA;AACA;AACA;AACO,SAASA,yBAAyBA,CAAA,EAAG;EAC3C,MAAMC,aAAa,GAAG,IAAAC,eAAS,EAC5BC,MAAM,IAAMA,MAAM,CAAEC,aAAY,CAAC,CAACC,gBAAgB,CAAC,CAAC,EACtD,EACD,CAAC;EACD,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAJ,eAAS,EAAEK,YAAc,CAAC;EAC7C,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,iBAAW,EAAEL,aAAY,CAAC;EACvD,MAAM;IAAEM;EAAiB,CAAC,GAAG,IAAAD,iBAAW,EAAEE,cAAa,CAAC;EAExD,MAAMC,WAAW,GAAG,IAAAC,eAAM,EAAE,KAAM,CAAC;EAEnC,IAAAC,kBAAS,EAAE,MAAM;IAChB,IACCR,MAAM,CAAC,CAAC,IACR,CAAEM,WAAW,CAACG,OAAO,IACrBd,aAAa,KAAK,eAAe,EAChC;MACDS,gBAAgB,CAAE,IAAAM,QAAE,EAAE,6BAA8B,CAAC,EAAE;QACtDC,aAAa,EAAE,IAAI;QACnBC,IAAI,EAAE,UAAU;QAChBC,OAAO,EAAE,CACR;UACCC,KAAK,EAAE,IAAAJ,QAAE,EAAE,cAAe,CAAC;UAC3BK,OAAO,EAAEA,CAAA,KAAMb,gBAAgB,CAAE,iBAAkB;QACpD,CAAC;MAEH,CAAE,CAAC;MACHI,WAAW,CAACG,OAAO,GAAG,IAAI;IAC3B;EACD,CAAC,EAAE,CAAET,MAAM,EAAEL,aAAa,EAAES,gBAAgB,EAAEF,gBAAgB,CAAG,CAAC;AACnE"}
@@ -1,102 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = EditTemplateNotification;
7
- var _react = require("react");
8
- var _data = require("@wordpress/data");
9
- var _element = require("@wordpress/element");
10
- var _notices = require("@wordpress/notices");
11
- var _i18n = require("@wordpress/i18n");
12
- var _components = require("@wordpress/components");
13
- var _editor = require("@wordpress/editor");
14
- /**
15
- * WordPress dependencies
16
- */
17
-
18
- /**
19
- * Component that:
20
- *
21
- * - Displays a 'Edit your template to edit this block' notification when the
22
- * user is focusing on editing page content and clicks on a disabled template
23
- * block.
24
- * - Displays a 'Edit your template to edit this block' dialog when the user
25
- * is focusing on editing page conetnt and double clicks on a disabled
26
- * template block.
27
- *
28
- * @param {Object} props
29
- * @param {import('react').RefObject<HTMLElement>} props.contentRef Ref to the block
30
- * editor iframe canvas.
31
- */
32
- function EditTemplateNotification({
33
- contentRef
34
- }) {
35
- const renderingMode = (0, _data.useSelect)(select => select(_editor.store).getRenderingMode(), []);
36
- const {
37
- getNotices
38
- } = (0, _data.useSelect)(_notices.store);
39
- const {
40
- createInfoNotice,
41
- removeNotice
42
- } = (0, _data.useDispatch)(_notices.store);
43
- const {
44
- setRenderingMode
45
- } = (0, _data.useDispatch)(_editor.store);
46
- const [isDialogOpen, setIsDialogOpen] = (0, _element.useState)(false);
47
- const lastNoticeId = (0, _element.useRef)(0);
48
- (0, _element.useEffect)(() => {
49
- const handleClick = async event => {
50
- if (renderingMode === 'template-only') {
51
- return;
52
- }
53
- if (!event.target.classList.contains('is-root-container')) {
54
- return;
55
- }
56
- const isNoticeAlreadyShowing = getNotices().some(notice => notice.id === lastNoticeId.current);
57
- if (isNoticeAlreadyShowing) {
58
- return;
59
- }
60
- const {
61
- notice
62
- } = await createInfoNotice((0, _i18n.__)('Edit your template to edit this block.'), {
63
- isDismissible: true,
64
- type: 'snackbar',
65
- actions: [{
66
- label: (0, _i18n.__)('Edit template'),
67
- onClick: () => setRenderingMode('template-only')
68
- }]
69
- });
70
- lastNoticeId.current = notice.id;
71
- };
72
- const handleDblClick = event => {
73
- if (renderingMode === 'template-only') {
74
- return;
75
- }
76
- if (!event.target.classList.contains('is-root-container')) {
77
- return;
78
- }
79
- if (lastNoticeId.current) {
80
- removeNotice(lastNoticeId.current);
81
- }
82
- setIsDialogOpen(true);
83
- };
84
- const canvas = contentRef.current;
85
- canvas?.addEventListener('click', handleClick);
86
- canvas?.addEventListener('dblclick', handleDblClick);
87
- return () => {
88
- canvas?.removeEventListener('click', handleClick);
89
- canvas?.removeEventListener('dblclick', handleDblClick);
90
- };
91
- }, [lastNoticeId, renderingMode, contentRef.current]);
92
- return (0, _react.createElement)(_components.__experimentalConfirmDialog, {
93
- isOpen: isDialogOpen,
94
- confirmButtonText: (0, _i18n.__)('Edit template'),
95
- onConfirm: () => {
96
- setIsDialogOpen(false);
97
- setRenderingMode('template-only');
98
- },
99
- onCancel: () => setIsDialogOpen(false)
100
- }, (0, _i18n.__)('Edit your template to edit this block.'));
101
- }
102
- //# sourceMappingURL=edit-template-notification.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_data","require","_element","_notices","_i18n","_components","_editor","EditTemplateNotification","contentRef","renderingMode","useSelect","select","editorStore","getRenderingMode","getNotices","noticesStore","createInfoNotice","removeNotice","useDispatch","setRenderingMode","isDialogOpen","setIsDialogOpen","useState","lastNoticeId","useRef","useEffect","handleClick","event","target","classList","contains","isNoticeAlreadyShowing","some","notice","id","current","__","isDismissible","type","actions","label","onClick","handleDblClick","canvas","addEventListener","removeEventListener","_react","createElement","__experimentalConfirmDialog","isOpen","confirmButtonText","onConfirm","onCancel"],"sources":["@wordpress/edit-site/src/components/page-content-focus-notifications/edit-template-notification.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useEffect, useState, useRef } from '@wordpress/element';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { __ } from '@wordpress/i18n';\nimport { __experimentalConfirmDialog as ConfirmDialog } from '@wordpress/components';\nimport { store as editorStore } from '@wordpress/editor';\n\n/**\n * Component that:\n *\n * - Displays a 'Edit your template to edit this block' notification when the\n * user is focusing on editing page content and clicks on a disabled template\n * block.\n * - Displays a 'Edit your template to edit this block' dialog when the user\n * is focusing on editing page conetnt and double clicks on a disabled\n * template block.\n *\n * @param {Object} props\n * @param {import('react').RefObject<HTMLElement>} props.contentRef Ref to the block\n * editor iframe canvas.\n */\nexport default function EditTemplateNotification( { contentRef } ) {\n\tconst renderingMode = useSelect(\n\t\t( select ) => select( editorStore ).getRenderingMode(),\n\t\t[]\n\t);\n\tconst { getNotices } = useSelect( noticesStore );\n\n\tconst { createInfoNotice, removeNotice } = useDispatch( noticesStore );\n\tconst { setRenderingMode } = useDispatch( editorStore );\n\n\tconst [ isDialogOpen, setIsDialogOpen ] = useState( false );\n\n\tconst lastNoticeId = useRef( 0 );\n\n\tuseEffect( () => {\n\t\tconst handleClick = async ( event ) => {\n\t\t\tif ( renderingMode === 'template-only' ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( ! event.target.classList.contains( 'is-root-container' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst isNoticeAlreadyShowing = getNotices().some(\n\t\t\t\t( notice ) => notice.id === lastNoticeId.current\n\t\t\t);\n\t\t\tif ( isNoticeAlreadyShowing ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tconst { notice } = await createInfoNotice(\n\t\t\t\t__( 'Edit your template to edit this block.' ),\n\t\t\t\t{\n\t\t\t\t\tisDismissible: true,\n\t\t\t\t\ttype: 'snackbar',\n\t\t\t\t\tactions: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tlabel: __( 'Edit template' ),\n\t\t\t\t\t\t\tonClick: () => setRenderingMode( 'template-only' ),\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t}\n\t\t\t);\n\t\t\tlastNoticeId.current = notice.id;\n\t\t};\n\n\t\tconst handleDblClick = ( event ) => {\n\t\t\tif ( renderingMode === 'template-only' ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( ! event.target.classList.contains( 'is-root-container' ) ) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif ( lastNoticeId.current ) {\n\t\t\t\tremoveNotice( lastNoticeId.current );\n\t\t\t}\n\t\t\tsetIsDialogOpen( true );\n\t\t};\n\n\t\tconst canvas = contentRef.current;\n\t\tcanvas?.addEventListener( 'click', handleClick );\n\t\tcanvas?.addEventListener( 'dblclick', handleDblClick );\n\t\treturn () => {\n\t\t\tcanvas?.removeEventListener( 'click', handleClick );\n\t\t\tcanvas?.removeEventListener( 'dblclick', handleDblClick );\n\t\t};\n\t}, [ lastNoticeId, renderingMode, contentRef.current ] );\n\n\treturn (\n\t\t<ConfirmDialog\n\t\t\tisOpen={ isDialogOpen }\n\t\t\tconfirmButtonText={ __( 'Edit template' ) }\n\t\t\tonConfirm={ () => {\n\t\t\t\tsetIsDialogOpen( false );\n\t\t\t\tsetRenderingMode( 'template-only' );\n\t\t\t} }\n\t\t\tonCancel={ () => setIsDialogOpen( false ) }\n\t\t>\n\t\t\t{ __( 'Edit your template to edit this block.' ) }\n\t\t</ConfirmDialog>\n\t);\n}\n"],"mappings":"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"}
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = PageContentFocusNotifications;
8
- var _react = require("react");
9
- var _editTemplateNotification = _interopRequireDefault(require("./edit-template-notification"));
10
- var _backToPageNotification = _interopRequireDefault(require("./back-to-page-notification"));
11
- /**
12
- * Internal dependencies
13
- */
14
-
15
- function PageContentFocusNotifications({
16
- contentRef
17
- }) {
18
- return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_editTemplateNotification.default, {
19
- contentRef: contentRef
20
- }), (0, _react.createElement)(_backToPageNotification.default, null));
21
- }
22
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_editTemplateNotification","_interopRequireDefault","require","_backToPageNotification","PageContentFocusNotifications","contentRef","_react","createElement","Fragment","default"],"sources":["@wordpress/edit-site/src/components/page-content-focus-notifications/index.js"],"sourcesContent":["/**\n * Internal dependencies\n */\nimport EditTemplateNotification from './edit-template-notification';\nimport BackToPageNotification from './back-to-page-notification';\n\nexport default function PageContentFocusNotifications( { contentRef } ) {\n\treturn (\n\t\t<>\n\t\t\t<EditTemplateNotification contentRef={ contentRef } />\n\t\t\t<BackToPageNotification />\n\t\t</>\n\t);\n}\n"],"mappings":";;;;;;;;AAGA,IAAAA,yBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,uBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAJA;AACA;AACA;;AAIe,SAASE,6BAA6BA,CAAE;EAAEC;AAAW,CAAC,EAAG;EACvE,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAAD,MAAA,CAAAE,QAAA,QACC,IAAAF,MAAA,CAAAC,aAAA,EAACP,yBAAA,CAAAS,OAAwB;IAACJ,UAAU,EAAGA;EAAY,CAAE,CAAC,EACtD,IAAAC,MAAA,CAAAC,aAAA,EAACJ,uBAAA,CAAAM,OAAsB,MAAE,CACxB,CAAC;AAEL"}
@@ -1,101 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.default = EditTemplate;
8
- var _react = require("react");
9
- var _data = require("@wordpress/data");
10
- var _htmlEntities = require("@wordpress/html-entities");
11
- var _components = require("@wordpress/components");
12
- var _i18n = require("@wordpress/i18n");
13
- var _coreData = require("@wordpress/core-data");
14
- var _icons = require("@wordpress/icons");
15
- var _editor = require("@wordpress/editor");
16
- var _store = require("../../../store");
17
- var _swapTemplateButton = _interopRequireDefault(require("./swap-template-button"));
18
- var _resetDefaultTemplate = _interopRequireDefault(require("./reset-default-template"));
19
- var _lockUnlock = require("../../../lock-unlock");
20
- /**
21
- * WordPress dependencies
22
- */
23
-
24
- /**
25
- * Internal dependencies
26
- */
27
-
28
- const {
29
- PostPanelRow
30
- } = (0, _lockUnlock.unlock)(_editor.privateApis);
31
- const POPOVER_PROPS = {
32
- className: 'edit-site-page-panels-edit-template__dropdown',
33
- placement: 'bottom-start'
34
- };
35
- function EditTemplate() {
36
- const {
37
- hasResolved,
38
- template,
39
- isTemplateHidden
40
- } = (0, _data.useSelect)(select => {
41
- const {
42
- getEditedPostContext,
43
- getEditedPostType,
44
- getEditedPostId
45
- } = select(_store.store);
46
- const {
47
- getRenderingMode
48
- } = (0, _lockUnlock.unlock)(select(_editor.store));
49
- const {
50
- getEditedEntityRecord,
51
- hasFinishedResolution
52
- } = select(_coreData.store);
53
- const _context = getEditedPostContext();
54
- const _postType = getEditedPostType();
55
- const queryArgs = ['postType', _postType, getEditedPostId()];
56
- return {
57
- context: _context,
58
- hasResolved: hasFinishedResolution('getEditedEntityRecord', queryArgs),
59
- template: getEditedEntityRecord(...queryArgs),
60
- isTemplateHidden: getRenderingMode() === 'post-only',
61
- postType: _postType
62
- };
63
- }, []);
64
- const {
65
- setRenderingMode
66
- } = (0, _data.useDispatch)(_editor.store);
67
- if (!hasResolved) {
68
- return null;
69
- }
70
- return (0, _react.createElement)(PostPanelRow, {
71
- label: (0, _i18n.__)('Template')
72
- }, (0, _react.createElement)(_components.DropdownMenu, {
73
- popoverProps: POPOVER_PROPS,
74
- focusOnMount: true,
75
- toggleProps: {
76
- variant: 'tertiary',
77
- className: 'edit-site-summary-field__trigger'
78
- },
79
- label: (0, _i18n.__)('Template options'),
80
- text: (0, _htmlEntities.decodeEntities)(template.title),
81
- icon: null
82
- }, ({
83
- onClose
84
- }) => (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_components.MenuItem, {
85
- onClick: () => {
86
- setRenderingMode('template-only');
87
- onClose();
88
- }
89
- }, (0, _i18n.__)('Edit template')), (0, _react.createElement)(_swapTemplateButton.default, {
90
- onClick: onClose
91
- })), (0, _react.createElement)(_resetDefaultTemplate.default, {
92
- onClick: onClose
93
- }), (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_components.MenuItem, {
94
- icon: !isTemplateHidden ? _icons.check : undefined,
95
- isPressed: !isTemplateHidden,
96
- onClick: () => {
97
- setRenderingMode(isTemplateHidden ? 'template-locked' : 'post-only');
98
- }
99
- }, (0, _i18n.__)('Template preview'))))));
100
- }
101
- //# sourceMappingURL=edit-template.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_data","require","_htmlEntities","_components","_i18n","_coreData","_icons","_editor","_store","_swapTemplateButton","_interopRequireDefault","_resetDefaultTemplate","_lockUnlock","PostPanelRow","unlock","editorPrivateApis","POPOVER_PROPS","className","placement","EditTemplate","hasResolved","template","isTemplateHidden","useSelect","select","getEditedPostContext","getEditedPostType","getEditedPostId","editSiteStore","getRenderingMode","editorStore","getEditedEntityRecord","hasFinishedResolution","coreStore","_context","_postType","queryArgs","context","postType","setRenderingMode","useDispatch","_react","createElement","label","__","DropdownMenu","popoverProps","focusOnMount","toggleProps","variant","text","decodeEntities","title","icon","onClose","Fragment","MenuGroup","MenuItem","onClick","default","check","undefined","isPressed"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/edit-template.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { DropdownMenu, MenuGroup, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { check } from '@wordpress/icons';\nimport {\n\tprivateApis as editorPrivateApis,\n\tstore as editorStore,\n} from '@wordpress/editor';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport SwapTemplateButton from './swap-template-button';\nimport ResetDefaultTemplate from './reset-default-template';\nimport { unlock } from '../../../lock-unlock';\n\nconst { PostPanelRow } = unlock( editorPrivateApis );\n\nconst POPOVER_PROPS = {\n\tclassName: 'edit-site-page-panels-edit-template__dropdown',\n\tplacement: 'bottom-start',\n};\n\nexport default function EditTemplate() {\n\tconst { hasResolved, template, isTemplateHidden } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEditedPostContext, getEditedPostType, getEditedPostId } =\n\t\t\t\tselect( editSiteStore );\n\t\t\tconst { getRenderingMode } = unlock( select( editorStore ) );\n\t\t\tconst { getEditedEntityRecord, hasFinishedResolution } =\n\t\t\t\tselect( coreStore );\n\t\t\tconst _context = getEditedPostContext();\n\t\t\tconst _postType = getEditedPostType();\n\t\t\tconst queryArgs = [ 'postType', _postType, getEditedPostId() ];\n\t\t\treturn {\n\t\t\t\tcontext: _context,\n\t\t\t\thasResolved: hasFinishedResolution(\n\t\t\t\t\t'getEditedEntityRecord',\n\t\t\t\t\tqueryArgs\n\t\t\t\t),\n\t\t\t\ttemplate: getEditedEntityRecord( ...queryArgs ),\n\t\t\t\tisTemplateHidden: getRenderingMode() === 'post-only',\n\t\t\t\tpostType: _postType,\n\t\t\t};\n\t\t},\n\t\t[]\n\t);\n\n\tconst { setRenderingMode } = useDispatch( editorStore );\n\n\tif ( ! hasResolved ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<PostPanelRow label={ __( 'Template' ) }>\n\t\t\t<DropdownMenu\n\t\t\t\tpopoverProps={ POPOVER_PROPS }\n\t\t\t\tfocusOnMount\n\t\t\t\ttoggleProps={ {\n\t\t\t\t\tvariant: 'tertiary',\n\t\t\t\t\tclassName: 'edit-site-summary-field__trigger',\n\t\t\t\t} }\n\t\t\t\tlabel={ __( 'Template options' ) }\n\t\t\t\ttext={ decodeEntities( template.title ) }\n\t\t\t\ticon={ null }\n\t\t\t>\n\t\t\t\t{ ( { onClose } ) => (\n\t\t\t\t\t<>\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\tsetRenderingMode( 'template-only' );\n\t\t\t\t\t\t\t\t\tonClose();\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{ __( 'Edit template' ) }\n\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t<SwapTemplateButton onClick={ onClose } />\n\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t<ResetDefaultTemplate onClick={ onClose } />\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\ticon={ ! isTemplateHidden ? check : undefined }\n\t\t\t\t\t\t\t\tisPressed={ ! isTemplateHidden }\n\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\tsetRenderingMode(\n\t\t\t\t\t\t\t\t\t\tisTemplateHidden\n\t\t\t\t\t\t\t\t\t\t\t? 'template-locked'\n\t\t\t\t\t\t\t\t\t\t\t: 'post-only'\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{ __( 'Template preview' ) }\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</DropdownMenu>\n\t\t</PostPanelRow>\n\t);\n}\n"],"mappings":"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"}
@@ -1,79 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.useAllowSwitchingTemplates = useAllowSwitchingTemplates;
7
- exports.useAvailableTemplates = useAvailableTemplates;
8
- exports.useCurrentTemplateSlug = useCurrentTemplateSlug;
9
- exports.useEditedPostContext = useEditedPostContext;
10
- var _data = require("@wordpress/data");
11
- var _element = require("@wordpress/element");
12
- var _coreData = require("@wordpress/core-data");
13
- var _store = require("../../../store");
14
- var _constants = require("../../../utils/constants");
15
- /**
16
- * WordPress dependencies
17
- */
18
-
19
- /**
20
- * Internal dependencies
21
- */
22
-
23
- function useEditedPostContext() {
24
- return (0, _data.useSelect)(select => select(_store.store).getEditedPostContext(), []);
25
- }
26
- function useAllowSwitchingTemplates() {
27
- const {
28
- postId
29
- } = useEditedPostContext();
30
- return (0, _data.useSelect)(select => {
31
- const {
32
- getEntityRecord,
33
- getEntityRecords
34
- } = select(_coreData.store);
35
- const siteSettings = getEntityRecord('root', 'site');
36
- const templates = getEntityRecords('postType', _constants.TEMPLATE_POST_TYPE, {
37
- per_page: -1
38
- });
39
- const isPostsPage = +postId === siteSettings?.page_for_posts;
40
- // If current page is set front page or posts page, we also need
41
- // to check if the current theme has a template for it. If not
42
- const isFrontPage = +postId === siteSettings?.page_on_front && templates?.some(({
43
- slug
44
- }) => slug === 'front-page');
45
- return !isPostsPage && !isFrontPage;
46
- }, [postId]);
47
- }
48
- function useTemplates() {
49
- return (0, _data.useSelect)(select => select(_coreData.store).getEntityRecords('postType', _constants.TEMPLATE_POST_TYPE, {
50
- per_page: -1,
51
- post_type: 'page'
52
- }), []);
53
- }
54
- function useAvailableTemplates() {
55
- const currentTemplateSlug = useCurrentTemplateSlug();
56
- const allowSwitchingTemplate = useAllowSwitchingTemplates();
57
- const templates = useTemplates();
58
- return (0, _element.useMemo)(() => allowSwitchingTemplate && templates?.filter(template => template.is_custom && template.slug !== currentTemplateSlug && !!template.content.raw // Skip empty templates.
59
- ), [templates, currentTemplateSlug, allowSwitchingTemplate]);
60
- }
61
- function useCurrentTemplateSlug() {
62
- const {
63
- postType,
64
- postId
65
- } = useEditedPostContext();
66
- const templates = useTemplates();
67
- const entityTemplate = (0, _data.useSelect)(select => {
68
- const post = select(_coreData.store).getEditedEntityRecord('postType', postType, postId);
69
- return post?.template;
70
- }, [postType, postId]);
71
- if (!entityTemplate) {
72
- return;
73
- }
74
- // If a page has a `template` set and is not included in the list
75
- // of the theme's templates, do not return it, in order to resolve
76
- // to the current theme's default template.
77
- return templates?.find(template => template.slug === entityTemplate)?.slug;
78
- }
79
- //# sourceMappingURL=hooks.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_data","require","_element","_coreData","_store","_constants","useEditedPostContext","useSelect","select","editSiteStore","getEditedPostContext","useAllowSwitchingTemplates","postId","getEntityRecord","getEntityRecords","coreStore","siteSettings","templates","TEMPLATE_POST_TYPE","per_page","isPostsPage","page_for_posts","isFrontPage","page_on_front","some","slug","useTemplates","post_type","useAvailableTemplates","currentTemplateSlug","useCurrentTemplateSlug","allowSwitchingTemplate","useMemo","filter","template","is_custom","content","raw","postType","entityTemplate","post","getEditedEntityRecord","find"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/hooks.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useSelect } from '@wordpress/data';\nimport { useMemo } from '@wordpress/element';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../../store';\nimport { TEMPLATE_POST_TYPE } from '../../../utils/constants';\n\nexport function useEditedPostContext() {\n\treturn useSelect(\n\t\t( select ) => select( editSiteStore ).getEditedPostContext(),\n\t\t[]\n\t);\n}\n\nexport function useAllowSwitchingTemplates() {\n\tconst { postId } = useEditedPostContext();\n\treturn useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecord, getEntityRecords } = select( coreStore );\n\t\t\tconst siteSettings = getEntityRecord( 'root', 'site' );\n\t\t\tconst templates = getEntityRecords(\n\t\t\t\t'postType',\n\t\t\t\tTEMPLATE_POST_TYPE,\n\t\t\t\t{ per_page: -1 }\n\t\t\t);\n\t\t\tconst isPostsPage = +postId === siteSettings?.page_for_posts;\n\t\t\t// If current page is set front page or posts page, we also need\n\t\t\t// to check if the current theme has a template for it. If not\n\t\t\tconst isFrontPage =\n\t\t\t\t+postId === siteSettings?.page_on_front &&\n\t\t\t\ttemplates?.some( ( { slug } ) => slug === 'front-page' );\n\t\t\treturn ! isPostsPage && ! isFrontPage;\n\t\t},\n\t\t[ postId ]\n\t);\n}\n\nfunction useTemplates() {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tselect( coreStore ).getEntityRecords(\n\t\t\t\t'postType',\n\t\t\t\tTEMPLATE_POST_TYPE,\n\t\t\t\t{\n\t\t\t\t\tper_page: -1,\n\t\t\t\t\tpost_type: 'page',\n\t\t\t\t}\n\t\t\t),\n\t\t[]\n\t);\n}\n\nexport function useAvailableTemplates() {\n\tconst currentTemplateSlug = useCurrentTemplateSlug();\n\tconst allowSwitchingTemplate = useAllowSwitchingTemplates();\n\tconst templates = useTemplates();\n\treturn useMemo(\n\t\t() =>\n\t\t\tallowSwitchingTemplate &&\n\t\t\ttemplates?.filter(\n\t\t\t\t( template ) =>\n\t\t\t\t\ttemplate.is_custom &&\n\t\t\t\t\ttemplate.slug !== currentTemplateSlug &&\n\t\t\t\t\t!! template.content.raw // Skip empty templates.\n\t\t\t),\n\t\t[ templates, currentTemplateSlug, allowSwitchingTemplate ]\n\t);\n}\n\nexport function useCurrentTemplateSlug() {\n\tconst { postType, postId } = useEditedPostContext();\n\tconst templates = useTemplates();\n\tconst entityTemplate = useSelect(\n\t\t( select ) => {\n\t\t\tconst post = select( coreStore ).getEditedEntityRecord(\n\t\t\t\t'postType',\n\t\t\t\tpostType,\n\t\t\t\tpostId\n\t\t\t);\n\t\t\treturn post?.template;\n\t\t},\n\t\t[ postType, postId ]\n\t);\n\n\tif ( ! entityTemplate ) {\n\t\treturn;\n\t}\n\t// If a page has a `template` set and is not included in the list\n\t// of the theme's templates, do not return it, in order to resolve\n\t// to the current theme's default template.\n\treturn templates?.find( ( template ) => template.slug === entityTemplate )\n\t\t?.slug;\n}\n"],"mappings":"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"}
@@ -1,48 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = ResetDefaultTemplate;
7
- var _react = require("react");
8
- var _components = require("@wordpress/components");
9
- var _i18n = require("@wordpress/i18n");
10
- var _data = require("@wordpress/data");
11
- var _coreData = require("@wordpress/core-data");
12
- var _hooks = require("./hooks");
13
- /**
14
- * WordPress dependencies
15
- */
16
-
17
- /**
18
- * Internal dependencies
19
- */
20
-
21
- function ResetDefaultTemplate({
22
- onClick
23
- }) {
24
- const currentTemplateSlug = (0, _hooks.useCurrentTemplateSlug)();
25
- const allowSwitchingTemplate = (0, _hooks.useAllowSwitchingTemplates)();
26
- const {
27
- postType,
28
- postId
29
- } = (0, _hooks.useEditedPostContext)();
30
- const {
31
- editEntityRecord
32
- } = (0, _data.useDispatch)(_coreData.store);
33
- // The default template in a post is indicated by an empty string.
34
- if (!currentTemplateSlug || !allowSwitchingTemplate) {
35
- return null;
36
- }
37
- return (0, _react.createElement)(_components.MenuGroup, null, (0, _react.createElement)(_components.MenuItem, {
38
- onClick: async () => {
39
- editEntityRecord('postType', postType, postId, {
40
- template: ''
41
- }, {
42
- undoIgnore: true
43
- });
44
- onClick();
45
- }
46
- }, (0, _i18n.__)('Use default template')));
47
- }
48
- //# sourceMappingURL=reset-default-template.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_components","require","_i18n","_data","_coreData","_hooks","ResetDefaultTemplate","onClick","currentTemplateSlug","useCurrentTemplateSlug","allowSwitchingTemplate","useAllowSwitchingTemplates","postType","postId","useEditedPostContext","editEntityRecord","useDispatch","coreStore","_react","createElement","MenuGroup","MenuItem","template","undoIgnore","__"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/reset-default-template.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MenuGroup, MenuItem } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport {\n\tuseAllowSwitchingTemplates,\n\tuseCurrentTemplateSlug,\n\tuseEditedPostContext,\n} from './hooks';\n\nexport default function ResetDefaultTemplate( { onClick } ) {\n\tconst currentTemplateSlug = useCurrentTemplateSlug();\n\tconst allowSwitchingTemplate = useAllowSwitchingTemplates();\n\tconst { postType, postId } = useEditedPostContext();\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\t// The default template in a post is indicated by an empty string.\n\tif ( ! currentTemplateSlug || ! allowSwitchingTemplate ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<MenuGroup>\n\t\t\t<MenuItem\n\t\t\t\tonClick={ async () => {\n\t\t\t\t\teditEntityRecord(\n\t\t\t\t\t\t'postType',\n\t\t\t\t\t\tpostType,\n\t\t\t\t\t\tpostId,\n\t\t\t\t\t\t{ template: '' },\n\t\t\t\t\t\t{ undoIgnore: true }\n\t\t\t\t\t);\n\t\t\t\t\tonClick();\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t{ __( 'Use default template' ) }\n\t\t\t</MenuItem>\n\t\t</MenuGroup>\n\t);\n}\n"],"mappings":";;;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AAXA;AACA;AACA;;AAMA;AACA;AACA;;AAOe,SAASK,oBAAoBA,CAAE;EAAEC;AAAQ,CAAC,EAAG;EAC3D,MAAMC,mBAAmB,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EACpD,MAAMC,sBAAsB,GAAG,IAAAC,iCAA0B,EAAC,CAAC;EAC3D,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAG,IAAAC,2BAAoB,EAAC,CAAC;EACnD,MAAM;IAAEC;EAAiB,CAAC,GAAG,IAAAC,iBAAW,EAAEC,eAAU,CAAC;EACrD;EACA,IAAK,CAAET,mBAAmB,IAAI,CAAEE,sBAAsB,EAAG;IACxD,OAAO,IAAI;EACZ;EACA,OACC,IAAAQ,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAoB,SAAS,QACT,IAAAF,MAAA,CAAAC,aAAA,EAACnB,WAAA,CAAAqB,QAAQ;IACRd,OAAO,EAAG,MAAAA,CAAA,KAAY;MACrBQ,gBAAgB,CACf,UAAU,EACVH,QAAQ,EACRC,MAAM,EACN;QAAES,QAAQ,EAAE;MAAG,CAAC,EAChB;QAAEC,UAAU,EAAE;MAAK,CACpB,CAAC;MACDhB,OAAO,CAAC,CAAC;IACV;EAAG,GAED,IAAAiB,QAAE,EAAE,sBAAuB,CACpB,CACA,CAAC;AAEd"}
@@ -1,84 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = SwapTemplateButton;
7
- var _react = require("react");
8
- var _element = require("@wordpress/element");
9
- var _htmlEntities = require("@wordpress/html-entities");
10
- var _blockEditor = require("@wordpress/block-editor");
11
- var _components = require("@wordpress/components");
12
- var _i18n = require("@wordpress/i18n");
13
- var _data = require("@wordpress/data");
14
- var _coreData = require("@wordpress/core-data");
15
- var _blocks = require("@wordpress/blocks");
16
- var _compose = require("@wordpress/compose");
17
- var _hooks = require("./hooks");
18
- /**
19
- * WordPress dependencies
20
- */
21
-
22
- /**
23
- * Internal dependencies
24
- */
25
-
26
- function SwapTemplateButton({
27
- onClick
28
- }) {
29
- const [showModal, setShowModal] = (0, _element.useState)(false);
30
- const availableTemplates = (0, _hooks.useAvailableTemplates)();
31
- const onClose = (0, _element.useCallback)(() => {
32
- setShowModal(false);
33
- }, []);
34
- const {
35
- postType,
36
- postId
37
- } = (0, _hooks.useEditedPostContext)();
38
- const {
39
- editEntityRecord
40
- } = (0, _data.useDispatch)(_coreData.store);
41
- if (!availableTemplates?.length) {
42
- return null;
43
- }
44
- const onTemplateSelect = async template => {
45
- editEntityRecord('postType', postType, postId, {
46
- template: template.name
47
- }, {
48
- undoIgnore: true
49
- });
50
- onClose(); // Close the template suggestions modal first.
51
- onClick();
52
- };
53
- return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_components.MenuItem, {
54
- onClick: () => setShowModal(true)
55
- }, (0, _i18n.__)('Swap template')), showModal && (0, _react.createElement)(_components.Modal, {
56
- title: (0, _i18n.__)('Choose a template'),
57
- onRequestClose: onClose,
58
- overlayClassName: "edit-site-swap-template-modal",
59
- isFullScreen: true
60
- }, (0, _react.createElement)("div", {
61
- className: "edit-site-page-panels__swap-template__modal-content"
62
- }, (0, _react.createElement)(TemplatesList, {
63
- onSelect: onTemplateSelect
64
- }))));
65
- }
66
- function TemplatesList({
67
- onSelect
68
- }) {
69
- const availableTemplates = (0, _hooks.useAvailableTemplates)();
70
- const templatesAsPatterns = (0, _element.useMemo)(() => availableTemplates.map(template => ({
71
- name: template.slug,
72
- blocks: (0, _blocks.parse)(template.content.raw),
73
- title: (0, _htmlEntities.decodeEntities)(template.title.rendered),
74
- id: template.id
75
- })), [availableTemplates]);
76
- const shownTemplates = (0, _compose.useAsyncList)(templatesAsPatterns);
77
- return (0, _react.createElement)(_blockEditor.__experimentalBlockPatternsList, {
78
- label: (0, _i18n.__)('Templates'),
79
- blockPatterns: templatesAsPatterns,
80
- shownPatterns: shownTemplates,
81
- onClickPattern: onSelect
82
- });
83
- }
84
- //# sourceMappingURL=swap-template-button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_element","require","_htmlEntities","_blockEditor","_components","_i18n","_data","_coreData","_blocks","_compose","_hooks","SwapTemplateButton","onClick","showModal","setShowModal","useState","availableTemplates","useAvailableTemplates","onClose","useCallback","postType","postId","useEditedPostContext","editEntityRecord","useDispatch","coreStore","length","onTemplateSelect","template","name","undoIgnore","_react","createElement","Fragment","MenuItem","__","Modal","title","onRequestClose","overlayClassName","isFullScreen","className","TemplatesList","onSelect","templatesAsPatterns","useMemo","map","slug","blocks","parse","content","raw","decodeEntities","rendered","id","shownTemplates","useAsyncList","__experimentalBlockPatternsList","label","blockPatterns","shownPatterns","onClickPattern"],"sources":["@wordpress/edit-site/src/components/sidebar-edit-mode/page-panels/swap-template-button.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useMemo, useState, useCallback } from '@wordpress/element';\nimport { decodeEntities } from '@wordpress/html-entities';\nimport { __experimentalBlockPatternsList as BlockPatternsList } from '@wordpress/block-editor';\nimport { MenuItem, Modal } from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useDispatch } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\nimport { parse } from '@wordpress/blocks';\nimport { useAsyncList } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\nimport { useAvailableTemplates, useEditedPostContext } from './hooks';\n\nexport default function SwapTemplateButton( { onClick } ) {\n\tconst [ showModal, setShowModal ] = useState( false );\n\tconst availableTemplates = useAvailableTemplates();\n\tconst onClose = useCallback( () => {\n\t\tsetShowModal( false );\n\t}, [] );\n\tconst { postType, postId } = useEditedPostContext();\n\tconst { editEntityRecord } = useDispatch( coreStore );\n\tif ( ! availableTemplates?.length ) {\n\t\treturn null;\n\t}\n\tconst onTemplateSelect = async ( template ) => {\n\t\teditEntityRecord(\n\t\t\t'postType',\n\t\t\tpostType,\n\t\t\tpostId,\n\t\t\t{ template: template.name },\n\t\t\t{ undoIgnore: true }\n\t\t);\n\t\tonClose(); // Close the template suggestions modal first.\n\t\tonClick();\n\t};\n\treturn (\n\t\t<>\n\t\t\t<MenuItem onClick={ () => setShowModal( true ) }>\n\t\t\t\t{ __( 'Swap template' ) }\n\t\t\t</MenuItem>\n\t\t\t{ showModal && (\n\t\t\t\t<Modal\n\t\t\t\t\ttitle={ __( 'Choose a template' ) }\n\t\t\t\t\tonRequestClose={ onClose }\n\t\t\t\t\toverlayClassName=\"edit-site-swap-template-modal\"\n\t\t\t\t\tisFullScreen\n\t\t\t\t>\n\t\t\t\t\t<div className=\"edit-site-page-panels__swap-template__modal-content\">\n\t\t\t\t\t\t<TemplatesList onSelect={ onTemplateSelect } />\n\t\t\t\t\t</div>\n\t\t\t\t</Modal>\n\t\t\t) }\n\t\t</>\n\t);\n}\n\nfunction TemplatesList( { onSelect } ) {\n\tconst availableTemplates = useAvailableTemplates();\n\tconst templatesAsPatterns = useMemo(\n\t\t() =>\n\t\t\tavailableTemplates.map( ( template ) => ( {\n\t\t\t\tname: template.slug,\n\t\t\t\tblocks: parse( template.content.raw ),\n\t\t\t\ttitle: decodeEntities( template.title.rendered ),\n\t\t\t\tid: template.id,\n\t\t\t} ) ),\n\t\t[ availableTemplates ]\n\t);\n\tconst shownTemplates = useAsyncList( templatesAsPatterns );\n\treturn (\n\t\t<BlockPatternsList\n\t\t\tlabel={ __( 'Templates' ) }\n\t\t\tblockPatterns={ templatesAsPatterns }\n\t\t\tshownPatterns={ shownTemplates }\n\t\t\tonClickPattern={ onSelect }\n\t\t/>\n\t);\n}\n"],"mappings":"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"}
@@ -1,22 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = useDebouncedInput;
7
- var _element = require("@wordpress/element");
8
- var _compose = require("@wordpress/compose");
9
- /**
10
- * WordPress dependencies
11
- */
12
-
13
- function useDebouncedInput(defaultValue = '') {
14
- const [input, setInput] = (0, _element.useState)(defaultValue);
15
- const [debouncedInput, setDebouncedState] = (0, _element.useState)(defaultValue);
16
- const setDebouncedInput = (0, _compose.useDebounce)(setDebouncedState, 250);
17
- (0, _element.useEffect)(() => {
18
- setDebouncedInput(input);
19
- }, [input]);
20
- return [input, setInput, debouncedInput];
21
- }
22
- //# sourceMappingURL=use-debounced-input.js.map