@wordpress/block-library 6.0.20 → 6.1.0

package/src/style.scss

@@ -6,6 +6,8 @@
 @import "./categories/style.scss";
 @import "./code/style.scss";
 @import "./columns/style.scss";
+@import "./comments-pagination/style.scss";
+@import "./comment-template/style.scss";
 @import "./cover/style.scss";
 @import "./embed/style.scss";
 @import "./file/style.scss";
@@ -19,13 +21,13 @@
 @import "./media-text/style.scss";
 @import "./navigation/style.scss";
 @import "./navigation-link/style.scss";
-@import "./home-link/style.scss";
 @import "./page-list/style.scss";
 @import "./paragraph/style.scss";
 @import "./post-author/style.scss";
 @import "./post-comments/style.scss";
 @import "./post-comments-form/style.scss";
 @import "./post-excerpt/style.scss";
+@import "./post-featured-image/style.scss";
 @import "./post-terms/style.scss";
 @import "./post-title/style.scss";
 @import "./preformatted/style.scss";
@@ -44,6 +46,5 @@
 @import "./text-columns/style.scss";
 @import "./verse/style.scss";
 @import "./video/style.scss";
-@import "./post-featured-image/style.scss";
 
 @import "common.scss";

package/src/table/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/table",
 	"title": "Table",
@@ -144,7 +145,12 @@
 			"__experimentalSkipSerialization": true,
 			"color": true,
 			"style": true,
-			"width": true
+			"width": true,
+			"__experimentalDefaultControls": {
+				"color": true,
+				"style": true,
+				"width": true
+			}
 		},
 		"__experimentalSelector": ".wp-block-table > table"
 	},

package/src/table/style.scss

@@ -127,6 +127,7 @@
 		th,
 		td {
 			border-width: inherit;
+			border-style: inherit;
 		}
 	}
 }

package/src/table-of-contents/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/table-of-contents",
 	"title": "Table of Contents",

package/src/table-of-contents/index.php

@@ -261,14 +261,14 @@ function block_core_table_of_contents_render_list(
 
 				$entry = sprintf(
 					'<a class="%1$s" href="%2$s">%3$s</a>',
-					$entry_class,
+					esc_attr( $entry_class ),
 					esc_url( $href ),
 					esc_html( $content )
 				);
 			} else {
 				$entry = sprintf(
 					'<span class="%1$s">%2$s</span>',
-					$entry_class,
+					esc_attr( $entry_class ),
 					esc_html( $content )
 				);
 			}
@@ -279,7 +279,7 @@ function block_core_table_of_contents_render_list(
 				$child_node['children']
 					? block_core_table_of_contents_render_list(
 						$child_node['children'],
-						$page_url
+						esc_url( $page_url )
 					)
 					: null
 			);

package/src/tag-cloud/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/tag-cloud",
 	"title": "Tag Cloud",

package/src/tag-cloud/index.php

@@ -51,5 +51,14 @@ function register_block_core_tag_cloud() {
 			'render_callback' => 'render_block_core_tag_cloud',
 		)
 	);
+
+	register_block_style(
+		'core/tag-cloud',
+		array(
+			'name'         => 'outline',
+			'label'        => __( 'Outline', 'gutenberg' ),
+			'style_handle' => 'outline',
+		)
+	);
 }
 add_action( 'init', 'register_block_core_tag_cloud' );

package/src/tag-cloud/style.scss

@@ -18,4 +18,13 @@
 		margin-left: 5px;
 		text-decoration: none;
 	}
+
+	&.is-style-outline a {
+		border: 1px solid currentColor;
+		font-size: unset !important; // !important Needed to override the inline styles.
+		margin-bottom: 1ch;
+		margin-right: 1ch;
+		padding: 1ch 2ch;
+		text-decoration: none !important; // !important needed to override generic post content link decoration.
+	}
 }

package/src/template-part/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/template-part",
 	"title": "Template Part",

package/src/template-part/index.php

@@ -103,7 +103,12 @@ function render_block_core_template_part( $attributes ) {
 		}
 	}
 
