@wordpress/block-library 6.0.25 → 6.1.0

package/src/spacer/edit.native.js

@@ -0,0 +1,68 @@
+/**
+ * External dependencies
+ */
+import { View } from 'react-native';
+
+/**
+ * WordPress dependencies
+ */
+import { useConvertUnitToMobile } from '@wordpress/components';
+import { withPreferredColorScheme } from '@wordpress/compose';
+import { InspectorControls } from '@wordpress/block-editor';
+import { useEffect } from '@wordpress/element';
+
+/**
+ * Internal dependencies
+ */
+import Controls from './controls';
+import styles from './editor.native.scss';
+
+const Spacer = ( {
+	attributes,
+	context,
+	setAttributes,
+	isSelected,
+	getStylesFromColorScheme,
+} ) => {
+	const { height, width } = attributes;
+
+	const { orientation } = context;
+	const defaultStyle = getStylesFromColorScheme(
+		styles.staticSpacer,
+		styles.staticDarkSpacer
+	);
+
+	useEffect( () => {
+		if ( orientation === 'horizontal' && ! width ) {
+			setAttributes( {
+				height: '0px',
+				width: '72px',
+			} );
+		}
+	}, [] );
+
+	const convertedHeight = useConvertUnitToMobile( height );
+	const convertedWidth = useConvertUnitToMobile( width );
+
+	return (
+		<View
+			style={ [
+				defaultStyle,
+				isSelected && styles.selectedSpacer,
+				{ height: convertedHeight, width: convertedWidth },
+			] }
+		>
+			{ isSelected && (
+				<InspectorControls>
+					<Controls
+						attributes={ attributes }
+						context={ context }
+						setAttributes={ setAttributes }
+					/>
+				</InspectorControls>
+			) }
+		</View>
+	);
+};
+
+export default withPreferredColorScheme( Spacer );

package/src/spacer/editor.scss

