@wordpress/edit-site 4.19.0 → 5.1.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 (382) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/build/components/add-new-template/add-custom-template-modal.js +1 -0
  3. package/build/components/add-new-template/add-custom-template-modal.js.map +1 -1
  4. package/build/components/add-new-template/index.js +8 -5
  5. package/build/components/add-new-template/index.js.map +1 -1
  6. package/build/components/add-new-template/new-template-part.js +21 -6
  7. package/build/components/add-new-template/new-template-part.js.map +1 -1
  8. package/build/components/add-new-template/new-template.js +12 -8
  9. package/build/components/add-new-template/new-template.js.map +1 -1
  10. package/build/components/app/index.js +15 -30
  11. package/build/components/app/index.js.map +1 -1
  12. package/build/components/block-editor/editor-canvas.js +64 -0
  13. package/build/components/block-editor/editor-canvas.js.map +1 -0
  14. package/build/components/block-editor/index.js +62 -59
  15. package/build/components/block-editor/index.js.map +1 -1
  16. package/build/components/block-editor/resizable-editor.js +10 -44
  17. package/build/components/block-editor/resizable-editor.js.map +1 -1
  18. package/build/components/editor/index.js +76 -135
  19. package/build/components/editor/index.js.map +1 -1
  20. package/build/components/global-styles/block-preview-panel.js +57 -0
  21. package/build/components/global-styles/block-preview-panel.js.map +1 -0
  22. package/build/components/global-styles/border-panel.js +0 -1
  23. package/build/components/global-styles/border-panel.js.map +1 -1
  24. package/build/components/global-styles/context-menu.js +6 -2
  25. package/build/components/global-styles/context-menu.js.map +1 -1
  26. package/build/components/global-styles/custom-css.js +62 -0
  27. package/build/components/global-styles/custom-css.js.map +1 -0
  28. package/build/components/global-styles/dimensions-panel.js +2 -6
  29. package/build/components/global-styles/dimensions-panel.js.map +1 -1
  30. package/build/components/global-styles/global-styles-provider.js +18 -4
  31. package/build/components/global-styles/global-styles-provider.js.map +1 -1
  32. package/build/components/global-styles/hooks.js +5 -2
  33. package/build/components/global-styles/hooks.js.map +1 -1
  34. package/build/components/global-styles/palette.js +1 -1
  35. package/build/components/global-styles/palette.js.map +1 -1
  36. package/build/components/global-styles/screen-background-color.js +0 -1
  37. package/build/components/global-styles/screen-background-color.js.map +1 -1
  38. package/build/components/global-styles/screen-block-list.js +2 -1
  39. package/build/components/global-styles/screen-block-list.js.map +1 -1
  40. package/build/components/global-styles/screen-block.js +5 -1
  41. package/build/components/global-styles/screen-block.js.map +1 -1
  42. package/build/components/global-styles/screen-border.js +47 -0
  43. package/build/components/global-styles/screen-border.js.map +1 -0
  44. package/build/components/global-styles/screen-button-color.js +0 -2
  45. package/build/components/global-styles/screen-button-color.js.map +1 -1
  46. package/build/components/global-styles/screen-colors.js +5 -1
  47. package/build/components/global-styles/screen-colors.js.map +1 -1
  48. package/build/components/global-styles/screen-css.js +42 -0
  49. package/build/components/global-styles/screen-css.js.map +1 -0
  50. package/build/components/global-styles/screen-heading-color.js +1 -3
  51. package/build/components/global-styles/screen-heading-color.js.map +1 -1
  52. package/build/components/global-styles/screen-layout.js +4 -5
  53. package/build/components/global-styles/screen-layout.js.map +1 -1
  54. package/build/components/global-styles/screen-link-color.js +0 -1
  55. package/build/components/global-styles/screen-link-color.js.map +1 -1
  56. package/build/components/global-styles/screen-root.js +20 -2
  57. package/build/components/global-styles/screen-root.js.map +1 -1
  58. package/build/components/global-styles/screen-style-variations.js +3 -3
  59. package/build/components/global-styles/screen-style-variations.js.map +1 -1
  60. package/build/components/global-styles/screen-text-color.js +0 -1
  61. package/build/components/global-styles/screen-text-color.js.map +1 -1
  62. package/build/components/global-styles/screen-typography.js +4 -0
  63. package/build/components/global-styles/screen-typography.js.map +1 -1
  64. package/build/components/global-styles/typography-utils.js +17 -5
  65. package/build/components/global-styles/typography-utils.js.map +1 -1
  66. package/build/components/global-styles/ui.js +50 -4
  67. package/build/components/global-styles/ui.js.map +1 -1
  68. package/build/components/global-styles/use-global-styles-output.js +5 -1
  69. package/build/components/global-styles/use-global-styles-output.js.map +1 -1
  70. package/build/components/global-styles/utils.js +14 -4
  71. package/build/components/global-styles/utils.js.map +1 -1
  72. package/build/components/{editor/global-styles-renderer.js → global-styles-renderer/index.js} +4 -8
  73. package/build/components/global-styles-renderer/index.js.map +1 -0
  74. package/build/components/header-edit-mode/document-actions/index.js +21 -45
  75. package/build/components/header-edit-mode/document-actions/index.js.map +1 -1
  76. package/build/components/header-edit-mode/index.js +19 -12
  77. package/build/components/header-edit-mode/index.js.map +1 -1
  78. package/build/components/keyboard-shortcuts/index.js +11 -1
  79. package/build/components/keyboard-shortcuts/index.js.map +1 -1
  80. package/build/components/layout/index.js +200 -0
  81. package/build/components/layout/index.js.map +1 -0
  82. package/build/components/list/header.js +5 -1
  83. package/build/components/list/header.js.map +1 -1
  84. package/build/components/list/index.js +4 -22
  85. package/build/components/list/index.js.map +1 -1
  86. package/build/components/navigate-to-link/index.js +1 -3
  87. package/build/components/navigate-to-link/index.js.map +1 -1
  88. package/build/components/routes/index.js +1 -1
  89. package/build/components/routes/index.js.map +1 -1
  90. package/build/components/sidebar/index.js +46 -0
  91. package/build/components/sidebar/index.js.map +1 -0
  92. package/build/components/sidebar-edit-mode/global-styles-sidebar.js +24 -4
  93. package/build/components/sidebar-edit-mode/global-styles-sidebar.js.map +1 -1
  94. package/build/components/sidebar-edit-mode/index.js +4 -2
  95. package/build/components/sidebar-edit-mode/index.js.map +1 -1
  96. package/build/components/sidebar-edit-mode/navigation-menu-sidebar/navigation-menu.js +10 -0
  97. package/build/components/sidebar-edit-mode/navigation-menu-sidebar/navigation-menu.js.map +1 -1
  98. package/build/components/sidebar-navigation-item/index.js +53 -0
  99. package/build/components/sidebar-navigation-item/index.js.map +1 -0
  100. package/build/components/sidebar-navigation-screen/index.js +49 -0
  101. package/build/components/sidebar-navigation-screen/index.js.map +1 -0
  102. package/build/components/sidebar-navigation-screen-main/index.js +46 -0
  103. package/build/components/sidebar-navigation-screen-main/index.js.map +1 -0
  104. package/build/components/sidebar-navigation-screen-templates/index.js +169 -0
  105. package/build/components/sidebar-navigation-screen-templates/index.js.map +1 -0
  106. package/build/components/site-hub/index.js +149 -0
  107. package/build/components/site-hub/index.js.map +1 -0
  108. package/build/components/site-icon/index.js +70 -0
  109. package/build/components/site-icon/index.js.map +1 -0
  110. package/build/components/style-book/index.js +173 -0
  111. package/build/components/style-book/index.js.map +1 -0
  112. package/build/components/{url-query-controller/index.js → sync-state-with-url/use-init-edited-entity-from-url.js} +5 -4
  113. package/build/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -0
  114. package/build/components/sync-state-with-url/use-sync-sidebar-path-with-url.js +53 -0
  115. package/build/components/sync-state-with-url/use-sync-sidebar-path-with-url.js.map +1 -0
  116. package/build/components/use-edited-entity-record/index.js +60 -0
  117. package/build/components/use-edited-entity-record/index.js.map +1 -0
  118. package/build/hooks/index.js +2 -0
  119. package/build/hooks/index.js.map +1 -1
  120. package/build/hooks/push-changes-to-global-styles/index.js +144 -0
  121. package/build/hooks/push-changes-to-global-styles/index.js.map +1 -0
  122. package/build/index.js +7 -45
  123. package/build/index.js.map +1 -1
  124. package/build/store/actions.js +93 -43
  125. package/build/store/actions.js.map +1 -1
  126. package/build/store/reducer.js +35 -107
  127. package/build/store/reducer.js.map +1 -1
  128. package/build/store/selectors.js +69 -78
  129. package/build/store/selectors.js.map +1 -1
  130. package/build-module/components/add-new-template/add-custom-template-modal.js +1 -0
  131. package/build-module/components/add-new-template/add-custom-template-modal.js.map +1 -1
  132. package/build-module/components/add-new-template/index.js +7 -5
  133. package/build-module/components/add-new-template/index.js.map +1 -1
  134. package/build-module/components/add-new-template/new-template-part.js +18 -6
  135. package/build-module/components/add-new-template/new-template-part.js.map +1 -1
  136. package/build-module/components/add-new-template/new-template.js +13 -9
  137. package/build-module/components/add-new-template/new-template.js.map +1 -1
  138. package/build-module/components/app/index.js +15 -28
  139. package/build-module/components/app/index.js.map +1 -1
  140. package/build-module/components/block-editor/editor-canvas.js +51 -0
  141. package/build-module/components/block-editor/editor-canvas.js.map +1 -0
  142. package/build-module/components/block-editor/index.js +62 -60
  143. package/build-module/components/block-editor/index.js.map +1 -1
  144. package/build-module/components/block-editor/resizable-editor.js +11 -40
  145. package/build-module/components/block-editor/resizable-editor.js.map +1 -1
  146. package/build-module/components/editor/index.js +75 -129
  147. package/build-module/components/editor/index.js.map +1 -1
  148. package/build-module/components/global-styles/block-preview-panel.js +46 -0
  149. package/build-module/components/global-styles/block-preview-panel.js.map +1 -0
  150. package/build-module/components/global-styles/border-panel.js +0 -1
  151. package/build-module/components/global-styles/border-panel.js.map +1 -1
  152. package/build-module/components/global-styles/context-menu.js +7 -3
  153. package/build-module/components/global-styles/context-menu.js.map +1 -1
  154. package/build-module/components/global-styles/custom-css.js +52 -0
  155. package/build-module/components/global-styles/custom-css.js.map +1 -0
  156. package/build-module/components/global-styles/dimensions-panel.js +3 -7
  157. package/build-module/components/global-styles/dimensions-panel.js.map +1 -1
  158. package/build-module/components/global-styles/global-styles-provider.js +18 -4
  159. package/build-module/components/global-styles/global-styles-provider.js.map +1 -1
  160. package/build-module/components/global-styles/hooks.js +5 -3
  161. package/build-module/components/global-styles/hooks.js.map +1 -1
  162. package/build-module/components/global-styles/palette.js +1 -1
  163. package/build-module/components/global-styles/palette.js.map +1 -1
  164. package/build-module/components/global-styles/screen-background-color.js +0 -1
  165. package/build-module/components/global-styles/screen-background-color.js.map +1 -1
  166. package/build-module/components/global-styles/screen-block-list.js +2 -1
  167. package/build-module/components/global-styles/screen-block-list.js.map +1 -1
  168. package/build-module/components/global-styles/screen-block.js +4 -1
  169. package/build-module/components/global-styles/screen-block.js.map +1 -1
  170. package/build-module/components/global-styles/screen-border.js +30 -0
  171. package/build-module/components/global-styles/screen-border.js.map +1 -0
  172. package/build-module/components/global-styles/screen-button-color.js +0 -2
  173. package/build-module/components/global-styles/screen-button-color.js.map +1 -1
  174. package/build-module/components/global-styles/screen-colors.js +4 -1
  175. package/build-module/components/global-styles/screen-colors.js.map +1 -1
  176. package/build-module/components/global-styles/screen-css.js +28 -0
  177. package/build-module/components/global-styles/screen-css.js.map +1 -0
  178. package/build-module/components/global-styles/screen-heading-color.js +1 -3
  179. package/build-module/components/global-styles/screen-heading-color.js.map +1 -1
  180. package/build-module/components/global-styles/screen-layout.js +3 -4
  181. package/build-module/components/global-styles/screen-layout.js.map +1 -1
  182. package/build-module/components/global-styles/screen-link-color.js +0 -1
  183. package/build-module/components/global-styles/screen-link-color.js.map +1 -1
  184. package/build-module/components/global-styles/screen-root.js +21 -3
  185. package/build-module/components/global-styles/screen-root.js.map +1 -1
  186. package/build-module/components/global-styles/screen-style-variations.js +2 -2
  187. package/build-module/components/global-styles/screen-style-variations.js.map +1 -1
  188. package/build-module/components/global-styles/screen-text-color.js +0 -1
  189. package/build-module/components/global-styles/screen-text-color.js.map +1 -1
  190. package/build-module/components/global-styles/screen-typography.js +3 -0
  191. package/build-module/components/global-styles/screen-typography.js.map +1 -1
  192. package/build-module/components/global-styles/typography-utils.js +17 -5
  193. package/build-module/components/global-styles/typography-utils.js.map +1 -1
  194. package/build-module/components/global-styles/ui.js +48 -5
  195. package/build-module/components/global-styles/ui.js.map +1 -1
  196. package/build-module/components/global-styles/use-global-styles-output.js +5 -1
  197. package/build-module/components/global-styles/use-global-styles-output.js.map +1 -1
  198. package/build-module/components/global-styles/utils.js +13 -5
  199. package/build-module/components/global-styles/utils.js.map +1 -1
  200. package/build-module/components/{editor/global-styles-renderer.js → global-styles-renderer/index.js} +4 -7
  201. package/build-module/components/global-styles-renderer/index.js.map +1 -0
  202. package/build-module/components/header-edit-mode/document-actions/index.js +22 -43
  203. package/build-module/components/header-edit-mode/document-actions/index.js.map +1 -1
  204. package/build-module/components/header-edit-mode/index.js +16 -11
  205. package/build-module/components/header-edit-mode/index.js.map +1 -1
  206. package/build-module/components/keyboard-shortcuts/index.js +10 -1
  207. package/build-module/components/keyboard-shortcuts/index.js.map +1 -1
  208. package/build-module/components/layout/index.js +173 -0
  209. package/build-module/components/layout/index.js.map +1 -0
  210. package/build-module/components/list/header.js +5 -1
  211. package/build-module/components/list/header.js.map +1 -1
  212. package/build-module/components/list/index.js +4 -19
  213. package/build-module/components/list/index.js.map +1 -1
  214. package/build-module/components/navigate-to-link/index.js +1 -3
  215. package/build-module/components/navigate-to-link/index.js.map +1 -1
  216. package/build-module/components/routes/index.js +1 -1
  217. package/build-module/components/routes/index.js.map +1 -1
  218. package/build-module/components/sidebar/index.js +33 -0
  219. package/build-module/components/sidebar/index.js.map +1 -0
  220. package/build-module/components/sidebar-edit-mode/global-styles-sidebar.js +27 -7
  221. package/build-module/components/sidebar-edit-mode/global-styles-sidebar.js.map +1 -1
  222. package/build-module/components/sidebar-edit-mode/index.js +6 -4
  223. package/build-module/components/sidebar-edit-mode/index.js.map +1 -1
  224. package/build-module/components/sidebar-edit-mode/navigation-menu-sidebar/navigation-menu.js +11 -1
  225. package/build-module/components/sidebar-edit-mode/navigation-menu-sidebar/navigation-menu.js.map +1 -1
  226. package/build-module/components/sidebar-navigation-item/index.js +40 -0
  227. package/build-module/components/sidebar-navigation-item/index.js.map +1 -0
  228. package/build-module/components/sidebar-navigation-screen/index.js +39 -0
  229. package/build-module/components/sidebar-navigation-screen/index.js.map +1 -0
  230. package/build-module/components/sidebar-navigation-screen-main/index.js +32 -0
  231. package/build-module/components/sidebar-navigation-screen-main/index.js.map +1 -0
  232. package/build-module/components/sidebar-navigation-screen-templates/index.js +147 -0
  233. package/build-module/components/sidebar-navigation-screen-templates/index.js.map +1 -0
  234. package/build-module/components/site-hub/index.js +126 -0
  235. package/build-module/components/site-hub/index.js.map +1 -0
  236. package/build-module/components/site-icon/index.js +55 -0
  237. package/build-module/components/site-icon/index.js.map +1 -0
  238. package/build-module/components/style-book/index.js +156 -0
  239. package/build-module/components/style-book/index.js.map +1 -0
  240. package/build-module/components/{url-query-controller/index.js → sync-state-with-url/use-init-edited-entity-from-url.js} +4 -3
  241. package/build-module/components/sync-state-with-url/use-init-edited-entity-from-url.js.map +1 -0
  242. package/build-module/components/sync-state-with-url/use-sync-sidebar-path-with-url.js +43 -0
  243. package/build-module/components/sync-state-with-url/use-sync-sidebar-path-with-url.js.map +1 -0
  244. package/build-module/components/use-edited-entity-record/index.js +48 -0
  245. package/build-module/components/use-edited-entity-record/index.js.map +1 -0
  246. package/build-module/hooks/index.js +1 -0
  247. package/build-module/hooks/index.js.map +1 -1
  248. package/build-module/hooks/push-changes-to-global-styles/index.js +132 -0
  249. package/build-module/hooks/push-changes-to-global-styles/index.js.map +1 -0
  250. package/build-module/index.js +9 -36
  251. package/build-module/index.js.map +1 -1
  252. package/build-module/store/actions.js +87 -42
  253. package/build-module/store/actions.js.map +1 -1
  254. package/build-module/store/reducer.js +35 -102
  255. package/build-module/store/reducer.js.map +1 -1
  256. package/build-module/store/selectors.js +60 -72
  257. package/build-module/store/selectors.js.map +1 -1
  258. package/build-style/style-rtl.css +549 -352
  259. package/build-style/style.css +549 -352
  260. package/package.json +33 -31
  261. package/src/components/add-new-template/add-custom-template-modal.js +1 -0
  262. package/src/components/add-new-template/index.js +6 -3
  263. package/src/components/add-new-template/new-template-part.js +15 -3
  264. package/src/components/add-new-template/new-template.js +14 -7
  265. package/src/components/add-new-template/style.scss +0 -4
  266. package/src/components/app/index.js +14 -43
  267. package/src/components/block-editor/editor-canvas.js +69 -0
  268. package/src/components/block-editor/index.js +100 -87
  269. package/src/components/block-editor/resizable-editor.js +9 -64
  270. package/src/components/block-editor/style.scss +25 -1
  271. package/src/components/code-editor/style.scss +1 -1
  272. package/src/components/editor/index.js +157 -238
  273. package/src/components/editor/style.scss +0 -22
  274. package/src/components/global-styles/block-preview-panel.js +44 -0
  275. package/src/components/global-styles/border-panel.js +0 -1
  276. package/src/components/global-styles/context-menu.js +11 -2
  277. package/src/components/global-styles/custom-css.js +74 -0
  278. package/src/components/global-styles/dimensions-panel.js +2 -5
  279. package/src/components/global-styles/global-styles-provider.js +50 -22
  280. package/src/components/global-styles/hooks.js +8 -3
  281. package/src/components/global-styles/palette.js +1 -1
  282. package/src/components/global-styles/screen-background-color.js +0 -1
  283. package/src/components/global-styles/screen-block-list.js +2 -1
  284. package/src/components/global-styles/screen-block.js +6 -1
  285. package/src/components/global-styles/screen-border.js +25 -0
  286. package/src/components/global-styles/screen-button-color.js +0 -2
  287. package/src/components/global-styles/screen-colors.js +5 -1
  288. package/src/components/global-styles/screen-css.js +33 -0
  289. package/src/components/global-styles/screen-heading-color.js +1 -3
  290. package/src/components/global-styles/screen-layout.js +2 -3
  291. package/src/components/global-styles/screen-link-color.js +0 -1
  292. package/src/components/global-styles/screen-root.js +37 -1
  293. package/src/components/global-styles/screen-style-variations.js +5 -2
  294. package/src/components/global-styles/screen-text-color.js +0 -1
  295. package/src/components/global-styles/screen-typography.js +3 -0
  296. package/src/components/global-styles/style.scss +31 -2
  297. package/src/components/global-styles/test/typography-utils.js +72 -23
  298. package/src/components/global-styles/typography-utils.js +24 -4
  299. package/src/components/global-styles/ui.js +47 -4
  300. package/src/components/global-styles/use-global-styles-output.js +5 -0
  301. package/src/components/global-styles/utils.js +18 -6
  302. package/src/components/{editor/global-styles-renderer.js → global-styles-renderer/index.js} +3 -9
  303. package/src/components/header-edit-mode/document-actions/index.js +31 -45
  304. package/src/components/header-edit-mode/document-actions/style.scss +8 -1
  305. package/src/components/header-edit-mode/index.js +96 -78
  306. package/src/components/header-edit-mode/style.scss +6 -33
  307. package/src/components/keyboard-shortcuts/index.js +13 -0
  308. package/src/components/layout/index.js +235 -0
  309. package/src/components/layout/style.scss +183 -0
  310. package/src/components/list/header.js +5 -1
  311. package/src/components/list/index.js +12 -31
  312. package/src/components/list/style.scss +3 -4
  313. package/src/components/navigate-to-link/index.js +2 -8
  314. package/src/components/routes/index.js +1 -1
  315. package/src/components/sidebar/index.js +37 -0
  316. package/src/components/sidebar/style.scss +8 -0
  317. package/src/components/sidebar-edit-mode/global-styles-sidebar.js +42 -7
  318. package/src/components/sidebar-edit-mode/index.js +4 -4
  319. package/src/components/sidebar-edit-mode/navigation-menu-sidebar/navigation-menu.js +10 -0
  320. package/src/components/sidebar-edit-mode/navigation-menu-sidebar/style.scss +21 -3
  321. package/src/components/sidebar-edit-mode/settings-header/style.scss +47 -34
  322. package/src/components/sidebar-edit-mode/style.scss +0 -13
  323. package/src/components/sidebar-navigation-item/index.js +51 -0
  324. package/src/components/sidebar-navigation-item/style.scss +17 -0
  325. package/src/components/sidebar-navigation-screen/index.js +55 -0
  326. package/src/components/sidebar-navigation-screen/style.scss +39 -0
  327. package/src/components/sidebar-navigation-screen-main/index.js +44 -0
  328. package/src/components/sidebar-navigation-screen-templates/index.js +163 -0
  329. package/src/components/sidebar-navigation-screen-templates/style.scss +9 -0
  330. package/src/components/site-hub/index.js +150 -0
  331. package/src/components/site-hub/style.scss +31 -0
  332. package/src/components/site-icon/index.js +56 -0
  333. package/src/components/site-icon/style.scss +10 -0
  334. package/src/components/style-book/index.js +193 -0
  335. package/src/components/style-book/style.scss +78 -0
  336. package/src/components/{url-query-controller/index.js → sync-state-with-url/use-init-edited-entity-from-url.js} +3 -3
  337. package/src/components/sync-state-with-url/use-sync-sidebar-path-with-url.js +36 -0
  338. package/src/components/template-details/style.scss +4 -0
  339. package/src/components/use-edited-entity-record/index.js +37 -0
  340. package/src/hooks/index.js +1 -0
  341. package/src/hooks/push-changes-to-global-styles/index.js +162 -0
  342. package/src/hooks/push-changes-to-global-styles/style.scss +4 -0
  343. package/src/index.js +5 -53
  344. package/src/store/actions.js +93 -48
  345. package/src/store/reducer.js +29 -91
  346. package/src/store/selectors.js +61 -101
  347. package/src/store/test/actions.js +3 -15
  348. package/src/store/test/reducer.js +8 -192
  349. package/src/store/test/selectors.js +3 -42
  350. package/src/style.scss +21 -3
  351. package/build/components/editor/global-styles-renderer.js.map +0 -1
  352. package/build/components/navigation-sidebar/index.js +0 -62
  353. package/build/components/navigation-sidebar/index.js.map +0 -1
  354. package/build/components/navigation-sidebar/navigation-panel/constants.js +0 -77
  355. package/build/components/navigation-sidebar/navigation-panel/constants.js.map +0 -1
  356. package/build/components/navigation-sidebar/navigation-panel/index.js +0 -152
  357. package/build/components/navigation-sidebar/navigation-panel/index.js.map +0 -1
  358. package/build/components/navigation-sidebar/navigation-panel/template-hierarchy.js +0 -81
  359. package/build/components/navigation-sidebar/navigation-panel/template-hierarchy.js.map +0 -1
  360. package/build/components/navigation-sidebar/navigation-toggle/index.js +0 -124
  361. package/build/components/navigation-sidebar/navigation-toggle/index.js.map +0 -1
  362. package/build/components/url-query-controller/index.js.map +0 -1
  363. package/build-module/components/editor/global-styles-renderer.js.map +0 -1
  364. package/build-module/components/navigation-sidebar/index.js +0 -45
  365. package/build-module/components/navigation-sidebar/index.js.map +0 -1
  366. package/build-module/components/navigation-sidebar/navigation-panel/constants.js +0 -49
  367. package/build-module/components/navigation-sidebar/navigation-panel/constants.js.map +0 -1
  368. package/build-module/components/navigation-sidebar/navigation-panel/index.js +0 -131
  369. package/build-module/components/navigation-sidebar/navigation-panel/index.js.map +0 -1
  370. package/build-module/components/navigation-sidebar/navigation-panel/template-hierarchy.js +0 -66
  371. package/build-module/components/navigation-sidebar/navigation-panel/template-hierarchy.js.map +0 -1
  372. package/build-module/components/navigation-sidebar/navigation-toggle/index.js +0 -108
  373. package/build-module/components/navigation-sidebar/navigation-toggle/index.js.map +0 -1
  374. package/build-module/components/url-query-controller/index.js.map +0 -1
  375. package/src/components/navigation-sidebar/index.js +0 -46
  376. package/src/components/navigation-sidebar/navigation-panel/constants.js +0 -94
  377. package/src/components/navigation-sidebar/navigation-panel/index.js +0 -142
  378. package/src/components/navigation-sidebar/navigation-panel/style.scss +0 -152
  379. package/src/components/navigation-sidebar/navigation-panel/template-hierarchy.js +0 -81
  380. package/src/components/navigation-sidebar/navigation-toggle/index.js +0 -114
  381. package/src/components/navigation-sidebar/navigation-toggle/style.scss +0 -71
  382. package/src/components/navigation-sidebar/navigation-toggle/test/index.js +0 -65
