@wordpress/editor 12.5.7 → 12.8.0

package/src/components/post-visibility/style.scss

@@ -1,39 +1,44 @@
-.edit-post-post-visibility__dialog,
-.editor-post-visibility__dialog-fieldset {
-	padding: $grid-unit-05;
-	padding-top: 0;
+.editor-post-visibility__close {
+	position: absolute;
+	right: $grid-unit-20;
+	top: $grid-unit-20;
+}
+
+.editor-post-visibility__fieldset {
+	padding: $grid-unit-10;
 
-	.editor-post-visibility__dialog-legend {
+	.editor-post-visibility__legend {
 		font-weight: 600;
-		margin-bottom: 1em;
+		padding: 1em 0 0 0;
+	}
+
+	.editor-post-visibility__description {
 		margin-top: 0.5em;
-		padding: 0;
 	}
 
-	.editor-post-visibility__dialog-radio[type="radio"] {
+	.editor-post-visibility__radio[type="radio"] {
 		@include radio-control;
 		margin-top: 2px;
 	}
 
-	.editor-post-visibility__dialog-label {
-		font-weight: 600;
-	}
+	.editor-post-visibility__info {
+		color: $gray-700;
+		margin-left: $grid-unit-15 + $radio-input-size-sm;
+		margin-top: 0.5em;
 
-	.editor-post-visibility__dialog-info {
-		margin-top: 0;
-		margin-left: $grid-unit-40;
+		@include break-small {
+			margin-left: $grid-unit-15 + $radio-input-size;
+		}
 	}
 
 	// Remove bottom margin on the last label only.
-	.editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info {
+	.editor-post-visibility__choice:last-child .editor-post-visibility__info {
 		margin-bottom: 0;
 	}
-}
 
-.editor-post-visibility__dialog-password {
-	.editor-post-visibility__dialog-password-input[type="text"] {
+	.editor-post-visibility__password .editor-post-visibility__password-input[type="text"] {
 		@include input-control;
-		margin-left: $grid-unit * 4.5;
-		margin-top: $grid-unit-10;
+		margin-left: $grid-unit * 4;
+		width: calc(100% - #{$grid-unit * 4});
 	}
 }

package/src/components/post-visibility/utils.js

@@ -3,22 +3,17 @@
  */
 import { __ } from '@wordpress/i18n';
 
-export const visibilityOptions = [
-	{
-		value: 'public',
+export const visibilityOptions = {
+	public: {
 		label: __( 'Public' ),
 		info: __( 'Visible to everyone.' ),
 	},
-	{
-		value: 'private',
+	private: {
 		label: __( 'Private' ),
 		info: __( 'Only visible to site admins and editors.' ),
 	},
-	{
-		value: 'password',
-		label: __( 'Password Protected' ),
-		info: __(
-			'Protected with a password you choose. Only those with the password can view this post.'
-		),
+	password: {
+		label: __( 'Password protected' ),
+		info: __( 'Only those with the password can view this post.' ),
 	},
-];
+};

package/src/components/provider/index.native.js

@@ -2,6 +2,7 @@
  * External dependencies
  */
 import memize from 'memize';
+import { SafeAreaProvider } from 'react-native-safe-area-context';
 
 /**
  * WordPress dependencies
@@ -333,7 +334,7 @@ class NativeEditorProvider extends Component {
 					settings={ editorSettings }
 					{ ...props }
 				>
-					{ children }
+					<SafeAreaProvider>{ children }</SafeAreaProvider>
 				</EditorProvider>
 				<EditorHelpTopics
 					isVisible={ this.state.isHelpVisible }

package/src/components/table-of-contents/style.scss

@@ -8,9 +8,7 @@
 
 .table-of-contents__popover {
 	.components-popover__content {
-		> div {
-			padding: $grid-unit-20;
-		}
+		padding: $grid-unit-20;
 
 		@include break-small {
 			max-height: calc(100vh - 120px);

package/src/store/test/selectors.js

@@ -2149,7 +2149,7 @@ describe( 'selectors', () => {
 			expect( didPostSaveRequestSucceed( state ) ).toBe( true );
 		} );
 
-		it( 'should return true if the post save request has failed', () => {
+		it( 'should return false if the post save request has failed', () => {
 			const state = {
 				saving: {
 					successful: false,
@@ -2171,7 +2171,7 @@ describe( 'selectors', () => {
 			expect( didPostSaveRequestFail( state ) ).toBe( true );
 		} );
 
-		it( 'should return true if the post save request is successful', () => {
+		it( 'should return false if the post save request is successful', () => {
 			const state = {
 				saving: {
 					error: false,