@wordpress/block-library 8.35.0 → 9.0.0

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

@@ -1,4 +1,3 @@
-import { createElement, Fragment } from "react";
 /**
  * WordPress dependencies
  */
@@ -9,6 +8,9 @@ import { upload, media } from '@wordpress/icons';
 import { useSelect } from '@wordpress/data';
 import { useState } from '@wordpress/element';
 import { getFilename } from '@wordpress/url';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 const ALLOWED_TYPES = ['text/vtt'];
 const DEFAULT_KIND = 'subtitles';
 const KIND_OPTIONS = [{
@@ -33,26 +35,31 @@ function TrackList({
 }) {
   let content;
   if (tracks.length === 0) {
-    content = createElement("p", {
-      className: "block-library-video-tracks-editor__tracks-informative-message"
-    }, __('Tracks can be subtitles, captions, chapters, or descriptions. They help make your content more accessible to a wider range of users.'));
+    content = /*#__PURE__*/_jsx("p", {
+      className: "block-library-video-tracks-editor__tracks-informative-message",
+      children: __('Tracks can be subtitles, captions, chapters, or descriptions. They help make your content more accessible to a wider range of users.')
+    });
   } else {
     content = tracks.map((track, index) => {
-      return createElement(HStack, {
-        key: index,
-        className: "block-library-video-tracks-editor__track-list-track"
-      }, createElement("span", null, track.label, " "), createElement(Button, {
-        variant: "tertiary",
-        onClick: () => onEditPress(index),
-        "aria-label": sprintf( /* translators: %s: Label of the video text track e.g: "French subtitles" */
-        __('Edit %s'), track.label)
-      }, __('Edit')));
+      return /*#__PURE__*/_jsxs(HStack, {
+        className: "block-library-video-tracks-editor__track-list-track",
+        children: [/*#__PURE__*/_jsxs("span", {
+          children: [track.label, " "]
+        }), /*#__PURE__*/_jsx(Button, {
+          variant: "tertiary",
+          onClick: () => onEditPress(index),
+          "aria-label": sprintf( /* translators: %s: Label of the video text track e.g: "French subtitles" */
+          __('Edit %s'), track.label),
+          children: __('Edit')
+        })]
+      }, index);
     });
   }
-  return createElement(MenuGroup, {
+  return /*#__PURE__*/_jsx(MenuGroup, {
     label: __('Text tracks'),
-    className: "block-library-video-tracks-editor__track-list"
-  }, content);
+    className: "block-library-video-tracks-editor__track-list",
+    children: content
+  });
 }
 function SingleTrackEditor({
   track,
@@ -67,81 +74,94 @@ function SingleTrackEditor({
     kind = DEFAULT_KIND
   } = track;
   const fileName = src.startsWith('blob:') ? '' : getFilename(src) || '';
-  return createElement(NavigableMenu, null, createElement(VStack, {
-    className: "block-library-video-tracks-editor__single-track-editor",
-    spacing: "4"
-  }, createElement("span", {
-    className: "block-library-video-tracks-editor__single-track-editor-edit-track-label"
-  }, __('Edit track')), createElement("span", null, __('File'), ": ", createElement("b", null, fileName)), createElement(Grid, {
-    columns: 2,
-    gap: 4
-  }, createElement(TextControl, {
-    __nextHasNoMarginBottom: true
-    /* eslint-disable jsx-a11y/no-autofocus */,
-    autoFocus: true
-    /* eslint-enable jsx-a11y/no-autofocus */,
-    onChange: newLabel => onChange({
-      ...track,
-      label: newLabel
-    }),
-    label: __('Label'),
-    value: label,
-    help: __('Title of track')
-  }), createElement(TextControl, {
-    __nextHasNoMarginBottom: true,
-    onChange: newSrcLang => onChange({
-      ...track,
-      srcLang: newSrcLang
-    }),
-    label: __('Source language'),
-    value: srcLang,
-    help: __('Language tag (en, fr, etc.)')
-  })), createElement(VStack, {
-    spacing: "8"
-  }, createElement(SelectControl, {
-    __nextHasNoMarginBottom: true,
-    className: "block-library-video-tracks-editor__single-track-editor-kind-select",
-    options: KIND_OPTIONS,
-    value: kind,
-    label: __('Kind'),
-    onChange: newKind => {
-      onChange({
-        ...track,
-        kind: newKind
-      });
-    }
-  }), createElement(HStack, {
-    className: "block-library-video-tracks-editor__single-track-editor-buttons-container"
-  }, createElement(Button, {
-    variant: "secondary",
-    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
-        });
-      }
-      onClose();
-    }
-  }, __('Close')), createElement(Button, {
-    isDestructive: true,
-    variant: "link",
-    onClick: onRemove
-  }, __('Remove track'))))));
+  return /*#__PURE__*/_jsx(NavigableMenu, {
+    children: /*#__PURE__*/_jsxs(VStack, {
+      className: "block-library-video-tracks-editor__single-track-editor",
+      spacing: "4",
+      children: [/*#__PURE__*/_jsx("span", {
+        className: "block-library-video-tracks-editor__single-track-editor-edit-track-label",
+        children: __('Edit track')
+      }), /*#__PURE__*/_jsxs("span", {
+        children: [__('File'), ": ", /*#__PURE__*/_jsx("b", {
+          children: fileName
+        })]
+      }), /*#__PURE__*/_jsxs(Grid, {
+        columns: 2,
+        gap: 4,
+        children: [/*#__PURE__*/_jsx(TextControl, {
+          __nextHasNoMarginBottom: true
+          /* eslint-disable jsx-a11y/no-autofocus */,
+          autoFocus: true
+          /* eslint-enable jsx-a11y/no-autofocus */,
+          onChange: newLabel => onChange({
+            ...track,
+            label: newLabel
+          }),
+          label: __('Label'),
+          value: label,
+          help: __('Title of track')
+        }), /*#__PURE__*/_jsx(TextControl, {
+          __nextHasNoMarginBottom: true,
+          onChange: newSrcLang => onChange({
+            ...track,
+            srcLang: newSrcLang
+          }),
+          label: __('Source language'),
+          value: srcLang,
+          help: __('Language tag (en, fr, etc.)')
+        })]
+      }), /*#__PURE__*/_jsxs(VStack, {
+        spacing: "8",
+        children: [/*#__PURE__*/_jsx(SelectControl, {
+          __nextHasNoMarginBottom: true,
+          className: "block-library-video-tracks-editor__single-track-editor-kind-select",
+          options: KIND_OPTIONS,
+          value: kind,
+          label: __('Kind'),
+          onChange: newKind => {
+            onChange({
+              ...track,
+              kind: newKind
+            });
+          }
+        }), /*#__PURE__*/_jsxs(HStack, {
+          className: "block-library-video-tracks-editor__single-track-editor-buttons-container",
+          children: [/*#__PURE__*/_jsx(Button, {
+            variant: "secondary",
+            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
+                });
+              }
+              onClose();
+            },
+            children: __('Close')
+          }), /*#__PURE__*/_jsx(Button, {
+            isDestructive: true,
+            variant: "link",
+            onClick: onRemove,
+            children: __('Remove track')
+          })]
+        })]
+      })]
+    })
+  });
 }
 export default function TracksEditor({
   tracks = [],
@@ -154,21 +174,24 @@ export default function TracksEditor({
   if (!mediaUpload) {
     return null;
   }
-  return createElement(Dropdown, {
+  return /*#__PURE__*/_jsx(Dropdown, {
     contentClassName: "block-library-video-tracks-editor",
     renderToggle: ({
       isOpen,
       onToggle
-    }) => createElement(ToolbarGroup, null, createElement(ToolbarButton, {
-      label: __('Text tracks'),
-      showTooltip: true,
-      "aria-expanded": isOpen,
-      "aria-haspopup": "true",
-      onClick: onToggle
-    }, __('Text tracks'))),
+    }) => /*#__PURE__*/_jsx(ToolbarGroup, {
+      children: /*#__PURE__*/_jsx(ToolbarButton, {
+        label: __('Text tracks'),
+        showTooltip: true,
+        "aria-expanded": isOpen,
+        "aria-haspopup": "true",
+        onClick: onToggle,
+        children: __('Text tracks')
+      })
+    }),
     renderContent: () => {
       if (trackBeingEdited !== null) {
-        return createElement(SingleTrackEditor, {
+        return /*#__PURE__*/_jsx(SingleTrackEditor, {
           track: tracks[trackBeingEdited],
           onChange: newTrack => {
             const newTracks = [...tracks];
@@ -182,64 +205,73 @@ export default function TracksEditor({
           }
         });
       }
-      return createElement(Fragment, null, createElement(NavigableMenu, null, createElement(TrackList, {
-        tracks: tracks,
-        onEditPress: setTrackBeingEdited
-      }), createElement(MenuGroup, {
-        className: "block-library-video-tracks-editor__add-tracks-container",
-        label: __('Add tracks')
-      }, createElement(MediaUpload, {
-        onSelect: ({
-          url
-        }) => {
-          const trackIndex = tracks.length;
-          onChange([...tracks, {
-            src: url
-          }]);
-          setTrackBeingEdited(trackIndex);
-        },
-        allowedTypes: ALLOWED_TYPES,
-        render: ({
-          open
-        }) => createElement(MenuItem, {
-          icon: media,
-          onClick: open
-        }, __('Open Media Library'))
-      }), createElement(MediaUploadCheck, null, createElement(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);
-            }
-          });
-        },
-        accept: ".vtt,text/vtt",
-        render: ({
-          openFileDialog
-        }) => {
-          return createElement(MenuItem, {
-            icon: upload,
-            onClick: () => {
-              openFileDialog();
-            }
-          }, __('Upload'));
-        }
-      })))));
+      return /*#__PURE__*/_jsx(_Fragment, {
+        children: /*#__PURE__*/_jsxs(NavigableMenu, {
+          children: [/*#__PURE__*/_jsx(TrackList, {
+            tracks: tracks,
+            onEditPress: setTrackBeingEdited
+          }), /*#__PURE__*/_jsxs(MenuGroup, {
+            className: "block-library-video-tracks-editor__add-tracks-container",
+            label: __('Add tracks'),
+            children: [/*#__PURE__*/_jsx(MediaUpload, {
+              onSelect: ({
+                url
+              }) => {
+                const trackIndex = tracks.length;
+                onChange([...tracks, {
+                  src: url
+                }]);
+                setTrackBeingEdited(trackIndex);
+              },
+              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);
+                    }
+                  });
+                },
+                accept: ".vtt,text/vtt",
+                render: ({
+                  openFileDialog
+                }) => {
+                  return /*#__PURE__*/_jsx(MenuItem, {
+                    icon: upload,
+                    onClick: () => {
+                      openFileDialog();
+                    },
+                    children: __('Upload')
+                  });
+                }
+              })
+            })]
+          })]
+        })
+      });
     }
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["__","sprintf","NavigableMenu","MenuItem","FormFileUpload","MenuGroup","ToolbarGroup","ToolbarButton","Dropdown","Button","TextControl","SelectControl","__experimentalGrid","Grid","__experimentalHStack","HStack","__experimentalVStack","VStack","MediaUpload","MediaUploadCheck","store","blockEditorStore","upload","media","useSelect","useState","getFilename","ALLOWED_TYPES","DEFAULT_KIND","KIND_OPTIONS","label","value","TrackList","tracks","onEditPress","content","length","createElement","className","map","track","index","key","variant","onClick","SingleTrackEditor","onChange","onClose","onRemove","src","srcLang","kind","fileName","startsWith","spacing","columns","gap","__nextHasNoMarginBottom","autoFocus","newLabel","help","newSrcLang","options","newKind","changes","hasChanges","undefined","isDestructive","TracksEditor","mediaUpload","select","getSettings","trackBeingEdited","setTrackBeingEdited","contentClassName","renderToggle","isOpen","onToggle","showTooltip","renderContent","newTrack","newTracks","filter","_track","Fragment","onSelect","url","trackIndex","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 { __, 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\t__experimentalGrid as Grid,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\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 } from '@wordpress/element';\nimport { getFilename } from '@wordpress/url';\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\tlet content;\n\tif ( tracks.length === 0 ) {\n\t\tcontent = (\n\t\t\t<p className=\"block-library-video-tracks-editor__tracks-informative-message\">\n\t\t\t\t{ __(\n\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) }\n\t\t\t</p>\n\t\t);\n\t} else {\n\t\tcontent = tracks.map( ( track, index ) => {\n\t\t\treturn (\n\t\t\t\t<HStack\n\t\t\t\t\tkey={ index }\n\t\t\t\t\tclassName=\"block-library-video-tracks-editor__track-list-track\"\n\t\t\t\t>\n\t\t\t\t\t<span>{ track.label } </span>\n\t\t\t\t\t<Button\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__( 'Edit %s' ),\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);\n\t\t} );\n\t}\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( { track, onChange, onClose, onRemove } ) {\n\tconst { src = '', label = '', srcLang = '', kind = DEFAULT_KIND } = track;\n\tconst fileName = src.startsWith( 'blob:' ) ? '' : getFilename( src ) || '';\n\treturn (\n\t\t<NavigableMenu>\n\t\t\t<VStack\n\t\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor\"\n\t\t\t\tspacing=\"4\"\n\t\t\t>\n\t\t\t\t<span className=\"block-library-video-tracks-editor__single-track-editor-edit-track-label\">\n\t\t\t\t\t{ __( 'Edit track' ) }\n\t\t\t\t</span>\n\t\t\t\t<span>\n\t\t\t\t\t{ __( 'File' ) }: <b>{ fileName }</b>\n\t\t\t\t</span>\n\t\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t/* eslint-disable jsx-a11y/no-autofocus */\n\t\t\t\t\t\tautoFocus\n\t\t\t\t\t\t/* eslint-enable jsx-a11y/no-autofocus */\n\t\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\tlabel: newLabel,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Label' ) }\n\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\thelp={ __( 'Title of track' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tonChange={ ( newSrcLang ) =>\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\tsrcLang: newSrcLang,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Source language' ) }\n\t\t\t\t\t\tvalue={ srcLang }\n\t\t\t\t\t\thelp={ __( 'Language tag (en, fr, etc.)' ) }\n\t\t\t\t\t/>\n\t\t\t\t</Grid>\n\t\t\t\t<VStack spacing=\"8\">\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor-kind-select\"\n\t\t\t\t\t\toptions={ KIND_OPTIONS }\n\t\t\t\t\t\tvalue={ kind }\n\t\t\t\t\t\tlabel={ __( 'Kind' ) }\n\t\t\t\t\t\tonChange={ ( newKind ) => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\tkind: newKind,\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\t<HStack className=\"block-library-video-tracks-editor__single-track-editor-buttons-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst changes = {};\n\t\t\t\t\t\t\t\tlet hasChanges = false;\n\t\t\t\t\t\t\t\tif ( label === '' ) {\n\t\t\t\t\t\t\t\t\tchanges.label = __( 'English' );\n\t\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( srcLang === '' ) {\n\t\t\t\t\t\t\t\t\tchanges.srcLang = 'en';\n\t\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( track.kind === undefined ) {\n\t\t\t\t\t\t\t\t\tchanges.kind = DEFAULT_KIND;\n\t\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( hasChanges ) {\n\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\t\t\t...changes,\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\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Close' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Remove track' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</VStack>\n\t\t</NavigableMenu>\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\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\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tlabel={ __( 'Text tracks' ) }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Text tracks' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</ToolbarGroup>\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/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\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={ ( { url } ) => {\n\t\t\t\t\t\t\t\t\t\tconst trackIndex = tracks.length;\n\t\t\t\t\t\t\t\t\t\tonChange( [ ...tracks, { src: url } ] );\n\t\t\t\t\t\t\t\t\t\tsetTrackBeingEdited( trackIndex );\n\t\t\t\t\t\t\t\t\t} }\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{ __( 'Upload' ) }\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":";AAAA;AACA;AACA;AACA,SAASA,EAAE,EAAEC,OAAO,QAAQ,iBAAiB;AAC7C,SACCC,aAAa,EACbC,QAAQ,EACRC,cAAc,EACdC,SAAS,EACTC,YAAY,EACZC,aAAa,EACbC,QAAQ,EACRC,MAAM,EACNC,WAAW,EACXC,aAAa,EACbC,kBAAkB,IAAIC,IAAI,EAC1BC,oBAAoB,IAAIC,MAAM,EAC9BC,oBAAoB,IAAIC,MAAM,QACxB,uBAAuB;AAC9B,SACCC,WAAW,EACXC,gBAAgB,EAChBC,KAAK,IAAIC,gBAAgB,QACnB,yBAAyB;AAChC,SAASC,MAAM,EAAEC,KAAK,QAAQ,kBAAkB;AAChD,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,WAAW,QAAQ,gBAAgB;AAE5C,MAAMC,aAAa,GAAG,CAAE,UAAU,CAAE;AAEpC,MAAMC,YAAY,GAAG,WAAW;AAEhC,MAAMC,YAAY,GAAG,CACpB;EAAEC,KAAK,EAAE9B,EAAE,CAAE,WAAY,CAAC;EAAE+B,KAAK,EAAE;AAAY,CAAC,EAChD;EAAED,KAAK,EAAE9B,EAAE,CAAE,UAAW,CAAC;EAAE+B,KAAK,EAAE;AAAW,CAAC,EAC9C;EAAED,KAAK,EAAE9B,EAAE,CAAE,cAAe,CAAC;EAAE+B,KAAK,EAAE;AAAe,CAAC,EACtD;EAAED,KAAK,EAAE9B,EAAE,CAAE,UAAW,CAAC;EAAE+B,KAAK,EAAE;AAAW,CAAC,EAC9C;EAAED,KAAK,EAAE9B,EAAE,CAAE,UAAW,CAAC;EAAE+B,KAAK,EAAE;AAAW,CAAC,CAC9C;AAED,SAASC,SAASA,CAAE;EAAEC,MAAM;EAAEC;AAAY,CAAC,EAAG;EAC7C,IAAIC,OAAO;EACX,IAAKF,MAAM,CAACG,MAAM,KAAK,CAAC,EAAG;IAC1BD,OAAO,GACNE,aAAA;MAAGC,SAAS,EAAC;IAA+D,GACzEtC,EAAE,CACH,sIACD,CACE,CACH;EACF,CAAC,MAAM;IACNmC,OAAO,GAAGF,MAAM,CAACM,GAAG,CAAE,CAAEC,KAAK,EAAEC,KAAK,KAAM;MACzC,OACCJ,aAAA,CAACtB,MAAM;QACN2B,GAAG,EAAGD,KAAO;QACbH,SAAS,EAAC;MAAqD,GAE/DD,aAAA,eAAQG,KAAK,CAACV,KAAK,EAAE,GAAO,CAAC,EAC7BO,aAAA,CAAC5B,MAAM;QACNkC,OAAO,EAAC,UAAU;QAClBC,OAAO,EAAGA,CAAA,KAAMV,WAAW,CAAEO,KAAM,CAAG;QACtC,cAAaxC,OAAO,EACnB;QACAD,EAAE,CAAE,SAAU,CAAC,EACfwC,KAAK,CAACV,KACP;MAAG,GAED9B,EAAE,CAAE,MAAO,CACN,CACD,CAAC;IAEX,CAAE,CAAC;EACJ;EACA,OACCqC,aAAA,CAAChC,SAAS;IACTyB,KAAK,EAAG9B,EAAE,CAAE,aAAc,CAAG;IAC7BsC,SAAS,EAAC;EAA+C,GAEvDH,OACQ,CAAC;AAEd;AAEA,SAASU,iBAAiBA,CAAE;EAAEL,KAAK;EAAEM,QAAQ;EAAEC,OAAO;EAAEC;AAAS,CAAC,EAAG;EACpE,MAAM;IAAEC,GAAG,GAAG,EAAE;IAAEnB,KAAK,GAAG,EAAE;IAAEoB,OAAO,GAAG,EAAE;IAAEC,IAAI,GAAGvB;EAAa,CAAC,GAAGY,KAAK;EACzE,MAAMY,QAAQ,GAAGH,GAAG,CAACI,UAAU,CAAE,OAAQ,CAAC,GAAG,EAAE,GAAG3B,WAAW,CAAEuB,GAAI,CAAC,IAAI,EAAE;EAC1E,OACCZ,aAAA,CAACnC,aAAa,QACbmC,aAAA,CAACpB,MAAM;IACNqB,SAAS,EAAC,wDAAwD;IAClEgB,OAAO,EAAC;EAAG,GAEXjB,aAAA;IAAMC,SAAS,EAAC;EAAyE,GACtFtC,EAAE,CAAE,YAAa,CACd,CAAC,EACPqC,aAAA,eACGrC,EAAE,CAAE,MAAO,CAAC,EAAE,IAAE,EAAAqC,aAAA,YAAKe,QAAa,CAC/B,CAAC,EACPf,aAAA,CAACxB,IAAI;IAAC0C,OAAO,EAAG,CAAG;IAACC,GAAG,EAAG;EAAG,GAC5BnB,aAAA,CAAC3B,WAAW;IACX+C,uBAAuB;IACvB;IACAC,SAAS;IACT;IACAZ,QAAQ,EAAKa,QAAQ,IACpBb,QAAQ,CAAE;MACT,GAAGN,KAAK;MACRV,KAAK,EAAE6B;IACR,CAAE,CACF;IACD7B,KAAK,EAAG9B,EAAE,CAAE,OAAQ,CAAG;IACvB+B,KAAK,EAAGD,KAAO;IACf8B,IAAI,EAAG5D,EAAE,CAAE,gBAAiB;EAAG,CAC/B,CAAC,EACFqC,aAAA,CAAC3B,WAAW;IACX+C,uBAAuB;IACvBX,QAAQ,EAAKe,UAAU,IACtBf,QAAQ,CAAE;MACT,GAAGN,KAAK;MACRU,OAAO,EAAEW;IACV,CAAE,CACF;IACD/B,KAAK,EAAG9B,EAAE,CAAE,iBAAkB,CAAG;IACjC+B,KAAK,EAAGmB,OAAS;IACjBU,IAAI,EAAG5D,EAAE,CAAE,6BAA8B;EAAG,CAC5C,CACI,CAAC,EACPqC,aAAA,CAACpB,MAAM;IAACqC,OAAO,EAAC;EAAG,GAClBjB,aAAA,CAAC1B,aAAa;IACb8C,uBAAuB;IACvBnB,SAAS,EAAC,oEAAoE;IAC9EwB,OAAO,EAAGjC,YAAc;IACxBE,KAAK,EAAGoB,IAAM;IACdrB,KAAK,EAAG9B,EAAE,CAAE,MAAO,CAAG;IACtB8C,QAAQ,EAAKiB,OAAO,IAAM;MACzBjB,QAAQ,CAAE;QACT,GAAGN,KAAK;QACRW,IAAI,EAAEY;MACP,CAAE,CAAC;IACJ;EAAG,CACH,CAAC,EACF1B,aAAA,CAACtB,MAAM;IAACuB,SAAS,EAAC;EAA0E,GAC3FD,aAAA,CAAC5B,MAAM;IACNkC,OAAO,EAAC,WAAW;IACnBC,OAAO,EAAGA,CAAA,KAAM;MACf,MAAMoB,OAAO,GAAG,CAAC,CAAC;MAClB,IAAIC,UAAU,GAAG,KAAK;MACtB,IAAKnC,KAAK,KAAK,EAAE,EAAG;QACnBkC,OAAO,CAAClC,KAAK,GAAG9B,EAAE,CAAE,SAAU,CAAC;QAC/BiE,UAAU,GAAG,IAAI;MAClB;MACA,IAAKf,OAAO,KAAK,EAAE,EAAG;QACrBc,OAAO,CAACd,OAAO,GAAG,IAAI;QACtBe,UAAU,GAAG,IAAI;MAClB;MACA,IAAKzB,KAAK,CAACW,IAAI,KAAKe,SAAS,EAAG;QAC/BF,OAAO,CAACb,IAAI,GAAGvB,YAAY;QAC3BqC,UAAU,GAAG,IAAI;MAClB;MACA,IAAKA,UAAU,EAAG;QACjBnB,QAAQ,CAAE;UACT,GAAGN,KAAK;UACR,GAAGwB;QACJ,CAAE,CAAC;MACJ;MACAjB,OAAO,CAAC,CAAC;IACV;EAAG,GAED/C,EAAE,CAAE,OAAQ,CACP,CAAC,EACTqC,aAAA,CAAC5B,MAAM;IACN0D,aAAa;IACbxB,OAAO,EAAC,MAAM;IACdC,OAAO,EAAGI;EAAU,GAElBhD,EAAE,CAAE,cAAe,CACd,CACD,CACD,CACD,CACM,CAAC;AAElB;AAEA,eAAe,SAASoE,YAAYA,CAAE;EAAEnC,MAAM,GAAG,EAAE;EAAEa;AAAS,CAAC,EAAG;EACjE,MAAMuB,WAAW,GAAG7C,SAAS,CAAI8C,MAAM,IAAM;IAC5C,OAAOA,MAAM,CAAEjD,gBAAiB,CAAC,CAACkD,WAAW,CAAC,CAAC,CAACF,WAAW;EAC5D,CAAC,EAAE,EAAG,CAAC;EACP,MAAM,CAAEG,gBAAgB,EAAEC,mBAAmB,CAAE,GAAGhD,QAAQ,CAAE,IAAK,CAAC;EAElE,IAAK,CAAE4C,WAAW,EAAG;IACpB,OAAO,IAAI;EACZ;EACA,OACChC,aAAA,CAAC7B,QAAQ;IACRkE,gBAAgB,EAAC,mCAAmC;IACpDC,YAAY,EAAGA,CAAE;MAAEC,MAAM;MAAEC;IAAS,CAAC,KACpCxC,aAAA,CAAC/B,YAAY,QACZ+B,aAAA,CAAC9B,aAAa;MACbuB,KAAK,EAAG9B,EAAE,CAAE,aAAc,CAAG;MAC7B8E,WAAW;MACX,iBAAgBF,MAAQ;MACxB,iBAAc,MAAM;MACpBhC,OAAO,EAAGiC;IAAU,GAElB7E,EAAE,CAAE,aAAc,CACN,CACF,CACZ;IACH+E,aAAa,EAAGA,CAAA,KAAM;MACrB,IAAKP,gBAAgB,KAAK,IAAI,EAAG;QAChC,OACCnC,aAAA,CAACQ,iBAAiB;UACjBL,KAAK,EAAGP,MAAM,CAAEuC,gBAAgB,CAAI;UACpC1B,QAAQ,EAAKkC,QAAQ,IAAM;YAC1B,MAAMC,SAAS,GAAG,CAAE,GAAGhD,MAAM,CAAE;YAC/BgD,SAAS,CAAET,gBAAgB,CAAE,GAAGQ,QAAQ;YACxClC,QAAQ,CAAEmC,SAAU,CAAC;UACtB,CAAG;UACHlC,OAAO,EAAGA,CAAA,KAAM0B,mBAAmB,CAAE,IAAK,CAAG;UAC7CzB,QAAQ,EAAGA,CAAA,KAAM;YAChBF,QAAQ,CACPb,MAAM,CAACiD,MAAM,CACZ,CAAEC,MAAM,EAAE1C,KAAK,KACdA,KAAK,KAAK+B,gBACZ,CACD,CAAC;YACDC,mBAAmB,CAAE,IAAK,CAAC;UAC5B;QAAG,CACH,CAAC;MAEJ;MACA,OACCpC,aAAA,CAAA+C,QAAA,QACC/C,aAAA,CAACnC,aAAa,QACbmC,aAAA,CAACL,SAAS;QACTC,MAAM,EAAGA,MAAQ;QACjBC,WAAW,EAAGuC;MAAqB,CACnC,CAAC,EACFpC,aAAA,CAAChC,SAAS;QACTiC,SAAS,EAAC,yDAAyD;QACnER,KAAK,EAAG9B,EAAE,CAAE,YAAa;MAAG,GAE5BqC,aAAA,CAACnB,WAAW;QACXmE,QAAQ,EAAGA,CAAE;UAAEC;QAAI,CAAC,KAAM;UACzB,MAAMC,UAAU,GAAGtD,MAAM,CAACG,MAAM;UAChCU,QAAQ,CAAE,CAAE,GAAGb,MAAM,EAAE;YAAEgB,GAAG,EAAEqC;UAAI,CAAC,CAAG,CAAC;UACvCb,mBAAmB,CAAEc,UAAW,CAAC;QAClC,CAAG;QACHC,YAAY,EAAG7D,aAAe;QAC9B8D,MAAM,EAAGA,CAAE;UAAEC;QAAK,CAAC,KAClBrD,aAAA,CAAClC,QAAQ;UACRwF,IAAI,EAAGpE,KAAO;UACdqB,OAAO,EAAG8C;QAAM,GAEd1F,EAAE,CAAE,oBAAqB,CAClB;MACR,CACH,CAAC,EACFqC,aAAA,CAAClB,gBAAgB,QAChBkB,aAAA,CAACjC,cAAc;QACd0C,QAAQ,EAAK8C,KAAK,IAAM;UACvB,MAAMC,KAAK,GAAGD,KAAK,CAACE,MAAM,CAACD,KAAK;UAChC,MAAMN,UAAU,GAAGtD,MAAM,CAACG,MAAM;UAChCiC,WAAW,CAAE;YACZmB,YAAY,EAAE7D,aAAa;YAC3BoE,SAAS,EAAEF,KAAK;YAChBG,YAAY,EAAEA,CAAE,CACf;cAAEV;YAAI,CAAC,CACP,KAAM;cACN,MAAML,SAAS,GAAG,CACjB,GAAGhD,MAAM,CACT;cACD,IACC,CAAEgD,SAAS,CACVM,UAAU,CACV,EACA;gBACDN,SAAS,CACRM,UAAU,CACV,GAAG,CAAC,CAAC;cACP;cACAN,SAAS,CAAEM,UAAU,CAAE,GAAG;gBACzB,GAAGtD,MAAM,CAAEsD,UAAU,CAAE;gBACvBtC,GAAG,EAAEqC;cACN,CAAC;cACDxC,QAAQ,CAAEmC,SAAU,CAAC;cACrBR,mBAAmB,CAClBc,UACD,CAAC;YACF;UACD,CAAE,CAAC;QACJ,CAAG;QACHU,MAAM,EAAC,eAAe;QACtBR,MAAM,EAAGA,CAAE;UAAES;QAAe,CAAC,KAAM;UAClC,OACC7D,aAAA,CAAClC,QAAQ;YACRwF,IAAI,EAAGrE,MAAQ;YACfsB,OAAO,EAAGA,CAAA,KAAM;cACfsD,cAAc,CAAC,CAAC;YACjB;UAAG,GAEDlG,EAAE,CAAE,QAAS,CACN,CAAC;QAEb;MAAG,CACH,CACgB,CACR,CACG,CACd,CAAC;IAEL;EAAG,CACH,CAAC;AAEJ","ignoreList":[]}
+{"version":3,"names":["__","sprintf","NavigableMenu","MenuItem","FormFileUpload","MenuGroup","ToolbarGroup","ToolbarButton","Dropdown","Button","TextControl","SelectControl","__experimentalGrid","Grid","__experimentalHStack","HStack","__experimentalVStack","VStack","MediaUpload","MediaUploadCheck","store","blockEditorStore","upload","media","useSelect","useState","getFilename","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ALLOWED_TYPES","DEFAULT_KIND","KIND_OPTIONS","label","value","TrackList","tracks","onEditPress","content","length","className","children","map","track","index","variant","onClick","SingleTrackEditor","onChange","onClose","onRemove","src","srcLang","kind","fileName","startsWith","spacing","columns","gap","__nextHasNoMarginBottom","autoFocus","newLabel","help","newSrcLang","options","newKind","changes","hasChanges","undefined","isDestructive","TracksEditor","mediaUpload","select","getSettings","trackBeingEdited","setTrackBeingEdited","contentClassName","renderToggle","isOpen","onToggle","showTooltip","renderContent","newTrack","newTracks","filter","_track","onSelect","url","trackIndex","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 { __, 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\t__experimentalGrid as Grid,\n\t__experimentalHStack as HStack,\n\t__experimentalVStack as VStack,\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 } from '@wordpress/element';\nimport { getFilename } from '@wordpress/url';\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\tlet content;\n\tif ( tracks.length === 0 ) {\n\t\tcontent = (\n\t\t\t<p className=\"block-library-video-tracks-editor__tracks-informative-message\">\n\t\t\t\t{ __(\n\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) }\n\t\t\t</p>\n\t\t);\n\t} else {\n\t\tcontent = tracks.map( ( track, index ) => {\n\t\t\treturn (\n\t\t\t\t<HStack\n\t\t\t\t\tkey={ index }\n\t\t\t\t\tclassName=\"block-library-video-tracks-editor__track-list-track\"\n\t\t\t\t>\n\t\t\t\t\t<span>{ track.label } </span>\n\t\t\t\t\t<Button\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__( 'Edit %s' ),\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);\n\t\t} );\n\t}\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( { track, onChange, onClose, onRemove } ) {\n\tconst { src = '', label = '', srcLang = '', kind = DEFAULT_KIND } = track;\n\tconst fileName = src.startsWith( 'blob:' ) ? '' : getFilename( src ) || '';\n\treturn (\n\t\t<NavigableMenu>\n\t\t\t<VStack\n\t\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor\"\n\t\t\t\tspacing=\"4\"\n\t\t\t>\n\t\t\t\t<span className=\"block-library-video-tracks-editor__single-track-editor-edit-track-label\">\n\t\t\t\t\t{ __( 'Edit track' ) }\n\t\t\t\t</span>\n\t\t\t\t<span>\n\t\t\t\t\t{ __( 'File' ) }: <b>{ fileName }</b>\n\t\t\t\t</span>\n\t\t\t\t<Grid columns={ 2 } gap={ 4 }>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\t/* eslint-disable jsx-a11y/no-autofocus */\n\t\t\t\t\t\tautoFocus\n\t\t\t\t\t\t/* eslint-enable jsx-a11y/no-autofocus */\n\t\t\t\t\t\tonChange={ ( newLabel ) =>\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\tlabel: newLabel,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Label' ) }\n\t\t\t\t\t\tvalue={ label }\n\t\t\t\t\t\thelp={ __( 'Title of track' ) }\n\t\t\t\t\t/>\n\t\t\t\t\t<TextControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tonChange={ ( newSrcLang ) =>\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\tsrcLang: newSrcLang,\n\t\t\t\t\t\t\t} )\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlabel={ __( 'Source language' ) }\n\t\t\t\t\t\tvalue={ srcLang }\n\t\t\t\t\t\thelp={ __( 'Language tag (en, fr, etc.)' ) }\n\t\t\t\t\t/>\n\t\t\t\t</Grid>\n\t\t\t\t<VStack spacing=\"8\">\n\t\t\t\t\t<SelectControl\n\t\t\t\t\t\t__nextHasNoMarginBottom\n\t\t\t\t\t\tclassName=\"block-library-video-tracks-editor__single-track-editor-kind-select\"\n\t\t\t\t\t\toptions={ KIND_OPTIONS }\n\t\t\t\t\t\tvalue={ kind }\n\t\t\t\t\t\tlabel={ __( 'Kind' ) }\n\t\t\t\t\t\tonChange={ ( newKind ) => {\n\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\tkind: newKind,\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\t<HStack className=\"block-library-video-tracks-editor__single-track-editor-buttons-container\">\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\tonClick={ () => {\n\t\t\t\t\t\t\t\tconst changes = {};\n\t\t\t\t\t\t\t\tlet hasChanges = false;\n\t\t\t\t\t\t\t\tif ( label === '' ) {\n\t\t\t\t\t\t\t\t\tchanges.label = __( 'English' );\n\t\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( srcLang === '' ) {\n\t\t\t\t\t\t\t\t\tchanges.srcLang = 'en';\n\t\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( track.kind === undefined ) {\n\t\t\t\t\t\t\t\t\tchanges.kind = DEFAULT_KIND;\n\t\t\t\t\t\t\t\t\thasChanges = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif ( hasChanges ) {\n\t\t\t\t\t\t\t\t\tonChange( {\n\t\t\t\t\t\t\t\t\t\t...track,\n\t\t\t\t\t\t\t\t\t\t...changes,\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\tonClose();\n\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Close' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\tisDestructive\n\t\t\t\t\t\t\tvariant=\"link\"\n\t\t\t\t\t\t\tonClick={ onRemove }\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{ __( 'Remove track' ) }\n\t\t\t\t\t\t</Button>\n\t\t\t\t\t</HStack>\n\t\t\t\t</VStack>\n\t\t\t</VStack>\n\t\t</NavigableMenu>\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\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\trenderToggle={ ( { isOpen, onToggle } ) => (\n\t\t\t\t<ToolbarGroup>\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\tlabel={ __( 'Text tracks' ) }\n\t\t\t\t\t\tshowTooltip\n\t\t\t\t\t\taria-expanded={ isOpen }\n\t\t\t\t\t\taria-haspopup=\"true\"\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ __( 'Text tracks' ) }\n\t\t\t\t\t</ToolbarButton>\n\t\t\t\t</ToolbarGroup>\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/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\treturn (\n\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={ ( { url } ) => {\n\t\t\t\t\t\t\t\t\t\tconst trackIndex = tracks.length;\n\t\t\t\t\t\t\t\t\t\tonChange( [ ...tracks, { src: url } ] );\n\t\t\t\t\t\t\t\t\t\tsetTrackBeingEdited( trackIndex );\n\t\t\t\t\t\t\t\t\t} }\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{ __( 'Upload' ) }\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

@@ -1,12 +1,11 @@
-import { createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default function Tracks({
   tracks = []
 }) {
   return tracks.map(track => {
-    return createElement("track", {
-      key: track.src,
+    return /*#__PURE__*/_jsx("track", {
       ...track
-    });
+    }, track.src);
   });
 }
 //# sourceMappingURL=tracks.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Tracks","tracks","map","track","createElement","key","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,OAAOC,aAAA;MAAOC,GAAG,EAAGF,KAAK,CAACG,GAAK;MAAA,GAAMH;IAAK,CAAI,CAAC;EAChD,CAAE,CAAC;AACJ","ignoreList":[]}
+{"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":[]}

package/build-style/audio/theme-rtl.css

@@ -95,6 +95,6 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-:where(.wp-block-audio) {
+.wp-block-audio {
   margin: 0 0 1em 0;
 }

package/build-style/audio/theme.css

@@ -95,6 +95,6 @@
   color: rgba(255, 255, 255, 0.65);
 }
 
-:where(.wp-block-audio) {
+.wp-block-audio {
   margin: 0 0 1em 0;
 }

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

@@ -115,35 +115,4 @@ div[data-type="core/button"] {
 
 .editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link {
   text-decoration: inherit;
-}
-
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where(.has-border-color) {
-  border-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-color"]) {
-  border-top-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-color"]) {
-  border-left-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) {
-  border-bottom-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-color"]) {
-  border-right-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-style"]) {
-  border-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-style"]) {
-  border-top-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-style"]) {
-  border-left-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) {
-  border-bottom-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-style"]) {
-  border-right-width: initial;
 }

package/build-style/button/editor.css

@@ -116,35 +116,4 @@ div[data-type="core/button"] {
 
 .editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link {
   text-decoration: inherit;
-}
-
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where(.has-border-color) {
-  border-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-color"]) {
-  border-top-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-color"]) {
-  border-right-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-color"]) {
-  border-bottom-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-color"]) {
-  border-left-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-style"]) {
-  border-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-top-style"]) {
-  border-top-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-right-style"]) {
-  border-right-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-bottom-style"]) {
-  border-bottom-width: initial;
-}
-.editor-styles-wrapper .wp-block-button .wp-block-button__link:where([style*="border-left-style"]) {
-  border-left-width: initial;
 }