@wordpress/block-library 9.27.0 → 9.27.1-next.46f643fa0.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/build/categories/edit.js +15 -3
- package/build/categories/edit.js.map +1 -1
- package/build/cover/edit/inspector-controls.js +4 -2
- package/build/cover/edit/inspector-controls.js.map +1 -1
- package/build/file/edit.js +2 -1
- package/build/file/edit.js.map +1 -1
- package/build/latest-posts/edit.js +0 -2
- package/build/latest-posts/edit.js.map +1 -1
- package/build/paragraph/edit.js +2 -2
- package/build/paragraph/edit.js.map +1 -1
- package/build/post-date/deprecated.js +104 -1
- package/build/post-date/deprecated.js.map +1 -1
- package/build/post-date/edit.js +32 -32
- package/build/post-date/edit.js.map +1 -1
- package/build/post-date/index.js +4 -4
- package/build/post-date/index.js.map +1 -1
- package/build/post-date/variations.js +32 -3
- package/build/post-date/variations.js.map +1 -1
- package/build/social-link/variations.js +51 -49
- package/build/social-link/variations.js.map +1 -1
- package/build/utils/poster-image.js +93 -0
- package/build/utils/poster-image.js.map +1 -0
- package/build/video/edit.js +6 -2
- package/build/video/edit.js.map +1 -1
- package/build-module/categories/edit.js +15 -3
- package/build-module/categories/edit.js.map +1 -1
- package/build-module/cover/edit/inspector-controls.js +4 -2
- package/build-module/cover/edit/inspector-controls.js.map +1 -1
- package/build-module/file/edit.js +2 -1
- package/build-module/file/edit.js.map +1 -1
- package/build-module/latest-posts/edit.js +0 -2
- package/build-module/latest-posts/edit.js.map +1 -1
- package/build-module/paragraph/edit.js +2 -2
- package/build-module/paragraph/edit.js.map +1 -1
- package/build-module/post-date/deprecated.js +104 -1
- package/build-module/post-date/deprecated.js.map +1 -1
- package/build-module/post-date/edit.js +35 -35
- package/build-module/post-date/edit.js.map +1 -1
- package/build-module/post-date/index.js +4 -4
- package/build-module/post-date/index.js.map +1 -1
- package/build-module/post-date/variations.js +32 -3
- package/build-module/post-date/variations.js.map +1 -1
- package/build-module/social-link/variations.js +52 -50
- package/build-module/social-link/variations.js.map +1 -1
- package/build-module/utils/poster-image.js +85 -0
- package/build-module/utils/poster-image.js.map +1 -0
- package/build-module/video/edit.js +6 -2
- package/build-module/video/edit.js.map +1 -1
- package/build-style/editor-rtl.css +67 -10
- package/build-style/editor.css +67 -10
- package/build-style/navigation/editor-rtl.css +6 -6
- package/build-style/navigation/editor.css +6 -6
- package/build-style/page-list/editor-rtl.css +0 -4
- package/build-style/page-list/editor.css +0 -4
- package/build-style/style-rtl.css +1 -0
- package/build-style/style.css +1 -0
- package/build-style/video/style-rtl.css +1 -0
- package/build-style/video/style.css +1 -0
- package/package.json +35 -35
- package/src/categories/edit.js +13 -1
- package/src/cover/edit/inspector-controls.js +6 -2
- package/src/editor.scss +1 -0
- package/src/file/edit.js +4 -1
- package/src/latest-posts/edit.js +0 -2
- package/src/page-list/editor.scss +0 -6
- package/src/paragraph/edit.js +2 -2
- package/src/post-date/block.json +4 -4
- package/src/post-date/deprecated.js +104 -1
- package/src/post-date/edit.js +74 -86
- package/src/post-date/index.php +55 -28
- package/src/post-date/variations.js +37 -3
- package/src/social-link/README.md +21 -0
- package/src/social-link/index.php +49 -49
- package/src/social-link/variations.js +51 -49
- package/src/utils/poster-image.js +131 -0
- package/src/utils/poster-image.scss +75 -0
- package/src/video/edit.js +7 -2
- package/src/video/index.php +91 -0
- package/src/video/style.native.scss +1 -0
- package/src/video/style.scss +1 -0
- package/build/cover/edit/poster-image.js +0 -81
- package/build/cover/edit/poster-image.js.map +0 -1
- package/build/video/poster-image.js +0 -81
- package/build/video/poster-image.js.map +0 -1
- package/build-module/cover/edit/poster-image.js +0 -74
- package/build-module/cover/edit/poster-image.js.map +0 -1
- package/build-module/video/poster-image.js +0 -74
- package/build-module/video/poster-image.js.map +0 -1
- package/src/cover/edit/poster-image.js +0 -91
- package/src/video/poster-image.js +0 -91
package/src/video/style.scss
CHANGED
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _blockEditor = require("@wordpress/block-editor");
|
|
8
|
-
var _components = require("@wordpress/components");
|
|
9
|
-
var _i18n = require("@wordpress/i18n");
|
|
10
|
-
var _element = require("@wordpress/element");
|
|
11
|
-
var _compose = require("@wordpress/compose");
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
/**
|
|
14
|
-
* WordPress dependencies
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
const COVER_POSTER_ALLOWED_MEDIA_TYPES = ['image'];
|
|
18
|
-
function PosterImage({
|
|
19
|
-
poster,
|
|
20
|
-
setAttributes
|
|
21
|
-
}) {
|
|
22
|
-
const posterButtonRef = (0, _element.useRef)();
|
|
23
|
-
const descriptionId = (0, _compose.useInstanceId)(PosterImage, 'cover-block__poster-image-description');
|
|
24
|
-
function onSelectPoster(image) {
|
|
25
|
-
setAttributes({
|
|
26
|
-
poster: image.url
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
function onRemovePoster() {
|
|
30
|
-
setAttributes({
|
|
31
|
-
poster: undefined
|
|
32
|
-
});
|
|
33
|
-
|
|
34
|
-
// Move focus back to the Media Upload button.
|
|
35
|
-
posterButtonRef.current.focus();
|
|
36
|
-
}
|
|
37
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUploadCheck, {
|
|
38
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanelItem, {
|
|
39
|
-
label: (0, _i18n.__)('Poster image'),
|
|
40
|
-
isShownByDefault: true,
|
|
41
|
-
hasValue: () => !!poster,
|
|
42
|
-
onDeselect: () => {
|
|
43
|
-
setAttributes({
|
|
44
|
-
poster: undefined
|
|
45
|
-
});
|
|
46
|
-
},
|
|
47
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl.VisualLabel, {
|
|
48
|
-
children: (0, _i18n.__)('Poster image')
|
|
49
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
|
|
50
|
-
justify: "flex-start",
|
|
51
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUpload, {
|
|
52
|
-
title: (0, _i18n.__)('Select poster image'),
|
|
53
|
-
onSelect: onSelectPoster,
|
|
54
|
-
allowedTypes: COVER_POSTER_ALLOWED_MEDIA_TYPES,
|
|
55
|
-
render: ({
|
|
56
|
-
open
|
|
57
|
-
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
|
|
58
|
-
__next40pxDefaultSize: true,
|
|
59
|
-
variant: "primary",
|
|
60
|
-
onClick: open,
|
|
61
|
-
ref: posterButtonRef,
|
|
62
|
-
"aria-describedby": descriptionId,
|
|
63
|
-
children: !poster ? (0, _i18n.__)('Select') : (0, _i18n.__)('Replace')
|
|
64
|
-
})
|
|
65
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
66
|
-
id: descriptionId,
|
|
67
|
-
hidden: true,
|
|
68
|
-
children: poster ? (0, _i18n.sprintf)(/* translators: %s: poster image URL. */
|
|
69
|
-
(0, _i18n.__)('The current poster image url is %s.'), poster) : (0, _i18n.__)('There is no poster image currently selected.')
|
|
70
|
-
}), !!poster && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
|
|
71
|
-
__next40pxDefaultSize: true,
|
|
72
|
-
onClick: onRemovePoster,
|
|
73
|
-
variant: "tertiary",
|
|
74
|
-
children: (0, _i18n.__)('Remove')
|
|
75
|
-
})]
|
|
76
|
-
})]
|
|
77
|
-
})
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
var _default = exports.default = PosterImage;
|
|
81
|
-
//# sourceMappingURL=poster-image.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_blockEditor","require","_components","_i18n","_element","_compose","_jsxRuntime","COVER_POSTER_ALLOWED_MEDIA_TYPES","PosterImage","poster","setAttributes","posterButtonRef","useRef","descriptionId","useInstanceId","onSelectPoster","image","url","onRemovePoster","undefined","current","focus","jsx","MediaUploadCheck","children","jsxs","__experimentalToolsPanelItem","label","__","isShownByDefault","hasValue","onDeselect","BaseControl","VisualLabel","__experimentalHStack","justify","MediaUpload","title","onSelect","allowedTypes","render","open","Button","__next40pxDefaultSize","variant","onClick","ref","id","hidden","sprintf","_default","exports","default"],"sources":["@wordpress/block-library/src/cover/edit/poster-image.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';\nimport {\n\tButton,\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\nconst COVER_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction PosterImage( { poster, setAttributes } ) {\n\tconst posterButtonRef = useRef();\n\tconst descriptionId = useInstanceId(\n\t\tPosterImage,\n\t\t'cover-block__poster-image-description'\n\t);\n\n\tfunction onSelectPoster( image ) {\n\t\tsetAttributes( { poster: image.url } );\n\t}\n\n\tfunction onRemovePoster() {\n\t\tsetAttributes( { poster: undefined } );\n\n\t\t// Move focus back to the Media Upload button.\n\t\tposterButtonRef.current.focus();\n\t}\n\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Poster image' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! poster }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { poster: undefined } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t{ __( 'Poster image' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\ttitle={ __( 'Select poster image' ) }\n\t\t\t\t\t\tonSelect={ onSelectPoster }\n\t\t\t\t\t\tallowedTypes={ COVER_POSTER_ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\tref={ posterButtonRef }\n\t\t\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ! poster ? __( 'Select' ) : __( 'Replace' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<p id={ descriptionId } hidden>\n\t\t\t\t\t\t{ poster\n\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: poster image URL. */\n\t\t\t\t\t\t\t\t\t__( 'The current poster image url is %s.' ),\n\t\t\t\t\t\t\t\t\tposter\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'There is no poster image currently selected.'\n\t\t\t\t\t\t\t ) }\n\t\t\t\t\t</p>\n\t\t\t\t\t{ !! poster && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tonClick={ onRemovePoster }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</ToolsPanelItem>\n\t\t</MediaUploadCheck>\n\t);\n}\n\nexport default PosterImage;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,81 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _blockEditor = require("@wordpress/block-editor");
|
|
8
|
-
var _components = require("@wordpress/components");
|
|
9
|
-
var _i18n = require("@wordpress/i18n");
|
|
10
|
-
var _element = require("@wordpress/element");
|
|
11
|
-
var _compose = require("@wordpress/compose");
|
|
12
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
-
/**
|
|
14
|
-
* WordPress dependencies
|
|
15
|
-
*/
|
|
16
|
-
|
|
17
|
-
const VIDEO_POSTER_ALLOWED_MEDIA_TYPES = ['image'];
|
|
18
|
-
function PosterImage({
|
|
19
|
-
poster,
|
|
20
|
-
setAttributes
|
|
21
|
-
}) {
|
|
22
|
-
const posterButtonRef = (0, _element.useRef)();
|
|
23
|
-
const descriptionId = (0, _compose.useInstanceId)(PosterImage, 'video-block__poster-image-description');
|
|
24
|
-
function onSelectPoster(image) {
|
|
25
|
-
setAttributes({
|
|
26
|
-
poster: image.url
|
|
27
|
-
});
|
|
28
|
-
}
|
|
29
|
-
function onRemovePoster() {
|
|
30
|
-
setAttributes({
|
|
31
|
-
poster: undefined
|
|
32
|
-
});
|
|
33
|
-
|
|
34
|
-
// Move focus back to the Media Upload button.
|
|
35
|
-
posterButtonRef.current.focus();
|
|
36
|
-
}
|
|
37
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUploadCheck, {
|
|
38
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalToolsPanelItem, {
|
|
39
|
-
label: (0, _i18n.__)('Poster image'),
|
|
40
|
-
isShownByDefault: true,
|
|
41
|
-
hasValue: () => !!poster,
|
|
42
|
-
onDeselect: () => {
|
|
43
|
-
setAttributes({
|
|
44
|
-
poster: undefined
|
|
45
|
-
});
|
|
46
|
-
},
|
|
47
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BaseControl.VisualLabel, {
|
|
48
|
-
children: (0, _i18n.__)('Poster image')
|
|
49
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.__experimentalHStack, {
|
|
50
|
-
justify: "flex-start",
|
|
51
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_blockEditor.MediaUpload, {
|
|
52
|
-
title: (0, _i18n.__)('Select poster image'),
|
|
53
|
-
onSelect: onSelectPoster,
|
|
54
|
-
allowedTypes: VIDEO_POSTER_ALLOWED_MEDIA_TYPES,
|
|
55
|
-
render: ({
|
|
56
|
-
open
|
|
57
|
-
}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
|
|
58
|
-
__next40pxDefaultSize: true,
|
|
59
|
-
variant: "primary",
|
|
60
|
-
onClick: open,
|
|
61
|
-
ref: posterButtonRef,
|
|
62
|
-
"aria-describedby": descriptionId,
|
|
63
|
-
children: !poster ? (0, _i18n.__)('Select') : (0, _i18n.__)('Replace')
|
|
64
|
-
})
|
|
65
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
|
|
66
|
-
id: descriptionId,
|
|
67
|
-
hidden: true,
|
|
68
|
-
children: poster ? (0, _i18n.sprintf)(/* translators: %s: poster image URL. */
|
|
69
|
-
(0, _i18n.__)('The current poster image url is %s'), poster) : (0, _i18n.__)('There is no poster image currently selected')
|
|
70
|
-
}), !!poster && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Button, {
|
|
71
|
-
__next40pxDefaultSize: true,
|
|
72
|
-
onClick: onRemovePoster,
|
|
73
|
-
variant: "tertiary",
|
|
74
|
-
children: (0, _i18n.__)('Remove')
|
|
75
|
-
})]
|
|
76
|
-
})]
|
|
77
|
-
})
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
var _default = exports.default = PosterImage;
|
|
81
|
-
//# sourceMappingURL=poster-image.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["_blockEditor","require","_components","_i18n","_element","_compose","_jsxRuntime","VIDEO_POSTER_ALLOWED_MEDIA_TYPES","PosterImage","poster","setAttributes","posterButtonRef","useRef","descriptionId","useInstanceId","onSelectPoster","image","url","onRemovePoster","undefined","current","focus","jsx","MediaUploadCheck","children","jsxs","__experimentalToolsPanelItem","label","__","isShownByDefault","hasValue","onDeselect","BaseControl","VisualLabel","__experimentalHStack","justify","MediaUpload","title","onSelect","allowedTypes","render","open","Button","__next40pxDefaultSize","variant","onClick","ref","id","hidden","sprintf","_default","exports","default"],"sources":["@wordpress/block-library/src/video/poster-image.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';\nimport {\n\tButton,\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\nconst VIDEO_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction PosterImage( { poster, setAttributes } ) {\n\tconst posterButtonRef = useRef();\n\tconst descriptionId = useInstanceId(\n\t\tPosterImage,\n\t\t'video-block__poster-image-description'\n\t);\n\n\tfunction onSelectPoster( image ) {\n\t\tsetAttributes( { poster: image.url } );\n\t}\n\n\tfunction onRemovePoster() {\n\t\tsetAttributes( { poster: undefined } );\n\n\t\t// Move focus back to the Media Upload button.\n\t\tposterButtonRef.current.focus();\n\t}\n\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Poster image' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! poster }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { poster: undefined } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t{ __( 'Poster image' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\ttitle={ __( 'Select poster image' ) }\n\t\t\t\t\t\tonSelect={ onSelectPoster }\n\t\t\t\t\t\tallowedTypes={ VIDEO_POSTER_ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\tref={ posterButtonRef }\n\t\t\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ! poster ? __( 'Select' ) : __( 'Replace' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<p id={ descriptionId } hidden>\n\t\t\t\t\t\t{ poster\n\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: poster image URL. */\n\t\t\t\t\t\t\t\t\t__( 'The current poster image url is %s' ),\n\t\t\t\t\t\t\t\t\tposter\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'There is no poster image currently selected'\n\t\t\t\t\t\t\t ) }\n\t\t\t\t\t</p>\n\t\t\t\t\t{ !! poster && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tonClick={ onRemovePoster }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</ToolsPanelItem>\n\t\t</MediaUploadCheck>\n\t);\n}\n\nexport default PosterImage;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';
|
|
5
|
-
import { Button, BaseControl, __experimentalHStack as HStack, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
|
|
6
|
-
import { __, sprintf } from '@wordpress/i18n';
|
|
7
|
-
import { useRef } from '@wordpress/element';
|
|
8
|
-
import { useInstanceId } from '@wordpress/compose';
|
|
9
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
-
const COVER_POSTER_ALLOWED_MEDIA_TYPES = ['image'];
|
|
11
|
-
function PosterImage({
|
|
12
|
-
poster,
|
|
13
|
-
setAttributes
|
|
14
|
-
}) {
|
|
15
|
-
const posterButtonRef = useRef();
|
|
16
|
-
const descriptionId = useInstanceId(PosterImage, 'cover-block__poster-image-description');
|
|
17
|
-
function onSelectPoster(image) {
|
|
18
|
-
setAttributes({
|
|
19
|
-
poster: image.url
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
function onRemovePoster() {
|
|
23
|
-
setAttributes({
|
|
24
|
-
poster: undefined
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
// Move focus back to the Media Upload button.
|
|
28
|
-
posterButtonRef.current.focus();
|
|
29
|
-
}
|
|
30
|
-
return /*#__PURE__*/_jsx(MediaUploadCheck, {
|
|
31
|
-
children: /*#__PURE__*/_jsxs(ToolsPanelItem, {
|
|
32
|
-
label: __('Poster image'),
|
|
33
|
-
isShownByDefault: true,
|
|
34
|
-
hasValue: () => !!poster,
|
|
35
|
-
onDeselect: () => {
|
|
36
|
-
setAttributes({
|
|
37
|
-
poster: undefined
|
|
38
|
-
});
|
|
39
|
-
},
|
|
40
|
-
children: [/*#__PURE__*/_jsx(BaseControl.VisualLabel, {
|
|
41
|
-
children: __('Poster image')
|
|
42
|
-
}), /*#__PURE__*/_jsxs(HStack, {
|
|
43
|
-
justify: "flex-start",
|
|
44
|
-
children: [/*#__PURE__*/_jsx(MediaUpload, {
|
|
45
|
-
title: __('Select poster image'),
|
|
46
|
-
onSelect: onSelectPoster,
|
|
47
|
-
allowedTypes: COVER_POSTER_ALLOWED_MEDIA_TYPES,
|
|
48
|
-
render: ({
|
|
49
|
-
open
|
|
50
|
-
}) => /*#__PURE__*/_jsx(Button, {
|
|
51
|
-
__next40pxDefaultSize: true,
|
|
52
|
-
variant: "primary",
|
|
53
|
-
onClick: open,
|
|
54
|
-
ref: posterButtonRef,
|
|
55
|
-
"aria-describedby": descriptionId,
|
|
56
|
-
children: !poster ? __('Select') : __('Replace')
|
|
57
|
-
})
|
|
58
|
-
}), /*#__PURE__*/_jsx("p", {
|
|
59
|
-
id: descriptionId,
|
|
60
|
-
hidden: true,
|
|
61
|
-
children: poster ? sprintf(/* translators: %s: poster image URL. */
|
|
62
|
-
__('The current poster image url is %s.'), poster) : __('There is no poster image currently selected.')
|
|
63
|
-
}), !!poster && /*#__PURE__*/_jsx(Button, {
|
|
64
|
-
__next40pxDefaultSize: true,
|
|
65
|
-
onClick: onRemovePoster,
|
|
66
|
-
variant: "tertiary",
|
|
67
|
-
children: __('Remove')
|
|
68
|
-
})]
|
|
69
|
-
})]
|
|
70
|
-
})
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
export default PosterImage;
|
|
74
|
-
//# sourceMappingURL=poster-image.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["MediaUpload","MediaUploadCheck","Button","BaseControl","__experimentalHStack","HStack","__experimentalToolsPanelItem","ToolsPanelItem","__","sprintf","useRef","useInstanceId","jsx","_jsx","jsxs","_jsxs","COVER_POSTER_ALLOWED_MEDIA_TYPES","PosterImage","poster","setAttributes","posterButtonRef","descriptionId","onSelectPoster","image","url","onRemovePoster","undefined","current","focus","children","label","isShownByDefault","hasValue","onDeselect","VisualLabel","justify","title","onSelect","allowedTypes","render","open","__next40pxDefaultSize","variant","onClick","ref","id","hidden"],"sources":["@wordpress/block-library/src/cover/edit/poster-image.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';\nimport {\n\tButton,\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\nconst COVER_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction PosterImage( { poster, setAttributes } ) {\n\tconst posterButtonRef = useRef();\n\tconst descriptionId = useInstanceId(\n\t\tPosterImage,\n\t\t'cover-block__poster-image-description'\n\t);\n\n\tfunction onSelectPoster( image ) {\n\t\tsetAttributes( { poster: image.url } );\n\t}\n\n\tfunction onRemovePoster() {\n\t\tsetAttributes( { poster: undefined } );\n\n\t\t// Move focus back to the Media Upload button.\n\t\tposterButtonRef.current.focus();\n\t}\n\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Poster image' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! poster }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { poster: undefined } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t{ __( 'Poster image' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\ttitle={ __( 'Select poster image' ) }\n\t\t\t\t\t\tonSelect={ onSelectPoster }\n\t\t\t\t\t\tallowedTypes={ COVER_POSTER_ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\tref={ posterButtonRef }\n\t\t\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ! poster ? __( 'Select' ) : __( 'Replace' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<p id={ descriptionId } hidden>\n\t\t\t\t\t\t{ poster\n\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: poster image URL. */\n\t\t\t\t\t\t\t\t\t__( 'The current poster image url is %s.' ),\n\t\t\t\t\t\t\t\t\tposter\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'There is no poster image currently selected.'\n\t\t\t\t\t\t\t ) }\n\t\t\t\t\t</p>\n\t\t\t\t\t{ !! poster && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tonClick={ onRemovePoster }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</ToolsPanelItem>\n\t\t</MediaUploadCheck>\n\t);\n}\n\nexport default PosterImage;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;AACvE,SACCC,MAAM,EACNC,WAAW,EACXC,oBAAoB,IAAIC,MAAM,EAC9BC,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,aAAa,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnD,MAAMC,gCAAgC,GAAG,CAAE,OAAO,CAAE;AAEpD,SAASC,WAAWA,CAAE;EAAEC,MAAM;EAAEC;AAAc,CAAC,EAAG;EACjD,MAAMC,eAAe,GAAGV,MAAM,CAAC,CAAC;EAChC,MAAMW,aAAa,GAAGV,aAAa,CAClCM,WAAW,EACX,uCACD,CAAC;EAED,SAASK,cAAcA,CAAEC,KAAK,EAAG;IAChCJ,aAAa,CAAE;MAAED,MAAM,EAAEK,KAAK,CAACC;IAAI,CAAE,CAAC;EACvC;EAEA,SAASC,cAAcA,CAAA,EAAG;IACzBN,aAAa,CAAE;MAAED,MAAM,EAAEQ;IAAU,CAAE,CAAC;;IAEtC;IACAN,eAAe,CAACO,OAAO,CAACC,KAAK,CAAC,CAAC;EAChC;EAEA,oBACCf,IAAA,CAACZ,gBAAgB;IAAA4B,QAAA,eAChBd,KAAA,CAACR,cAAc;MACduB,KAAK,EAAGtB,EAAE,CAAE,cAAe,CAAG;MAC9BuB,gBAAgB;MAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEd,MAAQ;MAC5Be,UAAU,EAAGA,CAAA,KAAM;QAClBd,aAAa,CAAE;UAAED,MAAM,EAAEQ;QAAU,CAAE,CAAC;MACvC,CAAG;MAAAG,QAAA,gBAEHhB,IAAA,CAACV,WAAW,CAAC+B,WAAW;QAAAL,QAAA,EACrBrB,EAAE,CAAE,cAAe;MAAC,CACE,CAAC,eAC1BO,KAAA,CAACV,MAAM;QAAC8B,OAAO,EAAC,YAAY;QAAAN,QAAA,gBAC3BhB,IAAA,CAACb,WAAW;UACXoC,KAAK,EAAG5B,EAAE,CAAE,qBAAsB,CAAG;UACrC6B,QAAQ,EAAGf,cAAgB;UAC3BgB,YAAY,EAAGtB,gCAAkC;UACjDuB,MAAM,EAAGA,CAAE;YAAEC;UAAK,CAAC,kBAClB3B,IAAA,CAACX,MAAM;YACNuC,qBAAqB;YACrBC,OAAO,EAAC,SAAS;YACjBC,OAAO,EAAGH,IAAM;YAChBI,GAAG,EAAGxB,eAAiB;YACvB,oBAAmBC,aAAe;YAAAQ,QAAA,EAEhC,CAAEX,MAAM,GAAGV,EAAE,CAAE,QAAS,CAAC,GAAGA,EAAE,CAAE,SAAU;UAAC,CACtC;QACN,CACH,CAAC,eACFK,IAAA;UAAGgC,EAAE,EAAGxB,aAAe;UAACyB,MAAM;UAAAjB,QAAA,EAC3BX,MAAM,GACLT,OAAO,CACP;UACAD,EAAE,CAAE,qCAAsC,CAAC,EAC3CU,MACA,CAAC,GACDV,EAAE,CACF,8CACA;QAAC,CACF,CAAC,EACF,CAAC,CAAEU,MAAM,iBACVL,IAAA,CAACX,MAAM;UACNuC,qBAAqB;UACrBE,OAAO,EAAGlB,cAAgB;UAC1BiB,OAAO,EAAC,UAAU;UAAAb,QAAA,EAEhBrB,EAAE,CAAE,QAAS;QAAC,CACT,CACR;MAAA,CACM,CAAC;IAAA,CACM;EAAC,CACA,CAAC;AAErB;AAEA,eAAeS,WAAW","ignoreList":[]}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';
|
|
5
|
-
import { Button, BaseControl, __experimentalHStack as HStack, __experimentalToolsPanelItem as ToolsPanelItem } from '@wordpress/components';
|
|
6
|
-
import { __, sprintf } from '@wordpress/i18n';
|
|
7
|
-
import { useRef } from '@wordpress/element';
|
|
8
|
-
import { useInstanceId } from '@wordpress/compose';
|
|
9
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
10
|
-
const VIDEO_POSTER_ALLOWED_MEDIA_TYPES = ['image'];
|
|
11
|
-
function PosterImage({
|
|
12
|
-
poster,
|
|
13
|
-
setAttributes
|
|
14
|
-
}) {
|
|
15
|
-
const posterButtonRef = useRef();
|
|
16
|
-
const descriptionId = useInstanceId(PosterImage, 'video-block__poster-image-description');
|
|
17
|
-
function onSelectPoster(image) {
|
|
18
|
-
setAttributes({
|
|
19
|
-
poster: image.url
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
function onRemovePoster() {
|
|
23
|
-
setAttributes({
|
|
24
|
-
poster: undefined
|
|
25
|
-
});
|
|
26
|
-
|
|
27
|
-
// Move focus back to the Media Upload button.
|
|
28
|
-
posterButtonRef.current.focus();
|
|
29
|
-
}
|
|
30
|
-
return /*#__PURE__*/_jsx(MediaUploadCheck, {
|
|
31
|
-
children: /*#__PURE__*/_jsxs(ToolsPanelItem, {
|
|
32
|
-
label: __('Poster image'),
|
|
33
|
-
isShownByDefault: true,
|
|
34
|
-
hasValue: () => !!poster,
|
|
35
|
-
onDeselect: () => {
|
|
36
|
-
setAttributes({
|
|
37
|
-
poster: undefined
|
|
38
|
-
});
|
|
39
|
-
},
|
|
40
|
-
children: [/*#__PURE__*/_jsx(BaseControl.VisualLabel, {
|
|
41
|
-
children: __('Poster image')
|
|
42
|
-
}), /*#__PURE__*/_jsxs(HStack, {
|
|
43
|
-
justify: "flex-start",
|
|
44
|
-
children: [/*#__PURE__*/_jsx(MediaUpload, {
|
|
45
|
-
title: __('Select poster image'),
|
|
46
|
-
onSelect: onSelectPoster,
|
|
47
|
-
allowedTypes: VIDEO_POSTER_ALLOWED_MEDIA_TYPES,
|
|
48
|
-
render: ({
|
|
49
|
-
open
|
|
50
|
-
}) => /*#__PURE__*/_jsx(Button, {
|
|
51
|
-
__next40pxDefaultSize: true,
|
|
52
|
-
variant: "primary",
|
|
53
|
-
onClick: open,
|
|
54
|
-
ref: posterButtonRef,
|
|
55
|
-
"aria-describedby": descriptionId,
|
|
56
|
-
children: !poster ? __('Select') : __('Replace')
|
|
57
|
-
})
|
|
58
|
-
}), /*#__PURE__*/_jsx("p", {
|
|
59
|
-
id: descriptionId,
|
|
60
|
-
hidden: true,
|
|
61
|
-
children: poster ? sprintf(/* translators: %s: poster image URL. */
|
|
62
|
-
__('The current poster image url is %s'), poster) : __('There is no poster image currently selected')
|
|
63
|
-
}), !!poster && /*#__PURE__*/_jsx(Button, {
|
|
64
|
-
__next40pxDefaultSize: true,
|
|
65
|
-
onClick: onRemovePoster,
|
|
66
|
-
variant: "tertiary",
|
|
67
|
-
children: __('Remove')
|
|
68
|
-
})]
|
|
69
|
-
})]
|
|
70
|
-
})
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
export default PosterImage;
|
|
74
|
-
//# sourceMappingURL=poster-image.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["MediaUpload","MediaUploadCheck","Button","BaseControl","__experimentalHStack","HStack","__experimentalToolsPanelItem","ToolsPanelItem","__","sprintf","useRef","useInstanceId","jsx","_jsx","jsxs","_jsxs","VIDEO_POSTER_ALLOWED_MEDIA_TYPES","PosterImage","poster","setAttributes","posterButtonRef","descriptionId","onSelectPoster","image","url","onRemovePoster","undefined","current","focus","children","label","isShownByDefault","hasValue","onDeselect","VisualLabel","justify","title","onSelect","allowedTypes","render","open","__next40pxDefaultSize","variant","onClick","ref","id","hidden"],"sources":["@wordpress/block-library/src/video/poster-image.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';\nimport {\n\tButton,\n\tBaseControl,\n\t__experimentalHStack as HStack,\n\t__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\nimport { useInstanceId } from '@wordpress/compose';\n\nconst VIDEO_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ];\n\nfunction PosterImage( { poster, setAttributes } ) {\n\tconst posterButtonRef = useRef();\n\tconst descriptionId = useInstanceId(\n\t\tPosterImage,\n\t\t'video-block__poster-image-description'\n\t);\n\n\tfunction onSelectPoster( image ) {\n\t\tsetAttributes( { poster: image.url } );\n\t}\n\n\tfunction onRemovePoster() {\n\t\tsetAttributes( { poster: undefined } );\n\n\t\t// Move focus back to the Media Upload button.\n\t\tposterButtonRef.current.focus();\n\t}\n\n\treturn (\n\t\t<MediaUploadCheck>\n\t\t\t<ToolsPanelItem\n\t\t\t\tlabel={ __( 'Poster image' ) }\n\t\t\t\tisShownByDefault\n\t\t\t\thasValue={ () => !! poster }\n\t\t\t\tonDeselect={ () => {\n\t\t\t\t\tsetAttributes( { poster: undefined } );\n\t\t\t\t} }\n\t\t\t>\n\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t{ __( 'Poster image' ) }\n\t\t\t\t</BaseControl.VisualLabel>\n\t\t\t\t<HStack justify=\"flex-start\">\n\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\ttitle={ __( 'Select poster image' ) }\n\t\t\t\t\t\tonSelect={ onSelectPoster }\n\t\t\t\t\t\tallowedTypes={ VIDEO_POSTER_ALLOWED_MEDIA_TYPES }\n\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\tref={ posterButtonRef }\n\t\t\t\t\t\t\t\taria-describedby={ descriptionId }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{ ! poster ? __( 'Select' ) : __( 'Replace' ) }\n\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t) }\n\t\t\t\t\t/>\n\t\t\t\t\t<p id={ descriptionId } hidden>\n\t\t\t\t\t\t{ poster\n\t\t\t\t\t\t\t? sprintf(\n\t\t\t\t\t\t\t\t\t/* translators: %s: poster image URL. */\n\t\t\t\t\t\t\t\t\t__( 'The current poster image url is %s' ),\n\t\t\t\t\t\t\t\t\tposter\n\t\t\t\t\t\t\t )\n\t\t\t\t\t\t\t: __(\n\t\t\t\t\t\t\t\t\t'There is no poster image currently selected'\n\t\t\t\t\t\t\t ) }\n\t\t\t\t\t</p>\n\t\t\t\t\t{ !! poster && (\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\t\tonClick={ onRemovePoster }\n\t\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Remove' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t) }\n\t\t\t\t</HStack>\n\t\t\t</ToolsPanelItem>\n\t\t</MediaUploadCheck>\n\t);\n}\n\nexport default PosterImage;\n"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,yBAAyB;AACvE,SACCC,MAAM,EACNC,WAAW,EACXC,oBAAoB,IAAIC,MAAM,EAC9BC,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,MAAM,QAAQ,oBAAoB;AAC3C,SAASC,aAAa,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnD,MAAMC,gCAAgC,GAAG,CAAE,OAAO,CAAE;AAEpD,SAASC,WAAWA,CAAE;EAAEC,MAAM;EAAEC;AAAc,CAAC,EAAG;EACjD,MAAMC,eAAe,GAAGV,MAAM,CAAC,CAAC;EAChC,MAAMW,aAAa,GAAGV,aAAa,CAClCM,WAAW,EACX,uCACD,CAAC;EAED,SAASK,cAAcA,CAAEC,KAAK,EAAG;IAChCJ,aAAa,CAAE;MAAED,MAAM,EAAEK,KAAK,CAACC;IAAI,CAAE,CAAC;EACvC;EAEA,SAASC,cAAcA,CAAA,EAAG;IACzBN,aAAa,CAAE;MAAED,MAAM,EAAEQ;IAAU,CAAE,CAAC;;IAEtC;IACAN,eAAe,CAACO,OAAO,CAACC,KAAK,CAAC,CAAC;EAChC;EAEA,oBACCf,IAAA,CAACZ,gBAAgB;IAAA4B,QAAA,eAChBd,KAAA,CAACR,cAAc;MACduB,KAAK,EAAGtB,EAAE,CAAE,cAAe,CAAG;MAC9BuB,gBAAgB;MAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEd,MAAQ;MAC5Be,UAAU,EAAGA,CAAA,KAAM;QAClBd,aAAa,CAAE;UAAED,MAAM,EAAEQ;QAAU,CAAE,CAAC;MACvC,CAAG;MAAAG,QAAA,gBAEHhB,IAAA,CAACV,WAAW,CAAC+B,WAAW;QAAAL,QAAA,EACrBrB,EAAE,CAAE,cAAe;MAAC,CACE,CAAC,eAC1BO,KAAA,CAACV,MAAM;QAAC8B,OAAO,EAAC,YAAY;QAAAN,QAAA,gBAC3BhB,IAAA,CAACb,WAAW;UACXoC,KAAK,EAAG5B,EAAE,CAAE,qBAAsB,CAAG;UACrC6B,QAAQ,EAAGf,cAAgB;UAC3BgB,YAAY,EAAGtB,gCAAkC;UACjDuB,MAAM,EAAGA,CAAE;YAAEC;UAAK,CAAC,kBAClB3B,IAAA,CAACX,MAAM;YACNuC,qBAAqB;YACrBC,OAAO,EAAC,SAAS;YACjBC,OAAO,EAAGH,IAAM;YAChBI,GAAG,EAAGxB,eAAiB;YACvB,oBAAmBC,aAAe;YAAAQ,QAAA,EAEhC,CAAEX,MAAM,GAAGV,EAAE,CAAE,QAAS,CAAC,GAAGA,EAAE,CAAE,SAAU;UAAC,CACtC;QACN,CACH,CAAC,eACFK,IAAA;UAAGgC,EAAE,EAAGxB,aAAe;UAACyB,MAAM;UAAAjB,QAAA,EAC3BX,MAAM,GACLT,OAAO,CACP;UACAD,EAAE,CAAE,oCAAqC,CAAC,EAC1CU,MACA,CAAC,GACDV,EAAE,CACF,6CACA;QAAC,CACF,CAAC,EACF,CAAC,CAAEU,MAAM,iBACVL,IAAA,CAACX,MAAM;UACNuC,qBAAqB;UACrBE,OAAO,EAAGlB,cAAgB;UAC1BiB,OAAO,EAAC,UAAU;UAAAb,QAAA,EAEhBrB,EAAE,CAAE,QAAS;QAAC,CACT,CACR;MAAA,CACM,CAAC;IAAA,CACM;EAAC,CACA,CAAC;AAErB;AAEA,eAAeS,WAAW","ignoreList":[]}
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';
|
|
5
|
-
import {
|
|
6
|
-
Button,
|
|
7
|
-
BaseControl,
|
|
8
|
-
__experimentalHStack as HStack,
|
|
9
|
-
__experimentalToolsPanelItem as ToolsPanelItem,
|
|
10
|
-
} from '@wordpress/components';
|
|
11
|
-
import { __, sprintf } from '@wordpress/i18n';
|
|
12
|
-
import { useRef } from '@wordpress/element';
|
|
13
|
-
import { useInstanceId } from '@wordpress/compose';
|
|
14
|
-
|
|
15
|
-
const COVER_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ];
|
|
16
|
-
|
|
17
|
-
function PosterImage( { poster, setAttributes } ) {
|
|
18
|
-
const posterButtonRef = useRef();
|
|
19
|
-
const descriptionId = useInstanceId(
|
|
20
|
-
PosterImage,
|
|
21
|
-
'cover-block__poster-image-description'
|
|
22
|
-
);
|
|
23
|
-
|
|
24
|
-
function onSelectPoster( image ) {
|
|
25
|
-
setAttributes( { poster: image.url } );
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
function onRemovePoster() {
|
|
29
|
-
setAttributes( { poster: undefined } );
|
|
30
|
-
|
|
31
|
-
// Move focus back to the Media Upload button.
|
|
32
|
-
posterButtonRef.current.focus();
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
return (
|
|
36
|
-
<MediaUploadCheck>
|
|
37
|
-
<ToolsPanelItem
|
|
38
|
-
label={ __( 'Poster image' ) }
|
|
39
|
-
isShownByDefault
|
|
40
|
-
hasValue={ () => !! poster }
|
|
41
|
-
onDeselect={ () => {
|
|
42
|
-
setAttributes( { poster: undefined } );
|
|
43
|
-
} }
|
|
44
|
-
>
|
|
45
|
-
<BaseControl.VisualLabel>
|
|
46
|
-
{ __( 'Poster image' ) }
|
|
47
|
-
</BaseControl.VisualLabel>
|
|
48
|
-
<HStack justify="flex-start">
|
|
49
|
-
<MediaUpload
|
|
50
|
-
title={ __( 'Select poster image' ) }
|
|
51
|
-
onSelect={ onSelectPoster }
|
|
52
|
-
allowedTypes={ COVER_POSTER_ALLOWED_MEDIA_TYPES }
|
|
53
|
-
render={ ( { open } ) => (
|
|
54
|
-
<Button
|
|
55
|
-
__next40pxDefaultSize
|
|
56
|
-
variant="primary"
|
|
57
|
-
onClick={ open }
|
|
58
|
-
ref={ posterButtonRef }
|
|
59
|
-
aria-describedby={ descriptionId }
|
|
60
|
-
>
|
|
61
|
-
{ ! poster ? __( 'Select' ) : __( 'Replace' ) }
|
|
62
|
-
</Button>
|
|
63
|
-
) }
|
|
64
|
-
/>
|
|
65
|
-
<p id={ descriptionId } hidden>
|
|
66
|
-
{ poster
|
|
67
|
-
? sprintf(
|
|
68
|
-
/* translators: %s: poster image URL. */
|
|
69
|
-
__( 'The current poster image url is %s.' ),
|
|
70
|
-
poster
|
|
71
|
-
)
|
|
72
|
-
: __(
|
|
73
|
-
'There is no poster image currently selected.'
|
|
74
|
-
) }
|
|
75
|
-
</p>
|
|
76
|
-
{ !! poster && (
|
|
77
|
-
<Button
|
|
78
|
-
__next40pxDefaultSize
|
|
79
|
-
onClick={ onRemovePoster }
|
|
80
|
-
variant="tertiary"
|
|
81
|
-
>
|
|
82
|
-
{ __( 'Remove' ) }
|
|
83
|
-
</Button>
|
|
84
|
-
) }
|
|
85
|
-
</HStack>
|
|
86
|
-
</ToolsPanelItem>
|
|
87
|
-
</MediaUploadCheck>
|
|
88
|
-
);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
export default PosterImage;
|
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* WordPress dependencies
|
|
3
|
-
*/
|
|
4
|
-
import { MediaUpload, MediaUploadCheck } from '@wordpress/block-editor';
|
|
5
|
-
import {
|
|
6
|
-
Button,
|
|
7
|
-
BaseControl,
|
|
8
|
-
__experimentalHStack as HStack,
|
|
9
|
-
__experimentalToolsPanelItem as ToolsPanelItem,
|
|
10
|
-
} from '@wordpress/components';
|
|
11
|
-
import { __, sprintf } from '@wordpress/i18n';
|
|
12
|
-
import { useRef } from '@wordpress/element';
|
|
13
|
-
import { useInstanceId } from '@wordpress/compose';
|
|
14
|
-
|
|
15
|
-
const VIDEO_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ];
|
|
16
|
-
|
|
17
|
-
function PosterImage( { poster, setAttributes } ) {
|
|
18
|
-
const posterButtonRef = useRef();
|
|
19
|
-
const descriptionId = useInstanceId(
|
|
20
|
-
PosterImage,
|
|
21
|
-
'video-block__poster-image-description'
|
|
22
|
-
);
|
|
23
|
-
|
|
24
|
-
function onSelectPoster( image ) {
|
|
25
|
-
setAttributes( { poster: image.url } );
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
function onRemovePoster() {
|
|
29
|
-
setAttributes( { poster: undefined } );
|
|
30
|
-
|
|
31
|
-
// Move focus back to the Media Upload button.
|
|
32
|
-
posterButtonRef.current.focus();
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
return (
|
|
36
|
-
<MediaUploadCheck>
|
|
37
|
-
<ToolsPanelItem
|
|
38
|
-
label={ __( 'Poster image' ) }
|
|
39
|
-
isShownByDefault
|
|
40
|
-
hasValue={ () => !! poster }
|
|
41
|
-
onDeselect={ () => {
|
|
42
|
-
setAttributes( { poster: undefined } );
|
|
43
|
-
} }
|
|
44
|
-
>
|
|
45
|
-
<BaseControl.VisualLabel>
|
|
46
|
-
{ __( 'Poster image' ) }
|
|
47
|
-
</BaseControl.VisualLabel>
|
|
48
|
-
<HStack justify="flex-start">
|
|
49
|
-
<MediaUpload
|
|
50
|
-
title={ __( 'Select poster image' ) }
|
|
51
|
-
onSelect={ onSelectPoster }
|
|
52
|
-
allowedTypes={ VIDEO_POSTER_ALLOWED_MEDIA_TYPES }
|
|
53
|
-
render={ ( { open } ) => (
|
|
54
|
-
<Button
|
|
55
|
-
__next40pxDefaultSize
|
|
56
|
-
variant="primary"
|
|
57
|
-
onClick={ open }
|
|
58
|
-
ref={ posterButtonRef }
|
|
59
|
-
aria-describedby={ descriptionId }
|
|
60
|
-
>
|
|
61
|
-
{ ! poster ? __( 'Select' ) : __( 'Replace' ) }
|
|
62
|
-
</Button>
|
|
63
|
-
) }
|
|
64
|
-
/>
|
|
65
|
-
<p id={ descriptionId } hidden>
|
|
66
|
-
{ poster
|
|
67
|
-
? sprintf(
|
|
68
|
-
/* translators: %s: poster image URL. */
|
|
69
|
-
__( 'The current poster image url is %s' ),
|
|
70
|
-
poster
|
|
71
|
-
)
|
|
72
|
-
: __(
|
|
73
|
-
'There is no poster image currently selected'
|
|
74
|
-
) }
|
|
75
|
-
</p>
|
|
76
|
-
{ !! poster && (
|
|
77
|
-
<Button
|
|
78
|
-
__next40pxDefaultSize
|
|
79
|
-
onClick={ onRemovePoster }
|
|
80
|
-
variant="tertiary"
|
|
81
|
-
>
|
|
82
|
-
{ __( 'Remove' ) }
|
|
83
|
-
</Button>
|
|
84
|
-
) }
|
|
85
|
-
</HStack>
|
|
86
|
-
</ToolsPanelItem>
|
|
87
|
-
</MediaUploadCheck>
|
|
88
|
-
);
|
|
89
|
-
}
|
|
90
|
-
|
|
91
|
-
export default PosterImage;
|