@wordpress/block-library 9.48.0 → 10.0.1-next.v.202606191442.0

package/build-module/tabs/use-tab-list-sync.mjs

@@ -1,169 +0,0 @@
-// packages/block-library/src/tabs/use-tab-list-sync.js
-import { createBlock } from "@wordpress/blocks";
-import { store as blockEditorStore } from "@wordpress/block-editor";
-import { useDispatch } from "@wordpress/data";
-import { useEffect, useRef } from "@wordpress/element";
-function useTabListSync({
-  tabPanels,
-  tabs,
-  tabPanelsClientId,
-  tabsListClientId
-}) {
-  const {
-    removeBlock,
-    insertBlocks,
-    replaceInnerBlocks,
-    __unstableMarkNextChangeAsNotPersistent
-  } = useDispatch(blockEditorStore);
-  const prevSyncStateRef = useRef(null);
-  useEffect(() => {
-    if (prevSyncStateRef.current === null) {
-      prevSyncStateRef.current = {
-        tabPanels: [...tabPanels],
-        tabs: [...tabs]
-      };
-      return;
-    }
-    const { tabPanels: prevTabPanels, tabs: prevTabs } = prevSyncStateRef.current;
-    const tabPanelCountChange = tabPanels.length - prevTabPanels.length;
-    const tabCountChange = tabs.length - prevTabs.length;
-    const tabPanelsInserted = tabPanelCountChange > 0;
-    const tabsInserted = tabCountChange > 0;
-    if (tabPanelCountChange === tabCountChange) {
-      if (tabPanelCountChange === 0 && tabPanelsClientId && tabs.some((m, i) => m.clientId !== prevTabs[i]?.clientId)) {
-        const reorderedTabPanels = tabs.map((tab) => {
-          const oldIndex = prevTabs.findIndex(
-            (pm) => pm.clientId === tab.clientId
-          );
-          return oldIndex !== -1 ? tabPanels[oldIndex] : null;
-        }).filter(Boolean);
-        if (reorderedTabPanels.length === tabPanels.length) {
-          __unstableMarkNextChangeAsNotPersistent();
-          replaceInnerBlocks(
-            tabPanelsClientId,
-            reorderedTabPanels,
-            false
-          );
-        }
-      }
-      prevSyncStateRef.current = {
-        tabPanels: [...tabPanels],
-        tabs: [...tabs]
-      };
-      return;
-    }
-    if (tabPanelCountChange > 0 && tabCountChange > 0 || tabPanelCountChange < 0 && tabCountChange < 0) {
-      prevSyncStateRef.current = {
-        tabPanels: [...tabPanels],
-        tabs: [...tabs]
-      };
-      return;
-    }
-    if (tabPanelsInserted && !tabsListClientId) {
-      return;
-    }
-    if (tabsInserted && !tabPanelsClientId) {
-      return;
-    }
-    prevSyncStateRef.current = {
-      tabPanels: [...tabPanels],
-      tabs: [...tabs]
-    };
-    const currentTabPanelIds = new Set(
-      tabPanels.map((t) => t.clientId)
-    );
-    const currentTabIds = new Set(tabs.map((m) => m.clientId));
-    if (tabPanelCountChange < 0) {
-      const removedIndices = prevTabPanels.map(
-        (t, i) => !currentTabPanelIds.has(t.clientId) ? i : -1
-      ).filter((i) => i !== -1);
-      const removedSet = new Set(removedIndices);
-      removedIndices.forEach((removedIndex) => {
-        if (tabs[removedIndex]) {
-          __unstableMarkNextChangeAsNotPersistent();
-          removeBlock(tabs[removedIndex].clientId, false);
-        }
-      });
-      prevSyncStateRef.current.tabs = prevSyncStateRef.current.tabs.filter(
-        (_, i) => !removedSet.has(i)
-      );
-    } else if (tabCountChange < 0) {
-      const removedIndices = prevTabs.map(
-        (m, i) => !currentTabIds.has(m.clientId) ? i : -1
-      ).filter((i) => i !== -1);
-      const removedSet = new Set(removedIndices);
-      removedIndices.forEach((removedIndex) => {
-        if (tabPanels[removedIndex]) {
-          __unstableMarkNextChangeAsNotPersistent();
-          removeBlock(tabPanels[removedIndex].clientId, false);
-        }
-      });
-      prevSyncStateRef.current.tabPanels = prevSyncStateRef.current.tabPanels.filter(
-        (_, i) => !removedSet.has(i)
-      );
-    } else if (tabPanelsInserted) {
-      const prevTabPanelIds = new Set(
-        prevTabPanels.map((t) => t.clientId)
-      );
-      const newTabs = tabPanels.map(
-        (tabPanel, tabPanelIndex) => !prevTabPanelIds.has(tabPanel.clientId) ? {
-          tabPanelIndex,
-          block: createBlock("core/tab", {})
-        } : null
-      ).filter(Boolean);
-      if (newTabs.length > 0) {
-        __unstableMarkNextChangeAsNotPersistent();
-        insertBlocks(
-          newTabs.map(({ block }) => block),
-          newTabs[0].tabPanelIndex,
-          tabsListClientId,
-          false
-        );
-        newTabs.forEach(({ tabPanelIndex, block }) => {
-          prevSyncStateRef.current.tabs.splice(tabPanelIndex, 0, {
-            clientId: block.clientId
-          });
-        });
-      }
-    } else if (tabsInserted) {
-      const prevTabIds = new Set(prevTabs.map((m) => m.clientId));
-      const newTabPanels = tabs.map((tab, tabIndex) => {
-        if (prevTabIds.has(tab.clientId)) {
-          return null;
-        }
-        const label = tabPanels[tabIndex - 1]?.attributes?.label ?? tabPanels[tabIndex]?.attributes?.label ?? "";
-        return {
-          tabIndex,
-          block: createBlock("core/tab-panel", { label })
-        };
-      }).filter(Boolean);
-      if (newTabPanels.length > 0) {
-        __unstableMarkNextChangeAsNotPersistent();
-        insertBlocks(
-          newTabPanels.map(({ block }) => block),
-          newTabPanels[0].tabIndex,
-          tabPanelsClientId,
-          false
-        );
-        newTabPanels.forEach(({ tabIndex, block }) => {
-          prevSyncStateRef.current.tabPanels.splice(tabIndex, 0, {
-            clientId: block.clientId
-          });
-        });
-      }
-    }
-  }, [
-    tabPanels,
-    tabs,
-    removeBlock,
-    insertBlocks,
-    replaceInnerBlocks,
-    __unstableMarkNextChangeAsNotPersistent,
-    tabsListClientId,
-    tabPanelsClientId
-  ]);
-}
-export {
-  useTabListSync as default
-};
-//# sourceMappingURL=use-tab-list-sync.mjs.map

