npm - @wordpress/edit-site - Versions diffs - 3.0.17 → 3.0.20 - Mend

@wordpress/edit-site 3.0.17 → 3.0.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

package/src/components/block-editor/resizable-editor.js CHANGED Viewed

@@ -57,22 +57,49 @@ function ResizableEditor( { enableResizing, settings, ...props } ) {
 				return;
 			}
-			const resizeObserver = new iframe.contentWindow.ResizeObserver(
-				() => {
-					setHeight(
-						iframe.contentDocument.querySelector(
-							`.edit-site-block-editor__block-list`
-						).offsetHeight
+			let animationFrame = null;
+			function resizeHeight() {
+				if ( ! animationFrame ) {
+					// Throttle the updates on animation frame.
+					animationFrame = iframe.contentWindow.requestAnimationFrame(
+						() => {
+							setHeight(
+								iframe.contentDocument.documentElement
+									.scrollHeight
+							);
+							animationFrame = null;
+						}
 					);
 				}
-			);
+			}
+			let resizeObserver;
+			function registerObserver() {
+				resizeObserver?.disconnect();
+				resizeObserver = new iframe.contentWindow.ResizeObserver(
+					resizeHeight
+				);
+				// Observing the <html> rather than the <body> because the latter
+				// gets destroyed and remounted after initialization in <Iframe>.
+				resizeObserver.observe(
+					iframe.contentDocument.documentElement
+				);
+				resizeHeight();
+			}
-			// Observing the <html> rather than the <body> because the latter
-			// gets destroyed and remounted after initialization in <Iframe>.
-			resizeObserver.observe( iframe.contentDocument.documentElement );
+			// This is only required in Firefox for some unknown reasons.
+			iframe.addEventListener( 'load', registerObserver );
+			// This is required in Chrome and Safari.
+			registerObserver();
 			return () => {
-				resizeObserver.disconnect();
+				iframe.contentWindow?.cancelAnimationFrame( animationFrame );
+				resizeObserver?.disconnect();
+				iframe.removeEventListener( 'load', registerObserver );
 			};
 		},
 		[ enableResizing ]
@@ -133,8 +160,21 @@ function ResizableEditor( { enableResizing, settings, ...props } ) {
 						<style>{
 							// Forming a "block formatting context" to prevent margin collapsing.
 							// @see https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context
-							`.edit-site-block-editor__block-list { display: flow-root; }`
+							`.is-root-container { display: flow-root; }`
 						}</style>
+						{ enableResizing && (
+							<style>
+								{
+									// Force the <html> and <body>'s heights to fit the content.
+									`html, body { height: -moz-fit-content !important; height: fit-content !important; min-height: 0 !important; }`
+								}
+								{
+									// Some themes will have `min-height: 100vh` for the root container,
+									// which isn't a requirement in auto resize mode.
+									`.is-root-container { min-height: 0 !important; }`
+								}
+							</style>
+						) }
 					</>
 				}
 				ref={ ref }

package/src/components/global-styles/gradients-palette-panel.js CHANGED Viewed

@@ -9,8 +9,8 @@ import { noop } from 'lodash';
 import {
 	__experimentalVStack as VStack,
 	__experimentalPaletteEdit as PaletteEdit,
+	__experimentalSpacer as Spacer,
 	DuotonePicker,
-	__experimentalHeading as Heading,
 } from '@wordpress/components';
 import { __ } from '@wordpress/i18n';
@@ -18,6 +18,7 @@ import { __ } from '@wordpress/i18n';
  * Internal dependencies
  */
 import { useSetting } from './hooks';
+import Subtitle from './subtitle';
 export default function GradientPalettePanel( { name } ) {
 	const [ themeGradients, setThemeGradients ] = useSetting(
@@ -83,9 +84,8 @@ export default function GradientPalettePanel( { name } ) {
 				slugPrefix="custom-"
 			/>
 			<div>
-				<Heading className="edit-site-global-styles-gradient-palette-panel__duotone-heading">
-					{ __( 'Duotone' ) }
-				</Heading>
+				<Subtitle>{ __( 'Duotone' ) }</Subtitle>
+				<Spacer margin={ 3 } />
 				<DuotonePicker
 					duotonePalette={ duotonePalette }
 					disableCustomDuotone={ true }

package/src/components/global-styles/style.scss CHANGED Viewed

@@ -64,7 +64,8 @@
 	// Need to override the too specific styles for complementary areas.
 	margin-bottom: 0 !important;
 	text-transform: uppercase;
-	font-weight: 500;
+	font-weight: 500 !important;
+	font-size: 11px !important;
 }
 .edit-site-screen-color-palette-toggle.edit-site-screen-color-palette-toggle {
@@ -83,3 +84,9 @@ h2.edit-site-global-styles-gradient-palette-panel__duotone-heading.components-he
 	font-size: 11px;
 	margin-bottom: $grid-unit-10;
 }
+.edit-site-screen-text-color__control,
+.edit-site-screen-link-color__control,
+.edit-site-screen-background-color__control {
+	padding: $grid-unit-20;
+}

package/src/components/global-styles/test/use-global-styles-output.js CHANGED Viewed

@@ -217,10 +217,16 @@ describe( 'global styles renderer', () => {
 									slug: 'black',
 									color: 'black',
 								},
+								{
+									name: 'White to Black',
+									slug: 'white2black',
+									color: 'value',
+								},
 							],
 						},
 					},
 					custom: {
+						white2black: 'value',
 						'font-primary': 'value',
 						'line-height': {
 							body: 1.7,
@@ -257,7 +263,7 @@ describe( 'global styles renderer', () => {
 			};
 			expect( toCustomProperties( tree, blockSelectors ) ).toEqual(
-				'body{--wp--preset--color--white: white;--wp--preset--color--black: black;--wp--custom--font-primary: value;--wp--custom--line-height--body: 1.7;--wp--custom--line-height--heading: 1.3;}h1,h2,h3,h4,h5,h6{--wp--preset--font-size--small: 12px;--wp--preset--font-size--medium: 23px;}'
+				'body{--wp--preset--color--white: white;--wp--preset--color--black: black;--wp--preset--color--white-2-black: value;--wp--custom--white-2-black: value;--wp--custom--font-primary: value;--wp--custom--line-height--body: 1.7;--wp--custom--line-height--heading: 1.3;}h1,h2,h3,h4,h5,h6{--wp--preset--font-size--small: 12px;--wp--preset--font-size--medium: 23px;}'
 			);
 		} );
 	} );

