@wordpress/block-library 8.4.0 → 8.5.0

package/src/file/test/__snapshots__/edit.native.js.snap

@@ -4,7 +4,7 @@ exports[`File block renders file error state without crashing 1`] = `
 <View
   pointerEvents="box-none"
   style={
-    Array [
+    [
       undefined,
       undefined,
     ]
@@ -12,7 +12,7 @@ exports[`File block renders file error state without crashing 1`] = `
 >
   <View
     style={
-      Array [
+      [
         undefined,
         undefined,
         undefined,
@@ -21,7 +21,7 @@ exports[`File block renders file error state without crashing 1`] = `
   />
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": false,
       }
     }
@@ -40,21 +40,21 @@ exports[`File block renders file error state without crashing 1`] = `
     <Text
       onTextLayout={[Function]}
       style={
-        Object {
+        {
           "color": "gray",
         }
       }
     />
     <View
       style={
-        Object {
+        {
           "height": 44,
         }
       }
     >
       <View
         style={
-          Array [
+          [
             undefined,
             undefined,
           ]
@@ -62,9 +62,9 @@ exports[`File block renders file error state without crashing 1`] = `
       >
         <RCTAztecView
           accessible={true}
-          activeFormats={Array []}
+          activeFormats={[]}
           blockType={
-            Object {
+            {
               "tag": "p",
             }
           }
@@ -95,14 +95,14 @@ exports[`File block renders file error state without crashing 1`] = `
           placeholder="File name"
           placeholderTextColor="gray"
           style={
-            Object {
+            {
               "backgroundColor": undefined,
               "maxWidth": undefined,
               "minHeight": 0,
             }
           }
           text={
-            Object {
+            {
               "eventCount": undefined,
               "linkTextColor": undefined,
               "selection": null,
@@ -111,7 +111,7 @@ exports[`File block renders file error state without crashing 1`] = `
             }
           }
           textAlign="left"
-          triggerKeyCodes={Array []}
+          triggerKeyCodes={[]}
         />
       </View>
       <View>
@@ -122,8 +122,8 @@ exports[`File block renders file error state without crashing 1`] = `
           onChange={[Function]}
           scrollEnabled={false}
           style={
-            Array [
-              Object {
+            [
+              {
                 "fontFamily": "serif",
               },
               undefined,
@@ -135,15 +135,15 @@ exports[`File block renders file error state without crashing 1`] = `
     </View>
     <View
       style={
-        Array [
-          Array [
-            Object {
+        [
+          [
+            {
               "paddingLeft": 10,
               "paddingRight": 10,
             },
             undefined,
           ],
-          Object {
+          {
             "alignSelf": "flex-start",
           },
         ]
@@ -151,7 +151,7 @@ exports[`File block renders file error state without crashing 1`] = `
     >
       <View
         style={
-          Array [
+          [
             undefined,
             undefined,
           ]
@@ -159,9 +159,9 @@ exports[`File block renders file error state without crashing 1`] = `
       >
         <RCTAztecView
           accessible={true}
-          activeFormats={Array []}
+          activeFormats={[]}
           blockType={
-            Object {
+            {
               "tag": "p",
             }
           }
@@ -195,7 +195,7 @@ exports[`File block renders file error state without crashing 1`] = `
           placeholderTextColor="white"
           selectionColor="white"
           style={
-            Object {
+            {
               "backgroundColor": undefined,
               "color": "white",
               "maxWidth": 80,
@@ -203,7 +203,7 @@ exports[`File block renders file error state without crashing 1`] = `
             }
           }
           text={
-            Object {
+            {
               "eventCount": undefined,
               "linkTextColor": undefined,
               "selection": null,
@@ -212,7 +212,7 @@ exports[`File block renders file error state without crashing 1`] = `
             }
           }
           textAlign="center"
-          triggerKeyCodes={Array []}
+          triggerKeyCodes={[]}
         />
       </View>
     </View>
@@ -224,7 +224,7 @@ exports[`File block renders file without crashing 1`] = `
 <View
   pointerEvents="box-none"
   style={
-    Array [
+    [
       undefined,
       undefined,
     ]
@@ -232,7 +232,7 @@ exports[`File block renders file without crashing 1`] = `
 >
   <View
     style={
-      Array [
+      [
         undefined,
         undefined,
         undefined,
@@ -241,7 +241,7 @@ exports[`File block renders file without crashing 1`] = `
   />
   <View
     accessibilityState={
-      Object {
+      {
         "disabled": false,
       }
     }
@@ -260,21 +260,21 @@ exports[`File block renders file without crashing 1`] = `
     <Text
       onTextLayout={[Function]}
       style={
-        Object {
+        {
           "color": "gray",
         }
       }
     />
     <View
       style={
-        Object {
+        {
           "height": 44,
         }
       }
     >
       <View
         style={
-          Array [
+          [
             undefined,
             undefined,
           ]
@@ -282,9 +282,9 @@ exports[`File block renders file without crashing 1`] = `
       >
         <RCTAztecView
           accessible={true}
-          activeFormats={Array []}
+          activeFormats={[]}
           blockType={
-            Object {
+            {
               "tag": "p",
             }
           }
@@ -315,14 +315,14 @@ exports[`File block renders file without crashing 1`] = `
           placeholder="File name"
           placeholderTextColor="gray"
           style={
-            Object {
+            {
               "backgroundColor": undefined,
               "maxWidth": undefined,
               "minHeight": 0,
             }
           }
           text={
-            Object {
+            {
               "eventCount": undefined,
               "linkTextColor": undefined,
               "selection": null,
@@ -331,21 +331,21 @@ exports[`File block renders file without crashing 1`] = `
             }
           }
           textAlign="left"
-          triggerKeyCodes={Array []}
+          triggerKeyCodes={[]}
         />
       </View>
     </View>
     <View
       style={
-        Array [
-          Array [
-            Object {
+        [
+          [
+            {
               "paddingLeft": 10,
               "paddingRight": 10,
             },
             false,
           ],
-          Object {
+          {
             "alignSelf": "flex-start",
           },
         ]
@@ -353,7 +353,7 @@ exports[`File block renders file without crashing 1`] = `
     >
       <View
         style={
-          Array [
+          [
             undefined,
             undefined,
           ]
@@ -361,9 +361,9 @@ exports[`File block renders file without crashing 1`] = `
       >
         <RCTAztecView
           accessible={true}
-          activeFormats={Array []}
+          activeFormats={[]}
           blockType={
-            Object {
+            {
               "tag": "p",
             }
           }
@@ -397,7 +397,7 @@ exports[`File block renders file without crashing 1`] = `
           placeholderTextColor="white"
           selectionColor="white"
           style={
-            Object {
+            {
               "backgroundColor": undefined,
               "color": "white",
               "maxWidth": 80,
@@ -405,7 +405,7 @@ exports[`File block renders file without crashing 1`] = `
             }
           }
           text={
-            Object {
+            {
               "eventCount": undefined,
               "linkTextColor": undefined,
               "selection": null,
@@ -414,7 +414,7 @@ exports[`File block renders file without crashing 1`] = `
             }
           }
           textAlign="center"
-          triggerKeyCodes={Array []}
+          triggerKeyCodes={[]}
         />
       </View>
     </View>
@@ -425,7 +425,7 @@ exports[`File block renders file without crashing 1`] = `
 exports[`File block renders placeholder without crashing 1`] = `
 <View
   style={
-    Object {
+    {
       "flex": 1,
     }
   }
@@ -444,8 +444,8 @@ exports[`File block renders placeholder without crashing 1`] = `
     onResponderTerminationRequest={[Function]}
     onStartShouldSetResponder={[Function]}
     style={
-      Array [
-        Array [
+      [
+        [
           undefined,
           undefined,
           undefined,
@@ -456,13 +456,13 @@ exports[`File block renders placeholder without crashing 1`] = `
   >
     <View
       style={
-        Object {
+        {
           "fill": "gray",
         }
       }
     >
       <View
-        style={Object {}}
+        style={{}}
       >
         Svg
       </View>

package/src/freeform/modal.js

@@ -88,7 +88,7 @@ export default function ModalEdit( props ) {
 								{ __( 'Cancel' ) }
 							</Button>
 							<Button
-								isPrimary
+								variant="primary"
 								onClick={ () => {
 									setAttributes( {
 										content:

package/src/gallery/edit.js

@@ -565,6 +565,7 @@ function GalleryEdit( props ) {
 						/>
 					) }
 					<ToggleControl
+						__nextHasNoMarginBottom
 						label={ __( 'Crop images' ) }
 						checked={ !! imageCrop }
 						onChange={ toggleImageCrop }
@@ -580,6 +581,7 @@ function GalleryEdit( props ) {
 					/>
 					{ hasLinkTo && (
 						<ToggleControl
+							__nextHasNoMarginBottom
 							label={ __( 'Open in new tab' ) }
 							checked={ linkTarget === '_blank' }
 							onChange={ toggleOpenInNewTab }

package/src/gallery/shared.js

@@ -1,8 +1,3 @@
-/**
- * External dependencies
- */
-import { get } from 'lodash';
-
 /**
  * WordPress dependencies
  */
@@ -20,13 +15,13 @@ export const pickRelevantMediaFiles = ( image, sizeSlug = 'large' ) => {
 	);
 
 	imageProps.url =
-		get( image, [ 'sizes', sizeSlug, 'url' ] ) ||
-		get( image, [ 'media_details', 'sizes', sizeSlug, 'source_url' ] ) ||
-		image.url ||
-		image.source_url;
+		image?.sizes?.[ sizeSlug ]?.url ||
+		image?.media_details?.sizes?.[ sizeSlug ]?.source_url ||
+		image?.url ||
+		image?.source_url;
 	const fullUrl =
-		get( image, [ 'sizes', 'full', 'url' ] ) ||
-		get( image, [ 'media_details', 'sizes', 'full', 'source_url' ] );
+		image?.sizes?.full?.url ||
+		image?.media_details?.sizes?.full?.source_url;
 	if ( fullUrl ) {
 		imageProps.fullUrl = fullUrl;
 	}