package/build-module/tabs/use-tab-list-sync.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tabs/use-tab-list-sync.js"],
-  "sourcesContent": ["/**\n * WordPress dependencies\n */\nimport { createBlock } from '@wordpress/blocks';\nimport { store as blockEditorStore } from '@wordpress/block-editor';\nimport { useDispatch } from '@wordpress/data';\nimport { useEffect, useRef } from '@wordpress/element';\n\n/**\n * Keep tabs and tab panels in sync when the lists change due to direct\n * user actions (deletion, paste, duplicate, drag-and-drop).\n *\n * Deletion: when one side shrinks, remove the counterpart at the same index.\n * Insertion: when one side grows without the other, insert the missing\n * counterpart at the matching index.\n *\n * When both lists change simultaneously (e.g. the \"Add Tab\" toolbar button,\n * which inserts both at once), no action is needed and the effect exits early.\n *\n * @param {Object}      props\n * @param {Array}       props.tabs              Raw core/tab block objects.\n * @param {Array}       props.tabPanels         Raw core/tab-panel block objects.\n * @param {string|null} props.tabPanelsClientId Client ID of the core/tab-panels block.\n * @param {string|null} props.tabsListClientId  Client ID of the core/tab-list block.\n */\nexport default function useTabListSync( {\n\ttabPanels,\n\ttabs,\n\ttabPanelsClientId,\n\ttabsListClientId,\n} ) {\n\tconst {\n\t\tremoveBlock,\n\t\tinsertBlocks,\n\t\treplaceInnerBlocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t} = useDispatch( blockEditorStore );\n\n\tconst prevSyncStateRef = useRef( null );\n\tuseEffect( () => {\n\t\tif ( prevSyncStateRef.current === null ) {\n\t\t\tprevSyncStateRef.current = {\n\t\t\t\ttabPanels: [ ...tabPanels ],\n\t\t\t\ttabs: [ ...tabs ],\n\t\t\t};\n\t\t\treturn;\n\t\t}\n\n\t\tconst { tabPanels: prevTabPanels, tabs: prevTabs } =\n\t\t\tprevSyncStateRef.current;\n\n\t\tconst tabPanelCountChange = tabPanels.length - prevTabPanels.length;\n\t\tconst tabCountChange = tabs.length - prevTabs.length;\n\n\t\tconst tabPanelsInserted = tabPanelCountChange > 0;\n\t\tconst tabsInserted = tabCountChange > 0;\n\n\t\t// Both sides changed by the same amount.\n\t\t// Covers: no-op re-renders, \"Add Tab\" toolbar, and toolbar-remove.\n\t\t// Also handles drag-and-drop reordering of tabs.\n\t\tif ( tabPanelCountChange === tabCountChange ) {\n\t\t\t// When lengths are equal but order changed, the user reordered tabs\n\t\t\t// via drag-and-drop. Reorder the tab panel blocks to match.\n\t\t\tif (\n\t\t\t\ttabPanelCountChange === 0 &&\n\t\t\t\ttabPanelsClientId &&\n\t\t\t\ttabs.some( ( m, i ) => m.clientId !== prevTabs[ i ]?.clientId )\n\t\t\t) {\n\t\t\t\tconst reorderedTabPanels = tabs\n\t\t\t\t\t.map( ( tab ) => {\n\t\t\t\t\t\tconst oldIndex = prevTabs.findIndex(\n\t\t\t\t\t\t\t( pm ) => pm.clientId === tab.clientId\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn oldIndex !== -1 ? tabPanels[ oldIndex ] : null;\n\t\t\t\t\t} )\n\t\t\t\t\t.filter( Boolean );\n\t\t\t\tif ( reorderedTabPanels.length === tabPanels.length ) {\n\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\treplaceInnerBlocks(\n\t\t\t\t\t\ttabPanelsClientId,\n\t\t\t\t\t\treorderedTabPanels,\n\t\t\t\t\t\tfalse\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t\tprevSyncStateRef.current = {\n\t\t\t\ttabPanels: [ ...tabPanels ],\n\t\t\t\ttabs: [ ...tabs ],\n\t\t\t};\n\t\t\treturn;\n\t\t}\n\n\t\t// Both sides changed in the same direction but by different amounts.\n\t\t// Bail without making a partial fix.\n\t\tif (\n\t\t\t( tabPanelCountChange > 0 && tabCountChange > 0 ) ||\n\t\t\t( tabPanelCountChange < 0 && tabCountChange < 0 )\n\t\t) {\n\t\t\tprevSyncStateRef.current = {\n\t\t\t\ttabPanels: [ ...tabPanels ],\n\t\t\t\ttabs: [ ...tabs ],\n\t\t\t};\n\t\t\treturn;\n\t\t}\n\n\t\t// If the required container block isn't available yet, bail without\n\t\t// updating the snapshot so the next render re-evaluates the same count change.\n\t\tif ( tabPanelsInserted && ! tabsListClientId ) {\n\t\t\treturn;\n\t\t}\n\t\tif ( tabsInserted && ! tabPanelsClientId ) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Update snapshot to the current state.\n\t\tprevSyncStateRef.current = {\n\t\t\ttabPanels: [ ...tabPanels ],\n\t\t\ttabs: [ ...tabs ],\n\t\t};\n\n\t\tconst currentTabPanelIds = new Set(\n\t\t\ttabPanels.map( ( t ) => t.clientId )\n\t\t);\n\t\tconst currentTabIds = new Set( tabs.map( ( m ) => m.clientId ) );\n\n\t\tif ( tabPanelCountChange < 0 ) {\n\t\t\t// Remove the tab at the same position as each deleted tab panel.\n\t\t\tconst removedIndices = prevTabPanels\n\t\t\t\t.map( ( t, i ) =>\n\t\t\t\t\t! currentTabPanelIds.has( t.clientId ) ? i : -1\n\t\t\t\t)\n\t\t\t\t.filter( ( i ) => i !== -1 );\n\t\t\tconst removedSet = new Set( removedIndices );\n\t\t\tremovedIndices.forEach( ( removedIndex ) => {\n\t\t\t\tif ( tabs[ removedIndex ] ) {\n\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\tremoveBlock( tabs[ removedIndex ].clientId, false );\n\t\t\t\t}\n\t\t\t} );\n\t\t\tprevSyncStateRef.current.tabs =\n\t\t\t\tprevSyncStateRef.current.tabs.filter(\n\t\t\t\t\t( _, i ) => ! removedSet.has( i )\n\t\t\t\t);\n\t\t} else if ( tabCountChange < 0 ) {\n\t\t\t// Remove the tab panel at the same position as each deleted tab.\n\t\t\tconst removedIndices = prevTabs\n\t\t\t\t.map( ( m, i ) =>\n\t\t\t\t\t! currentTabIds.has( m.clientId ) ? i : -1\n\t\t\t\t)\n\t\t\t\t.filter( ( i ) => i !== -1 );\n\t\t\tconst removedSet = new Set( removedIndices );\n\t\t\tremovedIndices.forEach( ( removedIndex ) => {\n\t\t\t\tif ( tabPanels[ removedIndex ] ) {\n\t\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\t\tremoveBlock( tabPanels[ removedIndex ].clientId, false );\n\t\t\t\t}\n\t\t\t} );\n\t\t\tprevSyncStateRef.current.tabPanels =\n\t\t\t\tprevSyncStateRef.current.tabPanels.filter(\n\t\t\t\t\t( _, i ) => ! removedSet.has( i )\n\t\t\t\t);\n\t\t} else if ( tabPanelsInserted ) {\n\t\t\t// A tab panel was pasted or duplicated \u2014 insert a matching tab.\n\t\t\tconst prevTabPanelIds = new Set(\n\t\t\t\tprevTabPanels.map( ( t ) => t.clientId )\n\t\t\t);\n\t\t\tconst newTabs = tabPanels\n\t\t\t\t.map( ( tabPanel, tabPanelIndex ) =>\n\t\t\t\t\t! prevTabPanelIds.has( tabPanel.clientId )\n\t\t\t\t\t\t? {\n\t\t\t\t\t\t\t\ttabPanelIndex,\n\t\t\t\t\t\t\t\tblock: createBlock( 'core/tab', {} ),\n\t\t\t\t\t\t  }\n\t\t\t\t\t\t: null\n\t\t\t\t)\n\t\t\t\t.filter( Boolean );\n\n\t\t\tif ( newTabs.length > 0 ) {\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tinsertBlocks(\n\t\t\t\t\tnewTabs.map( ( { block } ) => block ),\n\t\t\t\t\tnewTabs[ 0 ].tabPanelIndex,\n\t\t\t\t\ttabsListClientId,\n\t\t\t\t\tfalse\n\t\t\t\t);\n\t\t\t\tnewTabs.forEach( ( { tabPanelIndex, block } ) => {\n\t\t\t\t\tprevSyncStateRef.current.tabs.splice( tabPanelIndex, 0, {\n\t\t\t\t\t\tclientId: block.clientId,\n\t\t\t\t\t} );\n\t\t\t\t} );\n\t\t\t}\n\t\t} else if ( tabsInserted ) {\n\t\t\t// A tab was pasted or duplicated \u2014 insert a matching tab panels,\n\t\t\t// copying the label from the adjacent tab panel.\n\t\t\tconst prevTabIds = new Set( prevTabs.map( ( m ) => m.clientId ) );\n\t\t\tconst newTabPanels = tabs\n\t\t\t\t.map( ( tab, tabIndex ) => {\n\t\t\t\t\tif ( prevTabIds.has( tab.clientId ) ) {\n\t\t\t\t\t\treturn null;\n\t\t\t\t\t}\n\t\t\t\t\tconst label =\n\t\t\t\t\t\ttabPanels[ tabIndex - 1 ]?.attributes?.label ??\n\t\t\t\t\t\ttabPanels[ tabIndex ]?.attributes?.label ??\n\t\t\t\t\t\t'';\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttabIndex,\n\t\t\t\t\t\tblock: createBlock( 'core/tab-panel', { label } ),\n\t\t\t\t\t};\n\t\t\t\t} )\n\t\t\t\t.filter( Boolean );\n\n\t\t\tif ( newTabPanels.length > 0 ) {\n\t\t\t\t__unstableMarkNextChangeAsNotPersistent();\n\t\t\t\tinsertBlocks(\n\t\t\t\t\tnewTabPanels.map( ( { block } ) => block ),\n\t\t\t\t\tnewTabPanels[ 0 ].tabIndex,\n\t\t\t\t\ttabPanelsClientId,\n\t\t\t\t\tfalse\n\t\t\t\t);\n\t\t\t\tnewTabPanels.forEach( ( { tabIndex, block } ) => {\n\t\t\t\t\tprevSyncStateRef.current.tabPanels.splice( tabIndex, 0, {\n\t\t\t\t\t\tclientId: block.clientId,\n\t\t\t\t\t} );\n\t\t\t\t} );\n\t\t\t}\n\t\t}\n\t}, [\n\t\ttabPanels,\n\t\ttabs,\n\t\tremoveBlock,\n\t\tinsertBlocks,\n\t\treplaceInnerBlocks,\n\t\t__unstableMarkNextChangeAsNotPersistent,\n\t\ttabsListClientId,\n\t\ttabPanelsClientId,\n\t] );\n}\n"],
-  "mappings": "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",
-  "names": []
-}

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

