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

package/src/embed/styles.native.scss

@@ -1,196 +0,0 @@
-.embed__container {
-	flex: 1;
-	min-height: 142;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	background-color: #e0e0e0; // $light-dim
-	padding-left: 12;
-	padding-right: 12;
-	padding-top: 12;
-	padding-bottom: 12;
-	border-top-left-radius: 2;
-	border-top-right-radius: 2;
-	border-bottom-left-radius: 2;
-	border-bottom-right-radius: 2;
-}
-
-.embed__container--dark {
-	background-color: #1f1f1f; // $dark-dim
-}
-
-.embed__container-selected {
-	border-width: 2px;
-	border-color: $blue-40;
-}
-
-.embed__container-selected--dark {
-	border-color: $blue-50;
-}
-
-.embed__icon--error {
-	margin-bottom: 6;
-	fill: $alert-red;
-}
-
-.embed__placeholder-header {
-	flex-direction: row;
-	align-items: center;
-	margin-top: 4;
-	margin-bottom: 16;
-}
-
-.embed__icon {
-	fill: $light-secondary;
-}
-
-.embed__icon--dark {
-	fill: $dark-tertiary;
-}
-
-.embed__label {
-	text-align: center;
-	margin-left: $grid-unit;
-	font-size: 16;
-	font-weight: 400;
-	color: $light-secondary;
-}
-
-.embed__label--dark {
-	color: $dark-tertiary;
-}
-
-.embed__description {
-	font-size: $default-font-size;
-	text-align: center;
-	margin-top: 4;
-	margin-bottom: 16;
-	color: $light-secondary;
-}
-
-.embed__description--dark {
-	color: $dark-secondary;
-}
-
-.embed__description--error {
-	color: $alert-red;
-}
-
-.embed__action {
-	text-align: center;
-	color: $white;
-	font-size: 16;
-	font-weight: 400;
-}
-
-.embed__action--dark {
-	color: $black;
-}
-
-.embed-preview__loading {
-	flex: 1;
-	padding-left: 12px;
-	padding-right: 12px;
-	padding-top: 40px;
-	padding-bottom: 40px;
-	background-color: $gray-lighten-30;
-	justify-content: center;
-	align-items: center;
-}
-
-.embed-preview__wrapper {
-	flex: 1;
-}
-
-.embed-preview__wrapper--align-left {
-	align-items: flex-start;
-}
-.embed-preview__wrapper--align-right {
-	align-items: flex-end;
-}
-
-.embed-preview__sandbox--align-left {
-	max-width: 360px;
-}
-.embed-preview__sandbox--align-right {
-	max-width: 360px;
-}
-
-.embed-preview__loading--dark {
-	background-color: $background-dark-secondary;
-}
-
-.embed-no-preview__container {
-	flex-direction: column;
-	align-items: center;
-	justify-content: flex-end;
-}
-
-.embed-no-preview__help-icon {
-	position: absolute;
-	top: 12;
-	right: 12;
-	width: 16;
-	height: 16;
-	fill: $light-secondary;
-}
-
-.embed-no-preview__help-icon--dark {
-	fill: $gray-20;
-}
-
-.embed-no-preview__sheet-icon {
-	width: 36;
-	height: 36;
-	fill: $light-quaternary;
-}
-
-.embed-no-preview__sheet-icon--dark {
-	fill: $gray-20;
-}
-
-.embed-no-preview__sheet-title {
-	font-weight: 600;
-	font-size: 20;
-	line-height: 28px;
-	text-align: center;
-	color: $gray-90;
-
-	padding-top: 8;
-	padding-bottom: 8;
-}
-
-.embed-no-preview__sheet-title--dark {
-	color: $white;
-}
-
-.embed-no-preview__sheet-description {
-	font-size: 16;
-	line-height: 24px;
-	text-align: center;
-	color: $gray-50;
-
-	padding-bottom: 24;
-}
-
-.embed-no-preview__sheet-description--dark {
-	color: $gray-20;
-}
-
-.embed-no-preview__sheet-button {
-	color: $blue-50;
-}
-
-.embed-no-preview__sheet-button--dark {
-	color: $blue-30;
-}
-
-.embed__button {
-	background-color: $light-primary;
-	border-radius: 3px;
-	padding: $grid-unit $grid-unit-20;
-}
-
-.embed__button--dark {
-	background-color: $dark-primary;
-}

package/src/embed/test/__snapshots__/index.native.js.snap

