Product Collection - Add Inherit query from template control

assets/js/blocks/product-collection/inspector-controls/index.tsx

@@ -11,17 +11,25 @@ import { __ } from '@wordpress/i18n';
  */
 import { ProductCollectionAttributes } from '../types';
 import ColumnsControl from './columns-control';
+import InheritQueryControl from './inherit-query-control';
 import OrderByControl from './order-by-control';
 
 const ProductCollectionInspectorControls = (
 	props: BlockEditProps< ProductCollectionAttributes >
 ) => {
+	const { inherit } = props.attributes.query;
+	const displayQueryControls = ! inherit;
+
 	return (
 		<InspectorControls>
 			<PanelBody
 				title={ __( 'Settings', 'woo-gutenberg-products-block' ) }
 			>
 				<ColumnsControl { ...props } />
+				<InheritQueryControl { ...props } />
+				{ displayQueryControls ? (
+					<>{ /** Placeholder for controls modyfing the query. */ }</>
+				) : null }
 				<OrderByControl { ...props } />
 			</PanelBody>
 		</InspectorControls>

assets/js/blocks/product-collection/inspector-controls/inherit-query-control.tsx

@@ -0,0 +1,41 @@
+/**
+ * External dependencies
+ */
+import { ToggleControl } from '@wordpress/components';
+import { __ } from '@wordpress/i18n';
+import { BlockEditProps } from '@wordpress/blocks';
+
+/**
+ * Internal dependencies
+ */
+import { ProductCollectionAttributes } from '../types';
+
+const InheritQueryControl = (
+	props: BlockEditProps< ProductCollectionAttributes >
+) => {
+	const { attributes, setAttributes } = props;
+	const { inherit } = attributes.query;
+	return (
+		<ToggleControl
+			label={ __(
+				'Inherit query from template',
+				'woo-gutenberg-products-block'
+			) }
+			help={ __(
+				'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.',
+				'woo-gutenberg-products-block'
+			) }
+			checked={ !! inherit }
+			onChange={ ( newInherit ) =>
+				setAttributes( {
+					query: {
+						...props.attributes.query,
+						inherit: newInherit,
+					},
+				} )
+			}
+		/>
+	);
+};
+
+export default InheritQueryControl;