@@ -1,11 +0,0 @@
-.wp-block-tab.is-selected {
-  outline-offset: 2px;
-}
-
-.block-editor-block-preview__live-content:has(.wp-block-tab) {
-  flex-basis: inherit !important;
-  flex-grow: inherit !important;
-}
-.block-editor-block-preview__live-content:has(.wp-block-tab) .wp-block-tab {
-  flex-basis: 100% !important;
-}

package/build-style/tab/editor.css

@@ -1,11 +0,0 @@
-.wp-block-tab.is-selected {
-  outline-offset: 2px;
-}
-
-.block-editor-block-preview__live-content:has(.wp-block-tab) {
-  flex-basis: inherit !important;
-  flex-grow: inherit !important;
-}
-.block-editor-block-preview__live-content:has(.wp-block-tab) .wp-block-tab {
-  flex-basis: 100% !important;
-}

package/build-style/tab-panels/style-rtl.css

@@ -1,4 +0,0 @@
-.wp-block-tab-panels {
-  flex-grow: 1;
-  min-width: 0;
-}

package/build-style/tab-panels/style.css

@@ -1,4 +0,0 @@
-.wp-block-tab-panels {
-  flex-grow: 1;
-  min-width: 0;
-}

package/src/audio/edit.native.js

@@ -1,250 +0,0 @@
-/**
- * External dependencies
- */
-import { TouchableWithoutFeedback } from 'react-native';
-
-/**
- * WordPress dependencies
- */
-import { View } from '@wordpress/primitives';
-import {
-	PanelBody,
-	SelectControl,
-	ToggleControl,
-	ToolbarButton,
-	ToolbarGroup,
-} from '@wordpress/components';
-import {
-	AudioPlayer,
-	BlockCaption,
-	BlockControls,
-	BlockIcon,
-	InspectorControls,
-	MediaPlaceholder,
-	MediaUpload,
-	MediaUploadProgress,
-	RichText,
-	store as blockEditorStore,
-} from '@wordpress/block-editor';
-import { __, _x, sprintf } from '@wordpress/i18n';
-import { audio as icon, replace } from '@wordpress/icons';
-import { useState } from '@wordpress/element';
-import { useDispatch, useSelect } from '@wordpress/data';
-import { store as noticesStore } from '@wordpress/notices';
-import { isURL, getProtocol } from '@wordpress/url';
-
-/**
- * Internal dependencies
- */
-import styles from './style.scss';
-
-const ALLOWED_MEDIA_TYPES = [ 'audio' ];
-
-function AudioEdit( {
-	attributes,
-	setAttributes,
-	isSelected,
-	insertBlocksAfter,
-	onFocus,
-	onBlur,
-	clientId,
-} ) {
-	const { id, autoplay, loop, preload, src } = attributes;
-
-	const [ isCaptionSelected, setIsCaptionSelected ] = useState( false );
-
-	const onFileChange = ( { mediaId, mediaUrl } ) => {
-		setAttributes( { id: mediaId, src: mediaUrl } );
-	};
-
-	const { wasBlockJustInserted } = useSelect( ( select ) => ( {
-		wasBlockJustInserted: select( blockEditorStore ).wasBlockJustInserted(
-			clientId,
-			'inserter_menu'
-		),
-	} ) );
-
-	const { createErrorNotice } = useDispatch( noticesStore );
-
-	function toggleAttribute( attribute ) {
-		return ( newValue ) => {
-			setAttributes( { [ attribute ]: newValue } );
-		};
-	}
-
-	function onSelectURL( newSrc ) {
-		if ( newSrc !== src ) {
-			if ( isURL( newSrc ) && /^https?:/.test( getProtocol( newSrc ) ) ) {
-				setAttributes( { src: newSrc, id: undefined } );
-			} else {
-				createErrorNotice( __( 'Invalid URL. Audio file not found.' ) );
-			}
-		}
-	}
-
-	function onSelectAudio( media ) {
-		if ( ! media || ! media.url ) {
-			// In this case there was an error and we should continue in the editing state
-			// previous attributes should be removed because they may be temporary blob urls.
-			setAttributes( { src: undefined, id: undefined } );
-			return;
-		}
-		// Sets the block's attribute and updates the edit component from the
-		// selected media, then switches off the editing UI.
-		setAttributes( { src: media.url, id: media.id } );
-	}
-
-	function onAudioPress() {
-		setIsCaptionSelected( false );
-	}
-
-	function onFocusCaption() {
-		if ( ! isCaptionSelected ) {
-			setIsCaptionSelected( true );
-		}
-	}
-
-	if ( ! src ) {
-		return (
-			<View>
-				<MediaPlaceholder
-					icon={ <BlockIcon icon={ icon } /> }
-					onSelect={ onSelectAudio }
-					onSelectURL={ onSelectURL }
-					accept="audio/*"
-					allowedTypes={ ALLOWED_MEDIA_TYPES }
-					value={ attributes }
-					onFocus={ onFocus }
-					autoOpenMediaUpload={ isSelected && wasBlockJustInserted }
-				/>
-			</View>
-		);
-	}
-
-	function getBlockControls( open ) {
-		return (
-			<BlockControls>
-				<ToolbarGroup>
-					<ToolbarButton
-						title={ __( 'Replace audio' ) }
-						icon={ replace }
-						onClick={ open }
-					/>
-				</ToolbarGroup>
-			</BlockControls>
-		);
-	}
-
-	function getBlockUI( open, getMediaOptions ) {
-		return (
-			<MediaUploadProgress
-				mediaId={ id }
-				onFinishMediaUploadWithSuccess={ onFileChange }
-				onMediaUploadStateReset={ onFileChange }
-				containerStyle={ styles.progressContainer }
-				progressBarStyle={ styles.progressBar }
-				spinnerStyle={ styles.spinner }
-				renderContent={ ( {
-					isUploadInProgress,
-					isUploadFailed,
-					retryMessage,
-				} ) => {
-					return (
-						<>
-							{ ! isCaptionSelected &&
-								! isUploadInProgress &&
-								getBlockControls( open ) }
-							{ getMediaOptions() }
-							<AudioPlayer
-								isUploadInProgress={ isUploadInProgress }
-								isUploadFailed={ isUploadFailed }
-								retryMessage={ retryMessage }
-								attributes={ attributes }
-								isSelected={ isSelected }
-							/>
-						</>
-					);
-				} }
-			/>
-		);
-	}
-
-	return (
-		<TouchableWithoutFeedback
-			accessible={ ! isSelected }
-			onPress={ onAudioPress }
-			disabled={ ! isSelected }
-		>
-			<View>
-				<InspectorControls>
-					<PanelBody title={ __( 'Settings' ) }>
-						<ToggleControl
-							label={ __( 'Autoplay' ) }
-							onChange={ toggleAttribute( 'autoplay' ) }
-							checked={ autoplay }
-							help={ __(
-								'Autoplay may cause usability issues for some users.'
-							) }
-						/>
-						<ToggleControl
-							label={ __( 'Loop' ) }
-							onChange={ toggleAttribute( 'loop' ) }
-							checked={ loop }
-						/>
-						<SelectControl
-							label={ _x(
-								'Preload',
-								'noun; Audio block parameter'
-							) }
-							value={ preload || '' }
-							// `undefined` is required for the preload attribute to be unset.
-							onChange={ ( value ) =>
-								setAttributes( {
-									preload: value || undefined,
-								} )
-							}
-							options={ [
-								{ value: '', label: __( 'Browser default' ) },
-								{ value: 'auto', label: __( 'Auto' ) },
-								{ value: 'metadata', label: __( 'Metadata' ) },
-								{
-									value: 'none',
-									label: _x( 'None', '"Preload" value' ),
-								},
-							] }
-							hideCancelButton
-						/>
-					</PanelBody>
-				</InspectorControls>
-				<MediaUpload
-					allowedTypes={ ALLOWED_MEDIA_TYPES }
-					isReplacingMedia
-					onSelect={ onSelectAudio }
-					onSelectURL={ onSelectURL }
-					render={ ( { open, getMediaOptions } ) => {
-						return getBlockUI( open, getMediaOptions );
-					} }
-				/>
-				<BlockCaption
-					accessible
-					accessibilityLabelCreator={ ( caption ) =>
-						RichText.isEmpty( caption )
-							? /* translators: accessibility text. Empty Audio caption. */
-							  __( 'Audio caption. Empty' )
-							: sprintf(
-									/* translators: accessibility text. %s: Audio caption. */
-									__( 'Audio caption. %s' ),
-									caption
-							  )
-					}
-					clientId={ clientId }
-					isSelected={ isCaptionSelected }
-					onFocus={ onFocusCaption }
-					onBlur={ onBlur }
-					insertBlocksAfter={ insertBlocksAfter }
-				/>
-			</View>
-		</TouchableWithoutFeedback>
-	);
-}
-export default AudioEdit;

package/src/audio/style.native.scss

@@ -1,13 +0,0 @@
-.progressContainer {
-	border-radius: 4px;
-	overflow: hidden;
-}
-
-.progressBar {
-	height: 4px;
-	margin-bottom: -4px;
-}
-
-.spinner {
-	height: 4px;
-}