@wordpress/block-library 8.20.0 → 8.21.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 (277) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +12 -0
  3. package/build/block/index.js +2 -1
  4. package/build/block/index.js.map +1 -1
  5. package/build/code/edit.native.js +8 -2
  6. package/build/code/edit.native.js.map +1 -1
  7. package/build/cover/deprecated.js +110 -1
  8. package/build/cover/deprecated.js.map +1 -1
  9. package/build/cover/edit/index.js +9 -3
  10. package/build/cover/edit/index.js.map +1 -1
  11. package/build/cover/edit/inspector-controls.js +1 -2
  12. package/build/cover/edit/inspector-controls.js.map +1 -1
  13. package/build/cover/index.js +0 -3
  14. package/build/cover/index.js.map +1 -1
  15. package/build/cover/save.js +2 -1
  16. package/build/cover/save.js.map +1 -1
  17. package/build/cover/shared.js +1 -1
  18. package/build/cover/shared.js.map +1 -1
  19. package/build/footnotes/index.js +1 -0
  20. package/build/footnotes/index.js.map +1 -1
  21. package/build/form/edit.js +138 -0
  22. package/build/form/edit.js.map +1 -0
  23. package/build/form/index.js +92 -0
  24. package/build/form/index.js.map +1 -0
  25. package/build/form/init.js +13 -0
  26. package/build/form/init.js.map +1 -0
  27. package/build/form/save.js +28 -0
  28. package/build/form/save.js.map +1 -0
  29. package/build/form/utils.js +24 -0
  30. package/build/form/utils.js.map +1 -0
  31. package/build/form/variations.js +95 -0
  32. package/build/form/variations.js.map +1 -0
  33. package/build/form/view.js +42 -0
  34. package/build/form/view.js.map +1 -0
  35. package/build/form-input/edit.js +124 -0
  36. package/build/form-input/edit.js.map +1 -0
  37. package/build/form-input/index.js +105 -0
  38. package/build/form-input/index.js.map +1 -0
  39. package/build/form-input/init.js +13 -0
  40. package/build/form-input/init.js.map +1 -0
  41. package/build/form-input/save.js +87 -0
  42. package/build/form-input/save.js.map +1 -0
  43. package/build/form-input/variations.js +93 -0
  44. package/build/form-input/variations.js.map +1 -0
  45. package/build/form-submission-notification/edit.js +59 -0
  46. package/build/form-submission-notification/edit.js.map +1 -0
  47. package/build/form-submission-notification/index.js +56 -0
  48. package/build/form-submission-notification/index.js.map +1 -0
  49. package/build/form-submission-notification/init.js +13 -0
  50. package/build/form-submission-notification/init.js.map +1 -0
  51. package/build/form-submission-notification/save.js +33 -0
  52. package/build/form-submission-notification/save.js.map +1 -0
  53. package/build/form-submission-notification/variations.js +63 -0
  54. package/build/form-submission-notification/variations.js.map +1 -0
  55. package/build/form-submit-button/edit.js +32 -0
  56. package/build/form-submit-button/edit.js.map +1 -0
  57. package/build/form-submit-button/index.js +44 -0
  58. package/build/form-submit-button/index.js.map +1 -0
  59. package/build/form-submit-button/init.js +13 -0
  60. package/build/form-submit-button/init.js.map +1 -0
  61. package/build/form-submit-button/save.js +22 -0
  62. package/build/form-submit-button/save.js.map +1 -0
  63. package/build/group/index.js +0 -1
  64. package/build/group/index.js.map +1 -1
  65. package/build/heading/index.js +3 -2
  66. package/build/heading/index.js.map +1 -1
  67. package/build/image/image.js +4 -1
  68. package/build/image/image.js.map +1 -1
  69. package/build/image/view.js +82 -40
  70. package/build/image/view.js.map +1 -1
  71. package/build/index.js +10 -0
  72. package/build/index.js.map +1 -1
  73. package/build/latest-posts/edit.js +6 -2
  74. package/build/latest-posts/edit.js.map +1 -1
  75. package/build/list-item/hooks/use-merge.js +15 -15
  76. package/build/list-item/hooks/use-merge.js.map +1 -1
  77. package/build/lock-unlock.js +1 -1
  78. package/build/lock-unlock.js.map +1 -1
  79. package/build/missing/edit.native.js +14 -62
  80. package/build/missing/edit.native.js.map +1 -1
  81. package/build/navigation/edit/index.js +0 -1
  82. package/build/navigation/edit/index.js.map +1 -1
  83. package/build/navigation/index.js +2 -1
  84. package/build/navigation/index.js.map +1 -1
  85. package/build/navigation/view.js +27 -5
  86. package/build/navigation/view.js.map +1 -1
  87. package/build/page-list-item/edit.js +3 -1
  88. package/build/page-list-item/edit.js.map +1 -1
  89. package/build/paragraph/index.js +7 -0
  90. package/build/paragraph/index.js.map +1 -1
  91. package/build/pattern/index.js +2 -1
  92. package/build/pattern/index.js.map +1 -1
  93. package/build/template-part/index.js +2 -1
  94. package/build/template-part/index.js.map +1 -1
  95. package/build-module/block/index.js +2 -1
  96. package/build-module/block/index.js.map +1 -1
  97. package/build-module/code/edit.native.js +8 -2
  98. package/build-module/code/edit.native.js.map +1 -1
  99. package/build-module/cover/deprecated.js +110 -1
  100. package/build-module/cover/deprecated.js.map +1 -1
  101. package/build-module/cover/edit/index.js +9 -3
  102. package/build-module/cover/edit/index.js.map +1 -1
  103. package/build-module/cover/edit/inspector-controls.js +1 -2
  104. package/build-module/cover/edit/inspector-controls.js.map +1 -1
  105. package/build-module/cover/index.js +0 -3
  106. package/build-module/cover/index.js.map +1 -1
  107. package/build-module/cover/save.js +2 -1
  108. package/build-module/cover/save.js.map +1 -1
  109. package/build-module/cover/shared.js +1 -1
  110. package/build-module/cover/shared.js.map +1 -1
  111. package/build-module/footnotes/index.js +1 -0
  112. package/build-module/footnotes/index.js.map +1 -1
  113. package/build-module/form/edit.js +130 -0
  114. package/build-module/form/edit.js.map +1 -0
  115. package/build-module/form/index.js +82 -0
  116. package/build-module/form/index.js.map +1 -0
  117. package/build-module/form/init.js +6 -0
  118. package/build-module/form/init.js.map +1 -0
  119. package/build-module/form/save.js +20 -0
  120. package/build-module/form/save.js.map +1 -0
  121. package/build-module/form/utils.js +15 -0
  122. package/build-module/form/utils.js.map +1 -0
  123. package/build-module/form/variations.js +86 -0
  124. package/build-module/form/variations.js.map +1 -0
  125. package/build-module/form/view.js +40 -0
  126. package/build-module/form/view.js.map +1 -0
  127. package/build-module/form-input/edit.js +115 -0
  128. package/build-module/form-input/edit.js.map +1 -0
  129. package/build-module/form-input/index.js +95 -0
  130. package/build-module/form-input/index.js.map +1 -0
  131. package/build-module/form-input/init.js +6 -0
  132. package/build-module/form-input/init.js.map +1 -0
  133. package/build-module/form-input/save.js +80 -0
  134. package/build-module/form-input/save.js.map +1 -0
  135. package/build-module/form-input/variations.js +85 -0
  136. package/build-module/form-input/variations.js.map +1 -0
  137. package/build-module/form-submission-notification/edit.js +50 -0
  138. package/build-module/form-submission-notification/edit.js.map +1 -0
  139. package/build-module/form-submission-notification/index.js +47 -0
  140. package/build-module/form-submission-notification/index.js.map +1 -0
  141. package/build-module/form-submission-notification/init.js +6 -0
  142. package/build-module/form-submission-notification/init.js.map +1 -0
  143. package/build-module/form-submission-notification/save.js +25 -0
  144. package/build-module/form-submission-notification/save.js.map +1 -0
  145. package/build-module/form-submission-notification/variations.js +55 -0
  146. package/build-module/form-submission-notification/variations.js.map +1 -0
  147. package/build-module/form-submit-button/edit.js +24 -0
  148. package/build-module/form-submit-button/edit.js.map +1 -0
  149. package/build-module/form-submit-button/index.js +34 -0
  150. package/build-module/form-submit-button/index.js.map +1 -0
  151. package/build-module/form-submit-button/init.js +6 -0
  152. package/build-module/form-submit-button/init.js.map +1 -0
  153. package/build-module/form-submit-button/save.js +14 -0
  154. package/build-module/form-submit-button/save.js.map +1 -0
  155. package/build-module/group/index.js +0 -1
  156. package/build-module/group/index.js.map +1 -1
  157. package/build-module/heading/index.js +3 -2
  158. package/build-module/heading/index.js.map +1 -1
  159. package/build-module/image/image.js +4 -1
  160. package/build-module/image/image.js.map +1 -1
  161. package/build-module/image/view.js +82 -40
  162. package/build-module/image/view.js.map +1 -1
  163. package/build-module/index.js +10 -0
  164. package/build-module/index.js.map +1 -1
  165. package/build-module/latest-posts/edit.js +6 -2
  166. package/build-module/latest-posts/edit.js.map +1 -1
  167. package/build-module/list-item/hooks/use-merge.js +15 -15
  168. package/build-module/list-item/hooks/use-merge.js.map +1 -1
  169. package/build-module/lock-unlock.js +1 -1
  170. package/build-module/lock-unlock.js.map +1 -1
  171. package/build-module/missing/edit.native.js +17 -65
  172. package/build-module/missing/edit.native.js.map +1 -1
  173. package/build-module/navigation/edit/index.js +0 -1
  174. package/build-module/navigation/edit/index.js.map +1 -1
  175. package/build-module/navigation/index.js +2 -1
  176. package/build-module/navigation/index.js.map +1 -1
  177. package/build-module/navigation/view.js +27 -5
  178. package/build-module/navigation/view.js.map +1 -1
  179. package/build-module/page-list-item/edit.js +3 -1
  180. package/build-module/page-list-item/edit.js.map +1 -1
  181. package/build-module/paragraph/index.js +7 -0
  182. package/build-module/paragraph/index.js.map +1 -1
  183. package/build-module/pattern/index.js +2 -1
  184. package/build-module/pattern/index.js.map +1 -1
  185. package/build-module/template-part/index.js +2 -1
  186. package/build-module/template-part/index.js.map +1 -1
  187. package/build-style/editor-rtl.css +50 -0
  188. package/build-style/editor.css +50 -0
  189. package/build-style/form-input/editor-rtl.css +106 -0
  190. package/build-style/form-input/editor.css +106 -0
  191. package/build-style/form-input/style-rtl.css +135 -0
  192. package/build-style/form-input/style.css +135 -0
  193. package/build-style/form-submission-notification/editor-rtl.css +118 -0
  194. package/build-style/form-submission-notification/editor.css +118 -0
  195. package/build-style/form-submit-button/style-rtl.css +91 -0
  196. package/build-style/form-submit-button/style.css +91 -0
  197. package/build-style/image/style-rtl.css +39 -5
  198. package/build-style/image/style.css +39 -5
  199. package/build-style/query/style-rtl.css +0 -10
  200. package/build-style/query/style.css +0 -10
  201. package/build-style/style-rtl.css +87 -5
  202. package/build-style/style.css +87 -5
  203. package/package.json +32 -32
  204. package/src/block/block.json +2 -1
  205. package/src/code/edit.native.js +15 -1
  206. package/src/cover/block.json +0 -3
  207. package/src/cover/deprecated.js +151 -1
  208. package/src/cover/edit/index.js +12 -3
  209. package/src/cover/edit/inspector-controls.js +19 -25
  210. package/src/cover/save.js +2 -1
  211. package/src/cover/shared.js +1 -1
  212. package/src/editor.scss +2 -0
  213. package/src/footnotes/block.json +1 -0
  214. package/src/form/block.json +60 -0
  215. package/src/form/edit.js +179 -0
  216. package/src/form/index.js +20 -0
  217. package/src/form/index.php +214 -0
  218. package/src/form/init.js +6 -0
  219. package/src/form/save.js +20 -0
  220. package/src/form/utils.js +39 -0
  221. package/src/form/variations.js +139 -0
  222. package/src/form/view.js +41 -0
  223. package/src/form-input/block.json +73 -0
  224. package/src/form-input/edit.js +151 -0
  225. package/src/form-input/editor.scss +24 -0
  226. package/src/form-input/index.js +20 -0
  227. package/src/form-input/index.php +45 -0
  228. package/src/form-input/init.js +6 -0
  229. package/src/form-input/save.js +83 -0
  230. package/src/form-input/style.scss +61 -0
  231. package/src/form-input/variations.js +82 -0
  232. package/src/form-submission-notification/block.json +19 -0
  233. package/src/form-submission-notification/edit.js +63 -0
  234. package/src/form-submission-notification/editor.scss +45 -0
  235. package/src/form-submission-notification/index.js +26 -0
  236. package/src/form-submission-notification/index.php +48 -0
  237. package/src/form-submission-notification/init.js +6 -0
  238. package/src/form-submission-notification/save.js +28 -0
  239. package/src/form-submission-notification/variations.js +59 -0
  240. package/src/form-submit-button/block.json +14 -0
  241. package/src/form-submit-button/edit.js +33 -0
  242. package/src/form-submit-button/index.js +18 -0
  243. package/src/form-submit-button/init.js +6 -0
  244. package/src/form-submit-button/save.js +14 -0
  245. package/src/form-submit-button/style.scss +3 -0
  246. package/src/group/block.json +0 -1
  247. package/src/heading/index.js +4 -2
  248. package/src/image/image.js +10 -0
  249. package/src/image/index.php +128 -82
  250. package/src/image/style.scss +49 -5
  251. package/src/image/view.js +100 -52
  252. package/src/index.js +10 -0
  253. package/src/latest-posts/edit.js +11 -2
  254. package/src/latest-posts/index.php +17 -8
  255. package/src/list-item/hooks/use-merge.js +20 -23
  256. package/src/lock-unlock.js +1 -1
  257. package/src/missing/edit.native.js +17 -115
  258. package/src/missing/style.native.scss +0 -67
  259. package/src/missing/test/edit-integration.native.js +135 -49
  260. package/src/missing/test/edit.native.js +0 -41
  261. package/src/navigation/block.json +2 -1
  262. package/src/navigation/edit/index.js +0 -1
  263. package/src/navigation/index.php +28 -8
  264. package/src/navigation/view.js +25 -6
  265. package/src/page-list-item/edit.js +2 -0
  266. package/src/paragraph/index.js +10 -0
  267. package/src/pattern/block.json +2 -1
  268. package/src/pattern/index.php +0 -3
  269. package/src/post-navigation-link/index.php +2 -1
  270. package/src/preformatted/test/edit.native.js +38 -0
  271. package/src/query/index.php +3 -2
  272. package/src/query/style.scss +0 -11
  273. package/src/search/index.php +0 -4
  274. package/src/style.scss +1 -0
  275. package/src/template-part/block.json +2 -1
  276. package/src/template-part/index.php +4 -7
  277. package/src/verse/test/edit.native.js +37 -0