@@ -8,20 +8,12 @@ import deepFreeze from 'deep-freeze';
8
8
  */
9
9
  import {
10
10
  settings,
11
- homeTemplateId,
12
11
  editedPost,
13
- navigationPanel,
14
12
  blockInserterPanel,
15
13
  listViewPanel,
16
14
  } from '../reducer';
17
15
 
18
- import {
19
- setNavigationPanelActiveMenu,
20
- openNavigationPanelToMenu,
21
- setIsNavigationPanelOpened,
22
- setIsInserterOpened,
23
- setIsListViewOpened,
24
- } from '../actions';
16
+ import { setIsInserterOpened, setIsListViewOpened } from '../actions';
25
17
 
26
18
  describe( 'state', () => {
27
19
  describe( 'settings()', () => {
@@ -53,17 +45,6 @@ describe( 'state', () => {
53
45
  } );
54
46
  } );
55
47
 
56
- describe( 'homeTemplateId()', () => {
57
- it( 'should apply default state', () => {
58
- expect( homeTemplateId( undefined, {} ) ).toEqual( undefined );
59
- } );
60
-
61
- it( 'should default to returning the same state', () => {
62
- const state = {};
63
- expect( homeTemplateId( state, {} ) ).toBe( state );
64
- } );
65
- } );
66
-
67
48
  describe( 'editedPost()', () => {
68
49
  it( 'should apply default state', () => {
69
50
  expect( editedPost( undefined, {} ) ).toEqual( {} );
@@ -79,153 +60,18 @@ describe( 'state', () => {
79
60
  editedPost(
80
61
  { id: 1, type: 'wp_template' },
81
62
  {
82
- type: 'SET_TEMPLATE',
83
- templateId: 2,
84
- }
85
- )
86
- ).toEqual( { id: 2, type: 'wp_template' } );
87
- } );
88
-
89
- it( 'should update when a page is set', () => {
90
- expect(
91
- editedPost(
92
- { id: 1, type: 'wp_template' },
93
- {
94
- type: 'SET_PAGE',
95
- templateId: 2,
96
- page: {},
97
- }
98
- )
99
- ).toEqual( { id: 2, type: 'wp_template', page: {} } );
100
- } );
101
-
102
- it( 'should update when a template part is set', () => {
103
- expect(
104
- editedPost(
105
- { id: 1, type: 'wp_template' },
106
- {
107
- type: 'SET_TEMPLATE_PART',
108
- templatePartId: 2,
63
+ type: 'SET_EDITED_POST',
64
+ postType: 'wp_template',
65
+ id: 2,
66
+ context: { templateSlug: 'slug' },
109
67
  }
110
68
  )
111
- ).toEqual( { id: 2, type: 'wp_template_part' } );
112
- } );
113
- } );
114
-
115
- describe( 'navigationPanel()', () => {
116
- it( 'should apply default state', () => {
117
- expect( navigationPanel( undefined, {} ) ).toEqual( {
118
- menu: 'root',
119
- isOpen: false,
120
- } );
121
- } );
122
-
123
- it( 'should default to returning the same state', () => {
124
- const state = { test: 1 };
125
- expect( navigationPanel( state, {} ) ).toBe( state );
126
- } );
127
-
128
- it( 'should set the active navigation panel', () => {
129
- expect(
130
- navigationPanel(
131
- undefined,
132
- setNavigationPanelActiveMenu( 'test-menu' )
133
- )
134
69
  ).toEqual( {
135
- isOpen: false,
136
- menu: 'test-menu',
70
+ postType: 'wp_template',
71
+ id: 2,
72
+ context: { templateSlug: 'slug' },
137
73
  } );
138
74
  } );
139
-
140
- it( 'should be able to open the navigation panel to a menu', () => {
141
- expect(
142
- navigationPanel(
143
- undefined,
144
- openNavigationPanelToMenu( 'test-menu' )
145
- )
146
- ).toEqual( {
147
- isOpen: true,
148
- menu: 'test-menu',
149
- } );
150
- } );
151
-
152
- it( 'should be able to open the navigation panel', () => {
153
- expect(
154
- navigationPanel( undefined, setIsNavigationPanelOpened( true ) )
155
- ).toEqual( {
156
- isOpen: true,
157
- menu: 'root',
158
- } );
159
- } );
160
-
161
- it( 'should change the menu to root when closing the panel', () => {
162
- const state = navigationPanel(
163
- undefined,
164
- openNavigationPanelToMenu( 'test-menu' )
165
- );
166
-
167
- expect( state.menu ).toEqual( 'test-menu' );
168
- expect(
169
- navigationPanel( state, setIsNavigationPanelOpened( false ) )
170
- ).toEqual( {
171
- isOpen: false,
172
- menu: 'root',
173
- } );
174
- } );
175
-
176
- it( 'should close the navigation panel when opening the inserter and change the menu to root', () => {
177
- const state = navigationPanel(
178
- undefined,
179
- openNavigationPanelToMenu( 'test-menu' )
180
- );
181
-
182
- expect( state.menu ).toEqual( 'test-menu' );
183
- expect(
184
- navigationPanel( state, setIsInserterOpened( true ) )
185
- ).toEqual( {
186
- isOpen: false,
187
- menu: 'root',
188
- } );
189
- } );
190
-
191
- it( 'should close the navigation panel when opening the list view and change the menu to root', () => {
192
- const state = navigationPanel(
193
- undefined,
194
- openNavigationPanelToMenu( 'test-menu' )
195
- );
196
-
197
- expect( state.menu ).toEqual( 'test-menu' );
198
- expect(
199
- navigationPanel( state, setIsListViewOpened( true ) )
200
- ).toEqual( {
201
- isOpen: false,
202
- menu: 'root',
203
- } );
204
- } );
205
-
206
- it( 'should not change the state when closing the inserter', () => {
207
- const state = navigationPanel(
208
- undefined,
209
- openNavigationPanelToMenu( 'test-menu' )
210
- );
211
-
212
- expect( state.menu ).toEqual( 'test-menu' );
213
- expect(
214
- navigationPanel( state, setIsInserterOpened( false ) )
215
- ).toEqual( state );
216
- } );
217
-
218
- it( 'should not change the state when closing the list view', () => {
219
- const state = navigationPanel(
220
- undefined,
221
- openNavigationPanelToMenu( 'test-menu' )
222
- );
223
-
224
- expect( state.menu ).toEqual( 'test-menu' );
225
- expect(
226
- navigationPanel( state, setIsListViewOpened( false ) )
227
- ).toEqual( state );
228
- } );
229
75
  } );
230
76
 
231
77
  describe( 'blockInserterPanel()', () => {
@@ -246,27 +92,12 @@ describe( 'state', () => {
246
92
  ).toBe( false );
247
93
  } );
248
94
 
249
- it( 'should close the inserter when opening the nav panel', () => {
250
- expect(
251
- blockInserterPanel( true, openNavigationPanelToMenu( 'noop' ) )
252
- ).toBe( false );
253
- expect(
254
- blockInserterPanel( true, setIsNavigationPanelOpened( true ) )
255
- ).toBe( false );
256
- } );
257
-
258
95
  it( 'should close the inserter when opening the list view panel', () => {
259
96
  expect(
260
97
  blockInserterPanel( true, setIsListViewOpened( true ) )
261
98
  ).toBe( false );
262
99
  } );
263
100
 
264
- it( 'should not change the state when closing the nav panel', () => {
265
- expect(
266
- blockInserterPanel( true, setIsNavigationPanelOpened( false ) )
267
- ).toBe( true );
268
- } );
269
-
270
101
  it( 'should not change the state when closing the list view panel', () => {
271
102
  expect(
272
103
  blockInserterPanel( true, setIsListViewOpened( false ) )
@@ -292,27 +123,12 @@ describe( 'state', () => {
292
123
  );
293
124
  } );
294
125
 
295
- it( 'should close the list view when opening the nav panel', () => {
296
- expect(
297
- listViewPanel( true, openNavigationPanelToMenu( 'noop' ) )
298
- ).toBe( false );
299
- expect(
300
- listViewPanel( true, setIsNavigationPanelOpened( true ) )
301
- ).toBe( false );
302
- } );
303
-
304
126
  it( 'should close the list view when opening the inserter panel', () => {
305
127
  expect( listViewPanel( true, setIsInserterOpened( true ) ) ).toBe(
306
128
  false
307
129
  );
308
130
  } );
309
131
 
310
- it( 'should not change the state when closing the nav panel', () => {
311
- expect(
312
- listViewPanel( true, setIsNavigationPanelOpened( false ) )
313
- ).toBe( true );
314
- } );
315
-
316
132
  it( 'should not change the state when closing the inserter panel', () => {
317
133
  expect( listViewPanel( true, setIsInserterOpened( false ) ) ).toBe(
318
134
  true
@@ -9,13 +9,9 @@ import { store as coreDataStore } from '@wordpress/core-data';
9
9
  import {
10
10
  getCanUserCreateMedia,
11
11
  getSettings,
12
- getHomeTemplateId,
13
12
  getEditedPostType,
14
13
  getEditedPostId,
15
- getPage,
16
- getNavigationPanelActiveMenu,
17
14
  getReusableBlocks,
18
- isNavigationOpened,
19
15
  isInserterOpened,
20
16
  isListViewOpened,
21
17
  __unstableGetPreference,
@@ -72,7 +68,7 @@ describe( 'selectors', () => {
72
68
  const state = {
73
69
  settings: {},
74
70
  preferences: {},
75
- editedPost: { type: 'wp_template' },
71
+ editedPost: { postType: 'wp_template' },
76
72
  };
77
73
  const setInserterOpened = () => {};
78
74
  expect( getSettings( state, setInserterOpened ) ).toEqual( {
@@ -95,7 +91,7 @@ describe( 'selectors', () => {
95
91
 
96
92
  const state = {
97
93
  settings: { key: 'value' },
98
- editedPost: { type: 'wp_template_part' },
94
+ editedPost: { postType: 'wp_template_part' },
99
95
  };
100
96
  const setInserterOpened = () => {};
101
97
 
@@ -114,13 +110,6 @@ describe( 'selectors', () => {
114
110
  } );
115
111
  } );
116
112
 
117
- describe( 'getHomeTemplateId', () => {
118
- it( 'returns the home template ID', () => {
119
- const state = { homeTemplateId: {} };
120
- expect( getHomeTemplateId( state ) ).toBe( state.homeTemplateId );
121
- } );
122
- } );
123
-
124
113
  describe( 'getEditedPostId', () => {
125
114
  it( 'returns the template ID', () => {
126
115
  const state = { editedPost: { id: 10 } };
@@ -130,39 +119,11 @@ describe( 'selectors', () => {
130
119
 
131
120
  describe( 'getEditedPostType', () => {
132
121
  it( 'returns the template type', () => {
133
- const state = { editedPost: { type: 'wp_template' } };
122
+ const state = { editedPost: { postType: 'wp_template' } };
134
123
  expect( getEditedPostType( state ) ).toBe( 'wp_template' );
135
124
  } );
136
125
  } );
137
126
 
138
- describe( 'getPage', () => {
139
- it( 'returns the page object', () => {
140
- const page = {};
141
- const state = { editedPost: { page } };
142
- expect( getPage( state ) ).toBe( page );
143
- } );
144
- } );
145
-
146
- describe( 'getNavigationPanelActiveMenu', () => {
147
- it( 'returns the current navigation menu', () => {
148
- const state = {
149
- navigationPanel: { menu: 'test-menu', isOpen: false },
150
- };
151
- expect( getNavigationPanelActiveMenu( state ) ).toBe( 'test-menu' );
152
- } );
153
- } );
154
-
155
- describe( 'isNavigationOpened', () => {
156
- it( 'returns the navigation panel isOpened state', () => {
157
- const state = {
158
- navigationPanel: { menu: 'test-menu', isOpen: false },
159
- };
160
- expect( isNavigationOpened( state ) ).toBe( false );
161
- state.navigationPanel.isOpen = true;
162
- expect( isNavigationOpened( state ) ).toBe( true );
163
- } );
164
- } );
165
-
166
127
  describe( 'isInserterOpened', () => {
167
128
  it( 'returns the block inserter panel isOpened state', () => {
168
129
  const state = {
package/src/style.scss CHANGED
@@ -5,8 +5,6 @@
5
5
  @import "./components/global-styles/style.scss";
6
6
  @import "./components/header-edit-mode/style.scss";
7
7
  @import "./components/header-edit-mode/document-actions/style.scss";
8
- @import "./components/navigation-sidebar/navigation-toggle/style.scss";
9
- @import "./components/navigation-sidebar/navigation-panel/style.scss";
10
8
  @import "./components/list/style.scss";
11
9
  @import "./components/add-new-template/style.scss";
12
10
  @import "./components/sidebar-edit-mode/style.scss";
@@ -19,11 +17,29 @@
19
17
  @import "./components/secondary-sidebar/style.scss";
20
18
  @import "./components/welcome-guide/style.scss";
21
19
  @import "./components/keyboard-shortcut-help-modal/style.scss";
20
+ @import "./components/layout/style.scss";
21
+ @import "./components/sidebar/style.scss";
22
+ @import "./components/sidebar-navigation-item/style.scss";
23
+ @import "./components/sidebar-navigation-screen/style.scss";
24
+ @import "./components/sidebar-navigation-screen-templates/style.scss";
25
+ @import "./components/site-hub/style.scss";
26
+ @import "./components/site-icon/style.scss";
27
+ @import "./components/style-book/style.scss";
28
+ @import "./hooks/push-changes-to-global-styles/style.scss";
29
+
30
+ html #wpadminbar {
31
+ display: none;
32
+ }
33
+
34
+ html #wpbody {
35
+ padding-top: 0;
36
+ }
22
37
 
23
38
  // In order to use mix-blend-mode, this element needs to have an explicitly set background-color.
24
39
  // We scope it to .wp-toolbar to be wp-admin only, to prevent bleed into other implementations.
25
40
  html.wp-toolbar {
26
41
  background: $white;
42
+ padding-top: 0;
27
43
  }
28
44
 
29
45
  body.appearance_page_gutenberg-template-parts,
@@ -38,13 +54,15 @@ body.site-editor-php {
38
54
  }
39
55
 
40
56
  .edit-site {
57
+ height: 100vh;
58
+
41
59
  // On mobile the main content area has to scroll, otherwise you can invoke
42
60
  // the over-scroll bounce on the non-scrolling container, for a bad experience.
43
61
  @include break-small {
44
62
  bottom: 0;
45
63
  left: 0;
46
64
  min-height: 100vh;
47
- position: absolute;
65
+ position: fixed;
48
66
  right: 0;
49
67
  top: 0;
50
68
  }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/edit-site/src/components/editor/global-styles-renderer.js"],"names":["useGlobalStylesRenderer","styles","settings","svgFilters","getSettings","editSiteStore","updateSettings","currentStoreSettings","nonGlobalStyles","style","isGlobalStyles","__experimentalFeatures","GlobalStylesRenderer"],"mappings":";;;;;;;AAGA;;AAKA;;AACA;;AAKA;;AAKA;;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAGA;AACA;AACA;AAGA,SAASA,uBAAT,GAAmC;AAClC,QAAM,CAAEC,MAAF,EAAUC,QAAV,EAAoBC,UAApB,IAAmC,mDAAzC;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAkB,qBAAWC,YAAX,CAAxB;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAqB,uBAAaD,YAAb,CAA3B;AAEA,0BAAW,MAAM;AAChB,QAAK,CAAEJ,MAAF,IAAY,CAAEC,QAAnB,EAA8B;AAC7B;AACA;;AAED,UAAMK,oBAAoB,GAAGH,WAAW,EAAxC;AACA,UAAMI,eAAe,GAAG,oBACvBD,oBAAoB,CAACN,MADE,EAErBQ,KAAF,IAAa,CAAEA,KAAK,CAACC,cAFE,CAAxB;AAIAJ,IAAAA,cAAc,CAAE,EACf,GAAGC,oBADY;AAEfN,MAAAA,MAAM,EAAE,CAAE,GAAGO,eAAL,EAAsB,GAAGP,MAAzB,CAFO;AAGfE,MAAAA,UAHe;AAIfQ,MAAAA,sBAAsB,EAAET;AAJT,KAAF,CAAd;AAMA,GAhBD,EAgBG,CAAED,MAAF,EAAUC,QAAV,CAhBH;AAiBA;;AAEM,SAASU,oBAAT,GAAgC;AACtCZ,EAAAA,uBAAuB;AAEvB,SAAO,IAAP;AACA","sourcesContent":["/**\n * External dependencies\n */\nimport { filter } from 'lodash';\n\n/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { useSelect, useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\n\n/**\n * Internal dependencies\n */\nimport { useGlobalStylesOutput } from '../global-styles/use-global-styles-output';\n\nfunction useGlobalStylesRenderer() {\n\tconst [ styles, settings, svgFilters ] = useGlobalStylesOutput();\n\tconst { getSettings } = useSelect( editSiteStore );\n\tconst { updateSettings } = useDispatch( editSiteStore );\n\n\tuseEffect( () => {\n\t\tif ( ! styles || ! settings ) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst currentStoreSettings = getSettings();\n\t\tconst nonGlobalStyles = filter(\n\t\t\tcurrentStoreSettings.styles,\n\t\t\t( style ) => ! style.isGlobalStyles\n\t\t);\n\t\tupdateSettings( {\n\t\t\t...currentStoreSettings,\n\t\t\tstyles: [ ...nonGlobalStyles, ...styles ],\n\t\t\tsvgFilters,\n\t\t\t__experimentalFeatures: settings,\n\t\t} );\n\t}, [ styles, settings ] );\n}\n\nexport function GlobalStylesRenderer() {\n\tuseGlobalStylesRenderer();\n\n\treturn null;\n}\n"]}
@@ -1,62 +0,0 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.default = exports.NavigationPanelPreviewSlot = exports.NavigationPanelPreviewFill = void 0;
9
-
10
- var _element = require("@wordpress/element");
11
-
12
- var _components = require("@wordpress/components");
13
-
14
- var _compose = require("@wordpress/compose");
15
-
16
- var _data = require("@wordpress/data");
17
-
18
- var _store = require("../../store");
19
-
20
- var _navigationPanel = _interopRequireDefault(require("./navigation-panel"));
21
-
22
- var _navigationToggle = _interopRequireDefault(require("./navigation-toggle"));
23
-
24
- /**
25
- * WordPress dependencies
26
- */
27
-
28
- /**
29
- * Internal dependencies
30
- */
31
- const {
32
- Fill: NavigationPanelPreviewFill,
33
- Slot: NavigationPanelPreviewSlot
34
- } = (0, _components.createSlotFill)('EditSiteNavigationPanelPreview');
35
- exports.NavigationPanelPreviewSlot = NavigationPanelPreviewSlot;
36
- exports.NavigationPanelPreviewFill = NavigationPanelPreviewFill;
37
- const {
38
- Fill: NavigationSidebarFill,
39
- Slot: NavigationSidebarSlot
40
- } = (0, _components.createSlotFill)('EditSiteNavigationSidebar');
41
-
42
- function NavigationSidebar(_ref) {
43
- let {
44
- isDefaultOpen = false,
45
- activeTemplateType
46
- } = _ref;
47
- const isDesktopViewport = (0, _compose.useViewportMatch)('medium');
48
- const {
49
- setIsNavigationPanelOpened
50
- } = (0, _data.useDispatch)(_store.store);
51
- (0, _element.useEffect)(function autoOpenNavigationPanelOnViewportChange() {
52
- setIsNavigationPanelOpened(isDefaultOpen && isDesktopViewport);
53
- }, [isDefaultOpen, isDesktopViewport, setIsNavigationPanelOpened]);
54
- return (0, _element.createElement)(NavigationSidebarFill, null, (0, _element.createElement)(_navigationToggle.default, null), (0, _element.createElement)(_navigationPanel.default, {
55
- activeItem: activeTemplateType
56
- }), (0, _element.createElement)(NavigationPanelPreviewSlot, null));
57
- }
58
-
59
- NavigationSidebar.Slot = NavigationSidebarSlot;
60
- var _default = NavigationSidebar;
61
- exports.default = _default;
62
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/index.js"],"names":["Fill","NavigationPanelPreviewFill","Slot","NavigationPanelPreviewSlot","NavigationSidebarFill","NavigationSidebarSlot","NavigationSidebar","isDefaultOpen","activeTemplateType","isDesktopViewport","setIsNavigationPanelOpened","editSiteStore","autoOpenNavigationPanelOnViewportChange"],"mappings":";;;;;;;;;AAGA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAbA;AACA;AACA;;AAMA;AACA;AACA;AAKO,MAAM;AACZA,EAAAA,IAAI,EAAEC,0BADM;AAEZC,EAAAA,IAAI,EAAEC;AAFM,IAGT,gCAAgB,gCAAhB,CAHG;;;AAKP,MAAM;AAAEH,EAAAA,IAAI,EAAEI,qBAAR;AAA+BF,EAAAA,IAAI,EAAEG;AAArC,IACL,gCAAgB,2BAAhB,CADD;;AAGA,SAASC,iBAAT,OAA4E;AAAA,MAAhD;AAAEC,IAAAA,aAAa,GAAG,KAAlB;AAAyBC,IAAAA;AAAzB,GAAgD;AAC3E,QAAMC,iBAAiB,GAAG,+BAAkB,QAAlB,CAA1B;AACA,QAAM;AAAEC,IAAAA;AAAF,MAAiC,uBAAaC,YAAb,CAAvC;AAEA,0BACC,SAASC,uCAAT,GAAmD;AAClDF,IAAAA,0BAA0B,CAAEH,aAAa,IAAIE,iBAAnB,CAA1B;AACA,GAHF,EAIC,CAAEF,aAAF,EAAiBE,iBAAjB,EAAoCC,0BAApC,CAJD;AAOA,SACC,4BAAC,qBAAD,QACC,4BAAC,yBAAD,OADD,EAEC,4BAAC,wBAAD;AAAiB,IAAA,UAAU,EAAGF;AAA9B,IAFD,EAGC,4BAAC,0BAAD,OAHD,CADD;AAOA;;AAEDF,iBAAiB,CAACJ,IAAlB,GAAyBG,qBAAzB;eAEeC,iB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { useEffect } from '@wordpress/element';\nimport { createSlotFill } from '@wordpress/components';\nimport { useViewportMatch } from '@wordpress/compose';\nimport { useDispatch } from '@wordpress/data';\n\n/**\n * Internal dependencies\n */\nimport { store as editSiteStore } from '../../store';\nimport NavigationPanel from './navigation-panel';\nimport NavigationToggle from './navigation-toggle';\n\nexport const {\n\tFill: NavigationPanelPreviewFill,\n\tSlot: NavigationPanelPreviewSlot,\n} = createSlotFill( 'EditSiteNavigationPanelPreview' );\n\nconst { Fill: NavigationSidebarFill, Slot: NavigationSidebarSlot } =\n\tcreateSlotFill( 'EditSiteNavigationSidebar' );\n\nfunction NavigationSidebar( { isDefaultOpen = false, activeTemplateType } ) {\n\tconst isDesktopViewport = useViewportMatch( 'medium' );\n\tconst { setIsNavigationPanelOpened } = useDispatch( editSiteStore );\n\n\tuseEffect(\n\t\tfunction autoOpenNavigationPanelOnViewportChange() {\n\t\t\tsetIsNavigationPanelOpened( isDefaultOpen && isDesktopViewport );\n\t\t},\n\t\t[ isDefaultOpen, isDesktopViewport, setIsNavigationPanelOpened ]\n\t);\n\n\treturn (\n\t\t<NavigationSidebarFill>\n\t\t\t<NavigationToggle />\n\t\t\t<NavigationPanel activeItem={ activeTemplateType } />\n\t\t\t<NavigationPanelPreviewSlot />\n\t\t</NavigationSidebarFill>\n\t);\n}\n\nNavigationSidebar.Slot = NavigationSidebarSlot;\n\nexport default NavigationSidebar;\n"]}
@@ -1,77 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.TEMPLATE_PARTS_SUB_MENUS = exports.TEMPLATE_OVERRIDES = exports.TEMPLATES_TOP_LEVEL = exports.TEMPLATES_SECONDARY = exports.TEMPLATES_PRIMARY = exports.TEMPLATES_POSTS_PREFIXES = exports.TEMPLATES_PAGES_PREFIXES = exports.TEMPLATES_GENERAL = exports.MENU_TEMPLATE_PARTS_SIDEBARS = exports.MENU_TEMPLATE_PARTS_HEADERS = exports.MENU_TEMPLATE_PARTS_GENERAL = exports.MENU_TEMPLATE_PARTS_FOOTERS = exports.MENU_TEMPLATE_PARTS = exports.MENU_TEMPLATES_UNUSED = exports.MENU_TEMPLATES_POSTS = exports.MENU_TEMPLATES_PAGES = exports.MENU_TEMPLATES_GENERAL = exports.MENU_TEMPLATES = exports.MENU_ROOT = void 0;
7
-
8
- var _i18n = require("@wordpress/i18n");
9
-
10
- var _constants = require("../../../store/constants");
11
-
12
- /**
13
- * WordPress dependencies
14
- */
15
-
16
- /**
17
- * Internal dependencies
18
- */
19
- const TEMPLATES_PRIMARY = ['index', 'singular', 'archive', 'single', 'page', 'home', '404', 'search'];
20
- exports.TEMPLATES_PRIMARY = TEMPLATES_PRIMARY;
21
- const TEMPLATES_SECONDARY = ['author', 'category', 'taxonomy', 'date', 'tag', 'attachment', 'single', 'front-page'];
22
- exports.TEMPLATES_SECONDARY = TEMPLATES_SECONDARY;
23
- const TEMPLATES_TOP_LEVEL = [...TEMPLATES_PRIMARY, ...TEMPLATES_SECONDARY];
24
- exports.TEMPLATES_TOP_LEVEL = TEMPLATES_TOP_LEVEL;
25
- const TEMPLATES_GENERAL = ['page-home'];
26
- exports.TEMPLATES_GENERAL = TEMPLATES_GENERAL;
27
- const TEMPLATES_POSTS_PREFIXES = ['post-', 'author-', 'single-', 'tag-'];
28
- exports.TEMPLATES_POSTS_PREFIXES = TEMPLATES_POSTS_PREFIXES;
29
- const TEMPLATES_PAGES_PREFIXES = ['page-'];
30
- exports.TEMPLATES_PAGES_PREFIXES = TEMPLATES_PAGES_PREFIXES;
31
- const TEMPLATE_OVERRIDES = {
32
- singular: ['single', 'page'],
33
- index: ['archive', '404', 'search', 'singular', 'home'],
34
- home: ['front-page']
35
- };
36
- exports.TEMPLATE_OVERRIDES = TEMPLATE_OVERRIDES;
37
- const MENU_ROOT = 'root';
38
- exports.MENU_ROOT = MENU_ROOT;
39
- const MENU_TEMPLATE_PARTS = 'template-parts';
40
- exports.MENU_TEMPLATE_PARTS = MENU_TEMPLATE_PARTS;
41
- const MENU_TEMPLATES = 'templates';
42
- exports.MENU_TEMPLATES = MENU_TEMPLATES;
43
- const MENU_TEMPLATES_GENERAL = 'templates-general';
44
- exports.MENU_TEMPLATES_GENERAL = MENU_TEMPLATES_GENERAL;
45
- const MENU_TEMPLATES_PAGES = 'templates-pages';
46
- exports.MENU_TEMPLATES_PAGES = MENU_TEMPLATES_PAGES;
47
- const MENU_TEMPLATES_POSTS = 'templates-posts';
48
- exports.MENU_TEMPLATES_POSTS = MENU_TEMPLATES_POSTS;
49
- const MENU_TEMPLATES_UNUSED = 'templates-unused';
50
- exports.MENU_TEMPLATES_UNUSED = MENU_TEMPLATES_UNUSED;
51
- const MENU_TEMPLATE_PARTS_HEADERS = 'template-parts-headers';
52
- exports.MENU_TEMPLATE_PARTS_HEADERS = MENU_TEMPLATE_PARTS_HEADERS;
53
- const MENU_TEMPLATE_PARTS_FOOTERS = 'template-parts-footers';
54
- exports.MENU_TEMPLATE_PARTS_FOOTERS = MENU_TEMPLATE_PARTS_FOOTERS;
55
- const MENU_TEMPLATE_PARTS_SIDEBARS = 'template-parts-sidebars';
56
- exports.MENU_TEMPLATE_PARTS_SIDEBARS = MENU_TEMPLATE_PARTS_SIDEBARS;
57
- const MENU_TEMPLATE_PARTS_GENERAL = 'template-parts-general';
58
- exports.MENU_TEMPLATE_PARTS_GENERAL = MENU_TEMPLATE_PARTS_GENERAL;
59
- const TEMPLATE_PARTS_SUB_MENUS = [{
60
- area: _constants.TEMPLATE_PART_AREA_HEADER,
61
- menu: MENU_TEMPLATE_PARTS_HEADERS,
62
- title: (0, _i18n.__)('headers')
63
- }, {
64
- area: _constants.TEMPLATE_PART_AREA_FOOTER,
65
- menu: MENU_TEMPLATE_PARTS_FOOTERS,
66
- title: (0, _i18n.__)('footers')
67
- }, {
68
- area: _constants.TEMPLATE_PART_AREA_SIDEBAR,
69
- menu: MENU_TEMPLATE_PARTS_SIDEBARS,
70
- title: (0, _i18n.__)('sidebars')
71
- }, {
72
- area: _constants.TEMPLATE_PART_AREA_GENERAL,
73
- menu: MENU_TEMPLATE_PARTS_GENERAL,
74
- title: (0, _i18n.__)('general')
75
- }];
76
- exports.TEMPLATE_PARTS_SUB_MENUS = TEMPLATE_PARTS_SUB_MENUS;
77
- //# sourceMappingURL=constants.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/navigation-panel/constants.js"],"names":["TEMPLATES_PRIMARY","TEMPLATES_SECONDARY","TEMPLATES_TOP_LEVEL","TEMPLATES_GENERAL","TEMPLATES_POSTS_PREFIXES","TEMPLATES_PAGES_PREFIXES","TEMPLATE_OVERRIDES","singular","index","home","MENU_ROOT","MENU_TEMPLATE_PARTS","MENU_TEMPLATES","MENU_TEMPLATES_GENERAL","MENU_TEMPLATES_PAGES","MENU_TEMPLATES_POSTS","MENU_TEMPLATES_UNUSED","MENU_TEMPLATE_PARTS_HEADERS","MENU_TEMPLATE_PARTS_FOOTERS","MENU_TEMPLATE_PARTS_SIDEBARS","MENU_TEMPLATE_PARTS_GENERAL","TEMPLATE_PARTS_SUB_MENUS","area","TEMPLATE_PART_AREA_HEADER","menu","title","TEMPLATE_PART_AREA_FOOTER","TEMPLATE_PART_AREA_SIDEBAR","TEMPLATE_PART_AREA_GENERAL"],"mappings":";;;;;;;AAGA;;AAKA;;AARA;AACA;AACA;;AAGA;AACA;AACA;AAQO,MAAMA,iBAAiB,GAAG,CAChC,OADgC,EAEhC,UAFgC,EAGhC,SAHgC,EAIhC,QAJgC,EAKhC,MALgC,EAMhC,MANgC,EAOhC,KAPgC,EAQhC,QARgC,CAA1B;;AAWA,MAAMC,mBAAmB,GAAG,CAClC,QADkC,EAElC,UAFkC,EAGlC,UAHkC,EAIlC,MAJkC,EAKlC,KALkC,EAMlC,YANkC,EAOlC,QAPkC,EAQlC,YARkC,CAA5B;;AAWA,MAAMC,mBAAmB,GAAG,CAClC,GAAGF,iBAD+B,EAElC,GAAGC,mBAF+B,CAA5B;;AAKA,MAAME,iBAAiB,GAAG,CAAE,WAAF,CAA1B;;AAEA,MAAMC,wBAAwB,GAAG,CACvC,OADuC,EAEvC,SAFuC,EAGvC,SAHuC,EAIvC,MAJuC,CAAjC;;AAOA,MAAMC,wBAAwB,GAAG,CAAE,OAAF,CAAjC;;AAEA,MAAMC,kBAAkB,GAAG;AACjCC,EAAAA,QAAQ,EAAE,CAAE,QAAF,EAAY,MAAZ,CADuB;AAEjCC,EAAAA,KAAK,EAAE,CAAE,SAAF,EAAa,KAAb,EAAoB,QAApB,EAA8B,UAA9B,EAA0C,MAA1C,CAF0B;AAGjCC,EAAAA,IAAI,EAAE,CAAE,YAAF;AAH2B,CAA3B;;AAMA,MAAMC,SAAS,GAAG,MAAlB;;AACA,MAAMC,mBAAmB,GAAG,gBAA5B;;AACA,MAAMC,cAAc,GAAG,WAAvB;;AACA,MAAMC,sBAAsB,GAAG,mBAA/B;;AACA,MAAMC,oBAAoB,GAAG,iBAA7B;;AACA,MAAMC,oBAAoB,GAAG,iBAA7B;;AACA,MAAMC,qBAAqB,GAAG,kBAA9B;;AAEA,MAAMC,2BAA2B,GAAG,wBAApC;;AACA,MAAMC,2BAA2B,GAAG,wBAApC;;AACA,MAAMC,4BAA4B,GAAG,yBAArC;;AACA,MAAMC,2BAA2B,GAAG,wBAApC;;AAEA,MAAMC,wBAAwB,GAAG,CACvC;AACCC,EAAAA,IAAI,EAAEC,oCADP;AAECC,EAAAA,IAAI,EAAEP,2BAFP;AAGCQ,EAAAA,KAAK,EAAE,cAAI,SAAJ;AAHR,CADuC,EAMvC;AACCH,EAAAA,IAAI,EAAEI,oCADP;AAECF,EAAAA,IAAI,EAAEN,2BAFP;AAGCO,EAAAA,KAAK,EAAE,cAAI,SAAJ;AAHR,CANuC,EAWvC;AACCH,EAAAA,IAAI,EAAEK,qCADP;AAECH,EAAAA,IAAI,EAAEL,4BAFP;AAGCM,EAAAA,KAAK,EAAE,cAAI,UAAJ;AAHR,CAXuC,EAgBvC;AACCH,EAAAA,IAAI,EAAEM,qCADP;AAECJ,EAAAA,IAAI,EAAEJ,2BAFP;AAGCK,EAAAA,KAAK,EAAE,cAAI,SAAJ;AAHR,CAhBuC,CAAjC","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __ } from '@wordpress/i18n';\n\n/**\n * Internal dependencies\n */\nimport {\n\tTEMPLATE_PART_AREA_HEADER,\n\tTEMPLATE_PART_AREA_FOOTER,\n\tTEMPLATE_PART_AREA_SIDEBAR,\n\tTEMPLATE_PART_AREA_GENERAL,\n} from '../../../store/constants';\n\nexport const TEMPLATES_PRIMARY = [\n\t'index',\n\t'singular',\n\t'archive',\n\t'single',\n\t'page',\n\t'home',\n\t'404',\n\t'search',\n];\n\nexport const TEMPLATES_SECONDARY = [\n\t'author',\n\t'category',\n\t'taxonomy',\n\t'date',\n\t'tag',\n\t'attachment',\n\t'single',\n\t'front-page',\n];\n\nexport const TEMPLATES_TOP_LEVEL = [\n\t...TEMPLATES_PRIMARY,\n\t...TEMPLATES_SECONDARY,\n];\n\nexport const TEMPLATES_GENERAL = [ 'page-home' ];\n\nexport const TEMPLATES_POSTS_PREFIXES = [\n\t'post-',\n\t'author-',\n\t'single-',\n\t'tag-',\n];\n\nexport const TEMPLATES_PAGES_PREFIXES = [ 'page-' ];\n\nexport const TEMPLATE_OVERRIDES = {\n\tsingular: [ 'single', 'page' ],\n\tindex: [ 'archive', '404', 'search', 'singular', 'home' ],\n\thome: [ 'front-page' ],\n};\n\nexport const MENU_ROOT = 'root';\nexport const MENU_TEMPLATE_PARTS = 'template-parts';\nexport const MENU_TEMPLATES = 'templates';\nexport const MENU_TEMPLATES_GENERAL = 'templates-general';\nexport const MENU_TEMPLATES_PAGES = 'templates-pages';\nexport const MENU_TEMPLATES_POSTS = 'templates-posts';\nexport const MENU_TEMPLATES_UNUSED = 'templates-unused';\n\nexport const MENU_TEMPLATE_PARTS_HEADERS = 'template-parts-headers';\nexport const MENU_TEMPLATE_PARTS_FOOTERS = 'template-parts-footers';\nexport const MENU_TEMPLATE_PARTS_SIDEBARS = 'template-parts-sidebars';\nexport const MENU_TEMPLATE_PARTS_GENERAL = 'template-parts-general';\n\nexport const TEMPLATE_PARTS_SUB_MENUS = [\n\t{\n\t\tarea: TEMPLATE_PART_AREA_HEADER,\n\t\tmenu: MENU_TEMPLATE_PARTS_HEADERS,\n\t\ttitle: __( 'headers' ),\n\t},\n\t{\n\t\tarea: TEMPLATE_PART_AREA_FOOTER,\n\t\tmenu: MENU_TEMPLATE_PARTS_FOOTERS,\n\t\ttitle: __( 'footers' ),\n\t},\n\t{\n\t\tarea: TEMPLATE_PART_AREA_SIDEBAR,\n\t\tmenu: MENU_TEMPLATE_PARTS_SIDEBARS,\n\t\ttitle: __( 'sidebars' ),\n\t},\n\t{\n\t\tarea: TEMPLATE_PART_AREA_GENERAL,\n\t\tmenu: MENU_TEMPLATE_PARTS_GENERAL,\n\t\ttitle: __( 'general' ),\n\t},\n];\n"]}