@wordpress/edit-post 6.0.2 → 6.0.3-next.a55ed9455a.0

package/src/style.scss

@@ -2,13 +2,11 @@
 @import "./components/header/style.scss";
 @import "./components/header/fullscreen-mode-close/style.scss";
 @import "./components/header/header-toolbar/style.scss";
-@import "./components/header/more-menu/style.scss";
 @import "./components/header/template-title/style.scss";
 @import "./components/keyboard-shortcut-help-modal/style.scss";
 @import "./components/layout/style.scss";
 @import "./components/block-manager/style.scss";
 @import "./components/meta-boxes/meta-boxes-area/style.scss";
-@import "./components/preferences-modal/style.scss";
 @import "./components/secondary-sidebar/style.scss";
 @import "./components/sidebar/style.scss";
 @import "./components/sidebar/last-revision/style.scss";

package/src/test/editor.native.js

@@ -34,7 +34,7 @@ describe( 'Editor', () => {
 		RNReactNativeGutenbergBridge.editorDidMount = jest.fn();
 
 		const appContainer = renderEditorWith( unsupportedBlock );
-		// for some reason resetEditorBlocks() is asynchronous when dispatching editEntityRecord
+		// For some reason resetEditorBlocks() is asynchronous when dispatching editEntityRecord.
 		act( () => {
 			jest.runAllTicks();
 		} );
@@ -49,7 +49,7 @@ describe( 'Editor', () => {
 	} );
 } );
 
-// Utilities
+// Utilities.
 const renderEditorWith = ( content ) => {
 	return render(
 		<Editor

package/build/components/preferences-modal/options/base.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _components = require("@wordpress/components");
-
-/**
- * WordPress dependencies
- */
-function BaseOption(_ref) {
-  let {
-    help,
-    label,
-    isChecked,
-    onChange,
-    children
-  } = _ref;
-  return (0, _element.createElement)("div", {
-    className: "edit-post-preferences-modal__option"
-  }, (0, _element.createElement)(_components.ToggleControl, {
-    help: help,
-    label: label,
-    checked: isChecked,
-    onChange: onChange
-  }), children);
-}
-
-var _default = BaseOption;
-exports.default = _default;
-//# sourceMappingURL=base.js.map

package/build/components/preferences-modal/options/base.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/options/base.js"],"names":["BaseOption","help","label","isChecked","onChange","children"],"mappings":";;;;;;;;;AAGA;;AAHA;AACA;AACA;AAGA,SAASA,UAAT,OAAsE;AAAA,MAAjD;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA;AAApC,GAAiD;AACrE,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,4BAAC,yBAAD;AACC,IAAA,IAAI,EAAGJ,IADR;AAEC,IAAA,KAAK,EAAGC,KAFT;AAGC,IAAA,OAAO,EAAGC,SAHX;AAIC,IAAA,QAAQ,EAAGC;AAJZ,IADD,EAOGC,QAPH,CADD;AAWA;;eAEcL,U","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToggleControl } from '@wordpress/components';\n\nfunction BaseOption( { help, label, isChecked, onChange, children } ) {\n\treturn (\n\t\t<div className=\"edit-post-preferences-modal__option\">\n\t\t\t<ToggleControl\n\t\t\t\thelp={ help }\n\t\t\t\tlabel={ label }\n\t\t\t\tchecked={ isChecked }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default BaseOption;\n"]}

package/build/components/preferences-modal/section.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-const Section = _ref => {
-  let {
-    description,
-    title,
-    children
-  } = _ref;
-  return (0, _element.createElement)("section", {
-    className: "edit-post-preferences-modal__section"
-  }, (0, _element.createElement)("h2", {
-    className: "edit-post-preferences-modal__section-title"
-  }, title), description && (0, _element.createElement)("p", {
-    className: "edit-post-preferences-modal__section-description"
-  }, description), children);
-};
-
-var _default = Section;
-exports.default = _default;
-//# sourceMappingURL=section.js.map

package/build/components/preferences-modal/section.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/section.js"],"names":["Section","description","title","children"],"mappings":";;;;;;;;;AAAA,MAAMA,OAAO,GAAG;AAAA,MAAE;AAAEC,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA;AAAtB,GAAF;AAAA,SACf;AAAS,IAAA,SAAS,EAAC;AAAnB,KACC;AAAI,IAAA,SAAS,EAAC;AAAd,KACGD,KADH,CADD,EAIGD,WAAW,IACZ;AAAG,IAAA,SAAS,EAAC;AAAb,KACGA,WADH,CALF,EASGE,QATH,CADe;AAAA,CAAhB;;eAceH,O","sourcesContent":["const Section = ( { description, title, children } ) => (\n\t<section className=\"edit-post-preferences-modal__section\">\n\t\t<h2 className=\"edit-post-preferences-modal__section-title\">\n\t\t\t{ title }\n\t\t</h2>\n\t\t{ description && (\n\t\t\t<p className=\"edit-post-preferences-modal__section-description\">\n\t\t\t\t{ description }\n\t\t\t</p>\n\t\t) }\n\t\t{ children }\n\t</section>\n);\n\nexport default Section;\n"]}