@@ -28,6 +28,12 @@
 .block-library-spacer__resize-container {
 	clear: both;
 
+	&:not(.is-resizing) {
+		// Important is used to have higher specificity than the inline style set by re-resizable library.
+		height: 100% !important;
+		width: 100% !important;
+	}
+
 	// Don't show the horizontal indicator.
 	.components-resizable-box__handle::before {
 		content: none;

package/src/spacer/index.js

@@ -6,6 +6,7 @@ import { resizeCornerNE as icon } from '@wordpress/icons';
 /**
  * Internal dependencies
  */
+import deprecated from './deprecated';
 import edit from './edit';
 import metadata from './block.json';
 import save from './save';
@@ -18,4 +19,5 @@ export const settings = {
 	icon,
 	edit,
 	save,
+	deprecated,
 };

package/src/spacer/save.js

@@ -3,11 +3,14 @@
  */
 import { useBlockProps } from '@wordpress/block-editor';
 
-export default function save( { attributes } ) {
+export default function save( { attributes: { height, width } } ) {
 	return (
 		<div
 			{ ...useBlockProps.save( {
-				style: { height: attributes.height, width: attributes.width },
+				style: {
+					height,
+					width,
+				},
 				'aria-hidden': true,
 			} ) }
 		/>

package/src/style.scss

@@ -6,6 +6,8 @@
 @import "./categories/style.scss";
 @import "./code/style.scss";
 @import "./columns/style.scss";
+@import "./comments-pagination/style.scss";
+@import "./comment-template/style.scss";
 @import "./cover/style.scss";
 @import "./embed/style.scss";
 @import "./file/style.scss";
@@ -19,13 +21,13 @@
 @import "./media-text/style.scss";
 @import "./navigation/style.scss";
 @import "./navigation-link/style.scss";
-@import "./home-link/style.scss";
 @import "./page-list/style.scss";
 @import "./paragraph/style.scss";
 @import "./post-author/style.scss";
 @import "./post-comments/style.scss";
 @import "./post-comments-form/style.scss";
 @import "./post-excerpt/style.scss";
+@import "./post-featured-image/style.scss";
 @import "./post-terms/style.scss";
 @import "./post-title/style.scss";
 @import "./preformatted/style.scss";
@@ -44,6 +46,5 @@
 @import "./text-columns/style.scss";
 @import "./verse/style.scss";
 @import "./video/style.scss";
-@import "./post-featured-image/style.scss";
 
 @import "common.scss";

package/src/table/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/table",
 	"title": "Table",
@@ -144,7 +145,12 @@
 			"__experimentalSkipSerialization": true,
 			"color": true,
 			"style": true,
-			"width": true
+			"width": true,
+			"__experimentalDefaultControls": {
+				"color": true,
+				"style": true,
+				"width": true
+			}
 		},
 		"__experimentalSelector": ".wp-block-table > table"
 	},

package/src/table/style.scss

@@ -127,6 +127,7 @@
 		th,
 		td {
 			border-width: inherit;
+			border-style: inherit;
 		}
 	}
 }

package/src/table-of-contents/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/table-of-contents",
 	"title": "Table of Contents",

package/src/table-of-contents/index.php

@@ -261,14 +261,14 @@ function block_core_table_of_contents_render_list(
 
 				$entry = sprintf(
 					'<a class="%1$s" href="%2$s">%3$s</a>',
-					$entry_class,
+					esc_attr( $entry_class ),
 					esc_url( $href ),
 					esc_html( $content )
 				);
 			} else {
 				$entry = sprintf(
 					'<span class="%1$s">%2$s</span>',
-					$entry_class,
+					esc_attr( $entry_class ),
 					esc_html( $content )
 				);
 			}
@@ -279,7 +279,7 @@ function block_core_table_of_contents_render_list(
 				$child_node['children']
 					? block_core_table_of_contents_render_list(
 						$child_node['children'],
-						$page_url
+						esc_url( $page_url )
 					)
 					: null
 			);

package/src/tag-cloud/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/tag-cloud",
 	"title": "Tag Cloud",

package/src/tag-cloud/index.php

@@ -51,5 +51,14 @@ function register_block_core_tag_cloud() {
 			'render_callback' => 'render_block_core_tag_cloud',
 		)
 	);
+
+	register_block_style(
+		'core/tag-cloud',
+		array(
+			'name'         => 'outline',
+			'label'        => __( 'Outline', 'gutenberg' ),
+			'style_handle' => 'outline',
+		)
+	);
 }
 add_action( 'init', 'register_block_core_tag_cloud' );

package/src/tag-cloud/style.scss

@@ -18,4 +18,13 @@
 		margin-left: 5px;
 		text-decoration: none;
 	}
+
+	&.is-style-outline a {
+		border: 1px solid currentColor;
+		font-size: unset !important; // !important Needed to override the inline styles.
+		margin-bottom: 1ch;
+		margin-right: 1ch;
+		padding: 1ch 2ch;
+		text-decoration: none !important; // !important needed to override generic post content link decoration.
+	}
 }

package/src/template-part/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/template-part",
 	"title": "Template Part",

package/src/template-part/index.php

@@ -103,7 +103,12 @@ function render_block_core_template_part( $attributes ) {
 		}
 	}
 