package/CHANGELOG.md CHANGED
@@ -2,6 +2,13 @@
2
2
 
3
3
  ## Unreleased
4
4
 
5
+ ## 8.21.0 (2023-10-18)
6
+
7
+ ### Bug Fix
8
+
9
+ - Fix Image block lightbox missing alt attribute and improve accessibility. ([#54608](https://github.com/WordPress/gutenberg/pull/55010))
10
+
11
+
5
12
  ## 8.20.0 (2023-10-05)
6
13
 
7
14
  ## 8.19.0 (2023-09-20)
package/README.md CHANGED
@@ -138,4 +138,16 @@ For the PHP functions declared in the `packages/block-library/src/my-block/index
138
138
  - `render_block_core_my_block`
139
139
  - `register_block_core_my_block`
140
140
 
141
+ #### Using plugin-specific prefixes/suffixes
142
+
143
+ Unlike in [PHP code in the /lib directory](https://github.com/WordPress/gutenberg/blob/trunk/lib/README.md), you should generally avoid applying plugin-specific prefixes/suffixes such as `gutenberg_` to functions and other code in block PHP files.
144
+
145
+ There are times, however, when blocks may need to use Gutenberg functions even when a Core-equivalent exists, for example, where a Gutenberg function relies on code that is only available in the plugin.
146
+
147
+ In such cases, you can use the corresponding Core `wp_` function in the block PHP code, and add its name to [a list of prefixed functions in the Webpack configuration file](https://github.com/WordPress/gutenberg/blob/trunk/tools/webpack/blocks.js#L30).
148
+
149
+ At build time, Webpack will search for `wp_` functions in that list and replace them with their `gutenberg_` equivalents. This process ensures that the plugin calls the `gutenberg_` functions, but the block will still call the Core `wp_` function when updates are back ported.
150
+
151
+ Webpack assumes that, prefixes aside, the functions' names are identical: `wp_get_something_useful()` will be replaced with `gutenberg_get_something_useful()`.
152
+
141
153
  <br /><br /><p align="center"><img src="https://s.w.org/style/images/codeispoetry.png?1" alt="Code is Poetry." /></p>
@@ -31,7 +31,8 @@ const metadata = {
31
31
  supports: {
32
32
  customClassName: false,
33
33
  html: false,
34
- inserter: false
34
+ inserter: false,
35
+ renaming: false
35
36
  }
36
37
  };
37
38
  exports.metadata = metadata;
@@ -1 +1 @@
1
- {"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_edit","metadata","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","ref","type","supports","customClassName","html","inserter","exports","settings","edit","icon","init","initBlock"],"sources":["@wordpress/block-library/src/block/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { symbol as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\tedit,\n\ticon,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AAVA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAI,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,GAAA;MAAAC,IAAA;IAAA;EAAA;EAAAC,QAAA;IAAAC,eAAA;IAAAC,IAAA;IAAAC,QAAA;EAAA;AAAA;AAAAC,OAAA,CAAAhB,QAAA,GAAAA,QAAA;AAOA,MAAM;EAAEG;AAAK,CAAC,GAAGH,QAAQ;AAACgB,OAAA,CAAAb,IAAA,GAAAA,IAAA;AAInB,MAAMc,QAAQ,GAAG;EACvBC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA;AACD,CAAC;AAACH,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAEK,MAAMG,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAElB,IAAI;EAAEH,QAAQ;EAAEiB;AAAS,CAAE,CAAC;AAACD,OAAA,CAAAI,IAAA,GAAAA,IAAA"}
1
+ {"version":3,"names":["_icons","require","_initBlock","_interopRequireDefault","_edit","metadata","$schema","apiVersion","name","title","category","description","keywords","textdomain","attributes","ref","type","supports","customClassName","html","inserter","renaming","exports","settings","edit","icon","init","initBlock"],"sources":["@wordpress/block-library/src/block/index.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { symbol as icon } from '@wordpress/icons';\n\n/**\n * Internal dependencies\n */\nimport initBlock from '../utils/init-block';\nimport metadata from './block.json';\nimport edit from './edit';\n\nconst { name } = metadata;\n\nexport { metadata, name };\n\nexport const settings = {\n\tedit,\n\ticon,\n};\n\nexport const init = () => initBlock( { name, metadata, settings } );\n"],"mappings":";;;;;;;AAGA,IAAAA,MAAA,GAAAC,OAAA;AAKA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAD,sBAAA,CAAAF,OAAA;AAVA;AACA;AACA;AAGA;AACA;AACA;AAFA,MAAAI,QAAA;EAAAC,OAAA;EAAAC,UAAA;EAAAC,IAAA;EAAAC,KAAA;EAAAC,QAAA;EAAAC,WAAA;EAAAC,QAAA;EAAAC,UAAA;EAAAC,UAAA;IAAAC,GAAA;MAAAC,IAAA;IAAA;EAAA;EAAAC,QAAA;IAAAC,eAAA;IAAAC,IAAA;IAAAC,QAAA;IAAAC,QAAA;EAAA;AAAA;AAAAC,OAAA,CAAAjB,QAAA,GAAAA,QAAA;AAOA,MAAM;EAAEG;AAAK,CAAC,GAAGH,QAAQ;AAACiB,OAAA,CAAAd,IAAA,GAAAA,IAAA;AAInB,MAAMe,QAAQ,GAAG;EACvBC,IAAI,EAAJA,aAAI;EACJC,IAAI,EAAJA;AACD,CAAC;AAACH,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAEK,MAAMG,IAAI,GAAGA,CAAA,KAAM,IAAAC,kBAAS,EAAE;EAAEnB,IAAI;EAAEH,QAAQ;EAAEkB;AAAS,CAAE,CAAC;AAACD,OAAA,CAAAI,IAAA,GAAAA,IAAA"}
@@ -11,6 +11,7 @@ var _reactNative = require("react-native");
11
11
  var _blockEditor = require("@wordpress/block-editor");
12
12
  var _i18n = require("@wordpress/i18n");
13
13
  var _compose = require("@wordpress/compose");
14
+ var _blocks = require("@wordpress/blocks");
14
15
  var _theme = _interopRequireDefault(require("./theme.scss"));
15
16
  /**
16
17
  * External dependencies
@@ -36,7 +37,9 @@ function CodeEdit(props) {
36
37
  setAttributes,
37
38
  onFocus,
38
39
  onBlur,
39
- style
40
+ style,
41
+ insertBlocksAfter,
42
+ mergeBlocks
40
43
  } = props;
41
44
  const codeStyle = {
42
45
  ...(0, _compose.usePreferredColorSchemeStyle)(_theme.default.blockCode, _theme.default.blockCodeDark),
@@ -47,18 +50,21 @@ function CodeEdit(props) {
47
50
  const placeholderStyle = (0, _compose.usePreferredColorSchemeStyle)(_theme.default.placeholder, _theme.default.placeholderDark);
48
51
  return (0, _react.createElement)(_reactNative.View, null, (0, _react.createElement)(_blockEditor.PlainText, {
49
52
  value: attributes.content,
53
+ identifier: "content",
50
54
  style: codeStyle,
51
55
  multiline: true,
52
56
  underlineColorAndroid: "transparent",
53
57
  onChange: content => setAttributes({
54
58
  content
55
59
  }),
60
+ onMerge: mergeBlocks,
56
61
  placeholder: (0, _i18n.__)('Write code…'),
57
62
  "aria-label": (0, _i18n.__)('Code'),
58
63
  isSelected: props.isSelected,
59
64
  onFocus: onFocus,
60
65
  onBlur: onBlur,
61
- placeholderTextColor: placeholderStyle.color
66
+ placeholderTextColor: placeholderStyle.color,
67
+ __unstableOnSplitAtDoubleLineEnd: () => insertBlocksAfter((0, _blocks.createBlock)((0, _blocks.getDefaultBlockName)()))
62
68
  }));
63
69
  }
64
70
  var _default = CodeEdit;
@@ -1 +1 @@
1
- {"version":3,"names":["_reactNative","require","_blockEditor","_i18n","_compose","_theme","_interopRequireDefault","CodeEdit","props","attributes","setAttributes","onFocus","onBlur","style","codeStyle","usePreferredColorSchemeStyle","styles","blockCode","blockCodeDark","fontSize","placeholderStyle","placeholder","placeholderDark","_react","createElement","View","PlainText","value","content","multiline","underlineColorAndroid","onChange","__","isSelected","placeholderTextColor","color","_default","exports","default"],"sources":["@wordpress/block-library/src/code/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { PlainText } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\n\n/**\n * Internal dependencies\n */\n\n/**\n * Block code style\n */\nimport styles from './theme.scss';\n\n// Note: styling is applied directly to the (nested) PlainText component. Web-side components\n// apply it to the container 'div' but we don't have a proper proposal for cascading styling yet.\nexport function CodeEdit( props ) {\n\tconst { attributes, setAttributes, onFocus, onBlur, style } = props;\n\tconst codeStyle = {\n\t\t...usePreferredColorSchemeStyle(\n\t\t\tstyles.blockCode,\n\t\t\tstyles.blockCodeDark\n\t\t),\n\t\t...( style?.fontSize && { fontSize: style.fontSize } ),\n\t};\n\n\tconst placeholderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.placeholder,\n\t\tstyles.placeholderDark\n\t);\n\n\treturn (\n\t\t<View>\n\t\t\t<PlainText\n\t\t\t\tvalue={ attributes.content }\n\t\t\t\tstyle={ codeStyle }\n\t\t\t\tmultiline={ true }\n\t\t\t\tunderlineColorAndroid=\"transparent\"\n\t\t\t\tonChange={ ( content ) => setAttributes( { content } ) }\n\t\t\t\tplaceholder={ __( 'Write code…' ) }\n\t\t\t\taria-label={ __( 'Code' ) }\n\t\t\t\tisSelected={ props.isSelected }\n\t\t\t\tonFocus={ onFocus }\n\t\t\t\tonBlur={ onBlur }\n\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t/>\n\t\t</View>\n\t);\n}\n\nexport default CodeEdit;\n"],"mappings":";;;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AASA,IAAAI,MAAA,GAAAC,sBAAA,CAAAL,OAAA;AAnBA;AACA;AACA;;AAGA;AACA;AACA;;AAKA;AACA;AACA;;AAEA;AACA;AACA;;AAGA;AACA;AACO,SAASM,QAAQA,CAAEC,KAAK,EAAG;EACjC,MAAM;IAAEC,UAAU;IAAEC,aAAa;IAAEC,OAAO;IAAEC,MAAM;IAAEC;EAAM,CAAC,GAAGL,KAAK;EACnE,MAAMM,SAAS,GAAG;IACjB,GAAG,IAAAC,qCAA4B,EAC9BC,cAAM,CAACC,SAAS,EAChBD,cAAM,CAACE,aACR,CAAC;IACD,IAAKL,KAAK,EAAEM,QAAQ,IAAI;MAAEA,QAAQ,EAAEN,KAAK,CAACM;IAAS,CAAC;EACrD,CAAC;EAED,MAAMC,gBAAgB,GAAG,IAAAL,qCAA4B,EACpDC,cAAM,CAACK,WAAW,EAClBL,cAAM,CAACM,eACR,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACxB,YAAA,CAAAyB,IAAI,QACJ,IAAAF,MAAA,CAAAC,aAAA,EAACtB,YAAA,CAAAwB,SAAS;IACTC,KAAK,EAAGlB,UAAU,CAACmB,OAAS;IAC5Bf,KAAK,EAAGC,SAAW;IACnBe,SAAS,EAAG,IAAM;IAClBC,qBAAqB,EAAC,aAAa;IACnCC,QAAQ,EAAKH,OAAO,IAAMlB,aAAa,CAAE;MAAEkB;IAAQ,CAAE,CAAG;IACxDP,WAAW,EAAG,IAAAW,QAAE,EAAE,aAAc,CAAG;IACnC,cAAa,IAAAA,QAAE,EAAE,MAAO,CAAG;IAC3BC,UAAU,EAAGzB,KAAK,CAACyB,UAAY;IAC/BtB,OAAO,EAAGA,OAAS;IACnBC,MAAM,EAAGA,MAAQ;IACjBsB,oBAAoB,EAAGd,gBAAgB,CAACe;EAAO,CAC/C,CACI,CAAC;AAET;AAAC,IAAAC,QAAA,GAEc7B,QAAQ;AAAA8B,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
1
+ {"version":3,"names":["_reactNative","require","_blockEditor","_i18n","_compose","_blocks","_theme","_interopRequireDefault","CodeEdit","props","attributes","setAttributes","onFocus","onBlur","style","insertBlocksAfter","mergeBlocks","codeStyle","usePreferredColorSchemeStyle","styles","blockCode","blockCodeDark","fontSize","placeholderStyle","placeholder","placeholderDark","_react","createElement","View","PlainText","value","content","identifier","multiline","underlineColorAndroid","onChange","onMerge","__","isSelected","placeholderTextColor","color","__unstableOnSplitAtDoubleLineEnd","createBlock","getDefaultBlockName","_default","exports","default"],"sources":["@wordpress/block-library/src/code/edit.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { PlainText } from '@wordpress/block-editor';\nimport { __ } from '@wordpress/i18n';\nimport { usePreferredColorSchemeStyle } from '@wordpress/compose';\nimport { createBlock, getDefaultBlockName } from '@wordpress/blocks';\n\n/**\n * Internal dependencies\n */\n\n/**\n * Block code style\n */\nimport styles from './theme.scss';\n\n// Note: styling is applied directly to the (nested) PlainText component. Web-side components\n// apply it to the container 'div' but we don't have a proper proposal for cascading styling yet.\nexport function CodeEdit( props ) {\n\tconst {\n\t\tattributes,\n\t\tsetAttributes,\n\t\tonFocus,\n\t\tonBlur,\n\t\tstyle,\n\t\tinsertBlocksAfter,\n\t\tmergeBlocks,\n\t} = props;\n\tconst codeStyle = {\n\t\t...usePreferredColorSchemeStyle(\n\t\t\tstyles.blockCode,\n\t\t\tstyles.blockCodeDark\n\t\t),\n\t\t...( style?.fontSize && { fontSize: style.fontSize } ),\n\t};\n\n\tconst placeholderStyle = usePreferredColorSchemeStyle(\n\t\tstyles.placeholder,\n\t\tstyles.placeholderDark\n\t);\n\n\treturn (\n\t\t<View>\n\t\t\t<PlainText\n\t\t\t\tvalue={ attributes.content }\n\t\t\t\tidentifier=\"content\"\n\t\t\t\tstyle={ codeStyle }\n\t\t\t\tmultiline={ true }\n\t\t\t\tunderlineColorAndroid=\"transparent\"\n\t\t\t\tonChange={ ( content ) => setAttributes( { content } ) }\n\t\t\t\tonMerge={ mergeBlocks }\n\t\t\t\tplaceholder={ __( 'Write code…' ) }\n\t\t\t\taria-label={ __( 'Code' ) }\n\t\t\t\tisSelected={ props.isSelected }\n\t\t\t\tonFocus={ onFocus }\n\t\t\t\tonBlur={ onBlur }\n\t\t\t\tplaceholderTextColor={ placeholderStyle.color }\n\t\t\t\t__unstableOnSplitAtDoubleLineEnd={ () =>\n\t\t\t\t\tinsertBlocksAfter( createBlock( getDefaultBlockName() ) )\n\t\t\t\t}\n\t\t\t/>\n\t\t</View>\n\t);\n}\n\nexport default CodeEdit;\n"],"mappings":";;;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AASA,IAAAK,MAAA,GAAAC,sBAAA,CAAAN,OAAA;AApBA;AACA;AACA;;AAGA;AACA;AACA;;AAMA;AACA;AACA;;AAEA;AACA;AACA;;AAGA;AACA;AACO,SAASO,QAAQA,CAAEC,KAAK,EAAG;EACjC,MAAM;IACLC,UAAU;IACVC,aAAa;IACbC,OAAO;IACPC,MAAM;IACNC,KAAK;IACLC,iBAAiB;IACjBC;EACD,CAAC,GAAGP,KAAK;EACT,MAAMQ,SAAS,GAAG;IACjB,GAAG,IAAAC,qCAA4B,EAC9BC,cAAM,CAACC,SAAS,EAChBD,cAAM,CAACE,aACR,CAAC;IACD,IAAKP,KAAK,EAAEQ,QAAQ,IAAI;MAAEA,QAAQ,EAAER,KAAK,CAACQ;IAAS,CAAC;EACrD,CAAC;EAED,MAAMC,gBAAgB,GAAG,IAAAL,qCAA4B,EACpDC,cAAM,CAACK,WAAW,EAClBL,cAAM,CAACM,eACR,CAAC;EAED,OACC,IAAAC,MAAA,CAAAC,aAAA,EAAC3B,YAAA,CAAA4B,IAAI,QACJ,IAAAF,MAAA,CAAAC,aAAA,EAACzB,YAAA,CAAA2B,SAAS;IACTC,KAAK,EAAGpB,UAAU,CAACqB,OAAS;IAC5BC,UAAU,EAAC,SAAS;IACpBlB,KAAK,EAAGG,SAAW;IACnBgB,SAAS,EAAG,IAAM;IAClBC,qBAAqB,EAAC,aAAa;IACnCC,QAAQ,EAAKJ,OAAO,IAAMpB,aAAa,CAAE;MAAEoB;IAAQ,CAAE,CAAG;IACxDK,OAAO,EAAGpB,WAAa;IACvBQ,WAAW,EAAG,IAAAa,QAAE,EAAE,aAAc,CAAG;IACnC,cAAa,IAAAA,QAAE,EAAE,MAAO,CAAG;IAC3BC,UAAU,EAAG7B,KAAK,CAAC6B,UAAY;IAC/B1B,OAAO,EAAGA,OAAS;IACnBC,MAAM,EAAGA,MAAQ;IACjB0B,oBAAoB,EAAGhB,gBAAgB,CAACiB,KAAO;IAC/CC,gCAAgC,EAAGA,CAAA,KAClC1B,iBAAiB,CAAE,IAAA2B,mBAAW,EAAE,IAAAC,2BAAmB,EAAC,CAAE,CAAE;EACxD,CACD,CACI,CAAC;AAET;AAAC,IAAAC,QAAA,GAEcpC,QAAQ;AAAAqC,OAAA,CAAAC,OAAA,GAAAF,QAAA"}
@@ -229,6 +229,115 @@ const v12BlockSupports = {
229
229
  }
230
230
  };
231
231
 
232
+ // Deprecation for blocks that does not have the aria-label when the image background is fixed or repeated.
233
+ const v13 = {
234
+ attributes: v12BlockAttributes,
235
+ supports: v12BlockSupports,
236
+ save({
237
+ attributes
238
+ }) {
239
+ const {
240
+ backgroundType,
241
+ gradient,
242
+ contentPosition,
243
+ customGradient,
244
+ customOverlayColor,
245
+ dimRatio,
246
+ focalPoint,
247
+ useFeaturedImage,
248
+ hasParallax,
249
+ isDark,
250
+ isRepeated,
251
+ overlayColor,
252
+ url,
253
+ alt,
254
+ id,
255
+ minHeight: minHeightProp,
256
+ minHeightUnit,
257
+ tagName: Tag
258
+ } = attributes;
259
+ const overlayColorClass = (0, _blockEditor.getColorClassName)('background-color', overlayColor);
260
+ const gradientClass = (0, _blockEditor.__experimentalGetGradientClass)(gradient);
261
+ const minHeight = minHeightProp && minHeightUnit ? `${minHeightProp}${minHeightUnit}` : minHeightProp;
262
+ const isImageBackground = _shared.IMAGE_BACKGROUND_TYPE === backgroundType;
263
+ const isVideoBackground = _shared.VIDEO_BACKGROUND_TYPE === backgroundType;
264
+ const isImgElement = !(hasParallax || isRepeated);
265
+ const style = {
266
+ minHeight: minHeight || undefined
267
+ };
268
+ const bgStyle = {
269
+ backgroundColor: !overlayColorClass ? customOverlayColor : undefined,
270
+ background: customGradient ? customGradient : undefined
271
+ };
272
+ const objectPosition =
273
+ // prettier-ignore
274
+ focalPoint && isImgElement ? (0, _shared.mediaPosition)(focalPoint) : undefined;
275
+ const backgroundImage = url ? `url(${url})` : undefined;
276
+ const backgroundPosition = (0, _shared.mediaPosition)(focalPoint);
277
+ const classes = (0, _classnames.default)({
278
+ 'is-light': !isDark,
279
+ 'has-parallax': hasParallax,
280
+ 'is-repeated': isRepeated,
281
+ 'has-custom-content-position': !(0, _shared.isContentPositionCenter)(contentPosition)
282
+ }, (0, _shared.getPositionClassName)(contentPosition));
283
+ const imgClasses = (0, _classnames.default)('wp-block-cover__image-background', id ? `wp-image-${id}` : null, {
284
+ 'has-parallax': hasParallax,
285
+ 'is-repeated': isRepeated
286
+ });
287
+ const gradientValue = gradient || customGradient;
288
+ return (0, _react.createElement)(Tag, {
289
+ ..._blockEditor.useBlockProps.save({
290
+ className: classes,
291
+ style
292
+ })
293
+ }, (0, _react.createElement)("span", {
294
+ "aria-hidden": "true",
295
+ className: (0, _classnames.default)('wp-block-cover__background', overlayColorClass, (0, _shared.dimRatioToClass)(dimRatio), {
296
+ 'has-background-dim': dimRatio !== undefined,
297
+ // For backwards compatibility. Former versions of the Cover Block applied
298
+ // `.wp-block-cover__gradient-background` in the presence of
299
+ // media, a gradient and a dim.
300
+ 'wp-block-cover__gradient-background': url && gradientValue && dimRatio !== 0,
301
+ 'has-background-gradient': gradientValue,
302
+ [gradientClass]: gradientClass
303
+ }),
304
+ style: bgStyle
305
+ }), !useFeaturedImage && isImageBackground && url && (isImgElement ? (0, _react.createElement)("img", {
306
+ className: imgClasses,
307
+ alt: alt,
308
+ src: url,
309
+ style: {
310
+ objectPosition
311
+ },
312
+ "data-object-fit": "cover",
313
+ "data-object-position": objectPosition
314
+ }) : (0, _react.createElement)("div", {
315
+ role: "img",
316
+ className: imgClasses,
317
+ style: {
318
+ backgroundPosition,
319
+ backgroundImage
320
+ }
321
+ })), isVideoBackground && url && (0, _react.createElement)("video", {
322
+ className: (0, _classnames.default)('wp-block-cover__video-background', 'intrinsic-ignore'),
323
+ autoPlay: true,
324
+ muted: true,
325
+ loop: true,
326
+ playsInline: true,
327
+ src: url,
328
+ style: {
329
+ objectPosition
330
+ },
331
+ "data-object-fit": "cover",
332
+ "data-object-position": objectPosition
333
+ }), (0, _react.createElement)("div", {
334
+ ..._blockEditor.useInnerBlocksProps.save({
335
+ className: 'wp-block-cover__inner-container'
336
+ })
337
+ }));
338
+ }
339
+ };
340
+
232
341
  // Deprecation for blocks to prevent auto overlay color from overriding previously set values.
233
342
  const v12 = {
234
343
  attributes: v12BlockAttributes,
@@ -1304,6 +1413,6 @@ const v1 = {
1304
1413
  })]];
1305
1414
  }
1306
1415
  };
1307
- var _default = [v12, v11, v10, v9, v8, v7, v6, v5, v4, v3, v2, v1];
1416
+ var _default = [v13, v12, v11, v10, v9, v8, v7, v6, v5, v4, v3, v2, v1];
1308
1417
  exports.default = _default;
1309
1418
  //# sourceMappingURL=deprecated.js.map