@@ -1,191 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Embed block alignment options sets Align center option 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true,"align":"center"} -->
-<figure class="wp-block-embed aligncenter is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block alignment options sets Align left option 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true,"align":"left"} -->
-<figure class="wp-block-embed alignleft is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block alignment options sets Align right option 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true,"align":"right"} -->
-<figure class="wp-block-embed alignright is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block alignment options sets Full width option 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true,"align":"full"} -->
-<figure class="wp-block-embed alignfull is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block alignment options sets Wide width option 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true,"align":"wide"} -->
-<figure class="wp-block-embed alignwide is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block block settings toggles resize for smaller devices media settings 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","allowResponsive":false,"responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block create by pasting URL creates embed block when pasting URL in paragraph block 1`] = `
-"<!-- wp:embed {"url":"https://www.youtube.com/watch?v=lXMskKTw3Bc","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
-<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
-https://www.youtube.com/watch?v=lXMskKTw3Bc
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block create by pasting URL creates link when pasting URL in paragraph block 1`] = `
-"<!-- wp:paragraph -->
-<p><a href="https://www.youtube.com/watch?v=lXMskKTw3Bc">https://www.youtube.com/watch?v=lXMskKTw3Bc</a></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Embed block displays cannot embed on the placeholder if preview data is null 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/testing","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/testing
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block edit URL edits URL when edited after setting a bad URL of a provider 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block edit URL keeps the previous URL if an invalid URL is set 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block edit URL keeps the previous URL if no URL is set 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block edit URL replaces URL 1`] = `
-"<!-- wp:embed {"url":"https://www.youtube.com/watch?v=lXMskKTw3Bc","type":"video","providerNameSlug":"youtube","responsive":true,"className":"wp-embed-aspect-16-9 wp-has-aspect-ratio"} -->
-<figure class="wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio"><div class="wp-block-embed__wrapper">
-https://www.youtube.com/watch?v=lXMskKTw3Bc
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block edit URL sets empty state when setting an empty URL 1`] = `"<!-- wp:embed {"url":"","type":"rich","providerNameSlug":"twitter","responsive":true} /-->"`;
-
-exports[`Embed block insert via slash inserter insert generic embed block 1`] = `"<!-- wp:embed /-->"`;
-
-exports[`Embed block insert via slash inserter inserts Twitter Embed block 1`] = `"<!-- wp:embed {"providerNameSlug":"twitter","responsive":true} /-->"`;
-
-exports[`Embed block insert via slash inserter inserts Vimeo Embed block 1`] = `"<!-- wp:embed {"providerNameSlug":"vimeo","responsive":true} /-->"`;
-
-exports[`Embed block insert via slash inserter inserts WordPress Embed block 1`] = `"<!-- wp:embed {"providerNameSlug":"wordpress"} /-->"`;
-
-exports[`Embed block insert via slash inserter inserts YouTube Embed block 1`] = `"<!-- wp:embed {"providerNameSlug":"youtube","responsive":true} /-->"`;
-
-exports[`Embed block insertion inserts Twitter Embed block 1`] = `"<!-- wp:embed {"providerNameSlug":"twitter","responsive":true} /-->"`;
-
-exports[`Embed block insertion inserts Vimeo Embed block 1`] = `"<!-- wp:embed {"providerNameSlug":"vimeo","responsive":true} /-->"`;
-
-exports[`Embed block insertion inserts WordPress Embed block 1`] = `"<!-- wp:embed {"providerNameSlug":"wordpress"} /-->"`;
-
-exports[`Embed block insertion inserts YouTube Embed block 1`] = `"<!-- wp:embed {"providerNameSlug":"youtube","responsive":true} /-->"`;
-
-exports[`Embed block insertion inserts generic embed block 1`] = `"<!-- wp:embed /-->"`;
-
-exports[`Embed block retry allows editing link if request failed 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter"} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block retry converts to link if preview request failed 1`] = `
-"<!-- wp:paragraph -->
-<p><a href="https://twitter.com/notnownikki">https://twitter.com/notnownikki</a></p>
-<!-- /wp:paragraph -->"
-`;
-
-exports[`Embed block retry retries loading the preview if initial request failed 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block set URL upon block insertion auto-pastes the URL from clipboard 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block set URL upon block insertion sets a valid URL when dismissing edit URL modal 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block set URL upon block insertion sets empty URL when dismissing edit URL modal 1`] = `"<!-- wp:embed {"url":""} /-->"`;
-
-exports[`Embed block set URL when empty block auto-pastes the URL from clipboard 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block set URL when empty block sets a valid URL when dismissing edit URL modal 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed -->"
-`;
-
-exports[`Embed block set URL when empty block sets empty URL when dismissing edit URL modal 1`] = `"<!-- wp:embed {"url":""} /-->"`;
-
-exports[`Embed block sets block caption 1`] = `
-"<!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div><figcaption class="wp-element-caption">Caption</figcaption></figure>
-<!-- /wp:embed -->"
-`;

package/src/embed/test/__snapshots__/transforms.native.js.snap

@@ -1,23 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Embed block transforms to Columns block 1`] = `
-"<!-- wp:columns -->
-<div class="wp-block-columns"><!-- wp:column {"width":"100%"} -->
-<div class="wp-block-column" style="flex-basis:100%"><!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed --></div>
-<!-- /wp:column --></div>
-<!-- /wp:columns -->"
-`;
-
-exports[`Embed block transforms to Group block 1`] = `
-"<!-- wp:group {"layout":{"type":"constrained"}} -->
-<div class="wp-block-group"><!-- wp:embed {"url":"https://twitter.com/notnownikki","type":"rich","providerNameSlug":"twitter","responsive":true} -->
-<figure class="wp-block-embed is-type-rich is-provider-twitter wp-block-embed-twitter"><div class="wp-block-embed__wrapper">
-https://twitter.com/notnownikki
-</div></figure>
-<!-- /wp:embed --></div>
-<!-- /wp:group -->"
-`;