-	if ( is_null( $content ) && is_user_logged_in() ) {
+	// WP_DEBUG_DISPLAY must only be honored when WP_DEBUG. This precedent
+	// is set in `wp_debug_mode()`.
+	$is_debug = defined( 'WP_DEBUG' ) && WP_DEBUG &&
+		defined( 'WP_DEBUG_DISPLAY' ) && WP_DEBUG_DISPLAY;
+
+	if ( is_null( $content ) && $is_debug ) {
 		if ( ! isset( $attributes['slug'] ) ) {
 			// If there is no slug this is a placeholder and we dont want to return any message.
 			return;
@@ -116,11 +121,6 @@ function render_block_core_template_part( $attributes ) {
 	}
 
 	if ( isset( $seen_ids[ $template_part_id ] ) ) {
-		// WP_DEBUG_DISPLAY must only be honored when WP_DEBUG. This precedent
-		// is set in `wp_debug_mode()`.
-		$is_debug = defined( 'WP_DEBUG' ) && WP_DEBUG &&
-			defined( 'WP_DEBUG_DISPLAY' ) && WP_DEBUG_DISPLAY;
-
 		return $is_debug ?
 			// translators: Visible only in the front end, this warning takes the place of a faulty block.
 			__( '[block rendering halted]' ) :

package/src/term-description/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/term-description",
 	"title": "Term Description",

package/src/text-columns/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/text-columns",
 	"title": "Text Columns (deprecated)",

package/src/verse/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/verse",
 	"title": "Verse",

package/src/verse/test/edit.native.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import renderer from 'react-test-renderer';
+import { render } from 'test/helpers';
 
 /**
  * Internal dependencies
@@ -11,7 +11,7 @@ import { metadata, settings, name } from '../index';
 /**
  * WordPress dependencies
  */
-import { RichText, BlockEdit } from '@wordpress/block-editor';
+import { BlockEdit } from '@wordpress/block-editor';
 import { registerBlockType, unregisterBlockType } from '@wordpress/blocks';
 
 const Verse = ( { clientId, ...props } ) => (
@@ -31,20 +31,17 @@ describe( 'Verse Block', () => {
 	} );
 
 	it( 'renders without crashing', () => {
-		const component = renderer.create(
-			<Verse attributes={ { content: '' } } />
-		);
+		const component = render( <Verse attributes={ { content: '' } } /> );
 		const rendered = component.toJSON();
 		expect( rendered ).toBeTruthy();
 	} );
 
 	it( 'renders given text without crashing', () => {
-		const component = renderer.create(
+		const component = render(
 			<Verse attributes={ { content: 'sample text' } } />
 		);
-		const testInstance = component.root;
-		const richText = testInstance.findByType( RichText );
-		expect( richText ).toBeTruthy();
-		expect( richText.props.value ).toBe( 'sample text' );
+		expect(
+			component.getByDisplayValue( '<pre>sample text</pre>' )
+		).toBeTruthy();
 	} );
 } );

package/src/video/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/video",
 	"title": "Video",

package/build/comments-query-loop/toolbar.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CommentsQueryLoopToolbar;
-
-var _element = require("@wordpress/element");
-
-var _components = require("@wordpress/components");
-
-var _i18n = require("@wordpress/i18n");
-
-var _icons = require("@wordpress/icons");
-
-/**
- * WordPress dependencies
- */
-function CommentsQueryLoopToolbar(_ref) {
-  let {
-    queryPerPage,
-    setQuery
-  } = _ref;
-  return (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.Dropdown, {
-    renderToggle: _ref2 => {
-      let {
-        onToggle
-      } = _ref2;
-      return (0, _element.createElement)(_components.ToolbarButton, {
-        icon: _icons.settings,
-        label: (0, _i18n.__)('Display settings'),
-        onClick: onToggle
-      });
-    },
-    renderContent: () => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.BaseControl, null, (0, _element.createElement)(_components.__experimentalNumberControl, {
-      __unstableInputWidth: "60px",
-      label: (0, _i18n.__)('Items per Page'),
-      labelPosition: "edge",
-      min: 1,
-      max: 100,
-      onChange: value => {
-        const num = parseInt(value, 10);
-
-        if (isNaN(num) || num < 1 || num > 100) {
-          return;
-        }
-
-        setQuery({
-          queryPerPage: num
-        });
-      },
-      step: "1",
-      value: queryPerPage,
-      isDragEnabled: false
-    })))
-  }));
-}
-//# sourceMappingURL=toolbar.js.map

package/build/comments-query-loop/toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/comments-query-loop/toolbar.js"],"names":["CommentsQueryLoopToolbar","queryPerPage","setQuery","onToggle","settings","value","num","parseInt","isNaN"],"mappings":";;;;;;;;;AAGA;;AAOA;;AACA;;AAXA;AACA;AACA;AAWe,SAASA,wBAAT,OAAgE;AAAA,MAA7B;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,GAA6B;AAC9E,SACC,4BAAC,wBAAD,QACC,4BAAC,oBAAD;AACC,IAAA,YAAY,EAAG;AAAA,UAAE;AAAEC,QAAAA;AAAF,OAAF;AAAA,aACd,4BAAC,yBAAD;AACC,QAAA,IAAI,EAAGC,eADR;AAEC,QAAA,KAAK,EAAG,cAAI,kBAAJ,CAFT;AAGC,QAAA,OAAO,EAAGD;AAHX,QADc;AAAA,KADhB;AAQC,IAAA,aAAa,EAAG,MACf,qDACC,4BAAC,uBAAD,QACC,4BAAC,uCAAD;AACC,MAAA,oBAAoB,EAAC,MADtB;AAEC,MAAA,KAAK,EAAG,cAAI,gBAAJ,CAFT;AAGC,MAAA,aAAa,EAAC,MAHf;AAIC,MAAA,GAAG,EAAG,CAJP;AAKC,MAAA,GAAG,EAAG,GALP;AAMC,MAAA,QAAQ,EAAKE,KAAF,IAAa;AACvB,cAAMC,GAAG,GAAGC,QAAQ,CAAEF,KAAF,EAAS,EAAT,CAApB;;AACA,YACCG,KAAK,CAAEF,GAAF,CAAL,IACAA,GAAG,GAAG,CADN,IAEAA,GAAG,GAAG,GAHP,EAIE;AACD;AACA;;AACDJ,QAAAA,QAAQ,CAAE;AACTD,UAAAA,YAAY,EAAEK;AADL,SAAF,CAAR;AAGA,OAlBF;AAmBC,MAAA,IAAI,EAAC,GAnBN;AAoBC,MAAA,KAAK,EAAGL,YApBT;AAqBC,MAAA,aAAa,EAAG;AArBjB,MADD,CADD;AATF,IADD,CADD;AA0CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarGroup,\n\tDropdown,\n\tToolbarButton,\n\tBaseControl,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\n\nexport default function CommentsQueryLoopToolbar( { queryPerPage, setQuery } ) {\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<Dropdown\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\tlabel={ __( 'Display settings' ) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\trenderContent={ () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BaseControl>\n\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t__unstableInputWidth=\"60px\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Items per Page' ) }\n\t\t\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tconst num = parseInt( value, 10 );\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tisNaN( num ) ||\n\t\t\t\t\t\t\t\t\t\tnum < 1 ||\n\t\t\t\t\t\t\t\t\t\tnum > 100\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsetQuery( {\n\t\t\t\t\t\t\t\t\t\tqueryPerPage: num,\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\tstep=\"1\"\n\t\t\t\t\t\t\t\tvalue={ queryPerPage }\n\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n}\n"]}

package/build/embed/embed-bottom-sheet.native.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _i18n = require("@wordpress/i18n");
-
-var _components = require("@wordpress/components");
-
-var _url = require("@wordpress/url");
-
-var _data = require("@wordpress/data");
-
-var _notices = require("@wordpress/notices");
-
-/**
- * WordPress dependencies
- */
-const EmbedBottomSheet = _ref => {
-  let {
-    value,
-    label,
-    isVisible,
-    onClose,
-    onSubmit
-  } = _ref;
-  const [url, setURL] = (0, _element.useState)(value);
-  const {
-    createErrorNotice
-  } = (0, _data.useDispatch)(_notices.store);
-  const linkSettingsOptions = {
-    url: {
-      label: (0, _i18n.sprintf)( // translators: %s: embed block variant's label e.g: "Twitter".
-      (0, _i18n.__)('%s link'), label),
-      placeholder: (0, _i18n.__)('Add link'),
-      autoFocus: true,
-      autoFill: true
-    },
-    footer: {
-      label: (0, _element.createElement)(_components.FooterMessageLink, {
-        href: (0, _i18n.__)('https://wordpress.org/support/article/embeds/'),
-        value: (0, _i18n.__)('Learn more about embeds')
-      }),
-      separatorType: 'topFullWidth'
-    }
-  };
-  const onDismiss = (0, _element.useCallback)(() => {
-    if (url !== '') {
-      if ((0, _url.isURL)(url)) {
-        onSubmit(url);
-      } else {
-        createErrorNotice((0, _i18n.__)('Invalid URL. Please enter a valid URL.')); // If the URL was already defined, we submit it to stop showing the embed placeholder.
-
-        onSubmit(value);
-      }
-    } else {
-      // Resets the URL when new value is empty
-      onSubmit('');
-    }
-  }, [url, onSubmit, value]);
-
-  function setAttributes(attributes) {
-    setURL(attributes.url);
-  }
-
-  return (0, _element.createElement)(_components.LinkSettingsNavigation, {
-    isVisible: isVisible,
-    url: url,
-    onClose: onClose,
-    onDismiss: onDismiss,
-    setAttributes: setAttributes,
-    options: linkSettingsOptions,
-    testID: "embed-edit-url-modal",
-    withBottomSheet: true,
-    showIcon: true
-  });
-};
-
-var _default = EmbedBottomSheet;
-exports.default = _default;
-//# sourceMappingURL=embed-bottom-sheet.native.js.map

package/build/embed/embed-bottom-sheet.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/embed-bottom-sheet.native.js"],"names":["EmbedBottomSheet","value","label","isVisible","onClose","onSubmit","url","setURL","createErrorNotice","noticesStore","linkSettingsOptions","placeholder","autoFocus","autoFill","footer","separatorType","onDismiss","setAttributes","attributes"],"mappings":";;;;;;;AAWA;;AARA;;AACA;;AAIA;;AACA;;AACA;;AAVA;AACA;AACA;AAWA,MAAMA,gBAAgB,GAAG,QAAsD;AAAA,MAApD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,SAAhB;AAA2BC,IAAAA,OAA3B;AAAoCC,IAAAA;AAApC,GAAoD;AAC9E,QAAM,CAAEC,GAAF,EAAOC,MAAP,IAAkB,uBAAUN,KAAV,CAAxB;AACA,QAAM;AAAEO,IAAAA;AAAF,MAAwB,uBAAaC,cAAb,CAA9B;AAEA,QAAMC,mBAAmB,GAAG;AAC3BJ,IAAAA,GAAG,EAAE;AACJJ,MAAAA,KAAK,EAAE,oBACN;AACA,oBAAI,SAAJ,CAFM,EAGNA,KAHM,CADH;AAMJS,MAAAA,WAAW,EAAE,cAAI,UAAJ,CANT;AAOJC,MAAAA,SAAS,EAAE,IAPP;AAQJC,MAAAA,QAAQ,EAAE;AARN,KADsB;AAW3BC,IAAAA,MAAM,EAAE;AACPZ,MAAAA,KAAK,EACJ,4BAAC,6BAAD;AACC,QAAA,IAAI,EAAG,cACN,+CADM,CADR;AAIC,QAAA,KAAK,EAAG,cAAI,yBAAJ;AAJT,QAFM;AASPa,MAAAA,aAAa,EAAE;AATR;AAXmB,GAA5B;AAwBA,QAAMC,SAAS,GAAG,0BAAa,MAAM;AACpC,QAAKV,GAAG,KAAK,EAAb,EAAkB;AACjB,UAAK,gBAAOA,GAAP,CAAL,EAAoB;AACnBD,QAAAA,QAAQ,CAAEC,GAAF,CAAR;AACA,OAFD,MAEO;AACNE,QAAAA,iBAAiB,CAChB,cAAI,wCAAJ,CADgB,CAAjB,CADM,CAIN;;AACAH,QAAAA,QAAQ,CAAEJ,KAAF,CAAR;AACA;AACD,KAVD,MAUO;AACN;AACAI,MAAAA,QAAQ,CAAE,EAAF,CAAR;AACA;AACD,GAfiB,EAef,CAAEC,GAAF,EAAOD,QAAP,EAAiBJ,KAAjB,CAfe,CAAlB;;AAiBA,WAASgB,aAAT,CAAwBC,UAAxB,EAAqC;AACpCX,IAAAA,MAAM,CAAEW,UAAU,CAACZ,GAAb,CAAN;AACA;;AAED,SACC,4BAAC,kCAAD;AACC,IAAA,SAAS,EAAGH,SADb;AAEC,IAAA,GAAG,EAAGG,GAFP;AAGC,IAAA,OAAO,EAAGF,OAHX;AAIC,IAAA,SAAS,EAAGY,SAJb;AAKC,IAAA,aAAa,EAAGC,aALjB;AAMC,IAAA,OAAO,EAAGP,mBANX;AAOC,IAAA,MAAM,EAAC,sBAPR;AAQC,IAAA,eAAe,MARhB;AASC,IAAA,QAAQ;AATT,IADD;AAaA,CA9DD;;eAgEeV,gB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tLinkSettingsNavigation,\n\tFooterMessageLink,\n} from '@wordpress/components';\nimport { isURL } from '@wordpress/url';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useCallback, useState } from '@wordpress/element';\n\nconst EmbedBottomSheet = ( { value, label, isVisible, onClose, onSubmit } ) => {\n\tconst [ url, setURL ] = useState( value );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst linkSettingsOptions = {\n\t\turl: {\n\t\t\tlabel: sprintf(\n\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t__( '%s link' ),\n\t\t\t\tlabel\n\t\t\t),\n\t\t\tplaceholder: __( 'Add link' ),\n\t\t\tautoFocus: true,\n\t\t\tautoFill: true,\n\t\t},\n\t\tfooter: {\n\t\t\tlabel: (\n\t\t\t\t<FooterMessageLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/support/article/embeds/'\n\t\t\t\t\t) }\n\t\t\t\t\tvalue={ __( 'Learn more about embeds' ) }\n\t\t\t\t/>\n\t\t\t),\n\t\t\tseparatorType: 'topFullWidth',\n\t\t},\n\t};\n\n\tconst onDismiss = useCallback( () => {\n\t\tif ( url !== '' ) {\n\t\t\tif ( isURL( url ) ) {\n\t\t\t\tonSubmit( url );\n\t\t\t} else {\n\t\t\t\tcreateErrorNotice(\n\t\t\t\t\t__( 'Invalid URL. Please enter a valid URL.' )\n\t\t\t\t);\n\t\t\t\t// If the URL was already defined, we submit it to stop showing the embed placeholder.\n\t\t\t\tonSubmit( value );\n\t\t\t}\n\t\t} else {\n\t\t\t// Resets the URL when new value is empty\n\t\t\tonSubmit( '' );\n\t\t}\n\t}, [ url, onSubmit, value ] );\n\n\tfunction setAttributes( attributes ) {\n\t\tsetURL( attributes.url );\n\t}\n\n\treturn (\n\t\t<LinkSettingsNavigation\n\t\t\tisVisible={ isVisible }\n\t\t\turl={ url }\n\t\t\tonClose={ onClose }\n\t\t\tonDismiss={ onDismiss }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\toptions={ linkSettingsOptions }\n\t\t\ttestID=\"embed-edit-url-modal\"\n\t\t\twithBottomSheet\n\t\t\tshowIcon\n\t\t/>\n\t);\n};\n\nexport default EmbedBottomSheet;\n"]}