@wordpress/block-editor 13.2.0 → 13.4.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 (538) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/README.md +0 -5
  3. package/build/components/alignment-control/ui.js +2 -2
  4. package/build/components/alignment-control/ui.js.map +1 -1
  5. package/build/components/block-alignment-control/ui.js +1 -1
  6. package/build/components/block-alignment-control/ui.js.map +1 -1
  7. package/build/components/block-alignment-control/ui.native.js +1 -1
  8. package/build/components/block-alignment-control/ui.native.js.map +1 -1
  9. package/build/components/block-breadcrumb/index.js +12 -1
  10. package/build/components/block-breadcrumb/index.js.map +1 -1
  11. package/build/components/block-inspector/index.js +6 -3
  12. package/build/components/block-inspector/index.js.map +1 -1
  13. package/build/components/block-list/use-block-props/index.js +3 -1
  14. package/build/components/block-list/use-block-props/index.js.map +1 -1
  15. package/build/components/block-list/use-block-props/use-block-refs.js +9 -2
  16. package/build/components/block-list/use-block-props/use-block-refs.js.map +1 -1
  17. package/build/components/block-list/use-block-props/use-is-hovered.js +25 -9
  18. package/build/components/block-list/use-block-props/use-is-hovered.js.map +1 -1
  19. package/build/components/block-list/use-in-between-inserter.js +3 -2
  20. package/build/components/block-list/use-in-between-inserter.js.map +1 -1
  21. package/build/components/block-lock/modal.js +2 -0
  22. package/build/components/block-lock/modal.js.map +1 -1
  23. package/build/components/block-lock/toolbar.js +0 -1
  24. package/build/components/block-lock/toolbar.js.map +1 -1
  25. package/build/components/block-mover/button.js +1 -1
  26. package/build/components/block-mover/button.js.map +1 -1
  27. package/build/components/block-mover/index.js +1 -1
  28. package/build/components/block-mover/index.js.map +1 -1
  29. package/build/components/block-pattern-setup/setup-toolbar.js +2 -2
  30. package/build/components/block-pattern-setup/setup-toolbar.js.map +1 -1
  31. package/build/components/block-patterns-paging/index.js +5 -7
  32. package/build/components/block-patterns-paging/index.js.map +1 -1
  33. package/build/components/block-quick-navigation/index.js +20 -17
  34. package/build/components/block-quick-navigation/index.js.map +1 -1
  35. package/build/components/block-removal-warning-modal/index.js +2 -0
  36. package/build/components/block-removal-warning-modal/index.js.map +1 -1
  37. package/build/components/block-rename/modal.js +4 -12
  38. package/build/components/block-rename/modal.js.map +1 -1
  39. package/build/components/block-switcher/index.js +1 -1
  40. package/build/components/block-switcher/index.js.map +1 -1
  41. package/build/components/block-switcher/pattern-transformations-menu.js +11 -12
  42. package/build/components/block-switcher/pattern-transformations-menu.js.map +1 -1
  43. package/build/components/block-switcher/preview-block-popover.js +20 -17
  44. package/build/components/block-switcher/preview-block-popover.js.map +1 -1
  45. package/build/components/block-toolbar/shuffle.js +6 -2
  46. package/build/components/block-toolbar/shuffle.js.map +1 -1
  47. package/build/components/block-tools/block-selection-button.js +7 -58
  48. package/build/components/block-tools/block-selection-button.js.map +1 -1
  49. package/build/components/block-tools/block-toolbar-breadcrumb.js +9 -2
  50. package/build/components/block-tools/block-toolbar-breadcrumb.js.map +1 -1
  51. package/build/components/block-tools/index.js +14 -1
  52. package/build/components/block-tools/index.js.map +1 -1
  53. package/build/components/block-tools/use-show-block-tools.js +9 -8
  54. package/build/components/block-tools/use-show-block-tools.js.map +1 -1
  55. package/build/components/block-tools/zoom-out-mode-inserter-button.js +45 -0
  56. package/build/components/block-tools/zoom-out-mode-inserter-button.js.map +1 -0
  57. package/build/components/block-tools/zoom-out-mode-inserters.js +29 -28
  58. package/build/components/block-tools/zoom-out-mode-inserters.js.map +1 -1
  59. package/build/components/block-tools/zoom-out-popover.js +58 -0
  60. package/build/components/block-tools/zoom-out-popover.js.map +1 -0
  61. package/build/components/block-tools/zoom-out-toolbar.js +138 -0
  62. package/build/components/block-tools/zoom-out-toolbar.js.map +1 -0
  63. package/build/components/button-block-appender/index.js +3 -1
  64. package/build/components/button-block-appender/index.js.map +1 -1
  65. package/build/components/child-layout-control/index.js +26 -18
  66. package/build/components/child-layout-control/index.js.map +1 -1
  67. package/build/components/date-format-picker/index.js +1 -1
  68. package/build/components/date-format-picker/index.js.map +1 -1
  69. package/build/components/default-block-appender/index.js +7 -4
  70. package/build/components/default-block-appender/index.js.map +1 -1
  71. package/build/components/dimensions-tool/index.js +6 -4
  72. package/build/components/dimensions-tool/index.js.map +1 -1
  73. package/build/components/font-appearance-control/index.js +22 -62
  74. package/build/components/font-appearance-control/index.js.map +1 -1
  75. package/build/components/global-styles/background-panel.js +185 -116
  76. package/build/components/global-styles/background-panel.js.map +1 -1
  77. package/build/components/global-styles/border-panel.js +2 -1
  78. package/build/components/global-styles/border-panel.js.map +1 -1
  79. package/build/components/global-styles/color-panel.js +2 -1
  80. package/build/components/global-styles/color-panel.js.map +1 -1
  81. package/build/components/global-styles/dimensions-panel.js +2 -1
  82. package/build/components/global-styles/dimensions-panel.js.map +1 -1
  83. package/build/components/global-styles/filters-panel.js +2 -1
  84. package/build/components/global-styles/filters-panel.js.map +1 -1
  85. package/build/components/global-styles/hooks.js +13 -1
  86. package/build/components/global-styles/hooks.js.map +1 -1
  87. package/build/components/global-styles/image-settings-panel.js +2 -1
  88. package/build/components/global-styles/image-settings-panel.js.map +1 -1
  89. package/build/components/global-styles/typography-panel.js +45 -24
  90. package/build/components/global-styles/typography-panel.js.map +1 -1
  91. package/build/components/global-styles/typography-utils.js +121 -0
  92. package/build/components/global-styles/typography-utils.js.map +1 -1
  93. package/build/components/global-styles/use-global-styles-output.js +47 -13
  94. package/build/components/global-styles/use-global-styles-output.js.map +1 -1
  95. package/build/components/global-styles/utils.js +17 -7
  96. package/build/components/global-styles/utils.js.map +1 -1
  97. package/build/components/grid/grid-item-movers.js +90 -48
  98. package/build/components/grid/grid-item-movers.js.map +1 -1
  99. package/build/components/grid/grid-item-resizer.js +2 -2
  100. package/build/components/grid/grid-item-resizer.js.map +1 -1
  101. package/build/components/grid/grid-visualizer.js +117 -37
  102. package/build/components/grid/grid-visualizer.js.map +1 -1
  103. package/build/components/grid/use-grid-layout-sync.js +60 -41
  104. package/build/components/grid/use-grid-layout-sync.js.map +1 -1
  105. package/build/components/index.js +1 -9
  106. package/build/components/index.js.map +1 -1
  107. package/build/components/inner-blocks/index.js +2 -2
  108. package/build/components/inner-blocks/index.js.map +1 -1
  109. package/build/components/inserter/block-patterns-tab/pattern-category-preview-panel.js +1 -19
  110. package/build/components/inserter/block-patterns-tab/pattern-category-preview-panel.js.map +1 -1
  111. package/build/components/inserter/block-patterns-tab/patterns-filter.js +20 -23
  112. package/build/components/inserter/block-patterns-tab/patterns-filter.js.map +1 -1
  113. package/build/components/inserter/media-tab/media-panel.js +1 -0
  114. package/build/components/inserter/media-tab/media-panel.js.map +1 -1
  115. package/build/components/inserter/menu.js +26 -4
  116. package/build/components/inserter/menu.js.map +1 -1
  117. package/build/components/inserter/preview-panel.js +20 -3
  118. package/build/components/inserter/preview-panel.js.map +1 -1
  119. package/build/components/inserter/quick-inserter.js +2 -1
  120. package/build/components/inserter/quick-inserter.js.map +1 -1
  121. package/build/components/inserter-draggable-blocks/index.js +10 -3
  122. package/build/components/inserter-draggable-blocks/index.js.map +1 -1
  123. package/build/components/inspector-controls/block-support-tools-panel.js +2 -1
  124. package/build/components/inspector-controls/block-support-tools-panel.js.map +1 -1
  125. package/build/components/inspector-controls-tabs/settings-tab.js +1 -2
  126. package/build/components/inspector-controls-tabs/settings-tab.js.map +1 -1
  127. package/build/components/link-control/link-preview.js +1 -1
  128. package/build/components/link-control/link-preview.js.map +1 -1
  129. package/build/components/list-view/block-select-button.js +2 -6
  130. package/build/components/list-view/block-select-button.js.map +1 -1
  131. package/build/components/list-view/block.js +2 -2
  132. package/build/components/list-view/block.js.map +1 -1
  133. package/build/components/list-view/utils.js +3 -1
  134. package/build/components/list-view/utils.js.map +1 -1
  135. package/build/components/media-placeholder/index.js +19 -23
  136. package/build/components/media-placeholder/index.js.map +1 -1
  137. package/build/components/navigable-toolbar/index.js +3 -1
  138. package/build/components/navigable-toolbar/index.js.map +1 -1
  139. package/build/components/rich-text/format-toolbar/index.js +1 -1
  140. package/build/components/rich-text/format-toolbar/index.js.map +1 -1
  141. package/build/components/rich-text/index.js +1 -1
  142. package/build/components/rich-text/index.js.map +1 -1
  143. package/build/components/spacing-sizes-control/input-controls/spacing-input-control.js +9 -3
  144. package/build/components/spacing-sizes-control/input-controls/spacing-input-control.js.map +1 -1
  145. package/build/components/tabbed-sidebar/index.js +66 -0
  146. package/build/components/tabbed-sidebar/index.js.map +1 -0
  147. package/build/components/url-popover/image-url-input-ui.js +3 -3
  148. package/build/components/url-popover/image-url-input-ui.js.map +1 -1
  149. package/build/components/url-popover/index.js +3 -0
  150. package/build/components/url-popover/index.js.map +1 -1
  151. package/build/hooks/background.js +26 -4
  152. package/build/hooks/background.js.map +1 -1
  153. package/build/hooks/block-hooks.js +11 -17
  154. package/build/hooks/block-hooks.js.map +1 -1
  155. package/build/hooks/block-style-variation.js +169 -4
  156. package/build/hooks/block-style-variation.js.map +1 -1
  157. package/build/hooks/duotone.js +16 -11
  158. package/build/hooks/duotone.js.map +1 -1
  159. package/build/hooks/grid-visualizer.js +62 -0
  160. package/build/hooks/grid-visualizer.js.map +1 -0
  161. package/build/hooks/index.js +15 -2
  162. package/build/hooks/index.js.map +1 -1
  163. package/build/hooks/layout-child.js +47 -23
  164. package/build/hooks/layout-child.js.map +1 -1
  165. package/build/hooks/position.js +4 -15
  166. package/build/hooks/position.js.map +1 -1
  167. package/build/hooks/use-bindings-attributes.js +96 -55
  168. package/build/hooks/use-bindings-attributes.js.map +1 -1
  169. package/build/hooks/utils.js +2 -0
  170. package/build/hooks/utils.js.map +1 -1
  171. package/build/layouts/constrained.js +50 -4
  172. package/build/layouts/constrained.js.map +1 -1
  173. package/build/layouts/grid.js +92 -51
  174. package/build/layouts/grid.js.map +1 -1
  175. package/build/private-apis.js +6 -4
  176. package/build/private-apis.js.map +1 -1
  177. package/build/store/actions.js +18 -1
  178. package/build/store/actions.js.map +1 -1
  179. package/build/store/defaults.js +0 -2
  180. package/build/store/defaults.js.map +1 -1
  181. package/build/store/defaults.native.js +0 -3
  182. package/build/store/defaults.native.js.map +1 -1
  183. package/build/store/private-keys.js +2 -1
  184. package/build/store/private-keys.js.map +1 -1
  185. package/build/store/reducer.js +19 -1
  186. package/build/store/reducer.js.map +1 -1
  187. package/build/store/selectors.js +13 -1
  188. package/build/store/selectors.js.map +1 -1
  189. package/build/utils/format-font-style.js +45 -0
  190. package/build/utils/format-font-style.js.map +1 -0
  191. package/build/utils/format-font-weight.js +68 -0
  192. package/build/utils/format-font-weight.js.map +1 -0
  193. package/build/utils/get-editor-region.js +34 -0
  194. package/build/utils/get-editor-region.js.map +1 -0
  195. package/build/utils/get-font-styles-and-weights.js +167 -0
  196. package/build/utils/get-font-styles-and-weights.js.map +1 -0
  197. package/build/utils/pasting.js +5 -13
  198. package/build/utils/pasting.js.map +1 -1
  199. package/build-module/components/alignment-control/ui.js +2 -2
  200. package/build-module/components/alignment-control/ui.js.map +1 -1
  201. package/build-module/components/block-alignment-control/ui.js +1 -1
  202. package/build-module/components/block-alignment-control/ui.js.map +1 -1
  203. package/build-module/components/block-alignment-control/ui.native.js +1 -1
  204. package/build-module/components/block-alignment-control/ui.native.js.map +1 -1
  205. package/build-module/components/block-breadcrumb/index.js +12 -1
  206. package/build-module/components/block-breadcrumb/index.js.map +1 -1
  207. package/build-module/components/block-inspector/index.js +6 -3
  208. package/build-module/components/block-inspector/index.js.map +1 -1
  209. package/build-module/components/block-list/use-block-props/index.js +3 -1
  210. package/build-module/components/block-list/use-block-props/index.js.map +1 -1
  211. package/build-module/components/block-list/use-block-props/use-block-refs.js +11 -4
  212. package/build-module/components/block-list/use-block-props/use-block-refs.js.map +1 -1
  213. package/build-module/components/block-list/use-block-props/use-is-hovered.js +26 -9
  214. package/build-module/components/block-list/use-block-props/use-is-hovered.js.map +1 -1
  215. package/build-module/components/block-list/use-in-between-inserter.js +3 -2
  216. package/build-module/components/block-list/use-in-between-inserter.js.map +1 -1
  217. package/build-module/components/block-lock/modal.js +2 -0
  218. package/build-module/components/block-lock/modal.js.map +1 -1
  219. package/build-module/components/block-lock/toolbar.js +0 -1
  220. package/build-module/components/block-lock/toolbar.js.map +1 -1
  221. package/build-module/components/block-mover/button.js +1 -1
  222. package/build-module/components/block-mover/button.js.map +1 -1
  223. package/build-module/components/block-mover/index.js +1 -1
  224. package/build-module/components/block-mover/index.js.map +1 -1
  225. package/build-module/components/block-pattern-setup/setup-toolbar.js +2 -2
  226. package/build-module/components/block-pattern-setup/setup-toolbar.js.map +1 -1
  227. package/build-module/components/block-patterns-paging/index.js +5 -7
  228. package/build-module/components/block-patterns-paging/index.js.map +1 -1
  229. package/build-module/components/block-quick-navigation/index.js +20 -17
  230. package/build-module/components/block-quick-navigation/index.js.map +1 -1
  231. package/build-module/components/block-removal-warning-modal/index.js +2 -0
  232. package/build-module/components/block-removal-warning-modal/index.js.map +1 -1
  233. package/build-module/components/block-rename/modal.js +5 -13
  234. package/build-module/components/block-rename/modal.js.map +1 -1
  235. package/build-module/components/block-switcher/index.js +1 -1
  236. package/build-module/components/block-switcher/index.js.map +1 -1
  237. package/build-module/components/block-switcher/pattern-transformations-menu.js +12 -13
  238. package/build-module/components/block-switcher/pattern-transformations-menu.js.map +1 -1
  239. package/build-module/components/block-switcher/preview-block-popover.js +20 -17
  240. package/build-module/components/block-switcher/preview-block-popover.js.map +1 -1
  241. package/build-module/components/block-toolbar/shuffle.js +6 -2
  242. package/build-module/components/block-toolbar/shuffle.js.map +1 -1
  243. package/build-module/components/block-tools/block-selection-button.js +10 -61
  244. package/build-module/components/block-tools/block-selection-button.js.map +1 -1
  245. package/build-module/components/block-tools/block-toolbar-breadcrumb.js +9 -2
  246. package/build-module/components/block-tools/block-toolbar-breadcrumb.js.map +1 -1
  247. package/build-module/components/block-tools/index.js +14 -1
  248. package/build-module/components/block-tools/index.js.map +1 -1
  249. package/build-module/components/block-tools/use-show-block-tools.js +9 -8
  250. package/build-module/components/block-tools/use-show-block-tools.js.map +1 -1
  251. package/build-module/components/block-tools/zoom-out-mode-inserter-button.js +37 -0
  252. package/build-module/components/block-tools/zoom-out-mode-inserter-button.js.map +1 -0
  253. package/build-module/components/block-tools/zoom-out-mode-inserters.js +30 -29
  254. package/build-module/components/block-tools/zoom-out-mode-inserters.js.map +1 -1
  255. package/build-module/components/block-tools/zoom-out-popover.js +49 -0
  256. package/build-module/components/block-tools/zoom-out-popover.js.map +1 -0
  257. package/build-module/components/block-tools/zoom-out-toolbar.js +131 -0
  258. package/build-module/components/block-tools/zoom-out-toolbar.js.map +1 -0
  259. package/build-module/components/button-block-appender/index.js +3 -1
  260. package/build-module/components/button-block-appender/index.js.map +1 -1
  261. package/build-module/components/child-layout-control/index.js +27 -19
  262. package/build-module/components/child-layout-control/index.js.map +1 -1
  263. package/build-module/components/date-format-picker/index.js +2 -2
  264. package/build-module/components/date-format-picker/index.js.map +1 -1
  265. package/build-module/components/default-block-appender/index.js +7 -4
  266. package/build-module/components/default-block-appender/index.js.map +1 -1
  267. package/build-module/components/dimensions-tool/index.js +6 -4
  268. package/build-module/components/dimensions-tool/index.js.map +1 -1
  269. package/build-module/components/font-appearance-control/index.js +24 -62
  270. package/build-module/components/font-appearance-control/index.js.map +1 -1
  271. package/build-module/components/global-styles/background-panel.js +188 -119
  272. package/build-module/components/global-styles/background-panel.js.map +1 -1
  273. package/build-module/components/global-styles/border-panel.js +3 -2
  274. package/build-module/components/global-styles/border-panel.js.map +1 -1
  275. package/build-module/components/global-styles/color-panel.js +3 -2
  276. package/build-module/components/global-styles/color-panel.js.map +1 -1
  277. package/build-module/components/global-styles/dimensions-panel.js +3 -2
  278. package/build-module/components/global-styles/dimensions-panel.js.map +1 -1
  279. package/build-module/components/global-styles/filters-panel.js +3 -2
  280. package/build-module/components/global-styles/filters-panel.js.map +1 -1
  281. package/build-module/components/global-styles/hooks.js +13 -1
  282. package/build-module/components/global-styles/hooks.js.map +1 -1
  283. package/build-module/components/global-styles/image-settings-panel.js +3 -2
  284. package/build-module/components/global-styles/image-settings-panel.js.map +1 -1
  285. package/build-module/components/global-styles/typography-panel.js +47 -26
  286. package/build-module/components/global-styles/typography-panel.js.map +1 -1
  287. package/build-module/components/global-styles/typography-utils.js +117 -0
  288. package/build-module/components/global-styles/typography-utils.js.map +1 -1
  289. package/build-module/components/global-styles/use-global-styles-output.js +47 -13
  290. package/build-module/components/global-styles/use-global-styles-output.js.map +1 -1
  291. package/build-module/components/global-styles/utils.js +15 -6
  292. package/build-module/components/global-styles/utils.js.map +1 -1
  293. package/build-module/components/grid/grid-item-movers.js +93 -50
  294. package/build-module/components/grid/grid-item-movers.js.map +1 -1
  295. package/build-module/components/grid/grid-item-resizer.js +2 -2
  296. package/build-module/components/grid/grid-item-resizer.js.map +1 -1
  297. package/build-module/components/grid/grid-visualizer.js +118 -38
  298. package/build-module/components/grid/grid-visualizer.js.map +1 -1
  299. package/build-module/components/grid/use-grid-layout-sync.js +61 -42
  300. package/build-module/components/grid/use-grid-layout-sync.js.map +1 -1
  301. package/build-module/components/index.js +0 -5
  302. package/build-module/components/index.js.map +1 -1
  303. package/build-module/components/inner-blocks/index.js +2 -2
  304. package/build-module/components/inner-blocks/index.js.map +1 -1
  305. package/build-module/components/inserter/block-patterns-tab/pattern-category-preview-panel.js +1 -19
  306. package/build-module/components/inserter/block-patterns-tab/pattern-category-preview-panel.js.map +1 -1
  307. package/build-module/components/inserter/block-patterns-tab/patterns-filter.js +20 -23
  308. package/build-module/components/inserter/block-patterns-tab/patterns-filter.js.map +1 -1
  309. package/build-module/components/inserter/media-tab/media-panel.js +1 -0
  310. package/build-module/components/inserter/media-tab/media-panel.js.map +1 -1
  311. package/build-module/components/inserter/menu.js +26 -4
  312. package/build-module/components/inserter/menu.js.map +1 -1
  313. package/build-module/components/inserter/preview-panel.js +20 -3
  314. package/build-module/components/inserter/preview-panel.js.map +1 -1
  315. package/build-module/components/inserter/quick-inserter.js +2 -1
  316. package/build-module/components/inserter/quick-inserter.js.map +1 -1
  317. package/build-module/components/inserter-draggable-blocks/index.js +10 -3
  318. package/build-module/components/inserter-draggable-blocks/index.js.map +1 -1
  319. package/build-module/components/inspector-controls/block-support-tools-panel.js +3 -2
  320. package/build-module/components/inspector-controls/block-support-tools-panel.js.map +1 -1
  321. package/build-module/components/inspector-controls-tabs/settings-tab.js +1 -2
  322. package/build-module/components/inspector-controls-tabs/settings-tab.js.map +1 -1
  323. package/build-module/components/link-control/link-preview.js +1 -1
  324. package/build-module/components/link-control/link-preview.js.map +1 -1
  325. package/build-module/components/list-view/block-select-button.js +3 -7
  326. package/build-module/components/list-view/block-select-button.js.map +1 -1
  327. package/build-module/components/list-view/block.js +2 -2
  328. package/build-module/components/list-view/block.js.map +1 -1
  329. package/build-module/components/list-view/utils.js +3 -1
  330. package/build-module/components/list-view/utils.js.map +1 -1
  331. package/build-module/components/media-placeholder/index.js +19 -23
  332. package/build-module/components/media-placeholder/index.js.map +1 -1
  333. package/build-module/components/navigable-toolbar/index.js +3 -1
  334. package/build-module/components/navigable-toolbar/index.js.map +1 -1
  335. package/build-module/components/rich-text/format-toolbar/index.js +1 -1
  336. package/build-module/components/rich-text/format-toolbar/index.js.map +1 -1
  337. package/build-module/components/rich-text/index.js +1 -1
  338. package/build-module/components/rich-text/index.js.map +1 -1
  339. package/build-module/components/spacing-sizes-control/input-controls/spacing-input-control.js +9 -3
  340. package/build-module/components/spacing-sizes-control/input-controls/spacing-input-control.js.map +1 -1
  341. package/build-module/components/tabbed-sidebar/index.js +60 -0
  342. package/build-module/components/tabbed-sidebar/index.js.map +1 -0
  343. package/build-module/components/url-popover/image-url-input-ui.js +3 -3
  344. package/build-module/components/url-popover/image-url-input-ui.js.map +1 -1
  345. package/build-module/components/url-popover/index.js +3 -0
  346. package/build-module/components/url-popover/index.js.map +1 -1
  347. package/build-module/hooks/background.js +26 -4
  348. package/build-module/hooks/background.js.map +1 -1
  349. package/build-module/hooks/block-hooks.js +11 -17
  350. package/build-module/hooks/block-hooks.js.map +1 -1
  351. package/build-module/hooks/block-style-variation.js +168 -4
  352. package/build-module/hooks/block-style-variation.js.map +1 -1
  353. package/build-module/hooks/duotone.js +16 -11
  354. package/build-module/hooks/duotone.js.map +1 -1
  355. package/build-module/hooks/grid-visualizer.js +61 -0
  356. package/build-module/hooks/grid-visualizer.js.map +1 -0
  357. package/build-module/hooks/index.js +3 -0
  358. package/build-module/hooks/index.js.map +1 -1
  359. package/build-module/hooks/layout-child.js +47 -23
  360. package/build-module/hooks/layout-child.js.map +1 -1
  361. package/build-module/hooks/position.js +4 -15
  362. package/build-module/hooks/position.js.map +1 -1
  363. package/build-module/hooks/use-bindings-attributes.js +96 -56
  364. package/build-module/hooks/use-bindings-attributes.js.map +1 -1
  365. package/build-module/hooks/utils.js +2 -0
  366. package/build-module/hooks/utils.js.map +1 -1
  367. package/build-module/layouts/constrained.js +50 -4
  368. package/build-module/layouts/constrained.js.map +1 -1
  369. package/build-module/layouts/grid.js +92 -51
  370. package/build-module/layouts/grid.js.map +1 -1
  371. package/build-module/private-apis.js +8 -6
  372. package/build-module/private-apis.js.map +1 -1
  373. package/build-module/store/actions.js +15 -0
  374. package/build-module/store/actions.js.map +1 -1
  375. package/build-module/store/defaults.js +0 -2
  376. package/build-module/store/defaults.js.map +1 -1
  377. package/build-module/store/defaults.native.js +0 -3
  378. package/build-module/store/defaults.native.js.map +1 -1
  379. package/build-module/store/private-keys.js +1 -0
  380. package/build-module/store/private-keys.js.map +1 -1
  381. package/build-module/store/reducer.js +18 -1
  382. package/build-module/store/reducer.js.map +1 -1
  383. package/build-module/store/selectors.js +10 -0
  384. package/build-module/store/selectors.js.map +1 -1
  385. package/build-module/utils/format-font-style.js +39 -0
  386. package/build-module/utils/format-font-style.js.map +1 -0
  387. package/build-module/utils/format-font-weight.js +62 -0
  388. package/build-module/utils/format-font-weight.js.map +1 -0
  389. package/build-module/utils/get-editor-region.js +28 -0
  390. package/build-module/utils/get-editor-region.js.map +1 -0
  391. package/build-module/utils/get-font-styles-and-weights.js +160 -0
  392. package/build-module/utils/get-font-styles-and-weights.js.map +1 -0
  393. package/build-module/utils/pasting.js +5 -13
  394. package/build-module/utils/pasting.js.map +1 -1
  395. package/build-style/content-rtl.css +7 -6
  396. package/build-style/content.css +7 -6
  397. package/build-style/style-rtl.css +356 -181
  398. package/build-style/style.css +356 -181
  399. package/build-types/components/block-context/index.d.ts +2 -2
  400. package/build-types/components/block-context/index.d.ts.map +1 -1
  401. package/build-types/utils/dom.d.ts.map +1 -1
  402. package/package.json +32 -32
  403. package/src/components/alignment-control/ui.js +2 -2
  404. package/src/components/block-alignment-control/ui.js +1 -1
  405. package/src/components/block-alignment-control/ui.native.js +1 -1
  406. package/src/components/block-breadcrumb/index.js +16 -1
  407. package/src/components/block-context/README.md +4 -4
  408. package/src/components/block-inspector/index.js +8 -4
  409. package/src/components/block-list/content.scss +2 -16
  410. package/src/components/block-list/use-block-props/index.js +1 -1
  411. package/src/components/block-list/use-block-props/use-block-refs.js +19 -3
  412. package/src/components/block-list/use-block-props/use-is-hovered.js +26 -11
  413. package/src/components/block-list/use-in-between-inserter.js +5 -1
  414. package/src/components/block-lock/modal.js +10 -2
  415. package/src/components/block-lock/style.scss +4 -8
  416. package/src/components/block-lock/toolbar.js +0 -1
  417. package/src/components/block-mover/button.js +1 -1
  418. package/src/components/block-mover/index.js +1 -1
  419. package/src/components/block-pattern-setup/setup-toolbar.js +2 -2
  420. package/src/components/block-patterns-paging/index.js +8 -11
  421. package/src/components/block-patterns-paging/style.scss +0 -5
  422. package/src/components/block-quick-navigation/index.js +21 -28
  423. package/src/components/block-removal-warning-modal/index.js +10 -2
  424. package/src/components/block-rename/modal.js +2 -8
  425. package/src/components/block-switcher/index.js +1 -1
  426. package/src/components/block-switcher/pattern-transformations-menu.js +17 -15
  427. package/src/components/block-switcher/preview-block-popover.js +20 -14
  428. package/src/components/block-switcher/style.scss +8 -17
  429. package/src/components/block-switcher/test/index.js +6 -6
  430. package/src/components/block-toolbar/shuffle.js +9 -1
  431. package/src/components/block-toolbar/style.scss +1 -11
  432. package/src/components/block-tools/block-selection-button.js +11 -83
  433. package/src/components/block-tools/block-toolbar-breadcrumb.js +9 -4
  434. package/src/components/block-tools/index.js +21 -1
  435. package/src/components/block-tools/style.scss +23 -0
  436. package/src/components/block-tools/use-show-block-tools.js +21 -10
  437. package/src/components/block-tools/zoom-out-mode-inserter-button.js +47 -0
  438. package/src/components/block-tools/zoom-out-mode-inserters.js +44 -33
  439. package/src/components/block-tools/zoom-out-popover.js +50 -0
  440. package/src/components/block-tools/zoom-out-toolbar.js +140 -0
  441. package/src/components/button-block-appender/index.js +2 -1
  442. package/src/components/child-layout-control/index.js +41 -23
  443. package/src/components/date-format-picker/index.js +2 -2
  444. package/src/components/date-format-picker/style.scss +0 -9
  445. package/src/components/default-block-appender/index.js +11 -4
  446. package/src/components/dimensions-tool/index.js +97 -89
  447. package/src/components/font-appearance-control/index.js +24 -82
  448. package/src/components/font-appearance-control/style.scss +3 -5
  449. package/src/components/global-styles/background-panel.js +266 -167
  450. package/src/components/global-styles/border-panel.js +3 -2
  451. package/src/components/global-styles/color-panel.js +3 -2
  452. package/src/components/global-styles/dimensions-panel.js +3 -2
  453. package/src/components/global-styles/filters-panel.js +3 -2
  454. package/src/components/global-styles/hooks.js +14 -1
  455. package/src/components/global-styles/image-settings-panel.js +3 -2
  456. package/src/components/global-styles/style.scss +116 -19
  457. package/src/components/global-styles/test/typography-utils.js +594 -0
  458. package/src/components/global-styles/test/use-global-styles-output.js +3 -1
  459. package/src/components/global-styles/typography-panel.js +56 -27
  460. package/src/components/global-styles/typography-utils.js +159 -0
  461. package/src/components/global-styles/use-global-styles-output.js +45 -10
  462. package/src/components/global-styles/utils.js +17 -6
  463. package/src/components/grid/grid-item-movers.js +140 -86
  464. package/src/components/grid/grid-item-resizer.js +3 -2
  465. package/src/components/grid/grid-visualizer.js +172 -55
  466. package/src/components/grid/style.scss +157 -8
  467. package/src/components/grid/use-grid-layout-sync.js +88 -46
  468. package/src/components/iframe/content.scss +2 -1
  469. package/src/components/index.js +0 -5
  470. package/src/components/inner-blocks/index.js +6 -2
  471. package/src/components/inserter/block-patterns-tab/pattern-category-preview-panel.js +1 -16
  472. package/src/components/inserter/block-patterns-tab/patterns-filter.js +40 -44
  473. package/src/components/inserter/media-tab/media-panel.js +1 -0
  474. package/src/components/inserter/menu.js +47 -13
  475. package/src/components/inserter/preview-panel.js +27 -4
  476. package/src/components/inserter/quick-inserter.js +6 -1
  477. package/src/components/inserter/style.scss +58 -92
  478. package/src/components/inserter-draggable-blocks/index.js +11 -3
  479. package/src/components/inspector-controls/block-support-tools-panel.js +3 -3
  480. package/src/components/inspector-controls-tabs/settings-tab.js +0 -2
  481. package/src/components/inspector-controls-tabs/style.scss +0 -21
  482. package/src/components/link-control/link-preview.js +1 -1
  483. package/src/components/list-view/block-select-button.js +3 -13
  484. package/src/components/list-view/block.js +10 -3
  485. package/src/components/list-view/style.scss +2 -1
  486. package/src/components/list-view/utils.js +13 -2
  487. package/src/components/media-placeholder/index.js +22 -32
  488. package/src/components/navigable-toolbar/index.js +3 -1
  489. package/src/components/rich-text/format-toolbar/index.js +1 -1
  490. package/src/components/rich-text/index.js +1 -1
  491. package/src/components/spacing-sizes-control/input-controls/spacing-input-control.js +9 -2
  492. package/src/components/tabbed-sidebar/README.md +76 -0
  493. package/src/components/tabbed-sidebar/index.js +70 -0
  494. package/src/components/tabbed-sidebar/style.scss +53 -0
  495. package/src/components/url-popover/image-url-input-ui.js +3 -3
  496. package/src/components/url-popover/index.js +3 -0
  497. package/src/components/url-popover/style.scss +1 -0
  498. package/src/hooks/background.js +25 -10
  499. package/src/hooks/block-hooks.js +9 -16
  500. package/src/hooks/block-style-variation.js +202 -3
  501. package/src/hooks/duotone.js +16 -12
  502. package/src/hooks/grid-visualizer.js +62 -0
  503. package/src/hooks/index.js +3 -0
  504. package/src/hooks/layout-child.js +64 -39
  505. package/src/hooks/position.js +3 -20
  506. package/src/hooks/test/get-variation-styles-with-ref-values.js +91 -0
  507. package/src/hooks/use-bindings-attributes.js +107 -63
  508. package/src/hooks/utils.js +2 -0
  509. package/src/layouts/constrained.js +53 -4
  510. package/src/layouts/grid.js +148 -51
  511. package/src/private-apis.js +12 -7
  512. package/src/store/actions.js +15 -0
  513. package/src/store/defaults.js +0 -2
  514. package/src/store/defaults.native.js +0 -3
  515. package/src/store/private-keys.js +1 -0
  516. package/src/store/reducer.js +18 -0
  517. package/src/store/selectors.js +10 -0
  518. package/src/style.scss +1 -1
  519. package/src/utils/format-font-style.js +40 -0
  520. package/src/utils/format-font-weight.js +63 -0
  521. package/src/utils/get-editor-region.js +31 -0
  522. package/src/utils/get-font-styles-and-weights.js +191 -0
  523. package/src/utils/pasting.js +5 -12
  524. package/src/utils/test/format-font-style.js +34 -0
  525. package/src/utils/test/format-font-weight.js +66 -0
  526. package/src/utils/test/get-font-styles-and-weights.js +513 -0
  527. package/tsconfig.tsbuildinfo +1 -1
  528. package/build/components/inserter/reusable-block-rename-hint.js +0 -71
  529. package/build/components/inserter/reusable-block-rename-hint.js.map +0 -1
  530. package/build/components/inspector-controls-tabs/settings-tab-hint.js +0 -53
  531. package/build/components/inspector-controls-tabs/settings-tab-hint.js.map +0 -1
  532. package/build-module/components/inserter/reusable-block-rename-hint.js +0 -64
  533. package/build-module/components/inserter/reusable-block-rename-hint.js.map +0 -1
  534. package/build-module/components/inspector-controls-tabs/settings-tab-hint.js +0 -47
  535. package/build-module/components/inspector-controls-tabs/settings-tab-hint.js.map +0 -1
  536. package/src/components/inserter/reusable-block-rename-hint.js +0 -69
  537. package/src/components/inspector-controls-tabs/settings-tab-hint.js +0 -52
  538. package/src/hooks/position.scss +0 -18
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = InspectorControlsTabsHint;
7
- var _components = require("@wordpress/components");
8
- var _data = require("@wordpress/data");
9
- var _dom = require("@wordpress/dom");
10
- var _element = require("@wordpress/element");
11
- var _i18n = require("@wordpress/i18n");
12
- var _icons = require("@wordpress/icons");
13
- var _preferences = require("@wordpress/preferences");
14
- var _jsxRuntime = require("react/jsx-runtime");
15
- /**
16
- * WordPress dependencies
17
- */
18
-
19
- const PREFERENCE_NAME = 'isInspectorControlsTabsHintVisible';
20
- function InspectorControlsTabsHint() {
21
- const isInspectorControlsTabsHintVisible = (0, _data.useSelect)(select => {
22
- var _select$get;
23
- return (_select$get = select(_preferences.store).get('core', PREFERENCE_NAME)) !== null && _select$get !== void 0 ? _select$get : true;
24
- }, []);
25
- const ref = (0, _element.useRef)();
26
- const {
27
- set: setPreference
28
- } = (0, _data.useDispatch)(_preferences.store);
29
- if (!isInspectorControlsTabsHintVisible) {
30
- return null;
31
- }
32
- return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
33
- ref: ref,
34
- className: "block-editor-inspector-controls-tabs__hint",
35
- children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
36
- className: "block-editor-inspector-controls-tabs__hint-content",
37
- children: (0, _i18n.__)("Looking for other block settings? They've moved to the styles tab.")
38
- }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
39
- className: "block-editor-inspector-controls-tabs__hint-dismiss",
40
- icon: _icons.close,
41
- iconSize: "16",
42
- label: (0, _i18n.__)('Dismiss hint'),
43
- onClick: () => {
44
- // Retain focus when dismissing the element.
45
- const previousElement = _dom.focus.tabbable.findPrevious(ref.current);
46
- previousElement?.focus();
47
- setPreference('core', PREFERENCE_NAME, false);
48
- },
49
- showTooltip: false
50
- })]
51
- });
52
- }
53
- //# sourceMappingURL=settings-tab-hint.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["_components","require","_data","_dom","_element","_i18n","_icons","_preferences","_jsxRuntime","PREFERENCE_NAME","InspectorControlsTabsHint","isInspectorControlsTabsHintVisible","useSelect","select","_select$get","preferencesStore","get","ref","useRef","set","setPreference","useDispatch","jsxs","className","children","jsx","__","Button","icon","close","iconSize","label","onClick","previousElement","focus","tabbable","findPrevious","current","showTooltip"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/settings-tab-hint.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { close } from '@wordpress/icons';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nconst PREFERENCE_NAME = 'isInspectorControlsTabsHintVisible';\n\nexport default function InspectorControlsTabsHint() {\n\tconst isInspectorControlsTabsHintVisible = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,\n\t\t[]\n\t);\n\n\tconst ref = useRef();\n\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tif ( ! isInspectorControlsTabsHintVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div ref={ ref } className=\"block-editor-inspector-controls-tabs__hint\">\n\t\t\t<div className=\"block-editor-inspector-controls-tabs__hint-content\">\n\t\t\t\t{ __(\n\t\t\t\t\t\"Looking for other block settings? They've moved to the styles tab.\"\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-inspector-controls-tabs__hint-dismiss\"\n\t\t\t\ticon={ close }\n\t\t\t\ticonSize=\"16\"\n\t\t\t\tlabel={ __( 'Dismiss hint' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\t// Retain focus when dismissing the element.\n\t\t\t\t\tconst previousElement = focus.tabbable.findPrevious(\n\t\t\t\t\t\tref.current\n\t\t\t\t\t);\n\t\t\t\t\tpreviousElement?.focus();\n\t\t\t\t\tsetPreference( 'core', PREFERENCE_NAME, false );\n\t\t\t\t} }\n\t\t\t\tshowTooltip={ false }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;AAGA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AAAmE,IAAAO,WAAA,GAAAP,OAAA;AATnE;AACA;AACA;;AASA,MAAMQ,eAAe,GAAG,oCAAoC;AAE7C,SAASC,yBAAyBA,CAAA,EAAG;EACnD,MAAMC,kCAAkC,GAAG,IAAAC,eAAS,EACjDC,MAAM;IAAA,IAAAC,WAAA;IAAA,QAAAA,WAAA,GACPD,MAAM,CAAEE,kBAAiB,CAAC,CAACC,GAAG,CAAE,MAAM,EAAEP,eAAgB,CAAC,cAAAK,WAAA,cAAAA,WAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;EAED,MAAMG,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;EAEpB,MAAM;IAAEC,GAAG,EAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAW,EAAEN,kBAAiB,CAAC;EAC9D,IAAK,CAAEJ,kCAAkC,EAAG;IAC3C,OAAO,IAAI;EACZ;EAEA,oBACC,IAAAH,WAAA,CAAAc,IAAA;IAAKL,GAAG,EAAGA,GAAK;IAACM,SAAS,EAAC,4CAA4C;IAAAC,QAAA,gBACtE,IAAAhB,WAAA,CAAAiB,GAAA;MAAKF,SAAS,EAAC,oDAAoD;MAAAC,QAAA,EAChE,IAAAE,QAAE,EACH,oEACD;IAAC,CACG,CAAC,eACN,IAAAlB,WAAA,CAAAiB,GAAA,EAACzB,WAAA,CAAA2B,MAAM;MACNJ,SAAS,EAAC,oDAAoD;MAC9DK,IAAI,EAAGC,YAAO;MACdC,QAAQ,EAAC,IAAI;MACbC,KAAK,EAAG,IAAAL,QAAE,EAAE,cAAe,CAAG;MAC9BM,OAAO,EAAGA,CAAA,KAAM;QACf;QACA,MAAMC,eAAe,GAAGC,UAAK,CAACC,QAAQ,CAACC,YAAY,CAClDnB,GAAG,CAACoB,OACL,CAAC;QACDJ,eAAe,EAAEC,KAAK,CAAC,CAAC;QACxBd,aAAa,CAAE,MAAM,EAAEX,eAAe,EAAE,KAAM,CAAC;MAChD,CAAG;MACH6B,WAAW,EAAG;IAAO,CACrB,CAAC;EAAA,CACE,CAAC;AAER","ignoreList":[]}
@@ -1,64 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { Button } from '@wordpress/components';
5
- import { useDispatch, useSelect } from '@wordpress/data';
6
- import { focus } from '@wordpress/dom';
7
- import { useRef } from '@wordpress/element';
8
- import { __ } from '@wordpress/i18n';
9
- import { close } from '@wordpress/icons';
10
- import { store as preferencesStore } from '@wordpress/preferences';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- import { jsxs as _jsxs } from "react/jsx-runtime";
13
- const PREFERENCE_NAME = 'isResuableBlocksrRenameHintVisible';
14
- /*
15
- * This hook was added in 6.3 to help users with the transition from Reusable blocks to Patterns.
16
- * It is only exported for use in the reusable-blocks package as well as block-editor.
17
- * It will be removed in 6.4. and should not be used in any new code.
18
- */
19
- export function useReusableBlocksRenameHint() {
20
- return useSelect(select => {
21
- var _select$get;
22
- return (_select$get = select(preferencesStore).get('core', PREFERENCE_NAME)) !== null && _select$get !== void 0 ? _select$get : true;
23
- }, []);
24
- }
25
-
26
- /*
27
- * This component was added in 6.3 to help users with the transition from Reusable blocks to Patterns.
28
- * It is only exported for use in the reusable-blocks package as well as block-editor.
29
- * It will be removed in 6.4. and should not be used in any new code.
30
- */
31
- export default function ReusableBlocksRenameHint() {
32
- const isReusableBlocksRenameHint = useSelect(select => {
33
- var _select$get2;
34
- return (_select$get2 = select(preferencesStore).get('core', PREFERENCE_NAME)) !== null && _select$get2 !== void 0 ? _select$get2 : true;
35
- }, []);
36
- const ref = useRef();
37
- const {
38
- set: setPreference
39
- } = useDispatch(preferencesStore);
40
- if (!isReusableBlocksRenameHint) {
41
- return null;
42
- }
43
- return /*#__PURE__*/_jsxs("div", {
44
- ref: ref,
45
- className: "reusable-blocks-menu-items__rename-hint",
46
- children: [/*#__PURE__*/_jsx("div", {
47
- className: "reusable-blocks-menu-items__rename-hint-content",
48
- children: __('Reusable blocks are now synced patterns. A synced pattern will behave in exactly the same way as a reusable block.')
49
- }), /*#__PURE__*/_jsx(Button, {
50
- className: "reusable-blocks-menu-items__rename-hint-dismiss",
51
- icon: close,
52
- iconSize: "16",
53
- label: __('Dismiss hint'),
54
- onClick: () => {
55
- // Retain focus when dismissing the element.
56
- const previousElement = focus.tabbable.findPrevious(ref.current);
57
- previousElement?.focus();
58
- setPreference('core', PREFERENCE_NAME, false);
59
- },
60
- showTooltip: false
61
- })]
62
- });
63
- }
64
- //# sourceMappingURL=reusable-block-rename-hint.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["Button","useDispatch","useSelect","focus","useRef","__","close","store","preferencesStore","jsx","_jsx","jsxs","_jsxs","PREFERENCE_NAME","useReusableBlocksRenameHint","select","_select$get","get","ReusableBlocksRenameHint","isReusableBlocksRenameHint","_select$get2","ref","set","setPreference","className","children","icon","iconSize","label","onClick","previousElement","tabbable","findPrevious","current","showTooltip"],"sources":["@wordpress/block-editor/src/components/inserter/reusable-block-rename-hint.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { close } from '@wordpress/icons';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nconst PREFERENCE_NAME = 'isResuableBlocksrRenameHintVisible';\n/*\n * This hook was added in 6.3 to help users with the transition from Reusable blocks to Patterns.\n * It is only exported for use in the reusable-blocks package as well as block-editor.\n * It will be removed in 6.4. and should not be used in any new code.\n */\nexport function useReusableBlocksRenameHint() {\n\treturn useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,\n\t\t[]\n\t);\n}\n\n/*\n * This component was added in 6.3 to help users with the transition from Reusable blocks to Patterns.\n * It is only exported for use in the reusable-blocks package as well as block-editor.\n * It will be removed in 6.4. and should not be used in any new code.\n */\nexport default function ReusableBlocksRenameHint() {\n\tconst isReusableBlocksRenameHint = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,\n\t\t[]\n\t);\n\n\tconst ref = useRef();\n\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tif ( ! isReusableBlocksRenameHint ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div ref={ ref } className=\"reusable-blocks-menu-items__rename-hint\">\n\t\t\t<div className=\"reusable-blocks-menu-items__rename-hint-content\">\n\t\t\t\t{ __(\n\t\t\t\t\t'Reusable blocks are now synced patterns. A synced pattern will behave in exactly the same way as a reusable block.'\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclassName=\"reusable-blocks-menu-items__rename-hint-dismiss\"\n\t\t\t\ticon={ close }\n\t\t\t\ticonSize=\"16\"\n\t\t\t\tlabel={ __( 'Dismiss hint' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\t// Retain focus when dismissing the element.\n\t\t\t\t\tconst previousElement = focus.tabbable.findPrevious(\n\t\t\t\t\t\tref.current\n\t\t\t\t\t);\n\t\t\t\t\tpreviousElement?.focus();\n\t\t\t\t\tsetPreference( 'core', PREFERENCE_NAME, false );\n\t\t\t\t} }\n\t\t\t\tshowTooltip={ false }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnE,MAAMC,eAAe,GAAG,oCAAoC;AAC5D;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,2BAA2BA,CAAA,EAAG;EAC7C,OAAOZ,SAAS,CACba,MAAM;IAAA,IAAAC,WAAA;IAAA,QAAAA,WAAA,GACPD,MAAM,CAAEP,gBAAiB,CAAC,CAACS,GAAG,CAAE,MAAM,EAAEJ,eAAgB,CAAC,cAAAG,WAAA,cAAAA,WAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;AACF;;AAEA;AACA;AACA;AACA;AACA;AACA,eAAe,SAASE,wBAAwBA,CAAA,EAAG;EAClD,MAAMC,0BAA0B,GAAGjB,SAAS,CACzCa,MAAM;IAAA,IAAAK,YAAA;IAAA,QAAAA,YAAA,GACPL,MAAM,CAAEP,gBAAiB,CAAC,CAACS,GAAG,CAAE,MAAM,EAAEJ,eAAgB,CAAC,cAAAO,YAAA,cAAAA,YAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;EAED,MAAMC,GAAG,GAAGjB,MAAM,CAAC,CAAC;EAEpB,MAAM;IAAEkB,GAAG,EAAEC;EAAc,CAAC,GAAGtB,WAAW,CAAEO,gBAAiB,CAAC;EAC9D,IAAK,CAAEW,0BAA0B,EAAG;IACnC,OAAO,IAAI;EACZ;EAEA,oBACCP,KAAA;IAAKS,GAAG,EAAGA,GAAK;IAACG,SAAS,EAAC,yCAAyC;IAAAC,QAAA,gBACnEf,IAAA;MAAKc,SAAS,EAAC,iDAAiD;MAAAC,QAAA,EAC7DpB,EAAE,CACH,oHACD;IAAC,CACG,CAAC,eACNK,IAAA,CAACV,MAAM;MACNwB,SAAS,EAAC,iDAAiD;MAC3DE,IAAI,EAAGpB,KAAO;MACdqB,QAAQ,EAAC,IAAI;MACbC,KAAK,EAAGvB,EAAE,CAAE,cAAe,CAAG;MAC9BwB,OAAO,EAAGA,CAAA,KAAM;QACf;QACA,MAAMC,eAAe,GAAG3B,KAAK,CAAC4B,QAAQ,CAACC,YAAY,CAClDX,GAAG,CAACY,OACL,CAAC;QACDH,eAAe,EAAE3B,KAAK,CAAC,CAAC;QACxBoB,aAAa,CAAE,MAAM,EAAEV,eAAe,EAAE,KAAM,CAAC;MAChD,CAAG;MACHqB,WAAW,EAAG;IAAO,CACrB,CAAC;EAAA,CACE,CAAC;AAER","ignoreList":[]}
@@ -1,47 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { Button } from '@wordpress/components';
5
- import { useDispatch, useSelect } from '@wordpress/data';
6
- import { focus } from '@wordpress/dom';
7
- import { useRef } from '@wordpress/element';
8
- import { __ } from '@wordpress/i18n';
9
- import { close } from '@wordpress/icons';
10
- import { store as preferencesStore } from '@wordpress/preferences';
11
- import { jsx as _jsx } from "react/jsx-runtime";
12
- import { jsxs as _jsxs } from "react/jsx-runtime";
13
- const PREFERENCE_NAME = 'isInspectorControlsTabsHintVisible';
14
- export default function InspectorControlsTabsHint() {
15
- const isInspectorControlsTabsHintVisible = useSelect(select => {
16
- var _select$get;
17
- return (_select$get = select(preferencesStore).get('core', PREFERENCE_NAME)) !== null && _select$get !== void 0 ? _select$get : true;
18
- }, []);
19
- const ref = useRef();
20
- const {
21
- set: setPreference
22
- } = useDispatch(preferencesStore);
23
- if (!isInspectorControlsTabsHintVisible) {
24
- return null;
25
- }
26
- return /*#__PURE__*/_jsxs("div", {
27
- ref: ref,
28
- className: "block-editor-inspector-controls-tabs__hint",
29
- children: [/*#__PURE__*/_jsx("div", {
30
- className: "block-editor-inspector-controls-tabs__hint-content",
31
- children: __("Looking for other block settings? They've moved to the styles tab.")
32
- }), /*#__PURE__*/_jsx(Button, {
33
- className: "block-editor-inspector-controls-tabs__hint-dismiss",
34
- icon: close,
35
- iconSize: "16",
36
- label: __('Dismiss hint'),
37
- onClick: () => {
38
- // Retain focus when dismissing the element.
39
- const previousElement = focus.tabbable.findPrevious(ref.current);
40
- previousElement?.focus();
41
- setPreference('core', PREFERENCE_NAME, false);
42
- },
43
- showTooltip: false
44
- })]
45
- });
46
- }
47
- //# sourceMappingURL=settings-tab-hint.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["Button","useDispatch","useSelect","focus","useRef","__","close","store","preferencesStore","jsx","_jsx","jsxs","_jsxs","PREFERENCE_NAME","InspectorControlsTabsHint","isInspectorControlsTabsHintVisible","select","_select$get","get","ref","set","setPreference","className","children","icon","iconSize","label","onClick","previousElement","tabbable","findPrevious","current","showTooltip"],"sources":["@wordpress/block-editor/src/components/inspector-controls-tabs/settings-tab-hint.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { Button } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { focus } from '@wordpress/dom';\nimport { useRef } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { close } from '@wordpress/icons';\nimport { store as preferencesStore } from '@wordpress/preferences';\n\nconst PREFERENCE_NAME = 'isInspectorControlsTabsHintVisible';\n\nexport default function InspectorControlsTabsHint() {\n\tconst isInspectorControlsTabsHintVisible = useSelect(\n\t\t( select ) =>\n\t\t\tselect( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,\n\t\t[]\n\t);\n\n\tconst ref = useRef();\n\n\tconst { set: setPreference } = useDispatch( preferencesStore );\n\tif ( ! isInspectorControlsTabsHintVisible ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div ref={ ref } className=\"block-editor-inspector-controls-tabs__hint\">\n\t\t\t<div className=\"block-editor-inspector-controls-tabs__hint-content\">\n\t\t\t\t{ __(\n\t\t\t\t\t\"Looking for other block settings? They've moved to the styles tab.\"\n\t\t\t\t) }\n\t\t\t</div>\n\t\t\t<Button\n\t\t\t\tclassName=\"block-editor-inspector-controls-tabs__hint-dismiss\"\n\t\t\t\ticon={ close }\n\t\t\t\ticonSize=\"16\"\n\t\t\t\tlabel={ __( 'Dismiss hint' ) }\n\t\t\t\tonClick={ () => {\n\t\t\t\t\t// Retain focus when dismissing the element.\n\t\t\t\t\tconst previousElement = focus.tabbable.findPrevious(\n\t\t\t\t\t\tref.current\n\t\t\t\t\t);\n\t\t\t\t\tpreviousElement?.focus();\n\t\t\t\t\tsetPreference( 'core', PREFERENCE_NAME, false );\n\t\t\t\t} }\n\t\t\t\tshowTooltip={ false }\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,SAASC,WAAW,EAAEC,SAAS,QAAQ,iBAAiB;AACxD,SAASC,KAAK,QAAQ,gBAAgB;AACtC,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,EAAE,QAAQ,iBAAiB;AACpC,SAASC,KAAK,QAAQ,kBAAkB;AACxC,SAASC,KAAK,IAAIC,gBAAgB,QAAQ,wBAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnE,MAAMC,eAAe,GAAG,oCAAoC;AAE5D,eAAe,SAASC,yBAAyBA,CAAA,EAAG;EACnD,MAAMC,kCAAkC,GAAGb,SAAS,CACjDc,MAAM;IAAA,IAAAC,WAAA;IAAA,QAAAA,WAAA,GACPD,MAAM,CAAER,gBAAiB,CAAC,CAACU,GAAG,CAAE,MAAM,EAAEL,eAAgB,CAAC,cAAAI,WAAA,cAAAA,WAAA,GAAI,IAAI;EAAA,GAClE,EACD,CAAC;EAED,MAAME,GAAG,GAAGf,MAAM,CAAC,CAAC;EAEpB,MAAM;IAAEgB,GAAG,EAAEC;EAAc,CAAC,GAAGpB,WAAW,CAAEO,gBAAiB,CAAC;EAC9D,IAAK,CAAEO,kCAAkC,EAAG;IAC3C,OAAO,IAAI;EACZ;EAEA,oBACCH,KAAA;IAAKO,GAAG,EAAGA,GAAK;IAACG,SAAS,EAAC,4CAA4C;IAAAC,QAAA,gBACtEb,IAAA;MAAKY,SAAS,EAAC,oDAAoD;MAAAC,QAAA,EAChElB,EAAE,CACH,oEACD;IAAC,CACG,CAAC,eACNK,IAAA,CAACV,MAAM;MACNsB,SAAS,EAAC,oDAAoD;MAC9DE,IAAI,EAAGlB,KAAO;MACdmB,QAAQ,EAAC,IAAI;MACbC,KAAK,EAAGrB,EAAE,CAAE,cAAe,CAAG;MAC9BsB,OAAO,EAAGA,CAAA,KAAM;QACf;QACA,MAAMC,eAAe,GAAGzB,KAAK,CAAC0B,QAAQ,CAACC,YAAY,CAClDX,GAAG,CAACY,OACL,CAAC;QACDH,eAAe,EAAEzB,KAAK,CAAC,CAAC;QACxBkB,aAAa,CAAE,MAAM,EAAER,eAAe,EAAE,KAAM,CAAC;MAChD,CAAG;MACHmB,WAAW,EAAG;IAAO,CACrB,CAAC;EAAA,CACE,CAAC;AAER","ignoreList":[]}
@@ -1,69 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { Button } from '@wordpress/components';
5
- import { useDispatch, useSelect } from '@wordpress/data';
6
- import { focus } from '@wordpress/dom';
7
- import { useRef } from '@wordpress/element';
8
- import { __ } from '@wordpress/i18n';
9
- import { close } from '@wordpress/icons';
10
- import { store as preferencesStore } from '@wordpress/preferences';
11
-
12
- const PREFERENCE_NAME = 'isResuableBlocksrRenameHintVisible';
13
- /*
14
- * This hook was added in 6.3 to help users with the transition from Reusable blocks to Patterns.
15
- * It is only exported for use in the reusable-blocks package as well as block-editor.
16
- * It will be removed in 6.4. and should not be used in any new code.
17
- */
18
- export function useReusableBlocksRenameHint() {
19
- return useSelect(
20
- ( select ) =>
21
- select( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,
22
- []
23
- );
24
- }
25
-
26
- /*
27
- * This component was added in 6.3 to help users with the transition from Reusable blocks to Patterns.
28
- * It is only exported for use in the reusable-blocks package as well as block-editor.
29
- * It will be removed in 6.4. and should not be used in any new code.
30
- */
31
- export default function ReusableBlocksRenameHint() {
32
- const isReusableBlocksRenameHint = useSelect(
33
- ( select ) =>
34
- select( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,
35
- []
36
- );
37
-
38
- const ref = useRef();
39
-
40
- const { set: setPreference } = useDispatch( preferencesStore );
41
- if ( ! isReusableBlocksRenameHint ) {
42
- return null;
43
- }
44
-
45
- return (
46
- <div ref={ ref } className="reusable-blocks-menu-items__rename-hint">
47
- <div className="reusable-blocks-menu-items__rename-hint-content">
48
- { __(
49
- 'Reusable blocks are now synced patterns. A synced pattern will behave in exactly the same way as a reusable block.'
50
- ) }
51
- </div>
52
- <Button
53
- className="reusable-blocks-menu-items__rename-hint-dismiss"
54
- icon={ close }
55
- iconSize="16"
56
- label={ __( 'Dismiss hint' ) }
57
- onClick={ () => {
58
- // Retain focus when dismissing the element.
59
- const previousElement = focus.tabbable.findPrevious(
60
- ref.current
61
- );
62
- previousElement?.focus();
63
- setPreference( 'core', PREFERENCE_NAME, false );
64
- } }
65
- showTooltip={ false }
66
- />
67
- </div>
68
- );
69
- }
@@ -1,52 +0,0 @@
1
- /**
2
- * WordPress dependencies
3
- */
4
- import { Button } from '@wordpress/components';
5
- import { useDispatch, useSelect } from '@wordpress/data';
6
- import { focus } from '@wordpress/dom';
7
- import { useRef } from '@wordpress/element';
8
- import { __ } from '@wordpress/i18n';
9
- import { close } from '@wordpress/icons';
10
- import { store as preferencesStore } from '@wordpress/preferences';
11
-
12
- const PREFERENCE_NAME = 'isInspectorControlsTabsHintVisible';
13
-
14
- export default function InspectorControlsTabsHint() {
15
- const isInspectorControlsTabsHintVisible = useSelect(
16
- ( select ) =>
17
- select( preferencesStore ).get( 'core', PREFERENCE_NAME ) ?? true,
18
- []
19
- );
20
-
21
- const ref = useRef();
22
-
23
- const { set: setPreference } = useDispatch( preferencesStore );
24
- if ( ! isInspectorControlsTabsHintVisible ) {
25
- return null;
26
- }
27
-
28
- return (
29
- <div ref={ ref } className="block-editor-inspector-controls-tabs__hint">
30
- <div className="block-editor-inspector-controls-tabs__hint-content">
31
- { __(
32
- "Looking for other block settings? They've moved to the styles tab."
33
- ) }
34
- </div>
35
- <Button
36
- className="block-editor-inspector-controls-tabs__hint-dismiss"
37
- icon={ close }
38
- iconSize="16"
39
- label={ __( 'Dismiss hint' ) }
40
- onClick={ () => {
41
- // Retain focus when dismissing the element.
42
- const previousElement = focus.tabbable.findPrevious(
43
- ref.current
44
- );
45
- previousElement?.focus();
46
- setPreference( 'core', PREFERENCE_NAME, false );
47
- } }
48
- showTooltip={ false }
49
- />
50
- </div>
51
- );
52
- }
@@ -1,18 +0,0 @@
1
- .block-editor-hooks__position-selection__select-control {
2
- .components-custom-select-control__hint {
3
- display: none;
4
- }
5
- }
6
-
7
- .block-editor-hooks__position-selection__select-control__option {
8
- &.has-hint {
9
- grid-template-columns: auto 30px;
10
- line-height: $default-line-height;
11
- margin-bottom: 0;
12
- }
13
-
14
- .components-custom-select-control__item-hint {
15
- grid-row: 2;
16
- text-align: left;
17
- }
18
- }