package/build-module/components/preferences-modal/options/base.js

@@ -1,27 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-/**
- * WordPress dependencies
- */
-import { ToggleControl } from '@wordpress/components';
-
-function BaseOption(_ref) {
-  let {
-    help,
-    label,
-    isChecked,
-    onChange,
-    children
-  } = _ref;
-  return createElement("div", {
-    className: "edit-post-preferences-modal__option"
-  }, createElement(ToggleControl, {
-    help: help,
-    label: label,
-    checked: isChecked,
-    onChange: onChange
-  }), children);
-}
-
-export default BaseOption;
-//# sourceMappingURL=base.js.map

package/build-module/components/preferences-modal/options/base.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/options/base.js"],"names":["ToggleControl","BaseOption","help","label","isChecked","onChange","children"],"mappings":";;AAAA;AACA;AACA;AACA,SAASA,aAAT,QAA8B,uBAA9B;;AAEA,SAASC,UAAT,OAAsE;AAAA,MAAjD;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,KAAR;AAAeC,IAAAA,SAAf;AAA0BC,IAAAA,QAA1B;AAAoCC,IAAAA;AAApC,GAAiD;AACrE,SACC;AAAK,IAAA,SAAS,EAAC;AAAf,KACC,cAAC,aAAD;AACC,IAAA,IAAI,EAAGJ,IADR;AAEC,IAAA,KAAK,EAAGC,KAFT;AAGC,IAAA,OAAO,EAAGC,SAHX;AAIC,IAAA,QAAQ,EAAGC;AAJZ,IADD,EAOGC,QAPH,CADD;AAWA;;AAED,eAAeL,UAAf","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { ToggleControl } from '@wordpress/components';\n\nfunction BaseOption( { help, label, isChecked, onChange, children } ) {\n\treturn (\n\t\t<div className=\"edit-post-preferences-modal__option\">\n\t\t\t<ToggleControl\n\t\t\t\thelp={ help }\n\t\t\t\tlabel={ label }\n\t\t\t\tchecked={ isChecked }\n\t\t\t\tonChange={ onChange }\n\t\t\t/>\n\t\t\t{ children }\n\t\t</div>\n\t);\n}\n\nexport default BaseOption;\n"]}

package/build-module/components/preferences-modal/section.js

@@ -1,19 +0,0 @@
-import { createElement } from "@wordpress/element";
-
-const Section = _ref => {
-  let {
-    description,
-    title,
-    children
-  } = _ref;
-  return createElement("section", {
-    className: "edit-post-preferences-modal__section"
-  }, createElement("h2", {
-    className: "edit-post-preferences-modal__section-title"
-  }, title), description && createElement("p", {
-    className: "edit-post-preferences-modal__section-description"
-  }, description), children);
-};
-
-export default Section;
-//# sourceMappingURL=section.js.map

package/build-module/components/preferences-modal/section.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/edit-post/src/components/preferences-modal/section.js"],"names":["Section","description","title","children"],"mappings":";;AAAA,MAAMA,OAAO,GAAG;AAAA,MAAE;AAAEC,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA;AAAtB,GAAF;AAAA,SACf;AAAS,IAAA,SAAS,EAAC;AAAnB,KACC;AAAI,IAAA,SAAS,EAAC;AAAd,KACGD,KADH,CADD,EAIGD,WAAW,IACZ;AAAG,IAAA,SAAS,EAAC;AAAb,KACGA,WADH,CALF,EASGE,QATH,CADe;AAAA,CAAhB;;AAcA,eAAeH,OAAf","sourcesContent":["const Section = ( { description, title, children } ) => (\n\t<section className=\"edit-post-preferences-modal__section\">\n\t\t<h2 className=\"edit-post-preferences-modal__section-title\">\n\t\t\t{ title }\n\t\t</h2>\n\t\t{ description && (\n\t\t\t<p className=\"edit-post-preferences-modal__section-description\">\n\t\t\t\t{ description }\n\t\t\t</p>\n\t\t) }\n\t\t{ children }\n\t</section>\n);\n\nexport default Section;\n"]}

package/src/components/header/more-menu/style.scss

