@wordpress/edit-site 5.8.0 → 5.10.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 (471) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/build/components/add-new-template/add-custom-template-modal.js +21 -6
  3. package/build/components/add-new-template/add-custom-template-modal.js.map +1 -1
  4. package/build/components/add-new-template/new-template-part.js +8 -2
  5. package/build/components/add-new-template/new-template-part.js.map +1 -1
  6. package/build/components/add-new-template/new-template.js +8 -4
  7. package/build/components/add-new-template/new-template.js.map +1 -1
  8. package/build/components/app/index.js +8 -2
  9. package/build/components/app/index.js.map +1 -1
  10. package/build/components/block-editor/back-button.js +10 -3
  11. package/build/components/block-editor/back-button.js.map +1 -1
  12. package/build/components/block-editor/editor-canvas.js +39 -6
  13. package/build/components/block-editor/editor-canvas.js.map +1 -1
  14. package/build/components/block-editor/index.js +7 -7
  15. package/build/components/block-editor/index.js.map +1 -1
  16. package/build/components/editor/index.js +43 -9
  17. package/build/components/editor/index.js.map +1 -1
  18. package/build/components/editor-canvas-container/index.js +131 -0
  19. package/build/components/editor-canvas-container/index.js.map +1 -0
  20. package/build/components/global-styles/block-preview-panel.js +1 -1
  21. package/build/components/global-styles/block-preview-panel.js.map +1 -1
  22. package/build/components/global-styles/border-panel.js +53 -5
  23. package/build/components/global-styles/border-panel.js.map +1 -1
  24. package/build/components/global-styles/color-palette-panel.js +14 -3
  25. package/build/components/global-styles/color-palette-panel.js.map +1 -1
  26. package/build/components/global-styles/dimensions-panel.js +17 -18
  27. package/build/components/global-styles/dimensions-panel.js.map +1 -1
  28. package/build/components/global-styles/global-styles-provider.js +4 -18
  29. package/build/components/global-styles/global-styles-provider.js.map +1 -1
  30. package/build/components/global-styles/gradients-palette-panel.js +14 -3
  31. package/build/components/global-styles/gradients-palette-panel.js.map +1 -1
  32. package/build/components/global-styles/root-menu.js +61 -0
  33. package/build/components/global-styles/root-menu.js.map +1 -0
  34. package/build/components/global-styles/screen-block-list.js +3 -1
  35. package/build/components/global-styles/screen-block-list.js.map +1 -1
  36. package/build/components/global-styles/screen-block.js +158 -7
  37. package/build/components/global-styles/screen-block.js.map +1 -1
  38. package/build/components/global-styles/screen-colors.js +9 -26
  39. package/build/components/global-styles/screen-colors.js.map +1 -1
  40. package/build/components/global-styles/screen-css.js +20 -15
  41. package/build/components/global-styles/screen-css.js.map +1 -1
  42. package/build/components/global-styles/screen-layout.js +4 -17
  43. package/build/components/global-styles/screen-layout.js.map +1 -1
  44. package/build/components/global-styles/screen-revisions/index.js +148 -0
  45. package/build/components/global-styles/screen-revisions/index.js.map +1 -0
  46. package/build/components/global-styles/screen-revisions/revisions-buttons.js +132 -0
  47. package/build/components/global-styles/screen-revisions/revisions-buttons.js.map +1 -0
  48. package/build/components/global-styles/screen-revisions/use-global-styles-revisions.js +130 -0
  49. package/build/components/global-styles/screen-revisions/use-global-styles-revisions.js.map +1 -0
  50. package/build/components/global-styles/screen-root.js +2 -2
  51. package/build/components/global-styles/screen-root.js.map +1 -1
  52. package/build/components/global-styles/screen-typography-element.js +0 -3
  53. package/build/components/global-styles/screen-typography-element.js.map +1 -1
  54. package/build/components/global-styles/screen-typography.js +11 -39
  55. package/build/components/global-styles/screen-typography.js.map +1 -1
  56. package/build/components/global-styles/style-variations-container.js +3 -8
  57. package/build/components/global-styles/style-variations-container.js.map +1 -1
  58. package/build/components/global-styles/typography-panel.js +7 -11
  59. package/build/components/global-styles/typography-panel.js.map +1 -1
  60. package/build/components/global-styles/ui.js +66 -120
  61. package/build/components/global-styles/ui.js.map +1 -1
  62. package/build/components/global-styles/variations-panel.js +4 -28
  63. package/build/components/global-styles/variations-panel.js.map +1 -1
  64. package/build/components/header-edit-mode/index.js +11 -7
  65. package/build/components/header-edit-mode/index.js.map +1 -1
  66. package/build/components/keyboard-shortcuts/register.js +1 -1
  67. package/build/components/keyboard-shortcuts/register.js.map +1 -1
  68. package/build/components/layout/index.js +22 -14
  69. package/build/components/layout/index.js.map +1 -1
  70. package/build/components/list/index.js +9 -3
  71. package/build/components/list/index.js.map +1 -1
  72. package/build/components/list/table.js +4 -4
  73. package/build/components/list/table.js.map +1 -1
  74. package/build/components/plugin-template-setting-panel/index.js +44 -0
  75. package/build/components/plugin-template-setting-panel/index.js.map +1 -0
  76. package/build/components/revisions/index.js +95 -0
  77. package/build/components/revisions/index.js.map +1 -0
  78. package/build/components/routes/link.js +17 -2
  79. package/build/components/routes/link.js.map +1 -1
  80. package/build/components/routes/use-title.js +8 -2
  81. package/build/components/routes/use-title.js.map +1 -1
  82. package/build/components/save-button/index.js +31 -6
  83. package/build/components/save-button/index.js.map +1 -1
  84. package/build/components/save-hub/index.js +14 -31
  85. package/build/components/save-hub/index.js.map +1 -1
  86. package/build/components/save-panel/index.js +20 -7
  87. package/build/components/save-panel/index.js.map +1 -1
  88. package/build/components/secondary-sidebar/list-view-sidebar.js +2 -7
  89. package/build/components/secondary-sidebar/list-view-sidebar.js.map +1 -1
  90. package/build/components/sidebar/index.js +16 -2
  91. package/build/components/sidebar/index.js.map +1 -1
  92. package/build/components/sidebar-edit-mode/global-styles-sidebar.js +35 -14
  93. package/build/components/sidebar-edit-mode/global-styles-sidebar.js.map +1 -1
  94. package/build/components/sidebar-edit-mode/index.js +9 -2
  95. package/build/components/sidebar-edit-mode/index.js.map +1 -1
  96. package/build/components/sidebar-edit-mode/sidebar-fixed-bottom.js +40 -0
  97. package/build/components/sidebar-edit-mode/sidebar-fixed-bottom.js.map +1 -0
  98. package/build/components/sidebar-edit-mode/template-card/index.js +1 -8
  99. package/build/components/sidebar-edit-mode/template-card/index.js.map +1 -1
  100. package/build/components/sidebar-edit-mode/{template-card/last-revision.js → template-revisions/index.js} +1 -1
  101. package/build/components/sidebar-edit-mode/template-revisions/index.js.map +1 -0
  102. package/build/components/sidebar-navigation-item/index.js +5 -7
  103. package/build/components/sidebar-navigation-item/index.js.map +1 -1
  104. package/build/components/sidebar-navigation-screen/index.js +14 -4
  105. package/build/components/sidebar-navigation-screen/index.js.map +1 -1
  106. package/build/components/sidebar-navigation-screen-main/index.js +24 -7
  107. package/build/components/sidebar-navigation-screen-main/index.js.map +1 -1
  108. package/build/components/sidebar-navigation-screen-navigation-item/index.js +1 -1
  109. package/build/components/sidebar-navigation-screen-navigation-item/index.js.map +1 -1
  110. package/build/components/sidebar-navigation-screen-navigation-menus/index.js +17 -5
  111. package/build/components/sidebar-navigation-screen-navigation-menus/index.js.map +1 -1
  112. package/build/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js +3 -3
  113. package/build/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js.map +1 -1
  114. package/build/components/sidebar-navigation-screen-page/index.js +67 -0
  115. package/build/components/sidebar-navigation-screen-page/index.js.map +1 -0
  116. package/build/components/sidebar-navigation-screen-pages/index.js +74 -0
  117. package/build/components/sidebar-navigation-screen-pages/index.js.map +1 -0
  118. package/build/components/sidebar-navigation-screen-templates/index.js +5 -3
  119. package/build/components/sidebar-navigation-screen-templates/index.js.map +1 -1
  120. package/build/components/sidebar-navigation-subtitle/index.js +18 -0
  121. package/build/components/sidebar-navigation-subtitle/index.js.map +1 -0
  122. package/build/components/site-hub/index.js +64 -12
  123. package/build/components/site-hub/index.js.map +1 -1
  124. package/build/components/site-icon/index.js +8 -7
  125. package/build/components/site-icon/index.js.map +1 -1
  126. package/build/components/start-template-options/index.js +21 -24
  127. package/build/components/start-template-options/index.js.map +1 -1
  128. package/build/components/style-book/index.js +9 -41
  129. package/build/components/style-book/index.js.map +1 -1
  130. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js +13 -5
  131. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
  132. package/build/components/sync-state-with-url/use-sync-canvas-mode-with-url.js +9 -4
  133. package/build/components/sync-state-with-url/use-sync-canvas-mode-with-url.js.map +1 -1
  134. package/build/components/sync-state-with-url/use-sync-path-with-url.js +17 -3
  135. package/build/components/sync-state-with-url/use-sync-path-with-url.js.map +1 -1
  136. package/build/components/template-details/index.js +3 -1
  137. package/build/components/template-details/index.js.map +1 -1
  138. package/build/components/template-details/template-areas.js +9 -3
  139. package/build/components/template-details/template-areas.js.map +1 -1
  140. package/build/hooks/template-part-edit.js +8 -2
  141. package/build/hooks/template-part-edit.js.map +1 -1
  142. package/build/index.js +8 -0
  143. package/build/index.js.map +1 -1
  144. package/build/store/private-actions.js +19 -1
  145. package/build/store/private-actions.js.map +1 -1
  146. package/build/store/private-selectors.js +13 -0
  147. package/build/store/private-selectors.js.map +1 -1
  148. package/build/store/reducer.js +23 -1
  149. package/build/store/reducer.js.map +1 -1
  150. package/build/utils/is-previewing-theme.js +27 -0
  151. package/build/utils/is-previewing-theme.js.map +1 -0
  152. package/build/utils/use-activate-theme.js +46 -0
  153. package/build/utils/use-activate-theme.js.map +1 -0
  154. package/build-module/components/add-new-template/add-custom-template-modal.js +21 -6
  155. package/build-module/components/add-new-template/add-custom-template-modal.js.map +1 -1
  156. package/build-module/components/add-new-template/new-template-part.js +5 -1
  157. package/build-module/components/add-new-template/new-template-part.js.map +1 -1
  158. package/build-module/components/add-new-template/new-template.js +7 -3
  159. package/build-module/components/add-new-template/new-template.js.map +1 -1
  160. package/build-module/components/app/index.js +6 -2
  161. package/build-module/components/app/index.js.map +1 -1
  162. package/build-module/components/block-editor/back-button.js +6 -1
  163. package/build-module/components/block-editor/back-button.js.map +1 -1
  164. package/build-module/components/block-editor/editor-canvas.js +37 -6
  165. package/build-module/components/block-editor/editor-canvas.js.map +1 -1
  166. package/build-module/components/block-editor/index.js +6 -6
  167. package/build-module/components/block-editor/index.js.map +1 -1
  168. package/build-module/components/editor/index.js +45 -11
  169. package/build-module/components/editor/index.js.map +1 -1
  170. package/build-module/components/editor-canvas-container/index.js +115 -0
  171. package/build-module/components/editor-canvas-container/index.js.map +1 -0
  172. package/build-module/components/global-styles/block-preview-panel.js +1 -1
  173. package/build-module/components/global-styles/block-preview-panel.js.map +1 -1
  174. package/build-module/components/global-styles/border-panel.js +54 -5
  175. package/build-module/components/global-styles/border-panel.js.map +1 -1
  176. package/build-module/components/global-styles/color-palette-panel.js +13 -3
  177. package/build-module/components/global-styles/color-palette-panel.js.map +1 -1
  178. package/build-module/components/global-styles/dimensions-panel.js +17 -18
  179. package/build-module/components/global-styles/dimensions-panel.js.map +1 -1
  180. package/build-module/components/global-styles/global-styles-provider.js +5 -19
  181. package/build-module/components/global-styles/global-styles-provider.js.map +1 -1
  182. package/build-module/components/global-styles/gradients-palette-panel.js +13 -3
  183. package/build-module/components/global-styles/gradients-palette-panel.js.map +1 -1
  184. package/build-module/components/global-styles/root-menu.js +47 -0
  185. package/build-module/components/global-styles/root-menu.js.map +1 -0
  186. package/build-module/components/global-styles/screen-block-list.js +4 -2
  187. package/build-module/components/global-styles/screen-block-list.js.map +1 -1
  188. package/build-module/components/global-styles/screen-block.js +151 -7
  189. package/build-module/components/global-styles/screen-block.js.map +1 -1
  190. package/build-module/components/global-styles/screen-colors.js +9 -25
  191. package/build-module/components/global-styles/screen-colors.js.map +1 -1
  192. package/build-module/components/global-styles/screen-css.js +20 -15
  193. package/build-module/components/global-styles/screen-css.js.map +1 -1
  194. package/build-module/components/global-styles/screen-layout.js +4 -16
  195. package/build-module/components/global-styles/screen-layout.js.map +1 -1
  196. package/build-module/components/global-styles/screen-revisions/index.js +128 -0
  197. package/build-module/components/global-styles/screen-revisions/index.js.map +1 -0
  198. package/build-module/components/global-styles/screen-revisions/revisions-buttons.js +121 -0
  199. package/build-module/components/global-styles/screen-revisions/revisions-buttons.js.map +1 -0
  200. package/build-module/components/global-styles/screen-revisions/use-global-styles-revisions.js +116 -0
  201. package/build-module/components/global-styles/screen-revisions/use-global-styles-revisions.js.map +1 -0
  202. package/build-module/components/global-styles/screen-root.js +2 -2
  203. package/build-module/components/global-styles/screen-root.js.map +1 -1
  204. package/build-module/components/global-styles/screen-typography-element.js +0 -3
  205. package/build-module/components/global-styles/screen-typography-element.js.map +1 -1
  206. package/build-module/components/global-styles/screen-typography.js +11 -37
  207. package/build-module/components/global-styles/screen-typography.js.map +1 -1
  208. package/build-module/components/global-styles/style-variations-container.js +3 -7
  209. package/build-module/components/global-styles/style-variations-container.js.map +1 -1
  210. package/build-module/components/global-styles/typography-panel.js +7 -11
  211. package/build-module/components/global-styles/typography-panel.js.map +1 -1
  212. package/build-module/components/global-styles/ui.js +66 -118
  213. package/build-module/components/global-styles/ui.js.map +1 -1
  214. package/build-module/components/global-styles/variations-panel.js +3 -22
  215. package/build-module/components/global-styles/variations-panel.js.map +1 -1
  216. package/build-module/components/header-edit-mode/index.js +10 -7
  217. package/build-module/components/header-edit-mode/index.js.map +1 -1
  218. package/build-module/components/keyboard-shortcuts/register.js +1 -1
  219. package/build-module/components/keyboard-shortcuts/register.js.map +1 -1
  220. package/build-module/components/layout/index.js +17 -10
  221. package/build-module/components/layout/index.js.map +1 -1
  222. package/build-module/components/list/index.js +5 -1
  223. package/build-module/components/list/index.js.map +1 -1
  224. package/build-module/components/list/table.js +4 -4
  225. package/build-module/components/list/table.js.map +1 -1
  226. package/build-module/components/plugin-template-setting-panel/index.js +35 -0
  227. package/build-module/components/plugin-template-setting-panel/index.js.map +1 -0
  228. package/build-module/components/revisions/index.js +77 -0
  229. package/build-module/components/revisions/index.js.map +1 -0
  230. package/build-module/components/routes/link.js +13 -1
  231. package/build-module/components/routes/link.js.map +1 -1
  232. package/build-module/components/routes/use-title.js +5 -1
  233. package/build-module/components/routes/use-title.js.map +1 -1
  234. package/build-module/components/save-button/index.js +28 -6
  235. package/build-module/components/save-button/index.js.map +1 -1
  236. package/build-module/components/save-hub/index.js +13 -32
  237. package/build-module/components/save-hub/index.js.map +1 -1
  238. package/build-module/components/save-panel/index.js +19 -7
  239. package/build-module/components/save-panel/index.js.map +1 -1
  240. package/build-module/components/secondary-sidebar/list-view-sidebar.js +3 -8
  241. package/build-module/components/secondary-sidebar/list-view-sidebar.js.map +1 -1
  242. package/build-module/components/sidebar/index.js +11 -1
  243. package/build-module/components/sidebar/index.js.map +1 -1
  244. package/build-module/components/sidebar-edit-mode/global-styles-sidebar.js +35 -16
  245. package/build-module/components/sidebar-edit-mode/global-styles-sidebar.js.map +1 -1
  246. package/build-module/components/sidebar-edit-mode/index.js +10 -5
  247. package/build-module/components/sidebar-edit-mode/index.js.map +1 -1
  248. package/build-module/components/sidebar-edit-mode/sidebar-fixed-bottom.js +29 -0
  249. package/build-module/components/sidebar-edit-mode/sidebar-fixed-bottom.js.map +1 -0
  250. package/build-module/components/sidebar-edit-mode/template-card/index.js +2 -7
  251. package/build-module/components/sidebar-edit-mode/template-card/index.js.map +1 -1
  252. package/build-module/components/sidebar-edit-mode/{template-card/last-revision.js → template-revisions/index.js} +1 -1
  253. package/build-module/components/sidebar-edit-mode/template-revisions/index.js.map +1 -0
  254. package/build-module/components/sidebar-navigation-item/index.js +6 -8
  255. package/build-module/components/sidebar-navigation-item/index.js.map +1 -1
  256. package/build-module/components/sidebar-navigation-screen/index.js +13 -5
  257. package/build-module/components/sidebar-navigation-screen/index.js.map +1 -1
  258. package/build-module/components/sidebar-navigation-screen-main/index.js +25 -8
  259. package/build-module/components/sidebar-navigation-screen-main/index.js.map +1 -1
  260. package/build-module/components/sidebar-navigation-screen-navigation-item/index.js +1 -1
  261. package/build-module/components/sidebar-navigation-screen-navigation-item/index.js.map +1 -1
  262. package/build-module/components/sidebar-navigation-screen-navigation-menus/index.js +13 -3
  263. package/build-module/components/sidebar-navigation-screen-navigation-menus/index.js.map +1 -1
  264. package/build-module/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js +3 -3
  265. package/build-module/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js.map +1 -1
  266. package/build-module/components/sidebar-navigation-screen-page/index.js +48 -0
  267. package/build-module/components/sidebar-navigation-screen-page/index.js.map +1 -0
  268. package/build-module/components/sidebar-navigation-screen-pages/index.js +57 -0
  269. package/build-module/components/sidebar-navigation-screen-pages/index.js.map +1 -0
  270. package/build-module/components/sidebar-navigation-screen-templates/index.js +5 -3
  271. package/build-module/components/sidebar-navigation-screen-templates/index.js.map +1 -1
  272. package/build-module/components/sidebar-navigation-subtitle/index.js +10 -0
  273. package/build-module/components/sidebar-navigation-subtitle/index.js.map +1 -0
  274. package/build-module/components/site-hub/index.js +64 -14
  275. package/build-module/components/site-hub/index.js.map +1 -1
  276. package/build-module/components/site-icon/index.js +8 -7
  277. package/build-module/components/site-icon/index.js.map +1 -1
  278. package/build-module/components/start-template-options/index.js +22 -25
  279. package/build-module/components/start-template-options/index.js.map +1 -1
  280. package/build-module/components/style-book/index.js +10 -41
  281. package/build-module/components/style-book/index.js.map +1 -1
  282. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js +10 -4
  283. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -1
  284. package/build-module/components/sync-state-with-url/use-sync-canvas-mode-with-url.js +5 -1
  285. package/build-module/components/sync-state-with-url/use-sync-canvas-mode-with-url.js.map +1 -1
  286. package/build-module/components/sync-state-with-url/use-sync-path-with-url.js +13 -1
  287. package/build-module/components/sync-state-with-url/use-sync-path-with-url.js.map +1 -1
  288. package/build-module/components/template-details/index.js +3 -1
  289. package/build-module/components/template-details/index.js.map +1 -1
  290. package/build-module/components/template-details/template-areas.js +5 -1
  291. package/build-module/components/template-details/template-areas.js.map +1 -1
  292. package/build-module/hooks/template-part-edit.js +5 -1
  293. package/build-module/hooks/template-part-edit.js.map +1 -1
  294. package/build-module/index.js +1 -0
  295. package/build-module/index.js.map +1 -1
  296. package/build-module/store/private-actions.js +15 -0
  297. package/build-module/store/private-actions.js.map +1 -1
  298. package/build-module/store/private-selectors.js +11 -0
  299. package/build-module/store/private-selectors.js.map +1 -1
  300. package/build-module/store/reducer.js +23 -1
  301. package/build-module/store/reducer.js.map +1 -1
  302. package/build-module/utils/is-previewing-theme.js +17 -0
  303. package/build-module/utils/is-previewing-theme.js.map +1 -0
  304. package/build-module/utils/use-activate-theme.js +36 -0
  305. package/build-module/utils/use-activate-theme.js.map +1 -0
  306. package/build-style/style-rtl.css +310 -137
  307. package/build-style/style.css +310 -137
  308. package/package.json +37 -35
  309. package/src/components/add-new-template/add-custom-template-modal.js +31 -8
  310. package/src/components/add-new-template/new-template-part.js +4 -1
  311. package/src/components/add-new-template/new-template.js +6 -1
  312. package/src/components/add-new-template/style.scss +52 -48
  313. package/src/components/app/index.js +6 -3
  314. package/src/components/block-editor/back-button.js +4 -1
  315. package/src/components/block-editor/editor-canvas.js +36 -8
  316. package/src/components/block-editor/index.js +8 -8
  317. package/src/components/block-editor/style.scss +15 -8
  318. package/src/components/editor/index.js +48 -7
  319. package/src/components/editor-canvas-container/index.js +128 -0
  320. package/src/components/editor-canvas-container/style.scss +19 -0
  321. package/src/components/global-styles/block-preview-panel.js +1 -1
  322. package/src/components/global-styles/border-panel.js +46 -3
  323. package/src/components/global-styles/color-palette-panel.js +9 -0
  324. package/src/components/global-styles/dimensions-panel.js +15 -15
  325. package/src/components/global-styles/global-styles-provider.js +4 -18
  326. package/src/components/global-styles/gradients-palette-panel.js +8 -0
  327. package/src/components/global-styles/root-menu.js +66 -0
  328. package/src/components/global-styles/screen-block-list.js +2 -2
  329. package/src/components/global-styles/screen-block.js +184 -7
  330. package/src/components/global-styles/screen-colors.js +9 -16
  331. package/src/components/global-styles/screen-css.js +21 -21
  332. package/src/components/global-styles/screen-layout.js +5 -9
  333. package/src/components/global-styles/screen-revisions/index.js +177 -0
  334. package/src/components/global-styles/screen-revisions/revisions-buttons.js +131 -0
  335. package/src/components/global-styles/screen-revisions/style.scss +99 -0
  336. package/src/components/global-styles/screen-revisions/test/use-global-styles-revisions.js +125 -0
  337. package/src/components/global-styles/screen-revisions/use-global-styles-revisions.js +103 -0
  338. package/src/components/global-styles/screen-root.js +2 -2
  339. package/src/components/global-styles/screen-typography-element.js +1 -3
  340. package/src/components/global-styles/screen-typography.js +44 -79
  341. package/src/components/global-styles/style-variations-container.js +4 -10
  342. package/src/components/global-styles/style.scss +1 -23
  343. package/src/components/global-styles/typography-panel.js +12 -13
  344. package/src/components/global-styles/ui.js +82 -107
  345. package/src/components/global-styles/variations-panel.js +3 -26
  346. package/src/components/header-edit-mode/index.js +17 -5
  347. package/src/components/keyboard-shortcuts/register.js +1 -1
  348. package/src/components/layout/index.js +16 -19
  349. package/src/components/layout/style.scss +32 -7
  350. package/src/components/list/index.js +4 -1
  351. package/src/components/list/style.scss +4 -0
  352. package/src/components/list/table.js +19 -3
  353. package/src/components/plugin-template-setting-panel/index.js +33 -0
  354. package/src/components/revisions/index.js +104 -0
  355. package/src/components/routes/link.js +16 -1
  356. package/src/components/routes/use-title.js +4 -1
  357. package/src/components/save-button/index.js +27 -6
  358. package/src/components/save-hub/index.js +17 -35
  359. package/src/components/save-panel/index.js +15 -3
  360. package/src/components/secondary-sidebar/list-view-sidebar.js +2 -6
  361. package/src/components/secondary-sidebar/style.scss +23 -5
  362. package/src/components/sidebar/index.js +12 -1
  363. package/src/components/sidebar/style.scss +2 -1
  364. package/src/components/sidebar-edit-mode/global-styles-sidebar.js +39 -18
  365. package/src/components/sidebar-edit-mode/index.js +17 -6
  366. package/src/components/sidebar-edit-mode/sidebar-fixed-bottom.js +26 -0
  367. package/src/components/sidebar-edit-mode/style.scss +10 -0
  368. package/src/components/sidebar-edit-mode/template-card/index.js +1 -9
  369. package/src/components/sidebar-navigation-item/index.js +13 -14
  370. package/src/components/sidebar-navigation-item/style.scss +8 -1
  371. package/src/components/sidebar-navigation-screen/index.js +26 -5
  372. package/src/components/sidebar-navigation-screen-main/index.js +43 -22
  373. package/src/components/sidebar-navigation-screen-navigation-item/index.js +3 -9
  374. package/src/components/sidebar-navigation-screen-navigation-menus/index.js +13 -1
  375. package/src/components/sidebar-navigation-screen-navigation-menus/navigation-menu-content.js +3 -3
  376. package/src/components/sidebar-navigation-screen-page/index.js +59 -0
  377. package/src/components/sidebar-navigation-screen-pages/index.js +82 -0
  378. package/src/components/sidebar-navigation-screen-pages/style.scss +4 -0
  379. package/src/components/sidebar-navigation-screen-templates/index.js +5 -1
  380. package/src/components/sidebar-navigation-subtitle/index.js +5 -0
  381. package/src/components/sidebar-navigation-subtitle/style.scss +7 -0
  382. package/src/components/site-hub/index.js +92 -33
  383. package/src/components/site-hub/style.scss +8 -0
  384. package/src/components/site-icon/index.js +6 -11
  385. package/src/components/site-icon/style.scss +8 -3
  386. package/src/components/start-template-options/index.js +32 -39
  387. package/src/components/start-template-options/style.scss +36 -46
  388. package/src/components/style-book/index.js +7 -51
  389. package/src/components/style-book/style.scss +0 -18
  390. package/src/components/sync-state-with-url/use-init-edited-entity-from-url.js +8 -4
  391. package/src/components/sync-state-with-url/use-sync-canvas-mode-with-url.js +3 -1
  392. package/src/components/sync-state-with-url/use-sync-path-with-url.js +14 -1
  393. package/src/components/template-details/index.js +1 -0
  394. package/src/components/template-details/template-areas.js +4 -1
  395. package/src/hooks/template-part-edit.js +4 -1
  396. package/src/index.js +1 -0
  397. package/src/store/private-actions.js +14 -0
  398. package/src/store/private-selectors.js +11 -0
  399. package/src/store/reducer.js +18 -0
  400. package/src/store/test/actions.js +6 -14
  401. package/src/style.scss +5 -1
  402. package/src/utils/is-previewing-theme.js +18 -0
  403. package/src/utils/use-activate-theme.js +38 -0
  404. package/build/components/global-styles/context-menu.js +0 -126
  405. package/build/components/global-styles/context-menu.js.map +0 -1
  406. package/build/components/global-styles/custom-css.js +0 -113
  407. package/build/components/global-styles/custom-css.js.map +0 -1
  408. package/build/components/global-styles/effects-panel.js +0 -53
  409. package/build/components/global-styles/effects-panel.js.map +0 -1
  410. package/build/components/global-styles/filters-panel.js +0 -45
  411. package/build/components/global-styles/filters-panel.js.map +0 -1
  412. package/build/components/global-styles/screen-border.js +0 -61
  413. package/build/components/global-styles/screen-border.js.map +0 -1
  414. package/build/components/global-styles/screen-effects.js +0 -61
  415. package/build/components/global-styles/screen-effects.js.map +0 -1
  416. package/build/components/global-styles/screen-filters.js +0 -46
  417. package/build/components/global-styles/screen-filters.js.map +0 -1
  418. package/build/components/global-styles/screen-variations.js +0 -71
  419. package/build/components/global-styles/screen-variations.js.map +0 -1
  420. package/build/components/routes/index.js +0 -60
  421. package/build/components/routes/index.js.map +0 -1
  422. package/build/components/sidebar-edit-mode/template-card/last-revision.js.map +0 -1
  423. package/build/hooks/commands/index.js +0 -19
  424. package/build/hooks/commands/index.js.map +0 -1
  425. package/build/hooks/commands/use-navigation-commands.js +0 -117
  426. package/build/hooks/commands/use-navigation-commands.js.map +0 -1
  427. package/build/hooks/commands/use-wp-admin-commands.js +0 -94
  428. package/build/hooks/commands/use-wp-admin-commands.js.map +0 -1
  429. package/build/utils/history.js +0 -41
  430. package/build/utils/history.js.map +0 -1
  431. package/build-module/components/global-styles/context-menu.js +0 -107
  432. package/build-module/components/global-styles/context-menu.js.map +0 -1
  433. package/build-module/components/global-styles/custom-css.js +0 -98
  434. package/build-module/components/global-styles/custom-css.js.map +0 -1
  435. package/build-module/components/global-styles/effects-panel.js +0 -43
  436. package/build-module/components/global-styles/effects-panel.js.map +0 -1
  437. package/build-module/components/global-styles/filters-panel.js +0 -35
  438. package/build-module/components/global-styles/filters-panel.js.map +0 -1
  439. package/build-module/components/global-styles/screen-border.js +0 -44
  440. package/build-module/components/global-styles/screen-border.js.map +0 -1
  441. package/build-module/components/global-styles/screen-effects.js +0 -44
  442. package/build-module/components/global-styles/screen-effects.js.map +0 -1
  443. package/build-module/components/global-styles/screen-filters.js +0 -33
  444. package/build-module/components/global-styles/screen-filters.js.map +0 -1
  445. package/build-module/components/global-styles/screen-variations.js +0 -54
  446. package/build-module/components/global-styles/screen-variations.js.map +0 -1
  447. package/build-module/components/routes/index.js +0 -47
  448. package/build-module/components/routes/index.js.map +0 -1
  449. package/build-module/components/sidebar-edit-mode/template-card/last-revision.js.map +0 -1
  450. package/build-module/hooks/commands/index.js +0 -10
  451. package/build-module/hooks/commands/index.js.map +0 -1
  452. package/build-module/hooks/commands/use-navigation-commands.js +0 -101
  453. package/build-module/hooks/commands/use-navigation-commands.js.map +0 -1
  454. package/build-module/hooks/commands/use-wp-admin-commands.js +0 -79
  455. package/build-module/hooks/commands/use-wp-admin-commands.js.map +0 -1
  456. package/build-module/utils/history.js +0 -31
  457. package/build-module/utils/history.js.map +0 -1
  458. package/src/components/global-styles/context-menu.js +0 -175
  459. package/src/components/global-styles/custom-css.js +0 -131
  460. package/src/components/global-styles/effects-panel.js +0 -40
  461. package/src/components/global-styles/filters-panel.js +0 -33
  462. package/src/components/global-styles/screen-border.js +0 -35
  463. package/src/components/global-styles/screen-effects.js +0 -35
  464. package/src/components/global-styles/screen-filters.js +0 -27
  465. package/src/components/global-styles/screen-variations.js +0 -46
  466. package/src/components/routes/index.js +0 -53
  467. package/src/hooks/commands/index.js +0 -10
  468. package/src/hooks/commands/use-navigation-commands.js +0 -103
  469. package/src/hooks/commands/use-wp-admin-commands.js +0 -77
  470. package/src/utils/history.js +0 -39
  471. /package/src/components/sidebar-edit-mode/{template-card/last-revision.js → template-revisions/index.js} +0 -0
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/index.js"],"names":["useNavigationCommands","useWPAdminCommands","useCommands"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,qBAAT,QAAsC,2BAAtC;AACA,SAASC,kBAAT,QAAmC,yBAAnC;AAEA,OAAO,SAASC,WAAT,GAAuB;AAC7BD,EAAAA,kBAAkB;AAClBD,EAAAA,qBAAqB;AACrB","sourcesContent":["/**\n * Internal dependencies\n */\nimport { useNavigationCommands } from './use-navigation-commands';\nimport { useWPAdminCommands } from './use-wp-admin-commands';\n\nexport function useCommands() {\n\tuseWPAdminCommands();\n\tuseNavigationCommands();\n}\n"]}
@@ -1,101 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { privateApis } from '@wordpress/commands';
5
- import { __ } from '@wordpress/i18n';
6
- import { useMemo } from '@wordpress/element';
7
- import { useSelect } from '@wordpress/data';
8
- import { store as coreStore } from '@wordpress/core-data';
9
- /**
10
- * Internal dependencies
11
- */
12
-
13
- import { store as editSiteStore } from '../../store';
14
- import { unlock } from '../../private-apis';
15
- import { useHistory } from '../../components/routes';
16
- const {
17
- useCommandLoader
18
- } = unlock(privateApis);
19
-
20
- const getNavigationCommandLoaderPerPostType = postType => function useNavigationCommandLoader(_ref) {
21
- let {
22
- search
23
- } = _ref;
24
- const supportsSearch = !['wp_template', 'wp_template_part'].includes(postType);
25
- const deps = supportsSearch ? [search] : [];
26
- const history = useHistory();
27
- const {
28
- canvasMode,
29
- records,
30
- isLoading
31
- } = useSelect(select => {
32
- const {
33
- getEntityRecords
34
- } = select(coreStore);
35
- const query = supportsSearch ? {
36
- search: !!search ? search : undefined,
37
- per_page: 10,
38
- orderby: search ? 'relevance' : 'date'
39
- } : {
40
- per_page: -1
41
- };
42
- return {
43
- records: getEntityRecords('postType', postType, query),
44
- isLoading: !select(coreStore).hasFinishedResolution('getEntityRecords', ['postType', postType, query]),
45
- canvasMode: unlock(select(editSiteStore)).getCanvasMode()
46
- };
47
- }, deps);
48
- const commands = useMemo(() => {
49
- return (records !== null && records !== void 0 ? records : []).slice(0, 10).map(record => {
50
- var _record$title, _record$title2, _record$title3;
51
-
52
- return {
53
- name: ((_record$title = record.title) === null || _record$title === void 0 ? void 0 : _record$title.rendered) + ' ' + record.id,
54
- label: (_record$title2 = record.title) !== null && _record$title2 !== void 0 && _record$title2.rendered ? (_record$title3 = record.title) === null || _record$title3 === void 0 ? void 0 : _record$title3.rendered : __('(no title)'),
55
- callback: _ref2 => {
56
- let {
57
- close
58
- } = _ref2;
59
- history.push({
60
- postType,
61
- postId: record.id,
62
- canvas: canvasMode === 'edit' ? canvasMode : undefined
63
- });
64
- close();
65
- }
66
- };
67
- });
68
- }, [records, history, canvasMode]);
69
- return {
70
- commands,
71
- isLoading
72
- };
73
- };
74
-
75
- const usePageNavigationCommandLoader = getNavigationCommandLoaderPerPostType('page');
76
- const usePostNavigationCommandLoader = getNavigationCommandLoaderPerPostType('post');
77
- const useTemplateNavigationCommandLoader = getNavigationCommandLoaderPerPostType('wp_template');
78
- const useTemplatePartNavigationCommandLoader = getNavigationCommandLoaderPerPostType('wp_template_part');
79
- export function useNavigationCommands() {
80
- useCommandLoader({
81
- name: 'core/edit-site/navigate-pages',
82
- group: __('Pages'),
83
- hook: usePageNavigationCommandLoader
84
- });
85
- useCommandLoader({
86
- name: 'core/edit-site/navigate-posts',
87
- group: __('Posts'),
88
- hook: usePostNavigationCommandLoader
89
- });
90
- useCommandLoader({
91
- name: 'core/edit-site/navigate-templates',
92
- group: __('Templates'),
93
- hook: useTemplateNavigationCommandLoader
94
- });
95
- useCommandLoader({
96
- name: 'core/edit-site/navigate-template-parts',
97
- group: __('Template Parts'),
98
- hook: useTemplatePartNavigationCommandLoader
99
- });
100
- }
101
- //# sourceMappingURL=use-navigation-commands.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/use-navigation-commands.js"],"names":["privateApis","__","useMemo","useSelect","store","coreStore","editSiteStore","unlock","useHistory","useCommandLoader","getNavigationCommandLoaderPerPostType","postType","useNavigationCommandLoader","search","supportsSearch","includes","deps","history","canvasMode","records","isLoading","select","getEntityRecords","query","undefined","per_page","orderby","hasFinishedResolution","getCanvasMode","commands","slice","map","record","name","title","rendered","id","label","callback","close","push","postId","canvas","usePageNavigationCommandLoader","usePostNavigationCommandLoader","useTemplateNavigationCommandLoader","useTemplatePartNavigationCommandLoader","useNavigationCommands","group","hook"],"mappings":"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","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis } from '@wordpress/commands';\nimport { __ } from '@wordpress/i18n';\nimport { useMemo } from '@wordpress/element';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../private-apis';\nimport { useHistory } from '../../components/routes';\n\nconst { useCommandLoader } = unlock( privateApis );\n\nconst getNavigationCommandLoaderPerPostType = ( postType ) =>\n\tfunction useNavigationCommandLoader( { search } ) {\n\t\tconst supportsSearch = ! [ 'wp_template', 'wp_template_part' ].includes(\n\t\t\tpostType\n\t\t);\n\t\tconst deps = supportsSearch ? [ search ] : [];\n\t\tconst history = useHistory();\n\t\tconst { canvasMode, records, isLoading } = useSelect( ( select ) => {\n\t\t\tconst { getEntityRecords } = select( coreStore );\n\t\t\tconst query = supportsSearch\n\t\t\t\t? {\n\t\t\t\t\t\tsearch: !! search ? search : undefined,\n\t\t\t\t\t\tper_page: 10,\n\t\t\t\t\t\torderby: search ? 'relevance' : 'date',\n\t\t\t\t }\n\t\t\t\t: {\n\t\t\t\t\t\tper_page: -1,\n\t\t\t\t };\n\t\t\treturn {\n\t\t\t\trecords: getEntityRecords( 'postType', postType, query ),\n\t\t\t\tisLoading: ! select( coreStore ).hasFinishedResolution(\n\t\t\t\t\t'getEntityRecords',\n\t\t\t\t\t[ 'postType', postType, query ]\n\t\t\t\t),\n\t\t\t\tcanvasMode: unlock( select( editSiteStore ) ).getCanvasMode(),\n\t\t\t};\n\t\t}, deps );\n\n\t\tconst commands = useMemo( () => {\n\t\t\treturn ( records ?? [] ).slice( 0, 10 ).map( ( record ) => {\n\t\t\t\treturn {\n\t\t\t\t\tname: record.title?.rendered + ' ' + record.id,\n\t\t\t\t\tlabel: record.title?.rendered\n\t\t\t\t\t\t? record.title?.rendered\n\t\t\t\t\t\t: __( '(no title)' ),\n\t\t\t\t\tcallback: ( { close } ) => {\n\t\t\t\t\t\thistory.push( {\n\t\t\t\t\t\t\tpostType,\n\t\t\t\t\t\t\tpostId: record.id,\n\t\t\t\t\t\t\tcanvas:\n\t\t\t\t\t\t\t\tcanvasMode === 'edit' ? canvasMode : undefined,\n\t\t\t\t\t\t} );\n\t\t\t\t\t\tclose();\n\t\t\t\t\t},\n\t\t\t\t};\n\t\t\t} );\n\t\t}, [ records, history, canvasMode ] );\n\n\t\treturn {\n\t\t\tcommands,\n\t\t\tisLoading,\n\t\t};\n\t};\n\nconst usePageNavigationCommandLoader =\n\tgetNavigationCommandLoaderPerPostType( 'page' );\nconst usePostNavigationCommandLoader =\n\tgetNavigationCommandLoaderPerPostType( 'post' );\nconst useTemplateNavigationCommandLoader =\n\tgetNavigationCommandLoaderPerPostType( 'wp_template' );\nconst useTemplatePartNavigationCommandLoader =\n\tgetNavigationCommandLoaderPerPostType( 'wp_template_part' );\n\nexport function useNavigationCommands() {\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/navigate-pages',\n\t\tgroup: __( 'Pages' ),\n\t\thook: usePageNavigationCommandLoader,\n\t} );\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/navigate-posts',\n\t\tgroup: __( 'Posts' ),\n\t\thook: usePostNavigationCommandLoader,\n\t} );\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/navigate-templates',\n\t\tgroup: __( 'Templates' ),\n\t\thook: useTemplateNavigationCommandLoader,\n\t} );\n\tuseCommandLoader( {\n\t\tname: 'core/edit-site/navigate-template-parts',\n\t\tgroup: __( 'Template Parts' ),\n\t\thook: useTemplatePartNavigationCommandLoader,\n\t} );\n}\n"]}
@@ -1,79 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { privateApis } from '@wordpress/commands';
5
- import { __, sprintf } from '@wordpress/i18n';
6
- import { useSelect } from '@wordpress/data';
7
- import { addQueryArgs } from '@wordpress/url';
8
- import { useMemo } from '@wordpress/element';
9
- /**
10
- * Internal dependencies
11
- */
12
-
13
- import { store as editSiteStore } from '../../store';
14
- import { unlock } from '../../private-apis';
15
- const {
16
- useCommandLoader
17
- } = unlock(privateApis);
18
-
19
- const getWPAdminAddCommandLoader = postType => function useAddCommandLoader(_ref) {
20
- let {
21
- search
22
- } = _ref;
23
- let label;
24
-
25
- if (postType === 'post') {
26
- label = __('Add a new post');
27
- } else if (postType === 'page') {
28
- label = __('Add a new page');
29
- } else {
30
- throw 'unsupported post type ' + postType;
31
- }
32
-
33
- const hasRecordTitle = !!search && !label.toLowerCase().includes(search.toLowerCase());
34
-
35
- if (postType === 'post' && hasRecordTitle) {
36
- /* translators: %s: Post title placeholder */
37
- label = sprintf(__('Add a new post "%s"'), search);
38
- } else if (postType === 'page' && hasRecordTitle) {
39
- /* translators: %s: Page title placeholder */
40
- label = sprintf(__('Add a new page "%s"'), search);
41
- }
42
-
43
- const newPostLink = useSelect(select => {
44
- var _getSettings$newPostL;
45
-
46
- const {
47
- getSettings
48
- } = unlock(select(editSiteStore));
49
- return (_getSettings$newPostL = getSettings().newPostLink) !== null && _getSettings$newPostL !== void 0 ? _getSettings$newPostL : 'post-new.php';
50
- }, []);
51
- const commands = useMemo(() => [{
52
- name: 'core/wp-admin/add-' + postType,
53
- label,
54
- callback: () => {
55
- document.location.href = addQueryArgs(newPostLink, {
56
- post_type: postType,
57
- post_title: hasRecordTitle ? search : undefined
58
- });
59
- }
60
- }], [newPostLink, hasRecordTitle, search, label]);
61
- return {
62
- isLoading: false,
63
- commands
64
- };
65
- };
66
-
67
- const useAddPostLoader = getWPAdminAddCommandLoader('post');
68
- const useAddPageLoader = getWPAdminAddCommandLoader('page');
69
- export function useWPAdminCommands() {
70
- useCommandLoader({
71
- name: 'core/wp-admin/add-post-loader',
72
- hook: useAddPostLoader
73
- });
74
- useCommandLoader({
75
- name: 'core/wp-admin/add-page-loader',
76
- hook: useAddPageLoader
77
- });
78
- }
79
- //# sourceMappingURL=use-wp-admin-commands.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/edit-site/src/hooks/commands/use-wp-admin-commands.js"],"names":["privateApis","__","sprintf","useSelect","addQueryArgs","useMemo","store","editSiteStore","unlock","useCommandLoader","getWPAdminAddCommandLoader","postType","useAddCommandLoader","search","label","hasRecordTitle","toLowerCase","includes","newPostLink","select","getSettings","commands","name","callback","document","location","href","post_type","post_title","undefined","isLoading","useAddPostLoader","useAddPageLoader","useWPAdminCommands","hook"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAT,QAA4B,qBAA5B;AACA,SAASC,EAAT,EAAaC,OAAb,QAA4B,iBAA5B;AACA,SAASC,SAAT,QAA0B,iBAA1B;AACA,SAASC,YAAT,QAA6B,gBAA7B;AACA,SAASC,OAAT,QAAwB,oBAAxB;AAEA;AACA;AACA;;AACA,SAASC,KAAK,IAAIC,aAAlB,QAAuC,aAAvC;AACA,SAASC,MAAT,QAAuB,oBAAvB;AAEA,MAAM;AAAEC,EAAAA;AAAF,IAAuBD,MAAM,CAAER,WAAF,CAAnC;;AAEA,MAAMU,0BAA0B,GAAKC,QAAF,IAClC,SAASC,mBAAT,OAA2C;AAAA,MAAb;AAAEC,IAAAA;AAAF,GAAa;AAC1C,MAAIC,KAAJ;;AACA,MAAKH,QAAQ,KAAK,MAAlB,EAA2B;AAC1BG,IAAAA,KAAK,GAAGb,EAAE,CAAE,gBAAF,CAAV;AACA,GAFD,MAEO,IAAKU,QAAQ,KAAK,MAAlB,EAA2B;AACjCG,IAAAA,KAAK,GAAGb,EAAE,CAAE,gBAAF,CAAV;AACA,GAFM,MAEA;AACN,UAAM,2BAA2BU,QAAjC;AACA;;AACD,QAAMI,cAAc,GACnB,CAAC,CAAEF,MAAH,IAAa,CAAEC,KAAK,CAACE,WAAN,GAAoBC,QAApB,CAA8BJ,MAAM,CAACG,WAAP,EAA9B,CADhB;;AAEA,MAAKL,QAAQ,KAAK,MAAb,IAAuBI,cAA5B,EAA6C;AAC5C;AACAD,IAAAA,KAAK,GAAGZ,OAAO,CAAED,EAAE,CAAE,qBAAF,CAAJ,EAA+BY,MAA/B,CAAf;AACA,GAHD,MAGO,IAAKF,QAAQ,KAAK,MAAb,IAAuBI,cAA5B,EAA6C;AACnD;AACAD,IAAAA,KAAK,GAAGZ,OAAO,CAAED,EAAE,CAAE,qBAAF,CAAJ,EAA+BY,MAA/B,CAAf;AACA;;AAED,QAAMK,WAAW,GAAGf,SAAS,CAAIgB,MAAF,IAAc;AAAA;;AAC5C,UAAM;AAAEC,MAAAA;AAAF,QAAkBZ,MAAM,CAAEW,MAAM,CAAEZ,aAAF,CAAR,CAA9B;AACA,oCAAOa,WAAW,GAAGF,WAArB,yEAAoC,cAApC;AACA,GAH4B,EAG1B,EAH0B,CAA7B;AAKA,QAAMG,QAAQ,GAAGhB,OAAO,CACvB,MAAM,CACL;AACCiB,IAAAA,IAAI,EAAE,uBAAuBX,QAD9B;AAECG,IAAAA,KAFD;AAGCS,IAAAA,QAAQ,EAAE,MAAM;AACfC,MAAAA,QAAQ,CAACC,QAAT,CAAkBC,IAAlB,GAAyBtB,YAAY,CAAEc,WAAF,EAAe;AACnDS,QAAAA,SAAS,EAAEhB,QADwC;AAEnDiB,QAAAA,UAAU,EAAEb,cAAc,GAAGF,MAAH,GAAYgB;AAFa,OAAf,CAArC;AAIA;AARF,GADK,CADiB,EAavB,CAAEX,WAAF,EAAeH,cAAf,EAA+BF,MAA/B,EAAuCC,KAAvC,CAbuB,CAAxB;AAgBA,SAAO;AACNgB,IAAAA,SAAS,EAAE,KADL;AAENT,IAAAA;AAFM,GAAP;AAIA,CA7CF;;AA+CA,MAAMU,gBAAgB,GAAGrB,0BAA0B,CAAE,MAAF,CAAnD;AACA,MAAMsB,gBAAgB,GAAGtB,0BAA0B,CAAE,MAAF,CAAnD;AAEA,OAAO,SAASuB,kBAAT,GAA8B;AACpCxB,EAAAA,gBAAgB,CAAE;AACjBa,IAAAA,IAAI,EAAE,+BADW;AAEjBY,IAAAA,IAAI,EAAEH;AAFW,GAAF,CAAhB;AAIAtB,EAAAA,gBAAgB,CAAE;AACjBa,IAAAA,IAAI,EAAE,+BADW;AAEjBY,IAAAA,IAAI,EAAEF;AAFW,GAAF,CAAhB;AAIA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { privateApis } from '@wordpress/commands';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { addQueryArgs } from '@wordpress/url';\nimport { useMemo } from '@wordpress/element';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport { unlock } from '../../private-apis';\n\nconst { useCommandLoader } = unlock( privateApis );\n\nconst getWPAdminAddCommandLoader = ( postType ) =>\n\tfunction useAddCommandLoader( { search } ) {\n\t\tlet label;\n\t\tif ( postType === 'post' ) {\n\t\t\tlabel = __( 'Add a new post' );\n\t\t} else if ( postType === 'page' ) {\n\t\t\tlabel = __( 'Add a new page' );\n\t\t} else {\n\t\t\tthrow 'unsupported post type ' + postType;\n\t\t}\n\t\tconst hasRecordTitle =\n\t\t\t!! search && ! label.toLowerCase().includes( search.toLowerCase() );\n\t\tif ( postType === 'post' && hasRecordTitle ) {\n\t\t\t/* translators: %s: Post title placeholder */\n\t\t\tlabel = sprintf( __( 'Add a new post \"%s\"' ), search );\n\t\t} else if ( postType === 'page' && hasRecordTitle ) {\n\t\t\t/* translators: %s: Page title placeholder */\n\t\t\tlabel = sprintf( __( 'Add a new page \"%s\"' ), search );\n\t\t}\n\n\t\tconst newPostLink = useSelect( ( select ) => {\n\t\t\tconst { getSettings } = unlock( select( editSiteStore ) );\n\t\t\treturn getSettings().newPostLink ?? 'post-new.php';\n\t\t}, [] );\n\n\t\tconst commands = useMemo(\n\t\t\t() => [\n\t\t\t\t{\n\t\t\t\t\tname: 'core/wp-admin/add-' + postType,\n\t\t\t\t\tlabel,\n\t\t\t\t\tcallback: () => {\n\t\t\t\t\t\tdocument.location.href = addQueryArgs( newPostLink, {\n\t\t\t\t\t\t\tpost_type: postType,\n\t\t\t\t\t\t\tpost_title: hasRecordTitle ? search : undefined,\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\t[ newPostLink, hasRecordTitle, search, label ]\n\t\t);\n\n\t\treturn {\n\t\t\tisLoading: false,\n\t\t\tcommands,\n\t\t};\n\t};\n\nconst useAddPostLoader = getWPAdminAddCommandLoader( 'post' );\nconst useAddPageLoader = getWPAdminAddCommandLoader( 'page' );\n\nexport function useWPAdminCommands() {\n\tuseCommandLoader( {\n\t\tname: 'core/wp-admin/add-post-loader',\n\t\thook: useAddPostLoader,\n\t} );\n\tuseCommandLoader( {\n\t\tname: 'core/wp-admin/add-page-loader',\n\t\thook: useAddPageLoader,\n\t} );\n}\n"]}
@@ -1,31 +0,0 @@
1
- /**
2
- * External dependencies
3
- */
4
- import { createBrowserHistory } from 'history';
5
- /**
6
- * WordPress dependencies
7
- */
8
-
9
- import { addQueryArgs, getQueryArgs, removeQueryArgs } from '@wordpress/url';
10
- const history = createBrowserHistory();
11
- const originalHistoryPush = history.push;
12
- const originalHistoryReplace = history.replace;
13
-
14
- function push(params, state) {
15
- const currentArgs = getQueryArgs(window.location.href);
16
- const currentUrlWithoutArgs = removeQueryArgs(window.location.href, ...Object.keys(currentArgs));
17
- const newUrl = addQueryArgs(currentUrlWithoutArgs, params);
18
- return originalHistoryPush.call(history, newUrl, state);
19
- }
20
-
21
- function replace(params, state) {
22
- const currentArgs = getQueryArgs(window.location.href);
23
- const currentUrlWithoutArgs = removeQueryArgs(window.location.href, ...Object.keys(currentArgs));
24
- const newUrl = addQueryArgs(currentUrlWithoutArgs, params);
25
- return originalHistoryReplace.call(history, newUrl, state);
26
- }
27
-
28
- history.push = push;
29
- history.replace = replace;
30
- export default history;
31
- //# sourceMappingURL=history.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/edit-site/src/utils/history.js"],"names":["createBrowserHistory","addQueryArgs","getQueryArgs","removeQueryArgs","history","originalHistoryPush","push","originalHistoryReplace","replace","params","state","currentArgs","window","location","href","currentUrlWithoutArgs","Object","keys","newUrl","call"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,oBAAT,QAAqC,SAArC;AAEA;AACA;AACA;;AACA,SAASC,YAAT,EAAuBC,YAAvB,EAAqCC,eAArC,QAA4D,gBAA5D;AAEA,MAAMC,OAAO,GAAGJ,oBAAoB,EAApC;AAEA,MAAMK,mBAAmB,GAAGD,OAAO,CAACE,IAApC;AACA,MAAMC,sBAAsB,GAAGH,OAAO,CAACI,OAAvC;;AAEA,SAASF,IAAT,CAAeG,MAAf,EAAuBC,KAAvB,EAA+B;AAC9B,QAAMC,WAAW,GAAGT,YAAY,CAAEU,MAAM,CAACC,QAAP,CAAgBC,IAAlB,CAAhC;AACA,QAAMC,qBAAqB,GAAGZ,eAAe,CAC5CS,MAAM,CAACC,QAAP,CAAgBC,IAD4B,EAE5C,GAAGE,MAAM,CAACC,IAAP,CAAaN,WAAb,CAFyC,CAA7C;AAIA,QAAMO,MAAM,GAAGjB,YAAY,CAAEc,qBAAF,EAAyBN,MAAzB,CAA3B;AACA,SAAOJ,mBAAmB,CAACc,IAApB,CAA0Bf,OAA1B,EAAmCc,MAAnC,EAA2CR,KAA3C,CAAP;AACA;;AAED,SAASF,OAAT,CAAkBC,MAAlB,EAA0BC,KAA1B,EAAkC;AACjC,QAAMC,WAAW,GAAGT,YAAY,CAAEU,MAAM,CAACC,QAAP,CAAgBC,IAAlB,CAAhC;AACA,QAAMC,qBAAqB,GAAGZ,eAAe,CAC5CS,MAAM,CAACC,QAAP,CAAgBC,IAD4B,EAE5C,GAAGE,MAAM,CAACC,IAAP,CAAaN,WAAb,CAFyC,CAA7C;AAIA,QAAMO,MAAM,GAAGjB,YAAY,CAAEc,qBAAF,EAAyBN,MAAzB,CAA3B;AACA,SAAOF,sBAAsB,CAACY,IAAvB,CAA6Bf,OAA7B,EAAsCc,MAAtC,EAA8CR,KAA9C,CAAP;AACA;;AAEDN,OAAO,CAACE,IAAR,GAAeA,IAAf;AACAF,OAAO,CAACI,OAAR,GAAkBA,OAAlB;AAEA,eAAeJ,OAAf","sourcesContent":["/**\n * External dependencies\n */\nimport { createBrowserHistory } from 'history';\n\n/**\n * WordPress dependencies\n */\nimport { addQueryArgs, getQueryArgs, removeQueryArgs } from '@wordpress/url';\n\nconst history = createBrowserHistory();\n\nconst originalHistoryPush = history.push;\nconst originalHistoryReplace = history.replace;\n\nfunction push( params, state ) {\n\tconst currentArgs = getQueryArgs( window.location.href );\n\tconst currentUrlWithoutArgs = removeQueryArgs(\n\t\twindow.location.href,\n\t\t...Object.keys( currentArgs )\n\t);\n\tconst newUrl = addQueryArgs( currentUrlWithoutArgs, params );\n\treturn originalHistoryPush.call( history, newUrl, state );\n}\n\nfunction replace( params, state ) {\n\tconst currentArgs = getQueryArgs( window.location.href );\n\tconst currentUrlWithoutArgs = removeQueryArgs(\n\t\twindow.location.href,\n\t\t...Object.keys( currentArgs )\n\t);\n\tconst newUrl = addQueryArgs( currentUrlWithoutArgs, params );\n\treturn originalHistoryReplace.call( history, newUrl, state );\n}\n\nhistory.push = push;\nhistory.replace = replace;\n\nexport default history;\n"]}
@@ -1,175 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import {
5
- __experimentalItemGroup as ItemGroup,
6
- __experimentalHStack as HStack,
7
- __experimentalSpacer as Spacer,
8
- FlexItem,
9
- CardBody,
10
- CardDivider,
11
- } from '@wordpress/components';
12
- import {
13
- typography,
14
- border,
15
- filter,
16
- shadow,
17
- color,
18
- layout,
19
- chevronLeft,
20
- chevronRight,
21
- } from '@wordpress/icons';
22
- import { isRTL, __ } from '@wordpress/i18n';
23
- import { useSelect } from '@wordpress/data';
24
- import { store as coreStore } from '@wordpress/core-data';
25
- import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
26
-
27
- /**
28
- * Internal dependencies
29
- */
30
- import { useHasVariationsPanel } from './variations-panel';
31
- import { NavigationButtonAsItem } from './navigation-button';
32
- import { IconWithCurrentColor } from './icon-with-current-color';
33
- import { ScreenVariations } from './screen-variations';
34
- import { unlock } from '../../private-apis';
35
-
36
- const {
37
- useHasDimensionsPanel,
38
- useHasTypographyPanel,
39
- useHasBorderPanel,
40
- useHasColorPanel,
41
- useHasEffectsPanel,
42
- useHasFiltersPanel,
43
- useGlobalSetting,
44
- useSettingsForBlockElement,
45
- } = unlock( blockEditorPrivateApis );
46
-
47
- function ContextMenu( { name, parentMenu = '' } ) {
48
- const [ rawSettings ] = useGlobalSetting( '', name );
49
- const settings = useSettingsForBlockElement( rawSettings, name );
50
- const hasTypographyPanel = useHasTypographyPanel( settings );
51
- const hasColorPanel = useHasColorPanel( settings );
52
- const hasBorderPanel = useHasBorderPanel( settings );
53
- const hasEffectsPanel = useHasEffectsPanel( settings );
54
- const hasFilterPanel = useHasFiltersPanel( settings );
55
- const hasDimensionsPanel = useHasDimensionsPanel( settings );
56
- const hasLayoutPanel = hasDimensionsPanel;
57
- const hasVariationsPanel = useHasVariationsPanel( name, parentMenu );
58
-
59
- const { canEditCSS } = useSelect( ( select ) => {
60
- const { getEntityRecord, __experimentalGetCurrentGlobalStylesId } =
61
- select( coreStore );
62
-
63
- const globalStylesId = __experimentalGetCurrentGlobalStylesId();
64
- const globalStyles = globalStylesId
65
- ? getEntityRecord( 'root', 'globalStyles', globalStylesId )
66
- : undefined;
67
-
68
- return {
69
- canEditCSS:
70
- !! globalStyles?._links?.[ 'wp:action-edit-css' ] ?? false,
71
- };
72
- }, [] );
73
-
74
- const isBlocksPanel =
75
- parentMenu.includes( 'blocks' ) &&
76
- ! parentMenu.includes( 'variations' );
77
-
78
- return (
79
- <>
80
- <ItemGroup>
81
- { hasTypographyPanel && (
82
- <NavigationButtonAsItem
83
- icon={ typography }
84
- path={ parentMenu + '/typography' }
85
- aria-label={ __( 'Typography styles' ) }
86
- >
87
- { __( 'Typography' ) }
88
- </NavigationButtonAsItem>
89
- ) }
90
- { hasColorPanel && (
91
- <NavigationButtonAsItem
92
- icon={ color }
93
- path={ parentMenu + '/colors' }
94
- aria-label={ __( 'Colors styles' ) }
95
- >
96
- { __( 'Colors' ) }
97
- </NavigationButtonAsItem>
98
- ) }
99
- { hasBorderPanel && (
100
- <NavigationButtonAsItem
101
- icon={ border }
102
- path={ parentMenu + '/border' }
103
- aria-label={ __( 'Border' ) }
104
- >
105
- { __( 'Border' ) }
106
- </NavigationButtonAsItem>
107
- ) }
108
- { hasEffectsPanel && (
109
- <NavigationButtonAsItem
110
- icon={ shadow }
111
- path={ parentMenu + '/effects' }
112
- aria-label={ __( 'Effects' ) }
113
- >
114
- { __( 'Effects' ) }
115
- </NavigationButtonAsItem>
116
- ) }
117
- { hasFilterPanel && (
118
- <NavigationButtonAsItem
119
- icon={ filter }
120
- path={ parentMenu + '/filters' }
121
- aria-label={ __( 'Filters styles' ) }
122
- >
123
- { __( 'Filters' ) }
124
- </NavigationButtonAsItem>
125
- ) }
126
- { hasLayoutPanel && (
127
- <NavigationButtonAsItem
128
- icon={ layout }
129
- path={ parentMenu + '/layout' }
130
- aria-label={ __( 'Layout styles' ) }
131
- >
132
- { __( 'Layout' ) }
133
- </NavigationButtonAsItem>
134
- ) }
135
- { hasVariationsPanel && (
136
- <ScreenVariations name={ name } path={ parentMenu } />
137
- ) }
138
- { isBlocksPanel && canEditCSS && (
139
- <>
140
- <CardDivider />
141
- <CardBody>
142
- <Spacer as="p" paddingTop={ 2 } marginBottom={ 4 }>
143
- { __(
144
- 'Add your own CSS to customize the block appearance.'
145
- ) }
146
- </Spacer>
147
- <ItemGroup>
148
- <NavigationButtonAsItem
149
- path={ parentMenu + '/css' }
150
- aria-label={ __( 'Additional block CSS' ) }
151
- >
152
- <HStack justify="space-between">
153
- <FlexItem>
154
- { __( 'Additional block CSS' ) }
155
- </FlexItem>
156
- <IconWithCurrentColor
157
- icon={
158
- isRTL()
159
- ? chevronLeft
160
- : chevronRight
161
- }
162
- />
163
- </HStack>
164
- </NavigationButtonAsItem>
165
- </ItemGroup>
166
- </CardBody>
167
- <CardDivider />
168
- </>
169
- ) }
170
- </ItemGroup>
171
- </>
172
- );
173
- }
174
-
175
- export default ContextMenu;
@@ -1,131 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { useState } from '@wordpress/element';
5
- import {
6
- TextareaControl,
7
- Panel,
8
- PanelBody,
9
- __experimentalVStack as VStack,
10
- Tooltip,
11
- Icon,
12
- } from '@wordpress/components';
13
- import { __ } from '@wordpress/i18n';
14
- import {
15
- privateApis as blockEditorPrivateApis,
16
- transformStyles,
17
- } from '@wordpress/block-editor';
18
- import { info } from '@wordpress/icons';
19
-
20
- /**
21
- * Internal dependencies
22
- */
23
- import { unlock } from '../../private-apis';
24
- import Subtitle from './subtitle';
25
-
26
- const { useGlobalStyle } = unlock( blockEditorPrivateApis );
27
- function CustomCSSControl( { blockName } ) {
28
- // If blockName is defined, we are customizing CSS at the block level:
29
- // styles.blocks.blockName.css
30
- const block = !! blockName ? blockName : null;
31
-
32
- const [ customCSS, setCustomCSS ] = useGlobalStyle( 'css', block );
33
- const [ themeCSS ] = useGlobalStyle( 'css', block, 'base' );
34
- const [ cssError, setCSSError ] = useState( null );
35
- const ignoreThemeCustomCSS = '/* IgnoreThemeCustomCSS */';
36
-
37
- // If there is custom css from theme.json show it in the edit box
38
- // so the user can selectively overwrite it, rather than have the user CSS
39
- // completely overwrite the theme CSS by default.
40
- const themeCustomCSS =
41
- ! customCSS && themeCSS
42
- ? `/* ${ __(
43
- 'Theme Custom CSS start'
44
- ) } */\n${ themeCSS }\n/* ${ __( 'Theme Custom CSS end' ) } */`
45
- : undefined;
46
-
47
- function handleOnChange( value ) {
48
- // If there is theme custom CSS, but the user clears the input box then save the
49
- // ignoreThemeCustomCSS string so that the theme custom CSS is not re-applied.
50
- if ( themeCSS && value === '' ) {
51
- setCustomCSS( ignoreThemeCustomCSS );
52
- return;
53
- }
54
- setCustomCSS( value );
55
- if ( cssError ) {
56
- const [ transformed ] = transformStyles(
57
- [ { css: value } ],
58
- '.editor-styles-wrapper'
59
- );
60
- if ( transformed ) {
61
- setCSSError( null );
62
- }
63
- }
64
- }
65
-
66
- function handleOnBlur( event ) {
67
- if ( ! event?.target?.value ) {
68
- setCSSError( null );
69
- return;
70
- }
71
-
72
- const [ transformed ] = transformStyles(
73
- [ { css: event.target.value } ],
74
- '.editor-styles-wrapper'
75
- );
76
-
77
- setCSSError(
78
- transformed === null
79
- ? __( 'There is an error with your CSS structure.' )
80
- : null
81
- );
82
- }
83
-
84
- const originalThemeCustomCSS =
85
- themeCSS && customCSS && themeCustomCSS !== customCSS
86
- ? themeCSS
87
- : undefined;
88
-
89
- return (
90
- <>
91
- { originalThemeCustomCSS && (
92
- <Panel>
93
- <PanelBody
94
- title={ __( 'Original Theme Custom CSS' ) }
95
- initialOpen={ false }
96
- >
97
- <pre className="edit-site-global-styles__custom-css-theme-css">
98
- { originalThemeCustomCSS }
99
- </pre>
100
- </PanelBody>
101
- </Panel>
102
- ) }
103
- <VStack spacing={ 3 }>
104
- <Subtitle>{ __( 'Additional CSS' ) }</Subtitle>
105
- <TextareaControl
106
- __nextHasNoMarginBottom
107
- value={
108
- customCSS?.replace( ignoreThemeCustomCSS, '' ) ||
109
- themeCustomCSS
110
- }
111
- onChange={ ( value ) => handleOnChange( value ) }
112
- onBlur={ handleOnBlur }
113
- className="edit-site-global-styles__custom-css-input"
114
- spellCheck={ false }
115
- />
116
- { cssError && (
117
- <Tooltip text={ cssError }>
118
- <div className="edit-site-global-styles__custom-css-validation-wrapper">
119
- <Icon
120
- icon={ info }
121
- className="edit-site-global-styles__custom-css-validation-icon"
122
- />
123
- </div>
124
- </Tooltip>
125
- ) }
126
- </VStack>
127
- </>
128
- );
129
- }
130
-
131
- export default CustomCSSControl;
@@ -1,40 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
5
-
6
- /**
7
- * Internal dependencies
8
- */
9
- import { unlock } from '../../private-apis';
10
-
11
- const {
12
- useGlobalSetting,
13
- useGlobalStyle,
14
- EffectsPanel: StylesEffectsPanel,
15
- useSettingsForBlockElement,
16
- } = unlock( blockEditorPrivateApis );
17
-
18
- export default function EffectsPanel( { name, variation = '' } ) {
19
- let prefixParts = [];
20
- if ( variation ) {
21
- prefixParts = [ 'variations', variation ].concat( prefixParts );
22
- }
23
- const prefix = prefixParts.join( '.' );
24
-
25
- const [ style ] = useGlobalStyle( prefix, name, 'user', false );
26
- const [ inheritedStyle, setStyle ] = useGlobalStyle( prefix, name, 'all', {
27
- shouldDecodeEncode: false,
28
- } );
29
- const [ rawSettings ] = useGlobalSetting( '', name );
30
- const settings = useSettingsForBlockElement( rawSettings, name );
31
-
32
- return (
33
- <StylesEffectsPanel
34
- inheritedValue={ inheritedStyle }
35
- value={ style }
36
- onChange={ setStyle }
37
- settings={ settings }
38
- />
39
- );
40
- }
@@ -1,33 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
5
-
6
- /**
7
- * Internal dependencies
8
- */
9
- import { unlock } from '../../private-apis';
10
- const {
11
- useGlobalStyle,
12
- useGlobalSetting,
13
- useSettingsForBlockElement,
14
- FiltersPanel: StylesFiltersPanel,
15
- } = unlock( blockEditorPrivateApis );
16
-
17
- export default function FiltersPanel( { name } ) {
18
- const [ style ] = useGlobalStyle( '', name, 'user', false );
19
- const [ inheritedStyle, setStyle ] = useGlobalStyle( '', name, 'all', {
20
- shouldDecodeEncode: false,
21
- } );
22
- const [ rawSettings ] = useGlobalSetting( '', name );
23
- const settings = useSettingsForBlockElement( rawSettings, name );
24
-
25
- return (
26
- <StylesFiltersPanel
27
- inheritedValue={ inheritedStyle }
28
- value={ style }
29
- onChange={ setStyle }
30
- settings={ settings }
31
- />
32
- );
33
- }
@@ -1,35 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { __ } from '@wordpress/i18n';
5
- import { privateApis as blockEditorPrivateApis } from '@wordpress/block-editor';
6
-
7
- /**
8
- * Internal dependencies
9
- */
10
- import ScreenHeader from './header';
11
- import BorderPanel from './border-panel';
12
- import BlockPreviewPanel from './block-preview-panel';
13
- import { getVariationClassName } from './utils';
14
- import { unlock } from '../../private-apis';
15
-
16
- const { useHasBorderPanel, useGlobalSetting, useSettingsForBlockElement } =
17
- unlock( blockEditorPrivateApis );
18
-
19
- function ScreenBorder( { name, variation = '' } ) {
20
- const [ rawSettings ] = useGlobalSetting( '', name );
21
- const settings = useSettingsForBlockElement( rawSettings, name );
22
- const hasBorderPanel = useHasBorderPanel( settings );
23
- const variationClassName = getVariationClassName( variation );
24
- return (
25
- <>
26
- <ScreenHeader title={ __( 'Border' ) } />
27
- <BlockPreviewPanel name={ name } variation={ variationClassName } />
28
- { hasBorderPanel && (
29
- <BorderPanel name={ name } variation={ variation } />
30
- ) }
31
- </>
32
- );
33
- }
34
-
35
- export default ScreenBorder;