@wordpress/block-library 8.20.1 → 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.
- package/CHANGELOG.md +7 -0
- package/README.md +12 -0
- package/build/block/index.js +2 -1
- package/build/block/index.js.map +1 -1
- package/build/code/edit.native.js +8 -2
- package/build/code/edit.native.js.map +1 -1
- package/build/cover/deprecated.js +110 -1
- package/build/cover/deprecated.js.map +1 -1
- package/build/cover/edit/index.js +9 -3
- package/build/cover/edit/index.js.map +1 -1
- package/build/cover/edit/inspector-controls.js +1 -2
- package/build/cover/edit/inspector-controls.js.map +1 -1
- package/build/cover/index.js +0 -3
- package/build/cover/index.js.map +1 -1
- package/build/cover/save.js +2 -1
- package/build/cover/save.js.map +1 -1
- package/build/cover/shared.js +1 -1
- package/build/cover/shared.js.map +1 -1
- package/build/footnotes/index.js +1 -0
- package/build/footnotes/index.js.map +1 -1
- package/build/form/edit.js +138 -0
- package/build/form/edit.js.map +1 -0
- package/build/form/index.js +92 -0
- package/build/form/index.js.map +1 -0
- package/build/form/init.js +13 -0
- package/build/form/init.js.map +1 -0
- package/build/form/save.js +28 -0
- package/build/form/save.js.map +1 -0
- package/build/form/utils.js +24 -0
- package/build/form/utils.js.map +1 -0
- package/build/form/variations.js +95 -0
- package/build/form/variations.js.map +1 -0
- package/build/form/view.js +42 -0
- package/build/form/view.js.map +1 -0
- package/build/form-input/edit.js +124 -0
- package/build/form-input/edit.js.map +1 -0
- package/build/form-input/index.js +105 -0
- package/build/form-input/index.js.map +1 -0
- package/build/form-input/init.js +13 -0
- package/build/form-input/init.js.map +1 -0
- package/build/form-input/save.js +87 -0
- package/build/form-input/save.js.map +1 -0
- package/build/form-input/variations.js +93 -0
- package/build/form-input/variations.js.map +1 -0
- package/build/form-submission-notification/edit.js +59 -0
- package/build/form-submission-notification/edit.js.map +1 -0
- package/build/form-submission-notification/index.js +56 -0
- package/build/form-submission-notification/index.js.map +1 -0
- package/build/form-submission-notification/init.js +13 -0
- package/build/form-submission-notification/init.js.map +1 -0
- package/build/form-submission-notification/save.js +33 -0
- package/build/form-submission-notification/save.js.map +1 -0
- package/build/form-submission-notification/variations.js +63 -0
- package/build/form-submission-notification/variations.js.map +1 -0
- package/build/form-submit-button/edit.js +32 -0
- package/build/form-submit-button/edit.js.map +1 -0
- package/build/form-submit-button/index.js +44 -0
- package/build/form-submit-button/index.js.map +1 -0
- package/build/form-submit-button/init.js +13 -0
- package/build/form-submit-button/init.js.map +1 -0
- package/build/form-submit-button/save.js +22 -0
- package/build/form-submit-button/save.js.map +1 -0
- package/build/group/index.js +0 -1
- package/build/group/index.js.map +1 -1
- package/build/heading/index.js +3 -2
- package/build/heading/index.js.map +1 -1
- package/build/image/image.js +4 -1
- package/build/image/image.js.map +1 -1
- package/build/image/view.js +82 -40
- package/build/image/view.js.map +1 -1
- package/build/index.js +10 -0
- package/build/index.js.map +1 -1
- package/build/latest-posts/edit.js +6 -2
- package/build/latest-posts/edit.js.map +1 -1
- package/build/list-item/hooks/use-merge.js +15 -15
- package/build/list-item/hooks/use-merge.js.map +1 -1
- package/build/lock-unlock.js +1 -1
- package/build/lock-unlock.js.map +1 -1
- package/build/missing/edit.native.js +14 -62
- package/build/missing/edit.native.js.map +1 -1
- package/build/navigation/edit/index.js +0 -1
- package/build/navigation/edit/index.js.map +1 -1
- package/build/navigation/index.js +2 -1
- package/build/navigation/index.js.map +1 -1
- package/build/navigation/view.js +27 -5
- package/build/navigation/view.js.map +1 -1
- package/build/page-list-item/edit.js +3 -1
- package/build/page-list-item/edit.js.map +1 -1
- package/build/paragraph/index.js +7 -0
- package/build/paragraph/index.js.map +1 -1
- package/build/pattern/index.js +2 -1
- package/build/pattern/index.js.map +1 -1
- package/build/template-part/index.js +2 -1
- package/build/template-part/index.js.map +1 -1
- package/build-module/block/index.js +2 -1
- package/build-module/block/index.js.map +1 -1
- package/build-module/code/edit.native.js +8 -2
- package/build-module/code/edit.native.js.map +1 -1
- package/build-module/cover/deprecated.js +110 -1
- package/build-module/cover/deprecated.js.map +1 -1
- package/build-module/cover/edit/index.js +9 -3
- package/build-module/cover/edit/index.js.map +1 -1
- package/build-module/cover/edit/inspector-controls.js +1 -2
- package/build-module/cover/edit/inspector-controls.js.map +1 -1
- package/build-module/cover/index.js +0 -3
- package/build-module/cover/index.js.map +1 -1
- package/build-module/cover/save.js +2 -1
- package/build-module/cover/save.js.map +1 -1
- package/build-module/cover/shared.js +1 -1
- package/build-module/cover/shared.js.map +1 -1
- package/build-module/footnotes/index.js +1 -0
- package/build-module/footnotes/index.js.map +1 -1
- package/build-module/form/edit.js +130 -0
- package/build-module/form/edit.js.map +1 -0
- package/build-module/form/index.js +82 -0
- package/build-module/form/index.js.map +1 -0
- package/build-module/form/init.js +6 -0
- package/build-module/form/init.js.map +1 -0
- package/build-module/form/save.js +20 -0
- package/build-module/form/save.js.map +1 -0
- package/build-module/form/utils.js +15 -0
- package/build-module/form/utils.js.map +1 -0
- package/build-module/form/variations.js +86 -0
- package/build-module/form/variations.js.map +1 -0
- package/build-module/form/view.js +40 -0
- package/build-module/form/view.js.map +1 -0
- package/build-module/form-input/edit.js +115 -0
- package/build-module/form-input/edit.js.map +1 -0
- package/build-module/form-input/index.js +95 -0
- package/build-module/form-input/index.js.map +1 -0
- package/build-module/form-input/init.js +6 -0
- package/build-module/form-input/init.js.map +1 -0
- package/build-module/form-input/save.js +80 -0
- package/build-module/form-input/save.js.map +1 -0
- package/build-module/form-input/variations.js +85 -0
- package/build-module/form-input/variations.js.map +1 -0
- package/build-module/form-submission-notification/edit.js +50 -0
- package/build-module/form-submission-notification/edit.js.map +1 -0
- package/build-module/form-submission-notification/index.js +47 -0
- package/build-module/form-submission-notification/index.js.map +1 -0
- package/build-module/form-submission-notification/init.js +6 -0
- package/build-module/form-submission-notification/init.js.map +1 -0
- package/build-module/form-submission-notification/save.js +25 -0
- package/build-module/form-submission-notification/save.js.map +1 -0
- package/build-module/form-submission-notification/variations.js +55 -0
- package/build-module/form-submission-notification/variations.js.map +1 -0
- package/build-module/form-submit-button/edit.js +24 -0
- package/build-module/form-submit-button/edit.js.map +1 -0
- package/build-module/form-submit-button/index.js +34 -0
- package/build-module/form-submit-button/index.js.map +1 -0
- package/build-module/form-submit-button/init.js +6 -0
- package/build-module/form-submit-button/init.js.map +1 -0
- package/build-module/form-submit-button/save.js +14 -0
- package/build-module/form-submit-button/save.js.map +1 -0
- package/build-module/group/index.js +0 -1
- package/build-module/group/index.js.map +1 -1
- package/build-module/heading/index.js +3 -2
- package/build-module/heading/index.js.map +1 -1
- package/build-module/image/image.js +4 -1
- package/build-module/image/image.js.map +1 -1
- package/build-module/image/view.js +82 -40
- package/build-module/image/view.js.map +1 -1
- package/build-module/index.js +10 -0
- package/build-module/index.js.map +1 -1
- package/build-module/latest-posts/edit.js +6 -2
- package/build-module/latest-posts/edit.js.map +1 -1
- package/build-module/list-item/hooks/use-merge.js +15 -15
- package/build-module/list-item/hooks/use-merge.js.map +1 -1
- package/build-module/lock-unlock.js +1 -1
- package/build-module/lock-unlock.js.map +1 -1
- package/build-module/missing/edit.native.js +17 -65
- package/build-module/missing/edit.native.js.map +1 -1
- package/build-module/navigation/edit/index.js +0 -1
- package/build-module/navigation/edit/index.js.map +1 -1
- package/build-module/navigation/index.js +2 -1
- package/build-module/navigation/index.js.map +1 -1
- package/build-module/navigation/view.js +27 -5
- package/build-module/navigation/view.js.map +1 -1
- package/build-module/page-list-item/edit.js +3 -1
- package/build-module/page-list-item/edit.js.map +1 -1
- package/build-module/paragraph/index.js +7 -0
- package/build-module/paragraph/index.js.map +1 -1
- package/build-module/pattern/index.js +2 -1
- package/build-module/pattern/index.js.map +1 -1
- package/build-module/template-part/index.js +2 -1
- package/build-module/template-part/index.js.map +1 -1
- package/build-style/editor-rtl.css +50 -0
- package/build-style/editor.css +50 -0
- package/build-style/form-input/editor-rtl.css +106 -0
- package/build-style/form-input/editor.css +106 -0
- package/build-style/form-input/style-rtl.css +135 -0
- package/build-style/form-input/style.css +135 -0
- package/build-style/form-submission-notification/editor-rtl.css +118 -0
- package/build-style/form-submission-notification/editor.css +118 -0
- package/build-style/form-submit-button/style-rtl.css +91 -0
- package/build-style/form-submit-button/style.css +91 -0
- package/build-style/image/style-rtl.css +39 -5
- package/build-style/image/style.css +39 -5
- package/build-style/query/style-rtl.css +0 -10
- package/build-style/query/style.css +0 -10
- package/build-style/style-rtl.css +87 -5
- package/build-style/style.css +87 -5
- package/package.json +32 -32
- package/src/block/block.json +2 -1
- package/src/code/edit.native.js +15 -1
- package/src/cover/block.json +0 -3
- package/src/cover/deprecated.js +151 -1
- package/src/cover/edit/index.js +12 -3
- package/src/cover/edit/inspector-controls.js +19 -25
- package/src/cover/save.js +2 -1
- package/src/cover/shared.js +1 -1
- package/src/editor.scss +2 -0
- package/src/footnotes/block.json +1 -0
- package/src/form/block.json +60 -0
- package/src/form/edit.js +179 -0
- package/src/form/index.js +20 -0
- package/src/form/index.php +214 -0
- package/src/form/init.js +6 -0
- package/src/form/save.js +20 -0
- package/src/form/utils.js +39 -0
- package/src/form/variations.js +139 -0
- package/src/form/view.js +41 -0
- package/src/form-input/block.json +73 -0
- package/src/form-input/edit.js +151 -0
- package/src/form-input/editor.scss +24 -0
- package/src/form-input/index.js +20 -0
- package/src/form-input/index.php +45 -0
- package/src/form-input/init.js +6 -0
- package/src/form-input/save.js +83 -0
- package/src/form-input/style.scss +61 -0
- package/src/form-input/variations.js +82 -0
- package/src/form-submission-notification/block.json +19 -0
- package/src/form-submission-notification/edit.js +63 -0
- package/src/form-submission-notification/editor.scss +45 -0
- package/src/form-submission-notification/index.js +26 -0
- package/src/form-submission-notification/index.php +48 -0
- package/src/form-submission-notification/init.js +6 -0
- package/src/form-submission-notification/save.js +28 -0
- package/src/form-submission-notification/variations.js +59 -0
- package/src/form-submit-button/block.json +14 -0
- package/src/form-submit-button/edit.js +33 -0
- package/src/form-submit-button/index.js +18 -0
- package/src/form-submit-button/init.js +6 -0
- package/src/form-submit-button/save.js +14 -0
- package/src/form-submit-button/style.scss +3 -0
- package/src/group/block.json +0 -1
- package/src/heading/index.js +4 -2
- package/src/image/image.js +10 -0
- package/src/image/index.php +128 -82
- package/src/image/style.scss +49 -5
- package/src/image/view.js +100 -52
- package/src/index.js +10 -0
- package/src/latest-posts/edit.js +11 -2
- package/src/latest-posts/index.php +17 -8
- package/src/list-item/hooks/use-merge.js +20 -23
- package/src/lock-unlock.js +1 -1
- package/src/missing/edit.native.js +17 -115
- package/src/missing/style.native.scss +0 -67
- package/src/missing/test/edit-integration.native.js +135 -49
- package/src/missing/test/edit.native.js +0 -41
- package/src/navigation/block.json +2 -1
- package/src/navigation/edit/index.js +0 -1
- package/src/navigation/index.php +28 -8
- package/src/navigation/view.js +25 -6
- package/src/page-list-item/edit.js +2 -0
- package/src/paragraph/index.js +10 -0
- package/src/pattern/block.json +2 -1
- package/src/pattern/index.php +0 -3
- package/src/post-navigation-link/index.php +2 -1
- package/src/preformatted/test/edit.native.js +38 -0
- package/src/query/index.php +3 -2
- package/src/query/style.scss +0 -11
- package/src/search/index.php +0 -4
- package/src/style.scss +1 -0
- package/src/template-part/block.json +2 -1
- package/src/template-part/index.php +4 -7
- 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>
|
package/build/block/index.js
CHANGED
package/build/block/index.js.map
CHANGED
|
@@ -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,
|
|
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 {
|
|
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
|