@@ -1,35 +0,0 @@
-.edit-post-more-menu {
-	margin-left: -4px;
-
-	// the padding and margin of the more menu is intentionally non-standard
-	.components-button {
-		width: auto;
-		padding: 0 2px;
-	}
-
-	@include break-small() {
-		margin-left: 0;
-
-		.components-button {
-			padding: 0 4px;
-		}
-	}
-}
-
-.edit-post-more-menu__content .components-popover__content {
-	min-width: 280px;
-
-	// Let the menu scale to fit items.
-	@include break-mobile() {
-		width: auto;
-		max-width: $break-mobile;
-	}
-
-	.components-dropdown-menu__menu {
-		padding: 0;
-	}
-}
-
-.components-popover.edit-post-more-menu__content {
-	z-index: z-index(".components-popover.edit-post-more-menu__content");
-}

package/src/components/preferences-modal/options/base.js

@@ -1,20 +0,0 @@
-/**
- * WordPress dependencies
- */
-import { ToggleControl } from '@wordpress/components';
-
-function BaseOption( { help, label, isChecked, onChange, children } ) {
-	return (
-		<div className="edit-post-preferences-modal__option">
-			<ToggleControl
-				help={ help }
-				label={ label }
-				checked={ isChecked }
-				onChange={ onChange }
-			/>
-			{ children }
-		</div>
-	);
-}
-
-export default BaseOption;

package/src/components/preferences-modal/section.js

@@ -1,15 +0,0 @@
-const Section = ( { description, title, children } ) => (
-	<section className="edit-post-preferences-modal__section">
-		<h2 className="edit-post-preferences-modal__section-title">
-			{ title }
-		</h2>
-		{ description && (
-			<p className="edit-post-preferences-modal__section-description">
-				{ description }
-			</p>
-		) }
-		{ children }
-	</section>
-);
-
-export default Section;

package/src/components/preferences-modal/style.scss

@@ -1,112 +0,0 @@
-$vertical-tabs-width: 160px;
-
-.edit-post-preferences-modal {
-	// To keep modal dimensions consistent as subsections are navigated, width
-	// and height are used instead of max-(width/height).
-	@include break-small() {
-		width: calc(100% - #{ $grid-unit-20 * 2 });
-		height: calc(100% - #{ $header-height * 2 });
-	}
-	@include break-medium() {
-		width: $break-medium - $grid-unit-20 * 2;
-	}
-	@include break-large() {
-		height: 70%;
-	}
-
-	// Clears spacing to flush fit the navigator component to the modal edges.
-	@media (max-width: #{ ($break-medium - 1) }) {
-		.components-modal__content {
-			padding: 0;
-
-			&::before {
-				content: none;
-			}
-		}
-		// Keep the navigator component from overflowing the modal content area
-		// to ensure that sticky position elements stick where intended.
-		.components-navigator-provider {
-			height: 100%;
-		}
-	}
-
-	.edit-post-preferences__tabs {
-		.components-tab-panel__tabs {
-			position: absolute;
-			top: $header-height + $grid-unit-30;
-			// Aligns button text instead of button box.
-			left: $grid-unit-20;
-			width: $vertical-tabs-width;
-			.components-tab-panel__tabs-item {
-				border-radius: $radius-block-ui;
-				font-weight: 400;
-				&.is-active {
-					background: $gray-100;
-					box-shadow: none;
-					font-weight: 500;
-				}
-				&:focus:not(:disabled) {
-					box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
-				}
-			}
-		}
-		.components-tab-panel__tab-content {
-			padding-left: $grid-unit-30;
-			margin-left: $vertical-tabs-width;
-		}
-	}
-
-	&__section {
-		margin: 0 0 2.5rem 0;
-
-		&:last-child {
-			margin: 0;
-		}
-	}
-
-	&__section-title {
-		font-size: 0.9rem;
-		font-weight: 600;
-		margin-top: 0;
-	}
-
-	&__option {
-		.components-base-control {
-			.components-base-control__field {
-				align-items: center;
-				display: flex;
-				margin-bottom: 0;
-
-				& > label {
-					flex-grow: 1;
-					padding: 0.6rem 0 0.6rem 10px;
-				}
-			}
-		}
-	}
-
-	&__custom-fields-confirmation-message,
-	&__custom-fields-confirmation-button {
-		margin: 0 0 0.6rem 48px;
-
-		@include break-medium() {
-			margin-left: 38px;
-		}
-		@include break-small() {
-			max-width: 300px;
-		}
-	}
-
-	.components-base-control__help {
-		margin: -$grid-unit-10 0 $grid-unit-10 58px;
-		font-size: $helptext-font-size;
-		font-style: normal;
-		color: $gray-700;
-	}
-	.edit-post-preferences-modal__section-description {
-		margin: -$grid-unit-10 0 $grid-unit-10 0;
-		font-size: $helptext-font-size;
-		font-style: normal;
-		color: $gray-700;
-	}
-}