@wordpress/block-library 9.26.0 → 9.27.0

package/build-module/video/poster-image.js.map

@@ -1 +1 @@
-{"version":3,"names":["MediaUpload","MediaUploadCheck","Button","BaseControl","__experimentalToolsPanelItem","ToolsPanelItem","__","sprintf","useRef","jsx","_jsx","jsxs","_jsxs","PosterImage","poster","setAttributes","instanceId","posterImageButton","VIDEO_POSTER_ALLOWED_MEDIA_TYPES","videoPosterDescription","onSelectPoster","image","url","onRemovePoster","undefined","current","focus","label","isShownByDefault","hasValue","onDeselect","children","className","VisualLabel","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__experimentalToolsPanelItem as ToolsPanelItem,\n} from '@wordpress/components';\nimport { __, sprintf } from '@wordpress/i18n';\nimport { useRef } from '@wordpress/element';\n\nfunction PosterImage( { poster, setAttributes, instanceId } ) {\n\tconst posterImageButton = useRef();\n\tconst VIDEO_POSTER_ALLOWED_MEDIA_TYPES = [ 'image' ];\n\n\tconst videoPosterDescription = `video-block__poster-image-description-${ instanceId }`;\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\tposterImageButton.current.focus();\n\t}\n\n\treturn (\n\t\t<ToolsPanelItem\n\t\t\tlabel={ __( 'Poster image' ) }\n\t\t\tisShownByDefault\n\t\t\thasValue={ () => !! poster }\n\t\t\tonDeselect={ () => {\n\t\t\t\tsetAttributes( { poster: '' } );\n\t\t\t} }\n\t\t>\n\t\t\t<MediaUploadCheck>\n\t\t\t\t<div className=\"editor-video-poster-control\">\n\t\t\t\t\t<BaseControl.VisualLabel>\n\t\t\t\t\t\t{ __( 'Poster image' ) }\n\t\t\t\t\t</BaseControl.VisualLabel>\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={ posterImageButton }\n\t\t\t\t\t\t\t\taria-describedby={ videoPosterDescription }\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={ videoPosterDescription } 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</div>\n\t\t\t</MediaUploadCheck>\n\t\t</ToolsPanelItem>\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,4BAA4B,IAAIC,cAAc,QACxC,uBAAuB;AAC9B,SAASC,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SAASC,MAAM,QAAQ,oBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE5C,SAASC,WAAWA,CAAE;EAAEC,MAAM;EAAEC,aAAa;EAAEC;AAAW,CAAC,EAAG;EAC7D,MAAMC,iBAAiB,GAAGT,MAAM,CAAC,CAAC;EAClC,MAAMU,gCAAgC,GAAG,CAAE,OAAO,CAAE;EAEpD,MAAMC,sBAAsB,GAAG,yCAA0CH,UAAU,EAAG;EAEtF,SAASI,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;IACAP,iBAAiB,CAACQ,OAAO,CAACC,KAAK,CAAC,CAAC;EAClC;EAEA,oBACChB,IAAA,CAACL,cAAc;IACdsB,KAAK,EAAGrB,EAAE,CAAE,cAAe,CAAG;IAC9BsB,gBAAgB;IAChBC,QAAQ,EAAGA,CAAA,KAAM,CAAC,CAAEf,MAAQ;IAC5BgB,UAAU,EAAGA,CAAA,KAAM;MAClBf,aAAa,CAAE;QAAED,MAAM,EAAE;MAAG,CAAE,CAAC;IAChC,CAAG;IAAAiB,QAAA,eAEHrB,IAAA,CAACT,gBAAgB;MAAA8B,QAAA,eAChBnB,KAAA;QAAKoB,SAAS,EAAC,6BAA6B;QAAAD,QAAA,gBAC3CrB,IAAA,CAACP,WAAW,CAAC8B,WAAW;UAAAF,QAAA,EACrBzB,EAAE,CAAE,cAAe;QAAC,CACE,CAAC,eAC1BI,IAAA,CAACV,WAAW;UACXkC,KAAK,EAAG5B,EAAE,CAAE,qBAAsB,CAAG;UACrC6B,QAAQ,EAAGf,cAAgB;UAC3BgB,YAAY,EAAGlB,gCAAkC;UACjDmB,MAAM,EAAGA,CAAE;YAAEC;UAAK,CAAC,kBAClB5B,IAAA,CAACR,MAAM;YACNqC,qBAAqB;YACrBC,OAAO,EAAC,SAAS;YACjBC,OAAO,EAAGH,IAAM;YAChBI,GAAG,EAAGzB,iBAAmB;YACzB,oBAAmBE,sBAAwB;YAAAY,QAAA,EAEzC,CAAEjB,MAAM,GAAGR,EAAE,CAAE,QAAS,CAAC,GAAGA,EAAE,CAAE,SAAU;UAAC,CACtC;QACN,CACH,CAAC,eACFI,IAAA;UAAGiC,EAAE,EAAGxB,sBAAwB;UAACyB,MAAM;UAAAb,QAAA,EACpCjB,MAAM,GACLP,OAAO,CACP;UACAD,EAAE,CAAE,oCAAqC,CAAC,EAC1CQ,MACA,CAAC,GACDR,EAAE,CACF,6CACA;QAAC,CACF,CAAC,EACF,CAAC,CAAEQ,MAAM,iBACVJ,IAAA,CAACR,MAAM;UACNqC,qBAAqB;UACrBE,OAAO,EAAGlB,cAAgB;UAC1BiB,OAAO,EAAC,UAAU;UAAAT,QAAA,EAEhBzB,EAAE,CAAE,QAAS;QAAC,CACT,CACR;MAAA,CACG;IAAC,CACW;EAAC,CACJ,CAAC;AAEnB;AAEA,eAAeO,WAAW","ignoreList":[]}
+{"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":[]}

package/build-module/video/tracks-editor.js

@@ -4,9 +4,8 @@
 import { __, _x, sprintf } from '@wordpress/i18n';
 import { NavigableMenu, MenuItem, FormFileUpload, MenuGroup, ToolbarGroup, ToolbarButton, Dropdown, Button, TextControl, SelectControl, ToggleControl, __experimentalGrid as Grid, __experimentalHStack as HStack, __experimentalVStack as VStack, privateApis as componentsPrivateApis } from '@wordpress/components';
 import { MediaUpload, MediaUploadCheck, store as blockEditorStore } from '@wordpress/block-editor';
-import { store as noticesStore } from '@wordpress/notices';
 import { upload, media } from '@wordpress/icons';
-import { useSelect, useDispatch } from '@wordpress/data';
+import { useSelect } from '@wordpress/data';
 import { useState, useRef, useEffect } from '@wordpress/element';
 import { getFilename } from '@wordpress/url';
 
@@ -36,11 +35,19 @@ const KIND_OPTIONS = [{
   label: __('Metadata'),
   value: 'metadata'
 }];
+const DEFAULT_TRACK = {
+  src: '',
+  label: '',
+  srcLang: 'en',
+  kind: DEFAULT_KIND,
+  default: false
+};
 function TrackList({
   tracks,
   onEditPress
 }) {
   const content = tracks.map((track, index) => {
+    var _track$id;
     return /*#__PURE__*/_jsxs(HStack, {
       className: "block-library-video-tracks-editor__track-list-track",
       children: [/*#__PURE__*/_jsx("span", {
@@ -58,7 +65,7 @@ function TrackList({
           children: __('Edit')
         })]
       })]
-    }, track.src);
+    }, (_track$id = track.id) !== null && _track$id !== void 0 ? _track$id : track.src);
   });
   return /*#__PURE__*/_jsx(MenuGroup, {
     label: __('Text tracks'),
@@ -73,13 +80,17 @@ function SingleTrackEditor({
   onRemove,
   allowSettingDefault
 }) {
+  const [trackState, setTrackState] = useState({
+    ...DEFAULT_TRACK,
+    ...track
+  });
   const {
-    src = '',
-    label = '',
-    srcLang = '',
-    kind = DEFAULT_KIND,
-    default: isDefaultTrack = false
-  } = track;
+    src,
+    label,
+    srcLang,
+    kind,
+    default: isDefaultTrack
+  } = trackState;
   const fileName = src.startsWith('blob:') ? '' : getFilename(src) || '';
   return /*#__PURE__*/_jsxs(VStack, {
     className: "block-library-video-tracks-editor__single-track-editor",
@@ -97,20 +108,20 @@ function SingleTrackEditor({
       children: [/*#__PURE__*/_jsx(TextControl, {
         __next40pxDefaultSize: true,
         __nextHasNoMarginBottom: true,
-        onChange: newLabel => onChange({
-          ...track,
+        onChange: newLabel => setTrackState(prevTrackState => ({
+          ...prevTrackState,
           label: newLabel
-        }),
+        })),
         label: __('Label'),
         value: label,
         help: __('Title of track')
       }), /*#__PURE__*/_jsx(TextControl, {
         __next40pxDefaultSize: true,
         __nextHasNoMarginBottom: true,
-        onChange: newSrcLang => onChange({
-          ...track,
+        onChange: newSrcLang => setTrackState(prevTrackState => ({
+          ...prevTrackState,
           srcLang: newSrcLang
-        }),
+        })),
         label: __('Source language'),
         value: srcLang,
         help: __('Language tag (en, fr, etc.)')
@@ -124,24 +135,20 @@ function SingleTrackEditor({
         options: KIND_OPTIONS,
         value: kind,
         label: __('Kind'),
-        onChange: newKind => {
-          onChange({
-            ...track,
-            kind: newKind
-          });
-        }
+        onChange: newKind => setTrackState(prevTrackState => ({
+          ...prevTrackState,
+          kind: newKind
+        }))
       }), /*#__PURE__*/_jsx(ToggleControl, {
         __next40pxDefaultSize: true,
         __nextHasNoMarginBottom: true,
         label: __('Set as default track'),
         checked: isDefaultTrack,
         disabled: !allowSettingDefault,
-        onChange: defaultTrack => {
-          onChange({
-            ...track,
-            default: defaultTrack
-          });
-        }
+        onChange: defaultTrack => setTrackState(prevTrackState => ({
+          ...prevTrackState,
+          default: defaultTrack
+        }))
       }), /*#__PURE__*/_jsxs(HStack, {
         className: "block-library-video-tracks-editor__single-track-editor-buttons-container",
         children: [/*#__PURE__*/_jsx(Button, {
@@ -154,26 +161,7 @@ function SingleTrackEditor({
           __next40pxDefaultSize: true,
           variant: "primary",
           onClick: () => {
-            const changes = {};
-            let hasChanges = false;
-            if (label === '') {
-              changes.label = __('English');
-              hasChanges = true;
-            }
-            if (srcLang === '') {
-              changes.srcLang = 'en';
-              hasChanges = true;
-            }
-            if (track.kind === undefined) {
-              changes.kind = DEFAULT_KIND;
-              hasChanges = true;
-            }
-            if (hasChanges) {
-              onChange({
-                ...track,
-                ...changes
-              });
-            }
+            onChange(trackState);
             onClose();
           },
           children: __('Apply')
@@ -186,32 +174,53 @@ export default function TracksEditor({
   tracks = [],
   onChange
 }) {
-  const {
-    createNotice
-  } = useDispatch(noticesStore);
   const mediaUpload = useSelect(select => {
     return select(blockEditorStore).getSettings().mediaUpload;
   }, []);
   const [trackBeingEdited, setTrackBeingEdited] = useState(null);
   const dropdownPopoverRef = useRef();
-  const handleTrackSelect = ({
-    title,
-    url
-  }) => {
-    if (tracks.some(track => track.src === url)) {
-      createNotice('error', __('This track already exists.'), {
-        isDismissible: true,
-        type: 'snackbar'
-      });
+  const handleTrackSelect = (selectedTracks = [], appendTracks = false) => {
+    const existingTracksMap = new Map(tracks.map(track => [track.id, track]));
+    const tracksToAdd = selectedTracks.map(({
+      id,
+      title,
+      url
+    }) => {
+      // Reuse existing tracks to preserve user-configured metadata.
+      if (existingTracksMap.has(id)) {
+        return existingTracksMap.get(id);
+      }
+      return {
+        ...DEFAULT_TRACK,
+        id,
+        label: title || '',
+        src: url
+      };
+    });
+    if (tracksToAdd.length === 0) {
       return;
     }
-    const trackIndex = tracks.length;
-    onChange([...tracks, {
-      label: title || '',
-      src: url
-    }]);
-    setTrackBeingEdited(trackIndex);
+    onChange([...(appendTracks ? tracks : []), ...tracksToAdd]);
   };
+  function uploadFiles(event) {
+    const files = event.target.files;
+    mediaUpload({
+      allowedTypes: ALLOWED_TYPES,
+      filesList: files,
+      onFileChange: selectedTracks => {
+        if (!Array.isArray(selectedTracks)) {
+          return;
+        }
+
+        // Wait until the track has been uploaded.
+        const uploadedTracks = selectedTracks.filter(track => !!track?.id);
+        if (!uploadedTracks.length) {
+          return;
+        }
+        handleTrackSelect(uploadedTracks, true);
+      }
+    });
+  }
   useEffect(() => {
     dropdownPopoverRef.current?.focus();
   }, [trackBeingEdited]);
@@ -276,57 +285,39 @@ export default function TracksEditor({
           children: [/*#__PURE__*/_jsx(TrackList, {
             tracks: tracks,
             onEditPress: setTrackBeingEdited
-          }), /*#__PURE__*/_jsxs(MenuGroup, {
+          }), /*#__PURE__*/_jsx(MenuGroup, {
             className: "block-library-video-tracks-editor__add-tracks-container",
             label: __('Add tracks'),
-            children: [/*#__PURE__*/_jsx(MediaUpload, {
-              onSelect: handleTrackSelect,
-              allowedTypes: ALLOWED_TYPES,
-              render: ({
-                open
-              }) => /*#__PURE__*/_jsx(MenuItem, {
-                icon: media,
-                onClick: open,
-                children: __('Open Media Library')
-              })
-            }), /*#__PURE__*/_jsx(MediaUploadCheck, {
-              children: /*#__PURE__*/_jsx(FormFileUpload, {
-                onChange: event => {
-                  const files = event.target.files;
-                  const trackIndex = tracks.length;
-                  mediaUpload({
-                    allowedTypes: ALLOWED_TYPES,
-                    filesList: files,
-                    onFileChange: ([{
-                      url
-                    }]) => {
-                      const newTracks = [...tracks];
-                      if (!newTracks[trackIndex]) {
-                        newTracks[trackIndex] = {};
-                      }
-                      newTracks[trackIndex] = {
-                        ...tracks[trackIndex],
-                        src: url
-                      };
-                      onChange(newTracks);
-                      setTrackBeingEdited(trackIndex);
-                    }
-                  });
-                },
+            children: /*#__PURE__*/_jsxs(MediaUploadCheck, {
+              children: [/*#__PURE__*/_jsx(MediaUpload, {
+                onSelect: handleTrackSelect,
+                allowedTypes: ALLOWED_TYPES,
+                value: tracks.map(({
+                  id
+                }) => id),
+                multiple: true,
+                render: ({
+                  open
+                }) => /*#__PURE__*/_jsx(MenuItem, {
+                  icon: media,
+                  onClick: open,
+                  children: __('Open Media Library')
+                })
+              }), /*#__PURE__*/_jsx(FormFileUpload, {
+                onChange: uploadFiles,
                 accept: ".vtt,text/vtt",
+                multiple: true,
                 render: ({
                   openFileDialog
                 }) => {
                   return /*#__PURE__*/_jsx(MenuItem, {
                     icon: upload,
-                    onClick: () => {
-                      openFileDialog();
-                    },
+                    onClick: openFileDialog,
                     children: _x('Upload', 'verb')
                   });
                 }
-              })
-            })]
+              })]
+            })
           })]
         })]
       });

package/build-module/video/tracks-editor.js.map

@@ -1 +1 @@
-{"version":3,"names":["__","_x","sprintf","NavigableMenu","MenuItem","FormFileUpload","MenuGroup","ToolbarGroup","ToolbarButton","Dropdown","Button","TextControl","SelectControl","ToggleControl","__experimentalGrid","Grid","__experimentalHStack","HStack","__experimentalVStack","VStack","privateApis","componentsPrivateApis","MediaUpload","MediaUploadCheck","store","blockEditorStore","noticesStore","upload","media","useSelect","useDispatch","useState","useRef","useEffect","getFilename","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Badge","ALLOWED_TYPES","DEFAULT_KIND","KIND_OPTIONS","label","value","TrackList","tracks","onEditPress","content","map","track","index","className","children","justify","default","__next40pxDefaultSize","variant","onClick","src","SingleTrackEditor","onChange","onClose","onRemove","allowSettingDefault","srcLang","kind","isDefaultTrack","fileName","startsWith","spacing","columns","gap","__nextHasNoMarginBottom","newLabel","help","newSrcLang","options","newKind","checked","disabled","defaultTrack","isDestructive","changes","hasChanges","undefined","TracksEditor","createNotice","mediaUpload","select","getSettings","trackBeingEdited","setTrackBeingEdited","dropdownPopoverRef","handleTrackSelect","title","url","some","isDismissible","type","trackIndex","length","current","focus","contentClassName","focusOnMount","popoverProps","ref","renderToggle","isOpen","onToggle","handleOnToggle","renderContent","newTrack","newTracks","filter","_track","onSelect","allowedTypes","render","open","icon","event","files","target","filesList","onFileChange","accept","openFileDialog"],"sources":["@wordpress/block-library/src/video/tracks-editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport {\n\tNavigableMenu,\n\tMenuItem,\n\tFormFileUpload,\n\tMenuGroup,\n\tToolbarGroup,\n\tToolbarButton,\n\tDropdown,\n\tButton,\n\tTextControl,\n\tSelectControl,\n\tToggleControl,\n\t__experimentalGrid as Grid,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport {\n\tMediaUpload,\n\tMediaUploadCheck,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { upload, media } from '@wordpress/icons';\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { getFilename } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\nconst { Badge } = unlock( componentsPrivateApis );\n\nconst ALLOWED_TYPES = [ 'text/vtt' ];\n\nconst DEFAULT_KIND = 'subtitles';\n\nconst KIND_OPTIONS = [\n\t{ label: __( 'Subtitles' ), value: 'subtitles' },\n\t{ label: __( 'Captions' ), value: 'captions' },\n\t{ label: __( 'Descriptions' ), value: 'descriptions' },\n\t{ label: __( 'Chapters' ), value: 'chapters' },\n\t{ label: __( 'Metadata' ), value: 'metadata' },\n];\n\nfunction TrackList( { tracks, onEditPress } ) {\n\tconst content = tracks.map( ( track, index ) => {\n\t\treturn (\n\t\t\t<HStack\n\t\t\t\tkey={ track.src }\n\t\t\t\tclassName=\"block-library-video-tracks-editor__track-list-track\"\n\t\t\t>\n\t\t\t\t<span>{ track.label }</span>\n\t\t\t\t<HStack justify=\"flex-end\">\n\t\t\t\t\t{ track.default && <Badge>{ __( 'Default' ) }</Badge> }\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => onEditPress( index ) }\n\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Label of the video text track e.g: \"French subtitles\". */\n\t\t\t\t\t\t\t_x( 'Edit %s', 'text tracks' ),\n\t\t\t\t\t\t\ttrack.label\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t);\n\t} );\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Text tracks' ) }\n\t\t\tclassName=\"block-library-video-tracks-editor__track-list\"\n\t\t>\n\t\t\t{ content }\n\t\t</MenuGroup>\n\t);\n}\n\nfunction SingleTrackEditor( {\n\ttrack,\n\tonChange,\n\tonClose,\n\tonRemove,\n\tallowSettingDefault,\n} ) {\n\tconst {\n\t\tsrc = '',\n\t\tlabel = '',\n\t\tsrcLang = '',\n\t\tkind = DEFAULT_KIND,\n\t\tdefault: isDefaultTrack = false,\n\t} = track;\n\tconst fileName = src.startsWith( 'blob:' ) ? '' : getFilename( src ) || '';\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor\"\n\t\t\tspacing=\"4\"\n\t\t>\n\t\t\t<span className=\"block-library-video-tracks-editor__single-track-editor-edit-track-label\">\n\t\t\t\t{ __( 'Edit track' ) }\n\t\t\t</span>\n\t\t\t<span>\n\t\t\t\t{ __( 'File' ) }: <b>{ fileName }</b>\n\t\t\t</span>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tlabel: newLabel,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tlabel={ __( 'Label' ) }\n\t\t\t\t\tvalue={ label }\n\t\t\t\t\thelp={ __( 'Title of track' ) }\n\t\t\t\t/>\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonChange={ ( newSrcLang ) =>\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tsrcLang: newSrcLang,\n\t\t\t\t\t\t} )\n\t\t\t\t\t}\n\t\t\t\t\tlabel={ __( 'Source language' ) }\n\t\t\t\t\tvalue={ srcLang }\n\t\t\t\t\thelp={ __( 'Language tag (en, fr, etc.)' ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t\t<VStack spacing=\"4\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor-kind-select\"\n\t\t\t\t\toptions={ KIND_OPTIONS }\n\t\t\t\t\tvalue={ kind }\n\t\t\t\t\tlabel={ __( 'Kind' ) }\n\t\t\t\t\tonChange={ ( newKind ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tkind: newKind,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Set as default track' ) }\n\t\t\t\t\tchecked={ isDefaultTrack }\n\t\t\t\t\tdisabled={ ! allowSettingDefault }\n\t\t\t\t\tonChange={ ( defaultTrack ) => {\n\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\tdefault: defaultTrack,\n\t\t\t\t\t\t} );\n\t\t\t\t\t} }\n\t\t\t\t/>\n\t\t\t\t<HStack className=\"block-library-video-tracks-editor__single-track-editor-buttons-container\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Remove track' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tconst changes = {};\n\t\t\t\t\t\t\tlet hasChanges = false;\n\t\t\t\t\t\t\tif ( label === '' ) {\n\t\t\t\t\t\t\t\tchanges.label = __( 'English' );\n\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( srcLang === '' ) {\n\t\t\t\t\t\t\t\tchanges.srcLang = 'en';\n\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( track.kind === undefined ) {\n\t\t\t\t\t\t\t\tchanges.kind = DEFAULT_KIND;\n\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tif ( hasChanges ) {\n\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\t\t...changes,\n\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</VStack>\n\t);\n}\n\nexport default function TracksEditor( { tracks = [], onChange } ) {\n\tconst { createNotice } = useDispatch( noticesStore );\n\tconst mediaUpload = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().mediaUpload;\n\t}, [] );\n\tconst [ trackBeingEdited, setTrackBeingEdited ] = useState( null );\n\tconst dropdownPopoverRef = useRef();\n\n\tconst handleTrackSelect = ( { title, url } ) => {\n\t\tif ( tracks.some( ( track ) => track.src === url ) ) {\n\t\t\tcreateNotice( 'error', __( 'This track already exists.' ), {\n\t\t\t\tisDismissible: true,\n\t\t\t\ttype: 'snackbar',\n\t\t\t} );\n\t\t\treturn;\n\t\t}\n\n\t\tconst trackIndex = tracks.length;\n\t\tonChange( [ ...tracks, { label: title || '', src: url } ] );\n\t\tsetTrackBeingEdited( trackIndex );\n\t};\n\n\tuseEffect( () => {\n\t\tdropdownPopoverRef.current?.focus();\n\t}, [ trackBeingEdited ] );\n\n\tif ( ! mediaUpload ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-library-video-tracks-editor\"\n\t\t\tfocusOnMount\n\t\t\tpopoverProps={ {\n\t\t\t\tref: dropdownPopoverRef,\n\t\t\t} }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => {\n\t\t\t\tconst handleOnToggle = () => {\n\t\t\t\t\tif ( ! isOpen ) {\n\t\t\t\t\t\t// When the Popover opens make sure the initial view is\n\t\t\t\t\t\t// always the track list rather than the edit track UI.\n\t\t\t\t\t\tsetTrackBeingEdited( null );\n\t\t\t\t\t}\n\t\t\t\t\tonToggle();\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t\tonClick={ handleOnToggle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Text tracks' ) }\n\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => {\n\t\t\t\tif ( trackBeingEdited !== null ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SingleTrackEditor\n\t\t\t\t\t\t\ttrack={ tracks[ trackBeingEdited ] }\n\t\t\t\t\t\t\tonChange={ ( newTrack ) => {\n\t\t\t\t\t\t\t\tconst newTracks = [ ...tracks ];\n\t\t\t\t\t\t\t\tnewTracks[ trackBeingEdited ] = newTrack;\n\t\t\t\t\t\t\t\tonChange( newTracks );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonClose={ () => setTrackBeingEdited( null ) }\n\t\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\ttracks.filter(\n\t\t\t\t\t\t\t\t\t\t( _track, index ) =>\n\t\t\t\t\t\t\t\t\t\t\tindex !== trackBeingEdited\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tsetTrackBeingEdited( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tallowSettingDefault={\n\t\t\t\t\t\t\t\t! tracks.some( ( track ) => track.default ) ||\n\t\t\t\t\t\t\t\ttracks[ trackBeingEdited ].default\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ tracks.length === 0 && (\n\t\t\t\t\t\t\t<div className=\"block-library-video-tracks-editor__tracks-informative-message\">\n\t\t\t\t\t\t\t\t<h2 className=\"block-library-video-tracks-editor__tracks-informative-message-title\">\n\t\t\t\t\t\t\t\t\t{ __( 'Text tracks' ) }\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t\t<p className=\"block-library-video-tracks-editor__tracks-informative-message-description\">\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Tracks can be subtitles, captions, chapters, or descriptions. They help make your content more accessible to a wider range of users.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<NavigableMenu>\n\t\t\t\t\t\t\t<TrackList\n\t\t\t\t\t\t\t\ttracks={ tracks }\n\t\t\t\t\t\t\t\tonEditPress={ setTrackBeingEdited }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MenuGroup\n\t\t\t\t\t\t\t\tclassName=\"block-library-video-tracks-editor__add-tracks-container\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Add tracks' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\tonSelect={ handleTrackSelect }\n\t\t\t\t\t\t\t\t\tallowedTypes={ ALLOWED_TYPES }\n\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\ticon={ media }\n\t\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\t\t\t\t\tonChange={ ( event ) => {\n\t\t\t\t\t\t\t\t\t\t\tconst files = event.target.files;\n\t\t\t\t\t\t\t\t\t\t\tconst trackIndex = tracks.length;\n\t\t\t\t\t\t\t\t\t\t\tmediaUpload( {\n\t\t\t\t\t\t\t\t\t\t\t\tallowedTypes: ALLOWED_TYPES,\n\t\t\t\t\t\t\t\t\t\t\t\tfilesList: files,\n\t\t\t\t\t\t\t\t\t\t\t\tonFileChange: ( [\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ url },\n\t\t\t\t\t\t\t\t\t\t\t\t] ) => {\n\t\t\t\t\t\t\t\t\t\t\t\t\tconst newTracks = [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...tracks,\n\t\t\t\t\t\t\t\t\t\t\t\t\t];\n\t\t\t\t\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t! newTracks[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t]\n\t\t\t\t\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tnewTracks[\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t] = {};\n\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\tnewTracks[ trackIndex ] = {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t...tracks[ trackIndex ],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tsrc: url,\n\t\t\t\t\t\t\t\t\t\t\t\t\t};\n\t\t\t\t\t\t\t\t\t\t\t\t\tonChange( newTracks );\n\t\t\t\t\t\t\t\t\t\t\t\t\tsetTrackBeingEdited(\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttrackIndex\n\t\t\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\taccept=\".vtt,text/vtt\"\n\t\t\t\t\t\t\t\t\t\trender={ ( { openFileDialog } ) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\topenFileDialog();\n\t\t\t\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ _x( 'Upload', 'verb' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__","_x","sprintf","NavigableMenu","MenuItem","FormFileUpload","MenuGroup","ToolbarGroup","ToolbarButton","Dropdown","Button","TextControl","SelectControl","ToggleControl","__experimentalGrid","Grid","__experimentalHStack","HStack","__experimentalVStack","VStack","privateApis","componentsPrivateApis","MediaUpload","MediaUploadCheck","store","blockEditorStore","upload","media","useSelect","useState","useRef","useEffect","getFilename","unlock","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Badge","ALLOWED_TYPES","DEFAULT_KIND","KIND_OPTIONS","label","value","DEFAULT_TRACK","src","srcLang","kind","default","TrackList","tracks","onEditPress","content","map","track","index","_track$id","className","children","justify","__next40pxDefaultSize","variant","onClick","id","SingleTrackEditor","onChange","onClose","onRemove","allowSettingDefault","trackState","setTrackState","isDefaultTrack","fileName","startsWith","spacing","columns","gap","__nextHasNoMarginBottom","newLabel","prevTrackState","help","newSrcLang","options","newKind","checked","disabled","defaultTrack","isDestructive","TracksEditor","mediaUpload","select","getSettings","trackBeingEdited","setTrackBeingEdited","dropdownPopoverRef","handleTrackSelect","selectedTracks","appendTracks","existingTracksMap","Map","tracksToAdd","title","url","has","get","length","uploadFiles","event","files","target","allowedTypes","filesList","onFileChange","Array","isArray","uploadedTracks","filter","current","focus","contentClassName","focusOnMount","popoverProps","ref","renderToggle","isOpen","onToggle","handleOnToggle","renderContent","newTrack","newTracks","_track","some","onSelect","multiple","render","open","icon","accept","openFileDialog"],"sources":["@wordpress/block-library/src/video/tracks-editor.js"],"sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, _x, sprintf } from '@wordpress/i18n';\nimport {\n\tNavigableMenu,\n\tMenuItem,\n\tFormFileUpload,\n\tMenuGroup,\n\tToolbarGroup,\n\tToolbarButton,\n\tDropdown,\n\tButton,\n\tTextControl,\n\tSelectControl,\n\tToggleControl,\n\t__experimentalGrid as Grid,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\n\tprivateApis as componentsPrivateApis,\n} from '@wordpress/components';\nimport {\n\tMediaUpload,\n\tMediaUploadCheck,\n\tstore as blockEditorStore,\n} from '@wordpress/block-editor';\nimport { upload, media } from '@wordpress/icons';\nimport { useSelect } from '@wordpress/data';\nimport { useState, useRef, useEffect } from '@wordpress/element';\nimport { getFilename } from '@wordpress/url';\n\n/**\n * Internal dependencies\n */\nimport { unlock } from '../lock-unlock';\n\nconst { Badge } = unlock( componentsPrivateApis );\n\nconst ALLOWED_TYPES = [ 'text/vtt' ];\n\nconst DEFAULT_KIND = 'subtitles';\n\nconst KIND_OPTIONS = [\n\t{ label: __( 'Subtitles' ), value: 'subtitles' },\n\t{ label: __( 'Captions' ), value: 'captions' },\n\t{ label: __( 'Descriptions' ), value: 'descriptions' },\n\t{ label: __( 'Chapters' ), value: 'chapters' },\n\t{ label: __( 'Metadata' ), value: 'metadata' },\n];\n\nconst DEFAULT_TRACK = {\n\tsrc: '',\n\tlabel: '',\n\tsrcLang: 'en',\n\tkind: DEFAULT_KIND,\n\tdefault: false,\n};\n\nfunction TrackList( { tracks, onEditPress } ) {\n\tconst content = tracks.map( ( track, index ) => {\n\t\treturn (\n\t\t\t<HStack\n\t\t\t\tkey={ track.id ?? track.src }\n\t\t\t\tclassName=\"block-library-video-tracks-editor__track-list-track\"\n\t\t\t>\n\t\t\t\t<span>{ track.label }</span>\n\t\t\t\t<HStack justify=\"flex-end\">\n\t\t\t\t\t{ track.default && <Badge>{ __( 'Default' ) }</Badge> }\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"tertiary\"\n\t\t\t\t\t\tonClick={ () => onEditPress( index ) }\n\t\t\t\t\t\taria-label={ sprintf(\n\t\t\t\t\t\t\t/* translators: %s: Label of the video text track e.g: \"French subtitles\". */\n\t\t\t\t\t\t\t_x( 'Edit %s', 'text tracks' ),\n\t\t\t\t\t\t\ttrack.label\n\t\t\t\t\t\t) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Edit' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</HStack>\n\t\t);\n\t} );\n\n\treturn (\n\t\t<MenuGroup\n\t\t\tlabel={ __( 'Text tracks' ) }\n\t\t\tclassName=\"block-library-video-tracks-editor__track-list\"\n\t\t>\n\t\t\t{ content }\n\t\t</MenuGroup>\n\t);\n}\n\nfunction SingleTrackEditor( {\n\ttrack,\n\tonChange,\n\tonClose,\n\tonRemove,\n\tallowSettingDefault,\n} ) {\n\tconst [ trackState, setTrackState ] = useState( {\n\t\t...DEFAULT_TRACK,\n\t\t...track,\n\t} );\n\n\tconst { src, label, srcLang, kind, default: isDefaultTrack } = trackState;\n\tconst fileName = src.startsWith( 'blob:' ) ? '' : getFilename( src ) || '';\n\treturn (\n\t\t<VStack\n\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor\"\n\t\t\tspacing=\"4\"\n\t\t>\n\t\t\t<span className=\"block-library-video-tracks-editor__single-track-editor-edit-track-label\">\n\t\t\t\t{ __( 'Edit track' ) }\n\t\t\t</span>\n\t\t\t<span>\n\t\t\t\t{ __( 'File' ) }: <b>{ fileName }</b>\n\t\t\t</span>\n\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\tsetTrackState( ( prevTrackState ) => ( {\n\t\t\t\t\t\t\t...prevTrackState,\n\t\t\t\t\t\t\tlabel: newLabel,\n\t\t\t\t\t\t} ) )\n\t\t\t\t\t}\n\t\t\t\t\tlabel={ __( 'Label' ) }\n\t\t\t\t\tvalue={ label }\n\t\t\t\t\thelp={ __( 'Title of track' ) }\n\t\t\t\t/>\n\t\t\t\t<TextControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tonChange={ ( newSrcLang ) =>\n\t\t\t\t\t\tsetTrackState( ( prevTrackState ) => ( {\n\t\t\t\t\t\t\t...prevTrackState,\n\t\t\t\t\t\t\tsrcLang: newSrcLang,\n\t\t\t\t\t\t} ) )\n\t\t\t\t\t}\n\t\t\t\t\tlabel={ __( 'Source language' ) }\n\t\t\t\t\tvalue={ srcLang }\n\t\t\t\t\thelp={ __( 'Language tag (en, fr, etc.)' ) }\n\t\t\t\t/>\n\t\t\t</Grid>\n\t\t\t<VStack spacing=\"4\">\n\t\t\t\t<SelectControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor-kind-select\"\n\t\t\t\t\toptions={ KIND_OPTIONS }\n\t\t\t\t\tvalue={ kind }\n\t\t\t\t\tlabel={ __( 'Kind' ) }\n\t\t\t\t\tonChange={ ( newKind ) =>\n\t\t\t\t\t\tsetTrackState( ( prevTrackState ) => ( {\n\t\t\t\t\t\t\t...prevTrackState,\n\t\t\t\t\t\t\tkind: newKind,\n\t\t\t\t\t\t} ) )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<ToggleControl\n\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\tlabel={ __( 'Set as default track' ) }\n\t\t\t\t\tchecked={ isDefaultTrack }\n\t\t\t\t\tdisabled={ ! allowSettingDefault }\n\t\t\t\t\tonChange={ ( defaultTrack ) =>\n\t\t\t\t\t\tsetTrackState( ( prevTrackState ) => ( {\n\t\t\t\t\t\t\t...prevTrackState,\n\t\t\t\t\t\t\tdefault: defaultTrack,\n\t\t\t\t\t\t} ) )\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t\t<HStack className=\"block-library-video-tracks-editor__single-track-editor-buttons-container\">\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Remove track' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button\n\t\t\t\t\t\t__next40pxDefaultSize\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\tonChange( trackState );\n\t\t\t\t\t\t\tonClose();\n\t\t\t\t\t\t} }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Apply' ) }\n\t\t\t\t\t</Button>\n\t\t\t\t</HStack>\n\t\t\t</VStack>\n\t\t</VStack>\n\t);\n}\n\nexport default function TracksEditor( { tracks = [], onChange } ) {\n\tconst mediaUpload = useSelect( ( select ) => {\n\t\treturn select( blockEditorStore ).getSettings().mediaUpload;\n\t}, [] );\n\tconst [ trackBeingEdited, setTrackBeingEdited ] = useState( null );\n\tconst dropdownPopoverRef = useRef();\n\n\tconst handleTrackSelect = ( selectedTracks = [], appendTracks = false ) => {\n\t\tconst existingTracksMap = new Map(\n\t\t\ttracks.map( ( track ) => [ track.id, track ] )\n\t\t);\n\t\tconst tracksToAdd = selectedTracks.map( ( { id, title, url } ) => {\n\t\t\t// Reuse existing tracks to preserve user-configured metadata.\n\t\t\tif ( existingTracksMap.has( id ) ) {\n\t\t\t\treturn existingTracksMap.get( id );\n\t\t\t}\n\n\t\t\treturn {\n\t\t\t\t...DEFAULT_TRACK,\n\t\t\t\tid,\n\t\t\t\tlabel: title || '',\n\t\t\t\tsrc: url,\n\t\t\t};\n\t\t} );\n\n\t\tif ( tracksToAdd.length === 0 ) {\n\t\t\treturn;\n\t\t}\n\n\t\tonChange( [ ...( appendTracks ? tracks : [] ), ...tracksToAdd ] );\n\t};\n\n\tfunction uploadFiles( event ) {\n\t\tconst files = event.target.files;\n\t\tmediaUpload( {\n\t\t\tallowedTypes: ALLOWED_TYPES,\n\t\t\tfilesList: files,\n\t\t\tonFileChange: ( selectedTracks ) => {\n\t\t\t\tif ( ! Array.isArray( selectedTracks ) ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// Wait until the track has been uploaded.\n\t\t\t\tconst uploadedTracks = selectedTracks.filter(\n\t\t\t\t\t( track ) => !! track?.id\n\t\t\t\t);\n\n\t\t\t\tif ( ! uploadedTracks.length ) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\thandleTrackSelect( uploadedTracks, true );\n\t\t\t},\n\t\t} );\n\t}\n\n\tuseEffect( () => {\n\t\tdropdownPopoverRef.current?.focus();\n\t}, [ trackBeingEdited ] );\n\n\tif ( ! mediaUpload ) {\n\t\treturn null;\n\t}\n\treturn (\n\t\t<Dropdown\n\t\t\tcontentClassName=\"block-library-video-tracks-editor\"\n\t\t\tfocusOnMount\n\t\t\tpopoverProps={ {\n\t\t\t\tref: dropdownPopoverRef,\n\t\t\t} }\n\t\t\trenderToggle={ ( { isOpen, onToggle } ) => {\n\t\t\t\tconst handleOnToggle = () => {\n\t\t\t\t\tif ( ! isOpen ) {\n\t\t\t\t\t\t// When the Popover opens make sure the initial view is\n\t\t\t\t\t\t// always the track list rather than the edit track UI.\n\t\t\t\t\t\tsetTrackBeingEdited( null );\n\t\t\t\t\t}\n\t\t\t\t\tonToggle();\n\t\t\t\t};\n\n\t\t\t\treturn (\n\t\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\t\tonClick={ handleOnToggle }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Text tracks' ) }\n\t\t\t\t\t\t</ToolbarButton>\n\t\t\t\t\t</ToolbarGroup>\n\t\t\t\t);\n\t\t\t} }\n\t\t\trenderContent={ () => {\n\t\t\t\tif ( trackBeingEdited !== null ) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SingleTrackEditor\n\t\t\t\t\t\t\ttrack={ tracks[ trackBeingEdited ] }\n\t\t\t\t\t\t\tonChange={ ( newTrack ) => {\n\t\t\t\t\t\t\t\tconst newTracks = [ ...tracks ];\n\t\t\t\t\t\t\t\tnewTracks[ trackBeingEdited ] = newTrack;\n\t\t\t\t\t\t\t\tonChange( newTracks );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tonClose={ () => setTrackBeingEdited( null ) }\n\t\t\t\t\t\t\tonRemove={ () => {\n\t\t\t\t\t\t\t\tonChange(\n\t\t\t\t\t\t\t\t\ttracks.filter(\n\t\t\t\t\t\t\t\t\t\t( _track, index ) =>\n\t\t\t\t\t\t\t\t\t\t\tindex !== trackBeingEdited\n\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\tsetTrackBeingEdited( null );\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\tallowSettingDefault={\n\t\t\t\t\t\t\t\t! tracks.some( ( track ) => track.default ) ||\n\t\t\t\t\t\t\t\ttracks[ trackBeingEdited ].default\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\n\t\t\t\treturn (\n\t\t\t\t\t<>\n\t\t\t\t\t\t{ tracks.length === 0 && (\n\t\t\t\t\t\t\t<div className=\"block-library-video-tracks-editor__tracks-informative-message\">\n\t\t\t\t\t\t\t\t<h2 className=\"block-library-video-tracks-editor__tracks-informative-message-title\">\n\t\t\t\t\t\t\t\t\t{ __( 'Text tracks' ) }\n\t\t\t\t\t\t\t\t</h2>\n\t\t\t\t\t\t\t\t<p className=\"block-library-video-tracks-editor__tracks-informative-message-description\">\n\t\t\t\t\t\t\t\t\t{ __(\n\t\t\t\t\t\t\t\t\t\t'Tracks can be subtitles, captions, chapters, or descriptions. They help make your content more accessible to a wider range of users.'\n\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t) }\n\t\t\t\t\t\t<NavigableMenu>\n\t\t\t\t\t\t\t<TrackList\n\t\t\t\t\t\t\t\ttracks={ tracks }\n\t\t\t\t\t\t\t\tonEditPress={ setTrackBeingEdited }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<MenuGroup\n\t\t\t\t\t\t\t\tclassName=\"block-library-video-tracks-editor__add-tracks-container\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Add tracks' ) }\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<MediaUploadCheck>\n\t\t\t\t\t\t\t\t\t<MediaUpload\n\t\t\t\t\t\t\t\t\t\tonSelect={ handleTrackSelect }\n\t\t\t\t\t\t\t\t\t\tallowedTypes={ ALLOWED_TYPES }\n\t\t\t\t\t\t\t\t\t\tvalue={ tracks.map( ( { id } ) => id ) }\n\t\t\t\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\t\t\t\trender={ ( { open } ) => (\n\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\ticon={ media }\n\t\t\t\t\t\t\t\t\t\t\t\tonClick={ open }\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{ __( 'Open Media Library' ) }\n\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t) }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t<FormFileUpload\n\t\t\t\t\t\t\t\t\t\tonChange={ uploadFiles }\n\t\t\t\t\t\t\t\t\t\taccept=\".vtt,text/vtt\"\n\t\t\t\t\t\t\t\t\t\tmultiple\n\t\t\t\t\t\t\t\t\t\trender={ ( { openFileDialog } ) => {\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\t\t\t\t\t\t\ticon={ upload }\n\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={ openFileDialog }\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{ _x( 'Upload', 'verb' ) }\n\t\t\t\t\t\t\t\t\t\t\t\t</MenuItem>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</MediaUploadCheck>\n\t\t\t\t\t\t\t</MenuGroup>\n\t\t\t\t\t\t</NavigableMenu>\n\t\t\t\t\t</>\n\t\t\t\t);\n\t\t\t} }\n\t\t/>\n\t);\n}\n"],"mappings":"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","ignoreList":[]}

package/build-module/video/tracks.js

@@ -3,9 +3,13 @@ export default function Tracks({
   tracks = []
 }) {
   return tracks.map(track => {
+    const {
+      id,
+      ...trackAttrs
+    } = track;
     return /*#__PURE__*/_jsx("track", {
-      ...track
-    }, track.src);
+      ...trackAttrs
+    }, id !== null && id !== void 0 ? id : trackAttrs.src);
   });
 }
 //# sourceMappingURL=tracks.js.map

package/build-module/video/tracks.js.map

@@ -1 +1 @@
-{"version":3,"names":["Tracks","tracks","map","track","_jsx","src"],"sources":["@wordpress/block-library/src/video/tracks.js"],"sourcesContent":["export default function Tracks( { tracks = [] } ) {\n\treturn tracks.map( ( track ) => {\n\t\treturn <track key={ track.src } { ...track } />;\n\t} );\n}\n"],"mappings":";AAAA,eAAe,SAASA,MAAMA,CAAE;EAAEC,MAAM,GAAG;AAAG,CAAC,EAAG;EACjD,OAAOA,MAAM,CAACC,GAAG,CAAIC,KAAK,IAAM;IAC/B,oBAAOC,IAAA;MAAA,GAA8BD;IAAK,GAAtBA,KAAK,CAACE,GAAoB,CAAC;EAChD,CAAE,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["Tracks","tracks","map","track","id","trackAttrs","_jsx","src"],"sources":["@wordpress/block-library/src/video/tracks.js"],"sourcesContent":["export default function Tracks( { tracks = [] } ) {\n\treturn tracks.map( ( track ) => {\n\t\tconst { id, ...trackAttrs } = track;\n\t\treturn <track key={ id ?? trackAttrs.src } { ...trackAttrs } />;\n\t} );\n}\n"],"mappings":";AAAA,eAAe,SAASA,MAAMA,CAAE;EAAEC,MAAM,GAAG;AAAG,CAAC,EAAG;EACjD,OAAOA,MAAM,CAACC,GAAG,CAAIC,KAAK,IAAM;IAC/B,MAAM;MAAEC,EAAE;MAAE,GAAGC;IAAW,CAAC,GAAGF,KAAK;IACnC,oBAAOG,IAAA;MAAA,GAAyCD;IAAU,GAAtCD,EAAE,aAAFA,EAAE,cAAFA,EAAE,GAAIC,UAAU,CAACE,GAAyB,CAAC;EAChE,CAAE,CAAC;AACJ","ignoreList":[]}

package/build-style/archives/editor-rtl.css

@@ -134,10 +134,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-ul.wp-block-archives {
-  padding-right: 2.5em;
-}
-
 .wp-block-archives .wp-block-archives {
   margin: 0;
   border: 0;

package/build-style/archives/editor.css

@@ -134,10 +134,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-ul.wp-block-archives {
-  padding-left: 2.5em;
-}
-
 .wp-block-archives .wp-block-archives {
   margin: 0;
   border: 0;

package/build-style/editor-rtl.css

@@ -134,10 +134,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-ul.wp-block-archives {
-  padding-right: 2.5em;
-}
-
 .wp-block-archives .wp-block-archives {
   margin: 0;
   border: 0;
@@ -1060,19 +1056,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   margin-left: 8px;
 }
 
-.gallery-image-sizes .components-base-control__label {
-  margin-bottom: 4px;
-}
-.gallery-image-sizes .gallery-image-sizes__loading {
-  display: flex;
-  align-items: center;
-  color: #757575;
-  font-size: 12px;
-}
-.gallery-image-sizes .components-spinner {
-  margin: 0 4px 0 8px;
-}
-
 /**
  * Deprecated css past this point. This can be removed once all galleries are migrated
  * to V2.
@@ -2597,10 +2580,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-right: -9px;
 }
 
-.editor-video-poster-control .components-button {
-  margin-left: 8px;
-}
-
 .block-library-video-tracks-editor {
   z-index: 159990;
 }

package/build-style/editor.css

@@ -134,10 +134,6 @@
 /**
  * Reset the WP Admin page styles for Gutenberg-like pages.
  */
-ul.wp-block-archives {
-  padding-left: 2.5em;
-}
-
 .wp-block-archives .wp-block-archives {
   margin: 0;
   border: 0;
@@ -1066,19 +1062,6 @@ div[data-type="core/freeform"].is-selected .block-library-classic__toolbar {
   margin-right: 8px;
 }
 
-.gallery-image-sizes .components-base-control__label {
-  margin-bottom: 4px;
-}
-.gallery-image-sizes .gallery-image-sizes__loading {
-  display: flex;
-  align-items: center;
-  color: #757575;
-  font-size: 12px;
-}
-.gallery-image-sizes .components-spinner {
-  margin: 0 8px 0 4px;
-}
-
 /**
  * Deprecated css past this point. This can be removed once all galleries are migrated
  * to V2.
@@ -2604,10 +2587,6 @@ body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-op
   margin-left: -9px;
 }
 
-.editor-video-poster-control .components-button {
-  margin-right: 8px;
-}
-
 .block-library-video-tracks-editor {
   z-index: 159990;
 }

package/build-style/file/style-rtl.css

@@ -163,7 +163,7 @@
   padding: 0.5em 1em;
   display: inline-block;
 }
-:where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):active {
+:where(.wp-block-file__button):where(a):hover, :where(.wp-block-file__button):where(a):visited, :where(.wp-block-file__button):where(a):focus, :where(.wp-block-file__button):where(a):active {
   box-shadow: none;
   color: #fff;
   opacity: 0.85;

package/build-style/file/style.css

@@ -164,7 +164,7 @@
   padding: 0.5em 1em;
   display: inline-block;
 }
-:where(.wp-block-file__button):is(a):hover, :where(.wp-block-file__button):is(a):visited, :where(.wp-block-file__button):is(a):focus, :where(.wp-block-file__button):is(a):active {
+:where(.wp-block-file__button):where(a):hover, :where(.wp-block-file__button):where(a):visited, :where(.wp-block-file__button):where(a):focus, :where(.wp-block-file__button):where(a):active {
   box-shadow: none;
   color: #fff;
   opacity: 0.85;

package/build-style/gallery/editor-rtl.css

@@ -184,19 +184,6 @@
   margin-left: 8px;
 }
 
-.gallery-image-sizes .components-base-control__label {
-  margin-bottom: 4px;
-}
-.gallery-image-sizes .gallery-image-sizes__loading {
-  display: flex;
-  align-items: center;
-  color: #757575;
-  font-size: 12px;
-}
-.gallery-image-sizes .components-spinner {
-  margin: 0 4px 0 8px;
-}
-
 /**
  * Deprecated css past this point. This can be removed once all galleries are migrated
  * to V2.

package/build-style/gallery/editor.css

@@ -184,19 +184,6 @@
   margin-right: 8px;
 }
 
-.gallery-image-sizes .components-base-control__label {
-  margin-bottom: 4px;
-}
-.gallery-image-sizes .gallery-image-sizes__loading {
-  display: flex;
-  align-items: center;
-  color: #757575;
-  font-size: 12px;
-}
-.gallery-image-sizes .components-spinner {
-  margin: 0 8px 0 4px;
-}
-
 /**
  * Deprecated css past this point. This can be removed once all galleries are migrated
  * to V2.