@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.
Files changed (90) hide show
  1. package/build/categories/edit.js +15 -3
  2. package/build/categories/edit.js.map +1 -1
  3. package/build/cover/edit/inspector-controls.js +4 -2
  4. package/build/cover/edit/inspector-controls.js.map +1 -1
  5. package/build/file/edit.js +2 -1
  6. package/build/file/edit.js.map +1 -1
  7. package/build/latest-posts/edit.js +0 -2
  8. package/build/latest-posts/edit.js.map +1 -1
  9. package/build/paragraph/edit.js +2 -2
  10. package/build/paragraph/edit.js.map +1 -1
  11. package/build/post-date/deprecated.js +104 -1
  12. package/build/post-date/deprecated.js.map +1 -1
  13. package/build/post-date/edit.js +32 -32
  14. package/build/post-date/edit.js.map +1 -1
  15. package/build/post-date/index.js +4 -4
  16. package/build/post-date/index.js.map +1 -1
  17. package/build/post-date/variations.js +32 -3
  18. package/build/post-date/variations.js.map +1 -1
  19. package/build/social-link/variations.js +51 -49
  20. package/build/social-link/variations.js.map +1 -1
  21. package/build/utils/poster-image.js +93 -0
  22. package/build/utils/poster-image.js.map +1 -0
  23. package/build/video/edit.js +6 -2
  24. package/build/video/edit.js.map +1 -1
  25. package/build-module/categories/edit.js +15 -3
  26. package/build-module/categories/edit.js.map +1 -1
  27. package/build-module/cover/edit/inspector-controls.js +4 -2
  28. package/build-module/cover/edit/inspector-controls.js.map +1 -1
  29. package/build-module/file/edit.js +2 -1
  30. package/build-module/file/edit.js.map +1 -1
  31. package/build-module/latest-posts/edit.js +0 -2
  32. package/build-module/latest-posts/edit.js.map +1 -1
  33. package/build-module/paragraph/edit.js +2 -2
  34. package/build-module/paragraph/edit.js.map +1 -1
  35. package/build-module/post-date/deprecated.js +104 -1
  36. package/build-module/post-date/deprecated.js.map +1 -1
  37. package/build-module/post-date/edit.js +35 -35
  38. package/build-module/post-date/edit.js.map +1 -1
  39. package/build-module/post-date/index.js +4 -4
  40. package/build-module/post-date/index.js.map +1 -1
  41. package/build-module/post-date/variations.js +32 -3
  42. package/build-module/post-date/variations.js.map +1 -1
  43. package/build-module/social-link/variations.js +52 -50
  44. package/build-module/social-link/variations.js.map +1 -1
  45. package/build-module/utils/poster-image.js +85 -0
  46. package/build-module/utils/poster-image.js.map +1 -0
  47. package/build-module/video/edit.js +6 -2
  48. package/build-module/video/edit.js.map +1 -1
  49. package/build-style/editor-rtl.css +67 -10
  50. package/build-style/editor.css +67 -10
  51. package/build-style/navigation/editor-rtl.css +6 -6
  52. package/build-style/navigation/editor.css +6 -6
  53. package/build-style/page-list/editor-rtl.css +0 -4
  54. package/build-style/page-list/editor.css +0 -4
  55. package/build-style/style-rtl.css +1 -0
  56. package/build-style/style.css +1 -0
  57. package/build-style/video/style-rtl.css +1 -0
  58. package/build-style/video/style.css +1 -0
  59. package/package.json +35 -35
  60. package/src/categories/edit.js +13 -1
  61. package/src/cover/edit/inspector-controls.js +6 -2
  62. package/src/editor.scss +1 -0
  63. package/src/file/edit.js +4 -1
  64. package/src/latest-posts/edit.js +0 -2
  65. package/src/page-list/editor.scss +0 -6
  66. package/src/paragraph/edit.js +2 -2
  67. package/src/post-date/block.json +4 -4
  68. package/src/post-date/deprecated.js +104 -1
  69. package/src/post-date/edit.js +74 -86
  70. package/src/post-date/index.php +55 -28
  71. package/src/post-date/variations.js +37 -3
  72. package/src/social-link/README.md +21 -0
  73. package/src/social-link/index.php +49 -49
  74. package/src/social-link/variations.js +51 -49
  75. package/src/utils/poster-image.js +131 -0
  76. package/src/utils/poster-image.scss +75 -0
  77. package/src/video/edit.js +7 -2
  78. package/src/video/index.php +91 -0
  79. package/src/video/style.native.scss +1 -0
  80. package/src/video/style.scss +1 -0
  81. package/build/cover/edit/poster-image.js +0 -81
  82. package/build/cover/edit/poster-image.js.map +0 -1
  83. package/build/video/poster-image.js +0 -81
  84. package/build/video/poster-image.js.map +0 -1
  85. package/build-module/cover/edit/poster-image.js +0 -74
  86. package/build-module/cover/edit/poster-image.js.map +0 -1
  87. package/build-module/video/poster-image.js +0 -74
  88. package/build-module/video/poster-image.js.map +0 -1
  89. package/src/cover/edit/poster-image.js +0 -91
  90. package/src/video/poster-image.js +0 -91