-	if ( is_null( $content ) && is_user_logged_in() ) {
+	// WP_DEBUG_DISPLAY must only be honored when WP_DEBUG. This precedent
+	// is set in `wp_debug_mode()`.
+	$is_debug = defined( 'WP_DEBUG' ) && WP_DEBUG &&
+		defined( 'WP_DEBUG_DISPLAY' ) && WP_DEBUG_DISPLAY;
+
+	if ( is_null( $content ) && $is_debug ) {
 		if ( ! isset( $attributes['slug'] ) ) {
 			// If there is no slug this is a placeholder and we dont want to return any message.
 			return;
@@ -116,11 +121,6 @@ function render_block_core_template_part( $attributes ) {
 	}
 
 	if ( isset( $seen_ids[ $template_part_id ] ) ) {
-		// WP_DEBUG_DISPLAY must only be honored when WP_DEBUG. This precedent
-		// is set in `wp_debug_mode()`.
-		$is_debug = defined( 'WP_DEBUG' ) && WP_DEBUG &&
-			defined( 'WP_DEBUG_DISPLAY' ) && WP_DEBUG_DISPLAY;
-
 		return $is_debug ?
 			// translators: Visible only in the front end, this warning takes the place of a faulty block.
 			__( '[block rendering halted]' ) :

package/src/term-description/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/term-description",
 	"title": "Term Description",

package/src/text-columns/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/text-columns",
 	"title": "Text Columns (deprecated)",

package/src/verse/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/verse",
 	"title": "Verse",

package/src/verse/test/edit.native.js

@@ -1,7 +1,7 @@
 /**
  * External dependencies
  */
-import renderer from 'react-test-renderer';
+import { render } from 'test/helpers';
 
 /**
  * Internal dependencies
@@ -11,7 +11,7 @@ import { metadata, settings, name } from '../index';
 /**
  * WordPress dependencies
  */
-import { RichText, BlockEdit } from '@wordpress/block-editor';
+import { BlockEdit } from '@wordpress/block-editor';
 import { registerBlockType, unregisterBlockType } from '@wordpress/blocks';
 
 const Verse = ( { clientId, ...props } ) => (
@@ -31,20 +31,17 @@ describe( 'Verse Block', () => {
 	} );
 
 	it( 'renders without crashing', () => {
-		const component = renderer.create(
-			<Verse attributes={ { content: '' } } />
-		);
+		const component = render( <Verse attributes={ { content: '' } } /> );
 		const rendered = component.toJSON();
 		expect( rendered ).toBeTruthy();
 	} );
 
 	it( 'renders given text without crashing', () => {
-		const component = renderer.create(
+		const component = render(
 			<Verse attributes={ { content: 'sample text' } } />
 		);
-		const testInstance = component.root;
-		const richText = testInstance.findByType( RichText );
-		expect( richText ).toBeTruthy();
-		expect( richText.props.value ).toBe( 'sample text' );
+		expect(
+			component.getByDisplayValue( '<pre>sample text</pre>' )
+		).toBeTruthy();
 	} );
 } );

package/src/video/block.json

@@ -1,4 +1,5 @@
 {
+	"$schema": "https://schemas.wp.org/trunk/block.json",
 	"apiVersion": 2,
 	"name": "core/video",
 	"title": "Video",

package/build/comments-query-loop/toolbar.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = CommentsQueryLoopToolbar;
-
-var _element = require("@wordpress/element");
-
-var _components = require("@wordpress/components");
-
-var _i18n = require("@wordpress/i18n");
-
-var _icons = require("@wordpress/icons");
-
-/**
- * WordPress dependencies
- */
-function CommentsQueryLoopToolbar(_ref) {
-  let {
-    queryPerPage,
-    setQuery
-  } = _ref;
-  return (0, _element.createElement)(_components.ToolbarGroup, null, (0, _element.createElement)(_components.Dropdown, {
-    renderToggle: _ref2 => {
-      let {
-        onToggle
-      } = _ref2;
-      return (0, _element.createElement)(_components.ToolbarButton, {
-        icon: _icons.settings,
-        label: (0, _i18n.__)('Display settings'),
-        onClick: onToggle
-      });
-    },
-    renderContent: () => (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.BaseControl, null, (0, _element.createElement)(_components.__experimentalNumberControl, {
-      __unstableInputWidth: "60px",
-      label: (0, _i18n.__)('Items per Page'),
-      labelPosition: "edge",
-      min: 1,
-      max: 100,
-      onChange: value => {
-        const num = parseInt(value, 10);
-
-        if (isNaN(num) || num < 1 || num > 100) {
-          return;
-        }
-
-        setQuery({
-          queryPerPage: num
-        });
-      },
-      step: "1",
-      value: queryPerPage,
-      isDragEnabled: false
-    })))
-  }));
-}
-//# sourceMappingURL=toolbar.js.map

package/build/comments-query-loop/toolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/comments-query-loop/toolbar.js"],"names":["CommentsQueryLoopToolbar","queryPerPage","setQuery","onToggle","settings","value","num","parseInt","isNaN"],"mappings":";;;;;;;;;AAGA;;AAOA;;AACA;;AAXA;AACA;AACA;AAWe,SAASA,wBAAT,OAAgE;AAAA,MAA7B;AAAEC,IAAAA,YAAF;AAAgBC,IAAAA;AAAhB,GAA6B;AAC9E,SACC,4BAAC,wBAAD,QACC,4BAAC,oBAAD;AACC,IAAA,YAAY,EAAG;AAAA,UAAE;AAAEC,QAAAA;AAAF,OAAF;AAAA,aACd,4BAAC,yBAAD;AACC,QAAA,IAAI,EAAGC,eADR;AAEC,QAAA,KAAK,EAAG,cAAI,kBAAJ,CAFT;AAGC,QAAA,OAAO,EAAGD;AAHX,QADc;AAAA,KADhB;AAQC,IAAA,aAAa,EAAG,MACf,qDACC,4BAAC,uBAAD,QACC,4BAAC,uCAAD;AACC,MAAA,oBAAoB,EAAC,MADtB;AAEC,MAAA,KAAK,EAAG,cAAI,gBAAJ,CAFT;AAGC,MAAA,aAAa,EAAC,MAHf;AAIC,MAAA,GAAG,EAAG,CAJP;AAKC,MAAA,GAAG,EAAG,GALP;AAMC,MAAA,QAAQ,EAAKE,KAAF,IAAa;AACvB,cAAMC,GAAG,GAAGC,QAAQ,CAAEF,KAAF,EAAS,EAAT,CAApB;;AACA,YACCG,KAAK,CAAEF,GAAF,CAAL,IACAA,GAAG,GAAG,CADN,IAEAA,GAAG,GAAG,GAHP,EAIE;AACD;AACA;;AACDJ,QAAAA,QAAQ,CAAE;AACTD,UAAAA,YAAY,EAAEK;AADL,SAAF,CAAR;AAGA,OAlBF;AAmBC,MAAA,IAAI,EAAC,GAnBN;AAoBC,MAAA,KAAK,EAAGL,YApBT;AAqBC,MAAA,aAAa,EAAG;AArBjB,MADD,CADD;AATF,IADD,CADD;AA0CA","sourcesContent":["/**\n * WordPress dependencies\n */\nimport {\n\tToolbarGroup,\n\tDropdown,\n\tToolbarButton,\n\tBaseControl,\n\t__experimentalNumberControl as NumberControl,\n} from '@wordpress/components';\nimport { __ } from '@wordpress/i18n';\nimport { settings } from '@wordpress/icons';\n\nexport default function CommentsQueryLoopToolbar( { queryPerPage, setQuery } ) {\n\treturn (\n\t\t<ToolbarGroup>\n\t\t\t<Dropdown\n\t\t\t\trenderToggle={ ( { onToggle } ) => (\n\t\t\t\t\t<ToolbarButton\n\t\t\t\t\t\ticon={ settings }\n\t\t\t\t\t\tlabel={ __( 'Display settings' ) }\n\t\t\t\t\t\tonClick={ onToggle }\n\t\t\t\t\t/>\n\t\t\t\t) }\n\t\t\t\trenderContent={ () => (\n\t\t\t\t\t<>\n\t\t\t\t\t\t<BaseControl>\n\t\t\t\t\t\t\t<NumberControl\n\t\t\t\t\t\t\t\t__unstableInputWidth=\"60px\"\n\t\t\t\t\t\t\t\tlabel={ __( 'Items per Page' ) }\n\t\t\t\t\t\t\t\tlabelPosition=\"edge\"\n\t\t\t\t\t\t\t\tmin={ 1 }\n\t\t\t\t\t\t\t\tmax={ 100 }\n\t\t\t\t\t\t\t\tonChange={ ( value ) => {\n\t\t\t\t\t\t\t\t\tconst num = parseInt( value, 10 );\n\t\t\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\t\t\tisNaN( num ) ||\n\t\t\t\t\t\t\t\t\t\tnum < 1 ||\n\t\t\t\t\t\t\t\t\t\tnum > 100\n\t\t\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\tsetQuery( {\n\t\t\t\t\t\t\t\t\t\tqueryPerPage: num,\n\t\t\t\t\t\t\t\t\t} );\n\t\t\t\t\t\t\t\t} }\n\t\t\t\t\t\t\t\tstep=\"1\"\n\t\t\t\t\t\t\t\tvalue={ queryPerPage }\n\t\t\t\t\t\t\t\tisDragEnabled={ false }\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</BaseControl>\n\t\t\t\t\t</>\n\t\t\t\t) }\n\t\t\t/>\n\t\t</ToolbarGroup>\n\t);\n}\n"]}

package/build/embed/embed-bottom-sheet.native.js

@@ -1,85 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _element = require("@wordpress/element");
-
-var _i18n = require("@wordpress/i18n");
-
-var _components = require("@wordpress/components");
-
-var _url = require("@wordpress/url");
-
-var _data = require("@wordpress/data");
-
-var _notices = require("@wordpress/notices");
-
-/**
- * WordPress dependencies
- */
-const EmbedBottomSheet = _ref => {
-  let {
-    value,
-    label,
-    isVisible,
-    onClose,
-    onSubmit
-  } = _ref;
-  const [url, setURL] = (0, _element.useState)(value);
-  const {
-    createErrorNotice
-  } = (0, _data.useDispatch)(_notices.store);
-  const linkSettingsOptions = {
-    url: {
-      label: (0, _i18n.sprintf)( // translators: %s: embed block variant's label e.g: "Twitter".
-      (0, _i18n.__)('%s link'), label),
-      placeholder: (0, _i18n.__)('Add link'),
-      autoFocus: true,
-      autoFill: true
-    },
-    footer: {
-      label: (0, _element.createElement)(_components.FooterMessageLink, {
-        href: (0, _i18n.__)('https://wordpress.org/support/article/embeds/'),
-        value: (0, _i18n.__)('Learn more about embeds')
-      }),
-      separatorType: 'topFullWidth'
-    }
-  };
-  const onDismiss = (0, _element.useCallback)(() => {
-    if (url !== '') {
-      if ((0, _url.isURL)(url)) {
-        onSubmit(url);
-      } else {
-        createErrorNotice((0, _i18n.__)('Invalid URL. Please enter a valid URL.')); // If the URL was already defined, we submit it to stop showing the embed placeholder.
-
-        onSubmit(value);
-      }
-    } else {
-      // Resets the URL when new value is empty
-      onSubmit('');
-    }
-  }, [url, onSubmit, value]);
-
-  function setAttributes(attributes) {
-    setURL(attributes.url);
-  }
-
-  return (0, _element.createElement)(_components.LinkSettingsNavigation, {
-    isVisible: isVisible,
-    url: url,
-    onClose: onClose,
-    onDismiss: onDismiss,
-    setAttributes: setAttributes,
-    options: linkSettingsOptions,
-    testID: "embed-edit-url-modal",
-    withBottomSheet: true,
-    showIcon: true
-  });
-};
-
-var _default = EmbedBottomSheet;
-exports.default = _default;
-//# sourceMappingURL=embed-bottom-sheet.native.js.map

package/build/embed/embed-bottom-sheet.native.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["@wordpress/block-library/src/embed/embed-bottom-sheet.native.js"],"names":["EmbedBottomSheet","value","label","isVisible","onClose","onSubmit","url","setURL","createErrorNotice","noticesStore","linkSettingsOptions","placeholder","autoFocus","autoFill","footer","separatorType","onDismiss","setAttributes","attributes"],"mappings":";;;;;;;AAWA;;AARA;;AACA;;AAIA;;AACA;;AACA;;AAVA;AACA;AACA;AAWA,MAAMA,gBAAgB,GAAG,QAAsD;AAAA,MAApD;AAAEC,IAAAA,KAAF;AAASC,IAAAA,KAAT;AAAgBC,IAAAA,SAAhB;AAA2BC,IAAAA,OAA3B;AAAoCC,IAAAA;AAApC,GAAoD;AAC9E,QAAM,CAAEC,GAAF,EAAOC,MAAP,IAAkB,uBAAUN,KAAV,CAAxB;AACA,QAAM;AAAEO,IAAAA;AAAF,MAAwB,uBAAaC,cAAb,CAA9B;AAEA,QAAMC,mBAAmB,GAAG;AAC3BJ,IAAAA,GAAG,EAAE;AACJJ,MAAAA,KAAK,EAAE,oBACN;AACA,oBAAI,SAAJ,CAFM,EAGNA,KAHM,CADH;AAMJS,MAAAA,WAAW,EAAE,cAAI,UAAJ,CANT;AAOJC,MAAAA,SAAS,EAAE,IAPP;AAQJC,MAAAA,QAAQ,EAAE;AARN,KADsB;AAW3BC,IAAAA,MAAM,EAAE;AACPZ,MAAAA,KAAK,EACJ,4BAAC,6BAAD;AACC,QAAA,IAAI,EAAG,cACN,+CADM,CADR;AAIC,QAAA,KAAK,EAAG,cAAI,yBAAJ;AAJT,QAFM;AASPa,MAAAA,aAAa,EAAE;AATR;AAXmB,GAA5B;AAwBA,QAAMC,SAAS,GAAG,0BAAa,MAAM;AACpC,QAAKV,GAAG,KAAK,EAAb,EAAkB;AACjB,UAAK,gBAAOA,GAAP,CAAL,EAAoB;AACnBD,QAAAA,QAAQ,CAAEC,GAAF,CAAR;AACA,OAFD,MAEO;AACNE,QAAAA,iBAAiB,CAChB,cAAI,wCAAJ,CADgB,CAAjB,CADM,CAIN;;AACAH,QAAAA,QAAQ,CAAEJ,KAAF,CAAR;AACA;AACD,KAVD,MAUO;AACN;AACAI,MAAAA,QAAQ,CAAE,EAAF,CAAR;AACA;AACD,GAfiB,EAef,CAAEC,GAAF,EAAOD,QAAP,EAAiBJ,KAAjB,CAfe,CAAlB;;AAiBA,WAASgB,aAAT,CAAwBC,UAAxB,EAAqC;AACpCX,IAAAA,MAAM,CAAEW,UAAU,CAACZ,GAAb,CAAN;AACA;;AAED,SACC,4BAAC,kCAAD;AACC,IAAA,SAAS,EAAGH,SADb;AAEC,IAAA,GAAG,EAAGG,GAFP;AAGC,IAAA,OAAO,EAAGF,OAHX;AAIC,IAAA,SAAS,EAAGY,SAJb;AAKC,IAAA,aAAa,EAAGC,aALjB;AAMC,IAAA,OAAO,EAAGP,mBANX;AAOC,IAAA,MAAM,EAAC,sBAPR;AAQC,IAAA,eAAe,MARhB;AASC,IAAA,QAAQ;AATT,IADD;AAaA,CA9DD;;eAgEeV,gB","sourcesContent":["/**\n * WordPress dependencies\n */\nimport { __, sprintf } from '@wordpress/i18n';\nimport {\n\tLinkSettingsNavigation,\n\tFooterMessageLink,\n} from '@wordpress/components';\nimport { isURL } from '@wordpress/url';\nimport { useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\nimport { useCallback, useState } from '@wordpress/element';\n\nconst EmbedBottomSheet = ( { value, label, isVisible, onClose, onSubmit } ) => {\n\tconst [ url, setURL ] = useState( value );\n\tconst { createErrorNotice } = useDispatch( noticesStore );\n\n\tconst linkSettingsOptions = {\n\t\turl: {\n\t\t\tlabel: sprintf(\n\t\t\t\t// translators: %s: embed block variant's label e.g: \"Twitter\".\n\t\t\t\t__( '%s link' ),\n\t\t\t\tlabel\n\t\t\t),\n\t\t\tplaceholder: __( 'Add link' ),\n\t\t\tautoFocus: true,\n\t\t\tautoFill: true,\n\t\t},\n\t\tfooter: {\n\t\t\tlabel: (\n\t\t\t\t<FooterMessageLink\n\t\t\t\t\thref={ __(\n\t\t\t\t\t\t'https://wordpress.org/support/article/embeds/'\n\t\t\t\t\t) }\n\t\t\t\t\tvalue={ __( 'Learn more about embeds' ) }\n\t\t\t\t/>\n\t\t\t),\n\t\t\tseparatorType: 'topFullWidth',\n\t\t},\n\t};\n\n\tconst onDismiss = useCallback( () => {\n\t\tif ( url !== '' ) {\n\t\t\tif ( isURL( url ) ) {\n\t\t\t\tonSubmit( url );\n\t\t\t} else {\n\t\t\t\tcreateErrorNotice(\n\t\t\t\t\t__( 'Invalid URL. Please enter a valid URL.' )\n\t\t\t\t);\n\t\t\t\t// If the URL was already defined, we submit it to stop showing the embed placeholder.\n\t\t\t\tonSubmit( value );\n\t\t\t}\n\t\t} else {\n\t\t\t// Resets the URL when new value is empty\n\t\t\tonSubmit( '' );\n\t\t}\n\t}, [ url, onSubmit, value ] );\n\n\tfunction setAttributes( attributes ) {\n\t\tsetURL( attributes.url );\n\t}\n\n\treturn (\n\t\t<LinkSettingsNavigation\n\t\t\tisVisible={ isVisible }\n\t\t\turl={ url }\n\t\t\tonClose={ onClose }\n\t\t\tonDismiss={ onDismiss }\n\t\t\tsetAttributes={ setAttributes }\n\t\t\toptions={ linkSettingsOptions }\n\t\t\ttestID=\"embed-edit-url-modal\"\n\t\t\twithBottomSheet\n\t\t\tshowIcon\n\t\t/>\n\t);\n};\n\nexport default EmbedBottomSheet;\n"]}

package/build/query/edit/query-inspector-controls.js

@@ -1,275 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = QueryInspectorControls;
-
-var _element = require("@wordpress/element");
-
-var _lodash = require("lodash");
-
-var _components = require("@wordpress/components");
-
-var _i18n = require("@wordpress/i18n");
-
-var _blockEditor = require("@wordpress/block-editor");
-
-var _data = require("@wordpress/data");
-
-var _coreData = require("@wordpress/core-data");
-
-var _utils = require("../utils");
-
-var _constants = require("../constants");
-
-/**
- * External dependencies
- */
-
-/**
- * WordPress dependencies
- */
-
-/**
- * Internal dependencies
- */
-const stickyOptions = [{
-  label: (0, _i18n.__)('Include'),
-  value: ''
-}, {
-  label: (0, _i18n.__)('Exclude'),
-  value: 'exclude'
-}, {
-  label: (0, _i18n.__)('Only'),
-  value: 'only'
-}]; // Helper function to get the term id based on user input in terms `FormTokenField`.
-
-const getTermIdByTermValue = (termsMappedByName, termValue) => {
-  var _termsMappedByName$te;
-
-  // First we check for exact match by `term.id` or case sensitive `term.name` match.
-  const termId = (termValue === null || termValue === void 0 ? void 0 : termValue.id) || ((_termsMappedByName$te = termsMappedByName[termValue]) === null || _termsMappedByName$te === void 0 ? void 0 : _termsMappedByName$te.id);
-  if (termId) return termId;
-  /**
-   * Here we make an extra check for entered terms in a non case sensitive way,
-   * to match user expectations, due to `FormTokenField` behaviour that shows
-   * suggestions which are case insensitive.
-   *
-   * Although WP tries to discourage users to add terms with the same name (case insensitive),
-   * it's still possible if you manually change the name, as long as the terms have different slugs.
-   * In this edge case we always apply the first match from the terms list.
-   */
-
-  const termValueLower = termValue.toLocaleLowerCase();
-
-  for (const term in termsMappedByName) {
-    if (term.toLocaleLowerCase() === termValueLower) {
-      return termsMappedByName[term].id;
-    }
-  }
-};
-
-function QueryInspectorControls(_ref) {
-  var _categories$terms, _tags$terms;
-
-  let {
-    attributes: {
-      query,
-      displayLayout
-    },
-    setQuery,
-    setDisplayLayout
-  } = _ref;
-  const {
-    order,
-    orderBy,
-    author: selectedAuthorId,
-    postType,
-    sticky,
-    inherit
-  } = query;
-  const [showCategories, setShowCategories] = (0, _element.useState)(true);
-  const [showTags, setShowTags] = (0, _element.useState)(true);
-  const [showSticky, setShowSticky] = (0, _element.useState)(postType === 'post');
-  const {
-    postTypesTaxonomiesMap,
-    postTypesSelectOptions
-  } = (0, _utils.usePostTypes)();
-  const {
-    authorList,
-    categories,
-    tags
-  } = (0, _data.useSelect)(select => {
-    const {
-      getEntityRecords
-    } = select(_coreData.store);
-    const termsQuery = {
-      per_page: _constants.MAX_FETCHED_TERMS
-    };
-
-    const _categories = getEntityRecords('taxonomy', 'category', termsQuery);
-
-    const _tags = getEntityRecords('taxonomy', 'post_tag', termsQuery);
-
-    return {
-      categories: (0, _utils.getTermsInfo)(_categories),
-      tags: (0, _utils.getTermsInfo)(_tags),
-      authorList: getEntityRecords('root', 'user', {
-        per_page: -1
-      })
-    };
-  }, []);
-  (0, _element.useEffect)(() => {
-    if (!postTypesTaxonomiesMap) return;
-    const postTypeTaxonomies = postTypesTaxonomiesMap[postType];
-    setShowCategories(postTypeTaxonomies.includes('category'));
-    setShowTags(postTypeTaxonomies.includes('post_tag'));
-  }, [postType, postTypesTaxonomiesMap]);
-  (0, _element.useEffect)(() => {
-    setShowSticky(postType === 'post');
-  }, [postType]);
-
-  const onPostTypeChange = newValue => {
-    const updateQuery = {
-      postType: newValue
-    };
-
-    if (!postTypesTaxonomiesMap[newValue].includes('category')) {
-      updateQuery.categoryIds = [];
-    }
-
-    if (!postTypesTaxonomiesMap[newValue].includes('post_tag')) {
-      updateQuery.tagIds = [];
-    }
-
-    if (newValue !== 'post') {
-      updateQuery.sticky = '';
-    }
-
-    setQuery(updateQuery);
-  }; // Handles categories and tags changes.
-
-
-  const onTermsChange = (terms, queryProperty) => newTermValues => {
-    const termIds = Array.from(newTermValues.reduce((accumulator, termValue) => {
-      const termId = getTermIdByTermValue(terms.mapByName, termValue);
-      if (termId) accumulator.add(termId);
-      return accumulator;
-    }, new Set()));
-    setQuery({
-      [queryProperty]: termIds
-    });
-  };
-
-  const onCategoriesChange = onTermsChange(categories, 'categoryIds');
-  const onTagsChange = onTermsChange(tags, 'tagIds');
-  const [querySearch, setQuerySearch] = (0, _element.useState)(query.search);
-  const onChangeDebounced = (0, _element.useCallback)((0, _lodash.debounce)(() => {
-    if (query.search !== querySearch) {
-      setQuery({
-        search: querySearch
-      });
-    }
-  }, 250), [querySearch, query.search]);
-  (0, _element.useEffect)(() => {
-    onChangeDebounced();
-    return onChangeDebounced.cancel;
-  }, [querySearch, onChangeDebounced]); // Returns only the existing term ids (categories/tags) in proper
-  // format to be used in `FormTokenField`. This prevents the component
-  // from crashing in the editor, when non existing term ids were provided.
-
-  const getExistingTermsFormTokenValue = taxonomy => {
-    const termsMapper = {
-      category: {
-        queryProp: 'categoryIds',
-        terms: categories
-      },
-      post_tag: {
-        queryProp: 'tagIds',
-        terms: tags
-      }
-    };
-    const requestedTerm = termsMapper[taxonomy];
-    return (query[requestedTerm.queryProp] || []).reduce((accumulator, termId) => {
-      const term = requestedTerm.terms.mapById[termId];
-
-      if (term) {
-        accumulator.push({
-          id: termId,
-          value: term.name
-        });
-      }
-
-      return accumulator;
-    }, []);
-  };
-
-  return (0, _element.createElement)(_blockEditor.InspectorControls, null, (0, _element.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Settings')
-  }, (0, _element.createElement)(_components.ToggleControl, {
-    label: (0, _i18n.__)('Inherit query from template'),
-    help: (0, _i18n.__)('Toggle to use the global query context that is set with the current template, such as an archive or search. Disable to customize the settings independently.'),
-    checked: !!inherit,
-    onChange: value => setQuery({
-      inherit: !!value
-    })
-  }), !inherit && (0, _element.createElement)(_components.SelectControl, {
-    options: postTypesSelectOptions,
-    value: postType,
-    label: (0, _i18n.__)('Post Type'),
-    onChange: onPostTypeChange,
-    help: (0, _i18n.__)('WordPress contains different types of content and they are divided into collections called "Post Types". By default there are a few different ones such as blog posts and pages, but plugins could add more.')
-  }), (displayLayout === null || displayLayout === void 0 ? void 0 : displayLayout.type) === 'flex' && (0, _element.createElement)(_element.Fragment, null, (0, _element.createElement)(_components.RangeControl, {
-    label: (0, _i18n.__)('Columns'),
-    value: displayLayout.columns,
-    onChange: value => setDisplayLayout({
-      columns: value
-    }),
-    min: 2,
-    max: Math.max(6, displayLayout.columns)
-  }), displayLayout.columns > 6 && (0, _element.createElement)(_components.Notice, {
-    status: "warning",
-    isDismissible: false
-  }, (0, _i18n.__)('This column count exceeds the recommended amount and may cause visual breakage.'))), !inherit && (0, _element.createElement)(_components.QueryControls, {
-    order,
-    orderBy,
-    onOrderChange: value => setQuery({
-      order: value
-    }),
-    onOrderByChange: value => setQuery({
-      orderBy: value
-    })
-  }), showSticky && (0, _element.createElement)(_components.SelectControl, {
-    label: (0, _i18n.__)('Sticky posts'),
-    options: stickyOptions,
-    value: sticky,
-    onChange: value => setQuery({
-      sticky: value
-    }),
-    help: (0, _i18n.__)('Blog posts can be "stickied", a feature that places them at the top of the front page of posts, keeping it there until new sticky posts are published.')
-  })), !inherit && (0, _element.createElement)(_components.PanelBody, {
-    title: (0, _i18n.__)('Filters')
-  }, showCategories && (categories === null || categories === void 0 ? void 0 : (_categories$terms = categories.terms) === null || _categories$terms === void 0 ? void 0 : _categories$terms.length) > 0 && (0, _element.createElement)(_components.FormTokenField, {
-    label: (0, _i18n.__)('Categories'),
-    value: getExistingTermsFormTokenValue('category'),
-    suggestions: categories.names,
-    onChange: onCategoriesChange
-  }), showTags && (tags === null || tags === void 0 ? void 0 : (_tags$terms = tags.terms) === null || _tags$terms === void 0 ? void 0 : _tags$terms.length) > 0 && (0, _element.createElement)(_components.FormTokenField, {
-    label: (0, _i18n.__)('Tags'),
-    value: getExistingTermsFormTokenValue('post_tag'),
-    suggestions: tags.names,
-    onChange: onTagsChange
-  }), (0, _element.createElement)(_components.QueryControls, {
-    selectedAuthorId,
-    authorList,
-    onAuthorChange: value => setQuery({
-      author: value !== '' ? +value : undefined
-    })
-  }), (0, _element.createElement)(_components.TextControl, {
-    label: (0, _i18n.__)('Keyword'),
-    value: querySearch,
-    onChange: setQuerySearch
-  })));
-}
-//# sourceMappingURL=query-inspector-controls.js.map