package/src/components/list/added-by.js CHANGED Viewed

@@ -14,7 +14,11 @@ import {
 import { store as coreStore } from '@wordpress/core-data';
 import { useSelect } from '@wordpress/data';
 import { useState } from '@wordpress/element';
-import { layout as themeIcon, plugins as pluginIcon } from '@wordpress/icons';
+import {
+	commentAuthorAvatar as authorIcon,
+	layout as themeIcon,
+	plugins as pluginIcon,
+} from '@wordpress/icons';
 import { __ } from '@wordpress/i18n';
 const TEMPLATE_POST_TYPE_NAMES = [ 'wp_template', 'wp_template_part' ];
@@ -77,18 +81,30 @@ function AddedByAuthor( { id } ) {
 	] );
 	const [ isImageLoaded, setIsImageLoaded ] = useState( false );
+	const avatarURL = user?.avatar_urls?.[ 48 ];
+	const hasAvatar = !! avatarURL;
 	return (
 		<HStack alignment="left">
 			<div
-				className={ classnames( 'edit-site-list-added-by__avatar', {
-					'is-loaded': isImageLoaded,
-				} ) }
+				className={ classnames(
+					hasAvatar
+						? 'edit-site-list-added-by__avatar'
+						: 'edit-site-list-added-by__icon',
+					{
+						'is-loaded': isImageLoaded,
+					}
+				) }
 			>
-				<img
-					onLoad={ () => setIsImageLoaded( true ) }
-					alt=""
-					src={ user?.avatar_urls[ 48 ] }
-				/>
+				{ hasAvatar ? (
+					<img
+						onLoad={ () => setIsImageLoaded( true ) }
+						alt=""
+						src={ avatarURL }
+					/>
+				) : (
+					<Icon icon={ authorIcon } />
+				) }
 			</div>
 			<span>{ user?.nickname }</span>
 		</HStack>

package/src/components/navigation-sidebar/navigation-panel/constants.js CHANGED Viewed

@@ -51,16 +51,6 @@ export const TEMPLATES_POSTS_PREFIXES = [
 export const TEMPLATES_PAGES_PREFIXES = [ 'page-' ];
-export const TEMPLATES_NEW_OPTIONS = [
-	'front-page',
-	'single-post',
-	'page',
-	'archive',
-	'search',
-	'404',
-	'index',
-];
 export const TEMPLATE_OVERRIDES = {
 	singular: [ 'single', 'page' ],
 	index: [ 'archive', '404', 'search', 'singular', 'home' ],
@@ -68,9 +58,6 @@ export const TEMPLATE_OVERRIDES = {
 };
 export const MENU_ROOT = 'root';
-export const MENU_CONTENT_CATEGORIES = 'content-categories';
-export const MENU_CONTENT_PAGES = 'content-pages';
-export const MENU_CONTENT_POSTS = 'content-posts';
 export const MENU_TEMPLATE_PARTS = 'template-parts';
 export const MENU_TEMPLATES = 'templates';
 export const MENU_TEMPLATES_GENERAL = 'templates-general';
@@ -78,8 +65,6 @@ export const MENU_TEMPLATES_PAGES = 'templates-pages';
 export const MENU_TEMPLATES_POSTS = 'templates-posts';
 export const MENU_TEMPLATES_UNUSED = 'templates-unused';
-export const SEARCH_DEBOUNCE_IN_MS = 75;
 export const MENU_TEMPLATE_PARTS_HEADERS = 'template-parts-headers';
 export const MENU_TEMPLATE_PARTS_FOOTERS = 'template-parts-footers';
 export const MENU_TEMPLATE_PARTS_SIDEBARS = 'template-parts-sidebars';

package/src/components/navigation-sidebar/navigation-toggle/index.js CHANGED Viewed

@@ -2,6 +2,7 @@
  * WordPress dependencies
  */
 import { useSelect, useDispatch } from '@wordpress/data';
+import { useEffect, useRef } from '@wordpress/element';
 import {
 	Button,
 	Icon,
@@ -40,6 +41,16 @@ function NavigationToggle( { icon } ) {
 	const disableMotion = useReducedMotion();
+	const navigationToggleRef = useRef();
+	useEffect( () => {
+		// TODO: Remove this effect when alternative solution is merged.
+		// See: https://github.com/WordPress/gutenberg/pull/37314
+		if ( ! isNavigationOpen ) {
+			navigationToggleRef.current.focus();
+		}
+	}, [ isNavigationOpen ] );
 	const toggleNavigationPanel = () =>
 		setIsNavigationPanelOpened( ! isNavigationOpen );
@@ -79,6 +90,9 @@ function NavigationToggle( { icon } ) {
 			<Button
 				className="edit-site-navigation-toggle__button has-icon"
 				label={ __( 'Toggle navigation' ) }
+				ref={ navigationToggleRef }
+				// isPressed will add unwanted styles.
+				aria-pressed={ isNavigationOpen }
 				onClick={ toggleNavigationPanel }
 				showTooltip
 			>

package/src/components/navigation-sidebar/navigation-toggle/style.scss CHANGED Viewed

@@ -58,9 +58,13 @@
 			box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba($white, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
 		}
 	}
-}
-.edit-site-navigation-toggle__site-icon {
-	width: $button-size;
-	border-radius: $radius-block-ui;
+	.edit-site-navigation-toggle__site-icon {
+		width: $button-size;
+		height: $button-size;
+		border-radius: $radius-block-ui;
+		object-fit: cover;
+		// Compensate for the top-bar border.
+		margin-top: -($border-width);
+	}
 }

package/src/plugins/site-export.js CHANGED Viewed

@@ -6,7 +6,7 @@ import downloadjs from 'downloadjs';
 /**
  * WordPress dependencies
  */
-import { __ } from '@wordpress/i18n';
+import { __, _x } from '@wordpress/i18n';
 import { MenuItem } from '@wordpress/components';
 import apiFetch from '@wordpress/api-fetch';
 import { download } from '@wordpress/icons';
@@ -25,7 +25,11 @@ export default function SiteExport() {
 			const blob = await response.blob();
 			downloadjs( blob, 'edit-site-export.zip', 'application/zip' );
-		} catch ( error ) {
+		} catch ( errorResponse ) {
+			let error = {};
+			try {
+				error = await errorResponse.json();
+			} catch ( e ) {}
 			const errorMessage =
 				error.message && error.code !== 'unknown_error'
 					? error.message
@@ -42,7 +46,7 @@ export default function SiteExport() {
 			onClick={ handleExport }
 			info={ __( 'Download your templates and template parts.' ) }
 		>
-			{ __( 'Export' ) }
+			{ _x( 'Export', 'site exporter menu item' ) }
 		</MenuItem>
 	);
 }

package/build/components/navigation-sidebar/navigation-panel/content-navigation-item.js DELETED Viewed

@@ -1,101 +0,0 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ContentNavigationItem;
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _data = require("@wordpress/data");
-var _i18n = require("@wordpress/i18n");
-var _url = require("@wordpress/url");
-var _coreData = require("@wordpress/core-data");
-var _ = require("..");
-var _templatePreview = _interopRequireDefault(require("./template-preview"));
-var _store = require("../../../store");
-/**
- * WordPress dependencies
- */
-/**
- * Internal dependencies
- */
-const getTitle = entity => {
-  var _entity$title;
-  const title = entity.taxonomy ? entity.name : entity === null || entity === void 0 ? void 0 : (_entity$title = entity.title) === null || _entity$title === void 0 ? void 0 : _entity$title.rendered; // Make sure encoded characters are displayed as the characters they represent.
-  const titleElement = document.createElement('div');
-  titleElement.innerHTML = title;
-  return titleElement.textContent || titleElement.innerText || '';
-};
-function ContentNavigationItem(_ref) {
-  let {
-    item
-  } = _ref;
-  const [isPreviewVisible, setIsPreviewVisible] = (0, _element.useState)(false);
-  const previewContent = (0, _data.useSelect)(select => {
-    if (!isPreviewVisible) {
-      return null;
-    }
-    const template = select(_coreData.store).__experimentalGetTemplateForLink(item.link);
-    return template === null || template === void 0 ? void 0 : template.content;
-  }, [isPreviewVisible]);
-  const {
-    setPage,
-    setIsNavigationPanelOpened
-  } = (0, _data.useDispatch)(_store.store);
-  const onActivateItem = (0, _element.useCallback)(() => {
-    const {
-      type,
-      slug,
-      link,
-      id
-    } = item;
-    setPage({
-      type,
-      slug,
-      path: (0, _url.getPathAndQueryString)(link),
-      context: {
-        postType: type,
-        postId: id
-      }
-    });
-    setIsNavigationPanelOpened(false);
-  }, [setPage, item]);
-  if (!item) {
-    return null;
-  }
-  return (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.__experimentalNavigationItem, {
-    className: "edit-site-navigation-panel__content-item",
-    item: `${item.taxonomy || item.type}-${item.id}`,
-    title: getTitle(item) || (0, _i18n.__)('(no title)'),
-    onClick: onActivateItem,
-    onMouseEnter: () => setIsPreviewVisible(true),
-    onMouseLeave: () => setIsPreviewVisible(false)
-  }), isPreviewVisible && previewContent && (0, _element.createElement)(_.NavigationPanelPreviewFill, null, (0, _element.createElement)(_templatePreview.default, {
-    rawContent: previewContent,
-    blockContext: {
-      postType: item.type,
-      postId: item.id
-    }
-  })));
-}
-//# sourceMappingURL=content-navigation-item.js.map

package/build/components/navigation-sidebar/navigation-panel/content-navigation-item.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/navigation-panel/content-navigation-item.js"],"names":["getTitle","entity","title","taxonomy","name","rendered","titleElement","document","createElement","innerHTML","textContent","innerText","ContentNavigationItem","item","isPreviewVisible","setIsPreviewVisible","previewContent","select","template","coreStore","__experimentalGetTemplateForLink","link","content","setPage","setIsNavigationPanelOpened","editSiteStore","onActivateItem","type","slug","id","path","context","postType","postId"],"mappings":";;;;;;;;;AAKA;;AAFA;;AACA;;AAEA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AAfA;AACA;AACA;;AAQA;AACA;AACA;AAKA,MAAMA,QAAQ,GAAKC,MAAF,IAAc;AAAA;;AAC9B,QAAMC,KAAK,GAAGD,MAAM,CAACE,QAAP,GAAkBF,MAAM,CAACG,IAAzB,GAAgCH,MAAhC,aAAgCA,MAAhC,wCAAgCA,MAAM,CAAEC,KAAxC,kDAAgC,cAAeG,QAA7D,CAD8B,CAG9B;;AACA,QAAMC,YAAY,GAAGC,QAAQ,CAACC,aAAT,CAAwB,KAAxB,CAArB;AACAF,EAAAA,YAAY,CAACG,SAAb,GAAyBP,KAAzB;AAEA,SAAOI,YAAY,CAACI,WAAb,IAA4BJ,YAAY,CAACK,SAAzC,IAAsD,EAA7D;AACA,CARD;;AAUe,SAASC,qBAAT,OAA2C;AAAA,MAAX;AAAEC,IAAAA;AAAF,GAAW;AACzD,QAAM,CAAEC,gBAAF,EAAoBC,mBAApB,IAA4C,uBAAU,KAAV,CAAlD;AACA,QAAMC,cAAc,GAAG,qBACpBC,MAAF,IAAc;AACb,QAAK,CAAEH,gBAAP,EAA0B;AACzB,aAAO,IAAP;AACA;;AAED,UAAMI,QAAQ,GAAGD,MAAM,CACtBE,eADsB,CAAN,CAEfC,gCAFe,CAEmBP,IAAI,CAACQ,IAFxB,CAAjB;;AAGA,WAAOH,QAAP,aAAOA,QAAP,uBAAOA,QAAQ,CAAEI,OAAjB;AACA,GAVqB,EAWtB,CAAER,gBAAF,CAXsB,CAAvB;AAaA,QAAM;AAAES,IAAAA,OAAF;AAAWC,IAAAA;AAAX,MAA0C,uBAC/CC,YAD+C,CAAhD;AAIA,QAAMC,cAAc,GAAG,0BAAa,MAAM;AACzC,UAAM;AAAEC,MAAAA,IAAF;AAAQC,MAAAA,IAAR;AAAcP,MAAAA,IAAd;AAAoBQ,MAAAA;AAApB,QAA2BhB,IAAjC;AACAU,IAAAA,OAAO,CAAE;AACRI,MAAAA,IADQ;AAERC,MAAAA,IAFQ;AAGRE,MAAAA,IAAI,EAAE,gCAAuBT,IAAvB,CAHE;AAIRU,MAAAA,OAAO,EAAE;AACRC,QAAAA,QAAQ,EAAEL,IADF;AAERM,QAAAA,MAAM,EAAEJ;AAFA;AAJD,KAAF,CAAP;AASAL,IAAAA,0BAA0B,CAAE,KAAF,CAA1B;AACA,GAZsB,EAYpB,CAAED,OAAF,EAAWV,IAAX,CAZoB,CAAvB;;AAcA,MAAK,CAAEA,IAAP,EAAc;AACb,WAAO,IAAP;AACA;;AAED,SACC,qDACC,4BAAC,wCAAD;AACC,IAAA,SAAS,EAAC,0CADX;AAEC,IAAA,IAAI,EAAI,GAAGA,IAAI,CAACV,QAAL,IAAiBU,IAAI,CAACc,IAAM,IAAId,IAAI,CAACgB,EAAI,EAFrD;AAGC,IAAA,KAAK,EAAG7B,QAAQ,CAAEa,IAAF,CAAR,IAAoB,cAAI,YAAJ,CAH7B;AAIC,IAAA,OAAO,EAAGa,cAJX;AAKC,IAAA,YAAY,EAAG,MAAMX,mBAAmB,CAAE,IAAF,CALzC;AAMC,IAAA,YAAY,EAAG,MAAMA,mBAAmB,CAAE,KAAF;AANzC,IADD,EAUGD,gBAAgB,IAAIE,cAApB,IACD,4BAAC,4BAAD,QACC,4BAAC,wBAAD;AACC,IAAA,UAAU,EAAGA,cADd;AAEC,IAAA,YAAY,EAAG;AACdgB,MAAAA,QAAQ,EAAEnB,IAAI,CAACc,IADD;AAEdM,MAAAA,MAAM,EAAEpB,IAAI,CAACgB;AAFC;AAFhB,IADD,CAXF,CADD;AAwBA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __experimentalNavigationItem as NavigationItem } from '@wordpress/components';\nimport { useDispatch, useSelect } from '@wordpress/data';\nimport { useCallback, useState } from '@wordpress/element';\nimport { __ } from '@wordpress/i18n';\nimport { getPathAndQueryString } from '@wordpress/url';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { NavigationPanelPreviewFill } from '..';\nimport TemplatePreview from './template-preview';\nimport { store as editSiteStore } from '../../../store';\n\nconst getTitle = ( entity ) => {\n\tconst title = entity.taxonomy ? entity.name : entity?.title?.rendered;\n\n\t// Make sure encoded characters are displayed as the characters they represent.\n\tconst titleElement = document.createElement( 'div' );\n\ttitleElement.innerHTML = title;\n\n\treturn titleElement.textContent || titleElement.innerText || '';\n};\n\nexport default function ContentNavigationItem( { item } ) {\n\tconst [ isPreviewVisible, setIsPreviewVisible ] = useState( false );\n\tconst previewContent = useSelect(\n\t\t( select ) => {\n\t\t\tif ( ! isPreviewVisible ) {\n\t\t\t\treturn null;\n\t\t\t}\n\n\t\t\tconst template = select(\n\t\t\t\tcoreStore\n\t\t\t).__experimentalGetTemplateForLink( item.link );\n\t\t\treturn template?.content;\n\t\t},\n\t\t[ isPreviewVisible ]\n\t);\n\tconst { setPage, setIsNavigationPanelOpened } = useDispatch(\n\t\teditSiteStore\n\t);\n\n\tconst onActivateItem = useCallback( () => {\n\t\tconst { type, slug, link, id } = item;\n\t\tsetPage( {\n\t\t\ttype,\n\t\t\tslug,\n\t\t\tpath: getPathAndQueryString( link ),\n\t\t\tcontext: {\n\t\t\t\tpostType: type,\n\t\t\t\tpostId: id,\n\t\t\t},\n\t\t} );\n\t\tsetIsNavigationPanelOpened( false );\n\t}, [ setPage, item ] );\n\n\tif ( ! item ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<>\n\t\t\t<NavigationItem\n\t\t\t\tclassName=\"edit-site-navigation-panel__content-item\"\n\t\t\t\titem={ `${ item.taxonomy || item.type }-${ item.id }` }\n\t\t\t\ttitle={ getTitle( item ) || __( '(no title)' ) }\n\t\t\t\tonClick={ onActivateItem }\n\t\t\t\tonMouseEnter={ () => setIsPreviewVisible( true ) }\n\t\t\t\tonMouseLeave={ () => setIsPreviewVisible( false ) }\n\t\t\t/>\n\n\t\t\t{ isPreviewVisible && previewContent && (\n\t\t\t\t<NavigationPanelPreviewFill>\n\t\t\t\t\t<TemplatePreview\n\t\t\t\t\t\trawContent={ previewContent }\n\t\t\t\t\t\tblockContext={ {\n\t\t\t\t\t\t\tpostType: item.type,\n\t\t\t\t\t\t\tpostId: item.id,\n\t\t\t\t\t\t} }\n\t\t\t\t\t/>\n\t\t\t\t</NavigationPanelPreviewFill>\n\t\t\t) }\n\t\t</>\n\t);\n}\n"]}

package/build/components/navigation-sidebar/navigation-panel/menus/content-categories.js DELETED Viewed

@@ -1,82 +0,0 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ContentCategoriesMenu;
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _constants = require("../constants");
-var _contentNavigationItem = _interopRequireDefault(require("../content-navigation-item"));
-var _searchResults = _interopRequireDefault(require("../search-results"));
-var _useDebouncedSearch = _interopRequireDefault(require("../use-debounced-search"));
-/**
- * WordPress dependencies
- */
-/**
- * Internal dependencies
- */
-function ContentCategoriesMenu() {
-  const {
-    search,
-    searchQuery,
-    onSearch,
-    isDebouncing
-  } = (0, _useDebouncedSearch.default)();
-  const {
-    categories,
-    isResolved
-  } = (0, _data.useSelect)(select => {
-    const {
-      getEntityRecords,
-      hasFinishedResolution
-    } = select(_coreData.store);
-    const query = searchQuery ? {
-      search: searchQuery
-    } : undefined;
-    const getEntityRecordsArgs = ['taxonomy', 'category', query];
-    const hasResolvedPosts = hasFinishedResolution('getEntityRecords', getEntityRecordsArgs);
-    return {
-      categories: getEntityRecords(...getEntityRecordsArgs),
-      isResolved: hasResolvedPosts
-    };
-  }, [searchQuery]);
-  const shouldShowLoadingForDebouncing = search && isDebouncing;
-  const showLoading = !isResolved || shouldShowLoadingForDebouncing;
-  return (0, _element.createElement)(_components.__experimentalNavigationMenu, {
-    menu: _constants.MENU_CONTENT_CATEGORIES,
-    title: (0, _i18n.__)('Categories'),
-    parentMenu: _constants.MENU_ROOT,
-    hasSearch: true,
-    onSearch: onSearch,
-    search: search,
-    isSearchDebouncing: isDebouncing || !isResolved
-  }, search && !isDebouncing && (0, _element.createElement)(_searchResults.default, {
-    items: categories,
-    search: search,
-    disableFilter: true
-  }), !search && (categories === null || categories === void 0 ? void 0 : categories.map(category => (0, _element.createElement)(_contentNavigationItem.default, {
-    item: category,
-    key: `${category.taxonomy}-${category.id}`
-  }))), showLoading && (0, _element.createElement)(_components.__experimentalNavigationItem, {
-    title: (0, _i18n.__)('Loading…'),
-    isText: true
-  }));
-}
-//# sourceMappingURL=content-categories.js.map

package/build/components/navigation-sidebar/navigation-panel/menus/content-categories.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/navigation-panel/menus/content-categories.js"],"names":["ContentCategoriesMenu","search","searchQuery","onSearch","isDebouncing","categories","isResolved","select","getEntityRecords","hasFinishedResolution","coreStore","query","undefined","getEntityRecordsArgs","hasResolvedPosts","shouldShowLoadingForDebouncing","showLoading","MENU_CONTENT_CATEGORIES","MENU_ROOT","map","category","taxonomy","id"],"mappings":";;;;;;;;;;;AAGA;;AAIA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAjBA;AACA;AACA;;AASA;AACA;AACA;AAMe,SAASA,qBAAT,GAAiC;AAC/C,QAAM;AACLC,IAAAA,MADK;AAELC,IAAAA,WAFK;AAGLC,IAAAA,QAHK;AAILC,IAAAA;AAJK,MAKF,kCALJ;AAOA,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,qBAChCC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,QAA8CF,MAAM,CACzDG,eADyD,CAA1D;AAGA,UAAMC,KAAK,GAAGT,WAAW,GACtB;AACAD,MAAAA,MAAM,EAAEC;AADR,KADsB,GAItBU,SAJH;AAKA,UAAMC,oBAAoB,GAAG,CAAE,UAAF,EAAc,UAAd,EAA0BF,KAA1B,CAA7B;AACA,UAAMG,gBAAgB,GAAGL,qBAAqB,CAC7C,kBAD6C,EAE7CI,oBAF6C,CAA9C;AAIA,WAAO;AACNR,MAAAA,UAAU,EAAEG,gBAAgB,CAAE,GAAGK,oBAAL,CADtB;AAENP,MAAAA,UAAU,EAAEQ;AAFN,KAAP;AAIA,GAnBiC,EAoBlC,CAAEZ,WAAF,CApBkC,CAAnC;AAuBA,QAAMa,8BAA8B,GAAGd,MAAM,IAAIG,YAAjD;AACA,QAAMY,WAAW,GAAG,CAAEV,UAAF,IAAgBS,8BAApC;AAEA,SACC,4BAAC,wCAAD;AACC,IAAA,IAAI,EAAGE,kCADR;AAEC,IAAA,KAAK,EAAG,cAAI,YAAJ,CAFT;AAGC,IAAA,UAAU,EAAGC,oBAHd;AAIC,IAAA,SAAS,EAAG,IAJb;AAKC,IAAA,QAAQ,EAAGf,QALZ;AAMC,IAAA,MAAM,EAAGF,MANV;AAOC,IAAA,kBAAkB,EAAGG,YAAY,IAAI,CAAEE;AAPxC,KASGL,MAAM,IAAI,CAAEG,YAAZ,IACD,4BAAC,sBAAD;AACC,IAAA,KAAK,EAAGC,UADT;AAEC,IAAA,MAAM,EAAGJ,MAFV;AAGC,IAAA,aAAa;AAHd,IAVF,EAiBG,CAAEA,MAAF,KACDI,UADC,aACDA,UADC,uBACDA,UAAU,CAAEc,GAAZ,CAAmBC,QAAF,IAChB,4BAAC,8BAAD;AACC,IAAA,IAAI,EAAGA,QADR;AAEC,IAAA,GAAG,EAAI,GAAGA,QAAQ,CAACC,QAAU,IAAID,QAAQ,CAACE,EAAI;AAF/C,IADD,CADC,CAjBH,EAyBGN,WAAW,IACZ,4BAAC,wCAAD;AAAgB,IAAA,KAAK,EAAG,cAAI,UAAJ,CAAxB;AAA2C,IAAA,MAAM;AAAjD,IA1BF,CADD;AA+BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalNavigationMenu as NavigationMenu,\n\t__experimentalNavigationItem as NavigationItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { MENU_CONTENT_CATEGORIES, MENU_ROOT } from '../constants';\nimport ContentNavigationItem from '../content-navigation-item';\nimport SearchResults from '../search-results';\nimport useDebouncedSearch from '../use-debounced-search';\n\nexport default function ContentCategoriesMenu() {\n\tconst {\n\t\tsearch,\n\t\tsearchQuery,\n\t\tonSearch,\n\t\tisDebouncing,\n\t} = useDebouncedSearch();\n\n\tconst { categories, isResolved } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords, hasFinishedResolution } = select(\n\t\t\t\tcoreStore\n\t\t\t);\n\t\t\tconst query = searchQuery\n\t\t\t\t? {\n\t\t\t\t\t\tsearch: searchQuery,\n\t\t\t\t }\n\t\t\t\t: undefined;\n\t\t\tconst getEntityRecordsArgs = [ 'taxonomy', 'category', query ];\n\t\t\tconst hasResolvedPosts = hasFinishedResolution(\n\t\t\t\t'getEntityRecords',\n\t\t\t\tgetEntityRecordsArgs\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tcategories: getEntityRecords( ...getEntityRecordsArgs ),\n\t\t\t\tisResolved: hasResolvedPosts,\n\t\t\t};\n\t\t},\n\t\t[ searchQuery ]\n\t);\n\n\tconst shouldShowLoadingForDebouncing = search && isDebouncing;\n\tconst showLoading = ! isResolved || shouldShowLoadingForDebouncing;\n\n\treturn (\n\t\t<NavigationMenu\n\t\t\tmenu={ MENU_CONTENT_CATEGORIES }\n\t\t\ttitle={ __( 'Categories' ) }\n\t\t\tparentMenu={ MENU_ROOT }\n\t\t\thasSearch={ true }\n\t\t\tonSearch={ onSearch }\n\t\t\tsearch={ search }\n\t\t\tisSearchDebouncing={ isDebouncing || ! isResolved }\n\t\t>\n\t\t\t{ search && ! isDebouncing && (\n\t\t\t\t<SearchResults\n\t\t\t\t\titems={ categories }\n\t\t\t\t\tsearch={ search }\n\t\t\t\t\tdisableFilter\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ ! search &&\n\t\t\t\tcategories?.map( ( category ) => (\n\t\t\t\t\t<ContentNavigationItem\n\t\t\t\t\t\titem={ category }\n\t\t\t\t\t\tkey={ `${ category.taxonomy }-${ category.id }` }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\n\t\t\t{ showLoading && (\n\t\t\t\t<NavigationItem title={ __( 'Loading…' ) } isText />\n\t\t\t) }\n\t\t</NavigationMenu>\n\t);\n}\n"]}

package/build/components/navigation-sidebar/navigation-panel/menus/content-pages.js DELETED Viewed

@@ -1,82 +0,0 @@
-"use strict";
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = ContentPagesMenu;
-var _element = require("@wordpress/element");
-var _components = require("@wordpress/components");
-var _i18n = require("@wordpress/i18n");
-var _data = require("@wordpress/data");
-var _coreData = require("@wordpress/core-data");
-var _constants = require("../constants");
-var _contentNavigationItem = _interopRequireDefault(require("../content-navigation-item"));
-var _searchResults = _interopRequireDefault(require("../search-results"));
-var _useDebouncedSearch = _interopRequireDefault(require("../use-debounced-search"));
-/**
- * WordPress dependencies
- */
-/**
- * Internal dependencies
- */
-function ContentPagesMenu() {
-  const {
-    search,
-    searchQuery,
-    onSearch,
-    isDebouncing
-  } = (0, _useDebouncedSearch.default)();
-  const {
-    pages,
-    isResolved
-  } = (0, _data.useSelect)(select => {
-    const {
-      getEntityRecords,
-      hasFinishedResolution
-    } = select(_coreData.store);
-    const query = searchQuery ? {
-      search: searchQuery
-    } : undefined;
-    const getEntityRecordsArgs = ['postType', 'page', query];
-    const hasResolvedPosts = hasFinishedResolution('getEntityRecords', getEntityRecordsArgs);
-    return {
-      pages: getEntityRecords(...getEntityRecordsArgs),
-      isResolved: hasResolvedPosts
-    };
-  }, [searchQuery]);
-  const shouldShowLoadingForDebouncing = search && isDebouncing;
-  const showLoading = !isResolved || shouldShowLoadingForDebouncing;
-  return (0, _element.createElement)(_components.__experimentalNavigationMenu, {
-    menu: _constants.MENU_CONTENT_PAGES,
-    title: (0, _i18n.__)('Pages'),
-    parentMenu: _constants.MENU_ROOT,
-    hasSearch: true,
-    onSearch: onSearch,
-    search: search,
-    isSearchDebouncing: isDebouncing || !isResolved
-  }, search && !isDebouncing && (0, _element.createElement)(_searchResults.default, {
-    items: pages,
-    search: search,
-    disableFilter: true
-  }), !search && (pages === null || pages === void 0 ? void 0 : pages.map(page => (0, _element.createElement)(_contentNavigationItem.default, {
-    item: page,
-    key: `${page.type}-${page.id}`
-  }))), showLoading && (0, _element.createElement)(_components.__experimentalNavigationItem, {
-    title: (0, _i18n.__)('Loading…'),
-    isText: true
-  }));
-}
-//# sourceMappingURL=content-pages.js.map

package/build/components/navigation-sidebar/navigation-panel/menus/content-pages.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["@wordpress/edit-site/src/components/navigation-sidebar/navigation-panel/menus/content-pages.js"],"names":["ContentPagesMenu","search","searchQuery","onSearch","isDebouncing","pages","isResolved","select","getEntityRecords","hasFinishedResolution","coreStore","query","undefined","getEntityRecordsArgs","hasResolvedPosts","shouldShowLoadingForDebouncing","showLoading","MENU_CONTENT_PAGES","MENU_ROOT","map","page","type","id"],"mappings":";;;;;;;;;;;AAGA;;AAIA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;AAjBA;AACA;AACA;;AASA;AACA;AACA;AAMe,SAASA,gBAAT,GAA4B;AAC1C,QAAM;AACLC,IAAAA,MADK;AAELC,IAAAA,WAFK;AAGLC,IAAAA,QAHK;AAILC,IAAAA;AAJK,MAKF,kCALJ;AAOA,QAAM;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,MAAwB,qBAC3BC,MAAF,IAAc;AACb,UAAM;AAAEC,MAAAA,gBAAF;AAAoBC,MAAAA;AAApB,QAA8CF,MAAM,CACzDG,eADyD,CAA1D;AAGA,UAAMC,KAAK,GAAGT,WAAW,GACtB;AACAD,MAAAA,MAAM,EAAEC;AADR,KADsB,GAItBU,SAJH;AAKA,UAAMC,oBAAoB,GAAG,CAAE,UAAF,EAAc,MAAd,EAAsBF,KAAtB,CAA7B;AACA,UAAMG,gBAAgB,GAAGL,qBAAqB,CAC7C,kBAD6C,EAE7CI,oBAF6C,CAA9C;AAIA,WAAO;AACNR,MAAAA,KAAK,EAAEG,gBAAgB,CAAE,GAAGK,oBAAL,CADjB;AAENP,MAAAA,UAAU,EAAEQ;AAFN,KAAP;AAIA,GAnB4B,EAoB7B,CAAEZ,WAAF,CApB6B,CAA9B;AAuBA,QAAMa,8BAA8B,GAAGd,MAAM,IAAIG,YAAjD;AACA,QAAMY,WAAW,GAAG,CAAEV,UAAF,IAAgBS,8BAApC;AAEA,SACC,4BAAC,wCAAD;AACC,IAAA,IAAI,EAAGE,6BADR;AAEC,IAAA,KAAK,EAAG,cAAI,OAAJ,CAFT;AAGC,IAAA,UAAU,EAAGC,oBAHd;AAIC,IAAA,SAAS,EAAG,IAJb;AAKC,IAAA,QAAQ,EAAGf,QALZ;AAMC,IAAA,MAAM,EAAGF,MANV;AAOC,IAAA,kBAAkB,EAAGG,YAAY,IAAI,CAAEE;AAPxC,KASGL,MAAM,IAAI,CAAEG,YAAZ,IACD,4BAAC,sBAAD;AACC,IAAA,KAAK,EAAGC,KADT;AAEC,IAAA,MAAM,EAAGJ,MAFV;AAGC,IAAA,aAAa;AAHd,IAVF,EAiBG,CAAEA,MAAF,KACDI,KADC,aACDA,KADC,uBACDA,KAAK,CAAEc,GAAP,CAAcC,IAAF,IACX,4BAAC,8BAAD;AACC,IAAA,IAAI,EAAGA,IADR;AAEC,IAAA,GAAG,EAAI,GAAGA,IAAI,CAACC,IAAM,IAAID,IAAI,CAACE,EAAI;AAFnC,IADD,CADC,CAjBH,EAyBGN,WAAW,IACZ,4BAAC,wCAAD;AAAgB,IAAA,KAAK,EAAG,cAAI,UAAJ,CAAxB;AAA2C,IAAA,MAAM;AAAjD,IA1BF,CADD;AA+BA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\t__experimentalNavigationMenu as NavigationMenu,\n\t__experimentalNavigationItem as NavigationItem,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { useSelect } from '@wordpress/data';\nimport { store as coreStore } from '@wordpress/core-data';\n\n/**\n * Internal dependencies\n */\nimport { MENU_CONTENT_PAGES, MENU_ROOT } from '../constants';\nimport ContentNavigationItem from '../content-navigation-item';\nimport SearchResults from '../search-results';\nimport useDebouncedSearch from '../use-debounced-search';\n\nexport default function ContentPagesMenu() {\n\tconst {\n\t\tsearch,\n\t\tsearchQuery,\n\t\tonSearch,\n\t\tisDebouncing,\n\t} = useDebouncedSearch();\n\n\tconst { pages, isResolved } = useSelect(\n\t\t( select ) => {\n\t\t\tconst { getEntityRecords, hasFinishedResolution } = select(\n\t\t\t\tcoreStore\n\t\t\t);\n\t\t\tconst query = searchQuery\n\t\t\t\t? {\n\t\t\t\t\t\tsearch: searchQuery,\n\t\t\t\t }\n\t\t\t\t: undefined;\n\t\t\tconst getEntityRecordsArgs = [ 'postType', 'page', query ];\n\t\t\tconst hasResolvedPosts = hasFinishedResolution(\n\t\t\t\t'getEntityRecords',\n\t\t\t\tgetEntityRecordsArgs\n\t\t\t);\n\t\t\treturn {\n\t\t\t\tpages: getEntityRecords( ...getEntityRecordsArgs ),\n\t\t\t\tisResolved: hasResolvedPosts,\n\t\t\t};\n\t\t},\n\t\t[ searchQuery ]\n\t);\n\n\tconst shouldShowLoadingForDebouncing = search && isDebouncing;\n\tconst showLoading = ! isResolved || shouldShowLoadingForDebouncing;\n\n\treturn (\n\t\t<NavigationMenu\n\t\t\tmenu={ MENU_CONTENT_PAGES }\n\t\t\ttitle={ __( 'Pages' ) }\n\t\t\tparentMenu={ MENU_ROOT }\n\t\t\thasSearch={ true }\n\t\t\tonSearch={ onSearch }\n\t\t\tsearch={ search }\n\t\t\tisSearchDebouncing={ isDebouncing || ! isResolved }\n\t\t>\n\t\t\t{ search && ! isDebouncing && (\n\t\t\t\t<SearchResults\n\t\t\t\t\titems={ pages }\n\t\t\t\t\tsearch={ search }\n\t\t\t\t\tdisableFilter\n\t\t\t\t/>\n\t\t\t) }\n\n\t\t\t{ ! search &&\n\t\t\t\tpages?.map( ( page ) => (\n\t\t\t\t\t<ContentNavigationItem\n\t\t\t\t\t\titem={ page }\n\t\t\t\t\t\tkey={ `${ page.type }-${ page.id }` }\n\t\t\t\t\t/>\n\t\t\t\t) ) }\n\n\t\t\t{ showLoading && (\n\t\t\t\t<NavigationItem title={ __( 'Loading…' ) } isText />\n\t\t\t) }\n\t\t</NavigationMenu>\n\t);\n}\n"]}