@@ -3,6 +3,7 @@
3
3
  box-sizing: border-box;
4
4
  video {
5
5
  width: 100%;
6
+ height: auto;
6
7
  vertical-align: middle;
7
8
  }
8
9
 
@@ -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":";;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAMA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAmD,IAAAK,WAAA,GAAAL,OAAA;AAZnD;AACA;AACA;;AAYA,MAAMM,gCAAgC,GAAG,CAAE,OAAO,CAAE;AAEpD,SAASC,WAAWA,CAAE;EAAEC,MAAM;EAAEC;AAAc,CAAC,EAAG;EACjD,MAAMC,eAAe,GAAG,IAAAC,eAAM,EAAC,CAAC;EAChC,MAAMC,aAAa,GAAG,IAAAC,sBAAa,EAClCN,WAAW,EACX,uCACD,CAAC;EAED,SAASO,cAAcA,CAAEC,KAAK,EAAG;IAChCN,aAAa,CAAE;MAAED,MAAM,EAAEO,KAAK,CAACC;IAAI,CAAE,CAAC;EACvC;EAEA,SAASC,cAAcA,CAAA,EAAG;IACzBR,aAAa,CAAE;MAAED,MAAM,EAAEU;IAAU,CAAE,CAAC;;IAEtC;IACAR,eAAe,CAACS,OAAO,CAACC,KAAK,CAAC,CAAC;EAChC;EAEA,oBACC,IAAAf,WAAA,CAAAgB,GAAA,EAACtB,YAAA,CAAAuB,gBAAgB;IAAAC,QAAA,eAChB,IAAAlB,WAAA,CAAAmB,IAAA,EAACvB,WAAA,CAAAwB,4BAAc;MACdC,KAAK,EAAG,IAAAC,QAAE,EAAE,cAAe,CAAG;MAC9BC,gBAAgB;MAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAErB,MAAQ;MAC5BsB,UAAU,EAAGA,CAAA,KAAM;QAClBrB,aAAa,CAAE;UAAED,MAAM,EAAEU;QAAU,CAAE,CAAC;MACvC,CAAG;MAAAK,QAAA,gBAEH,IAAAlB,WAAA,CAAAgB,GAAA,EAACpB,WAAA,CAAA8B,WAAW,CAACC,WAAW;QAAAT,QAAA,EACrB,IAAAI,QAAE,EAAE,cAAe;MAAC,CACE,CAAC,eAC1B,IAAAtB,WAAA,CAAAmB,IAAA,EAACvB,WAAA,CAAAgC,oBAAM;QAACC,OAAO,EAAC,YAAY;QAAAX,QAAA,gBAC3B,IAAAlB,WAAA,CAAAgB,GAAA,EAACtB,YAAA,CAAAoC,WAAW;UACXC,KAAK,EAAG,IAAAT,QAAE,EAAE,qBAAsB,CAAG;UACrCU,QAAQ,EAAGvB,cAAgB;UAC3BwB,YAAY,EAAGhC,gCAAkC;UACjDiC,MAAM,EAAGA,CAAE;YAAEC;UAAK,CAAC,kBAClB,IAAAnC,WAAA,CAAAgB,GAAA,EAACpB,WAAA,CAAAwC,MAAM;YACNC,qBAAqB;YACrBC,OAAO,EAAC,SAAS;YACjBC,OAAO,EAAGJ,IAAM;YAChBK,GAAG,EAAGnC,eAAiB;YACvB,oBAAmBE,aAAe;YAAAW,QAAA,EAEhC,CAAEf,MAAM,GAAG,IAAAmB,QAAE,EAAE,QAAS,CAAC,GAAG,IAAAA,QAAE,EAAE,SAAU;UAAC,CACtC;QACN,CACH,CAAC,eACF,IAAAtB,WAAA,CAAAgB,GAAA;UAAGyB,EAAE,EAAGlC,aAAe;UAACmC,MAAM;UAAAxB,QAAA,EAC3Bf,MAAM,GACL,IAAAwC,aAAO,EACP;UACA,IAAArB,QAAE,EAAE,qCAAsC,CAAC,EAC3CnB,MACA,CAAC,GACD,IAAAmB,QAAE,EACF,8CACA;QAAC,CACF,CAAC,EACF,CAAC,CAAEnB,MAAM,iBACV,IAAAH,WAAA,CAAAgB,GAAA,EAACpB,WAAA,CAAAwC,MAAM;UACNC,qBAAqB;UACrBE,OAAO,EAAG3B,cAAgB;UAC1B0B,OAAO,EAAC,UAAU;UAAApB,QAAA,EAEhB,IAAAI,QAAE,EAAE,QAAS;QAAC,CACT,CACR;MAAA,CACM,CAAC;IAAA,CACM;EAAC,CACA,CAAC;AAErB;AAAC,IAAAsB,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc5C,WAAW","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;